compare-toggle{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.compare-toggle__label{font-size:var(--text-14-size);font-weight:var(--weight-regular);line-height:var(--lh-150);color:rgb(var(--color-foreground));white-space:nowrap}compare-toggle button.compare-toggle__switch{--ct-width: 41px;--ct-height: 22px;--ct-thumb: 15px;--ct-offset: 3.5px;position:relative;display:inline-block;width:var(--ct-width);height:var(--ct-height);border-radius:var(--border-full);background:rgba(var(--color-foreground),.2);border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background var(--transition-default);margin:0}.compare-toggle__switch[aria-checked=true]{background:#ed5812}.compare-toggle__thumb{position:absolute;top:50%;left:var(--ct-offset);width:var(--ct-thumb);height:var(--ct-thumb);border-radius:var(--border-full);background:#f2f2f2;transform:translateY(-50%);transition:var(--transition-default);pointer-events:none}.compare-toggle__switch[aria-checked=true] .compare-toggle__thumb{left:calc(var(--ct-width) - var(--ct-thumb) - var(--ct-offset))}.compare-card-checkbox{display:none;align-items:center;gap:10px;cursor:pointer;padding-top:4px;width:100%}.compare-mode .compare-card-checkbox{display:flex;margin-top:auto}.compare-card-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.compare-card-checkbox__box{width:16px;height:16px;flex-shrink:0;border:1px solid #6E6E6E;border-radius:var(--border-3);background:transparent;transition:background var(--transition-default),border-color var(--transition-default);position:relative;display:flex;align-items:center;justify-content:center}.compare-card-checkbox__input:checked+.compare-card-checkbox__box{background:#ed5812;border-color:#ed5812}.compare-card-checkbox__input:checked+.compare-card-checkbox__box:after{content:"";display:block;width:9px;height:5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-1px)}.compare-card-checkbox__label{font-size:var(--text-12-size);font-weight:var(--weight-regular);line-height:var(--lh-120);color:#6e6e6e;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:normal}.compare-mode [data-compare-id]{cursor:pointer}.compare-mode [data-compare-id] .card__inner{outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s}.compare-mode [data-compare-id].compare-selected .card__inner{outline-color:#ed5812}.compare-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgb(var(--color-background));box-shadow:0 -2px 20px #0000001f;padding:12px 0 calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(0);transition:var(--transition-default)}.compare-bar[hidden]{transform:translateY(120%);transition:var(--transition-default)}.compare-bar__inner{display:flex;align-items:center;gap:20px}.compare-bar__products{display:flex;gap:12px;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.compare-bar__products::-webkit-scrollbar{display:none}.compare-bar__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:70px}.compare-bar__separator{width:1px;flex-shrink:0;align-self:stretch;background:rgba(var(--color-foreground),.1)}.compare-bar__item--empty{cursor:default}.compare-bar__item--empty .compare-bar__skeleton{border:1px dashed rgb(var(--color-foreground))}.compare-bar__skeleton{width:100%;aspect-ratio:1/1;border-radius:6px;background:rgba(var(--color-foreground),.07);position:relative;overflow:hidden}@media(prefers-reduced-motion:no-preference){.compare-bar__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-foreground),.06) 50%,transparent 100%);animation:compare-skeleton-shimmer 1.6s infinite}@keyframes compare-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}}.compare-bar__remove{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:var(--border-full);background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;transition:opacity var(--transition-default)}.compare-bar__remove:hover{opacity:.7}.compare-bar__img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}.compare-bar__name{font-size:var(--text-11-size);line-height:var(--lh-120);letter-spacing:var(--ls--0);text-align:center;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.compare-bar__actions{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.compare-bar__btn:disabled{opacity:.5;cursor:not-allowed}.compare-bar__clear{background:none;border:none;cursor:pointer;font-size:var(--text-12-size);line-height:var(--lh-150);color:rgba(var(--color-foreground),.55);text-decoration:underline;padding:0}.compare-dialog{border:none;border-radius:16px 16px 0 0;padding:0;width:100%;max-width:100%;max-height:calc(var(--layout-dvh, 100dvh) * .9);margin:auto auto 0;overflow:hidden;background:rgb(var(--color-background))}.compare-dialog:not([open]){display:none}.compare-dialog[open]{display:flex;flex-direction:column}.compare-dialog--no-native[open]{position:fixed;left:0;right:0;bottom:0;z-index:300;box-shadow:0 -8px 40px #00000059}.compare-dialog::backdrop{background:#00000080}@media screen and (min-width:750px){.compare-dialog{border-radius:16px;max-width:min(1100px,calc(var(--layout-vw, 100vw) * .95));max-height:calc(var(--layout-vh, 100vh) * .88);margin:auto}}.compare-dialog__inner{display:flex;flex-direction:column;flex:1;min-height:0}.compare-dialog__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(var(--color-foreground),.08);flex-shrink:0}.compare-dialog__title{margin:0;font-size:var(--text-18-size);font-weight:var(--weight-semibold);line-height:var(--lh-120)}.compare-dialog__close{width:32px;height:32px;flex-shrink:0;border-radius:var(--border-full);border:1px solid rgba(var(--color-foreground),.2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color var(--transition-default)}.compare-dialog__close:hover{border-color:rgba(var(--color-foreground),.5)}.compare-dialog__close svg{width:14px;height:14px}.compare-dialog__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.compare-dialog__loading{display:flex;align-items:center;justify-content:center;padding:60px 24px;flex-shrink:0}.compare-dialog__loading[hidden]{padding:0}.compare-dialog__scroll{overflow:auto;flex:1}.compare-table{width:100%;border-collapse:collapse;table-layout:auto}.compare-table tr[hidden]{display:none}.compare-table__label{position:sticky;left:0;z-index:1;background:rgb(var(--color-background));width:140px;min-width:140px;padding:14px 16px;font-size:var(--text-12-size);font-weight:var(--weight-semibold);color:rgba(var(--color-foreground),.55);text-align:left;vertical-align:top;border-bottom:1px solid rgba(var(--color-foreground),.06);white-space:nowrap}.compare-table__header-row .compare-table__label{border-bottom:2px solid rgba(var(--color-foreground),.1)}.compare-table__product-col{min-width:180px;max-width:260px;padding:14px 16px;vertical-align:top;border-bottom:1px solid rgba(var(--color-foreground),.06);border-left:1px solid rgba(var(--color-foreground),.06);font-size:var(--text-14-size);line-height:var(--lh-140);color:rgb(var(--color-foreground))}.compare-table__header-row .compare-table__product-col{border-bottom:2px solid rgba(var(--color-foreground),.1)}.cpd-image{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;text-align:center}.cpd-image__img{width:100%;max-width:160px;height:160px;object-fit:cover;border-radius:8px;display:block}.cpd-image__placeholder{width:100%;max-width:160px;height:160px}.cpd-image__info{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;justify-content:space-between}.cpd-image__title{font-size:var(--text-14-size);font-weight:var(--weight-semibold);line-height:var(--lh-130);margin:0}.cpd-image__remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:var(--border-full);background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity var(--transition-default)}.cpd-image__remove:hover{opacity:.7}.cpd-image__remove svg{width:10px;height:10px}.cpd-availability{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-13-size);font-weight:var(--weight-medium)}.cpd-availability--in-stock{color:var(--color-mint)}.cpd-availability--out{color:rgba(var(--color-foreground),.5)}.cpd-availability--in-stock:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.compare-table__product-col .rte{font-size:var(--text-13-size);max-height:120px;overflow:auto}.compare-table__header-row{height:1px}.compare-table__header-row td{height:inherit}.compare-table__header-row td .cpd-image{height:100%}@media screen and (max-width:749px){.compare-bar__inner{padding:0 16px;gap:12px}.compare-bar__actions{flex-direction:column}.compare-bar .button{min-height:38px;padding:0 14px;font-size:var(--text-12-size)}.compare-dialog__head{padding:16px 20px 12px}.compare-dialog__title{font-size:var(--text-16-size)}.compare-table__label{width:110px;min-width:110px;padding:12px;font-size:var(--text-11-size)}.compare-table__product-col{min-width:150px;padding:12px;font-size:var(--text-13-size)}.cpd-image__img,.cpd-image__placeholder{max-width:120px;height:120px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/compare-products.css.map */