.color-card{position:relative;width:calc(20% - 6.4px);aspect-ratio:1/1}.color-card__input{display:none;visibility:hidden;opacity:0;position:absolute;width:0;height:0}.color-card__input:hover+.color-card__label:before{border:1px solid var(--cl-watercourse)}.color-card__input:checked+.color-card__label:before{border:1px solid var(--cl-watercourse)}.color-card__label{font-size:10px;color:var(--cl-nero);display:flex;align-items:flex-end;padding-left:3px;position:absolute;inset:6px;width:auto;border-radius:2px;cursor:pointer}.color-card__label:before{content:"";position:absolute;inset:-6px;border:1px solid var(--cl-whisper);border-radius:4px;transition:border-color .3s}@media (min-width: 768px){.color-card{width:calc(14.2857142857% - 6.8571428571px)}}:root{--cl-transparent: transparent;--cl-white: #ffffff;--cl-black: #000000;--cl-black2: #111111;--cl-gray: #dddddd;--cl-pure-or-mostly-pure-red: #ff0000;--cl-very-dark-gray-mostly-black: #212121;--cl-zambezi: #585858;--cl-gainsboro: #dadada;--cl-watercourse: #0c674b;--cl-british-racing-green: #034430;--cl-whisper2: #e6e6e6;--cl-whisper3: #eee;--cl-black-01: rgba(255, 255, 255, .1);--cl-bubbles: #ecf9f0;--cl-persian-red: #c73c3c;--cl-white-smoke: #f5f5f5;--cl-black-04: rgba(0, 0, 0, .4);--cl-black-08: rgba(0, 0, 0, .8);--cl-sapphire: #0c2b67;--cl-nobel: #999999;--cl-nobel2: #949494;--cl-nero: #272727;--cl-nero2: #282828;--cl-cosmic-latte: #ddffeb;--cl-cosmic-latte2: #ddf5e3;--cl-cosmic-latte3: #daf9e4;--cl-vida-loca: #5d8f25;--cl-old-rose: #cc3752;--cl-sushi: #7dac40;--cl-puerto-rico: #41b2a0;--cl-gumbo: #778c88;--cl-silver: #c4c4c4;--cl-elf-green: #1f8a70;--cl-elf-green-02: rgba(31, 138, 112, .2);--cl-elf-green-01: rgba(31, 138, 112, .1);--cl-eucalyptus: #20a868;--cl-dim-gray: #6a6a6a;--cl-amaranth: #eb3651;--cl-arapawa: #184f63;--cl-wild-watermelon: #fb5c74;--cl-tahiti-gold: #ea7521;--cl-torch-red: #f41839;--cl-sherpa-blue: #00425a;--cl-sea-buckthorn: #ed9555;--cl-niagara: #2ea286;--cl-asparagus: #70934a;--cl-forget-me-not: #fcf0dd;--cl-whisper: #e8e8e8;--container-padding: 16px;--container-padding-bottom: 40px;--height-header-default: 116px;--height-header-min: 64px;--padding-top-page: 156px;--height-bottom-bar: 77px}@media (min-width: 768px){:root{--container-padding: 24px;--container-padding-bottom: 80px;--height-bottom-bar: 72px}}@media (min-width: 1024px){:root{--container-padding: 40px;--container-padding-bottom: 100px;--padding-top-page: var(--height-header-default)}}@media (min-width: 1280px){:root{--container-padding: 40px;--container-padding-bottom: 100px;--height-header-default: 152px;--height-header-min: 72px}}:root{--scroll-margin-top: 82px}.popup-color{display:flex;flex-direction:column;height:100%}.popup-color__colors{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}@media (min-width: 768px){.popup-color__colors{padding:0 72px}}