.section-compare-drawer{position:fixed;top:0;inset-inline-start:0;z-index:999;width:0;height:0}.compare-modal{position:fixed;visibility:hidden}compare-drawer{--compare-tab-size: 4.4rem;--compare-shadow: 0 1px 10px 0 rgba(0, 0, 0, .15);--compare-item-radius: var(--product-card-corner-radius);position:fixed;z-index:999;pointer-events:none}.overflow-hidden:not(:has(.compare-modal[open])) compare-drawer{visibility:hidden}.compare-drawer-offset .scroll-to-top-button{margin-bottom:calc(var(--compare-tab-size, 4.4rem) + 1rem)}.compare-drawer__inner{pointer-events:auto;transition:transform var(--duration-medium) ease,visibility var(--duration-medium)}.compare-drawer--no-transition .compare-drawer__inner{transition:none}.compare-drawer--bottom .compare-drawer__header,.compare-drawer--bottom .compare-drawer__label-long,.compare-drawer--right .compare-drawer__label-short{display:none}compare-drawer:not(.compare-drawer--active) .compare-drawer__inner,.compare-drawer--suspended .compare-drawer__inner{visibility:hidden}.compare-drawer__tab,.compare-drawer__panel{--compare-border: 1px solid rgba(var(--color-foreground), .12)}.compare-drawer__tab{position:absolute;z-index:1;min-height:var(--compare-tab-size);padding:0 1.4rem 0 1.6rem;border:var(--compare-border);color:rgb(var(--color-foreground));font-family:inherit;cursor:pointer;box-shadow:var(--compare-tab-shadow, var(--compare-shadow))}.compare-drawer__tab .icon{width:2rem;height:2rem}.compare-drawer__tab .icon-caret{width:1.5rem;height:1.5rem;transition:transform var(--duration-medium) ease}.compare-drawer__count{display:inline-block}.compare-drawer__count--bump{animation:compareCountBump var(--duration-medium) ease}@keyframes compareCountBump{50%{transform:scale(1.3)}}.compare-drawer--bottom .compare-drawer__tab-label{margin-top:-2px}.compare-drawer__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.4rem;padding:2rem;box-shadow:var(--compare-shadow)}.compare-drawer__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-drawer__close{width:4.4rem;height:4.4rem;margin-block:-1.2rem;margin-inline-end:-1rem;border:0;background-color:transparent;color:currentColor;cursor:pointer}.compare-drawer__close:hover{color:rgba(var(--color-foreground),.75)}.compare-drawer__close .icon{width:2.6rem;height:2.6rem}.compare-drawer__list{gap:.8rem}.compare-drawer__list[hidden],.compare-drawer__empty[hidden]{display:none}.compare-drawer__scroller{display:grid;min-height:0}.compare-drawer__arrow.button-control{top:50%;z-index:2;width:26px;height:26px;opacity:0;visibility:hidden;transform:translate3d(0,-50%,0) scale(.8);transition:opacity var(--duration-medium),visibility var(--duration-medium),transform var(--duration-medium) var(--cubic-bezier-ease-out-slow)}.compare-drawer__arrow.button-control .icon{position:relative;width:14px;height:14px}.compare-drawer__arrow--prev.button-control{inset-inline-start:-13px}.compare-drawer__arrow--prev.button-control .icon{inset-inline-start:-1px;transform:rotate(calc(90deg * var(--direction-multiplier, 1)))}.compare-drawer__arrow--next.button-control{inset-inline-end:-13px}.compare-drawer__arrow--next.button-control .icon{inset-inline-start:1px;transform:rotate(calc(-90deg * var(--direction-multiplier, 1)))}@media(pointer:fine){.compare-drawer__scroller:hover .compare-drawer__arrow.button-control:not([disabled]){opacity:1;visibility:visible;transform:translate3d(0,-50%,0) scale(1)}.compare-drawer__scroller:hover .compare-drawer__arrow.button-control[disabled]{transition-delay:.3s}}.compare-drawer__item{min-height:7.8rem;padding:.7rem;padding-inline-end:4.4rem;border:1px solid transparent;border-radius:var(--compare-item-radius);transition:border-color var(--duration-short) ease}.compare-drawer__item--bordered{border-color:rgba(var(--color-foreground),.14)}.compare-drawer__item--bordered:hover{border-color:rgba(var(--color-foreground),.25)}.compare-drawer__item.compare-drawer__item--placeholder{padding:1.2rem 1.6rem;border:1px dashed rgba(var(--color-foreground),.18);background-color:rgba(var(--color-background),.5);color:rgba(var(--color-foreground),.7);text-align:center}.compare-drawer__remove{top:50%;inset-inline-end:.8rem;width:2.8rem;height:2.8rem;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity var(--duration-default) ease}.compare-drawer__remove:hover{color:rgba(var(--color-foreground),.7)}.compare-drawer__remove .icon{width:1.7rem;height:1.7rem}.compare-drawer__item:hover .compare-drawer__remove,.compare-drawer__item:has(:focus-visible) .compare-drawer__remove{opacity:1}.compare-drawer__image{width:6.4rem;height:6.4rem;overflow:hidden;border-radius:calc(var(--compare-item-radius) * .6)}.compare-drawer__image img{width:100%;height:100%;object-fit:contain}.compare-drawer__item-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compare-drawer__item-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.compare-drawer__item-title:hover{text-decoration:underline}.compare-drawer__item-price:empty{display:none}.compare-drawer__footer{flex-direction:column;gap:1.2rem}.compare-drawer__compare{min-width:0}.compare-drawer--bottom .compare-drawer__compare{flex-grow:0;padding-inline:3.4em}.compare-drawer__clear{border:0;background:none;color:rgb(var(--color-foreground));font-family:inherit;cursor:pointer}.compare-remove{width:4.4rem;height:4.4rem;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer}.compare-remove:hover{color:rgba(var(--color-foreground),.7)}.compare-remove .icon{width:2.2rem;height:2.2rem}.compare-drawer--bottom{--compare-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .15);--compare-tab-shadow: 0 -3px 10px -3px rgba(0, 0, 0, .15);inset-inline:0;bottom:0}.compare-drawer--bottom .compare-drawer__inner{transform:translateY(calc(100% + var(--compare-tab-size) + 2.4rem))}.compare-drawer--bottom.compare-drawer--active .compare-drawer__inner{transform:translateY(100%)}.compare-drawer--bottom.compare-drawer--open .compare-drawer__inner{transform:none}.compare-drawer--bottom.compare-drawer--suspended .compare-drawer__inner{transform:translateY(calc(100% + var(--compare-tab-size) + 2.4rem))}.compare-drawer--bottom .compare-drawer__tab{bottom:calc(100% - 1px);border-bottom:0;border-start-start-radius:var(--compare-item-radius);border-start-end-radius:var(--compare-item-radius);clip-path:inset(-3rem -3rem 0 -3rem)}.compare-drawer--bottom .compare-drawer__tab .icon-caret{transform:rotate(180deg)}.compare-drawer--bottom.compare-drawer--open .compare-drawer__tab .icon-caret{transform:none}.compare-drawer--bottom .compare-drawer__panel{max-height:calc(var(--viewport-height, 100vh) * .7);overflow-y:auto;border-top:var(--compare-border)}.compare-drawer--bottom .compare-drawer__body{margin-inline:-2rem;padding:0 2rem .4rem;overflow-x:auto}.compare-drawer--bottom .compare-drawer__body::-webkit-scrollbar{height:3px}.compare-drawer--bottom .compare-drawer__item{flex:1 0 26rem;max-width:34rem}.compare-drawer--bottom .compare-drawer__item--placeholder{flex-basis:20rem}.compare-drawer--bottom .compare-drawer__body--fade{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 10rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 10rem),transparent)}[dir=rtl] .compare-drawer--bottom .compare-drawer__body--fade{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 10rem),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 10rem),transparent)}.compare-drawer--bottom-left .compare-drawer__tab{inset-inline-start:2rem}.compare-drawer--bottom-center .compare-drawer__tab{left:50%;transform:translate(-50%)}.compare-drawer--bottom-right .compare-drawer__tab{inset-inline-end:2rem}.compare-drawer--right{--compare-shadow: -1px 0 10px 0 rgba(0, 0, 0, .15);--compare-tab-shadow: -3px 0 10px -3px rgba(0, 0, 0, .15);top:0;bottom:0;inset-inline-end:0;width:min(46rem,calc(100vw - var(--compare-tab-size) - 1.6rem))}.compare-drawer--right .compare-drawer__inner{height:100%;transform:translate(calc((100% + var(--compare-tab-size) + 2.4rem) * var(--direction-multiplier, 1)))}.compare-drawer--right.compare-drawer--active .compare-drawer__inner{transform:translate(calc(100% * var(--direction-multiplier, 1)))}.compare-drawer--right.compare-drawer--open .compare-drawer__inner{transform:none}.compare-drawer--right.compare-drawer--suspended .compare-drawer__inner{transform:translate(calc((100% + var(--compare-tab-size) + 2.4rem) * var(--direction-multiplier, 1)))}.compare-drawer--right .compare-drawer__tab{--compare-tab-rotate: rotate(180deg);right:calc(100% - 2px);min-width:var(--compare-tab-size);min-height:0;padding:1.6rem 0;writing-mode:vertical-rl;transform:var(--compare-tab-rotate);border-left:0;border-radius:0 var(--compare-item-radius) var(--compare-item-radius) 0;clip-path:inset(-3rem -3rem -3rem 0)}.compare-drawer--right .compare-drawer__tab .icon-caret{transform:rotate(calc(-90deg * var(--direction-multiplier, 1)))}.compare-drawer--right.compare-drawer--open .compare-drawer__tab .icon-caret{transform:rotate(calc(90deg * var(--direction-multiplier, 1)))}.compare-drawer--right .compare-drawer__panel{height:100%;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;border-inline-start:var(--compare-border)}.compare-drawer--right .compare-drawer__header{padding:2rem;border-bottom:1px solid rgba(var(--color-foreground),.15)}.compare-drawer--right .compare-drawer__body{padding:1.5rem;overflow-y:auto}.compare-drawer--right .compare-drawer__list{flex-direction:column;gap:1.2rem}.compare-drawer--right .compare-drawer__footer{padding:1.5rem 2rem;border-top:1px solid rgba(var(--color-foreground),.15)}[dir=rtl] .compare-drawer--right{--compare-shadow: 1px 0 10px 0 rgba(0, 0, 0, .15);--compare-tab-shadow: 3px 0 10px -3px rgba(0, 0, 0, .15)}[dir=rtl] .compare-drawer--right .compare-drawer__tab{right:auto;left:calc(100% - 2px);border-left:var(--compare-border);border-right:0;border-radius:var(--compare-item-radius) 0 0 var(--compare-item-radius);clip-path:inset(-3rem 0 -3rem -3rem)}.compare-drawer--right-top .compare-drawer__tab{top:max(10%,calc(var(--header-height, 0px) + 2rem))}.compare-drawer--right-center .compare-drawer__tab{--compare-tab-rotate: translateY(-50%) rotate(180deg);top:50%}.compare-drawer--right-bottom .compare-drawer__tab{bottom:10rem}.popup-modal.compare-modal[open]{z-index:999}.compare-modal .compare-modal__content{--compare-sticky-top: 0px;top:0;width:100%;height:100%;margin:0;padding:0;border-radius:0}.compare-modal__close-wrapper{position:sticky;top:0;height:0;z-index:5}.compare-modal__close{top:1.2rem;inset-inline-end:1.2rem}.compare-modal__compare{min-height:40rem;padding-top:6.8rem}.compare-modal .compare-grid{margin-top:0}.compare-modal__compare[data-compare-is-loading=true] .compare-loading-container{opacity:1;visibility:visible}.compare-column__remove{top:1rem;inset-inline-end:1rem;opacity:0;transition:opacity var(--duration-default) ease}.compare-grid--labels .compare-column__remove{z-index:2}.compare-column:hover .compare-column__remove,.compare-column:has(:focus-visible) .compare-column__remove{opacity:1}.compare-modal .compare-card{border-radius:var(--product-card-corner-radius)}.compare-column--removing{opacity:.3;transition:opacity var(--duration-default) ease}@media(hover:none){.compare-column__remove,.compare-drawer__remove{opacity:1}}@media screen and (max-width:749.98px){.compare-drawer__image{width:5.6rem;height:5.6rem}}@media screen and (min-width:750px){.side-drawers-inset .compare-drawer--right{--compare-shadow: 0 1px 10px 0 rgba(0, 0, 0, .15);top:var(--px-mobile);bottom:var(--px-mobile);inset-inline-end:var(--px-mobile)}.side-drawers-inset .compare-drawer--right .compare-drawer__panel{border:var(--compare-border);border-radius:var(--popup-corner-radius)}.side-drawers-inset .compare-drawer--right.compare-drawer--active:not(.compare-drawer--open,.compare-drawer--suspended) .compare-drawer__inner{transform:translate(calc((100% + var(--px-mobile)) * var(--direction-multiplier, 1)))}.compare-drawer--bottom .compare-drawer__panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:3rem;padding:2rem 3rem}.compare-drawer--bottom .compare-drawer__body{margin-inline:0;padding-inline:0}.compare-drawer--bottom .compare-drawer__footer{justify-content:center}.compare-modal .compare-modal__content{top:3rem;width:calc(100% - 6rem);height:calc(100% - 6rem);border-radius:var(--popup-corner-radius)}}@media screen and (min-width:990px){.compare-drawer--bottom .compare-drawer__panel{column-gap:4rem;padding:2rem 5rem}.compare-modal__compare{padding-top:5rem}.compare-modal .compare-modal__close{top:.3rem;inset-inline-end:.3rem;color:rgb(var(--color-foreground))!important;background-color:transparent!important;box-shadow:none!important}.compare-modal .compare-modal__close .icon{width:2.6rem;height:2.6rem}.compare-modal .compare-modal__close.button-control:not([disabled]):hover{color:rgba(var(--color-foreground),.75)!important;background-color:transparent!important}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/component-compare-drawer.css.map */