.color-sheet{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;margin:0;border:0;background:#0000008c}.color-sheet[open]{display:flex}.color-sheet .color-sheet__content{position:relative;display:flex;flex-direction:column;width:100%;max-width:52rem;max-height:80vh;margin:0;padding:0;border:0;border-radius:0;background:rgb(var(--color-background));box-shadow:none;transform:none;top:auto;left:auto;overflow:hidden}.color-sheet__close-label{align-self:center;margin-bottom:1.2rem;color:#fff;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;background:transparent;border:0;cursor:pointer}.color-sheet__close-label:focus-visible{outline:.2rem solid rgb(255,255,255);outline-offset:.3rem}.color-sheet__close-icon{position:absolute;inset-block-start:1.6rem;inset-inline-end:1.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:0;background:none;cursor:pointer;color:var(--color-foreground)}.color-sheet__close-icon .icon{width:1.4rem;height:1.4rem}.color-sheet__close-icon:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.color-sheet__title{margin:0;padding:1.6rem 4.4rem 1.2rem 1.6rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:500}.color-sheet__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow-y:auto}.color-sheet__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.color-sheet__swatch{display:block;position:relative;aspect-ratio:4 / 5;background-position:center;background-size:cover;cursor:pointer;outline-offset:-.2rem;outline:.2rem solid transparent}.color-sheet__input:checked+.color-sheet__swatch{outline-color:rgb(var(--pdp-accent-rgb, 8, 27, 10))}.color-sheet__input:focus-visible+.color-sheet__swatch{outline-color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:no-preference){.color-sheet{transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/component-color-sheet.css.map */