.card-compare-wrap{position:relative;z-index:2;margin-top:1.2rem;text-align:center}.card-compare{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75);cursor:pointer}.card-compare input{width:1.8rem;height:1.8rem;margin:0;accent-color:rgb(var(--color-button));cursor:pointer}.card-compare:has(input:checked){color:rgb(var(--color-foreground))}.card-compare:has(input:disabled){opacity:.45;cursor:not-allowed}.grid__item:has(.card-compare input:checked) .card__inner{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.compare-tray{position:fixed;right:0;bottom:0;left:0;z-index:4;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.15);box-shadow:0 -1rem 3rem #00000059;transform:translateY(110%);visibility:hidden;transition:transform var(--duration-default) ease,visibility 0s linear var(--duration-default)}.compare-tray[data-open]{transform:none;visibility:visible;transition:transform var(--duration-default) ease}body:has(.compare-tray[data-open]){padding-bottom:10.4rem}.compare-tray__inner{display:flex;align-items:center;gap:2.4rem;padding-top:1.4rem;padding-bottom:1.4rem}.compare-tray__label{flex:none;font-size:1.6rem;line-height:1.4}.compare-tray__label small{display:block;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.compare-tray__slots{display:flex;flex:1;gap:1.2rem;min-width:0}.compare-slot{display:grid;flex:1;grid-template-columns:5.6rem 1fr auto;gap:1.2rem;align-items:center;max-width:30rem;min-height:7.4rem;padding:.8rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:1.2rem}.compare-slot img{width:5.6rem;height:5.6rem;object-fit:contain;background:#fff;border-radius:.8rem}.compare-slot__name{overflow:hidden;font-size:1.4rem;line-height:1.35}.compare-slot__name small{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.compare-slot--empty{display:flex;align-items:center;justify-content:center;border-style:dashed;font-size:1.3rem;color:rgba(var(--color-foreground),.55)}.compare-x{padding:.4rem .6rem;border:0;background:none;font-size:2.2rem;line-height:1;color:rgba(var(--color-foreground),.7);cursor:pointer}.compare-x:hover{color:rgb(var(--color-foreground))}.compare-tray__actions{display:flex;flex:none;align-items:center;gap:2rem}.compare-link{padding:0;border:0;background:none;font:inherit;font-size:1.4rem;color:rgba(var(--color-foreground),.75);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.compare-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:4rem;border:0;background:transparent;color:rgb(var(--color-foreground));overflow-y:auto}.compare-dialog[open]{display:flex;align-items:flex-start;justify-content:center}.compare-dialog::backdrop{background:#000000a6}.compare-sheet{width:min(120rem,100%);padding:3.2rem 3.6rem 3.6rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:1.2rem}.compare-sheet__head{display:flex;align-items:center;gap:2.4rem;margin-bottom:2.8rem}.compare-sheet__head h2{flex:1;margin:0}.compare-switch{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75);cursor:pointer}.compare-switch input{width:1.8rem;height:1.8rem;margin:0;accent-color:rgb(var(--color-button))}.compare-grid{display:grid;grid-template-columns:19rem repeat(var(--cols),minmax(0,1fr));column-gap:3.2rem}.compare-row{display:contents}.compare-row>*{padding:1.2rem 0;border-top:1px solid rgba(var(--color-foreground),.1)}.compare-grid[data-diff] .compare-row[data-same],.compare-grid[data-diff] .compare-group[data-same]{display:none}.compare-group{grid-column:1 / -1;margin:0;padding:3.2rem 0 1rem;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;letter-spacing:0}.compare-label{font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.compare-val{font-size:1.5rem;line-height:1.5;overflow-wrap:anywhere}.compare-val--missing{color:rgba(var(--color-foreground),.4)}.compare-val--best{font-weight:700}.compare-best{display:inline-block;margin-left:.8rem;padding:0 .8rem;border:1px solid rgba(var(--color-foreground),.45);border-radius:4rem;font-size:1.1rem;font-weight:500;line-height:1.8rem;vertical-align:.15em;white-space:nowrap}.compare-products>*{padding:0 0 2.4rem;border-top:0}.compare-product{display:flex;flex-direction:column;gap:.6rem}.compare-product__media{display:block;margin-bottom:1rem;padding:1.2rem;background:#fff;border-radius:2rem}.compare-product__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.compare-product__vendor{font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.compare-product__title{display:-webkit-box;overflow:hidden;font-size:1.5rem;line-height:1.4;color:rgb(var(--color-foreground));text-decoration:none;-webkit-line-clamp:3;-webkit-box-orient:vertical}.compare-product__title:hover{text-decoration:underline}.compare-product__price{margin-top:.4rem;font-size:1.8rem}.compare-product__price s{margin-left:.8rem;font-size:1.4rem;color:rgba(var(--color-foreground),.6)}.compare-product__stock{margin-bottom:1.4rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.compare-product .button{margin-top:auto}.compare-product .button.loading>span{visibility:hidden}.compare-strip{position:sticky;top:0;z-index:2;display:grid;grid-column:1 / -1;grid-template-columns:19rem repeat(var(--cols),minmax(0,1fr));column-gap:3.2rem;align-items:center;height:6.4rem;margin:0 -3.6rem -6.4rem;padding:0 3.6rem;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.15);opacity:0;visibility:hidden;transition:opacity var(--duration-short) ease,visibility var(--duration-short)}.compare-grid[data-stuck] .compare-strip{opacity:1;visibility:visible}.compare-strip__item{display:flex;align-items:center;gap:1rem;min-width:0;font-size:1.4rem;line-height:1.3}.compare-strip__item img{flex:none;width:4rem;height:4rem;object-fit:contain;background:#fff;border-radius:.6rem}.compare-strip__item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-strip__item small{display:block;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.compare-note{margin:2.8rem 0 0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.6)}@media screen and (max-width:749px){body:has(.compare-tray[data-open]){padding-bottom:7.6rem}.compare-tray__inner{gap:1.2rem;padding-top:1rem;padding-bottom:1rem}.compare-tray__label,.compare-link,.compare-slot__name,.compare-slot .compare-x{display:none}.compare-slot{display:block;flex:none;min-height:0;padding:.3rem}.compare-slot img{display:block;width:4.8rem;height:4.8rem}.compare-slot--empty{width:5.6rem;height:5.6rem;font-size:0}.compare-tray__actions{margin-left:auto}.compare-tray__actions .button{min-width:0;padding:0 2rem}.compare-dialog{padding:0}.compare-sheet{min-height:100%;padding:2rem 1.6rem 3.2rem;border:0;border-radius:0}.compare-sheet__head{flex-wrap:wrap;gap:1.2rem;margin-bottom:2rem}.compare-sheet__head h2{font-size:2.2rem}.compare-switch{flex-basis:100%;order:3}.compare-grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:1.2rem}.compare-label{grid-column:1 / -1;padding-bottom:.4rem;font-size:1.3rem}.compare-row>.compare-val{padding-top:0;border-top:0;font-size:1.4rem}.compare-best{display:table;margin:.4rem 0 0}.compare-products>.compare-label{display:none}.compare-product__media{padding:.6rem;border-radius:1.2rem}.compare-product__title{font-size:1.3rem}.compare-product__price{font-size:1.5rem}.compare-product__price s{display:block;margin:0;font-size:1.2rem}.compare-product .button{min-width:0;min-height:4rem;padding:0 .8rem;font-size:1.3rem}.compare-group{padding-top:2.4rem}.compare-strip{grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:1.2rem;height:5.6rem;margin:0 -1.6rem -5.6rem;padding:0 1.6rem}.compare-strip>span:first-child{display:none}.compare-strip__item{gap:.6rem;font-size:1.2rem}.compare-strip__item img{width:3.2rem;height:3.2rem}.compare-strip__item small{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.compare-tray,.compare-tray[data-open]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-compare.css.map */