.section-color-blocks{overflow:visible;position:relative;z-index:10}.color-blocks__heading{margin:0 0 2rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .02rem);line-height:1.2}.color-blocks__slider{display:block}.color-blocks__list{display:grid;grid-template-columns:repeat(var(--color-blocks-columns, 10),minmax(0,1fr));gap:var(--color-blocks-gap, 1.6rem);margin:0;overflow:visible;padding:0}.color-blocks__item{min-width:0}.color-blocks__item--has-panel{position:relative}.color-blocks__item--has-panel:hover,.color-blocks__item--has-panel:has(.color-blocks__group:focus-within){z-index:1}.color-blocks__group{position:relative;width:100%}.color-blocks__group:after{content:"";height:1.2rem;left:0;position:absolute;right:0;top:100%}.color-blocks__group>.color-blocks__link{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:default;font:inherit;padding:0}.color-blocks__panel{align-items:stretch;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;box-shadow:0 .8rem 2.4rem rgba(var(--color-shadow),.12);display:none;flex-direction:column;left:50%;margin-top:1.2rem;max-width:calc(100vw - 3rem);opacity:0;padding:1.6rem 1.8rem 1.8rem;pointer-events:none;position:absolute;z-index:2;top:100%;transform:translate(calc(-50% + var(--color-blocks-panel-shift, 0px)));transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease;visibility:hidden;width:max-content}.color-blocks__panel:before{background-color:rgb(var(--color-background));border-left:.1rem solid rgba(var(--color-foreground),.12);border-top:.1rem solid rgba(var(--color-foreground),.12);content:"";height:1rem;left:50%;position:absolute;top:-.55rem;transform:translate(calc(-50% - var(--color-blocks-panel-shift, 0px))) rotate(45deg);width:1rem}.color-blocks__select-all{align-items:center;color:rgb(var(--color-foreground));display:inline-flex;font-size:1.2rem;gap:.8rem;margin-bottom:1.2rem;text-decoration:none}.color-blocks__select-all-box{border:.1rem solid rgba(var(--color-foreground),.35);border-radius:.2rem;flex-shrink:0;height:1.4rem;width:1.4rem}.color-blocks__sublist{--sub-color-slot: 5.6rem;--sub-color-gap: 1.6rem;display:grid;gap:var(--sub-color-gap);grid-template-columns:repeat(var(--sub-color-columns, 1),minmax(var(--sub-color-slot),max-content));justify-content:start;justify-items:center;margin:0;max-width:100%;padding:0;width:max-content}.color-blocks__subitem{max-width:100%;width:max-content}.color-blocks__sublink{align-items:center;color:rgb(var(--color-foreground));display:flex;flex-direction:column;gap:.6rem;max-width:100%;min-width:var(--sub-color-slot);text-align:center;text-decoration:none;width:max-content}.color-blocks__sublink .color-blocks__label{font-size:.92em;white-space:nowrap;width:auto;word-break:normal}.color-blocks__sublink .color-blocks__label-break{display:none}.color-blocks__badge{background-color:#fdf8f3;border-radius:.2rem;color:rgb(var(--color-foreground));font-size:.9rem;font-weight:700;letter-spacing:.02em;line-height:1;padding:.15rem .35rem;position:absolute;right:0;text-transform:uppercase;top:0;transform:translate(20%,-20%);white-space:nowrap;z-index:1}.color-blocks__link{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%;color:rgb(var(--color-foreground));text-decoration:none;text-align:center}.color-blocks__link.link{border:none;box-shadow:none;background-color:transparent}.color-blocks__swatch{display:flex;align-items:center;justify-content:center;line-height:0;position:relative;transition:transform var(--duration-default) var(--ease-out-slow)}.color-blocks__swatch .swatch{margin:0 auto;transition:transform var(--duration-default) var(--ease-out-slow),box-shadow var(--duration-default) ease,border-color var(--duration-short) ease}.color-blocks__label{display:block;width:100%;color:rgb(var(--color-foreground));letter-spacing:.02em;line-height:1.2;word-break:break-word}.color-blocks__link:not([aria-disabled=true]):hover .color-blocks__swatch,.color-blocks__link:not([aria-disabled=true]):focus-visible .color-blocks__swatch{transform:translateY(-.2rem)}.color-blocks__link:not([aria-disabled=true]):hover .swatch,.color-blocks__link:not([aria-disabled=true]):focus-visible .swatch{transform:scale(1.08);box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.14);border-color:rgba(var(--color-foreground),.28)}.color-blocks__group:hover .color-blocks__panel,.color-blocks__group:focus-within .color-blocks__panel{display:flex;opacity:1;pointer-events:auto;visibility:visible}.color-blocks__group:hover>.color-blocks__link .swatch,.color-blocks__group:focus-within>.color-blocks__link .swatch{border-color:rgba(var(--color-foreground),.45);box-shadow:0 0 0 .15rem rgb(var(--color-background)),0 0 0 .35rem rgba(var(--color-foreground),.55);transform:scale(1.08)}.color-blocks__link:not([aria-disabled=true]):active .color-blocks__swatch{transform:translateY(0)}.color-blocks__link:not([aria-disabled=true]):active .swatch{transform:scale(1.02);box-shadow:0 .2rem .6rem rgba(var(--color-shadow),.1)}.color-blocks__link[aria-disabled=true]{cursor:default;opacity:.72}@media screen and (min-width:750px){.color-blocks__list:not(.slider){display:flex;flex-wrap:wrap;justify-content:center}.color-blocks__list:not(.slider) .color-blocks__item{flex:0 0 auto;max-width:none;width:auto}.color-blocks__sublink .color-blocks__swatch .swatch{--swatch-input--size: calc(var(--swatch-input--size, 4.4rem) * .82)}.color-blocks__sublist{--sub-color-gap: 1.6rem;--sub-color-slot: max(calc(var(--swatch-input--size, 4.4rem) * .82 + 1.6rem), 6.6rem);grid-template-columns:repeat(var(--sub-color-columns, 1),var(--sub-color-slot))}.color-blocks__subitem{width:auto}.color-blocks__sublink{max-width:var(--sub-color-slot);min-width:0;width:100%}}@media screen and (max-width:749px){.color-blocks__group>.color-blocks__link{cursor:pointer}.section-color-blocks slider-component.color-blocks__slider,.section-color-blocks .color-blocks__list.slider{overflow:visible}.section-color-blocks .page-width{padding-left:1.5rem;padding-right:1.5rem}.section-color-blocks .color-blocks__list{overflow:visible}.color-blocks__panel{max-width:calc(100vw - 2.4rem);transition:none}.color-blocks__sublist{--sub-color-slot: max(var(--swatch-input--size, 4.4rem), 6rem);--sub-color-gap: 1.2rem}.color-blocks__sublist--cols-5{grid-template-columns:repeat(var(--sub-color-columns, 5),minmax(0,1fr));width:100%}.color-blocks__sublist--cols-5 .color-blocks__sublink{min-width:0;width:100%}.color-blocks__label{overflow-wrap:normal;word-break:normal}.color-blocks__sublink .color-blocks__label-break{display:block}.color-blocks__list.slider{display:flex}.color-blocks__list.slider .color-blocks__item{width:calc((100% - var(--grid-mobile-horizontal-spacing) * (var(--color-blocks-columns) - 1)) / var(--color-blocks-columns));max-width:calc((100% - var(--grid-mobile-horizontal-spacing) * (var(--color-blocks-columns) - 1)) / var(--color-blocks-columns))}}@media(prefers-reduced-motion:reduce){.color-blocks__swatch,.color-blocks__swatch .swatch{transition:border-color var(--duration-short) ease}.color-blocks__link:not([aria-disabled=true]):hover .color-blocks__swatch,.color-blocks__link:not([aria-disabled=true]):focus-visible .color-blocks__swatch,.color-blocks__link:not([aria-disabled=true]):active .color-blocks__swatch{transform:none}.color-blocks__link:not([aria-disabled=true]):hover .swatch,.color-blocks__link:not([aria-disabled=true]):focus-visible .swatch,.color-blocks__link:not([aria-disabled=true]):active .swatch,.color-blocks__group:hover>.color-blocks__link .swatch,.color-blocks__group:focus-within>.color-blocks__link .swatch{transform:none;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-color-blocks.css.map */