natura11y
Version:
Natura11y is an open-source design system for creating beautiful web interfaces with a focus on accessible interaction design and front-end development.
1 lines • 260 kB
CSS
@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap);@layer base, component, utility;:root{--focus-outline-width:calc(var(--border-width)*2);--focus-outline-style:solid;--focus-outline-offset:calc(var(--focus-outline-width)*-1);--bp-:0;--bp-sm:576px;--bp-md:768px;--bp-lg:992px;--bp-xl:1200px;--bp-xxl:1440px;--current-bp:"sm";--primary:#440381;--secondary:#fc6;--dark:#1f163f;--light:#f2edeb;--canvas:#fff;--primary-text:#fff;--primary-border:rgba(0,0,0,.25);--primary-link:currentColor;--primary-confirm:#16db93;--primary-warn:#ff73aa;--secondary-text:var(--dark);--secondary-border:rgba(0,0,0,.25);--secondary-link:currentColor;--secondary-confirm:#41e0f2;--secondary-warn:#ffa3a4;--dark-text:#fff;--dark-border:hsla(0,0%,100%,.125);--dark-link:#21b2fa;--dark-confirm:#00a242;--dark-warn:#fe3c3e;--light-text:var(--dark);--light-border:hsla(0,0%,50%,.25);--light-link:#06c;--light-confirm:#007e35;--light-warn:#ce1736;--canvas-text:var(--dark);--canvas-border:hsla(0,0%,50%,.25);--canvas-link:#06c;--canvas-confirm:#008237;--canvas-warn:#e4193c;--subtle-fill-1:color-mix(in srgb,currentColor 5%,transparent);--subtle-fill-2:color-mix(in srgb,currentColor 10%,transparent);--border-width:1px;--border-style:solid;--border-radius-base:1rem;--border-radius-0:0;--border-radius-1:calc(var(--border-radius-base)*0.25);--border-radius-2:calc(var(--border-radius-base)*0.5);--border-radius-3:calc(var(--border-radius-base)*1);--border-radius-pill:9999px;--button-padding-x:1.25em;--button-padding-y:0.5em;--button-target-size:2.5em;--button-font-family:var(--body-font-family);--button-font-weight:var(--font-weight-bold);--button-text-transform:initial;--button-letter-spacing:normal;--button-border-radius:0.25em;--button-outline-border-width:calc(var(--border-width)*2);--button-icon-over-text-width:4em;--button-icon-over-text-border-radius:var(--button-border-radius);--button-icon-over-text-font-size:0.675em;--collapse-animation-duration:0.25s;--spacer-base:1rem;--spacer-1:calc(var(--spacer-base)*0.5);--spacer-2:calc(var(--spacer-base)*1);--spacer-3:calc(var(--spacer-base)*1.5);--spacer-4:calc(var(--spacer-base)*2.5);--spacer-5:calc(var(--spacer-base)*4);--spacer-6:calc(var(--spacer-base)*6.5);--body-min-width:325px;--body-max-width:100dvw;--body-min-height:100%;--html-scroll-behavior:smooth;interpolate-size:allow-keywords;--icon-size:1.25em;--icon-font-family:"natura11y-icons";--accordion-button-padding-x:var(--container-padding-x);--accordion-button-padding-y:0.75em;--accordion-panel-padding-x:var(--accordion-button-padding-x);--accordion-panel-padding-y:1em;--accordion-active-color:currentColor;--accordion-icon-closed:"";--accordion-icon-open:"";--accordion-animation-duration:0.3s;--accordion-gap-size:0.2em;--alert-padding-x:var(--spacer-2);--alert-padding-y:var(--spacer-2);--alert-max-width:calc(var(--wide-width) - var(--container-padding-x)*2);--nav-gap:0.875em;--nav-divider-padding-x:var(--container-padding-x);--nav-divider-padding-y:0.625em;--nav-font-family:var(--font-family-sans-serif);--breadcrumb-font-size:var(--font-size-md);--backdrop-fixed-height:400px;--backdrop-media-control-inset:0 0 auto auto;--backdrop-media-credit-inset:auto 0 0 auto;--badge-padding-x:1em;--badge-padding-y:0.375em;--badge-background-color:color-mix(in srgb,currentColor 10%,transparent);--badge-border-radius:var(--border-radius-pill);--badge-font-size:var(--font-size-sm);--badge-font-weight:var(--font-weight-bold);--badge-font-family:var(--body-font-family);--badge-gap:0.25em;--card-padding-x:var(--container-padding-x);--card-padding-y:var(--container-padding-x);--container-padding-x-sm:var(--spacer-2);--container-padding-x-lg:var(--spacer-3);--container-padding-x:var(--container-padding-x-sm);--narrow-width:min(44rem,85vw);--medium-width:min(var(--narrow-width) * 1.5,90vw);--wide-width:min(var(--narrow-width) * 2.25,95vw);--form-entry-padding-x:1em;--form-entry-padding-y:var(--button-padding-y);--form-entry-target-size:var(--button-target-size);--form-entry-border-width:var(--border-width);--form-entry-border-color:currentColor;--form-entry-border-radius:var(--border-radius-1);--form-entry-option-group-border-color:var(--form-entry-border-color);--icon-required:"";--icon-checkbox-unchecked:"";--icon-checkbox-checked:"";--icon-radio-unchecked:"";--icon-radio-checked:"";--icon-disabled:"";--gradient-direction-start:clamp(25%,50%,75%);--gradient-vignette-start:75%;--gradient-vignette-center:50%;--gradient-mask-opacity:1;--grid-divider-gap:var(--spacer-3);--grid-divider-border-width:var(--border-width);--grid-divider-border-x-color:var(--canvas-border);--grid-divider-border-y-color:var(--canvas-border);--grid-sidebar-width:300px;--lightbox-padding-x:var(--spacer-2);--lightbox-padding-y:var(--spacer-2);--lightbox-text-color:#fff;--lightbox-overlay-color:#000;--lightbox-overlay-opacity:0.8;--lightbox-media-border-radius:0;--lightbox-media-shadow:0 0.125rem 1rem 0.5rem rgba(0,0,0,.25);--lightbox-z-index:10000;--lightbox-caption-text-align:center;--lightbox-animation-duration:0.35s;--lightbox-animation-translate-x:2rem;--lightbox-thumbnail-icon-image:"";--lightbox-thumbnail-icon-video:"";--flyout-width:min(360px,85dvw);--flyout-z-index:10000;--modal-padding-x:var(--spacer-2);--modal-padding-y:var(--spacer-2);--modal-overlay-color:#000;--modal-overlay-opacity:0.75;--modal-z-index:50000;--modal-animation-duration:0.35s;--modal-animation-translate-y:2rem;--nav-nested-padding-x:var(--nav-divider-padding-x);--nav-nested-padding-y:0.5em;--nav-nested-parent-font-size:var(--font-size-md);--nav-nested-child-font-size:var(--font-size-sm);--nav-nested-indicator-width:3px;--nav-nested-indicator-color:currentColor;--main-menu-padding-x:var(--container-padding-x);--main-menu-padding-y:var(--spacer-2);--main-menu-search-width:300px;--pagination-font-size:var(--font-size-md);--pagination-item-size:var(--button-target-size);--pagination-current-text-color:currentColor;--pagination-current-background-color:var(--subtle-fill-2);--position-sticky-offset:0;--box-shadow-hsl:0 0% 0%;--box-shadow-base-size:0.5em;--box-shadow-base-opacity:0.125;--text-shadow-hsl:0 0% 0%;--text-shadow-base-size:0.25rem;--text-shadow-base-opacity:0.5;--tab-button-padding-x:var(--button-padding-x);--tab-button-padding-y:var(--button-padding-y);--tab-nav-text-color:var(--link-color,currentColor);--tab-nav-background-color:var(--subtle-fill-1);--tab-nav-active-text-color:currentColor;--tab-nav-active-background-color:transparent;--tab-nav-active-bar-size:calc(var(--border-width)*3);--tab-nav-active-bar-color:currentColor;--tab-nav-pill-active-text-color:currentColor;--tab-nav-pill-active-background-color:var(--subtle-fill-2);--table-cell-padding-x:var(--spacer-3);--table-cell-padding-y:0.75em;--table-font-size:var(--font-size-md);--table-scroll-min-width:800px;--body-font-family:"Source Sans Pro",sans-serif;--header-font-family:var(--body-font-family);--font-weight-normal:400;--font-weight-medium:600;--font-weight-bold:700;--header-font-weight:var(--font-weight-bold);--base-font-size:1rem;--type-scale:1.2;--font-size-sm:var(--base-font-size);--font-size-md:calc(var(--font-size-sm)*var(--type-scale));--font-size-rg:calc(var(--font-size-md)*var(--type-scale));--font-size-lg:calc(var(--font-size-rg)*var(--type-scale));--font-size-xl:calc(var(--font-size-lg)*var(--type-scale));--h1-font-size:calc(var(--h2-font-size)*var(--type-scale));--h2-font-size:calc(var(--h3-font-size)*var(--type-scale));--h3-font-size:calc(var(--h4-font-size)*var(--type-scale));--h4-font-size:calc(var(--h5-font-size)*var(--type-scale));--h5-font-size:calc(var(--h6-font-size)*var(--type-scale));--h6-font-size:var(--font-size-rg);--banner-headline-font-size:calc(var(--h1-font-size)*var(--type-scale));--banner-headline-font-weight:var(--font-weight-normal);--body-line-height:1.5;--header-line-height:1.175;--paragraph-margin-bottom:1.25em;--header-margin-bottom:0.25em;--blockquote-border-width:var(--border-width);--blockquote-border-color:currentColor;--blockquote-font-size:1.25em;--panel-peeking:calc(var(--container-padding-x)*2)}.button--icon-over-text:focus-visible>[class*=icon],.is-focused .form-entry__field__input,.is-focused .form-entry__field__select,:is(a,button):focus-visible,[tabindex="-1"]:focus-visible{outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color,var(--link-color,currentColor));outline-offset:var(--focus-outline-offset)}@layer base{:is(a,button):is([class*=backdrop],[class*=card]):focus-visible{position:relative;z-index:1}:is(a,button):is([class*=backdrop],[class*=card]):focus-visible>*{z-index:-1}:is(a,button):is(.button,[class*=badge]){--focus-outline-offset:calc(var(--focus-outline-width)*-2)}:is(a,button)[data-page-index]{--focus-outline-offset:calc(var(--focus-outline-width)*2)}:is(a,button):is(.button--outline,.lightbox-thumbnail,[class*=backdrop],.tabs-nav--pill>li>:is(a,button)){--focus-outline-offset:calc(var(--focus-outline-width)*-3)}[tabindex="-1"]:focus-visible{--focus-outline-offset:calc(var(--focus-outline-width)*-2)}.is-focused .form-entry__field__input,.is-focused .form-entry__field__select{--focus-outline-offset:calc(var(--focus-outline-width)*2)}.button--icon-over-text:focus-visible{outline:unset!important}}@layer utility{.focusable-only,.focusable-only:not(:focus),.screen-reader-only,.skip-links a,.skip-links a:not(:focus){position:absolute}.focusable-only:not(:focus),.screen-reader-only,.skip-links a:not(:focus){clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.focusable-only,.skip-links a{background-color:hsla(0,0%,100%,.95);box-shadow:0 0 .25rem currentColor;color:var(--dark);font-size:var(--font-size-sm);inset-block-start:var(--spacer-1);inset-inline-start:var(--spacer-1);padding:var(--button-padding-y) var(--button-padding-x);z-index:25000}.skip-links a{border-radius:var(--button-border-radius);color:var(--link-color);font-weight:var(--font-weight-bold);inset-block-start:0;inset-inline-start:0;margin:var(--spacer-2);overflow:hidden;position:fixed}.skip-links a:after,.skip-links a:before{content:"";inset:0}.skip-links a:before{background-color:var(--background-color);position:absolute;z-index:-1}.skip-links a:after{background-color:rgba(0,0,0,.5)!important;pointer-events:none;position:fixed;z-index:-2}}@media(min-width:768px){:root{--current-bp:"md"}}@media(min-width:992px){:root{--current-bp:"lg";--container-padding-x:var(--container-padding-x-lg)}}@media(min-width:1200px){:root{--current-bp:"xl"}}@media(min-width:1440px){:root{--current-bp:"xxl"}}@layer utility{.backdrop__media__credit,[class*=theme-],html:not([class*=theme-]){background-color:var(--background-color);border-color:var(--border-color);color:var(--text-color)}.backdrop__media__credit :not(:is([class*=theme-],[class*=border],select,footer)),[class*=theme-] :not(:is([class*=theme-],[class*=border],select,footer)),html:not([class*=theme-]) :not(:is([class*=theme-],[class*=border],select,footer)){border-color:var(--border-color,inherit)}.backdrop__media__credit :is(td>a,.td-content>a,p>a:not([class*=text-color]),.skip-link>a,.text-color-link),[class*=theme-] :is(td>a,.td-content>a,p>a:not([class*=text-color]),.skip-link>a,.text-color-link),html:not([class*=theme-]) :is(td>a,.td-content>a,p>a:not([class*=text-color]),.skip-link>a,.text-color-link){color:var(--link-color)}.backdrop__media__credit .table-scroll__container:after,.backdrop__media__credit :is(select option,[data-toggle=dropdown]~ul,.modal__content),[class*=theme-] .table-scroll__container:after,[class*=theme-] :is(select option,[data-toggle=dropdown]~ul,.modal__content),html:not([class*=theme-]) .table-scroll__container:after,html:not([class*=theme-]) :is(select option,[data-toggle=dropdown]~ul,.modal__content){background-color:var(--background-color)}.backdrop__media__credit .alert--confirm,[class*=theme-] .alert--confirm,html:not([class*=theme-]) .alert--confirm{color:var(--confirm-color)}.backdrop__media__credit .alert--confirm--inverse,[class*=theme-] .alert--confirm--inverse,html:not([class*=theme-]) .alert--confirm--inverse{background-color:var(--confirm-color);color:var(--background-color)}.backdrop__media__credit .form-entry__field__label:after,.backdrop__media__credit .form-entry__field__label:before,.backdrop__media__credit .is-invalid .form-entry__field__input:after,.backdrop__media__credit .is-invalid .form-entry__field__select:after,.backdrop__media__credit :is(.alert--warn,.required-indicator [class*=icon],.is-invalid .form-entry__feedback,.is-invalid [class*=icon-warn],.is-invalid .form-entry__option),[class*=theme-] .form-entry__field__label:after,[class*=theme-] .form-entry__field__label:before,[class*=theme-] .is-invalid .form-entry__field__input:after,[class*=theme-] .is-invalid .form-entry__field__select:after,[class*=theme-] :is(.alert--warn,.required-indicator [class*=icon],.is-invalid .form-entry__feedback,.is-invalid [class*=icon-warn],.is-invalid .form-entry__option),html:not([class*=theme-]) .form-entry__field__label:after,html:not([class*=theme-]) .form-entry__field__label:before,html:not([class*=theme-]) .is-invalid .form-entry__field__input:after,html:not([class*=theme-]) .is-invalid .form-entry__field__select:after,html:not([class*=theme-]) :is(.alert--warn,.required-indicator [class*=icon],.is-invalid .form-entry__feedback,.is-invalid [class*=icon-warn],.is-invalid .form-entry__option){color:var(--warn-color)}.backdrop__media__credit .alert--warn--inverse,[class*=theme-] .alert--warn--inverse,html:not([class*=theme-]) .alert--warn--inverse{background-color:var(--warn-color);color:var(--background-color)}.backdrop__media__credit :is(.active,.has-value) .form-entry__field--float .form-entry__field__label,[class*=theme-] :is(.active,.has-value) .form-entry__field--float .form-entry__field__label,html:not([class*=theme-]) :is(.active,.has-value) .form-entry__field--float .form-entry__field__label{background-color:var(--background-color)}.theme-primary{--background-color:var(--primary);--text-color:var(--primary-text);--border-color:var(--primary-border);--link-color:var(--primary-link);--confirm-color:var(--primary-confirm);--warn-color:var(--primary-warn)}.background-color-primary{--background-color:var(--primary);background-color:var(--background-color)}.text-color-primary{--text-color:var(--primary);color:var(--text-color)}.theme-secondary{--background-color:var(--secondary);--text-color:var(--secondary-text);--border-color:var(--secondary-border);--link-color:var(--secondary-link);--confirm-color:var(--secondary-confirm);--warn-color:var(--secondary-warn)}.background-color-secondary{--background-color:var(--secondary);background-color:var(--background-color)}.text-color-secondary{--text-color:var(--secondary);color:var(--text-color)}.theme-dark{--background-color:var(--dark);--text-color:var(--dark-text);--border-color:var(--dark-border);--link-color:var(--dark-link);--confirm-color:var(--dark-confirm);--warn-color:var(--dark-warn)}.background-color-dark{--background-color:var(--dark);background-color:var(--background-color)}.text-color-dark{--text-color:var(--dark);color:var(--text-color)}.theme-light{--background-color:var(--light);--text-color:var(--light-text);--border-color:var(--light-border);--link-color:var(--light-link);--confirm-color:var(--light-confirm);--warn-color:var(--light-warn)}.background-color-light{--background-color:var(--light);background-color:var(--background-color)}.text-color-light{--text-color:var(--light);color:var(--text-color)}.theme-canvas,html{--background-color:var(--canvas);--text-color:var(--canvas-text);--border-color:var(--canvas-border);--link-color:var(--canvas-link);--confirm-color:var(--canvas-confirm);--warn-color:var(--canvas-warn)}.background-color-canvas{--background-color:var(--canvas);background-color:var(--background-color)}.text-color-canvas{--text-color:var(--canvas);color:var(--text-color)}@media(min-width:576px){.theme-primary--sm{--background-color:var(--primary);--text-color:var(--primary-text);--border-color:var(--primary-border);--link-color:var(--primary-link);--confirm-color:var(--primary-confirm);--warn-color:var(--primary-warn)}.background-color-primary--sm{--background-color:var(--primary);background-color:var(--background-color)}.text-color-primary--sm{--text-color:var(--primary);color:var(--text-color)}.theme-secondary--sm{--background-color:var(--secondary);--text-color:var(--secondary-text);--border-color:var(--secondary-border);--link-color:var(--secondary-link);--confirm-color:var(--secondary-confirm);--warn-color:var(--secondary-warn)}.background-color-secondary--sm{--background-color:var(--secondary);background-color:var(--background-color)}.text-color-secondary--sm{--text-color:var(--secondary);color:var(--text-color)}.theme-dark--sm{--background-color:var(--dark);--text-color:var(--dark-text);--border-color:var(--dark-border);--link-color:var(--dark-link);--confirm-color:var(--dark-confirm);--warn-color:var(--dark-warn)}.background-color-dark--sm{--background-color:var(--dark);background-color:var(--background-color)}.text-color-dark--sm{--text-color:var(--dark);color:var(--text-color)}.theme-light--sm{--background-color:var(--light);--text-color:var(--light-text);--border-color:var(--light-border);--link-color:var(--light-link);--confirm-color:var(--light-confirm);--warn-color:var(--light-warn)}.background-color-light--sm{--background-color:var(--light);background-color:var(--background-color)}.text-color-light--sm{--text-color:var(--light);color:var(--text-color)}.theme-canvas--sm{--background-color:var(--canvas);--text-color:var(--canvas-text);--border-color:var(--canvas-border);--link-color:var(--canvas-link);--confirm-color:var(--canvas-confirm);--warn-color:var(--canvas-warn)}.background-color-canvas--sm{--background-color:var(--canvas);background-color:var(--background-color)}.text-color-canvas--sm{--text-color:var(--canvas);color:var(--text-color)}}@media(min-width:768px){.theme-primary--md{--background-color:var(--primary);--text-color:var(--primary-text);--border-color:var(--primary-border);--link-color:var(--primary-link);--confirm-color:var(--primary-confirm);--warn-color:var(--primary-warn)}.background-color-primary--md{--background-color:var(--primary);background-color:var(--background-color)}.text-color-primary--md{--text-color:var(--primary);color:var(--text-color)}.theme-secondary--md{--background-color:var(--secondary);--text-color:var(--secondary-text);--border-color:var(--secondary-border);--link-color:var(--secondary-link);--confirm-color:var(--secondary-confirm);--warn-color:var(--secondary-warn)}.background-color-secondary--md{--background-color:var(--secondary);background-color:var(--background-color)}.text-color-secondary--md{--text-color:var(--secondary);color:var(--text-color)}.theme-dark--md{--background-color:var(--dark);--text-color:var(--dark-text);--border-color:var(--dark-border);--link-color:var(--dark-link);--confirm-color:var(--dark-confirm);--warn-color:var(--dark-warn)}.background-color-dark--md{--background-color:var(--dark);background-color:var(--background-color)}.text-color-dark--md{--text-color:var(--dark);color:var(--text-color)}.theme-light--md{--background-color:var(--light);--text-color:var(--light-text);--border-color:var(--light-border);--link-color:var(--light-link);--confirm-color:var(--light-confirm);--warn-color:var(--light-warn)}.background-color-light--md{--background-color:var(--light);background-color:var(--background-color)}.text-color-light--md{--text-color:var(--light);color:var(--text-color)}.theme-canvas--md{--background-color:var(--canvas);--text-color:var(--canvas-text);--border-color:var(--canvas-border);--link-color:var(--canvas-link);--confirm-color:var(--canvas-confirm);--warn-color:var(--canvas-warn)}.background-color-canvas--md{--background-color:var(--canvas);background-color:var(--background-color)}.text-color-canvas--md{--text-color:var(--canvas);color:var(--text-color)}}@media(min-width:992px){.theme-primary--lg{--background-color:var(--primary);--text-color:var(--primary-text);--border-color:var(--primary-border);--link-color:var(--primary-link);--confirm-color:var(--primary-confirm);--warn-color:var(--primary-warn)}.background-color-primary--lg{--background-color:var(--primary);background-color:var(--background-color)}.text-color-primary--lg{--text-color:var(--primary);color:var(--text-color)}.theme-secondary--lg{--background-color:var(--secondary);--text-color:var(--secondary-text);--border-color:var(--secondary-border);--link-color:var(--secondary-link);--confirm-color:var(--secondary-confirm);--warn-color:var(--secondary-warn)}.background-color-secondary--lg{--background-color:var(--secondary);background-color:var(--background-color)}.text-color-secondary--lg{--text-color:var(--secondary);color:var(--text-color)}.theme-dark--lg{--background-color:var(--dark);--text-color:var(--dark-text);--border-color:var(--dark-border);--link-color:var(--dark-link);--confirm-color:var(--dark-confirm);--warn-color:var(--dark-warn)}.background-color-dark--lg{--background-color:var(--dark);background-color:var(--background-color)}.text-color-dark--lg{--text-color:var(--dark);color:var(--text-color)}.theme-light--lg{--background-color:var(--light);--text-color:var(--light-text);--border-color:var(--light-border);--link-color:var(--light-link);--confirm-color:var(--light-confirm);--warn-color:var(--light-warn)}.background-color-light--lg{--background-color:var(--light);background-color:var(--background-color)}.text-color-light--lg{--text-color:var(--light);color:var(--text-color)}.theme-canvas--lg{--background-color:var(--canvas);--text-color:var(--canvas-text);--border-color:var(--canvas-border);--link-color:var(--canvas-link);--confirm-color:var(--canvas-confirm);--warn-color:var(--canvas-warn)}.background-color-canvas--lg{--background-color:var(--canvas);background-color:var(--background-color)}.text-color-canvas--lg{--text-color:var(--canvas);color:var(--text-color)}}@media(min-width:1200px){.theme-primary--xl{--background-color:var(--primary);--text-color:var(--primary-text);--border-color:var(--primary-border);--link-color:var(--primary-link);--confirm-color:var(--primary-confirm);--warn-color:var(--primary-warn)}.background-color-primary--xl{--background-color:var(--primary);background-color:var(--background-color)}.text-color-primary--xl{--text-color:var(--primary);color:var(--text-color)}.theme-secondary--xl{--background-color:var(--secondary);--text-color:var(--secondary-text);--border-color:var(--secondary-border);--link-color:var(--secondary-link);--confirm-color:var(--secondary-confirm);--warn-color:var(--secondary-warn)}.background-color-secondary--xl{--background-color:var(--secondary);background-color:var(--background-color)}.text-color-secondary--xl{--text-color:var(--secondary);color:var(--text-color)}.theme-dark--xl{--background-color:var(--dark);--text-color:var(--dark-text);--border-color:var(--dark-border);--link-color:var(--dark-link);--confirm-color:var(--dark-confirm);--warn-color:var(--dark-warn)}.background-color-dark--xl{--background-color:var(--dark);background-color:var(--background-color)}.text-color-dark--xl{--text-color:var(--dark);color:var(--text-color)}.theme-light--xl{--background-color:var(--light);--text-color:var(--light-text);--border-color:var(--light-border);--link-color:var(--light-link);--confirm-color:var(--light-confirm);--warn-color:var(--light-warn)}.background-color-light--xl{--background-color:var(--light);background-color:var(--background-color)}.text-color-light--xl{--text-color:var(--light);color:var(--text-color)}.theme-canvas--xl{--background-color:var(--canvas);--text-color:var(--canvas-text);--border-color:var(--canvas-border);--link-color:var(--canvas-link);--confirm-color:var(--canvas-confirm);--warn-color:var(--canvas-warn)}.background-color-canvas--xl{--background-color:var(--canvas);background-color:var(--background-color)}.text-color-canvas--xl{--text-color:var(--canvas);color:var(--text-color)}}@media(min-width:1440px){.theme-primary--xxl{--background-color:var(--primary);--text-color:var(--primary-text);--border-color:var(--primary-border);--link-color:var(--primary-link);--confirm-color:var(--primary-confirm);--warn-color:var(--primary-warn)}.background-color-primary--xxl{--background-color:var(--primary);background-color:var(--background-color)}.text-color-primary--xxl{--text-color:var(--primary);color:var(--text-color)}.theme-secondary--xxl{--background-color:var(--secondary);--text-color:var(--secondary-text);--border-color:var(--secondary-border);--link-color:var(--secondary-link);--confirm-color:var(--secondary-confirm);--warn-color:var(--secondary-warn)}.background-color-secondary--xxl{--background-color:var(--secondary);background-color:var(--background-color)}.text-color-secondary--xxl{--text-color:var(--secondary);color:var(--text-color)}.theme-dark--xxl{--background-color:var(--dark);--text-color:var(--dark-text);--border-color:var(--dark-border);--link-color:var(--dark-link);--confirm-color:var(--dark-confirm);--warn-color:var(--dark-warn)}.background-color-dark--xxl{--background-color:var(--dark);background-color:var(--background-color)}.text-color-dark--xxl{--text-color:var(--dark);color:var(--text-color)}.theme-light--xxl{--background-color:var(--light);--text-color:var(--light-text);--border-color:var(--light-border);--link-color:var(--light-link);--confirm-color:var(--light-confirm);--warn-color:var(--light-warn)}.background-color-light--xxl{--background-color:var(--light);background-color:var(--background-color)}.text-color-light--xxl{--text-color:var(--light);color:var(--text-color)}.theme-canvas--xxl{--background-color:var(--canvas);--text-color:var(--canvas-text);--border-color:var(--canvas-border);--link-color:var(--canvas-link);--confirm-color:var(--canvas-confirm);--warn-color:var(--canvas-warn)}.background-color-canvas--xxl{--background-color:var(--canvas);background-color:var(--background-color)}.text-color-canvas--xxl{--text-color:var(--canvas);color:var(--text-color)}}@media(prefers-color-scheme:dark){.theme-canvas--prefers{--background-color:var(--dark);--text-color:var(--dark-text);--border-color:var(--dark-border);--link-color:var(--dark-link);--confirm-color:var(--dark-confirm);--warn-color:var(--dark-warn)}}.subtle-fill-1{background-color:var(--subtle-fill-1)}.subtle-fill-2{background-color:var(--subtle-fill-2)}@media(min-width:576px){.subtle-fill-1--sm{background-color:var(--subtle-fill-1)}.subtle-fill-2--sm{background-color:var(--subtle-fill-2)}}@media(min-width:768px){.subtle-fill-1--md{background-color:var(--subtle-fill-1)}.subtle-fill-2--md{background-color:var(--subtle-fill-2)}}@media(min-width:992px){.subtle-fill-1--lg{background-color:var(--subtle-fill-1)}.subtle-fill-2--lg{background-color:var(--subtle-fill-2)}}@media(min-width:1200px){.subtle-fill-1--xl{background-color:var(--subtle-fill-1)}.subtle-fill-2--xl{background-color:var(--subtle-fill-2)}}@media(min-width:1440px){.subtle-fill-1--xxl{background-color:var(--subtle-fill-1)}.subtle-fill-2--xxl{background-color:var(--subtle-fill-2)}}}@layer utility{[class*=border]{border-color:var(--border-color,inherit)}.border{border-style:var(--border-style);border-width:var(--border-width)}.border-top{border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-right{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width)}.border-bottom{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width)}.border-left{border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}.border-y{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width);border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-x{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width);border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}@media(min-width:576px){.border--sm{border-style:var(--border-style);border-width:var(--border-width)}.border-top--sm{border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-right--sm{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width)}.border-bottom--sm{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width)}.border-left--sm{border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}.border-y--sm{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width);border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-x--sm{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width);border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}}@media(min-width:768px){.border--md{border-style:var(--border-style);border-width:var(--border-width)}.border-top--md{border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-right--md{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width)}.border-bottom--md{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width)}.border-left--md{border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}.border-y--md{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width);border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-x--md{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width);border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}}@media(min-width:992px){.border--lg{border-style:var(--border-style);border-width:var(--border-width)}.border-top--lg{border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-right--lg{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width)}.border-bottom--lg{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width)}.border-left--lg{border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}.border-y--lg{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width);border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-x--lg{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width);border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}}@media(min-width:1200px){.border--xl{border-style:var(--border-style);border-width:var(--border-width)}.border-top--xl{border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-right--xl{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width)}.border-bottom--xl{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width)}.border-left--xl{border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}.border-y--xl{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width);border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-x--xl{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width);border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}}@media(min-width:1440px){.border--xxl{border-style:var(--border-style);border-width:var(--border-width)}.border-top--xxl{border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-right--xxl{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width)}.border-bottom--xxl{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width)}.border-left--xxl{border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}.border-y--xxl{border-block-end-style:var(--border-style);border-block-end-width:var(--border-width);border-block-start-style:var(--border-style);border-block-start-width:var(--border-width)}.border-x--xxl{border-inline-end-style:var(--border-style);border-inline-end-width:var(--border-width);border-inline-start-style:var(--border-style);border-inline-start-width:var(--border-width)}}.border-color-primary{border-color:var(--primary)}.border-block-start-color-primary{border-block-start-color:var(--primary)}.border-right-color-primary{border-inline-end-color:var(--primary)}.border-block-end-color-primary{border-block-end-color:var(--primary)}.border-left-color-primary{border-inline-start-color:var(--primary)}.border-color-secondary{border-color:var(--secondary)}.border-block-start-color-secondary{border-block-start-color:var(--secondary)}.border-right-color-secondary{border-inline-end-color:var(--secondary)}.border-block-end-color-secondary{border-block-end-color:var(--secondary)}.border-left-color-secondary{border-inline-start-color:var(--secondary)}.border-color-dark{border-color:var(--dark)}.border-block-start-color-dark{border-block-start-color:var(--dark)}.border-right-color-dark{border-inline-end-color:var(--dark)}.border-block-end-color-dark{border-block-end-color:var(--dark)}.border-left-color-dark{border-inline-start-color:var(--dark)}.border-color-light{border-color:var(--light)}.border-block-start-color-light{border-block-start-color:var(--light)}.border-right-color-light{border-inline-end-color:var(--light)}.border-block-end-color-light{border-block-end-color:var(--light)}.border-left-color-light{border-inline-start-color:var(--light)}.border-color-canvas{border-color:var(--canvas)}.border-block-start-color-canvas{border-block-start-color:var(--canvas)}.border-right-color-canvas{border-inline-end-color:var(--canvas)}.border-block-end-color-canvas{border-block-end-color:var(--canvas)}.border-left-color-canvas{border-inline-start-color:var(--canvas)}[class*=border-radius]{overflow:hidden}.border-radius-0{border-radius:var(--border-radius-0)}.border-radius-top-0{border-start-start-radius:var(--border-radius-0)}.border-radius-right-0,.border-radius-top-0{border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-0,.border-radius-right-0{border-end-end-radius:var(--border-radius-0)}.border-radius-bottom-0,.border-radius-left-0{border-end-start-radius:var(--border-radius-0)}.border-radius-left-0,.border-radius-top-left-0{border-start-start-radius:var(--border-radius-0)}.border-radius-top-right-0{border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-right-0{border-end-end-radius:var(--border-radius-0)}.border-radius-bottom-left-0{border-end-start-radius:var(--border-radius-0)}.border-radius-1{border-radius:var(--border-radius-1)}.border-radius-top-1{border-start-start-radius:var(--border-radius-1)}.border-radius-right-1,.border-radius-top-1{border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-1,.border-radius-right-1{border-end-end-radius:var(--border-radius-1)}.border-radius-bottom-1,.border-radius-left-1{border-end-start-radius:var(--border-radius-1)}.border-radius-left-1,.border-radius-top-left-1{border-start-start-radius:var(--border-radius-1)}.border-radius-top-right-1{border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-right-1{border-end-end-radius:var(--border-radius-1)}.border-radius-bottom-left-1{border-end-start-radius:var(--border-radius-1)}.border-radius-2{border-radius:var(--border-radius-2)}.border-radius-top-2{border-start-start-radius:var(--border-radius-2)}.border-radius-right-2,.border-radius-top-2{border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-2,.border-radius-right-2{border-end-end-radius:var(--border-radius-2)}.border-radius-bottom-2,.border-radius-left-2{border-end-start-radius:var(--border-radius-2)}.border-radius-left-2,.border-radius-top-left-2{border-start-start-radius:var(--border-radius-2)}.border-radius-top-right-2{border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-right-2{border-end-end-radius:var(--border-radius-2)}.border-radius-bottom-left-2{border-end-start-radius:var(--border-radius-2)}.border-radius-3{border-radius:var(--border-radius-3)}.border-radius-top-3{border-start-start-radius:var(--border-radius-3)}.border-radius-right-3,.border-radius-top-3{border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-3,.border-radius-right-3{border-end-end-radius:var(--border-radius-3)}.border-radius-bottom-3,.border-radius-left-3{border-end-start-radius:var(--border-radius-3)}.border-radius-left-3,.border-radius-top-left-3{border-start-start-radius:var(--border-radius-3)}.border-radius-top-right-3{border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-right-3{border-end-end-radius:var(--border-radius-3)}.border-radius-bottom-left-3{border-end-start-radius:var(--border-radius-3)}.border-radius-pill{border-radius:var(--border-radius-pill)}.border-radius-circle{border-radius:100%}@media(min-width:576px){.border-radius-0--sm{border-radius:var(--border-radius-0)}.border-radius-top-0--sm{border-start-end-radius:var(--border-radius-0);border-start-start-radius:var(--border-radius-0)}.border-radius-right-0--sm{border-end-end-radius:var(--border-radius-0);border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-0--sm{border-end-end-radius:var(--border-radius-0);border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--sm{border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--sm,.border-radius-top-left-0--sm{border-start-start-radius:var(--border-radius-0)}.border-radius-top-right-0--sm{border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-right-0--sm{border-end-end-radius:var(--border-radius-0)}.border-radius-bottom-left-0--sm{border-end-start-radius:var(--border-radius-0)}.border-radius-1--sm{border-radius:var(--border-radius-1)}.border-radius-top-1--sm{border-start-end-radius:var(--border-radius-1);border-start-start-radius:var(--border-radius-1)}.border-radius-right-1--sm{border-end-end-radius:var(--border-radius-1);border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-1--sm{border-end-end-radius:var(--border-radius-1);border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--sm{border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--sm,.border-radius-top-left-1--sm{border-start-start-radius:var(--border-radius-1)}.border-radius-top-right-1--sm{border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-right-1--sm{border-end-end-radius:var(--border-radius-1)}.border-radius-bottom-left-1--sm{border-end-start-radius:var(--border-radius-1)}.border-radius-2--sm{border-radius:var(--border-radius-2)}.border-radius-top-2--sm{border-start-end-radius:var(--border-radius-2);border-start-start-radius:var(--border-radius-2)}.border-radius-right-2--sm{border-end-end-radius:var(--border-radius-2);border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-2--sm{border-end-end-radius:var(--border-radius-2);border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--sm{border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--sm,.border-radius-top-left-2--sm{border-start-start-radius:var(--border-radius-2)}.border-radius-top-right-2--sm{border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-right-2--sm{border-end-end-radius:var(--border-radius-2)}.border-radius-bottom-left-2--sm{border-end-start-radius:var(--border-radius-2)}.border-radius-3--sm{border-radius:var(--border-radius-3)}.border-radius-top-3--sm{border-start-end-radius:var(--border-radius-3);border-start-start-radius:var(--border-radius-3)}.border-radius-right-3--sm{border-end-end-radius:var(--border-radius-3);border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-3--sm{border-end-end-radius:var(--border-radius-3);border-end-start-radius:var(--border-radius-3)}.border-radius-left-3--sm{border-end-start-radius:var(--border-radius-3)}.border-radius-left-3--sm,.border-radius-top-left-3--sm{border-start-start-radius:var(--border-radius-3)}.border-radius-top-right-3--sm{border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-right-3--sm{border-end-end-radius:var(--border-radius-3)}.border-radius-bottom-left-3--sm{border-end-start-radius:var(--border-radius-3)}.border-radius-pill--sm{border-radius:var(--border-radius-pill)}.border-radius-circle--sm{border-radius:100%}}@media(min-width:768px){.border-radius-0--md{border-radius:var(--border-radius-0)}.border-radius-top-0--md{border-start-end-radius:var(--border-radius-0);border-start-start-radius:var(--border-radius-0)}.border-radius-right-0--md{border-end-end-radius:var(--border-radius-0);border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-0--md{border-end-end-radius:var(--border-radius-0);border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--md{border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--md,.border-radius-top-left-0--md{border-start-start-radius:var(--border-radius-0)}.border-radius-top-right-0--md{border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-right-0--md{border-end-end-radius:var(--border-radius-0)}.border-radius-bottom-left-0--md{border-end-start-radius:var(--border-radius-0)}.border-radius-1--md{border-radius:var(--border-radius-1)}.border-radius-top-1--md{border-start-end-radius:var(--border-radius-1);border-start-start-radius:var(--border-radius-1)}.border-radius-right-1--md{border-end-end-radius:var(--border-radius-1);border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-1--md{border-end-end-radius:var(--border-radius-1);border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--md{border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--md,.border-radius-top-left-1--md{border-start-start-radius:var(--border-radius-1)}.border-radius-top-right-1--md{border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-right-1--md{border-end-end-radius:var(--border-radius-1)}.border-radius-bottom-left-1--md{border-end-start-radius:var(--border-radius-1)}.border-radius-2--md{border-radius:var(--border-radius-2)}.border-radius-top-2--md{border-start-end-radius:var(--border-radius-2);border-start-start-radius:var(--border-radius-2)}.border-radius-right-2--md{border-end-end-radius:var(--border-radius-2);border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-2--md{border-end-end-radius:var(--border-radius-2);border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--md{border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--md,.border-radius-top-left-2--md{border-start-start-radius:var(--border-radius-2)}.border-radius-top-right-2--md{border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-right-2--md{border-end-end-radius:var(--border-radius-2)}.border-radius-bottom-left-2--md{border-end-start-radius:var(--border-radius-2)}.border-radius-3--md{border-radius:var(--border-radius-3)}.border-radius-top-3--md{border-start-end-radius:var(--border-radius-3);border-start-start-radius:var(--border-radius-3)}.border-radius-right-3--md{border-end-end-radius:var(--border-radius-3);border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-3--md{border-end-end-radius:var(--border-radius-3);border-end-start-radius:var(--border-radius-3)}.border-radius-left-3--md{border-end-start-radius:var(--border-radius-3)}.border-radius-left-3--md,.border-radius-top-left-3--md{border-start-start-radius:var(--border-radius-3)}.border-radius-top-right-3--md{border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-right-3--md{border-end-end-radius:var(--border-radius-3)}.border-radius-bottom-left-3--md{border-end-start-radius:var(--border-radius-3)}.border-radius-pill--md{border-radius:var(--border-radius-pill)}.border-radius-circle--md{border-radius:100%}}@media(min-width:992px){.border-radius-0--lg{border-radius:var(--border-radius-0)}.border-radius-top-0--lg{border-start-end-radius:var(--border-radius-0);border-start-start-radius:var(--border-radius-0)}.border-radius-right-0--lg{border-end-end-radius:var(--border-radius-0);border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-0--lg{border-end-end-radius:var(--border-radius-0);border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--lg{border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--lg,.border-radius-top-left-0--lg{border-start-start-radius:var(--border-radius-0)}.border-radius-top-right-0--lg{border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-right-0--lg{border-end-end-radius:var(--border-radius-0)}.border-radius-bottom-left-0--lg{border-end-start-radius:var(--border-radius-0)}.border-radius-1--lg{border-radius:var(--border-radius-1)}.border-radius-top-1--lg{border-start-end-radius:var(--border-radius-1);border-start-start-radius:var(--border-radius-1)}.border-radius-right-1--lg{border-end-end-radius:var(--border-radius-1);border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-1--lg{border-end-end-radius:var(--border-radius-1);border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--lg{border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--lg,.border-radius-top-left-1--lg{border-start-start-radius:var(--border-radius-1)}.border-radius-top-right-1--lg{border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-right-1--lg{border-end-end-radius:var(--border-radius-1)}.border-radius-bottom-left-1--lg{border-end-start-radius:var(--border-radius-1)}.border-radius-2--lg{border-radius:var(--border-radius-2)}.border-radius-top-2--lg{border-start-end-radius:var(--border-radius-2);border-start-start-radius:var(--border-radius-2)}.border-radius-right-2--lg{border-end-end-radius:var(--border-radius-2);border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-2--lg{border-end-end-radius:var(--border-radius-2);border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--lg{border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--lg,.border-radius-top-left-2--lg{border-start-start-radius:var(--border-radius-2)}.border-radius-top-right-2--lg{border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-right-2--lg{border-end-end-radius:var(--border-radius-2)}.border-radius-bottom-left-2--lg{border-end-start-radius:var(--border-radius-2)}.border-radius-3--lg{border-radius:var(--border-radius-3)}.border-radius-top-3--lg{border-start-end-radius:var(--border-radius-3);border-start-start-radius:var(--border-radius-3)}.border-radius-right-3--lg{border-end-end-radius:var(--border-radius-3);border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-3--lg{border-end-end-radius:var(--border-radius-3);border-end-start-radius:var(--border-radius-3)}.border-radius-left-3--lg{border-end-start-radius:var(--border-radius-3)}.border-radius-left-3--lg,.border-radius-top-left-3--lg{border-start-start-radius:var(--border-radius-3)}.border-radius-top-right-3--lg{border-start-end-radius:var(--border-radius-3)}.border-radius-bottom-right-3--lg{border-end-end-radius:var(--border-radius-3)}.border-radius-bottom-left-3--lg{border-end-start-radius:var(--border-radius-3)}.border-radius-pill--lg{border-radius:var(--border-radius-pill)}.border-radius-circle--lg{border-radius:100%}}@media(min-width:1200px){.border-radius-0--xl{border-radius:var(--border-radius-0)}.border-radius-top-0--xl{border-start-end-radius:var(--border-radius-0);border-start-start-radius:var(--border-radius-0)}.border-radius-right-0--xl{border-end-end-radius:var(--border-radius-0);border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-0--xl{border-end-end-radius:var(--border-radius-0);border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--xl{border-end-start-radius:var(--border-radius-0)}.border-radius-left-0--xl,.border-radius-top-left-0--xl{border-start-start-radius:var(--border-radius-0)}.border-radius-top-right-0--xl{border-start-end-radius:var(--border-radius-0)}.border-radius-bottom-right-0--xl{border-end-end-radius:var(--border-radius-0)}.border-radius-bottom-left-0--xl{border-end-start-radius:var(--border-radius-0)}.border-radius-1--xl{border-radius:var(--border-radius-1)}.border-radius-top-1--xl{border-start-end-radius:var(--border-radius-1);border-start-start-radius:var(--border-radius-1)}.border-radius-right-1--xl{border-end-end-radius:var(--border-radius-1);border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-1--xl{border-end-end-radius:var(--border-radius-1);border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--xl{border-end-start-radius:var(--border-radius-1)}.border-radius-left-1--xl,.border-radius-top-left-1--xl{border-start-start-radius:var(--border-radius-1)}.border-radius-top-right-1--xl{border-start-end-radius:var(--border-radius-1)}.border-radius-bottom-right-1--xl{border-end-end-radius:var(--border-radius-1)}.border-radius-bottom-left-1--xl{border-end-start-radius:var(--border-radius-1)}.border-radius-2--xl{border-radius:var(--border-radius-2)}.border-radius-top-2--xl{border-start-end-radius:var(--border-radius-2);border-start-start-radius:var(--border-radius-2)}.border-radius-right-2--xl{border-end-end-radius:var(--border-radius-2);border-start-end-radius:var(--border-radius-2)}.border-radius-bottom-2--xl{border-end-end-radius:var(--border-radius-2);border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--xl{border-end-start-radius:var(--border-radius-2)}.border-radius-left-2--xl,.border-radius-top-left-2--xl{border-start-start-radius:var(--border-radius