compare-switch{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;flex-shrink:0}compare-switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}compare-switch label{display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}compare-switch .switch-slider{position:relative;display:inline-block;width:3.6rem;height:2rem;background-color:rgb(var(--color-foreground) / .18);border-radius:9999px;transition:background-color .18s ease-in-out;flex-shrink:0}compare-switch .switch-slider:after{content:"";position:absolute;top:.2rem;inset-inline-start:.2rem;width:1.6rem;height:1.6rem;background-color:rgb(var(--color-background));border-radius:9999px;transition:transform .18s ease-in-out}compare-switch input:checked+label .switch-slider{background-color:rgb(var(--color-primary-button-background))}compare-switch input:checked+label .switch-slider:after{transform:translate(1.6rem)}compare-switch input:focus-visible+label .switch-slider{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.product-card__compare{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;z-index:3;display:none;pointer-events:auto}.is-product-comparing .product-card__compare{display:block}.is-product-comparing .product-card__actions{pointer-events:none}.product-card__compare label{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground) / .12);border-radius:9999px;cursor:pointer;box-shadow:0 1px 3px rgb(var(--color-foreground) / .08);transition:background-color .16s ease,border-color .16s ease}.product-card__compare input.js-compare-checkbox{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.product-card__compare label:before{content:"";width:1.4rem;height:1.4rem;border:1.5px solid rgb(var(--color-foreground) / .5);border-radius:.3rem;transition:background-color .16s ease,border-color .16s ease}.product-card__compare input.js-compare-checkbox:checked+label:before,.product-card__compare:has(input.js-compare-checkbox:checked) label:before{background-color:rgb(var(--color-primary-button-background));border-color:rgb(var(--color-primary-button-background));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'><path d='M2 6.5L5 9L10 3' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center;background-size:1rem}.product-card__compare:hover label,.product-card__compare:focus-within label{border-color:rgb(var(--color-foreground) / .4)}compare-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:200;background-color:rgb(var(--color-background));border-block-start:1px solid rgb(var(--color-foreground) / .1);box-shadow:0 -4px 24px rgb(var(--color-foreground) / .08);transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);padding:1.2rem clamp(1.6rem,4vw,3.2rem);display:block;pointer-events:none;visibility:hidden}compare-bar.is-visible{transform:translateY(0);pointer-events:auto;visibility:visible}body.compare-bar-active .main-content{padding-block-end:9rem}@media(max-width:767px){body.compare-bar-active .main-content{padding-block-end:14rem}}@media(prefers-reduced-motion:reduce){compare-bar{transition:none}}.compare-bar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;max-width:var(--page-width, 1440px);margin-inline:auto}.compare-bar__count{font-weight:600;white-space:nowrap}.compare-bar__items{display:flex;gap:.8rem;list-style:none;margin:0;padding:0;flex:1 1 auto;flex-wrap:wrap;min-width:0}.compare-bar__item{position:relative;width:5.6rem;height:5.6rem;border-radius:.6rem;overflow:hidden;background-color:rgb(var(--color-foreground) / .04)}.compare-bar__item img{width:100%;height:100%;object-fit:cover;display:block}.compare-bar__item .compare-remove-button{position:absolute;inset-block-start:.2rem;inset-inline-end:.2rem;width:1.8rem;height:1.8rem;padding:0;border:0;border-radius:9999px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;box-shadow:0 1px 2px #00000026}.compare-bar__actions{display:flex;gap:.8rem;align-items:center;margin-inline-start:auto}.compare-bar__actions .btn[disabled],.compare-bar__actions .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media(max-width:767px){compare-bar{padding:1rem 1.2rem}.compare-bar__inner{gap:.8rem}.compare-bar__item{width:4.4rem;height:4.4rem}.compare-bar__actions{margin-inline-start:0;width:100%;justify-content:space-between}}compare-drawer dialog{width:min(96vw,144rem);max-width:none;max-height:92vh;padding:0;border:0;border-radius:1.2rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}compare-drawer dialog::backdrop{background-color:#00000080}.compare-drawer__inner{display:flex;flex-direction:column;max-height:92vh}.compare-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;border-block-end:1px solid rgb(var(--color-foreground) / .08)}.compare-drawer__title{font-size:1.8rem;margin:0}.compare-drawer__close,.compare-drawer__clear{background:none;border:0;cursor:pointer;color:rgb(var(--color-foreground));font-size:1.4rem;padding:.6rem 1rem;border-radius:.4rem}.compare-drawer__close:hover,.compare-drawer__clear:hover{background-color:rgb(var(--color-foreground) / .06)}.compare-drawer__body{overflow:auto;padding:.8rem 1.6rem 1.6rem}.compare-drawer__empty{padding:4rem 2rem;text-align:center;color:rgb(var(--color-foreground) / .6)}table.compare-drawer__table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.compare-drawer__table th,.compare-drawer__table td{vertical-align:top;padding:.8rem 1rem;border-block-end:1px solid rgb(var(--color-foreground) / .08);text-align:start}.compare-drawer__table th{font-weight:600;font-size:1.3rem;color:rgb(var(--color-foreground) / .7);width:14rem;position:sticky;inset-inline-start:0;background-color:rgb(var(--color-background));z-index:1}.compare-drawer__cell{font-size:1.4rem}.compare-drawer__cell .compare-product-image{display:block;width:14rem;height:14rem;max-width:100%;object-fit:cover;border-radius:.6rem;margin-block-end:.8rem}.compare-show-image-border .compare-drawer__cell .compare-product-image{border:1px solid rgb(var(--color-foreground) / .08)}.compare-drawer__cell .compare-product-title{display:block;font-weight:600;font-size:1.4rem;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none}.compare-drawer__cell .compare-product-title:hover{text-decoration:underline}tr[data-compare-key=info] td.compare-drawer__cell{height:1px}[data-compare-cell=info]{display:flex;flex-direction:column;height:100%;min-height:100%}.compare-drawer__cell .compare-remove-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-block-start:auto;align-self:flex-start;padding:.4rem .9rem;font-size:1.2rem;background-color:rgb(var(--color-foreground) / .04);border:1px solid rgb(var(--color-foreground) / .1);border-radius:9999px;color:rgb(var(--color-foreground) / .7);cursor:pointer}.compare-drawer__cell .compare-remove-button:hover{background-color:rgb(var(--color-foreground) / .08);color:rgb(var(--color-foreground))}.compare-drawer__no-data{color:rgb(var(--color-foreground) / .4)}@media(max-width:767px){compare-drawer dialog{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;overflow:hidden}.compare-drawer__inner{max-height:100vh;width:100vw;max-width:100vw}.compare-drawer__header{flex-shrink:0}.compare-drawer__body{box-sizing:border-box;width:100vw;max-width:100vw;padding-inline:0;overflow-x:auto;overflow-y:auto}.compare-drawer__table{display:grid;grid-template-columns:9rem repeat(var(--compare-count, 2),clamp(13rem,38vw,20rem));width:max-content}.compare-drawer__table tbody,.compare-drawer__table tr{display:contents}.compare-drawer__table tr[hidden]{display:none}.compare-drawer__table th{position:sticky;left:0;z-index:3;width:auto;padding-inline-start:1.6rem;font-size:1.2rem;background-color:rgb(var(--color-background))}.compare-drawer__cell{width:auto;font-size:1.3rem;overflow-wrap:anywhere}tr[data-compare-key=info] td.compare-drawer__cell{height:auto}.compare-drawer__cell .compare-product-image{width:10rem;height:10rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/compare.css.map */