.club-tone,.club-tone[data-color=white]{--club-flower: #ffffff;--club-ring: #79595b;--club-title: #79595b;--club-cta: var(--club-flower);--club-cta-text: #482122;--club-cta-border: rgba(72, 33, 34, .12)}.club-tone[data-color=green]{--club-flower: #00c277;--club-ring: #ffffff;--club-title: #00834c;--club-cta-text: #ffffff;--club-cta-border: transparent}.club-tone[data-color=sand]{--club-flower: #ede9de;--club-ring: #275ff8;--club-title: #275ff8;--club-cta-text: #482122;--club-cta-border: transparent}.club-tone[data-color=yellow]{--club-flower: #fff400;--club-ring: #949494;--club-title: #7b7400;--club-cta-text: #482122;--club-cta-border: transparent}.club-tone[data-color=blue]{--club-flower: #4121ff;--club-ring: #000000;--club-title: #4121ff;--club-cta-text: #ffffff;--club-cta-border: transparent}.club-tone[data-color=coral]{--club-flower: #ff5d40;--club-ring: #ffffff;--club-title: #dd2703;--club-cta-text: #482122;--club-cta-border: transparent}.club-tone[data-color=pink]{--club-flower: #fde6eb;--club-ring: #ff6c89;--club-title: #cf395c;--club-cta-text: #482122;--club-cta-border: transparent}@supports (color: color(display-p3 1 1 1)){.club-tone,.club-tone[data-color=white]{--club-flower: color(display-p3 1 1 1);--club-ring: color(display-p3 .4549 .3529 .3569)}.club-tone[data-color=green]{--club-flower: color(display-p3 .1774 .7467 .4905);--club-ring: color(display-p3 1 1 1)}.club-tone[data-color=sand]{--club-flower: color(display-p3 .928 .9144 .8735);--club-ring: color(display-p3 .2119 .3689 .9368)}.club-tone[data-color=yellow]{--club-flower: color(display-p3 .9934 .9583 .2903);--club-ring: color(display-p3 .5792 .5792 .5792)}.club-tone[data-color=blue]{--club-flower: color(display-p3 .2369 .1362 .9991);--club-ring: color(display-p3 0 0 0)}.club-tone[data-color=coral]{--club-flower: color(display-p3 .9874 .4153 .3009);--club-ring: color(display-p3 1 1 1)}.club-tone[data-color=pink]{--club-flower: color(display-p3 .977 .9048 .9229);--club-ring: color(display-p3 .9546 .4628 .5447)}@media(color-gamut:p3){.club-tone,.club-tone[data-color=white]{--club-title: color(display-p3 .4549 .3529 .3569)}.club-tone[data-color=green]{--club-title: color(display-p3 .0045 .5224 .3246)}.club-tone[data-color=sand]{--club-title: color(display-p3 .2119 .3689 .9368)}.club-tone[data-color=yellow]{--club-title: color(display-p3 .4824 .4606 .0207)}.club-tone[data-color=blue]{--club-title: color(display-p3 .2369 .1362 .9991)}.club-tone[data-color=coral]{--club-title: color(display-p3 .7991 .2315 .1264)}.club-tone[data-color=pink]{--club-title: color(display-p3 .7472 .2727 .3701)}}}.club-badge--art{cursor:inherit}.club-color-picker{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-width:0}.club-color-picker__strip{position:relative;display:flex;margin-block:-4px;padding:4px calc(50% - 64px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.club-color-picker__strip::-webkit-scrollbar{display:none}.club-color-picker__item{position:relative;display:block;flex:none;scroll-snap-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.club-color-picker__item+.club-color-picker__item{margin-left:-4px}.club-color-picker__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.club-color-picker__item:active .club-color-picker__input:not(:disabled)+.club-badge{transform:scale(.96);transition:transform .12s var(--club-badge-press)}.club-color-picker[data-disabled] .club-color-picker__strip{pointer-events:none}.club-color-picker[data-disabled] .club-color-picker__item{cursor:default}.club-color-picker__arrow{align-self:center;width:24px;height:24px;color:var(--app-ink)}.club-color-picker__arrow svg{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.club-color-picker__item:active .club-color-picker__input:not(:disabled)+.club-badge{transform:none}}