/* brio v0.3.0 | Generated by Brio - do not edit directly */

@layer blocks{brio-color-mode.as-cycle-below-md>[data-theme-value=cycle]{display:none}@media(max-width:47.999rem){brio-color-mode.as-cycle-below-md>.button-group{display:none}brio-color-mode.as-cycle-below-md>[data-theme-value=cycle]{display:inline-flex}}brio-color-mode>[data-theme-value=cycle] [data-icon-for]{display:none}brio-color-mode[data-current-mode=light]>[data-theme-value=cycle] [data-icon-for=light],brio-color-mode[data-current-mode=system]>[data-theme-value=cycle] [data-icon-for=system],brio-color-mode[data-current-mode=dark]>[data-theme-value=cycle] [data-icon-for=dark]{display:inline-flex}}@layer blocks{.dropzone{--dropzone-border-color: var(--color-border-strong);--dropzone-border-style: dashed;--dropzone-border-width: 2px;--dropzone-bg: var(--color-surface);--dropzone-color: var(--color-text-muted);--dropzone-icon-color: var(--color-text-subtle);--dropzone-radius: var(--radius-md);--dropzone-padding-x: var(--ui-pad-x-spacious);--dropzone-padding-y: var(--ui-pad-y-spacious);--dropzone-gap: var(--gap-snug);--dropzone-font-size: var(--ui-text-sm);--dropzone-transition: border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dropzone-gap);padding:var(--dropzone-padding-y) var(--dropzone-padding-x);border:var(--dropzone-border-width) var(--dropzone-border-style) var(--dropzone-border-color);border-radius:var(--dropzone-radius);background-color:var(--dropzone-bg);color:var(--dropzone-color);font-size:var(--dropzone-font-size);text-align:center;cursor:pointer;transition:var(--dropzone-transition);:where(svg){color:var(--dropzone-icon-color);transition:color var(--duration-fast) var(--ease-out)}&:hover,&.is-dragover{--dropzone-border-color: var(--color-primary);--dropzone-bg: var(--color-primary-subtle);--dropzone-color: var(--color-primary-text);--dropzone-icon-color: var(--color-primary)}&:focus-within{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:var(--outline-offset-tight)}&.is-accepted{--dropzone-border-color: var(--color-success);--dropzone-bg: var(--color-success-subtle);--dropzone-color: var(--color-success-text);--dropzone-icon-color: var(--color-success)}&.is-rejected{--dropzone-border-color: var(--color-danger);--dropzone-bg: var(--color-danger-subtle);--dropzone-color: var(--color-danger-text);--dropzone-icon-color: var(--color-danger)}&:has(input[type=file][aria-invalid=true]){--dropzone-border-color: var(--color-danger)}& input[type=file]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}}@layer blocks{brio-media{--brio-media-bg: var(--color-surface);--brio-media-border: var(--color-border-subtle);--brio-media-radius: var(--radius-md);--brio-media-controls-color: var(--color-text);--brio-media-controls-hover: color-mix(in oklch, currentColor 10%, transparent);--brio-media-time-color: var(--color-text-muted);--brio-media-track-h: .25rem;--brio-media-track-bg: var(--color-fill);--brio-media-track-fill: var(--color-primary);--brio-media-thumb-size: .875rem;--brio-media-thumb-bg: var(--color-primary);display:block;position:relative;background-color:var(--brio-media-bg);border:var(--border-width-default) solid var(--brio-media-border);border-radius:var(--brio-media-radius);overflow:hidden}brio-media>video{display:block;inline-size:100%;block-size:auto;background-color:#000}brio-media>audio{inline-size:100%}.brio-media-controls{display:flex;align-items:center;gap:var(--gap-snug);padding:var(--ui-pad-y-tight) var(--ui-pad-x-snug);background-color:var(--brio-media-bg);color:var(--brio-media-controls-color);border-block-start:var(--border-width-default) solid var(--brio-media-border)}brio-media:has(audio) .brio-media-controls{border-block-start:none}.brio-media-controls>button{appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-pad-square-tight);background-color:transparent;color:inherit;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);&:hover,&:active{background-color:var(--brio-media-controls-hover)}&:focus-visible{outline:var(--border-width-thick) solid var(--color-focus);outline-offset:var(--outline-offset)}&:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}>svg{inline-size:var(--icon-size);block-size:var(--icon-size);flex-shrink:0}}.brio-media-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--ui-text-xs);color:var(--brio-media-time-color);white-space:nowrap}.brio-media-controls input[type=range]{appearance:none;background:transparent;cursor:pointer;block-size:var(--brio-media-thumb-size);margin:0;outline:none;&:disabled{opacity:.5;cursor:not-allowed}}.brio-media-controls input[type=range]::-webkit-slider-runnable-track{block-size:var(--brio-media-track-h);border-radius:var(--radius-pill);background:linear-gradient(to right,var(--brio-media-track-fill) calc(var(--value, 0) * 1%),var(--brio-media-track-bg) 0)}.brio-media-controls input[type=range]::-moz-range-track{block-size:var(--brio-media-track-h);border-radius:var(--radius-pill);background:var(--brio-media-track-bg);border:none}.brio-media-controls input[type=range]::-moz-range-progress{block-size:var(--brio-media-track-h);border-radius:var(--radius-pill);background:var(--brio-media-track-fill)}.brio-media-controls input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;inline-size:var(--brio-media-thumb-size);block-size:var(--brio-media-thumb-size);border-radius:var(--radius-pill);background:var(--brio-media-thumb-bg);border:0;margin-block-start:calc((var(--brio-media-track-h) - var(--brio-media-thumb-size)) / 2);opacity:0;transition:opacity var(--transition-fast)}.brio-media-controls input[type=range]::-moz-range-thumb{box-sizing:border-box;inline-size:var(--brio-media-thumb-size);block-size:var(--brio-media-thumb-size);border-radius:var(--radius-pill);background:var(--brio-media-thumb-bg);border:0;opacity:0;transition:opacity var(--transition-fast)}.brio-media-controls input[type=range]:hover::-webkit-slider-thumb,.brio-media-controls input[type=range]:active::-webkit-slider-thumb,.brio-media-controls input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.brio-media-controls input[type=range]:hover::-moz-range-thumb,.brio-media-controls input[type=range]:active::-moz-range-thumb,.brio-media-controls input[type=range]:focus-visible::-moz-range-thumb{opacity:1}.brio-media-controls input[type=range]:focus-visible{outline:var(--border-width-thick) solid var(--color-focus);outline-offset:var(--outline-offset);border-radius:var(--radius-pill)}.brio-media-timeline{flex:1;min-inline-size:0;inline-size:auto}.brio-media-volume{inline-size:4rem;flex-shrink:0}brio-media:fullscreen{--brio-media-radius: 0;background-color:#000;display:flex;flex-direction:column}brio-media:fullscreen>video{flex:1;block-size:100%;object-fit:contain}brio-media[overlay]:has(video){--brio-media-overlay-scrim: oklch(0% 0 0 / .85);--brio-media-overlay-fade: opacity var(--duration-normal) var(--ease-in-out);--brio-media-overlay-play-size: 2.5rem;--brio-media-controls-color: oklch(100% 0 0);--brio-media-controls-hover: oklch(100% 0 0 / .18);--brio-media-time-color: oklch(100% 0 0 / .9);--brio-media-track-bg: oklch(100% 0 0 / .3);--brio-media-track-fill: oklch(100% 0 0);--brio-media-thumb-bg: oklch(100% 0 0)}brio-media[overlay]:has(video) .brio-media-controls{position:absolute;inset-inline:0;inset-block-end:0;flex-wrap:wrap;padding:var(--ui-pad-y-snug) var(--ui-pad-x-relaxed);background:transparent;border-block-start:none;isolation:isolate;transition:var(--brio-media-overlay-fade)}brio-media[overlay]:has(video) .brio-media-controls:before{content:"";position:absolute;inset-inline:0;inset-block-end:0;inset-block-start:-2.5rem;background:linear-gradient(to top,var(--brio-media-overlay-scrim) 0%,oklch(0% 0 0 / .72) 25%,oklch(0% 0 0 / .5) 50%,oklch(0% 0 0 / .25) 75%,oklch(0% 0 0 / .08) 90%,transparent 100%);pointer-events:none;z-index:-1}brio-media[overlay]:has(video) .brio-media-timeline{flex:1 1 100%;order:-1}brio-media[overlay]:has(video) .brio-media-time{margin-inline-start:auto}brio-media[overlay]:has(video) .brio-media-play{inline-size:var(--brio-media-overlay-play-size);block-size:var(--brio-media-overlay-play-size);border-radius:var(--radius-pill);>svg{inline-size:1.25rem;block-size:1.25rem}}brio-media[overlay][idle] .brio-media-controls{opacity:0;pointer-events:none}brio-media[overlay][idle]{cursor:none}}@layer blocks{.avatar{--avatar-size: 2.5rem;--avatar-radius: var(--radius-pill);--avatar-bg: var(--color-fill-strong);--avatar-color: var(--color-text-muted);--avatar-status-size: calc(var(--avatar-size) * .3);--avatar-status-ring: var(--color-surface);position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);flex-shrink:0;border-radius:var(--avatar-radius);background-color:var(--avatar-bg);color:var(--avatar-color);font-size:calc(var(--avatar-size) * .4);font-weight:var(--font-weight-semibold);& img{inline-size:100%;block-size:100%;object-fit:cover;border-radius:inherit}>span:not(.avatar-status){line-height:1;text-transform:uppercase;user-select:none}& svg{inline-size:calc(var(--avatar-size) * .55);block-size:calc(var(--avatar-size) * .55);color:var(--avatar-color)}}.avatar.is-sm{--avatar-size: 1.75rem}.avatar.is-lg{--avatar-size: 3.5rem}.avatar.is-xl{--avatar-size: 5rem}.avatar.as-square{--avatar-radius: var(--radius-md)}.avatar-status{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:var(--avatar-status-size);block-size:var(--avatar-status-size);border-radius:var(--radius-pill);border:2px solid var(--avatar-status-ring);background-color:var(--color-text-subtle);&.is-online{background-color:var(--color-success)}&.is-away{background-color:var(--color-warning)}&.is-busy{background-color:var(--color-danger)}&.is-offline{background-color:var(--color-text-subtle)}}.avatar-group{--avatar-group-offset: -.75rem;--avatar-group-border: 2px solid var(--color-surface);display:inline-flex}.avatar-group>.avatar{border:var(--avatar-group-border);&:not(:first-child){margin-inline-start:var(--avatar-group-offset)}}}@layer blocks{.clamp-text,brio-clamp-text{--clamp-lines: 3;--clamp-fade-height: calc(.5em * var(--clamp-lines));--clamp-fade-color: var(--color-surface, oklch(100% 0 0));position:relative}brio-clamp-text:not([aria-expanded=true]) .clamp-text-content,.clamp-text:not([aria-expanded=true]) .clamp-text-content{display:-webkit-box;-webkit-line-clamp:var(--clamp-lines);-webkit-box-orient:vertical;overflow:hidden;mask-image:linear-gradient(to bottom,black calc(100% - var(--clamp-fade-height)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--clamp-fade-height)),transparent 100%)}brio-clamp-text[aria-expanded=true] .clamp-text-content,.clamp-text[aria-expanded=true] .clamp-text-content{display:block;overflow:visible;mask-image:none;-webkit-mask-image:none}.clamp-text-content{display:block}.clamp-text-toggle{margin-block-start:var(--space-xs);cursor:pointer}.clamp-text.is-1-line{--clamp-lines: 1}.clamp-text.is-2-lines{--clamp-lines: 2}.clamp-text.is-3-lines{--clamp-lines: 3}.clamp-text.is-4-lines{--clamp-lines: 4}.clamp-text.is-5-lines{--clamp-lines: 5}}@layer blocks{@keyframes shimmer{to{background-position:-200% center}}@media(prefers-reduced-motion:reduce){@keyframes shimmer{}}.skeleton{--skeleton-color: var(--color-fill-strong);--skeleton-highlight: var(--color-fill);--skeleton-radius: var(--radius-sm);display:block;background-color:var(--skeleton-color);border-radius:var(--skeleton-radius);min-block-size:1rem}.skeleton.is-circle{--skeleton-size: 2.5rem;inline-size:var(--skeleton-size);block-size:var(--skeleton-size);min-block-size:unset;border-radius:var(--radius-pill)}.skeleton-shimmer .skeleton{background:linear-gradient(90deg,var(--skeleton-color) 25%,var(--skeleton-highlight) 50%,var(--skeleton-color) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}}@layer blocks{.breadcrumb{--breadcrumb-gap: var(--gap-tight);--breadcrumb-font-size: var(--ui-text-sm);--breadcrumb-separator: "/";--breadcrumb-separator-color: var(--color-text-subtle);--breadcrumb-item-max-inline-size: none;font-size:var(--breadcrumb-font-size);& ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-gap);list-style:none;padding:0;margin:0}& li{display:flex;align-items:center;gap:var(--breadcrumb-gap)}& li+li:before{content:var(--breadcrumb-separator);color:var(--breadcrumb-separator-color)}& a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast);&:hover{color:var(--color-link-hover);text-decoration:underline}&:focus-visible{outline:var(--border-width-thick) solid var(--color-focus);outline-offset:var(--outline-offset-inset)}}[aria-current=page]{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}[aria-current=page],a{max-inline-size:var(--breadcrumb-item-max-inline-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.breadcrumb.is-condensed{container-type:inline-size}@container (max-inline-size: 30rem){.breadcrumb.is-condensed>ol>li:not(:first-child):not(:nth-last-child(-n+2)){display:none}.breadcrumb.is-condensed>ol>li:nth-last-child(2):before{content:"\2026  " var(--breadcrumb-separator)}}}@layer blocks{.pagination{--pagination-gap: var(--gap-tight);--pagination-item-size: 2.25rem;--pagination-radius: var(--radius-sm);--pagination-font-size: var(--ui-text-sm);--pagination-item-bg-hover: var(--color-fill);--pagination-item-active-bg: var(--color-state-bg);--pagination-item-active-color: var(--color-primary);display:flex;align-items:center;gap:var(--gap-relaxed);font-size:var(--pagination-font-size)}.pagination-list{display:flex;align-items:center;gap:var(--pagination-gap);list-style:none;padding:0;margin:0}.pagination-item{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--pagination-item-size);block-size:var(--pagination-item-size);padding-inline:var(--ui-pad-x-compact);border-radius:var(--pagination-radius);text-decoration:none;color:var(--color-text);transition:color var(--transition-fast),background-color var(--transition-fast);&:hover:not([aria-current],.is-ellipsis){background-color:var(--pagination-item-bg-hover)}&:focus-visible{outline:var(--border-width-thick) solid var(--color-focus);outline-offset:var(--outline-offset-inset)}&[aria-current=page]{background-color:var(--pagination-item-active-bg);color:var(--pagination-item-active-color);font-weight:var(--font-weight-semibold)}&.is-ellipsis{cursor:default;color:var(--color-text-muted)}}.pagination-prev,.pagination-next{display:inline-flex;align-items:center;gap:var(--gap-tight);padding:var(--ui-pad-y-compact) var(--ui-pad-x-compact);border-radius:var(--pagination-radius);text-decoration:none;color:var(--color-text);transition:color var(--transition-fast),background-color var(--transition-fast);&:hover{background-color:var(--pagination-item-bg-hover)}&:focus-visible{outline:var(--border-width-thick) solid var(--color-focus);outline-offset:var(--outline-offset-inset)}&[disabled],&.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}}.pagination.is-compact{--pagination-item-size: 1.75rem;--pagination-font-size: var(--ui-text-xs);--pagination-gap: var(--gap-compact)}.pagination.is-condensed{container-type:inline-size}@container (max-inline-size: 28rem){.pagination.is-condensed .pagination-label{display:none}}}@layer blocks{.trend{--trend-color: var(--color-text-subtle);display:inline-flex;align-items:center;gap:var(--gap-compact);color:var(--trend-color);font-weight:var(--font-weight-semibold);white-space:nowrap}.trend.is-up{--trend-color: var(--color-success)}.trend.is-down{--trend-color: var(--color-danger)}.trend.is-neutral{--trend-color: var(--color-text-subtle)}}@layer blocks{.stat{--stat-gap: var(--gap-tight);--stat-label-size: var(--step--1);--stat-value-size: var(--step-3);--stat-description-size: var(--step--1);--stat-label-color: var(--color-text-muted);--stat-value-color: var(--color-text);display:grid;gap:var(--stat-gap);min-inline-size:0;&:where(dl){margin:0}&:where(dl) :where(dd){margin-inline-start:0}.stat-label{font-size:var(--stat-label-size);font-weight:var(--font-weight-medium);color:var(--stat-label-color);line-height:var(--leading-heading)}.stat-value{font-size:var(--stat-value-size);font-weight:var(--font-weight-bold);color:var(--stat-value-color);line-height:1;letter-spacing:var(--letter-spacing-tight)}.stat-description{font-size:var(--stat-description-size);color:var(--color-text-muted);line-height:var(--leading-body)}}.stat.is-compact{--stat-value-size: var(--step-2);--stat-gap: var(--gap-tight)}}@layer blocks{.timeline{--timeline-gap: var(--space-md);--timeline-line-color: var(--color-border);--timeline-dot-size: .625rem;--timeline-dot-color: var(--color-primary);display:grid;grid-template-columns:auto 1fr;gap:0 var(--timeline-gap)}.timeline-marker{display:flex;flex-direction:column;align-items:center;gap:0}.timeline-dot{inline-size:var(--timeline-dot-size);block-size:var(--timeline-dot-size);border-radius:var(--radius-pill);background-color:var(--timeline-dot-color);flex-shrink:0;margin-block-start:.45em}.timeline-line{inline-size:1px;flex:1;background-color:var(--timeline-line-color)}.timeline-line.is-dashed{background:repeating-linear-gradient(to bottom,var(--timeline-line-color) 0 4px,transparent 4px 8px)}.timeline-content{padding-block-end:var(--timeline-gap)}.timeline-content:last-child{padding-block-end:0}.timeline>.timeline-marker:has(+.timeline-content:last-child) .timeline-line{background:none}.timeline-dot.is-success{--timeline-dot-color: var(--color-success)}.timeline-dot.is-warning{--timeline-dot-color: var(--color-warning)}.timeline-dot.is-danger{--timeline-dot-color: var(--color-danger)}.timeline-dot.is-accent{--timeline-dot-color: var(--color-accent)}.timeline-dot.is-neutral{--timeline-dot-color: var(--color-text-subtle)}}@layer blocks{.stepper{--stepper-gap: var(--gap-snug);--stepper-connector-min: var(--space-lg);--cluster-wrap: nowrap}.stepper .step{display:flex;align-items:center;gap:var(--stepper-gap);white-space:nowrap}.stepper .step.is-upcoming{color:var(--color-text-muted)}.stepper .step[aria-current=step] .step-label{font-weight:var(--font-weight-semibold)}.stepper-connector{flex:1;min-inline-size:var(--stepper-connector-min);margin:0}.stepper.is-compact{--stepper-connector-min: var(--space-sm)}.stepper.is-compact .step-label{display:none}.stepper.is-condensed{container-type:inline-size}@container (max-inline-size: 30rem){.stepper.is-condensed{--stepper-connector-min: var(--space-sm)}.stepper.is-condensed .step-label{display:none}}}@layer blocks{.rating{--rating-size: 1.5rem;--rating-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01z'/%3E%3C/svg%3E");--rating-color: var(--color-border);--rating-active: var(--color-warning);--rating-gap: var(--gap-compact);display:inline-flex;align-items:center;gap:var(--rating-gap)}.rating input{position:absolute;inline-size:0;block-size:0;opacity:0;pointer-events:none}.rating label,.rating.is-readonly .star{display:block;inline-size:var(--rating-size);block-size:var(--rating-size);background-color:var(--rating-color);mask:var(--rating-icon) center / contain no-repeat;-webkit-mask:var(--rating-icon) center / contain no-repeat}.rating label{cursor:pointer;transition:background-color var(--transition-fast)}.rating:not(:has(label:hover)) input:checked+label,.rating:not(:has(label:hover)) label:has(~input:checked){background-color:var(--rating-active)}.rating label:hover,.rating label:has(~label:hover){background-color:var(--rating-active)}.rating input:focus-visible+label{outline:var(--border-width-thick) solid var(--color-focus);outline-offset:var(--outline-offset);border-radius:var(--radius-sm)}.rating.is-readonly .star.is-filled{background-color:var(--rating-active)}.rating.is-sm{--rating-size: 1rem}.rating.is-lg{--rating-size: 2rem}}@layer blocks{@keyframes progress-indeterminate{0%{inset-inline-start:-30%;inline-size:30%}50%{inline-size:50%}to{inset-inline-start:100%;inline-size:30%}}@media(prefers-reduced-motion:reduce){@keyframes progress-indeterminate{0%{inset-inline-start:0;inline-size:100%;opacity:.5}50%{opacity:1}to{opacity:.5}}}.progress{--progress-height: .5rem;--progress-radius: var(--radius-pill);--progress-bg: var(--color-fill);--progress-fill: var(--color-primary-soft);--progress-label-color: var(--color-text);--progress-transition: var(--transition-normal);display:flex;block-size:var(--progress-height);border-radius:var(--progress-radius);background-color:var(--progress-bg);overflow:hidden;&.is-sm{--progress-height: .25rem}&.is-lg{--progress-height: 1rem}}.progress-bar{display:flex;align-items:center;justify-content:center;background-color:var(--progress-fill);border-radius:inherit;color:var(--progress-label-color);font-size:var(--ui-text-xs);font-weight:var(--font-weight-semibold);transition:inline-size var(--progress-transition);&.is-success{--progress-fill: var(--color-success-soft)}&.is-warning{--progress-fill: var(--color-warning-soft)}&.is-danger{--progress-fill: var(--color-danger-soft)}}.progress.is-stacked .progress-bar{border-radius:0}.progress.is-stacked .progress-bar:first-child{border-start-start-radius:var(--progress-radius);border-end-start-radius:var(--progress-radius)}.progress.is-stacked .progress-bar:last-child{border-start-end-radius:var(--progress-radius);border-end-end-radius:var(--progress-radius)}.progress.is-indeterminate{position:relative}.progress.is-indeterminate .progress-bar{position:absolute;inset-block:0;animation:progress-indeterminate 1.5s ease-in-out infinite}.progress-ring{--progress-ring-size: 5rem;--progress-ring-width: .375rem;--progress-fill: var(--color-primary-soft);--progress-bg: var(--color-fill);--progress-ring-cutout-bg: var(--color-surface);--progress-value: 0;position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--progress-ring-size);block-size:var(--progress-ring-size);border-radius:var(--radius-pill);background:conic-gradient(var(--progress-fill) calc(var(--progress-value) * 1% - .5%),var(--progress-bg) calc(var(--progress-value) * 1% + .5%));&:after{content:"";position:absolute;inset:var(--progress-ring-width);border-radius:var(--radius-pill);background-color:var(--progress-ring-cutout-bg)}>span{position:relative;z-index:1;font-size:var(--ui-text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}&.is-success{--progress-fill: var(--color-success-soft)}&.is-warning{--progress-fill: var(--color-warning-soft)}&.is-danger{--progress-fill: var(--color-danger-soft)}&.is-sm{--progress-ring-size: 3rem;--progress-ring-width: .25rem}&.is-sm>span{font-size:var(--ui-text-xs)}&.is-lg{--progress-ring-size: 8rem;--progress-ring-width: .5rem}&.is-lg>span{font-size:var(--ui-text-base)}}}
/*# sourceMappingURL=brio-extras.css.map */