@layer components{.cmp-wrap{--cmp-accent: #0084fe;--cmp-accent-d: #006fde;--cmp-accent-bg: #e8f3ff;--cmp-green: #06bc32;--cmp-text: #15171a;--cmp-text-2: #646b75;--cmp-text-3: #9aa1ab;--cmp-bg: #ffffff;--cmp-bg-2: #f6f8fb;--cmp-bg-3: #eef1f6;--cmp-border: rgba(15, 23, 42, .085);--cmp-border-m: rgba(15, 23, 42, .14);--cmp-r-sm: 8px;--cmp-r-md: 12px;--cmp-r-lg: 18px;--cmp-r-xl: 24px;--cmp-shadow: 0 1px 3px rgba(15, 23, 42, .05);--cmp-shadow-md: 0 6px 22px rgba(15, 23, 42, .09);--cmp-shadow-lg: 0 18px 48px rgba(15, 23, 42, .14);--cmp-ease: cubic-bezier(.32, .72, 0, 1);--cmp-spring: cubic-bezier(.34, 1.56, .64, 1);--cmp-label: 17.8rem;color:var(--cmp-text)}.cmp-wrap .tnum{font-variant-numeric:tabular-nums}@keyframes cmp-rise{0%{opacity:0;transform:translate3d(0,1.6rem,0)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cmp-wrap *,.cmp-wrap *:before,.cmp-wrap *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cmp-hero{text-align:center;max-width:64rem;margin:.8rem auto 3.4rem}.cmp-hero__title{margin:0;font-size:clamp(2.7rem,5vw,4.6rem);font-weight:800;letter-spacing:-.14rem;line-height:1.04}.cmp-hero__sub{font-size:1.6rem;color:var(--cmp-text-2);margin-top:1.4rem;line-height:1.55;text-wrap:pretty}.cmp-jump{display:flex;align-items:center;gap:.8rem;padding:.7rem;background:var(--cmp-bg-2);border:.1rem solid var(--cmp-border);border-radius:99px;margin-bottom:3rem;overflow-x:auto;scrollbar-width:none}.cmp-jump::-webkit-scrollbar{display:none}.cmp-jump__chip{flex:0 0 auto;font-size:1.25rem;font-weight:600;color:var(--cmp-text-2);padding:.8rem 1.4rem;border-radius:99px;white-space:nowrap;border:0;background:transparent;cursor:pointer;transition:all .16s var(--cmp-ease)}.cmp-jump__chip:hover{background:#fff;color:var(--cmp-text);box-shadow:var(--cmp-shadow)}.cmp-jump__spacer{flex:1 1 auto;min-width:.8rem}.cmp-hlpill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.8rem;font-size:1.25rem;font-weight:700;color:var(--cmp-text-2);background:#fff;border:.1rem solid var(--cmp-border-m);padding:.8rem 1.5rem;border-radius:99px;white-space:nowrap;cursor:pointer;transition:all .24s var(--cmp-ease)}.cmp-hlpill:hover{border-color:var(--cmp-text-3)}.cmp-hlpill__dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--cmp-text-3);transition:all .24s var(--cmp-ease)}.cmp-hlpill[aria-pressed=true]{background:var(--cmp-accent);border-color:var(--cmp-accent);color:#fff;box-shadow:0 .4rem 1.4rem color-mix(in srgb,var(--cmp-accent) 32%,transparent)}.cmp-hlpill[aria-pressed=true] .cmp-hlpill__dot{background:#fff}.cmp-hlpill__on,.cmp-hlpill[aria-pressed=true] .cmp-hlpill__off{display:none}.cmp-hlpill[aria-pressed=true] .cmp-hlpill__on{display:inline}.cmp-emptymsg{padding:5rem 2rem;text-align:center;color:var(--cmp-text-3);font-size:1.5rem}.cmp-stickybar{position:fixed;inset-block-start:0;inset-inline:0;z-index:30;height:5.6rem;background:var(--cmp-bg);box-shadow:0 .2rem 1.4rem #0f172a1f;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(-101%);transition:opacity .26s var(--cmp-ease),transform .34s var(--cmp-spring)}.cmp-stickybar.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.cmp-stickybar__cell{position:absolute;inset-block-start:0;height:100%;z-index:1;display:flex;align-items:center;gap:.9rem;padding:0 1.2rem;box-sizing:border-box;overflow:hidden}.cmp-stickybar__img{width:3.6rem;height:3.6rem;object-fit:contain;flex:0 0 auto}.cmp-stickybar__name{font-size:1.35rem;font-weight:700;color:var(--cmp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.cmp-stickybar__mask{position:absolute;inset-block-start:0;height:100%;z-index:2;background:var(--cmp-bg)}.cmp-stickybar.is-visible .cmp-stickybar__img,.cmp-stickybar.is-visible .cmp-stickybar__name{animation:cmp-rise .32s var(--cmp-ease) both}@media(max-width:767px){.cmp-stickybar{height:4.8rem}.cmp-stickybar__img{width:3rem;height:3rem}.cmp-stickybar__name{font-size:1.15rem}.cmp-stickybar__cell{gap:.6rem;padding:0 .8rem}}.cmp-grid{display:flex;align-items:flex-start;overflow-x:auto;background:var(--cmp-bg);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.cmp-grid::-webkit-scrollbar{height:.6rem}.cmp-grid::-webkit-scrollbar-thumb{background:var(--cmp-border-m);border-radius:.3rem}.cmp-col{flex:0 0 auto}.cmp-col--labels{position:sticky;inset-inline-start:0;z-index:3;width:var(--cmp-label);background:var(--cmp-bg);box-shadow:.1rem 0 0 var(--cmp-border)}[dir=rtl] .cmp-col--labels{box-shadow:-.1rem 0 0 var(--cmp-border)}.cmp-slots{display:flex;align-items:flex-start}.cmp-slot{position:relative;flex:0 0 auto;width:24rem}.cmp-slot__drag{position:absolute;inset-block-start:.6rem;inset-inline-start:.6rem;z-index:6;width:2.8rem;height:3.2rem;padding:0;border:none;border-radius:.9rem;display:grid;place-items:center;background:transparent;color:var(--cmp-text-3);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;transition:background .16s var(--cmp-ease),color .16s var(--cmp-ease)}.cmp-slot:not(.cmp-slot--empty) .cmp-slot__picker{padding-inline-start:3.8rem}.cmp-slot__drag:hover{background:var(--cmp-accent-bg);color:var(--cmp-accent)}.cmp-slot__drag:active{cursor:grabbing}.cmp-slot__drag svg{display:block;pointer-events:none}.cmp-slot--empty .cmp-slot__drag{display:none}.cmp-slot--placeholder>*{opacity:0!important}.cmp-slot--placeholder:after{content:"";position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;z-index:1;border:.15rem dashed var(--cmp-border-m);border-radius:var(--cmp-r-lg);background:#0f172a05}.cmp-slot--drop-target{position:relative}.cmp-slot--drop-target:after{content:"";position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;z-index:4;pointer-events:none;border:.2rem dashed var(--cmp-accent);border-radius:var(--cmp-r-lg);background:#0084fe12}.cmp-drag-ghost{--cmp-accent: #0084fe;--cmp-accent-d: #006fde;--cmp-accent-bg: #e8f3ff;--cmp-green: #06bc32;--cmp-text: #15171a;--cmp-text-2: #646b75;--cmp-text-3: #9aa1ab;--cmp-bg: #ffffff;--cmp-bg-2: #f6f8fb;--cmp-bg-3: #eef1f6;--cmp-border: rgba(15, 23, 42, .085);--cmp-border-m: rgba(15, 23, 42, .14);--cmp-r-sm: 8px;--cmp-r-md: 12px;--cmp-r-lg: 18px;--cmp-r-xl: 24px;--cmp-shadow-lg: 0 18px 48px rgba(15, 23, 42, .14);color:var(--cmp-text);position:fixed;inset-block-start:0;inset-inline-start:0;z-index:1000;box-sizing:border-box;pointer-events:none;will-change:transform;background:var(--cmp-accent-bg);border:.2rem solid var(--cmp-accent);border-radius:var(--cmp-r-lg);box-shadow:var(--cmp-shadow-lg);padding:.6rem 1rem 1.4rem;transform-origin:top left}.cmp-drag-ghost .cmp-slot__picker{height:auto;padding:0 0 .8rem}.cmp-drag-ghost .cmp-col__header{padding:0}.cmp-drag-ghost .cmp-col__cta{display:none}body.cmp-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.cmp-slot__picker{box-sizing:border-box;height:4.4rem;padding:0 1.6rem;display:flex;align-items:center;justify-content:center}.cmp-slot__picker--ghost{visibility:hidden}.cmp-slot__select{appearance:none;-webkit-appearance:none;max-width:100%;height:3.2rem;padding:0 3rem 0 1.4rem;font-size:1.1rem;font-weight:700;border:.1rem solid var(--cmp-border-m);border-radius:99px;color:var(--cmp-accent);background-color:var(--cmp-accent-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230084fe' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1rem center;cursor:pointer;transition:background-color .16s var(--cmp-ease)}[dir=rtl] .cmp-slot__select{padding:0 1.4rem 0 3rem;background-position:left 1.1rem center}.cmp-slot__select:hover{background-color:color-mix(in srgb,var(--cmp-accent) 16%,#fff)}.cmp-col__header{position:relative;background:var(--cmp-bg);padding:0 1.6rem 1.8rem;text-align:center}.cmp-col__header--labels{display:flex;align-items:flex-end;text-align:start;padding-inline-start:0}.cmp-corner{padding-bottom:.4rem}.cmp-corner__t{display:block;font-size:1.9rem;font-weight:800;letter-spacing:-.05rem;line-height:1.15;color:var(--cmp-text)}.cmp-corner__s{display:block;font-size:1.2rem;color:var(--cmp-text-2);margin-top:.5rem;line-height:1.4;text-wrap:pretty}.cmp-col__remove{position:absolute;inset-block-start:.2rem;inset-inline-end:.4rem;z-index:2;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;opacity:.35;color:var(--cmp-text);transition:opacity .15s ease,background .15s ease}.cmp-col__remove:hover{opacity:1;background:var(--cmp-bg-2)}.cmp-col__remove svg{width:1.4rem;height:1.4rem}.cmp-col__media{position:relative;display:flex;align-items:flex-end;justify-content:center;height:20rem;margin-bottom:1.4rem}.cmp-col__media img{max-height:20rem;width:auto;object-fit:contain;filter:drop-shadow(0 1.4rem 2.2rem rgba(15,23,42,.16));transition:transform .44s var(--cmp-spring)}.cmp-col:hover .cmp-col__media img{transform:translateY(-.4rem)}.cmp-col__glow{position:absolute;bottom:.6rem;width:62%;height:1.6rem;background:radial-gradient(ellipse,rgba(15,23,42,.18),transparent 70%);filter:blur(.7rem)}.cmp-col__name{font-size:1.9rem;font-weight:800;letter-spacing:-.05rem;line-height:1.2;min-height:6.84rem;overflow:hidden}.cmp-col__name a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:inherit;text-decoration:none}.cmp-col__name a,.cmp-col__media a{text-decoration:none}.cmp-col__name a:hover,.cmp-col__media a:hover{color:inherit;text-decoration:none}.cmp-wrap a:not([class]):after,.cmp-col__name a:after,.cmp-col__media a:after{content:none!important;display:none!important}.cmp-col__tag{font-size:1.2rem;color:var(--cmp-text-2);margin-top:.4rem;line-height:1.4;text-wrap:pretty}.cmp-col__swatches{display:flex;gap:.7rem;justify-content:safe center;margin:.4rem 0 .7rem;padding:.5rem .4rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cmp-col__swatches::-webkit-scrollbar{display:none}.cmp-swatch{flex:0 0 auto}.cmp-swatch{width:1.8rem;height:1.8rem;padding:0;border-radius:50%;cursor:pointer;border:.2rem solid rgba(255,255,255,.7);box-shadow:0 0 0 .1rem var(--cmp-border-m);outline:.2rem solid transparent;outline-offset:.2rem;background:transparent;transition:all .16s var(--cmp-spring)}.cmp-swatch span{display:block;width:100%;height:100%;border-radius:50%;background:var(--cmp-swatch, #ccc)}.cmp-swatch:hover{transform:scale(1.12)}.cmp-swatch.is-selected{outline-color:var(--cmp-accent)}.cmp-col__storages{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:safe center;margin:0 0 1.2rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}.cmp-col__storages::-webkit-scrollbar{display:none}.cmp-chip{flex:0 0 auto;white-space:nowrap;padding:.4rem .9rem;font-size:1.15rem;font-weight:600;cursor:pointer;border:.1rem solid var(--cmp-border-m);border-radius:99px;background:transparent;color:var(--cmp-text-2);transition:all .15s var(--cmp-ease)}.cmp-chip:hover{border-color:var(--cmp-text-3);color:var(--cmp-text)}.cmp-chip.is-selected{border-color:var(--cmp-accent);background:var(--cmp-accent-bg);color:var(--cmp-accent);box-shadow:inset 0 0 0 1px var(--cmp-accent);font-weight:700}.cmp-col__price{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-bottom:1.4rem}.cmp-col__from{font-size:1.1rem;color:var(--cmp-text-3);font-weight:600}.cmp-col__amt{font-size:2.1rem;font-weight:800;letter-spacing:-.04rem;font-variant-numeric:tabular-nums}.cmp-col__amt small{font-size:1.2rem;font-weight:700;color:var(--cmp-text-2)}.cmp-col__bnpl{font-size:1.05rem;color:var(--cmp-text-3);margin-top:.2rem}.cmp-col__cta{display:flex;flex-direction:column;align-items:center;gap:0}.cmp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:100%;max-width:20rem;height:4.4rem;padding:0 1.6rem;font-size:1.4rem;font-weight:800;letter-spacing:.02em;border-radius:var(--cmp-r-md);border:0;text-decoration:none;cursor:pointer;transition:all .24s var(--cmp-ease)}.cmp-btn--primary{background:var(--cmp-accent);color:#fff;box-shadow:0 .5rem 1.6rem color-mix(in srgb,var(--cmp-accent) 28%,transparent)}.cmp-btn--primary:hover{background:var(--cmp-accent-d);transform:translateY(-.1rem)}.cmp-btn--primary:active{transform:translateY(0) scale(.98)}.cmp-col__specslink{display:inline-flex;align-items:center;gap:.3rem;font-size:1.25rem;font-weight:700;color:var(--cmp-accent);margin-top:1.2rem;text-decoration:none;transition:gap .16s var(--cmp-ease)}.cmp-col__specslink:hover{gap:.6rem}[dir=rtl] .cmp-col__specslink svg{transform:scaleX(-1)}.cmp-slot--empty .cmp-slot__body{min-height:24rem;margin:1.4rem;border:.2rem dashed var(--cmp-border-m);border-radius:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s var(--cmp-ease),background .15s var(--cmp-ease)}.cmp-slot--empty .cmp-slot__body:hover{border-color:var(--cmp-accent);background:var(--cmp-accent-bg)}.cmp-slot--empty .cmp-slot__body:after{content:"+ Add model";color:var(--cmp-text-3);font-size:1.3rem;font-weight:600}.cmp-col__specs{display:flex;flex-direction:column}.cmp-grouptitle{display:flex;align-items:center;gap:1.1rem;padding:2.6rem 1.6rem 1.2rem;font-size:1.7rem;font-weight:800;letter-spacing:-.04rem;color:var(--cmp-text);text-transform:none}.cmp-grouptitle__ico{width:3.4rem;height:3.4rem;border-radius:1rem;background:var(--cmp-bg-2);border:.1rem solid var(--cmp-border);color:var(--cmp-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-grouptitle__ico svg{width:1.8rem;height:1.8rem}.cmp-grouptitle--spacer{min-height:6rem}.cmp-col--labels .cmp-grouptitle{position:sticky;inset-inline-start:0;z-index:4;box-sizing:border-box;width:var(--cmp-tablew, 100%);justify-content:center;text-align:center;background:var(--cmp-bg)}.cmp-cell{padding:1.4rem 1.6rem;font-size:1.4rem;line-height:1.4;font-weight:500;color:var(--cmp-text);border-top:.1rem solid var(--cmp-border);display:flex;align-items:center;overflow-wrap:anywhere;position:relative;transition:opacity .24s var(--cmp-ease)}.cmp-cell--label{font-size:1.25rem;font-weight:700;color:var(--cmp-text-2)}.cmp-col--product .cmp-cell{justify-content:center;text-align:center}.cmp-row--alt{background:#0f172a05}.cmp-row--hover{background:color-mix(in srgb,var(--cmp-accent) 6%,transparent)}.cmp-bool{font-size:1.7rem;line-height:1}.cmp-bool--yes{color:var(--cmp-green)}.cmp-bool--no,.cmp-empty,.cmp-cell .cmp-empty{color:var(--cmp-text-3)}.cmp-vlist{margin:0;padding:0;list-style:none}.cmp-vlist li{display:block}.cmp-cell.is-hidden,.cmp-grouptitle.is-hidden{display:none}.cmp-table--diffing .cmp-col--product .cmp-cell:not(.cmp-diff-hit){opacity:.42}.cmp-table--diffing .cmp-col--labels .cmp-cell:not(.cmp-diff-hit){opacity:.42}.cmp-col--product .cmp-diff-hit{font-weight:700}.cmp-col--product .cmp-diff-hit:before{content:"";position:absolute;top:.6rem;bottom:.6rem;inset-inline-start:.6rem;width:.3rem;border-radius:.2rem;background:var(--cmp-accent);opacity:.85}.cmp-col__error{padding:2rem;text-align:center;color:var(--cmp-text-3)}.is-loading{min-height:20rem;position:relative}.is-loading:after{content:"";position:absolute;inset-block-start:2rem;inset-inline:0;margin:auto;width:2.4rem;height:2.4rem;border:.2rem solid var(--cmp-border-m);border-top-color:var(--cmp-text);border-radius:50%;animation:cmp-spin .7s linear infinite}@keyframes cmp-spin{to{transform:rotate(360deg)}}.cmp-help{display:flex;align-items:center;gap:1.8rem;margin-top:5rem;padding:2.2rem 2.6rem;background:linear-gradient(110deg,var(--cmp-bg-2),#fff);border:.1rem solid var(--cmp-border);border-radius:var(--cmp-r-xl);box-shadow:var(--cmp-shadow)}.cmp-help__ico{width:4.8rem;height:4.8rem;border-radius:1.4rem;background:var(--cmp-accent-bg);color:var(--cmp-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-help__txt{flex:1;min-width:0}.cmp-help__txt h3{font-size:1.6rem;font-weight:800;letter-spacing:-.03rem;margin:0}.cmp-help__txt p{font-size:1.3rem;color:var(--cmp-text-2);margin-top:.3rem;line-height:1.45;text-wrap:pretty}.cmp-help__cta{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;font-size:1.3rem;font-weight:800;color:#fff;background:#25d366;padding:1.1rem 1.8rem;border-radius:99px;text-decoration:none;transition:all .24s var(--cmp-ease)}.cmp-help__cta:hover{transform:translateY(-.1rem);box-shadow:0 .6rem 1.8rem #25d36657}[dir=rtl] .cmp-help__cta svg{transform:scaleX(-1)}.cmp-foot{font-size:1.1rem;color:var(--cmp-text-3);line-height:1.6;margin-top:3.2rem;max-width:76rem;text-wrap:pretty}@media screen and (max-width:860px){.cmp-wrap{--cmp-label: 10rem}.cmp-grid{overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--cmp-label)}.cmp-slot{width:calc((100vw - 13rem)/2 - .8rem);min-width:10rem;scroll-snap-align:start}.cmp-slot__picker{padding-inline:.4rem}.cmp-slot:not(.cmp-slot--empty) .cmp-slot__picker{padding-inline-start:1.8rem}.cmp-slot__drag{width:1.6rem;height:2.8rem;inset-inline-start:.1rem;border-radius:.6rem}.cmp-slot__drag svg{width:12px;height:12px}.cmp-slot__select{max-width:none;width:100%;padding:0 1.5rem 0 .6rem;font-size:.98rem;background-position:right .45rem center;background-size:9px 9px;text-overflow:ellipsis}[dir=rtl] .cmp-slot__select{padding:0 .6rem 0 1.5rem;background-position:left .45rem center}.cmp-col--labels .cmp-grouptitle,.cmp-grouptitle--spacer{padding-top:2.4rem}.cmp-col--labels .cmp-grouptitle{width:var(--cmp-tablew, calc(100vw - 3rem) );flex-direction:row;gap:.8rem;font-size:1.5rem;padding:2rem 1rem 1rem;overflow-wrap:anywhere}.cmp-grouptitle__ico{width:2.8rem;height:2.8rem}.cmp-grouptitle__ico svg{width:1.5rem;height:1.5rem}.cmp-col__media{height:13rem}.cmp-col__media img{max-height:13rem;max-width:100%}.cmp-corner{display:none}.cmp-col--labels{background:transparent;box-shadow:none}.cmp-col--labels .cmp-col__header--labels{background:transparent}.cmp-col--labels .cmp-col__specs{background:var(--cmp-bg);box-shadow:.1rem 0 0 var(--cmp-border)}[dir=rtl] .cmp-col--labels .cmp-col__specs{box-shadow:-.1rem 0 0 var(--cmp-border)}.cmp-col__name{font-size:1.45rem}.cmp-col__tag{font-size:1.05rem;min-height:2.6rem}.cmp-col__amt{font-size:1.7rem}.cmp-col__amt small{font-size:1.1rem}.cmp-btn{height:4rem;font-size:1.3rem}.cmp-col__specslink{font-size:1.15rem}.cmp-cell{font-size:1.25rem;padding:1.1rem .9rem}.cmp-help{flex-direction:column;text-align:center}}@media screen and (max-width:560px){.cmp-hero{margin-bottom:2.2rem}.cmp-jump{margin-bottom:2.4rem}}.cmp-tray{position:fixed;inset-block-end:1.6rem;inset-inline:0;margin-inline:auto;width:fit-content;max-width:min(92vw,46rem);z-index:1000;display:none;align-items:center;gap:.6rem;padding:.6rem .6rem .6rem 1rem;border-radius:999px;background:rgb(var(--color-background));box-shadow:0 .6rem 2rem #00000029,0 0 0 .1rem rgba(var(--color-foreground),.06);transform:translateY(150%);opacity:0;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .25s ease}.cmp-tray.is-visible{display:flex;transform:translateY(0);opacity:1}.cmp-tray__items{display:flex;gap:.5rem;flex-wrap:nowrap}.cmp-tray__item{position:relative;flex:0 0 auto}.cmp-tray__item img{width:3.6rem;height:3.6rem;object-fit:contain;border-radius:.8rem;background:rgba(var(--color-foreground),.05)}.cmp-tray__rm{position:absolute;inset-block-start:.1rem;inset-inline-end:.1rem;width:1.5rem;height:1.5rem;border-radius:50%;border:0;cursor:pointer;background:#0009;color:#fff;font-size:1.2rem;line-height:1;display:grid;place-items:center}.cmp-tray__rm:hover{background:#000000d9}.cmp-tray__actions{display:flex;align-items:center;gap:.2rem;flex:0 0 auto}.cmp-tray__clear{border:0;background:transparent;cursor:pointer;width:3rem;height:3rem;border-radius:50%;color:rgba(var(--color-foreground),.5);display:grid;place-items:center}.cmp-tray__clear:hover{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.cmp-tray__clear svg{width:1.5rem;height:1.5rem}.cmp-tray__go{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:none;height:auto;min-height:0;gap:0;padding:.9rem 1.8rem;border-radius:999px;font-size:1.3rem;font-weight:700;white-space:nowrap;text-decoration:none;border:0;cursor:pointer;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:none}.cmp-tray__go:hover{background:rgb(var(--color-button));filter:brightness(1.07);transform:none}.cmp-toast{position:fixed;inset-block-end:9rem;inset-inline:0;margin-inline:auto;width:max-content;max-width:90vw;z-index:1001;padding:1rem 1.6rem;border-radius:1rem;font-size:1.3rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));opacity:0;transform:translateY(1rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.cmp-toast.is-visible{opacity:1;transform:translateY(0)}body:has(compare-table) .cmp-tray{display:none!important}@media screen and (max-width:749px){.cmp-tray{inset-block-end:calc(6.4rem + 1.2rem + env(safe-area-inset-bottom,0px))}.cmp-toast{inset-block-end:calc(12.4rem + env(safe-area-inset-bottom,0px))}}body:has(.sticky-cart.active) .cmp-tray{inset-block-end:calc(144px + 1.2rem)}@media screen and (max-width:767px){body:has(.sticky-cart.active) .cmp-tray{inset-block-end:calc(154px + 1.2rem + env(safe-area-inset-bottom,0px))}}.cmp-compare-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.2rem;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.8rem;background:transparent;color:rgb(var(--color-foreground));transition:background .15s ease,border-color .15s ease}.cmp-compare-btn svg{width:1.4rem;height:1.4rem}.cmp-compare-btn:hover{border-color:rgb(var(--color-foreground))}.cmp-compare-btn.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.cmp-compare-btn__on,.cmp-compare-btn.is-active .cmp-compare-btn__off{display:none}.cmp-compare-btn.is-active .cmp-compare-btn__on{display:inline}.cmp-compare-btn--disabled{opacity:.32;pointer-events:none;cursor:not-allowed;filter:grayscale(1)}.pcard__media .cmp-compare-btn--card{position:absolute;inset-block-start:40px;inset-inline-end:6px;inset-inline-start:auto;z-index:21;pointer-events:auto;width:24px;height:24px;padding:0;gap:0;border:0;border-radius:50%;background:#ffffffeb;color:#0a0a0a;display:grid;place-items:center;box-shadow:0 1px 4px #0000001f}.pcard__media .cmp-compare-btn--card svg{width:15px;height:15px}.pcard__media .cmp-compare-btn--card:hover{background:#fff}.pcard__media .cmp-compare-btn--card.is-active{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/component-compare.css.map */