.product__variants-wrapper--image-dropdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;overflow:visible}.product__variants-wrapper[data-variant-option-count="1"] .product__option,.product__variants-wrapper[data-variant-option-count="1"] .product__color-chips,.product__variants-wrapper[data-variant-option-count="1"] .product__varaiants-wrapper{width:100%}.product__variants-wrapper[data-variant-option-count="1"] .product__option{display:block!important}.product__variants-wrapper[data-variant-option-count="1"] .product__color-chips{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important}.product__variants-wrapper[data-variant-option-count="1"] .product__variant-name{margin:0!important}.product__variants-wrapper[data-variant-option-count="1"] .product__varaiants-wrapper{justify-content:flex-start!important;margin-top:0!important;margin-right:0!important;margin-left:0!important;padding-right:0!important;padding-left:0!important}.product__variants-wrapper[data-variant-option-count="1"] .product__chip{margin-top:0!important}.product__variants-wrapper--image-dropdown>.product__option{min-width:0;margin:0!important;flex-direction:column}.product__variants-wrapper--image-dropdown .product__variant-name{display:block;margin-bottom:8px;color:#212121;font-family:"Copyright Klim Type Foundry",var(--font-body),sans-serif!important;font-size:12px!important;font-style:normal;font-weight:400;line-height:1.2!important;letter-spacing:0}.product__variants-wrapper--image-dropdown .product__color-chips,.product__variants-wrapper--image-dropdown .product__varaiants-wrapper{width:100%}.product .product__details.product__primary-right .product__variants-wrapper--image-dropdown .product__option .product__color-chips:not(:empty),.quick-product--wrap .product__variants-wrapper--image-dropdown .product__color-chips:not(:empty){margin-top:0!important}.product__variants-wrapper--image-dropdown .product__varaiants-wrapper{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:8px}.product__variants-wrapper--image-dropdown .product__chip{width:100%!important;height:52px!important;min-height:52px;margin:0!important;border:1px solid #dedede;border-radius:4px;background:#f7f7f7}.variant-image-dropdown{position:relative;display:block;width:100%;color:#212121;font-family:"Copyright Klim Type Foundry",var(--font-body),sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1;letter-spacing:0}.variant-image-dropdown.is-open{z-index:40}.quick-product--right-viewport.variant-image-dropdown-active{overflow:visible!important}.variant-image-dropdown button{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.variant-image-dropdown__toggle{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;width:100%;height:52px;min-height:52px;padding:0 8px 0 0;overflow:hidden;color:#212121;text-align:left;background:#f7f7f7;border:1px solid #dedede;border-radius:4px;cursor:pointer;transition:border-color .16s ease,border-radius .16s ease}.variant-image-dropdown--text-only .variant-image-dropdown__toggle{grid-template-columns:minmax(0,1fr) 16px;padding-left:14px}.variant-image-dropdown__toggle:hover,.variant-image-dropdown__toggle:focus-visible,.variant-image-dropdown.is-open .variant-image-dropdown__toggle{border-color:#212121}.variant-image-dropdown.is-open .variant-image-dropdown__toggle{border-radius:4px 4px 0 0}.variant-image-dropdown__selected-image,.variant-image-dropdown__option-image{display:flex;align-items:center;justify-content:center;align-self:stretch;overflow:hidden;background:#eee}.variant-image-dropdown__image{display:block;width:100%;height:100%;object-fit:cover}.variant-image-dropdown__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:24px;font-weight:600;text-transform:uppercase}.variant-image-dropdown__selected-label{padding:12px 8px;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.variant-image-dropdown--text-only .variant-image-dropdown__selected-label,.variant-image-dropdown--text-only .variant-image-dropdown__option-label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;overflow:visible;text-overflow:clip;white-space:normal}.variant-image-dropdown__label-primary,.variant-image-dropdown__label-secondary{display:block}.variant-image-dropdown__label-primary{font-weight:600}.variant-image-dropdown__label-secondary{font-weight:400}.variant-image-dropdown__toggle.is-unavailable .variant-image-dropdown__selected-image{opacity:.5;filter:grayscale(.35)}.variant-image-dropdown__toggle.is-unavailable .variant-image-dropdown__selected-label{color:#777;text-decoration:line-through}.variant-image-dropdown__chevron{display:flex;flex:0 0 12px;align-items:center;justify-content:center;transition:transform .16s ease}.variant-image-dropdown__chevron .icon,.variant-image-dropdown__chevron svg{width:12px;height:12px}.variant-image-dropdown.is-open .variant-image-dropdown__chevron{transform:rotate(180deg)}.variant-image-dropdown__panel{position:absolute;top:calc(100% - 1px);right:0;left:0;z-index:2;max-height:min(480px,65vh);overflow:auto;visibility:hidden;opacity:0;background:#fff;border:1px solid #212121;border-radius:0 0 4px 4px;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s;overscroll-behavior:contain}.variant-image-dropdown.is-open .variant-image-dropdown__panel{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}.variant-image-dropdown__options{display:block}.variant-image-dropdown__option{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) 34px;align-items:center;width:calc(100% - 24px);min-height:86px;margin:0 12px;padding:12px 4px 12px 0;color:#212121;text-align:left;background:transparent;border:0;border-bottom:1px solid #e1e1e1;cursor:pointer}.variant-image-dropdown--text-only .variant-image-dropdown__option{grid-template-columns:minmax(0,1fr) 34px;min-height:60px;padding-left:4px}.variant-image-dropdown__option:last-of-type{border-bottom:0}.variant-image-dropdown__option-image{width:60px;height:60px;border-radius:6px}.variant-image-dropdown__option-label{padding:0 12px;overflow:visible;text-overflow:clip;white-space:normal;font-size:12px;font-weight:400;line-height:1;letter-spacing:0}.variant-image-dropdown__option:hover,.variant-image-dropdown__option:focus-visible{background:#f7f7f7;outline:none}.variant-image-dropdown__option.disabled .variant-image-dropdown__option-image{opacity:.5;filter:grayscale(.35)}.variant-image-dropdown__option.disabled .variant-image-dropdown__option-label{color:#777;text-decoration:line-through}.variant-image-dropdown__check{display:none;align-items:center;justify-content:center;width:34px;height:34px;color:#fff;background:#5bbca9;border-radius:50%}.variant-image-dropdown__check svg{width:22px;height:22px}.variant-image-dropdown__option.selected .variant-image-dropdown__check{display:flex}.variant-image-dropdown__backdrop,.variant-image-dropdown__mobile-close{display:none}.variant-image-dropdown select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media screen and (max-width:749px){.product__variants-wrapper--image-dropdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.variant-image-dropdown__toggle{grid-template-columns:52px minmax(0,1fr) 16px;height:52px;min-height:52px;padding-right:8px}.variant-image-dropdown--text-only .variant-image-dropdown__toggle{grid-template-columns:minmax(0,1fr) 16px;padding-left:14px}.variant-image-dropdown__selected-label{padding:8px 6px;font-size:12px;line-height:1}.variant-image-dropdown.is-open{z-index:auto}.variant-image-dropdown.is-open .variant-image-dropdown__toggle{border-radius:4px}.variant-image-dropdown__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;display:block;visibility:hidden;opacity:0;background:#2121217a;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}.variant-image-dropdown.is-open .variant-image-dropdown__backdrop{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.variant-image-dropdown__panel{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:10021;max-height:min(70dvh,640px);padding:36px 20px 14px;overflow:visible;background:#fff;border:0;border-radius:32px 32px 0 0;transform:translateY(24px)}.variant-image-dropdown__options{max-height:calc(min(70dvh,640px) - 50px);overflow-y:auto;overscroll-behavior:contain}.variant-image-dropdown__mobile-close{position:absolute;top:-67px;left:50%;display:block;width:58px;height:58px;padding:0;background:#fff;border:0;border-radius:50%;transform:translate(-50%);cursor:pointer}.variant-image-dropdown__mobile-close:before,.variant-image-dropdown__mobile-close:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:2px;background:#212121}.variant-image-dropdown__mobile-close:before{transform:translate(-50%,-50%) rotate(45deg)}.variant-image-dropdown__mobile-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.variant-image-dropdown__option{grid-template-columns:68px minmax(0,1fr) 36px;width:100%;min-height:98px;margin:0;padding:14px 0}.variant-image-dropdown--text-only .variant-image-dropdown__option{grid-template-columns:minmax(0,1fr) 36px;min-height:64px;padding-left:0}.variant-image-dropdown__option-image{width:68px;height:68px;border-radius:7px}.variant-image-dropdown__option-label{padding:0 16px;font-size:12px;line-height:1}.variant-image-dropdown__check{width:36px;height:36px}html.variant-image-dropdown-open,html.variant-image-dropdown-open body{overflow:hidden}}.quick-product--wrap[data-quick-view-modal] .quick-product--right-viewport.variant-image-dropdown-active{position:relative;z-index:10050;overflow:visible!important}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown{font-size:10px}.quick-product--wrap[data-quick-view-modal] .product__variants-wrapper--image-dropdown .product__variant-name{font-size:10px!important}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown.is-open,.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__panel{z-index:10052}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__panel{max-height:min(280px,55dvh)}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__options{max-height:min(240px,48dvh)}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__option{grid-template-columns:40px minmax(0,1fr) 24px;min-height:56px;padding-top:8px;padding-bottom:8px}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown--text-only .variant-image-dropdown__option{grid-template-columns:minmax(0,1fr) 24px;min-height:52px}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__option-image{width:40px;height:40px;border-radius:4px}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__option-label{padding-right:8px;padding-left:8px;font-size:10px;line-height:1.1}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__check{width:24px;height:24px}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__check svg{width:14px;height:14px}.quick-product--wrap[data-quick-view-modal] .variant-image-dropdown__backdrop{z-index:10051}@media(prefers-reduced-motion:reduce){.variant-image-dropdown__toggle,.variant-image-dropdown__chevron,.variant-image-dropdown__panel,.variant-image-dropdown__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/354/assets/variant-image-dropdown.css.map */