:root,[data-fs-density=comfortable]{--fs-card-p: var(--fs-space-5);--fs-card-gap: var(--fs-space-3);--fs-card-title: var(--fs-size-16);--fs-row-p: var(--fs-space-4);--fs-row-py: var(--fs-space-4);--fs-row-px: var(--fs-space-4);--fs-row-gap-y: var(--fs-space-2);--fs-row-gap-x: var(--fs-space-4);--fs-row-media: 40px;--fs-row-title: var(--fs-size-16);--fs-row-title-weight: var(--fs-weight-medium);--fs-empty-p: var(--fs-space-5);--fs-empty-title: var(--fs-size-20);--fs-skeleton-h: 10px;--fs-spinner: 16px;--fs-stepper-bar: 6px;--fs-stepper-gap: 3px;--fs-stepper-phase: 6px;--fs-stepper-radius: 1px;--fs-stepper-label-gap: 6px;--fs-stepper-label-h: 18px;--fs-tooltip-w: 280px}[data-fs-density=compact]{--fs-card-p: var(--fs-space-4);--fs-card-gap: var(--fs-space-2);--fs-card-title: var(--fs-size-14);--fs-row-p: var(--fs-space-3);--fs-row-py: var(--fs-space-3);--fs-row-gap-y: var(--fs-space-1);--fs-row-gap-x: var(--fs-space-3);--fs-row-title: var(--fs-size-14);--fs-row-title-weight: var(--fs-weight-strong);--fs-empty-title: var(--fs-size-16)}@media(max-width:767px){:root{--fs-card-p: var(--fs-space-4);--fs-empty-p: var(--fs-space-4)}}:is(.fs-demo,.fs-ui) .fs-card{position:relative;display:flex;flex-direction:column;gap:var(--fs-card-gap);min-width:0;padding:var(--fs-card-p);border:var(--fs-border) solid var(--fs-border-color);border-radius:var(--fs-radius);background:var(--fs-card);color:var(--fs-card-foreground)}:is(.fs-demo,.fs-ui) .fs-card--flush{display:block;padding:0}:is(.fs-demo,.fs-ui) .fs-card--raised{background:var(--fs-secondary)}:is(.fs-demo,.fs-ui) .fs-card-header{display:flex;align-items:center;gap:var(--fs-space-2) var(--fs-space-3);min-width:0}:is(.fs-demo,.fs-ui) .fs-card--flush>.fs-card-header{padding:var(--fs-space-3) var(--fs-space-4);border-bottom:var(--fs-border) solid var(--fs-border-color)}:is(.fs-demo,.fs-ui) .fs-card-header>:last-child:not(:first-child,h2,h3,.fs-card-title){margin-inline-start:auto}:is(.fs-demo,.fs-ui) .fs-card-header>.fs-card-title{margin:0;color:var(--fs-card-foreground);font:var(--fs-weight-strong) var(--fs-card-title) / 1.35 var(--fs-font-ui);letter-spacing:-.01em;text-wrap:balance}:is(.fs-demo,.fs-ui) .fs-card-description{margin:0;color:var(--fs-muted-foreground);font-size:var(--fs-size-14);line-height:var(--fs-leading-small)}:is(.fs-demo,.fs-ui) .fs-card--flush>.fs-card-content{padding:var(--fs-card-p)}:is(.fs-demo,.fs-ui) .fs-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fs-space-2);margin-top:auto}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-card--interactive:hover{border-color:var(--fs-border-strong)}}:is(.fs-demo,.fs-ui) .fs-card .fs-card-link{position:static}:is(.fs-demo,.fs-ui) .fs-card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}:is(.fs-demo,.fs-ui) .fs-card:has(.fs-card-link:focus-visible){outline:var(--fs-focus-width) solid var(--fs-ring);outline-offset:var(--fs-focus-offset)}:is(.fs-demo,.fs-ui) .fs-row{--fs-row-accent: var(--fs-accent, var(--fs-brand));position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--fs-row-gap-y) var(--fs-row-gap-x);min-width:0;margin:0;padding:var(--fs-row-p);border:var(--fs-border) solid var(--fs-border-color);border-radius:var(--fs-radius);background:var(--fs-card);color:var(--fs-card-foreground);text-align:left;text-decoration:none}:is(.fs-demo,.fs-ui) .fs-row:has(>.fs-row-media){grid-template-columns:var(--fs-row-media) minmax(0,1fr)}:is(.fs-demo,.fs-ui) .fs-row:has(>.fs-row-media):has(>.fs-row-aside){grid-template-columns:var(--fs-row-media) minmax(0,1fr) auto}:is(.fs-demo,.fs-ui) .fs-row--flush{padding:var(--fs-row-py) var(--fs-row-px);border-width:0 0 var(--fs-border);border-radius:0;background:transparent}:is(.fs-demo,.fs-ui) .fs-row-media{display:grid;place-items:center;min-width:0}:is(.fs-demo,.fs-ui) .fs-row-main{display:grid;gap:var(--fs-space-1);min-width:0}:is(.fs-demo,.fs-ui) .fs-row-main>*{margin:0}:is(.fs-demo,.fs-ui) .fs-row-meta{color:var(--fs-muted-foreground);font-size:var(--fs-size-12)}:is(.fs-demo,.fs-ui) .fs-row-title{overflow:hidden;color:var(--fs-card-foreground);font:var(--fs-row-title-weight) var(--fs-row-title) / 1.35 var(--fs-font-ui);text-overflow:ellipsis;white-space:nowrap}:is(.fs-demo,.fs-ui) .fs-row-text{color:var(--fs-muted-foreground);font-size:var(--fs-size-14);line-height:var(--fs-leading-small)}:is(.fs-demo,.fs-ui) .fs-row-aside{display:flex;align-items:center;gap:var(--fs-space-2);justify-self:end}:is(.fs-demo,.fs-ui) .fs-row-actions{display:flex;flex-wrap:wrap;grid-column:2 / -1;align-items:center;gap:var(--fs-space-2) var(--fs-space-4);margin:0}:is(.fs-demo,.fs-ui) .fs-row:not(:has(>.fs-row-media))>.fs-row-actions{grid-column:1 / -1}:is(.fs-demo,.fs-ui) .fs-row:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--fs-border-active);border-radius:inherit;background:var(--fs-row-accent);opacity:0}:is(.fs-demo,.fs-ui) .fs-row[aria-current=true]{background:var(--fs-secondary)}:is(.fs-demo,.fs-ui) .fs-row[aria-current=true]:before{opacity:1}:is(.fs-demo,.fs-ui) :is(a.fs-row,button.fs-row,.fs-row--interactive){cursor:pointer}:is(.fs-demo,.fs-ui) :is(a.fs-row,button.fs-row,.fs-row--interactive):focus-visible{outline-offset:var(--fs-focus-offset-inset)}@media(hover:hover){:is(.fs-demo,.fs-ui) :is(a.fs-row,button.fs-row,.fs-row--interactive):hover{border-color:var(--fs-border-strong);background:var(--fs-secondary)}:is(.fs-demo,.fs-ui) .fs-row--flush:is(a,button,.fs-row--interactive):hover{background:var(--fs-hover)}:is(.fs-demo,.fs-ui) :is(a.fs-row,button.fs-row,.fs-row--interactive):hover:before{opacity:.45}}@media(max-width:767px){:is(.fs-demo,.fs-ui) .fs-row:has(>.fs-row-media):has(>.fs-row-aside){grid-template-columns:var(--fs-row-media) minmax(0,1fr)}:is(.fs-demo,.fs-ui) .fs-row:has(>.fs-row-media)>.fs-row-aside{grid-column:2;justify-self:start}:is(.fs-demo,.fs-ui) .fs-row:has(>.fs-row-media) .fs-row-title{white-space:normal}}:is(.fs-demo,.fs-ui) .fs-empty{display:grid;justify-items:start;gap:var(--fs-space-3);margin:0;padding:var(--fs-empty-p);border:var(--fs-border) solid var(--fs-border-color);border-radius:var(--fs-radius);background:var(--fs-card);color:var(--fs-card-foreground)}:is(.fs-demo,.fs-ui) .fs-empty[hidden]{display:none}:is(.fs-demo,.fs-ui) .fs-empty>*{margin:0}:is(.fs-demo,.fs-ui) .fs-empty-icon{display:grid;place-items:center;width:var(--fs-ctl-h);height:var(--fs-ctl-h);border:var(--fs-border) solid var(--fs-border-color);border-radius:var(--fs-radius-lg);background:var(--fs-secondary);color:var(--fs-subtle-foreground)}:is(.fs-demo,.fs-ui) .fs-empty-title{color:var(--fs-card-foreground);font-size:var(--fs-empty-title);font-weight:var(--fs-weight-strong);line-height:1.3}:is(.fs-demo,.fs-ui) .fs-empty-text{color:var(--fs-muted-foreground);font-size:var(--fs-size-14);line-height:var(--fs-leading-small)}:is(.fs-demo,.fs-ui) .fs-empty-actions{display:flex;flex-wrap:wrap;gap:var(--fs-space-2)}:is(.fs-demo,.fs-ui) .fs-empty--dashed{border-style:dashed;border-color:var(--fs-border-strong);background:transparent}:is(.fs-demo,.fs-ui) .fs-empty--plain{border:0;background:transparent}:is(.fs-demo,.fs-ui) .fs-empty--center{justify-items:center;padding:var(--fs-space-6) var(--fs-space-5);text-align:center}:is(.fs-demo,.fs-ui) .fs-empty--center>.fs-empty-text{max-width:36ch}:is(.fs-demo,.fs-ui) .fs-empty--center>.fs-empty-actions{justify-content:center}:is(.fs-demo,.fs-ui) .fs-empty--inline{display:block;padding:0;border:0;background:transparent;color:var(--fs-muted-foreground)}:is(.fs-demo,.fs-ui) .fs-skeleton{display:grid}:is(.fs-demo,.fs-ui) .fs-skeleton-row{display:grid;gap:var(--fs-space-2);padding:var(--fs-row-py) var(--fs-row-px);border-bottom:var(--fs-border) solid var(--fs-border-color)}:is(.fs-demo,.fs-ui) .fs-skeleton-line{display:block;height:var(--fs-skeleton-h);border-radius:var(--fs-radius-sm);background:linear-gradient(90deg,var(--fs-secondary),var(--fs-raised),var(--fs-secondary)) 0 0 / 200% 100%;animation:fs-ui-shimmer 1.4s ease-in-out infinite}@keyframes fs-ui-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:is(.fs-demo,.fs-ui) .fs-spinner,:is(.fs-demo,.fs-ui) .fs-btn--spinner[aria-busy=true]:after{content:"";flex:none;box-sizing:content-box;width:var(--fs-spinner);height:var(--fs-spinner);border:var(--fs-border-active) solid color-mix(in oklab,currentColor 30%,transparent);border-top-color:currentColor;border-radius:var(--fs-radius-pill);animation:fs-ui-spin .8s linear infinite}:is(.fs-demo,.fs-ui) .fs-spinner{display:inline-block;vertical-align:middle}@keyframes fs-ui-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){:is(.fs-demo,.fs-ui) :is(.fs-skeleton-line,.fs-spinner),:is(.fs-demo,.fs-ui) .fs-btn--spinner[aria-busy=true]:after{animation:none}}html[data-fs-motion=reduced] :is(.fs-demo,.fs-ui) :is(.fs-skeleton-line,.fs-spinner),html[data-fs-motion=reduced] :is(.fs-demo,.fs-ui) .fs-btn--spinner[aria-busy=true]:after{animation:none}:is(.fs-demo,.fs-ui) .fs-stepper-bar{display:flex;align-items:end;gap:var(--fs-stepper-gap);height:var(--fs-stepper-bar);margin:0}:is(.fs-demo,.fs-ui) .fs-stepper-bar>i{flex:1 1 0;height:var(--fs-border-active);border-radius:var(--fs-stepper-radius);background:var(--fs-border-strong)}:is(.fs-demo,.fs-ui) .fs-stepper-bar>i[data-phase-start]:not(:first-child){margin-left:var(--fs-stepper-phase)}:is(.fs-demo,.fs-ui) :is(.fs-stepper-bar>i,.fs-stepper-step)[data-state=done]{--fs-stepper-tone: var(--fs-accent, var(--fs-brand))}:is(.fs-demo,.fs-ui) .fs-stepper-bar>i:is([data-state=done],[data-state=current],[data-state=error]){background:var(--fs-stepper-tone, var(--fs-accent, var(--fs-brand)))}:is(.fs-demo,.fs-ui) .fs-stepper-bar>i:is([data-state=current],[data-state=error]){height:var(--fs-stepper-bar)}:is(.fs-demo,.fs-ui) :is(.fs-stepper-bar>i,.fs-stepper-step)[data-state=error]{--fs-stepper-tone: var(--fs-destructive)}:is(.fs-demo,.fs-ui) .fs-stepper{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--fs-stepper-gap);margin:0;padding:0;list-style:none}:is(.fs-demo,.fs-ui) .fs-stepper-step{display:grid;grid-template-rows:var(--fs-stepper-bar) auto;gap:var(--fs-stepper-label-gap);min-width:0;color:var(--fs-subtle-foreground);font-size:var(--fs-size-12);font-weight:var(--fs-weight-medium)}:is(.fs-demo,.fs-ui) .fs-stepper-step:before{content:"";align-self:end;height:var(--fs-border-active);border-radius:var(--fs-stepper-radius);background:var(--fs-border-strong)}:is(.fs-demo,.fs-ui) .fs-stepper-step:is([data-state=done],[aria-current=step],[data-state=error]):before{background:var(--fs-stepper-tone, var(--fs-accent, var(--fs-brand)))}:is(.fs-demo,.fs-ui) .fs-stepper-step:is([aria-current=step],[data-state=error]):before{height:var(--fs-stepper-bar)}:is(.fs-demo,.fs-ui) .fs-stepper-label{display:flex;align-items:center;gap:var(--fs-space-1);min-width:0;padding-inline-end:var(--fs-space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.fs-demo,.fs-ui) .fs-stepper-step[data-state=done]{color:var(--fs-muted-foreground)}:is(.fs-demo,.fs-ui) .fs-stepper-step[data-state=done]>.fs-stepper-label:before{content:"\2713";content:"\2713" / "";color:var(--fs-accent, var(--fs-brand));font-weight:var(--fs-weight-bold)}:is(.fs-demo,.fs-ui) .fs-stepper-step[aria-current=step]{color:var(--fs-foreground);font-weight:var(--fs-weight-strong)}:is(.fs-demo,.fs-ui) .fs-stepper-step[data-state=error]{color:var(--fs-destructive)}@media(max-width:767px){:is(.fs-demo,.fs-ui) .fs-stepper{position:relative;padding-bottom:var(--fs-stepper-label-h)}:is(.fs-demo,.fs-ui) .fs-stepper-label{display:none}:is(.fs-demo,.fs-ui) .fs-stepper-step[aria-current=step]>.fs-stepper-label{position:absolute;bottom:0;left:0;display:flex}}:is(.fs-demo,.fs-ui) :has(>.fs-tooltip){position:relative}:is(.fs-demo,.fs-ui) .fs-tooltip{position:absolute;top:50%;left:calc(100% + var(--fs-space-2));z-index:20;width:max-content;max-width:var(--fs-tooltip-w);padding:var(--fs-space-1) var(--fs-space-2);border:var(--fs-border) solid var(--fs-border-color);border-radius:var(--fs-radius);background:var(--fs-raised);box-shadow:var(--fs-shadow-pop);color:var(--fs-foreground);font:var(--fs-weight-regular) var(--fs-size-12) / 1.4 var(--fs-font-ui);letter-spacing:0;text-align:left;text-transform:none;white-space:normal;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--fs-dur-fast)}:is(.fs-demo,.fs-ui) .fs-tooltip--below{top:calc(100% + var(--fs-space-1));left:50%;transform:translate(-50%)}@media(max-width:767px){:is(.fs-demo,.fs-ui) .fs-tooltip{top:calc(100% + var(--fs-space-1));right:0;left:auto;transform:none}}:is(.fs-demo,.fs-ui) .fs-tooltip.fs-tooltip--fixed{position:fixed;top:var(--fs-tooltip-y);left:calc(var(--fs-tooltip-x) + var(--fs-space-2));right:auto;transform:translateY(-50%)}@media(hover:hover){:is(.fs-demo,.fs-ui) :hover>.fs-tooltip{opacity:1}}:is(.fs-demo,.fs-ui) :focus-visible>.fs-tooltip{opacity:1}:is(.fs-demo,.fs-ui) [data-fs-tip-off]>.fs-tooltip{opacity:0}@media(prefers-reduced-motion:reduce){:is(.fs-demo,.fs-ui) .fs-tooltip{transition:none}}:is(.fs-demo,.fs-ui) .fs-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fs-space-3);color:var(--fs-muted-foreground);font-size:var(--fs-size-14)}:is(.fs-demo,.fs-ui) .fs-pagination[hidden]{display:none}:is(.fs-demo,.fs-ui) .fs-pagination--more{display:grid;justify-items:center;gap:var(--fs-space-2)}:is(.fs-demo,.fs-ui) .fs-pagination-status{margin:0;color:var(--fs-muted-foreground);font-size:var(--fs-size-14)}:is(.fs-demo,.fs-ui) .fs-pagination-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fs-space-1);margin:0;padding:0;list-style:none}:is(.fs-demo,.fs-ui) .fs-pagination-page{display:inline-grid;place-items:center;min-width:var(--fs-ctl-h);min-height:var(--fs-ctl-h);padding:0 var(--fs-space-2);border:var(--fs-border) solid var(--fs-border-color);border-radius:var(--fs-radius);color:var(--fs-foreground);font:var(--fs-weight-medium) var(--fs-size-14) / 1 var(--fs-font-mono);font-variant-numeric:tabular-nums;text-decoration:none}:is(.fs-demo,.fs-ui) .fs-pagination-page[aria-current=page]{border-color:var(--fs-accent, var(--fs-brand));background:var(--fs-accent, var(--fs-brand));color:var(--fs-primary-foreground);font-weight:var(--fs-weight-bold)}:is(.fs-demo,.fs-ui) .fs-pagination-gap{min-width:var(--fs-space-5);color:var(--fs-muted-foreground);text-align:center}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-pagination-page:not([aria-current=page]):hover{border-color:var(--fs-border-strong)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fs-ui-surface.css.map */