.popup-modal.compare-modal{overflow:unset}.compare-modal__results{width:100%;opacity:1;transition:opacity .2s ease}.compare-popup{overflow:visible;max-width:100%}.compare-modal .popup-modal__content{display:flex;flex-direction:column}.compare-modal .popup-modal__content-info{max-height:unset;flex:1 1 auto;min-height:0}.compare-modal.compare-modal:has(.compare-empty-state) .popup-modal__content{min-height:unset;max-height:unset;height:fit-content;overflow:visible}.compare-modal:has(.popup-modal__content-info.loading):not(:has(table)) .popup-modal__content{min-height:unset;max-height:unset;height:fit-content}.compare-modal.compare-modal:has(.compare-empty-state) .popup-modal__content-info{min-height:unset;height:fit-content}.compare-modal:has(.popup-modal__content-info.loading):not(:has(table)) .popup-modal__content-info{min-height:unset;height:fit-content;padding:6rem}.compare-popup table{table-layout:fixed;min-width:100%}.compare-popup table th,.compare-popup table td{text-align:start;white-space:normal}.compare-popup th{min-width:15rem}.compare-popup th,.compare-popup td{max-width:25rem}.compare-popup td{min-width:25rem;vertical-align:top}.compare-popup__media-wrapper{margin:0 auto}.compare-popup .media--square{margin:auto;padding-bottom:0}.compare-popup .media--square>img{object-fit:contain;max-height:15rem}.compare-modal .popup-modal__content{width:100%;max-width:100%;position:fixed;inset-inline:0;left:auto;top:auto;transform:none;min-height:95vh;max-height:95vh;overflow:scroll;overscroll-behavior:none;border-radius:0;bottom:-95vh;transition:bottom .4s cubic-bezier(.16,1,.3,1)}@media(max-width:749px){.compare-modal .popup-modal__content{min-height:95vh;max-height:95vh;height:95vh;bottom:-95vh}}.compare-modal[open] .popup-modal__content{bottom:0}.compare-modal.closing{visibility:visible;z-index:101}.compare-modal .popup-modal__toggle{position:static}.compare-modal__header{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;left:0;z-index:20;background:rgb(var(--color-background));padding-block:3rem}.compare-modal__header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.compare-popup .media>*:not(.zoom):not(.deferred-media__poster-button),.media model-viewer{position:relative}.compare-popup__remove-button{padding:1rem;border-radius:5rem;border:none;width:32px;height:32px;background:rgb(var(--color-foreground),.04);color:rgb(var(--color-foreground),.6)}.compare-popup .price__sale{flex-direction:row}.compare-popup .price,.compare-popup .price--on-sale .price-item--regular{font-size:1em}.compare-popup .product-form__buttons{grid-template-columns:auto 1fr}.compare-popup .product-form__submit{max-width:7rem}.compare-popup__description{max-height:20rem;overflow-y:auto}.compare-modal__message{display:none;margin-bottom:auto}.compare-modal__tabs{display:flex;gap:.75rem;flex-wrap:wrap;margin:0}.compare-modal__tabs:empty,.compare-modal:has(compare-popup.empty) .compare-modal__tabs{display:none}compare-popup.empty .compare-modal__empty,compare-popup.warning .compare-modal__warning{display:block}.compare-modal__content-info.loading .compare-modal__empty,compare-popup.empty .compare-modal__results{display:none}.compare-modal__content-info.loading .compare-modal__results{opacity:0}.compare-popup__remove-link{padding:.7rem 2rem;border-radius:5rem;border:none;background:rgb(var(--color-foreground),.04);color:rgb(var(--color-foreground),.6);width:fit-content;margin-inline:auto;font-size:smaller;transition:background .3s ease}.compare-popup__remove-link:hover{background:rgb(var(--color-foreground),.07)}.compare-popup__row--metafields:not(:has(td:not(:empty))){display:none}.compare-modal .product-form__submit{min-height:3rem}.compare-modal .icon-cart{width:20px;height:20px}.compare-modal .alert{padding:0;background:0;border-radius:0}.compare-modal table:not([class]){font-weight:500;min-width:unset;border:none;width:100%}.compare-modal table:not([class]) td,.compare-modal table:not([class]) th{padding:1.5rem;width:20rem;max-width:30rem}.compare-modal table:not([class]) .compare-popup__row:nth-child(-n+5) td,.compare-modal table:not([class]) .compare-popup__row:nth-child(-n+5) th{border:none;padding-top:0;padding-bottom:.65rem}.compare-modal table:not([class]) .compare-popup__row:nth-child(5) td,.compare-modal table:not([class]) .compare-popup__row:nth-child(5) th{padding-bottom:3rem}.compare-modal table:not([class]) .compare-popup__row:nth-child(-n+5) th{color:transparent}@media(min-width:750px){.compare-modal table:not([class]){font-size:.85em}.compare-modal table:not([class]) .compare-popup__row:nth-child(-n+5) td,.compare-modal table:not([class]) .compare-popup__row:nth-child(-n+5) th{position:sticky;z-index:5;background:rgb(var(--color-background))}.compare-popup .media--square>img{transition:max-height .4s cubic-bezier(.16,1,.3,1)}compare-popup.is-compact .compare-popup .media--square>img{max-height:6rem}compare-popup.is-compact compare-remove-button,compare-popup.is-compact product-info{display:none}compare-popup.is-compact table:not([class]) .compare-popup__row:nth-child(-n+5) td,compare-popup.is-compact table:not([class]) .compare-popup__row:nth-child(-n+5) th{padding-bottom:.4rem}compare-popup.is-compact table:not([class]) .compare-popup__row:nth-child(5) td,compare-popup.is-compact table:not([class]) .compare-popup__row:nth-child(5) th{padding-bottom:.4rem}compare-popup.is-compact table:not([class]) .compare-popup__row:nth-child(1) td.compare-placeholder{padding-block:.5rem}compare-popup.is-compact .compare-placeholder svg{display:none}compare-popup.is-compact .compare-placeholder:after{display:none}compare-popup.is-compact .compare-picker-inline{margin-top:1.5rem}}.compare-popup .quantity__rules-cart__number{background:#0080551a;color:#008055;box-shadow:none}.compare-popup .product-form__buttons--input{gap:2rem}.compare-popup .product-form__buttons--input:not(.product-form__buttons--no-quantity){display:flex}.compare-popup .product-form__buttons--input:not(.product-form__buttons--no-quantity):not(:has(.shopify-payment-button)) .product-form__submit{min-width:auto;max-width:7rem;margin-inline:auto;margin-top:1rem}@media((min-width:375px)and (max-width:549px))or ((min-width:860px)and (max-width:1365px)){.compare-popup .product-form__buttons--input:not(.product-form__buttons--no-quantity){display:flex}}@media(max-width:749px){.compare-modal__header{padding-top:2rem;padding-bottom:1.5rem}.compare-modal .popup-modal__content-info{padding:0 2rem 2rem;height:100%}.compare-modal table:not([class]){font-size:1.1rem}.compare-modal table:not([class]) td,.compare-modal table:not([class]) th{padding:1rem}.compare-popup .media--square>img{max-height:9rem}.compare-modal .compare-add-slot-button{padding:.5rem 1.5rem;font-size:1.2rem}.compare-popup .product-form__buttons--input:not(.product-form__buttons--no-quantity):not(:has(.shopify-payment-button)) .product-form__submit{max-width:5rem;padding:.6rem 1rem}}.compare-modal .compare-add-slot-button{padding:.7rem 2rem;border-radius:5rem;border:none;background:#0080551a;color:#0a5a5a;width:fit-content;transition:background .3s ease;font-family:Manrope;font-weight:500}.compare-modal .compare-add-slot-button:hover{background:#00805533}.compare-modal table:not([class]) .compare-popup__row:nth-child(1) td.compare-placeholder{text-align:center;vertical-align:middle;position:relative}@media(min-width:750px){.compare-modal table:not([class]) .compare-popup__row:nth-child(1) td.compare-placeholder{position:sticky;z-index:6;background:rgb(var(--color-background))}}.compare-modal table:not([class]) .compare-popup__row:nth-child(1) td.compare-placeholder:after{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px dashed rgba(var(--color-highlight),.5);border-radius:12px;pointer-events:none}.compare-empty-state{border-radius:12px;padding:0 0 3rem;margin:0}.compare-picker-inline[hidden]{display:none}.compare-picker-inline{margin-top:6rem;position:absolute;left:0;right:0;margin-inline:1rem;z-index:20}.compare-picker-inline .compare-picker__input{width:100%;font-family:Manrope;border-radius:6px;border:1px solid rgba(var(--color-foreground),.1);padding:1rem 1.75rem;background:#fff}.compare-picker-inline .compare-picker__results{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:100%;max-height:340px;overflow:auto;z-index:2000;background:#fff;border-radius:6px;box-shadow:0 12px 30px rgba(var(--color-foreground),.08)}.compare-picker-inline.block{position:relative;margin:0;margin-inline:0}.compare-picker-inline.block .compare-picker__results{position:static;left:auto;transform:none;margin-top:8px;height:340px;overflow-y:auto}.compare-picker__item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:1rem 1.5rem;border:0;background:transparent;cursor:pointer;font-family:Manrope;color:#2b2b2b}.compare-picker__item:hover{background:#0080551a}.compare-picker__title{font-size:smaller;opacity:.6;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare-picker__meta{font-weight:500}.compare-picker__empty{padding:2rem;font-family:Manrope}.compare-picker__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.compare-picker__input::-webkit-search-decoration,.compare-picker__input::-webkit-search-results-button,.compare-picker__input::-webkit-search-results-decoration{display:none}.compare-picker__input-wrapper{position:relative}.compare-picker__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;font-size:14px;color:rgba(var(--color-foreground),.5)}.compare-picker__image:empty{width:44px;height:44px;object-fit:contain;flex:0 0 44px;display:block}.compare-picker__image--placeholder{background:#0000000d;border-radius:8px}.compare-picker__content{display:flex;flex-direction:column}compare-drawer{position:fixed;inset-inline:0;bottom:0;z-index:90;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);background:rgb(var(--color-background));box-shadow:0 -2px 12px rgba(var(--color-foreground),.08)}compare-drawer.compare-drawer--visible{transform:translateY(0)}@media(max-width:749px){compare-drawer{z-index:90001}.compare-modal.popup-modal[open],.compare-modal.closing{z-index:90002}}.compare-drawer__inner{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"toggle heading . actions" "tabs   tabs     tabs  tabs" "slots  slots    slots slots";align-items:center;column-gap:1.5rem;padding-block:2rem;transition:padding-block .3s ease}.compare-drawer__toggle{grid-area:toggle;display:flex;align-items:center;justify-content:center;padding:.75rem;margin-inline-end:-1rem;cursor:pointer;color:rgb(var(--color-foreground),.6)}.compare-drawer__toggle svg{transform:rotate(0);transition:transform .3s ease}.compare-drawer__toggle svg path{stroke-width:1}.compare-drawer__tabs{grid-area:tabs;display:flex;gap:.75rem;margin-top:0;max-height:0;opacity:0;overflow-x:auto;overflow-y:hidden;transition:margin-top .3s ease,max-height .3s ease,opacity .2s ease}.compare-drawer__tabs:not(:empty){margin-top:1rem;max-height:6rem;opacity:1}.compare-drawer__tab{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:4px;border:none;background:rgb(var(--color-foreground),.04);color:rgb(var(--color-foreground),.8);font-family:var(--font-button-family);font-style:var(--font-button-style);font-size:smaller;font-weight:500;white-space:nowrap;cursor:pointer}.compare-drawer__tab--active{background:#0080551a;color:#0a5a5a;outline:1px solid rgba(var(--color-highlight));outline-offset:-1px}.compare-drawer__tab-count{display:flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:.5rem .75rem .6rem;border-radius:2px;background:rgba(var(--color-foreground),.08);font-size:smaller}.compare-drawer__tab--active .compare-drawer__tab-count{background:#00805526}.compare-drawer__slots{grid-area:slots;display:flex;gap:2rem;min-width:0;margin-top:1rem;max-height:20rem;opacity:1;overflow-x:auto;overflow-y:hidden;transition:margin-top .3s ease,max-height .3s ease,opacity .2s ease}.compare-drawer__slot{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1 1 0;min-width:8rem;text-align:center}.compare-drawer__slot-media-wrapper{position:relative;width:100%}.compare-drawer__slot-media{display:block}.compare-drawer__slot-media img{display:block;width:10rem;height:10rem;object-fit:contain;margin:0 auto}.compare-drawer__slot .compare-popup__remove-button{position:absolute;top:0;inset-inline-end:0;width:28px;height:28px;padding:.6rem;display:flex;align-items:center;justify-content:center}.compare-drawer__slot-info{display:flex;flex-direction:column;gap:.25rem}.compare-drawer__slot-model{text-align:center;font-weight:600;font-size:.85em}.compare-drawer__slot-title{text-align:center;opacity:.7;font-size:smaller;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare-drawer__slot--empty{justify-content:center;min-height:8rem;border:1px dashed rgba(var(--color-highlight),.5);border-radius:12px}.compare-drawer__slot-empty-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;width:100%}.compare-drawer__slot-empty-label{color:#0a5a5a;font-weight:500;font-size:.85em}.compare-drawer__heading-group{grid-area:heading;display:flex;align-items:center;gap:.75rem}.compare-drawer__heading{margin:0;font-weight:500;white-space:nowrap}.compare-drawer__heading-short{display:none}.compare-drawer__actions-buttons{grid-area:actions;display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.compare-drawer__clear{white-space:nowrap}.compare-drawer__compare-button{white-space:nowrap;padding:.9rem 1.6rem}compare-drawer[data-collapsed=true] .compare-drawer__inner{padding-block:1rem}compare-drawer[data-collapsed=true] .compare-drawer__toggle svg{transform:rotate(180deg)}compare-drawer[data-collapsed=true] .compare-drawer__tabs{margin-top:0;max-height:0;opacity:0;pointer-events:none}compare-drawer[data-collapsed=true] .compare-drawer__slots{margin-top:0;max-height:0;opacity:0;pointer-events:none}body.compare-drawer-open .floating-element{--floating-element-position: 9rem}body.compare-drawer-open .compare-button-floating{display:none}@media screen and (max-width:749px){.compare-drawer__inner{padding-block:1rem;column-gap:1rem}.compare-drawer__heading-full{display:none}.compare-drawer__heading-short{display:inline}.compare-drawer__slots{flex-wrap:nowrap;-webkit-overflow-scrolling:touch;gap:1rem}.compare-drawer__slot{flex:0 0 16rem;width:16rem}.compare-drawer__slot-title{-webkit-line-clamp:1}.compare-drawer__slot .compare-popup__remove-button{width:20px;height:20px}}@media(max-width:749px){.compare-popup td.compare-placeholder{display:none}}@media(min-width:750px){.compare-mobile-add{display:none}}@media(max-width:749px){.compare-mobile-add{position:sticky;top:0;left:0;z-index:25;background:rgb(var(--color-background));font-size:1.2rem;padding-bottom:1.5rem;margin:0}}.compare-mobile-add__trigger{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.7rem 2rem;border-radius:5rem;border:none;background:#0080551a;color:#0a5a5a;width:fit-content;margin:0 auto 1.5rem;font-family:Manrope;font-weight:500;transition:background .3s ease}@media(max-width:749px){.compare-mobile-add__trigger{margin:0}}.compare-mobile-add__trigger:hover{background:#00805533}.compare-mobile-add__drawer>details>summary:before{display:none}.compare-mobile-add__backdrop{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2999;background:rgba(var(--color-foreground),.3);opacity:0;transition:opacity .3s ease;pointer-events:none}details.menu-opening .compare-mobile-add__backdrop{opacity:1;pointer-events:all}.compare-mobile-add__panel{position:fixed;inset-inline:0;bottom:0;height:min(60vh,100rem);z-index:3000;background:rgb(var(--color-background));display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);pointer-events:none}details.menu-opening .compare-mobile-add__panel{transform:translateY(0);pointer-events:all}.compare-mobile-add__panel-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2rem 0}.compare-mobile-add__panel-title{font-size:calc(var(--font-heading-scale) * 1.6rem);font-weight:500}.compare-mobile-add__panel-close{display:flex;background:none;border:none;padding:0;color:rgb(var(--color-foreground),.6)}.compare-mobile-add__panel .compare-picker-inline.block{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:2rem}.compare-mobile-add__panel .compare-picker-inline.block .compare-picker__results{flex:1 1 auto;height:auto;max-height:none;min-height:0;margin-top:1.5rem;background:none;border-radius:0;box-shadow:none}.compare-mobile-add__panel .compare-picker__item{padding-block:1.5rem}body.open-drawer-compare-mobile-add .compare-modal .popup-modal__content{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/17/assets/compare-popup.css.map */