.swatch-drawer{--swatch-picker-layer: 199;--swatch-picker-width: 1024px;--swatch-picker-image-max-width: 640px;--swatch-picker-media-ratio: 1.05;--swatch-picker-media-ratio-wide: 2.3;--swatch-picker-view-inactive-opacity: .45;--swatch-picker-active-opacity: .65;--swatch-picker-disabled-opacity: .4;z-index:var(--swatch-picker-layer)}.swatch-drawer .swatch-picker{width:min(var(--swatch-picker-width),100%);max-width:none;background:var(--iwc-color-white);color:var(--iwc-color-black);font-family:var(--iwc-font-sans);font-size:var(--iwc-type-16);line-height:var(--iwc-line-height-body)}.swatch-picker [hidden]{display:none!important}.swatch-picker__header{flex-shrink:0;min-height:88px;padding:var(--iwc-space-24) var(--iwc-space-26)}.swatch-picker__header h2{margin:0;font:inherit}.swatch-picker__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--iwc-space-26) var(--iwc-space-38)}.swatch-picker__help,.swatch-picker__notice{background:var(--iwc-color-surface-soft);border-radius:var(--iwc-radius-4);padding:var(--iwc-space-28) var(--iwc-space-26)}.swatch-picker__help{display:flex;align-items:center;justify-content:space-between;gap:var(--iwc-space-24)}.swatch-picker__help p,.swatch-picker__notice{margin:0}.swatch-picker__help a{flex-shrink:0;font-size:var(--iwc-type-18);text-decoration:underline;text-underline-offset:var(--iwc-space-5)}.swatch-picker__views{display:flex;justify-content:flex-end;gap:var(--iwc-space-16);padding:var(--iwc-space-16) 0;border-bottom:1px solid var(--iwc-color-border-subtle);margin-bottom:var(--iwc-space-20)}.swatch-picker__views button{padding:var(--iwc-space-2);opacity:var(--swatch-picker-view-inactive-opacity)}.swatch-picker__views button[aria-pressed=true],.swatch-picker__views button:hover{opacity:1}.swatch-picker__view-icon{display:grid;width:40px;height:40px;grid-template-columns:1fr 1fr;gap:var(--iwc-space-3)}.swatch-picker__view-icon--list{grid-template-columns:1fr}.swatch-picker__view-icon i{border:1px solid currentColor}.swatch-picker__group{margin-bottom:var(--iwc-space-40)}.swatch-picker__group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--iwc-space-20);margin-bottom:var(--iwc-space-12)}.swatch-picker__group-heading h3{font:inherit;font-size:var(--iwc-type-24);font-weight:var(--iwc-font-weight-bold);margin:0}.swatch-picker__group-heading [data-picker-price]{font-size:var(--iwc-type-24);white-space:nowrap}.swatch-picker__description{margin:0 0 var(--iwc-space-24)}.swatch-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--iwc-space-28) var(--iwc-space-10)}.swatch-picker__card{min-width:0;position:relative;padding:var(--iwc-space-16) var(--iwc-space-12) var(--iwc-space-8);border:1px solid transparent}.swatch-picker__card.is-selected{border-color:currentColor}.swatch-picker__choice{display:block;width:100%;text-align:left;padding:0;font:inherit}.swatch-picker__media{display:block;aspect-ratio:var(--swatch-picker-media-ratio);background:var(--color-gray-1)}.swatch-picker__media img{width:100%;height:100%;display:block;object-fit:cover}.swatch-picker__name{display:block;font-weight:var(--iwc-font-weight-semibold);padding-top:var(--iwc-space-8);padding-right:var(--iwc-space-30);overflow-wrap:anywhere}.swatch-picker__zoom{position:absolute;top:var(--iwc-space-24);right:var(--iwc-space-20);width:40px;height:40px;padding:var(--iwc-space-4);border-radius:var(--iwc-radius-3);background:var(--iwc-color-surface-soft);color:var(--iwc-color-black)}.swatch-picker__zoom .icon,.swatch-picker__zoom svg{display:block;width:100%;height:100%}.swatch-picker__info{position:absolute;bottom:var(--iwc-space-8);right:var(--iwc-space-10);width:28px;height:28px;display:grid;place-items:center}.swatch-picker__info span{display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;width:19px;height:19px;font:var(--iwc-font-weight-bold) var(--iwc-type-13)/var(--iwc-line-height-solid) var(--iwc-font-symbol)}.swatch-picker__notice{text-align:center;font-weight:var(--iwc-font-weight-semibold);margin-top:var(--iwc-space-36)}.swatch-picker[data-view=list] .swatch-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-picker[data-view=list] .swatch-picker__media{aspect-ratio:var(--swatch-picker-media-ratio-wide)}.swatch-picker__modal{margin:auto;padding:0;border:0;background:transparent;width:fit-content;min-width:min(240px,calc(100vw - var(--iwc-space-32)));min-height:160px;max-width:calc(100vw - var(--iwc-space-32));max-height:80dvh;overflow:auto}.swatch-picker__modal::backdrop{background:var(--iwc-color-overlay-strong)}.swatch-picker__modal>img{display:block;width:auto;height:auto;max-width:min(var(--swatch-picker-image-max-width),calc(100vw - var(--iwc-space-56)));max-height:calc(80dvh - var(--iwc-space-24));margin:auto;object-fit:contain}.swatch-picker__modal-close{position:absolute;top:var(--iwc-space-24);right:var(--iwc-space-24);width:44px;height:44px;display:grid;place-items:center;background:var(--iwc-color-white);color:var(--iwc-color-black)}.swatch-picker__modal-close .icon,.swatch-picker__modal-close svg{width:24px;height:24px}.swatch-picker__modal [data-picker-image-error]{padding:var(--iwc-space-100) var(--iwc-space-24);text-align:center;background:var(--iwc-color-white)}.swatch-picker button:focus-visible,.swatch-picker a:focus-visible{outline:2px solid currentColor;outline-offset:var(--iwc-space-3)}.swatch-picker button:active{opacity:var(--swatch-picker-active-opacity)}.swatch-picker__choice:disabled{opacity:var(--swatch-picker-disabled-opacity);cursor:not-allowed}@media(hover:hover){.swatch-picker__card:has(.swatch-picker__choice:not(:disabled)):hover{border-color:var(--iwc-color-border-hover)}.swatch-picker__card.is-selected:hover{border-color:currentColor}}@media(max-width:767px){.swatch-picker__header{min-height:72px;padding:var(--iwc-space-20)}.swatch-picker__scroll{padding:0 var(--iwc-space-20) var(--iwc-space-28)}.swatch-picker__help{display:block;padding:var(--iwc-space-20)}.swatch-picker__help a{display:inline-block;margin-top:var(--iwc-space-12);font-size:var(--iwc-type-16)}.swatch-picker__views{display:none}.swatch-picker__group{margin-top:var(--iwc-space-28)}.swatch-picker__group-heading h3,.swatch-picker__group-heading [data-picker-price]{font-size:var(--iwc-type-21)}.swatch-picker__grid,.swatch-picker[data-view=list] .swatch-picker__grid{grid-template-columns:minmax(0,1fr);gap:var(--iwc-space-16)}.swatch-picker[data-view=list] .swatch-picker__media{aspect-ratio:var(--swatch-picker-media-ratio)}.swatch-picker__info{width:44px;height:44px;right:var(--iwc-space-3);bottom:0}.swatch-picker__zoom{width:44px;height:44px}.swatch-picker__notice{padding:var(--iwc-space-24) var(--iwc-space-16)}.swatch-picker__modal-close{top:var(--iwc-space-20);right:var(--iwc-space-20);width:44px;height:44px}.swatch-picker__modal-close .icon,.swatch-picker__modal-close svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.swatch-drawer:before,.swatch-drawer .drawer__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-swatch-picker.css.map */