.modal{visibility:hidden;z-index:30;transition:visibility 0s .4s,background-color .3s ease .1s;background-color:rgba(var(--modal-overlay-color)/0)}.modal[open],[open]:not(.is-closing) .modal{visibility:visible;transition-delay:0s;background-color:rgba(var(--modal-overlay-color)/var(--modal-overlay-opacity))}.modal__window{width:100%;max-width:800px;min-height:240px;max-height:calc(100dvh - var(--gutter) * 2);margin:var(--gutter);overflow:auto;transform:scale(.8);transition:transform .15s ease-in 0s,opacity .15s 0s;border-radius:var(--modal-border-radius);opacity:0;box-shadow:0 0 10px #0000004d}[open]:not(.is-closing) .modal__window{transform:scale(1);transition:transform .15s ease-out .1s,opacity .15s .1s;opacity:1}.modal__close-btn{z-index:1;top:10px;right:10px;padding:10px;border-radius:var(--btn-border-radius);background-color:inherit;color:currentColor}.modal__content{padding:64px var(--gutter) calc(10 * var(--space-unit))}.modal__image{flex:0 0 50%;max-width:360px}@media(min-width:600px){.modal__window{width:auto;min-width:480px}}@media(max-width:768.98px){.modal .rte table{width:auto;margin-right:calc(var(--gutter) * -1);margin-left:calc(var(--gutter) * -1)}}@media(min-width:769px){.modal__content{padding:64px calc(10 * var(--space-unit)) calc(10 * var(--space-unit))}}.modal{transition:visibility 0s .4s,background-color .3s ease .1s}.loading-spinner{position:absolute;top:calc(50% - 10px);right:calc(50% - 10px);width:20px;height:20px;transition:opacity .4s .3s;animation:spinner .6s linear infinite;border:2px solid rgb(var(--text-color));border-radius:50%;border-top-color:rgba(var(--bg-color))}.loading-spinner--out{transition-duration:0s;opacity:0}.revealable{visibility:hidden;opacity:0}.revealable.revealable--in{visibility:visible;transition:opacity .4s,visibility .4s;opacity:1}.btn--compare{display:flex;position:fixed;z-index:29;bottom:calc(6 * var(--space-unit));left:50%;align-items:center;transform:translate3d(-50%,0,0);transition:visibility .4s,opacity .4s;border-radius:6px;background-color:rgba(var(--drawer-bg-color));box-shadow:-2px 1px 10px 2px #0003;color:rgb(var(--drawer-text-color))}.btn--compare .icon{padding-inline-start:3px}.btn--compare.is-out,.btn--compare.is-open{visibility:hidden;transform:translate3d(-50%,50px,0);opacity:0}.btn--compare.is-open{z-index:41}.btn--compare.transition-ready{transition:transform .7s cubic-bezier(.19,1,.22,1),visibility .6s,opacity .6s}.card--compare-basket .price__current{font-size:1.6rem}.card--compare-basket .btn--icon{position:absolute}.card--compare-basket .card__info{padding-inline-end:30px}.compare-modal .modal{z-index:42}.compare-modal .modal__content{padding-right:0;padding-left:0}.compare-modal .modal__window{width:100%;max-width:none;height:90%;border:2px solid #000;max-height:none;margin:0;overflow:auto;border-radius:0;display:flex;flex-direction:column}.compare-modal .btn--icon{position:absolute;width:44px;height:44px;right:0}.compare-container{margin:0 auto;text-align:center;display:flex;flex-direction:column;height:100%}.compare-container .revealable{display:inline-block;text-align:start}.compare-container{--compare-col-width: 260px;--compare-col-gap: 16px;--compare-row-gap: 12px}.compare-row{display:flex;flex-wrap:nowrap;gap:10px;width:100%}.compare-col{position:relative;flex:1 1 var(--compare-col-width);min-width:var(--compare-col-width);max-width:none;padding:calc(4 * var(--space-unit));background:#fff;border:1px solid rgba(var(--text-color)/.08);border-radius:8px;box-shadow:0 1px 2px #0000000a}.compare-col.border-bottom{border-bottom:0}.compare-col.border-bottom:before{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid rgba(var(--text-color)/.15)}.compare-row--vendor .compare-col,.compare-row--title .compare-col,.compare-row--price .compare-col,.compare-row--image .compare-col{padding-top:calc(3 * var(--space-unit));padding-bottom:calc(3 * var(--space-unit))}.compare-row--title+.compare-row--rating .compare-col:not(.border-top),.compare-row--vendor+.compare-row--title .compare-col:not(.border-top){padding-top:0}.compare-row--rating .rating{margin-top:-1px}.compare-col--dotted:before,.compare-col--solid:before{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid rgba(var(--text-color)/.15)}.compare-col--dotted:before{border-bottom:1px dashed rgba(var(--text-color)/.25)}.compare-row--title .compare-col{background-color:rgba(var(--bg-color))}.compare-label{margin-bottom:8px;font-weight:600;color:rgba(var(--text-color),.9)}.compare-value{margin-bottom:calc(3 * var(--space-unit));line-height:1.4}.compare-value input:checked+.opt-label--swatch,.compare-value input:checked+.filter__label[data-swatch]:before{border:1px solid rgb(var(--swatch-border-color-default));box-shadow:none}.compare-value--options li{display:inline}.compare-value--options li:not(:first-child):before{content:", "}.compare-description{text-align:left;position:relative;transition:all .3s ease}.compare-description-content{position:relative;max-height:100px;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.compare-description.expanded .compare-description-content{max-height:100%}.compare-description-gradient{position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(to bottom,rgba(var(--bg-color)/0),rgba(var(--bg-color)/1));pointer-events:none;transition:opacity .3s ease}.compare-description.expanded .compare-description-gradient{opacity:0}.compare-description-toggle{display:inline-flex;align-items:center;margin-top:8px;font-weight:600;cursor:pointer;background:transparent;border:none;padding:0}.compare-description-toggle:hover{text-decoration:underline}.compare-description-toggle-icon{margin-left:4px;transition:transform .3s ease}.compare-description.expanded .compare-description-toggle-icon{transform:rotate(180deg)}.compare-description p{margin-bottom:.75rem}.compare-description ul,.compare-description ol{padding-left:1.5rem;margin-bottom:.75rem}.compare-description li{margin-bottom:.35rem}.compare-description strong{font-weight:600}.compare-row--variants div:last-of-type,.compare-row--description .compare-col p:last-child,.compare-row--metafield .compare-value,.compare-row--type .compare-value,.compare-row--weight .compare-value{margin-bottom:0}.compare-prompt{min-height:144px;margin-top:calc(4 * var(--space-unit));padding:calc(4 * var(--space-unit));border:1px dashed rgba(var(--text-color)/.25)}.compare-details:not([open]){height:0;overflow:hidden}.compare-modal-header{position:sticky;top:0;z-index:10;background-color:rgb(var(--bg-color));border-bottom:1px solid rgba(var(--text-color)/.15);flex-shrink:0}.compare-modal-title{font-size:3rem;margin:0}.compare-table-wrapper{overflow-x:auto;flex:1;padding:12px var(--gutter);background:rgba(var(--bg-color))}.compare-container .loading-spinner{z-index:15}.compare-modal .modal__content{padding:0;height:100%}@media(max-width:599.98px){.compare-container{font-size:min(1em,15px)}.compare-modal .modal__content{--gutter: 12px}.compare-container{--compare-col-width: 220px}.compare-col{padding:12px}.btn--compare-view{padding-right:10px;padding-left:10px}}@media(max-width:768.98px){.btn--compare{padding-inline-end:28px}.btn--compare svg{display:none}[data-compare-count="1"] .compare-col,[data-compare-count="2"] .compare-col{flex:0 1 50%;min-width:35vw;max-width:50vw}}@media(min-width:769px){.compare-container{--compare-col-width: 280px}.compare-col{box-shadow:0 2px 4px #0000000f}[data-compare-count="1"] .compare-col,[data-compare-count="2"] .compare-col{flex:1 0 50%;max-width:50%}[data-compare-count="1"] .compare-col:last-child,[data-compare-count="2"] .compare-col:last-child{padding-inline-end:0}.compare-col.compare-col--small{max-width:300px}.compare-col.compare-col--medium{max-width:400px}.btn--compare{top:50%;right:0;bottom:auto;left:auto;margin-top:-50px;transform:rotate(-90deg) translate3d(50%,0,0);transform-origin:bottom right;border-radius:6px 6px 0 0}.btn--compare:after{content:"";position:absolute;right:-10px;bottom:-15px;left:-10px;height:15px;background:rgba(var(--drawer-bg-color))}.btn--compare.is-open{visibility:visible;transform:rotate(-90deg) translate3d(50%,-540px,0);opacity:1}.btn--compare.is-out{transform:rotate(-90deg) translate3d(50%,100%,0)}}@media(min-width:1536px){.btn--compare.is-open{transform:rotate(-90deg) translate3d(50%,-540px,0)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/product-compare.css.map */