@layer components{[data-slot=tile] [data-slot=media]{aspect-ratio:var(--st-tile-aspect)}[data-slot=tile] [data-slot=media] img{object-fit:var(--st-tile-fit)}@media (min-width:64rem){[data-slot=tile] [data-slot=media]{aspect-ratio:var(--st-tile-aspect-lg)}}[data-feature=first]>:first-child{--st-tile-aspect:16 / 10;--st-tile-aspect-lg:16 / 10}[data-slot=tile]>:first-child{position:relative}[data-chrome=card]{background:var(--card);border-radius:var(--st-r-card);box-shadow:var(--card-shadow), var(--st-panel-edge);padding:var(--st-pad-card)}[data-slot=add]{min-height:44px;font:600 13px/1 var(--st-font-body);align-items:center;display:flex}[data-slot=add] button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex}[data-slot=add] svg{flex:none;width:16px;height:16px}[data-slot=add] [data-part=count]{text-align:center;min-width:24px;font-family:var(--st-font-num);font-variant-numeric:var(--st-num-variant)}[data-add=round] [data-part=label],[data-add=bar] [data-part=icon],[data-add=outline] [data-part=icon],[data-add=inline] [data-part=icon]{display:none}[data-add=pill] [data-slot=add]{min-height:44px}[data-add=pill] [data-part=add],[data-add=pill] [data-state=added]{border-radius:var(--st-r-pill);background:var(--brand);color:var(--brand-foreground)}[data-add=pill] [data-part=add]{padding:0 16px}[data-add=bar] [data-slot=add]{min-height:44px}[data-add=bar] [data-part=add],[data-add=bar] [data-state=added]{border-radius:var(--st-r-btn);background:var(--brand);color:var(--brand-foreground)}[data-add=outline] [data-slot=add]{min-height:44px}[data-add=outline] [data-part=add],[data-add=outline] [data-state=added]{border-radius:var(--st-r-btn);color:var(--brand-text);background:0 0}[data-add=outline] [data-part=add]{border:1.5px solid var(--brand)}[data-add=outline] [data-state=added]{outline:1.5px solid var(--brand);outline-offset:-1.5px}[data-add=inline] [data-slot=add]{justify-self:end;min-height:44px}[data-add=inline] [data-part=add]{border:1.5px solid var(--brand);border-radius:var(--st-r-btn);min-width:64px;color:var(--brand-text);padding:0 12px}[data-add=inline] [data-state=added]{border-radius:var(--st-r-btn);background:var(--brand);color:var(--brand-foreground)}[data-add=round] [data-slot=add]{min-height:44px;position:absolute;bottom:4px;right:4px}[data-add=round] [data-part=add]{isolation:isolate;color:var(--foreground);position:relative}[data-add=round] [data-part=add]:before{content:"";z-index:-1;border-radius:var(--st-r-pill);background:var(--card);box-shadow:var(--st-shadow-float);position:absolute;inset:4px}[data-add=round] [data-state=added]{isolation:isolate;color:var(--card)}[data-add=round] [data-state=added]:before{content:"";z-index:-1;border-radius:var(--st-r-pill);background:var(--foreground);position:absolute;inset:4px 0}[data-add=bar] [data-slot=add],[data-add=outline] [data-slot=add],[data-tile=plain][data-add=pill] [data-slot=add]{width:100%;margin-top:4px}[data-add=bar] [data-part=add],[data-add=outline] [data-part=add],[data-tile=plain][data-add=pill] [data-part=add],[data-add=bar] [data-state=added] [data-part=count],[data-add=outline] [data-state=added] [data-part=count],[data-tile=plain][data-add=pill] [data-state=added] [data-part=count]{flex:1}[data-state=soldout],[data-state=soldout] [data-part=soldout]{color:var(--muted-foreground)}[data-add=pill] [data-state=soldout],[data-add=bar] [data-state=soldout],[data-add=outline] [data-state=soldout],[data-add=inline] [data-state=soldout]{background:var(--st-tint);border-radius:var(--st-r-btn);justify-content:center;padding:0 16px}[data-add=pill] [data-state=soldout]{border-radius:var(--st-r-pill)}[data-add=round] [data-part=soldout]{border-radius:var(--st-r-pill);background:var(--card);min-height:30px;box-shadow:var(--st-shadow-float);align-items:center;padding:0 10px;display:inline-flex}[data-add=bar] [data-state=added],[data-add=outline] [data-state=added],[data-tile=plain][data-add=pill] [data-state=added]{justify-content:space-between}@supports (color:color-mix(in srgb, red, red)){[data-add=pill] [data-part=add]:hover,[data-add=bar] [data-part=add]:hover{background:color-mix(in oklab, var(--brand) 85%, transparent)}}[data-grid=list][data-thumb=md]{--st-thumb:64px}[data-tile=rows]{grid-template-columns:var(--st-thumb,56px) minmax(0, 1fr) 112px;padding:var(--st-pad-card) 14px;overflow-wrap:anywhere;grid-template-areas:"media body add";align-items:center;column-gap:12px;display:grid}[data-tile=rows]>:first-child{width:var(--st-thumb,56px);grid-area:media}[data-tile=rows]>[data-slot=body]{flex-direction:column;grid-area:body;justify-content:center;gap:2px;min-width:0;min-height:44px;display:flex}[data-tile=rows]>[data-slot=add]{grid-area:add;justify-self:end}[data-tile=rows] [data-slot=media]{aspect-ratio:1;border-radius:var(--st-r-card)}[data-tile=rows] [data-part=name]{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}[data-tile=rows] [data-part=price]{font:700 15px var(--st-font-num);font-variant-numeric:var(--st-num-variant);color:var(--muted-foreground)}[data-grid=list]>li:nth-child(n+2){border-top:1px solid var(--border)}@media (min-width:48rem){[data-grid=list]:not([data-numbered=true])>li:nth-child(2){border-top-width:0}[data-grid=list]:not([data-numbered=true])>li:nth-child(odd):not(:last-child){border-right:1px solid var(--border)}}[data-numbered=true]{counter-reset:row}[data-numbered=true]>li{counter-increment:row;grid-template-columns:22px minmax(0,1fr);align-items:center;padding-inline-start:14px;display:grid}[data-numbered=true]>li:before{content:counter(row, decimal-leading-zero);font:500 12px var(--st-font-num);font-variant-numeric:var(--st-num-variant);color:var(--muted-foreground)}[data-numbered=true] [data-tile=rows]{padding-inline-start:0}[data-tile=tint]>[data-slot=body],[data-tile=editorial]>[data-slot=body],[data-tile=catalogue]>[data-slot=body]{flex-direction:column;min-width:0;display:flex}[data-tile=tint] [data-part=name],[data-tile=editorial] [data-part=name],[data-tile=catalogue] [data-part=name]{overflow-wrap:anywhere;min-width:0}[data-tile=tint] [data-slot=media]{background:var(--st-tint);border-radius:var(--st-r-card)}[data-tile=tint] [data-part=name]{margin-top:9px;font-size:14px;font-weight:500;line-height:1.3}[data-tile=tint] [data-part=price]{font-family:var(--st-font-num);font-variant-numeric:var(--st-num-variant);margin-top:3px;font-size:14px;font-weight:700}[data-tile=tint][data-add=pill]{grid-template-columns:minmax(0,1fr);grid-template-areas:"media""body""add";display:grid}[data-tile=tint][data-add=pill]>:first-child{grid-area:media}[data-tile=tint][data-add=pill]>[data-slot=body]{grid-area:body}[data-tile=tint][data-add=pill]>[data-slot=add]{grid-area:add;justify-self:end;margin-top:6px}[data-tile=editorial] [data-part=name]{letter-spacing:.14em;text-transform:var(--st-name-case);margin:10px 0 2px;font-size:11px;font-weight:500;line-height:1.35}[data-tile=editorial] [data-part=price]{font-variant-numeric:var(--st-num-variant);color:var(--muted-foreground);font-size:13px;font-weight:400}[data-tile=editorial]>[data-slot=add]{margin-top:8px}[data-tile=editorial] [data-part=label]{letter-spacing:.2em;text-transform:var(--st-name-case);font-size:11px;font-weight:500}[data-tile=editorial][data-add=outline] [data-part=add]{border:1px solid var(--foreground);color:var(--foreground)}[data-tile=editorial][data-add=outline] [data-state=added]{outline:1px solid var(--foreground);outline-offset:-1px;color:var(--foreground)}[data-tile=editorial][data-add=bar] [data-part=add],[data-tile=editorial][data-add=bar] [data-state=added]{background:var(--foreground);color:var(--background)}@supports (color:color-mix(in srgb, red, red)){[data-tile=editorial][data-add=bar] [data-part=add]:hover{background:color-mix(in oklab, var(--foreground) 85%, transparent)}}[data-tile=catalogue] [data-slot=media]{background:var(--st-tint);border-radius:var(--st-r-card)}[data-tile=catalogue] [data-part=name]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}[data-tile=catalogue] [data-part=price]{color:var(--muted-foreground);margin-bottom:8px;font-size:13px;font-weight:400}[data-tile=overlay]{isolation:isolate;border-radius:var(--st-r-card);aspect-ratio:var(--st-tile-aspect);position:relative;overflow:hidden;container-type:size}@media (min-width:64rem){[data-tile=overlay]{aspect-ratio:var(--st-tile-aspect-lg)}}[data-tile=overlay]>:first-child{position:absolute;inset:0}[data-tile=overlay]>:first-child>a{height:100%;display:block}[data-tile=overlay] [data-slot=media]{z-index:0;aspect-ratio:auto;background:var(--st-tint);height:100%;position:relative}[data-tile=overlay]:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to top, var(--st-scrim-text-strong) 0%, var(--st-scrim-text) 45%, transparent 80%);position:absolute;inset:0}[data-tile=overlay]>[data-slot=body]{z-index:2;color:#fff;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex;position:absolute;bottom:0;left:0;right:52px}[data-tile=overlay] [data-part=name]{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}[data-tile=overlay] [data-part=price]{font-family:var(--st-font-heading);font-size:17px;line-height:1.15;font-weight:var(--st-h-weight);font-variant-numeric:var(--st-num-variant)}@container not (max-aspect-ratio:1.2){[data-tile=overlay] [data-part=name]{-webkit-line-clamp:1}}[data-tile=overlay] [data-slot=add]{z-index:3}[data-tile=overlay] [data-state=added],[data-tile=overlay] [data-state=soldout]{top:4px;bottom:auto}}
