.compare-drawer{display:none}.compare-drawer[open]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(var(--color-foreground),.7)}.compare-drawer__content{position:fixed;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;width:100%;max-height:90vh;height:90dvh;background-color:rgb(var(--color-background));padding-block:5.8rem 0;border-radius:2rem 2rem 0 0;animation:compareDrawerSlideUp var(--duration-default) ease}.compare-drawer__drag-handle{display:block;flex-shrink:0;width:4.6rem;height:.5rem;margin:0 auto 1.2rem;border-radius:999px;background-color:rgba(var(--color-foreground),.2);position:absolute;top:1.8rem;left:50%;transform:translate(-50%)}@keyframes compareDrawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (min-width:750px){.compare-drawer__content{inset-block-start:50%;inset-block-end:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%,-50%);max-width:100rem;width:calc(100% - 4rem);height:calc(100vh - 8.4rem);max-height:none;padding-block:5rem 3.2rem;border-radius:1.2rem;animation:none}}.compare-drawer__body{position:relative;flex:1;min-height:0;overflow-y:auto}.compare-drawer__heading,.compare-drawer__screen{padding-inline:1.6rem}@media screen and (min-width:750px){.compare-drawer__heading,.compare-drawer__screen{padding-inline:3.4rem}}.compare-drawer__actions{margin:2.7rem auto .5rem;width:100%;max-width:80rem}.compare-drawer__clear-all{display:flex;align-items:center;gap:.5rem;margin-left:auto;font-size:1.6rem}.compare-drawer__clear-all .svg-wrapper{width:2rem;height:2rem}.compare-drawer__back{position:absolute;inset-block-start:1.5rem;inset-inline-start:1rem;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground))}.compare-drawer__back .svg-wrapper{width:2rem;height:2rem;transform:rotate(180deg)}@media screen and (min-width:750px){.compare-drawer__actions{margin:4rem auto 0}.compare-drawer__back .svg-wrapper{width:2.4rem;height:2.4rem}}.compare-drawer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background))}.compare-drawer__loading[hidden]{display:none}.compare-drawer__close{position:absolute;inset-block-start:1.5rem;inset-inline-end:1rem;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.compare-drawer__close .svg-wrapper{width:2rem;height:2rem}}.compare-drawer__screen[hidden],[data-compare-clear-all][hidden]{display:none}.compare-drawer__results{max-width:80rem;margin-inline:auto}.compare-drawer__results[hidden]{display:none}.compare-drawer__slots,.compare-drawer__categories{display:grid;justify-content:center;gap:1rem}.compare-drawer__categories{grid-template-columns:repeat(2,minmax(0,18.5rem))}.compare-drawer__categories[hidden]{display:none}.compare-drawer__slots{grid-template-columns:repeat(2,minmax(0,39rem));padding:2.5rem 0}.compare-drawer__slots--empty{grid-template-columns:repeat(2,minmax(0,24.5rem));margin-block:auto;flex:1}[data-compare-screen=select]{display:flex;flex-direction:column;min-height:100%}@media screen and (min-width:750px){.compare-drawer__categories{grid-template-columns:repeat(3,minmax(0,18.5rem))}[data-compare-screen=select],[data-compare-screen=category]{display:flex;flex-direction:column;min-height:100%}.compare-drawer__slots,.compare-drawer__categories{margin-block:auto;gap:1.5rem}.compare-drawer__slots--empty{flex:none}}.product__compare-count,.collection__compare-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem}.product__compare-count[hidden],.collection__compare-count[hidden],.compare-drawer__source-card,.compare-drawer__source-card-select{display:none}.compare-drawer__slot-card,.compare-drawer__result-card{height:100%}.compare-drawer__result.light{pointer-events:none}.compare-drawer__slot-card .card{padding:2rem 1.8rem .8rem}.compare-drawer__slot-card .card__information{padding:0}@media screen and (min-width:750px){.compare-drawer__slot-card .card{padding:2rem 2.5rem}}.compare-drawer__slot{position:relative}.compare-drawer__card-spinner{position:static;width:4rem}.compare-drawer__category,.compare-drawer__slot-add{background:none;border:none;cursor:pointer;padding:1rem 1.2rem;width:100%;height:100%;min-height:14.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.2rem;transition:box-shadow .2s ease}.compare-drawer__slot-add{gap:1rem;aspect-ratio:1 / 1;color:rgba(var(--color-foreground),.6)}.compare-drawer__category-title{flex:1;display:block;width:100%;max-width:70%;min-height:3.5rem}@media screen and (hover:hover){.compare-drawer__slot-add:hover,.compare-drawer__category:hover{box-shadow:0 .4rem 1rem rgba(var(--color-foreground),.15)}}@media screen and (max-width:749px){.compare-drawer__category{align-items:flex-start;text-align:left}}@media screen and (min-width:750px){.compare-drawer__category,.compare-drawer__slot-add{aspect-ratio:1 / 1;padding:1.6rem 2rem}.compare-drawer__slot-add{gap:1.2rem}.compare-drawer__category-title{font-size:2rem;max-width:100%;min-height:4.4rem}}.compare-drawer__category-image{width:100%;height:100%;object-fit:contain}.compare-drawer__slot-add-icon{width:2.8rem;height:2.8rem}@media screen and (min-width:750px){.compare-drawer__slot-add-icon{width:4.5rem;height:4.5rem}}.compare-drawer__slot-add-label{text-align:center;font-size:1.6rem;line-height:1.4;max-width:9rem}.compare-drawer__slot-remove{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;background:none;border:none;cursor:pointer;z-index:2;width:3.2rem;height:3.2rem;color:rgba(var(--color-foreground),.6)}.compare-drawer__slot-remove .svg-wrapper{width:2rem;height:2rem}.compare-drawer__search-field{position:sticky;inset-block-start:0;z-index:2;margin-block:1.4rem;background-color:rgb(var(--color-background))}.compare-drawer__search-field .field__button{inset-inline-start:0;inset-inline-end:auto}.compare-drawer__search-field .field__input,.compare-drawer__search-field .field__input:focus,.compare-drawer__search-field .field__input:not(:placeholder-shown){padding-block:.7rem;padding-inline-start:4.4rem}.compare-drawer__search-field:after{border-color:transparent}.compare-drawer__search-field:has(.field__input:focus):after,.compare-drawer__search-field:has(.field__input:not(:placeholder-shown)):after{border-color:rgba(var(--color-foreground),.2)}.compare-drawer__search-field .field__input::placeholder{opacity:1}.compare-drawer__search-field .field__button .svg-wrapper{width:2rem;height:2rem}.compare-drawer__no-results{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-compare-drawer.css.map */