.card-size-peek{position:absolute;top:0;left:0;right:0;height:0;padding-bottom:var(--peek-ratio, 100%);z-index:5;pointer-events:none;text-align:left;--peek-inset: clamp(.6rem, .4rem + .4vw, 1rem);--peek-trait: rgba(var(--color-foreground), .12)}.card-size-peek>*{pointer-events:auto}.card-size-peek__toggle{position:absolute;top:calc(var(--peek-inset) - 1.2rem);left:calc(var(--peek-inset) - 1.2rem);display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));cursor:pointer;transition:transform .2s ease}.card-size-peek__icon{width:2rem;height:2rem;filter:drop-shadow(0 0 2px rgba(var(--color-background),.9))}.card-size-peek__toggle:hover{transform:scale(1.08)}.card-size-peek__toggle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.card-size-peek__panel{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:88dvh;margin:0;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden auto}.card-size-peek__panel::backdrop{background:#0006}.card-size-peek__sheet-header{display:grid;grid-template-columns:4.4rem minmax(0,1fr) 4.4rem;align-items:center;padding:.6rem 0}.card-size-peek__sheet-title{grid-column:2;margin:0;font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}.card-size-peek__close{grid-column:3;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.card-size-peek__close svg{width:2rem;height:2rem}.card-size-peek__product{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1.6rem;padding:.8rem 1.6rem 2rem}.card-size-peek__product-media{background:rgba(var(--color-foreground),.04)}.card-size-peek__product-image{display:block;width:100%;height:100%;object-fit:cover}.card-size-peek__product-badge{display:inline-block;margin-bottom:.8rem;padding:.3rem .7rem;background:rgba(var(--color-foreground),.07);font-size:1.1rem;font-weight:600;letter-spacing:.04em}.card-size-peek__product-title{margin:0;font-size:1.5rem;font-weight:600}.card-size-peek__product-variant{margin:.4rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.55)}.card-size-peek__product-price{display:flex;align-items:baseline;gap:.8rem;margin:.8rem 0 0;font-size:1.5rem;font-weight:600}.card-size-peek__product-price-old{font-size:1.4rem;font-weight:400;color:var(--rp-alerte)}.card-size-peek__legend{margin:0;padding:0 1.6rem 1.2rem;font-size:1.5rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.card-size-peek__grid{display:flex;flex-direction:column;margin:0;padding:0}.card-size-peek__grid li,.card-size-peek__form{display:flex;flex-direction:column;min-width:0}.card-size-peek__form{position:relative;flex:1 1 auto}.card-size-peek__size{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;min-height:5.6rem;padding:0 1.6rem;background:rgb(var(--color-background));border:0;border-top:.1rem solid var(--peek-trait);border-radius:0;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.5rem;line-height:1.2;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .15s ease}.card-size-peek__value{font-weight:500}.card-size-peek__status{display:inline-flex;align-items:center;gap:.6rem;color:rgba(var(--color-foreground),.6);font-size:1.4rem}.card-size-peek__status-icon{width:1.6rem;height:1.6rem}.card-size-peek__size--out{cursor:default}.card-size-peek__size--out .card-size-peek__value{color:rgba(var(--color-foreground),.45)}.card-size-peek__size:hover:not(.card-size-peek__size--out){background:rgba(var(--color-foreground),.04)}.card-size-peek__size:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.card-size-peek__form .loading__spinner{position:absolute;top:50%;right:1.6rem;width:1.8rem;height:1.8rem;transform:translateY(-50%)}.card-size-peek__form .loading__spinner.hidden{display:none}@media screen and (min-width:750px){.card-size-peek__panel{position:absolute;inset:auto var(--peek-inset) var(--peek-inset);width:auto;max-height:none;padding:var(--peek-inset);overflow:visible}.card-size-peek__sheet-header,.card-size-peek__product,.card-size-peek__legend,.card-size-peek__status{display:none}.card-size-peek__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.card-size-peek__grid li{flex-direction:column}.card-size-peek__size{justify-content:center;min-height:clamp(2.8rem,14%,4rem);padding:.4rem;margin:-.1rem 0 0 -.1rem;border:.1rem solid rgba(var(--color-foreground),.18);font-size:clamp(1.1rem,.9rem + .35vw,1.4rem);text-align:center}.card-size-peek__size--out{color:rgba(var(--color-foreground),.35);text-decoration:line-through}.card-size-peek__size:hover:not(.card-size-peek__size--out){background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-size-peek__form .loading__spinner{right:50%;transform:translate(50%,-50%)}}@media(prefers-reduced-motion:reduce){.card-size-peek__toggle,.card-size-peek__size{transition:none}.card-size-peek__toggle:hover{transform:none}}.card__badge .badge.badge--nouveau{padding:.4rem .9rem;border:0;border-radius:.4rem;background:#fff;color:#121212;font-size:1.2rem;font-weight:600;letter-spacing:0;line-height:1.2;text-transform:none}.card-size-peek__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.card-size-peek__grid .card-size-peek__size{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.2rem;min-height:6.4rem;padding:.8rem .9rem 1rem;margin:-.1rem 0 0 -.1rem;border:.1rem solid var(--rp-trait, #e3e3e3);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;text-decoration:none}.card-size-peek__grid .card-size-peek__value{font-size:1.6rem;font-weight:700;line-height:1.1}.card-size-peek__grid .card-size-peek__dim{display:block;font-size:1rem;font-weight:400;line-height:1.2;color:rgba(var(--color-foreground),.6)}.card-size-peek__grid .card-size-peek__status{display:none}.card-size-peek__grid .card-size-peek__size:hover:not(.card-size-peek__size--out),.card-size-peek__grid .card-size-peek__size:active:not(.card-size-peek__size--out),.card-size-peek__grid .card-size-peek__size:focus-visible{position:relative;z-index:1;border-color:rgb(var(--color-foreground));background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.card-size-peek__grid .card-size-peek__size:hover:not(.card-size-peek__size--out) .card-size-peek__dim,.card-size-peek__grid .card-size-peek__size:active:not(.card-size-peek__size--out) .card-size-peek__dim{color:rgb(var(--color-foreground))}.card-size-peek__grid .card-size-peek__size--out{text-decoration:none}.card-size-peek__grid .card-size-peek__size--out .card-size-peek__value,.card-size-peek__grid .card-size-peek__size--out .card-size-peek__dim{color:rgba(var(--color-foreground),.35);text-decoration:line-through}.card-size-peek__form .loading__spinner{right:50%;transform:translate(50%,-50%)}@media screen and (max-width:749px){.card-size-peek__grid{padding:0 1.6rem 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/card-size-peek.css.map */