:root{--theme-brand-white:#fff;--theme-brand-red:red;--theme-brand-black:#000;--theme-background-primary:#0f1214;--theme-background-secondary:#1b1f21;--theme-background-tertiary:#272a2e;--theme-text-primary:#e5e5e5;--theme-text-secondary:#989898;--theme-text-tertiary:#656565;--theme-text-inverse:#000;--theme-hover-overlay:#ffffff1a;--theme-border-primary:#656565;--theme-border-secondary:#4c4c4c;--theme-border-tertiary:#323232;--theme-accent-primary:#fff;--theme-accent-disable:#323232;--theme-attention:#e42525;--theme-modal-background:#00000080}[data-theme=light]{--theme-background-primary:#fff;--theme-background-secondary:#f5f5f5;--theme-background-tertiary:#e5e5e5;--theme-text-primary:#000;--theme-text-secondary:#4c4c4c;--theme-text-tertiary:#7e7e7e;--theme-text-inverse:#fff;--theme-hover-overlay:#0000001a;--theme-border-primary:#b2b2b2;--theme-border-secondary:#cbcbcb;--theme-border-tertiary:#e5e5e5;--theme-accent-primary:#000;--theme-accent-disable:#e5e5e5}.toggle-button{cursor:pointer;background-color:var(--theme-background-secondary);color:var(--theme-text-primary);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:700;transition:opacity .2s ease-out;display:inline-flex;position:relative}.toggle-button:focus-visible{box-shadow:inset 0 0 0 2px var(--theme-accent-primary);outline:none}.toggle-button--disabled{opacity:.4;cursor:not-allowed}.toggle-button--selected{background-color:var(--theme-accent-primary);color:var(--theme-text-inverse)}.toggle-button:hover:not(.toggle-button--disabled){opacity:.4}
:root{--theme-brand-white:#fff;--theme-brand-red:red;--theme-brand-black:#000;--theme-background-primary:#0f1214;--theme-background-secondary:#1b1f21;--theme-background-tertiary:#272a2e;--theme-text-primary:#e5e5e5;--theme-text-secondary:#989898;--theme-text-tertiary:#656565;--theme-text-inverse:#000;--theme-hover-overlay:#ffffff1a;--theme-border-primary:#656565;--theme-border-secondary:#4c4c4c;--theme-border-tertiary:#323232;--theme-accent-primary:#fff;--theme-accent-disable:#323232;--theme-attention:#e42525;--theme-modal-background:#00000080}[data-theme=light]{--theme-background-primary:#fff;--theme-background-secondary:#f5f5f5;--theme-background-tertiary:#e5e5e5;--theme-text-primary:#000;--theme-text-secondary:#4c4c4c;--theme-text-tertiary:#7e7e7e;--theme-text-inverse:#fff;--theme-hover-overlay:#0000001a;--theme-border-primary:#b2b2b2;--theme-border-secondary:#cbcbcb;--theme-border-tertiary:#e5e5e5;--theme-accent-primary:#000;--theme-accent-disable:#e5e5e5}.tag-filters{border-bottom:1px solid var(--theme-border-secondary);flex-direction:column;gap:8px;display:flex}@media (min-width:960px){.tag-filters{border:none;flex-direction:row;gap:24px}}.tag-filters__label{width:100%;color:var(--theme-text-primary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;transition:all .2s ease-out;display:flex}@media (hover:hover){.tag-filters__label:hover{background:var(--theme-background-secondary)}}.tag-filters__label:active{background:var(--theme-background-tertiary)}@media (min-width:960px){.tag-filters__label{cursor:default;pointer-events:none;border:none;border-radius:0;width:auto;height:44px;padding:0;background:0 0!important}}.tag-filters__label-text{white-space:nowrap;font-size:.875rem;font-weight:700}.tag-filters__label-values{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--theme-text-secondary);flex:1;font-size:.75rem;overflow:hidden}@media (min-width:960px){.tag-filters__label-values{display:none}}.tag-filters__label-icon{flex-shrink:0;width:24px;height:24px;transition:transform .2s ease-out}.tag-filters__label-icon svg{width:100%;height:100%}@media (min-width:960px){.tag-filters__label-icon{display:none}}.tag-filters--open .tag-filters__label-icon{transform:rotate(180deg)}.tag-filters__list{flex-wrap:wrap;gap:8px;transition:all .2s ease-out;display:none;overflow:hidden}@media (min-width:1280px){.tag-filters__list{gap:16px}}@media (min-width:960px){.tag-filters__list{display:flex}}.tag-filters--open .tag-filters__list{padding:8px 0 24px;display:flex}@media (min-width:960px){.tag-filters--open .tag-filters__list{padding:0}}.tag-filters--always-visible{border-bottom:none}.tag-filters--always-visible .tag-filters__label{display:none}@media (min-width:960px){.tag-filters--always-visible .tag-filters__label{display:flex}}.tag-filters--always-visible .tag-filters__list{padding:0;display:flex}
:root{--theme-brand-white:#fff;--theme-brand-red:red;--theme-brand-black:#000;--theme-background-primary:#0f1214;--theme-background-secondary:#1b1f21;--theme-background-tertiary:#272a2e;--theme-text-primary:#e5e5e5;--theme-text-secondary:#989898;--theme-text-tertiary:#656565;--theme-text-inverse:#000;--theme-hover-overlay:#ffffff1a;--theme-border-primary:#656565;--theme-border-secondary:#4c4c4c;--theme-border-tertiary:#323232;--theme-accent-primary:#fff;--theme-accent-disable:#323232;--theme-attention:#e42525;--theme-modal-background:#00000080}[data-theme=light]{--theme-background-primary:#fff;--theme-background-secondary:#f5f5f5;--theme-background-tertiary:#e5e5e5;--theme-text-primary:#000;--theme-text-secondary:#4c4c4c;--theme-text-tertiary:#7e7e7e;--theme-text-inverse:#fff;--theme-hover-overlay:#0000001a;--theme-border-primary:#b2b2b2;--theme-border-secondary:#cbcbcb;--theme-border-tertiary:#e5e5e5;--theme-accent-primary:#000;--theme-accent-disable:#e5e5e5}.club-color-filter{flex-direction:column;gap:40px;display:flex}@media (min-width:768px){.club-color-filter{gap:64px}}.club-color-filter__filters{flex-direction:column;gap:24px;display:flex}@media (min-width:1280px){.club-color-filter__filters{gap:16px}}.club-color-filter__results{grid-template-columns:repeat(1,1fr);gap:40px 24px;display:grid}@media (min-width:1920px){.club-color-filter__results{grid-template-columns:repeat(2,1fr)}}.club-color-filter__item{text-align:left;background:0 0;border:none;width:100%;padding:0;transition:all .2s ease-out}.club-color-filter__item-content{flex-direction:column;gap:8px;display:flex}.club-color-filter__item-colors{width:100%;display:block;position:relative}.club-color-filter__item-colors:focus-visible{box-shadow:inset 0 0 0 2px var(--theme-accent-primary);outline:none}.club-color-filter__item-colors-gradient-container{width:100%;height:200px;position:relative;overflow:hidden}@media (min-width:768px){.club-color-filter__item-colors-gradient-container{height:320px}}.club-color-filter__item-colors-gradient-bg{width:100%;height:100%;position:absolute;top:0;left:0}.club-color-filter__item-colors-gradient-flare{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='632' height='316' viewBox='0 0 632 316' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M632 316H0C174.526 316 316 174.526 316 0V273.725C410.453 219.088 474 116.968 474 0V273.725C568.453 219.088 632 116.968 632 0V316Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='632' height='316' viewBox='0 0 632 316' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M632 316H0C174.526 316 316 174.526 316 0V273.725C410.453 219.088 474 116.968 474 0V273.725C568.453 219.088 632 116.968 632 0V316Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.club-color-filter__item-colors-plain-wrapper{flex-direction:row;width:100%;height:100%;display:flex}.club-color-filter__item-colors-plain{flex:1;justify-content:center;align-items:center;min-height:80px;display:flex;position:relative}@media (min-width:768px){.club-color-filter__item-colors-plain{min-height:80px}}.club-color-filter__item-color-code{color:#fff;text-transform:uppercase;cursor:pointer;background-color:#0000004d;border:none;border-radius:9999px;align-items:center;gap:4px;padding:8px 12px;font-family:monospace;font-size:14px;font-weight:600;transition:all .2s ease-out;display:flex;position:relative}.club-color-filter__item-color-code:active{transform:scale(.95)}@media (min-width:768px){.club-color-filter__item-color-code{font-size:16px}}.club-color-filter__item-color-code-icon{flex-shrink:0;width:16px;height:16px}@media (min-width:768px){.club-color-filter__item-color-code-icon{width:18px;height:18px}}.club-color-filter__item-color-code-text{flex:1}.club-color-filter__item-color-code-tooltip{background-color:var(--theme-background-primary);border:solid 1px var(--theme-border-secondary);color:var(--theme-text-primary);text-transform:none;white-space:nowrap;pointer-events:none;z-index:100;border-radius:8px;padding:4px 8px;animation:.2s ease-in-out tooltip-fade-in;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.club-color-filter__item-pedestals{flex-direction:column;align-items:flex-start;gap:4px;margin-top:12px;display:flex;position:relative}@media (hover:hover){.club-color-filter__item-pedestals{flex-flow:row;align-items:center;gap:8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000 100%)}}@media (min-width:768px){.club-color-filter__item-pedestals{margin-top:16px}}@media (min-width:768px) and (hover:hover){.club-color-filter__item-pedestals{gap:12px}}.club-color-filter__item-pedestal{background-color:var(--theme-background-secondary);height:34px;color:var(--theme-text-primary);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:18px;padding:0 11px;font-size:.875rem;line-height:1;transition:all .2s ease-out;display:inline-flex;position:relative}.club-color-filter__item-pedestal:focus-visible{box-shadow:0 0 0 2px var(--theme-accent-primary);outline:none}.club-color-filter__item-pedestal-label-group{flex-shrink:0;align-items:center;display:inline-flex}.club-color-filter__item-pedestal-label-group-inner{align-items:center;gap:8px;display:inline-flex}.club-color-filter__item-pedestal-circle{border-radius:50%;flex-shrink:0;width:18px;height:18px}.club-color-filter__item-pedestal-label{color:var(--theme-text-primary);white-space:nowrap;font-size:.875rem;font-weight:400}.club-color-filter__item-pedestal-expand{grid-template-columns:0fr;margin-inline-start:-18px;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1),margin-inline-start .35s cubic-bezier(.4,0,.2,1);display:grid}.club-color-filter__item-pedestal--expanded .club-color-filter__item-pedestal-expand{grid-template-columns:1fr;margin-inline-start:0}.club-color-filter__item-pedestal-expand-inner{white-space:nowrap;opacity:0;pointer-events:none;align-items:center;gap:0;min-width:0;transition:opacity .15s;display:inline-flex;overflow:hidden}.club-color-filter__item-pedestal--expanded .club-color-filter__item-pedestal-expand-inner{opacity:1;pointer-events:auto;transition:opacity .25s .12s}.club-color-filter__item-pedestal-hex-group{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.club-color-filter__item-pedestal-hex{color:var(--theme-text-primary);text-transform:uppercase;white-space:nowrap;font-size:.875rem;font-weight:700}.club-color-filter__item-pedestal-sub-hex{color:var(--theme-text-primary);text-transform:uppercase;white-space:nowrap;font-size:.875rem;font-weight:400}.club-color-filter__item-pedestal-divider{background-color:var(--theme-border-secondary);flex-shrink:0;width:1px;height:18px;margin-inline:10px}.club-color-filter__item-pedestal-gradient-section{flex-shrink:0;align-items:center;gap:18px;display:inline-flex}.club-color-filter__item-pedestal-copy{flex-shrink:0;align-items:center;display:inline-flex;position:relative}@media (hover:none){.club-color-filter__item-pedestal{justify-content:space-between;gap:8px;width:100%;height:30px;padding:0 6px}.club-color-filter__item-pedestal .club-color-filter__item-pedestal-label-group-inner{gap:6px}.club-color-filter__item-pedestal .club-color-filter__item-pedestal-hex-group{gap:4px}.club-color-filter__item-pedestal .club-color-filter__item-pedestal-expand{grid-template-columns:1fr;margin-inline-start:0}.club-color-filter__item-pedestal .club-color-filter__item-pedestal-expand-inner{opacity:1;pointer-events:auto}.club-color-filter__item-pedestal .club-color-filter__item-pedestal-divider,.club-color-filter__item-pedestal .club-color-filter__item-pedestal-gradient-section{display:none}}@media (hover:hover){.club-color-filter__item-pedestal--mobile-only{display:none}}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-2px)}to{opacity:1;transform:translate(-50%)translateY(0)}}