diff --git a/dist/css/blower.css b/dist/css/blower.css index 6fad150..646c1a4 100644 --- a/dist/css/blower.css +++ b/dist/css/blower.css @@ -344,36 +344,60 @@ .alert:is(:has(.alert__close):only-child, .is-dismissible) { padding-inline-end: calc(var(--spacing-alert) * 3.5); } - .alert--success { + .alert:where(.alert--success) { --color-alert-background: #E7FDF1; --color-alert-text: #0F2A2E; --color-alert-border: #B0F2D7; } - .alert--danger { + .alert:where(.alert--danger) { --color-alert-background: #FCD9DA; --color-alert-text: #461A1B; --color-alert-border: #FABBBD; } - .alert--warning { + .alert:where(.alert--warning) { --color-alert-background: #FEE9E1; --color-alert-text: #4A2E21; --color-alert-border: #FDD2C3; } - .alert--info { + .alert:where(.alert--info) { --color-alert-background: #e2e8f0; --color-alert-text: #0f172a; --color-alert-border: #cbd5e1; } - .alert--dark { + .alert:where(.alert--dark) { --color-alert-background: #475569; --color-alert-text: #FFF; --color-alert-border: #0f172a; } - .alert--light { + .alert:where(.alert--light) { --color-alert-background: #f5f7fa; --color-alert-text: #0f172a; --color-alert-border: #e2e8f0; } + .alert--text { + --spacing-alert: 0; + --color-alert-background: transparent; + --border-width-alert: 0; + display: inline-block; + } + .alert--text:where(.alert--success) { + --color-alert-text: #3F9A7A; + } + .alert--text:where(.alert--danger) { + --color-alert-text: #D75052; + } + .alert--text:where(.alert--warning) { + --color-alert-text: #DF8260; + } + .alert--text:where(.alert--info) { + --color-alert-text: #00B8D4; + } + .alert--text:where(.alert--dark) { + --color-alert-text: #0f172a; + } + .alert--text:where(.alert--light) { + --color-alert-text: #94a3b8; + } .badge { --color-badge-background: #e2e8f0; --color-badge-background-hover: var(--color-badge-border); diff --git a/dist/css/blower.min.css b/dist/css/blower.min.css index a14ee48..23b2183 100644 --- a/dist/css/blower.min.css +++ b/dist/css/blower.min.css @@ -1 +1 @@ -@layer blower{:root{--blw-spacing-xs: 0.125rem;--blw-spacing-sm: 0.25rem;--blw-spacing-md: 1rem;--blw-spacing-lg: 1.75rem;--blw-spacing-xl: 2.5rem;--blw-text-size-xs: 12px;--blw-text-size-sm: 14px;--blw-text-size-md: 16px;--blw-text-size-lg: 18px;--blw-text-size-xl: 20px;--blw-headline-size-xs: 20px;--blw-headline-size-sm: 22px;--blw-headline-size-md: 24px;--blw-headline-size-lg: 28px;--blw-headline-size-xl: 32px}@layer reset, base, layout, components, utilities;@layer reset{:root{--flow-direction: 1}[dir=rtl]{--flow-direction: -1}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.5}body{min-height:100vh;min-height:100svh}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img,picture,svg{max-width:100%;display:block;vertical-align:middle}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em;resize:vertical}:target{scroll-margin-block:5ex}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}iframe{border:0}}@layer base{pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}code,pre{background-color:#e2e8f0;border-radius:4px}code{padding:.125rem .25rem}pre{width:-moz-max-content;width:max-content;max-width:100%;overflow-x:auto;padding:.5rem .75rem;border:1px solid #cbd5e1}pre code{padding:0}}@layer layout{.theme-dashboard{--size-sidebar: 200px;--spacing-segments: var(--blw-spacing-md);--area-row-first: "header";--area-row-last: "footer";display:grid;grid-template-columns:1fr;grid-template-areas:"sidebar" var(--area-row-first) "main" var(--area-row-last)}@media screen and (min-width: 768px){.theme-dashboard{--area-row-first: "sidebar header";--area-row-last: "sidebar footer";display:grid;grid-template-columns:var(--size-sidebar) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:var(--area-row-first) "sidebar main" var(--area-row-last)}}@media screen and (min-width: 1024px){.theme-dashboard{--size-sidebar: 300px}}.theme-dashboard{min-height:100vh;min-height:100svh}.theme-dashboard .layout-sidebar{grid-area:sidebar;padding:var(--spacing-segments);background-color:#4cb286;color:#f0faf5;isolation:isolate;position:relative}.theme-dashboard .layout-sidebar::before{content:"";position:absolute;inset:0 0 0 auto;width:10px;background:linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1));z-index:-1}.theme-dashboard .layout-sidebar .page-title{margin-block-end:1rem;font-size:2rem;color:#f0faf5}.theme-dashboard .layout-sidebar .section-title{margin-block:1.5rem .25rem;font-size:1.25rem;font-weight:600;color:#f0faf5}.theme-dashboard .layout-main{grid-area:main;padding:var(--spacing-segments)}.theme-dashboard .layout-header{grid-area:header;padding:var(--spacing-segments)}.theme-dashboard .layout-header:empty{display:none}.theme-dashboard .layout-footer{grid-area:footer;padding:var(--spacing-segments)}.theme-dashboard .layout-footer:empty{display:none}.theme-dashboard.has-no-header,.theme-dashboard:not(:has(.layout-header:not(:empty))){--area-row-first: "sidebar"}@media(min-width: 768px){.theme-dashboard.has-no-header,.theme-dashboard:not(:has(.layout-header:not(:empty))){--area-row-first: "sidebar main"}}.theme-dashboard.has-no-footer,.theme-dashboard:not(:has(.layout-footer:not(:empty))){--area-row-last: "main"}@media(min-width: 768px){.theme-dashboard.has-no-footer,.theme-dashboard:not(:has(.layout-footer:not(:empty))){--area-row-last: "sidebar main"}}.navigation{--spacing-links-horizontal: var(--blw-spacing-md);--spacing-links-vertical: 0.625rem;--border-radius-links: 4px}.navigation ul{margin:0;padding:0;list-style-type:none}.navigation__item{position:relative}.navigation__link{display:flex;gap:calc(var(--spacing-links-horizontal)/2);align-items:center;color:currentColor;padding:var(--spacing-links-vertical) var(--spacing-links-horizontal);text-decoration:none;transition:background-color 150ms}.navigation__link:is(:hover,:focus-visible){background-color:rgba(0,0,0,.1)}.navigation__link:is(:active){transition-duration:0ms;background-color:rgba(0,0,0,.2)}.navigation--vertical.card{--spacing-links-horizontal: var(--spacing-card-horizontal)}.navigation--vertical .navigation__link{padding:var(--spacing-links-vertical) var(--spacing-links-horizontal);gap:var(--spacing-links-horizontal)}.layout-sidebar .navigation--vertical{margin-inline:calc(var(--spacing-links-horizontal)*-1)}.navigation--horizontal ul{display:flex;gap:calc(var(--spacing-links-horizontal)/2)}.navigation--horizontal .navigation__link{border-radius:var(--border-radius-links)}}@layer components{.alert{--color-alert-background: #4cb286;--color-alert-text: #f0faf5;--color-alert-border: #3c8e6e;--spacing-alert: 0.75rem;--border-radius-alert: 4px;--border-width-alert: 1px;--font-size-alert: 1rem;position:relative;padding:var(--spacing-alert);border-radius:var(--border-radius-alert);background-color:var(--color-alert-background);color:var(--color-alert-text);font-size:var(--font-size-alert);text-decoration:none;border:var(--border-width-alert) solid var(--color-alert-border)}.alert a{color:var(--color-alert-text);text-decoration:underline}.alert a:hover{text-decoration:none}.alert hr{margin:var(--spacing-alert) 0;border:0;border-top:var(--border-width-alert) solid var(--color-alert-border)}.alert ul,.alert ol{padding-inline-start:2.5ch}.alert code{background-color:var(--color-alert-border)}.alert>*{margin:0}.alert>*+*{margin-top:var(--spacing-alert)}.alert__close{position:absolute;inset-block-start:calc(var(--spacing-alert)/3);inset-inline-end:calc(var(--spacing-alert)/3);background-color:rgba(0,0,0,0);border:0;padding:calc(var(--spacing-alert)/1.5);color:var(--color-alert-text);transition:background-color 200ms;margin:0;border-radius:50%;line-height:1}.alert__close:hover{background-color:var(--color-alert-border)}.alert__close:active{transition-duration:0ms;background-color:var(--color-alert-text);color:var(--color-alert-background)}.alert__close svg{width:1em;height:1em}.alert:is(:has(.alert__close):not(:only-child),.is-dismissible)>:first-child{margin-inline-end:calc(var(--spacing-alert)*2)}.alert:is(:has(.alert__close):only-child,.is-dismissible){padding-inline-end:calc(var(--spacing-alert)*3.5)}.alert--success{--color-alert-background: #E7FDF1;--color-alert-text: #0F2A2E;--color-alert-border: #B0F2D7}.alert--danger{--color-alert-background: #FCD9DA;--color-alert-text: #461A1B;--color-alert-border: #FABBBD}.alert--warning{--color-alert-background: #FEE9E1;--color-alert-text: #4A2E21;--color-alert-border: #FDD2C3}.alert--info{--color-alert-background: #e2e8f0;--color-alert-text: #0f172a;--color-alert-border: #cbd5e1}.alert--dark{--color-alert-background: #475569;--color-alert-text: #FFF;--color-alert-border: #0f172a}.alert--light{--color-alert-background: #f5f7fa;--color-alert-text: #0f172a;--color-alert-border: #e2e8f0}.badge{--color-badge-background: #e2e8f0;--color-badge-background-hover: var(--color-badge-border);--color-badge-text: #0f172a;--color-badge-border: #cbd5e1;--spacing-badge-horizontal: 0.375em;--spacing-badge-vertical: 0.25em;--border-radius-badge: 4px;--border-width-badge: 1px;--font-size-badge: var(--blw-text-size-xs);--font-weight-badge: 600;display:flex;gap:var(--spacing-badge-horizontal);padding:var(--spacing-badge-vertical) var(--spacing-badge-horizontal);border-radius:var(--border-radius-badge);background-color:var(--color-badge-background);color:var(--color-badge-text);font-size:var(--font-size-badge);font-weight:var(--font-weight-badge);border:var(--border-width-badge) solid var(--color-badge-border)}.badge:is(a){color:var(--color-badge-text);text-decoration:none;transition:background-color 200ms}.badge:is(a):hover{text-decoration:none;background-color:var(--color-badge-background-hover)}.badge__close,.badge__additional{padding:var(--spacing-badge-vertical) var(--spacing-badge-horizontal);margin-block:calc(var(--spacing-badge-vertical)*-1);margin-inline-end:calc(var(--spacing-badge-horizontal)*-1);border-start-end-radius:calc(var(--border-radius-badge) - var(--border-width-badge));border-end-end-radius:calc(var(--border-radius-badge) - var(--border-width-badge));background-color:var(--color-badge-border)}.badge__close{display:flex;align-items:center;background-color:rgba(0,0,0,0);border:0;color:var(--color-badge-text);transition:background-color 200ms;line-height:1}.badge__close:hover{background-color:var(--color-badge-background-hover)}.badge__close:active{transition-duration:0ms;background-color:var(--color-badge-background)}.badge__close svg{width:1em;height:1em}.badge__additional{background-color:var(--color-badge-border)}.badge--primary{--color-badge-background: #4cb286;--color-badge-text: #f0faf5;--color-badge-border: #3c8e6e}.badge--success{--color-badge-background: #E7FDF1;--color-badge-text: #0F2A2E;--color-badge-border: #B0F2D7}.badge--danger{--color-badge-background: #FCD9DA;--color-badge-text: #461A1B;--color-badge-border: #FABBBD}.badge--warning{--color-badge-background: #FEE9E1;--color-badge-text: #4A2E21;--color-badge-border: #FDD2C3}.badge--dark{--color-badge-background: #475569;--color-badge-background-hover: #64748b;--color-badge-text: #FFF;--color-badge-border: #0f172a}.badge--light{--color-badge-background: #f5f7fa;--color-badge-text: #0f172a;--color-badge-border: #e2e8f0}.button .badge{line-height:1}.has-floating-badge .badge{position:absolute;inset-block-start:calc(var(--spacing-badge-horizontal)*-2.5);inset-inline-end:calc(var(--spacing-badge-vertical)*-2.5);border-radius:50vmax;z-index:1}.button{--color-button-background: #4cb286;--color-button-text: #FFF;--color-button-border: #4cb286;--color-button-background-hover: #2c6a56;--color-button-text-hover: #FFF;--color-button-border-hover: #2c6a56;--width-button-outline-focus: 2px;--offset-button-outline-focus: 2px;--color-button-background-active: #0d2327;--color-button-text-active: #FFF;--color-button-border-active: #0d2327;--spacing-button-horizontal: var(--blw-spacing-md);--spacing-button-vertical: 0.5rem;--border-radius-button: 4px;--border-width-button: 1px;--font-size-button: 1rem;--font-weight-button: 600;padding:var(--spacing-button-vertical) var(--spacing-button-horizontal);display:inline-flex;gap:calc(var(--spacing-button-horizontal)/2);align-items:center;justify-content:center;border-radius:var(--border-radius-button);background-color:var(--color-button-background);color:var(--color-button-text);font-size:var(--font-size-button);font-weight:var(--font-weight-button);text-decoration:none;border:var(--border-width-button) solid var(--color-button-border);transition-property:background-color,border-color,color,outline-color;transition-duration:200ms;outline:var(--width-button-outline-focus) solid rgba(0,0,0,0);outline-offset:var(--offset-button-outline-focus)}@media(hover: hover){.button:hover:not(:disabled){background-color:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-button-text-hover)}}.button:is(:focus-visible):not(:disabled){background-color:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-button-text-hover);outline:var(--width-button-outline-focus) solid var(--color-button-background-hover)}.button:active:not(:disabled){transition-duration:0ms;background-color:var(--color-button-background-active);border-color:var(--color-button-border-active);color:var(--color-button-text-active)}.button:disabled{opacity:.5;cursor:not-allowed}.button--secondary{--color-button-background: #e2e8f0;--color-button-text: #0f172a;--color-button-border: #e2e8f0;--color-button-background-hover: #64748b;--color-button-text-hover: #FFF;--color-button-border-hover: #64748b;--color-button-background-active: #0f172a;--color-button-text-active: #FFF;--color-button-border-active: #0f172a}.button--tertiary{--color-button-background: transparent;--color-button-text: #0f172a;--color-button-border: transparent;--color-button-background-hover: #94a3b8;--color-button-text-hover: #FFF;--color-button-border-hover: #94a3b8;--color-button-background-active: #1e293b;--color-button-text-active: #FFF;--color-button-border-active: #1e293b}.button--destructive{--color-button-background: #F1595C;--color-button-text: #FFF;--color-button-border: #F1595C;--color-button-background-hover: #913638;--color-button-text-hover: #FFF;--color-button-border-hover: #913638;--color-button-background-active: #6D292A;--color-button-text-active: #FFF;--color-button-border-active: #6D292A}.button--dark{--color-button-background: #0f172a;--color-button-text: #FFF;--color-button-border: #0f172a;--color-button-background-hover: #475569;--color-button-text-hover: #FFF;--color-button-border-hover: #475569;--color-button-background-active: #64748b;--color-button-text-active: #FFF;--color-button-border-active: #64748b}.button--light{--color-button-background: #f5f7fa;--color-button-text: #0f172a;--color-button-border: #f5f7fa;--color-button-background-hover: #e2e8f0;--color-button-text-hover: #0f172a;--color-button-border-hover: #e2e8f0;--color-button-background-active: #cbd5e1;--color-button-text-active: #0f172a;--color-button-border-active: #cbd5e1}.button--small{--spacing-button-horizontal: 0.75rem;--spacing-button-vertical: 0.375rem ;--font-size-button: .75rem}.button--large{--spacing-button-horizontal: 1.5rem;--spacing-button-vertical: 0.75rem;--font-size-button: 1.25rem}.button--outline,.button--text{--color-button-text: var(--color-button-background);--color-button-border: var(--color-button-background);background-color:rgba(0,0,0,0)}.button--outline:where(.button--secondary,.button--tertiary,.button--light),.button--text:where(.button--secondary,.button--tertiary,.button--light){--color-button-text: #0f172a}.button:has(.is-icon),.button.has-icon{align-items:center;gap:.5em}.button--rounded{--border-radius-button: 200px}.button--text{--color-button-border: transparent;--spacing-button-horizontal: 0.375rem;--spacing-button-vertical: 0.25rem}.button--image{--border-width-button: 0;padding:0;border-radius:calc(infinity*1px)}.button--image img{border-radius:calc(infinity*1px);-o-object-fit:cover;object-fit:cover}.button--unset{padding-inline:unset;background:unset;border:unset;color:unset;font-size:unset}.button-group{display:inline-flex}.button-group .button{border-radius:0}.button-group:not(.button-group--vertical) .button:first-child{border-start-start-radius:var(--border-radius-button);border-end-start-radius:var(--border-radius-button)}.button-group:not(.button-group--vertical) .button:last-child{border-start-end-radius:var(--border-radius-button);border-end-end-radius:var(--border-radius-button)}.button-group--vertical{flex-direction:column}.button-group--vertical .button:first-child{border-start-start-radius:var(--border-radius-button);border-start-end-radius:var(--border-radius-button)}.button-group--vertical .button:last-child{border-end-start-radius:var(--border-radius-button);border-end-end-radius:var(--border-radius-button)}.card{--color-card-border: #cbd5e1;--spacing-card-horizontal: 0.75rem;--spacing-card-vertical: 0.75rem;--gap-card: var(--spacing-card-vertical) var(--spacing-card-horizontal);--border-radius-card: calc(4px * 2);--border-radius-card-image: calc(var(--border-radius-card) / 2);--border-width-card: 1px;--font-size-card: var(--blw-text-size-md);--font-size-card-title: var(--blw-headline-size-xs);--font-size-card-subtitle: var(--blw-text-size-lg);--font-size-card-meta: var(--blw-text-size-xs);--background-color-card: #FFF;--background-image-card: #f5f7fa;--color-card-text: #0d2327;position:relative;padding:var(--spacing-card-vertical) var(--spacing-card-horizontal);border-radius:var(--border-radius-card);background-color:var(--background-color-card);color:var(--color-card-text);font-size:var(--font-size-card);text-decoration:none;border:var(--border-width-card) solid var(--color-card-border);display:grid;gap:var(--gap-card)}.card__header{display:flex;flex-direction:column;gap:calc(var(--gap-card)/2)}.card__title{margin-block:0;font-size:var(--font-size-card-title)}.card__subtitle{margin-block:0;font-size:var(--font-size-card-subtitle)}.card__image{background:var(--background-image-card);border-radius:var(--border-radius-card-image);width:100%;height:auto}.card__footer{display:flex;gap:var(--gap-card)}.card__meta{font-size:var(--font-size-card-meta);opacity:.7}.card__meta a{color:currentColor;text-decoration:none}.card__meta a:hover{text-decoration:underline}.card.has-edge-image .card__image{margin-inline:calc(var(--spacing-card-horizontal)*-1);max-width:none;width:calc(100% + var(--spacing-card-horizontal)*2)}.card.has-edge-image .card__image:first-child{margin-block-start:calc(var(--spacing-card-vertical)*-1)}.card.has-edge-image .card__image:last-child{margin-block-end:calc(var(--spacing-card-vertical)*-1)}.card.has-edge-image .card__image:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}.card.has-edge-image .card__image:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}.card--primary{--background-color-card: #4cb286;--color-card-text: #f0faf5;--color-card-border: #3c8e6e}.card--success{--background-color-card: #E7FDF1;--color-card-text: #0F2A2E;--color-card-border: #B0F2D7}.card--danger{--background-color-card: #FCD9DA;--color-card-text: #461A1B;--color-card-border: #FABBBD}.card--warning{--background-color-card: #FEE9E1;--color-card-text: #4A2E21;--color-card-border: #FDD2C3}.card--info{--background-color-card: #e2e8f0;--color-card-text: #0f172a;--color-card-border: #cbd5e1}.card--dark{--background-color-card: #475569;--color-card-text: #FFF;--color-card-border: #0f172a}.card--light{--background-color-card: #f5f7fa;--color-card-text: #0f172a;--color-card-border: #e2e8f0}.card--background-image{grid-template-columns:1fr;grid-template-rows:1fr;padding:0}.card--background-image::before{content:"";grid-column:1/-1;grid-row:1/-1;background-color:var(--background-color-card);z-index:1;opacity:.6;border-radius:calc(var(--border-radius-card) - var(--border-width-card))}.card--background-image .card__image{grid-column:1/-1;grid-row:1/-1;border-radius:calc(var(--border-radius-card) - var(--border-width-card))}.card--background-image .card__wrapper{display:grid;gap:var(--gap-card);align-content:center;grid-column:1/-1;grid-row:1/-1;padding:var(--spacing-card-vertical) var(--spacing-card-horizontal);z-index:2;border-radius:calc(var(--border-radius-card) - var(--border-width-card))}.card--background-image.has-blurred-background .card__wrapper{-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}.card--background-image.has-blurred-background::before{opacity:.3}.dropdown{--spacing-item-horizontal: 0.625rem;--spacing-item-vertical: 0.5rem;--spacing-list: 0.375rem;--offset-list: var(--blw-spacing-sm);--min-width-dropdown: 10rem;--max-width-dropdown: none;--color-border: #cbd5e1;--width-border: 1px;--border-radius-dropdown: 4px;--base-transform: translateY(var(--offset-list));position:relative}.dropdown__button::after{content:"";display:inline-block;margin-inline-start:.3em;border-block-start:.3em solid;border-inline:.3em solid rgba(0,0,0,0);border-block-end:0}.dropdown__content-wrap{position:absolute;background-color:#fff;border:var(--width-border) solid var(--color-border);display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;min-width:var(--min-width-dropdown);max-width:var(--max-width-dropdown);border-radius:var(--border-radius-dropdown);transform:var(--base-transform)}.dropdown__list{display:flex;flex-direction:column;list-style-type:none;padding-inline-start:0;margin-block:0;padding-block:var(--spacing-list)}.dropdown__list>li{padding-inline:var(--spacing-list)}.dropdown__item{--color-text-item: currentColor;--color-background-item-hover: #f5f7fa;--color-background-item-active: #64748b;display:flex;width:100%;border:0;background-color:rgba(0,0,0,0);padding:var(--spacing-item-vertical) var(--spacing-item-horizontal);text-decoration:none;color:var(--color-text-item);transition-property:background-color,color;transition-duration:200ms;white-space:nowrap;word-break:keep-all;border-radius:calc(var(--border-radius-dropdown)/1.5)}.dropdown__item:is(:hover,:focus-visible){background-color:var(--color-background-item-hover)}.dropdown__item:is(:active,.is-active){transition-duration:0ms;background-color:var(--color-background-item-active);color:#fff}.dropdown__item.is-primary{font-weight:600;--color-text-item: #4cb286;--color-background-item-hover: #d9f5e8;--color-background-item-active: #4cb286}.dropdown__item.is-destructive{--color-text-item: #D75052;--color-background-item-hover: #FEEFEF;--color-background-item-active: #F1595C}.dropdown__item.is-disabled{pointer-events:none;opacity:.5}.dropdown__item:has(.is-icon),.dropdown__item.has-icon{align-items:center;gap:.5em}.dropdown[aria-expanded=true]{z-index:1}.dropdown .is-seperated{border-top:var(--width-border) solid var(--color-border);margin-block-start:var(--spacing-list);padding-block-start:var(--spacing-list)}.dropdown.has-only-icons{--min-width-dropdown: 0}.dropdown.has-only-icons .dropdown__list{width:-moz-max-content;width:max-content}.dropdown.has-icons-last .is-icon{margin-inline-start:auto}.dropdown--start .dropdown__list{inset-inline-start:0}.dropdown--center .dropdown__button{margin-inline:auto}.dropdown--center .dropdown__content-wrap{inset-inline-start:50%;transform:translateX(calc(var(--flow-direction) * -50%)) var(--base-transform)}.dropdown--end .dropdown__button{margin-inline-start:auto}.dropdown--end .dropdown__content-wrap{inset-inline-end:0}.form{--color-input-background: #FFF;--color-input-border: #94a3b8;--color-input-text: #0d2327;--color-input-background-focus: #FFF;--color-input-border-focus: #475569;--color-input-text-focus: #0d2327;--width-input-outline-focus: 2px;--offset-input-outline-focus: 2px;--color-input-background-disabled: #f5f7fa;--color-input-border-disabled: #94a3b8;--color-input-text-disabled: #64748b;--spacing-input-horizontal: var(--blw-spacing-md);--spacing-input-vertical: 0.5rem;--spacing-form-between: 0.5rem;--font-size-input: var(--blw-text-size-md);--font-size-input-label: var(--blw-text-size-sm);--font-size-input-message: var(--blw-text-size-xs);--font-weight-input-label: 600;--border-radius-input: 4px;--border-input-width: 1px;--transition-input: background-color, border-color, color, outline-color;--transition-duration-input: 200ms}.form__item+.form__item{margin-top:var(--spacing-form-between)}.form__item.has-error{--color-input-background: #FFF7F7;--color-input-border: #F1595C;--color-input-text: #D75052;--color-input-placeholder: #D75052}.form__item.has-success{--color-input-background: #F3FEF8;--color-input-border: #50C793;--color-input-text: #3F9A7A;--color-input-placeholder: #3F9A7A}.form__item.has-warning{--color-input-background: #FFFAF8;--color-input-border: #FA916B;--color-input-text: #DF8260;--color-input-placeholder: #DF8260}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])){display:grid;grid-template-columns:max-content 1fr;gap:var(--spacing-form-between);align-items:center;line-height:1.1}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])) .form__label{margin-block:0}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])):is(.is-disabled,:has(:disabled)){opacity:.5}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])):is(.is-disabled,:has(:disabled))>*{cursor:not-allowed}.form__input{display:block;background-color:var(--color-input-background);border:var(--border-input-width) solid var(--color-input-border);border-radius:var(--border-radius-input);color:var(--color-input-text);font-size:var(--font-size-input);padding:var(--spacing-input-vertical) var(--spacing-input-horizontal);transition-property:var(--transition-input);transition-duration:var(--transition-duration-input);width:100%;outline:var(--width-input-outline-focus) solid rgba(0,0,0,0);outline-offset:var(--offset-input-outline-focus)}.form__input:focus-within{background-color:var(--color-input-background-focus);border-color:var(--color-input-border-focus);box-shadow:var(--box-shadow-input),0 0 0 1px var(--color-input-border-focus);color:var(--color-input-text-focus);outline:var(--width-input-outline-focus) solid var(--color-input-border-focus)}.form__input:disabled{background-color:var(--color-input-background-disabled);border-color:var(--color-input-border-disabled);color:var(--color-input-text-disabled);cursor:not-allowed}.form__input::-moz-placeholder{color:var(--color-input-text);opacity:.7}.form__input::placeholder{color:var(--color-input-text);opacity:.7}.form__input[type=radio],.form__input[type=checkbox]{--size-input: 1.5em;--color-input-border: #1e293b;--color-input-border-focus: var(--color-input-border);--color-checked: #3c8e6e;--border-input-width: 2px;--transform-input-hover: scale(.5);--filter-input-hover: brightness(1.3);margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--size-input);height:var(--size-input);display:grid;place-content:center;outline:calc(var(--border-input-width)) solid rgba(0,0,0,0)}.form__input[type=radio]::before,.form__input[type=checkbox]::before{content:"";width:calc(var(--size-input)*.5);height:calc(var(--size-input)*.5);transform:scale(0);transform-origin:center;transition:100ms transform ease-in-out;transition-property:transform,filter;background-color:var(--color-checked)}.form__input[type=radio]:hover::before,.form__input[type=checkbox]:hover::before{transform:var(--transform-input-hover);filter:var(--filter-input-hover)}.form__input[type=radio]:checked::before,.form__input[type=checkbox]:checked::before{transform:scale(1)}.form__input[type=radio]:focus-visible,.form__input[type=checkbox]:focus-visible{outline-color:var(--color-input-border);outline-offset:var(--border-input-width)}.form__input[type=radio]{border-radius:50%}.form__input[type=radio]::before{clip-path:none;border-radius:inherit}.form__input[type=checkbox]:not(.is-switch)::before{clip-path:circle()}.form__input[type=checkbox]:checked:not(.is-switch)::before{clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)}.form__input[type=checkbox].is-switch{--translate-x: 0;--transform-switch: translateX(calc(var(--flow-direction) * var(--translate-x)));position:relative;width:2.5em;border-radius:50vmax}.form__input[type=checkbox].is-switch::before{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:1em;height:1em;transform:var(--transform-switch);transform-origin:left;border-radius:50%}.form__input[type=checkbox].is-switch:hover::before{transform:var(--transform-switch) scaleX(1.08)}.form__input[type=checkbox].is-switch:checked{--translate-x: 1em}.form__input[type=checkbox].is-switch:checked:hover::before{transform:var(--transform-switch) scaleX(1.08);transform-origin:right}.form__input[type=checkbox].is-switch:not(:checked){--color-checked: #94a3b8;--filter-input-hover: brightness(.8)}.form__label{display:block;color:var(--color-input-text);font-size:var(--font-size-input-label);font-weight:var(--font-weight-input-label);margin-block:0 calc(var(--spacing-form-between)/2);margin-inline:0;line-height:1.1}.form__message{color:var(--color-input-text);font-size:var(--font-size-input-message);line-height:1.1}.form__select{--select-arrow: var(--color-input-border);position:relative}.form__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form__select select[multiple]{padding:0}.form__select select[multiple] option{padding-inline:var(--spacing-input-horizontal);padding-block:var(--spacing-input-vertical)}.form__select:not(:has([multiple]))::after{inset-inline-end:var(--spacing-input-horizontal);inset-block-start:50%;transform:translateY(-50%);position:absolute;content:"";width:.8em;height:.5em;background-color:var(--select-arrow);clip-path:polygon(100% 0%, 0 0%, 50% 100%);z-index:10}.form__group{--size-input: 12em;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--size-input), 1fr));gap:var(--spacing-form-between)}.form__group+.form__group{margin-top:var(--spacing-form-between)}.form__group .form__item{margin:0}.form--horizontal{--spacing-form-between: 1rem}.form--horizontal .form__item{display:grid;grid-template-columns:200px 1fr;gap:calc(var(--spacing-form-between)/3) var(--spacing-form-between)}.form--horizontal .form__input{align-self:start}.form--horizontal .form__label{display:flex;align-items:center;flex:0 0 200px;margin-block:0;margin-inline:0}.form--horizontal .form__message{grid-column:2/3}.modal{--max-width-modal: 800px;--color-backdrop-modal: rgba(0, 0, 0, .4);--border-radius-modal: 4px;--box-shadow-modal: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);--inner-spacing-modal: var(--blw-spacing-md);--backdrop-blur-modal: 6px;--background-modal-header: #f5f7fa;--color-modal-header: #0f172a;--font-size-modal-header: var(--blw-headline-size-xs);--background-modal-footer: var(--background-modal-header);--spacing-modal-close-button: 0.5rem;--position-modal: center;--z-index-modal: 100;position:fixed;z-index:var(--z-index-modal);inset:0;background-color:var(--color-backdrop-modal);display:grid;place-items:var(--position-modal);padding:var(--inner-spacing-modal)}.modal[aria-hidden=true]{display:none}.modal__content{display:flex;flex-direction:column;width:100%;max-width:var(--max-width-modal);margin-inline:auto;background-color:#fff;border-radius:var(--border-radius-modal);box-shadow:var(--box-shadow-modal)}.modal__content{max-height:95vh;max-height:95svh}.modal__content>*{padding:var(--inner-spacing-modal)}.modal__content>*:not(:last-child){border-bottom:1px solid #e2e8f0}.modal__header{background-color:var(--background-modal-header);border-radius:var(--border-radius-modal) var(--border-radius-modal) 0 0;display:flex;align-items:center;gap:var(--blw-spacing-sm);color:var(--color-modal-header)}.modal__close{background-color:rgba(0,0,0,0);border:0;color:currentColor;transition:background-color 200ms;padding:var(--spacing-modal-close-button);margin:calc(-1*var(--spacing-modal-close-button));border-radius:50%;line-height:0;margin-inline-start:auto}.modal__close:hover{background-color:rgba(0,0,0,.1)}.modal__close:active{transition-duration:0ms;background-color:var(--color-alert-text);color:var(--color-alert-background)}.modal__close svg{width:1em;height:1em}.modal__title{margin:0;font-size:var(--font-size-modal-header)}.modal__body{overflow:auto}.modal__footer{background-color:var(--background-modal-footer);border-radius:0 0 var(--border-radius-modal) var(--border-radius-modal);display:flex;gap:var(--blw-spacing-sm);justify-content:flex-end}.modal__footer:has(.button:only-child){justify-content:center}.modal.has-blurred-backdrop{-webkit-backdrop-filter:blur(var(--backdrop-blur-modal));backdrop-filter:blur(var(--backdrop-blur-modal))}.modal:is(.is-start,.is-top){--position-modal: start}.modal:is(.is-end,.is-bottom){--position-modal: end}.modal.is-dialog{--max-width-modal: 500px}}@layer utilities{.align-center{align-items:center}.align-start{align-items:start}.align-end{align-items:end}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-self-start{align-items:self-start}.align-self-end{align-items:self-end}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.pull-left{float:left}.flow .pull-left{margin-inline-end:1em;margin-block-end:.5em}.pull-right{float:right}.flow .pull-right{margin-inline-start:1em;margin-block-end:.5em}.width-0{width:0}.max-width-0{max-width:0}.min-width-0{min-width:0}.width-xs{width:1rem}.max-width-xs{max-width:1rem}.min-width-xs{min-width:1rem}.width-sm{width:2.5rem}.max-width-sm{max-width:2.5rem}.min-width-sm{min-width:2.5rem}.width-md{width:10rem}.max-width-md{max-width:10rem}.min-width-md{min-width:10rem}.width-lg{width:25rem}.max-width-lg{max-width:25rem}.min-width-lg{min-width:25rem}.width-xl{width:60rem}.max-width-xl{max-width:60rem}.min-width-xl{min-width:60rem}.width-25{width:25%}.width-50{width:50%}.width-75{width:75%}.width-100{width:100%}.width-third{width:33.3333333333%}.width-twothirds{width:66.6666666667%}.max-content{width:-moz-max-content;width:max-content}.min-content{width:-moz-min-content;width:min-content}.fit-content{width:-moz-fit-content;width:fit-content}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.columns-2{grid-template-columns:repeat(2, 1fr)}.columns-3{grid-template-columns:repeat(3, 1fr)}.columns-4{grid-template-columns:repeat(4, 1fr)}.columns-5{grid-template-columns:repeat(5, 1fr)}.columns-6{grid-template-columns:repeat(6, 1fr)}.rows-2{grid-template-rows:repeat(2, 1fr)}.rows-3{grid-template-rows:repeat(3, 1fr)}.rows-4{grid-template-rows:repeat(4, 1fr)}.rows-5{grid-template-rows:repeat(5, 1fr)}.rows-6{grid-template-rows:repeat(6, 1fr)}.column-span-1{grid-column:span 1}.column-span-2{grid-column:span 2}.column-span-3{grid-column:span 3}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.height-25{height:25%}.height-50{height:50%}.height-75{height:75%}.height-100{height:100%}.height-third{height:33.3333333333%}.height-twothirds{height:66.6666666667%}.height-0{height:0}.max-height-0{max-height:0}.min-height-0{min-height:0}.height-xs{height:1rem}.max-height-xs{max-height:1rem}.min-height-xs{min-height:1rem}.height-sm{height:2.5rem}.max-height-sm{max-height:2.5rem}.min-height-sm{min-height:2.5rem}.height-md{height:10rem}.max-height-md{max-height:10rem}.min-height-md{min-height:10rem}.height-lg{height:25rem}.max-height-lg{max-height:25rem}.min-height-lg{min-height:25rem}.height-xl{height:60rem}.max-height-xl{max-height:60rem}.min-height-xl{min-height:60rem}.inline-size-0{inline-size:0}.max-inline-size-0{max-inline-size:0}.min-inline-size-0{min-inline-size:0}.inline-size-xs{inline-size:1rem}.max-inline-size-xs{max-inline-size:1rem}.min-inline-size-xs{min-inline-size:1rem}.inline-size-sm{inline-size:2.5rem}.max-inline-size-sm{max-inline-size:2.5rem}.min-inline-size-sm{min-inline-size:2.5rem}.inline-size-md{inline-size:10rem}.max-inline-size-md{max-inline-size:10rem}.min-inline-size-md{min-inline-size:10rem}.inline-size-lg{inline-size:25rem}.max-inline-size-lg{max-inline-size:25rem}.min-inline-size-lg{min-inline-size:25rem}.inline-size-xl{inline-size:60rem}.max-inline-size-xl{max-inline-size:60rem}.min-inline-size-xl{min-inline-size:60rem}.block-size-0{block-size:0}.max-block-size-0{max-block-size:0}.min-block-size-0{min-block-size:0}.block-size-xs{block-size:1rem}.max-block-size-xs{max-block-size:1rem}.min-block-size-xs{min-block-size:1rem}.block-size-sm{block-size:2.5rem}.max-block-size-sm{max-block-size:2.5rem}.min-block-size-sm{min-block-size:2.5rem}.block-size-md{block-size:10rem}.max-block-size-md{max-block-size:10rem}.min-block-size-md{min-block-size:10rem}.block-size-lg{block-size:25rem}.max-block-size-lg{max-block-size:25rem}.min-block-size-lg{min-block-size:25rem}.block-size-xl{block-size:60rem}.max-block-size-xl{max-block-size:60rem}.min-block-size-xl{min-block-size:60rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.flex-column{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.hidden{display:none}.absolute{position:absolute}.relative,.has-floating-badge{position:relative}.fixed{position:fixed}.sticky{position:sticky;top:0;z-index:1}.inset-0{inset:0}.inset-xs{inset:var(--blw-spacing-xs)}.inset-sm{inset:var(--blw-spacing-sm)}.inset-md{inset:var(--blw-spacing-md)}.inset-lg{inset:var(--blw-spacing-lg)}.inset-xl{inset:var(--blw-spacing-xl)}.top-0{top:0}.top-xs{top:var(--blw-spacing-xs)}.top-sm{top:var(--blw-spacing-sm)}.top-md{top:var(--blw-spacing-md)}.top-lg{top:var(--blw-spacing-lg)}.top-xl{top:var(--blw-spacing-xl)}.right-0{right:0}.right-xs{right:var(--blw-spacing-xs)}.right-sm{right:var(--blw-spacing-sm)}.right-md{right:var(--blw-spacing-md)}.right-lg{right:var(--blw-spacing-lg)}.right-xl{right:var(--blw-spacing-xl)}.bottom-0{bottom:0}.bottom-xs{bottom:var(--blw-spacing-xs)}.bottom-sm{bottom:var(--blw-spacing-sm)}.bottom-md{bottom:var(--blw-spacing-md)}.bottom-lg{bottom:var(--blw-spacing-lg)}.bottom-xl{bottom:var(--blw-spacing-xl)}.left-0{left:0}.left-xs{left:var(--blw-spacing-xs)}.left-sm{left:var(--blw-spacing-sm)}.left-md{left:var(--blw-spacing-md)}.left-lg{left:var(--blw-spacing-lg)}.left-xl{left:var(--blw-spacing-xl)}.flow{--spacing-flow: 1em;line-height:1.5;font-size:var(--blw-text-size-md)}.flow>*{margin-block:0}.flow>*+*{margin-block-start:var(--spacing-flow)}.flow ul,.flow ol{padding-inline-start:2.5ch}.flow h1{font-size:var(--blw-headline-size-xl)}.flow h2{font-size:var(--blw-headline-size-lg)}.flow h3{font-size:var(--blw-headline-size-md)}.flow h4{font-size:var(--blw-headline-size-sm)}.flow h5{font-size:var(--blw-headline-size-xs)}.flow h6{font-size:var(--blw-text-size-lg)}.flow :is(h1,h2,h3,h4,h5,h6){line-height:1.1}.flow :is(h1,h2,h3,h4,h5,h6)+p{--spacing-flow: 0.5em}.flow figure{margin-inline:0}.flow blockquote{border-inline-start:5px solid #4cb286;padding-inline-start:1em;padding-block:.5em;margin-inline:0;font-size:var(--blw-text-size-xl)}.flow blockquote:not([class*=pull-]){margin-inline:1.5em}.flow blockquote>*{margin-block:0}.flow blockquote>*+*{margin-block-start:var(--spacing-flow)}.flow blockquote cite{display:block;font-size:var(--blw-text-size-sm);font-style:italic}.flow blockquote cite::before{content:"—";margin-right:1ch}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-0{margin-right:0}.ml-0{margin-left:0}.m-inline-0{margin-inline:0}.m-block-0{margin-block:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-0{padding-right:0}.pl-0{padding-left:0}.p-inline-0{padding-inline:0}.p-block-0{padding-block:0}.gap-0{gap:0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.m-inline-auto{margin-inline:auto}.m-block-auto{margin-block:auto}.pt-auto{padding-top:auto}.pb-auto{padding-bottom:auto}.pr-auto{padding-right:auto}.pl-auto{padding-left:auto}.p-inline-auto{padding-inline:auto}.p-block-auto{padding-block:auto}.m-xs{margin:var(--blw-spacing-xs)}.mt-xs{margin-top:var(--blw-spacing-xs)}.mb-xs{margin-bottom:var(--blw-spacing-xs)}.mr-xs{margin-right:var(--blw-spacing-xs)}.ml-xs{margin-left:var(--blw-spacing-xs)}.m-inline-xs{margin-inline:var(--blw-spacing-xs)}.m-block-xs{margin-block:var(--blw-spacing-xs)}.p-xs{padding:var(--blw-spacing-xs)}.pt-xs{padding-top:var(--blw-spacing-xs)}.pb-xs{padding-bottom:var(--blw-spacing-xs)}.pr-xs{padding-right:var(--blw-spacing-xs)}.pl-xs{padding-left:var(--blw-spacing-xs)}.p-inline-xs{padding-inline:var(--blw-spacing-xs)}.p-block-xs{padding-block:var(--blw-spacing-xs)}.gap-xs{gap:var(--blw-spacing-xs)}.m-sm{margin:var(--blw-spacing-sm)}.mt-sm{margin-top:var(--blw-spacing-sm)}.mb-sm{margin-bottom:var(--blw-spacing-sm)}.mr-sm{margin-right:var(--blw-spacing-sm)}.ml-sm{margin-left:var(--blw-spacing-sm)}.m-inline-sm{margin-inline:var(--blw-spacing-sm)}.m-block-sm{margin-block:var(--blw-spacing-sm)}.p-sm{padding:var(--blw-spacing-sm)}.pt-sm{padding-top:var(--blw-spacing-sm)}.pb-sm{padding-bottom:var(--blw-spacing-sm)}.pr-sm{padding-right:var(--blw-spacing-sm)}.pl-sm{padding-left:var(--blw-spacing-sm)}.p-inline-sm{padding-inline:var(--blw-spacing-sm)}.p-block-sm{padding-block:var(--blw-spacing-sm)}.gap-sm{gap:var(--blw-spacing-sm)}.m-md{margin:var(--blw-spacing-md)}.mt-md{margin-top:var(--blw-spacing-md)}.mb-md{margin-bottom:var(--blw-spacing-md)}.mr-md{margin-right:var(--blw-spacing-md)}.ml-md{margin-left:var(--blw-spacing-md)}.m-inline-md{margin-inline:var(--blw-spacing-md)}.m-block-md{margin-block:var(--blw-spacing-md)}.p-md{padding:var(--blw-spacing-md)}.pt-md{padding-top:var(--blw-spacing-md)}.pb-md{padding-bottom:var(--blw-spacing-md)}.pr-md{padding-right:var(--blw-spacing-md)}.pl-md{padding-left:var(--blw-spacing-md)}.p-inline-md{padding-inline:var(--blw-spacing-md)}.p-block-md{padding-block:var(--blw-spacing-md)}.gap-md{gap:var(--blw-spacing-md)}.m-lg{margin:var(--blw-spacing-lg)}.mt-lg{margin-top:var(--blw-spacing-lg)}.mb-lg{margin-bottom:var(--blw-spacing-lg)}.mr-lg{margin-right:var(--blw-spacing-lg)}.ml-lg{margin-left:var(--blw-spacing-lg)}.m-inline-lg{margin-inline:var(--blw-spacing-lg)}.m-block-lg{margin-block:var(--blw-spacing-lg)}.p-lg{padding:var(--blw-spacing-lg)}.pt-lg{padding-top:var(--blw-spacing-lg)}.pb-lg{padding-bottom:var(--blw-spacing-lg)}.pr-lg{padding-right:var(--blw-spacing-lg)}.pl-lg{padding-left:var(--blw-spacing-lg)}.p-inline-lg{padding-inline:var(--blw-spacing-lg)}.p-block-lg{padding-block:var(--blw-spacing-lg)}.gap-lg{gap:var(--blw-spacing-lg)}.m-xl{margin:var(--blw-spacing-xl)}.mt-xl{margin-top:var(--blw-spacing-xl)}.mb-xl{margin-bottom:var(--blw-spacing-xl)}.mr-xl{margin-right:var(--blw-spacing-xl)}.ml-xl{margin-left:var(--blw-spacing-xl)}.m-inline-xl{margin-inline:var(--blw-spacing-xl)}.m-block-xl{margin-block:var(--blw-spacing-xl)}.p-xl{padding:var(--blw-spacing-xl)}.pt-xl{padding-top:var(--blw-spacing-xl)}.pb-xl{padding-bottom:var(--blw-spacing-xl)}.pr-xl{padding-right:var(--blw-spacing-xl)}.pl-xl{padding-left:var(--blw-spacing-xl)}.p-inline-xl{padding-inline:var(--blw-spacing-xl)}.p-block-xl{padding-block:var(--blw-spacing-xl)}.gap-xl{gap:var(--blw-spacing-xl)}}} +@layer blower{:root{--blw-spacing-xs: 0.125rem;--blw-spacing-sm: 0.25rem;--blw-spacing-md: 1rem;--blw-spacing-lg: 1.75rem;--blw-spacing-xl: 2.5rem;--blw-text-size-xs: 12px;--blw-text-size-sm: 14px;--blw-text-size-md: 16px;--blw-text-size-lg: 18px;--blw-text-size-xl: 20px;--blw-headline-size-xs: 20px;--blw-headline-size-sm: 22px;--blw-headline-size-md: 24px;--blw-headline-size-lg: 28px;--blw-headline-size-xl: 32px}@layer reset, base, layout, components, utilities;@layer reset{:root{--flow-direction: 1}[dir=rtl]{--flow-direction: -1}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.5}body{min-height:100vh;min-height:100svh}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}img,picture,svg{max-width:100%;display:block;vertical-align:middle}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em;resize:vertical}:target{scroll-margin-block:5ex}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}iframe{border:0}}@layer base{pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}code,pre{background-color:#e2e8f0;border-radius:4px}code{padding:.125rem .25rem}pre{width:-moz-max-content;width:max-content;max-width:100%;overflow-x:auto;padding:.5rem .75rem;border:1px solid #cbd5e1}pre code{padding:0}}@layer layout{.theme-dashboard{--size-sidebar: 200px;--spacing-segments: var(--blw-spacing-md);--area-row-first: "header";--area-row-last: "footer";display:grid;grid-template-columns:1fr;grid-template-areas:"sidebar" var(--area-row-first) "main" var(--area-row-last)}@media screen and (min-width: 768px){.theme-dashboard{--area-row-first: "sidebar header";--area-row-last: "sidebar footer";display:grid;grid-template-columns:var(--size-sidebar) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:var(--area-row-first) "sidebar main" var(--area-row-last)}}@media screen and (min-width: 1024px){.theme-dashboard{--size-sidebar: 300px}}.theme-dashboard{min-height:100vh;min-height:100svh}.theme-dashboard .layout-sidebar{grid-area:sidebar;padding:var(--spacing-segments);background-color:#4cb286;color:#f0faf5;isolation:isolate;position:relative}.theme-dashboard .layout-sidebar::before{content:"";position:absolute;inset:0 0 0 auto;width:10px;background:linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1));z-index:-1}.theme-dashboard .layout-sidebar .page-title{margin-block-end:1rem;font-size:2rem;color:#f0faf5}.theme-dashboard .layout-sidebar .section-title{margin-block:1.5rem .25rem;font-size:1.25rem;font-weight:600;color:#f0faf5}.theme-dashboard .layout-main{grid-area:main;padding:var(--spacing-segments)}.theme-dashboard .layout-header{grid-area:header;padding:var(--spacing-segments)}.theme-dashboard .layout-header:empty{display:none}.theme-dashboard .layout-footer{grid-area:footer;padding:var(--spacing-segments)}.theme-dashboard .layout-footer:empty{display:none}.theme-dashboard.has-no-header,.theme-dashboard:not(:has(.layout-header:not(:empty))){--area-row-first: "sidebar"}@media(min-width: 768px){.theme-dashboard.has-no-header,.theme-dashboard:not(:has(.layout-header:not(:empty))){--area-row-first: "sidebar main"}}.theme-dashboard.has-no-footer,.theme-dashboard:not(:has(.layout-footer:not(:empty))){--area-row-last: "main"}@media(min-width: 768px){.theme-dashboard.has-no-footer,.theme-dashboard:not(:has(.layout-footer:not(:empty))){--area-row-last: "sidebar main"}}.navigation{--spacing-links-horizontal: var(--blw-spacing-md);--spacing-links-vertical: 0.625rem;--border-radius-links: 4px}.navigation ul{margin:0;padding:0;list-style-type:none}.navigation__item{position:relative}.navigation__link{display:flex;gap:calc(var(--spacing-links-horizontal)/2);align-items:center;color:currentColor;padding:var(--spacing-links-vertical) var(--spacing-links-horizontal);text-decoration:none;transition:background-color 150ms}.navigation__link:is(:hover,:focus-visible){background-color:rgba(0,0,0,.1)}.navigation__link:is(:active){transition-duration:0ms;background-color:rgba(0,0,0,.2)}.navigation--vertical.card{--spacing-links-horizontal: var(--spacing-card-horizontal)}.navigation--vertical .navigation__link{padding:var(--spacing-links-vertical) var(--spacing-links-horizontal);gap:var(--spacing-links-horizontal)}.layout-sidebar .navigation--vertical{margin-inline:calc(var(--spacing-links-horizontal)*-1)}.navigation--horizontal ul{display:flex;gap:calc(var(--spacing-links-horizontal)/2)}.navigation--horizontal .navigation__link{border-radius:var(--border-radius-links)}}@layer components{.alert{--color-alert-background: #4cb286;--color-alert-text: #f0faf5;--color-alert-border: #3c8e6e;--spacing-alert: 0.75rem;--border-radius-alert: 4px;--border-width-alert: 1px;--font-size-alert: 1rem;position:relative;padding:var(--spacing-alert);border-radius:var(--border-radius-alert);background-color:var(--color-alert-background);color:var(--color-alert-text);font-size:var(--font-size-alert);text-decoration:none;border:var(--border-width-alert) solid var(--color-alert-border)}.alert a{color:var(--color-alert-text);text-decoration:underline}.alert a:hover{text-decoration:none}.alert hr{margin:var(--spacing-alert) 0;border:0;border-top:var(--border-width-alert) solid var(--color-alert-border)}.alert ul,.alert ol{padding-inline-start:2.5ch}.alert code{background-color:var(--color-alert-border)}.alert>*{margin:0}.alert>*+*{margin-top:var(--spacing-alert)}.alert__close{position:absolute;inset-block-start:calc(var(--spacing-alert)/3);inset-inline-end:calc(var(--spacing-alert)/3);background-color:rgba(0,0,0,0);border:0;padding:calc(var(--spacing-alert)/1.5);color:var(--color-alert-text);transition:background-color 200ms;margin:0;border-radius:50%;line-height:1}.alert__close:hover{background-color:var(--color-alert-border)}.alert__close:active{transition-duration:0ms;background-color:var(--color-alert-text);color:var(--color-alert-background)}.alert__close svg{width:1em;height:1em}.alert:is(:has(.alert__close):not(:only-child),.is-dismissible)>:first-child{margin-inline-end:calc(var(--spacing-alert)*2)}.alert:is(:has(.alert__close):only-child,.is-dismissible){padding-inline-end:calc(var(--spacing-alert)*3.5)}.alert:where(.alert--success){--color-alert-background: #E7FDF1;--color-alert-text: #0F2A2E;--color-alert-border: #B0F2D7}.alert:where(.alert--danger){--color-alert-background: #FCD9DA;--color-alert-text: #461A1B;--color-alert-border: #FABBBD}.alert:where(.alert--warning){--color-alert-background: #FEE9E1;--color-alert-text: #4A2E21;--color-alert-border: #FDD2C3}.alert:where(.alert--info){--color-alert-background: #e2e8f0;--color-alert-text: #0f172a;--color-alert-border: #cbd5e1}.alert:where(.alert--dark){--color-alert-background: #475569;--color-alert-text: #FFF;--color-alert-border: #0f172a}.alert:where(.alert--light){--color-alert-background: #f5f7fa;--color-alert-text: #0f172a;--color-alert-border: #e2e8f0}.alert--text{--spacing-alert: 0;--color-alert-background: transparent;--border-width-alert: 0;display:inline-block}.alert--text:where(.alert--success){--color-alert-text: #3F9A7A}.alert--text:where(.alert--danger){--color-alert-text: #D75052}.alert--text:where(.alert--warning){--color-alert-text: #DF8260}.alert--text:where(.alert--info){--color-alert-text: #00B8D4}.alert--text:where(.alert--dark){--color-alert-text: #0f172a}.alert--text:where(.alert--light){--color-alert-text: #94a3b8}.badge{--color-badge-background: #e2e8f0;--color-badge-background-hover: var(--color-badge-border);--color-badge-text: #0f172a;--color-badge-border: #cbd5e1;--spacing-badge-horizontal: 0.375em;--spacing-badge-vertical: 0.25em;--border-radius-badge: 4px;--border-width-badge: 1px;--font-size-badge: var(--blw-text-size-xs);--font-weight-badge: 600;display:flex;gap:var(--spacing-badge-horizontal);padding:var(--spacing-badge-vertical) var(--spacing-badge-horizontal);border-radius:var(--border-radius-badge);background-color:var(--color-badge-background);color:var(--color-badge-text);font-size:var(--font-size-badge);font-weight:var(--font-weight-badge);border:var(--border-width-badge) solid var(--color-badge-border)}.badge:is(a){color:var(--color-badge-text);text-decoration:none;transition:background-color 200ms}.badge:is(a):hover{text-decoration:none;background-color:var(--color-badge-background-hover)}.badge__close,.badge__additional{padding:var(--spacing-badge-vertical) var(--spacing-badge-horizontal);margin-block:calc(var(--spacing-badge-vertical)*-1);margin-inline-end:calc(var(--spacing-badge-horizontal)*-1);border-start-end-radius:calc(var(--border-radius-badge) - var(--border-width-badge));border-end-end-radius:calc(var(--border-radius-badge) - var(--border-width-badge));background-color:var(--color-badge-border)}.badge__close{display:flex;align-items:center;background-color:rgba(0,0,0,0);border:0;color:var(--color-badge-text);transition:background-color 200ms;line-height:1}.badge__close:hover{background-color:var(--color-badge-background-hover)}.badge__close:active{transition-duration:0ms;background-color:var(--color-badge-background)}.badge__close svg{width:1em;height:1em}.badge__additional{background-color:var(--color-badge-border)}.badge--primary{--color-badge-background: #4cb286;--color-badge-text: #f0faf5;--color-badge-border: #3c8e6e}.badge--success{--color-badge-background: #E7FDF1;--color-badge-text: #0F2A2E;--color-badge-border: #B0F2D7}.badge--danger{--color-badge-background: #FCD9DA;--color-badge-text: #461A1B;--color-badge-border: #FABBBD}.badge--warning{--color-badge-background: #FEE9E1;--color-badge-text: #4A2E21;--color-badge-border: #FDD2C3}.badge--dark{--color-badge-background: #475569;--color-badge-background-hover: #64748b;--color-badge-text: #FFF;--color-badge-border: #0f172a}.badge--light{--color-badge-background: #f5f7fa;--color-badge-text: #0f172a;--color-badge-border: #e2e8f0}.button .badge{line-height:1}.has-floating-badge .badge{position:absolute;inset-block-start:calc(var(--spacing-badge-horizontal)*-2.5);inset-inline-end:calc(var(--spacing-badge-vertical)*-2.5);border-radius:50vmax;z-index:1}.button{--color-button-background: #4cb286;--color-button-text: #FFF;--color-button-border: #4cb286;--color-button-background-hover: #2c6a56;--color-button-text-hover: #FFF;--color-button-border-hover: #2c6a56;--width-button-outline-focus: 2px;--offset-button-outline-focus: 2px;--color-button-background-active: #0d2327;--color-button-text-active: #FFF;--color-button-border-active: #0d2327;--spacing-button-horizontal: var(--blw-spacing-md);--spacing-button-vertical: 0.5rem;--border-radius-button: 4px;--border-width-button: 1px;--font-size-button: 1rem;--font-weight-button: 600;padding:var(--spacing-button-vertical) var(--spacing-button-horizontal);display:inline-flex;gap:calc(var(--spacing-button-horizontal)/2);align-items:center;justify-content:center;border-radius:var(--border-radius-button);background-color:var(--color-button-background);color:var(--color-button-text);font-size:var(--font-size-button);font-weight:var(--font-weight-button);text-decoration:none;border:var(--border-width-button) solid var(--color-button-border);transition-property:background-color,border-color,color,outline-color;transition-duration:200ms;outline:var(--width-button-outline-focus) solid rgba(0,0,0,0);outline-offset:var(--offset-button-outline-focus)}@media(hover: hover){.button:hover:not(:disabled){background-color:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-button-text-hover)}}.button:is(:focus-visible):not(:disabled){background-color:var(--color-button-background-hover);border-color:var(--color-button-border-hover);color:var(--color-button-text-hover);outline:var(--width-button-outline-focus) solid var(--color-button-background-hover)}.button:active:not(:disabled){transition-duration:0ms;background-color:var(--color-button-background-active);border-color:var(--color-button-border-active);color:var(--color-button-text-active)}.button:disabled{opacity:.5;cursor:not-allowed}.button--secondary{--color-button-background: #e2e8f0;--color-button-text: #0f172a;--color-button-border: #e2e8f0;--color-button-background-hover: #64748b;--color-button-text-hover: #FFF;--color-button-border-hover: #64748b;--color-button-background-active: #0f172a;--color-button-text-active: #FFF;--color-button-border-active: #0f172a}.button--tertiary{--color-button-background: transparent;--color-button-text: #0f172a;--color-button-border: transparent;--color-button-background-hover: #94a3b8;--color-button-text-hover: #FFF;--color-button-border-hover: #94a3b8;--color-button-background-active: #1e293b;--color-button-text-active: #FFF;--color-button-border-active: #1e293b}.button--destructive{--color-button-background: #F1595C;--color-button-text: #FFF;--color-button-border: #F1595C;--color-button-background-hover: #913638;--color-button-text-hover: #FFF;--color-button-border-hover: #913638;--color-button-background-active: #6D292A;--color-button-text-active: #FFF;--color-button-border-active: #6D292A}.button--dark{--color-button-background: #0f172a;--color-button-text: #FFF;--color-button-border: #0f172a;--color-button-background-hover: #475569;--color-button-text-hover: #FFF;--color-button-border-hover: #475569;--color-button-background-active: #64748b;--color-button-text-active: #FFF;--color-button-border-active: #64748b}.button--light{--color-button-background: #f5f7fa;--color-button-text: #0f172a;--color-button-border: #f5f7fa;--color-button-background-hover: #e2e8f0;--color-button-text-hover: #0f172a;--color-button-border-hover: #e2e8f0;--color-button-background-active: #cbd5e1;--color-button-text-active: #0f172a;--color-button-border-active: #cbd5e1}.button--small{--spacing-button-horizontal: 0.75rem;--spacing-button-vertical: 0.375rem ;--font-size-button: .75rem}.button--large{--spacing-button-horizontal: 1.5rem;--spacing-button-vertical: 0.75rem;--font-size-button: 1.25rem}.button--outline,.button--text{--color-button-text: var(--color-button-background);--color-button-border: var(--color-button-background);background-color:rgba(0,0,0,0)}.button--outline:where(.button--secondary,.button--tertiary,.button--light),.button--text:where(.button--secondary,.button--tertiary,.button--light){--color-button-text: #0f172a}.button:has(.is-icon),.button.has-icon{align-items:center;gap:.5em}.button--rounded{--border-radius-button: 200px}.button--text{--color-button-border: transparent;--spacing-button-horizontal: 0.375rem;--spacing-button-vertical: 0.25rem}.button--image{--border-width-button: 0;padding:0;border-radius:calc(infinity*1px)}.button--image img{border-radius:calc(infinity*1px);-o-object-fit:cover;object-fit:cover}.button--unset{padding-inline:unset;background:unset;border:unset;color:unset;font-size:unset}.button-group{display:inline-flex}.button-group .button{border-radius:0}.button-group:not(.button-group--vertical) .button:first-child{border-start-start-radius:var(--border-radius-button);border-end-start-radius:var(--border-radius-button)}.button-group:not(.button-group--vertical) .button:last-child{border-start-end-radius:var(--border-radius-button);border-end-end-radius:var(--border-radius-button)}.button-group--vertical{flex-direction:column}.button-group--vertical .button:first-child{border-start-start-radius:var(--border-radius-button);border-start-end-radius:var(--border-radius-button)}.button-group--vertical .button:last-child{border-end-start-radius:var(--border-radius-button);border-end-end-radius:var(--border-radius-button)}.card{--color-card-border: #cbd5e1;--spacing-card-horizontal: 0.75rem;--spacing-card-vertical: 0.75rem;--gap-card: var(--spacing-card-vertical) var(--spacing-card-horizontal);--border-radius-card: calc(4px * 2);--border-radius-card-image: calc(var(--border-radius-card) / 2);--border-width-card: 1px;--font-size-card: var(--blw-text-size-md);--font-size-card-title: var(--blw-headline-size-xs);--font-size-card-subtitle: var(--blw-text-size-lg);--font-size-card-meta: var(--blw-text-size-xs);--background-color-card: #FFF;--background-image-card: #f5f7fa;--color-card-text: #0d2327;position:relative;padding:var(--spacing-card-vertical) var(--spacing-card-horizontal);border-radius:var(--border-radius-card);background-color:var(--background-color-card);color:var(--color-card-text);font-size:var(--font-size-card);text-decoration:none;border:var(--border-width-card) solid var(--color-card-border);display:grid;gap:var(--gap-card)}.card__header{display:flex;flex-direction:column;gap:calc(var(--gap-card)/2)}.card__title{margin-block:0;font-size:var(--font-size-card-title)}.card__subtitle{margin-block:0;font-size:var(--font-size-card-subtitle)}.card__image{background:var(--background-image-card);border-radius:var(--border-radius-card-image);width:100%;height:auto}.card__footer{display:flex;gap:var(--gap-card)}.card__meta{font-size:var(--font-size-card-meta);opacity:.7}.card__meta a{color:currentColor;text-decoration:none}.card__meta a:hover{text-decoration:underline}.card.has-edge-image .card__image{margin-inline:calc(var(--spacing-card-horizontal)*-1);max-width:none;width:calc(100% + var(--spacing-card-horizontal)*2)}.card.has-edge-image .card__image:first-child{margin-block-start:calc(var(--spacing-card-vertical)*-1)}.card.has-edge-image .card__image:last-child{margin-block-end:calc(var(--spacing-card-vertical)*-1)}.card.has-edge-image .card__image:not(:first-child){border-start-start-radius:0;border-start-end-radius:0}.card.has-edge-image .card__image:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}.card--primary{--background-color-card: #4cb286;--color-card-text: #f0faf5;--color-card-border: #3c8e6e}.card--success{--background-color-card: #E7FDF1;--color-card-text: #0F2A2E;--color-card-border: #B0F2D7}.card--danger{--background-color-card: #FCD9DA;--color-card-text: #461A1B;--color-card-border: #FABBBD}.card--warning{--background-color-card: #FEE9E1;--color-card-text: #4A2E21;--color-card-border: #FDD2C3}.card--info{--background-color-card: #e2e8f0;--color-card-text: #0f172a;--color-card-border: #cbd5e1}.card--dark{--background-color-card: #475569;--color-card-text: #FFF;--color-card-border: #0f172a}.card--light{--background-color-card: #f5f7fa;--color-card-text: #0f172a;--color-card-border: #e2e8f0}.card--background-image{grid-template-columns:1fr;grid-template-rows:1fr;padding:0}.card--background-image::before{content:"";grid-column:1/-1;grid-row:1/-1;background-color:var(--background-color-card);z-index:1;opacity:.6;border-radius:calc(var(--border-radius-card) - var(--border-width-card))}.card--background-image .card__image{grid-column:1/-1;grid-row:1/-1;border-radius:calc(var(--border-radius-card) - var(--border-width-card))}.card--background-image .card__wrapper{display:grid;gap:var(--gap-card);align-content:center;grid-column:1/-1;grid-row:1/-1;padding:var(--spacing-card-vertical) var(--spacing-card-horizontal);z-index:2;border-radius:calc(var(--border-radius-card) - var(--border-width-card))}.card--background-image.has-blurred-background .card__wrapper{-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}.card--background-image.has-blurred-background::before{opacity:.3}.dropdown{--spacing-item-horizontal: 0.625rem;--spacing-item-vertical: 0.5rem;--spacing-list: 0.375rem;--offset-list: var(--blw-spacing-sm);--min-width-dropdown: 10rem;--max-width-dropdown: none;--color-border: #cbd5e1;--width-border: 1px;--border-radius-dropdown: 4px;--base-transform: translateY(var(--offset-list));position:relative}.dropdown__button::after{content:"";display:inline-block;margin-inline-start:.3em;border-block-start:.3em solid;border-inline:.3em solid rgba(0,0,0,0);border-block-end:0}.dropdown__content-wrap{position:absolute;background-color:#fff;border:var(--width-border) solid var(--color-border);display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;min-width:var(--min-width-dropdown);max-width:var(--max-width-dropdown);border-radius:var(--border-radius-dropdown);transform:var(--base-transform)}.dropdown__list{display:flex;flex-direction:column;list-style-type:none;padding-inline-start:0;margin-block:0;padding-block:var(--spacing-list)}.dropdown__list>li{padding-inline:var(--spacing-list)}.dropdown__item{--color-text-item: currentColor;--color-background-item-hover: #f5f7fa;--color-background-item-active: #64748b;display:flex;width:100%;border:0;background-color:rgba(0,0,0,0);padding:var(--spacing-item-vertical) var(--spacing-item-horizontal);text-decoration:none;color:var(--color-text-item);transition-property:background-color,color;transition-duration:200ms;white-space:nowrap;word-break:keep-all;border-radius:calc(var(--border-radius-dropdown)/1.5)}.dropdown__item:is(:hover,:focus-visible){background-color:var(--color-background-item-hover)}.dropdown__item:is(:active,.is-active){transition-duration:0ms;background-color:var(--color-background-item-active);color:#fff}.dropdown__item.is-primary{font-weight:600;--color-text-item: #4cb286;--color-background-item-hover: #d9f5e8;--color-background-item-active: #4cb286}.dropdown__item.is-destructive{--color-text-item: #D75052;--color-background-item-hover: #FEEFEF;--color-background-item-active: #F1595C}.dropdown__item.is-disabled{pointer-events:none;opacity:.5}.dropdown__item:has(.is-icon),.dropdown__item.has-icon{align-items:center;gap:.5em}.dropdown[aria-expanded=true]{z-index:1}.dropdown .is-seperated{border-top:var(--width-border) solid var(--color-border);margin-block-start:var(--spacing-list);padding-block-start:var(--spacing-list)}.dropdown.has-only-icons{--min-width-dropdown: 0}.dropdown.has-only-icons .dropdown__list{width:-moz-max-content;width:max-content}.dropdown.has-icons-last .is-icon{margin-inline-start:auto}.dropdown--start .dropdown__list{inset-inline-start:0}.dropdown--center .dropdown__button{margin-inline:auto}.dropdown--center .dropdown__content-wrap{inset-inline-start:50%;transform:translateX(calc(var(--flow-direction) * -50%)) var(--base-transform)}.dropdown--end .dropdown__button{margin-inline-start:auto}.dropdown--end .dropdown__content-wrap{inset-inline-end:0}.form{--color-input-background: #FFF;--color-input-border: #94a3b8;--color-input-text: #0d2327;--color-input-background-focus: #FFF;--color-input-border-focus: #475569;--color-input-text-focus: #0d2327;--width-input-outline-focus: 2px;--offset-input-outline-focus: 2px;--color-input-background-disabled: #f5f7fa;--color-input-border-disabled: #94a3b8;--color-input-text-disabled: #64748b;--spacing-input-horizontal: var(--blw-spacing-md);--spacing-input-vertical: 0.5rem;--spacing-form-between: 0.5rem;--font-size-input: var(--blw-text-size-md);--font-size-input-label: var(--blw-text-size-sm);--font-size-input-message: var(--blw-text-size-xs);--font-weight-input-label: 600;--border-radius-input: 4px;--border-input-width: 1px;--transition-input: background-color, border-color, color, outline-color;--transition-duration-input: 200ms}.form__item+.form__item{margin-top:var(--spacing-form-between)}.form__item.has-error{--color-input-background: #FFF7F7;--color-input-border: #F1595C;--color-input-text: #D75052;--color-input-placeholder: #D75052}.form__item.has-success{--color-input-background: #F3FEF8;--color-input-border: #50C793;--color-input-text: #3F9A7A;--color-input-placeholder: #3F9A7A}.form__item.has-warning{--color-input-background: #FFFAF8;--color-input-border: #FA916B;--color-input-text: #DF8260;--color-input-placeholder: #DF8260}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])){display:grid;grid-template-columns:max-content 1fr;gap:var(--spacing-form-between);align-items:center;line-height:1.1}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])) .form__label{margin-block:0}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])):is(.is-disabled,:has(:disabled)){opacity:.5}.form__item:is(.has-checkbox,.has-radio,:has([type=checkbox]),:has([type=radio])):is(.is-disabled,:has(:disabled))>*{cursor:not-allowed}.form__input{display:block;background-color:var(--color-input-background);border:var(--border-input-width) solid var(--color-input-border);border-radius:var(--border-radius-input);color:var(--color-input-text);font-size:var(--font-size-input);padding:var(--spacing-input-vertical) var(--spacing-input-horizontal);transition-property:var(--transition-input);transition-duration:var(--transition-duration-input);width:100%;outline:var(--width-input-outline-focus) solid rgba(0,0,0,0);outline-offset:var(--offset-input-outline-focus)}.form__input:focus-within{background-color:var(--color-input-background-focus);border-color:var(--color-input-border-focus);box-shadow:var(--box-shadow-input),0 0 0 1px var(--color-input-border-focus);color:var(--color-input-text-focus);outline:var(--width-input-outline-focus) solid var(--color-input-border-focus)}.form__input:disabled{background-color:var(--color-input-background-disabled);border-color:var(--color-input-border-disabled);color:var(--color-input-text-disabled);cursor:not-allowed}.form__input::-moz-placeholder{color:var(--color-input-text);opacity:.7}.form__input::placeholder{color:var(--color-input-text);opacity:.7}.form__input[type=radio],.form__input[type=checkbox]{--size-input: 1.5em;--color-input-border: #1e293b;--color-input-border-focus: var(--color-input-border);--color-checked: #3c8e6e;--border-input-width: 2px;--transform-input-hover: scale(.5);--filter-input-hover: brightness(1.3);margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--size-input);height:var(--size-input);display:grid;place-content:center;outline:calc(var(--border-input-width)) solid rgba(0,0,0,0)}.form__input[type=radio]::before,.form__input[type=checkbox]::before{content:"";width:calc(var(--size-input)*.5);height:calc(var(--size-input)*.5);transform:scale(0);transform-origin:center;transition:100ms transform ease-in-out;transition-property:transform,filter;background-color:var(--color-checked)}.form__input[type=radio]:hover::before,.form__input[type=checkbox]:hover::before{transform:var(--transform-input-hover);filter:var(--filter-input-hover)}.form__input[type=radio]:checked::before,.form__input[type=checkbox]:checked::before{transform:scale(1)}.form__input[type=radio]:focus-visible,.form__input[type=checkbox]:focus-visible{outline-color:var(--color-input-border);outline-offset:var(--border-input-width)}.form__input[type=radio]{border-radius:50%}.form__input[type=radio]::before{clip-path:none;border-radius:inherit}.form__input[type=checkbox]:not(.is-switch)::before{clip-path:circle()}.form__input[type=checkbox]:checked:not(.is-switch)::before{clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)}.form__input[type=checkbox].is-switch{--translate-x: 0;--transform-switch: translateX(calc(var(--flow-direction) * var(--translate-x)));position:relative;width:2.5em;border-radius:50vmax}.form__input[type=checkbox].is-switch::before{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:1em;height:1em;transform:var(--transform-switch);transform-origin:left;border-radius:50%}.form__input[type=checkbox].is-switch:hover::before{transform:var(--transform-switch) scaleX(1.08)}.form__input[type=checkbox].is-switch:checked{--translate-x: 1em}.form__input[type=checkbox].is-switch:checked:hover::before{transform:var(--transform-switch) scaleX(1.08);transform-origin:right}.form__input[type=checkbox].is-switch:not(:checked){--color-checked: #94a3b8;--filter-input-hover: brightness(.8)}.form__label{display:block;color:var(--color-input-text);font-size:var(--font-size-input-label);font-weight:var(--font-weight-input-label);margin-block:0 calc(var(--spacing-form-between)/2);margin-inline:0;line-height:1.1}.form__message{color:var(--color-input-text);font-size:var(--font-size-input-message);line-height:1.1}.form__select{--select-arrow: var(--color-input-border);position:relative}.form__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form__select select[multiple]{padding:0}.form__select select[multiple] option{padding-inline:var(--spacing-input-horizontal);padding-block:var(--spacing-input-vertical)}.form__select:not(:has([multiple]))::after{inset-inline-end:var(--spacing-input-horizontal);inset-block-start:50%;transform:translateY(-50%);position:absolute;content:"";width:.8em;height:.5em;background-color:var(--select-arrow);clip-path:polygon(100% 0%, 0 0%, 50% 100%);z-index:10}.form__group{--size-input: 12em;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--size-input), 1fr));gap:var(--spacing-form-between)}.form__group+.form__group{margin-top:var(--spacing-form-between)}.form__group .form__item{margin:0}.form--horizontal{--spacing-form-between: 1rem}.form--horizontal .form__item{display:grid;grid-template-columns:200px 1fr;gap:calc(var(--spacing-form-between)/3) var(--spacing-form-between)}.form--horizontal .form__input{align-self:start}.form--horizontal .form__label{display:flex;align-items:center;flex:0 0 200px;margin-block:0;margin-inline:0}.form--horizontal .form__message{grid-column:2/3}.modal{--max-width-modal: 800px;--color-backdrop-modal: rgba(0, 0, 0, .4);--border-radius-modal: 4px;--box-shadow-modal: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);--inner-spacing-modal: var(--blw-spacing-md);--backdrop-blur-modal: 6px;--background-modal-header: #f5f7fa;--color-modal-header: #0f172a;--font-size-modal-header: var(--blw-headline-size-xs);--background-modal-footer: var(--background-modal-header);--spacing-modal-close-button: 0.5rem;--position-modal: center;--z-index-modal: 100;position:fixed;z-index:var(--z-index-modal);inset:0;background-color:var(--color-backdrop-modal);display:grid;place-items:var(--position-modal);padding:var(--inner-spacing-modal)}.modal[aria-hidden=true]{display:none}.modal__content{display:flex;flex-direction:column;width:100%;max-width:var(--max-width-modal);margin-inline:auto;background-color:#fff;border-radius:var(--border-radius-modal);box-shadow:var(--box-shadow-modal)}.modal__content{max-height:95vh;max-height:95svh}.modal__content>*{padding:var(--inner-spacing-modal)}.modal__content>*:not(:last-child){border-bottom:1px solid #e2e8f0}.modal__header{background-color:var(--background-modal-header);border-radius:var(--border-radius-modal) var(--border-radius-modal) 0 0;display:flex;align-items:center;gap:var(--blw-spacing-sm);color:var(--color-modal-header)}.modal__close{background-color:rgba(0,0,0,0);border:0;color:currentColor;transition:background-color 200ms;padding:var(--spacing-modal-close-button);margin:calc(-1*var(--spacing-modal-close-button));border-radius:50%;line-height:0;margin-inline-start:auto}.modal__close:hover{background-color:rgba(0,0,0,.1)}.modal__close:active{transition-duration:0ms;background-color:var(--color-alert-text);color:var(--color-alert-background)}.modal__close svg{width:1em;height:1em}.modal__title{margin:0;font-size:var(--font-size-modal-header)}.modal__body{overflow:auto}.modal__footer{background-color:var(--background-modal-footer);border-radius:0 0 var(--border-radius-modal) var(--border-radius-modal);display:flex;gap:var(--blw-spacing-sm);justify-content:flex-end}.modal__footer:has(.button:only-child){justify-content:center}.modal.has-blurred-backdrop{-webkit-backdrop-filter:blur(var(--backdrop-blur-modal));backdrop-filter:blur(var(--backdrop-blur-modal))}.modal:is(.is-start,.is-top){--position-modal: start}.modal:is(.is-end,.is-bottom){--position-modal: end}.modal.is-dialog{--max-width-modal: 500px}}@layer utilities{.align-center{align-items:center}.align-start{align-items:start}.align-end{align-items:end}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-self-start{align-items:self-start}.align-self-end{align-items:self-end}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.pull-left{float:left}.flow .pull-left{margin-inline-end:1em;margin-block-end:.5em}.pull-right{float:right}.flow .pull-right{margin-inline-start:1em;margin-block-end:.5em}.width-0{width:0}.max-width-0{max-width:0}.min-width-0{min-width:0}.width-xs{width:1rem}.max-width-xs{max-width:1rem}.min-width-xs{min-width:1rem}.width-sm{width:2.5rem}.max-width-sm{max-width:2.5rem}.min-width-sm{min-width:2.5rem}.width-md{width:10rem}.max-width-md{max-width:10rem}.min-width-md{min-width:10rem}.width-lg{width:25rem}.max-width-lg{max-width:25rem}.min-width-lg{min-width:25rem}.width-xl{width:60rem}.max-width-xl{max-width:60rem}.min-width-xl{min-width:60rem}.width-25{width:25%}.width-50{width:50%}.width-75{width:75%}.width-100{width:100%}.width-third{width:33.3333333333%}.width-twothirds{width:66.6666666667%}.max-content{width:-moz-max-content;width:max-content}.min-content{width:-moz-min-content;width:min-content}.fit-content{width:-moz-fit-content;width:fit-content}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.columns-2{grid-template-columns:repeat(2, 1fr)}.columns-3{grid-template-columns:repeat(3, 1fr)}.columns-4{grid-template-columns:repeat(4, 1fr)}.columns-5{grid-template-columns:repeat(5, 1fr)}.columns-6{grid-template-columns:repeat(6, 1fr)}.rows-2{grid-template-rows:repeat(2, 1fr)}.rows-3{grid-template-rows:repeat(3, 1fr)}.rows-4{grid-template-rows:repeat(4, 1fr)}.rows-5{grid-template-rows:repeat(5, 1fr)}.rows-6{grid-template-rows:repeat(6, 1fr)}.column-span-1{grid-column:span 1}.column-span-2{grid-column:span 2}.column-span-3{grid-column:span 3}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.height-25{height:25%}.height-50{height:50%}.height-75{height:75%}.height-100{height:100%}.height-third{height:33.3333333333%}.height-twothirds{height:66.6666666667%}.height-0{height:0}.max-height-0{max-height:0}.min-height-0{min-height:0}.height-xs{height:1rem}.max-height-xs{max-height:1rem}.min-height-xs{min-height:1rem}.height-sm{height:2.5rem}.max-height-sm{max-height:2.5rem}.min-height-sm{min-height:2.5rem}.height-md{height:10rem}.max-height-md{max-height:10rem}.min-height-md{min-height:10rem}.height-lg{height:25rem}.max-height-lg{max-height:25rem}.min-height-lg{min-height:25rem}.height-xl{height:60rem}.max-height-xl{max-height:60rem}.min-height-xl{min-height:60rem}.inline-size-0{inline-size:0}.max-inline-size-0{max-inline-size:0}.min-inline-size-0{min-inline-size:0}.inline-size-xs{inline-size:1rem}.max-inline-size-xs{max-inline-size:1rem}.min-inline-size-xs{min-inline-size:1rem}.inline-size-sm{inline-size:2.5rem}.max-inline-size-sm{max-inline-size:2.5rem}.min-inline-size-sm{min-inline-size:2.5rem}.inline-size-md{inline-size:10rem}.max-inline-size-md{max-inline-size:10rem}.min-inline-size-md{min-inline-size:10rem}.inline-size-lg{inline-size:25rem}.max-inline-size-lg{max-inline-size:25rem}.min-inline-size-lg{min-inline-size:25rem}.inline-size-xl{inline-size:60rem}.max-inline-size-xl{max-inline-size:60rem}.min-inline-size-xl{min-inline-size:60rem}.block-size-0{block-size:0}.max-block-size-0{max-block-size:0}.min-block-size-0{min-block-size:0}.block-size-xs{block-size:1rem}.max-block-size-xs{max-block-size:1rem}.min-block-size-xs{min-block-size:1rem}.block-size-sm{block-size:2.5rem}.max-block-size-sm{max-block-size:2.5rem}.min-block-size-sm{min-block-size:2.5rem}.block-size-md{block-size:10rem}.max-block-size-md{max-block-size:10rem}.min-block-size-md{min-block-size:10rem}.block-size-lg{block-size:25rem}.max-block-size-lg{max-block-size:25rem}.min-block-size-lg{min-block-size:25rem}.block-size-xl{block-size:60rem}.max-block-size-xl{max-block-size:60rem}.min-block-size-xl{min-block-size:60rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.flex-column{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.hidden{display:none}.absolute{position:absolute}.relative,.has-floating-badge{position:relative}.fixed{position:fixed}.sticky{position:sticky;top:0;z-index:1}.inset-0{inset:0}.inset-xs{inset:var(--blw-spacing-xs)}.inset-sm{inset:var(--blw-spacing-sm)}.inset-md{inset:var(--blw-spacing-md)}.inset-lg{inset:var(--blw-spacing-lg)}.inset-xl{inset:var(--blw-spacing-xl)}.top-0{top:0}.top-xs{top:var(--blw-spacing-xs)}.top-sm{top:var(--blw-spacing-sm)}.top-md{top:var(--blw-spacing-md)}.top-lg{top:var(--blw-spacing-lg)}.top-xl{top:var(--blw-spacing-xl)}.right-0{right:0}.right-xs{right:var(--blw-spacing-xs)}.right-sm{right:var(--blw-spacing-sm)}.right-md{right:var(--blw-spacing-md)}.right-lg{right:var(--blw-spacing-lg)}.right-xl{right:var(--blw-spacing-xl)}.bottom-0{bottom:0}.bottom-xs{bottom:var(--blw-spacing-xs)}.bottom-sm{bottom:var(--blw-spacing-sm)}.bottom-md{bottom:var(--blw-spacing-md)}.bottom-lg{bottom:var(--blw-spacing-lg)}.bottom-xl{bottom:var(--blw-spacing-xl)}.left-0{left:0}.left-xs{left:var(--blw-spacing-xs)}.left-sm{left:var(--blw-spacing-sm)}.left-md{left:var(--blw-spacing-md)}.left-lg{left:var(--blw-spacing-lg)}.left-xl{left:var(--blw-spacing-xl)}.flow{--spacing-flow: 1em;line-height:1.5;font-size:var(--blw-text-size-md)}.flow>*{margin-block:0}.flow>*+*{margin-block-start:var(--spacing-flow)}.flow ul,.flow ol{padding-inline-start:2.5ch}.flow h1{font-size:var(--blw-headline-size-xl)}.flow h2{font-size:var(--blw-headline-size-lg)}.flow h3{font-size:var(--blw-headline-size-md)}.flow h4{font-size:var(--blw-headline-size-sm)}.flow h5{font-size:var(--blw-headline-size-xs)}.flow h6{font-size:var(--blw-text-size-lg)}.flow :is(h1,h2,h3,h4,h5,h6){line-height:1.1}.flow :is(h1,h2,h3,h4,h5,h6)+p{--spacing-flow: 0.5em}.flow figure{margin-inline:0}.flow blockquote{border-inline-start:5px solid #4cb286;padding-inline-start:1em;padding-block:.5em;margin-inline:0;font-size:var(--blw-text-size-xl)}.flow blockquote:not([class*=pull-]){margin-inline:1.5em}.flow blockquote>*{margin-block:0}.flow blockquote>*+*{margin-block-start:var(--spacing-flow)}.flow blockquote cite{display:block;font-size:var(--blw-text-size-sm);font-style:italic}.flow blockquote cite::before{content:"—";margin-right:1ch}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-0{margin-right:0}.ml-0{margin-left:0}.m-inline-0{margin-inline:0}.m-block-0{margin-block:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-0{padding-right:0}.pl-0{padding-left:0}.p-inline-0{padding-inline:0}.p-block-0{padding-block:0}.gap-0{gap:0}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.m-inline-auto{margin-inline:auto}.m-block-auto{margin-block:auto}.pt-auto{padding-top:auto}.pb-auto{padding-bottom:auto}.pr-auto{padding-right:auto}.pl-auto{padding-left:auto}.p-inline-auto{padding-inline:auto}.p-block-auto{padding-block:auto}.m-xs{margin:var(--blw-spacing-xs)}.mt-xs{margin-top:var(--blw-spacing-xs)}.mb-xs{margin-bottom:var(--blw-spacing-xs)}.mr-xs{margin-right:var(--blw-spacing-xs)}.ml-xs{margin-left:var(--blw-spacing-xs)}.m-inline-xs{margin-inline:var(--blw-spacing-xs)}.m-block-xs{margin-block:var(--blw-spacing-xs)}.p-xs{padding:var(--blw-spacing-xs)}.pt-xs{padding-top:var(--blw-spacing-xs)}.pb-xs{padding-bottom:var(--blw-spacing-xs)}.pr-xs{padding-right:var(--blw-spacing-xs)}.pl-xs{padding-left:var(--blw-spacing-xs)}.p-inline-xs{padding-inline:var(--blw-spacing-xs)}.p-block-xs{padding-block:var(--blw-spacing-xs)}.gap-xs{gap:var(--blw-spacing-xs)}.m-sm{margin:var(--blw-spacing-sm)}.mt-sm{margin-top:var(--blw-spacing-sm)}.mb-sm{margin-bottom:var(--blw-spacing-sm)}.mr-sm{margin-right:var(--blw-spacing-sm)}.ml-sm{margin-left:var(--blw-spacing-sm)}.m-inline-sm{margin-inline:var(--blw-spacing-sm)}.m-block-sm{margin-block:var(--blw-spacing-sm)}.p-sm{padding:var(--blw-spacing-sm)}.pt-sm{padding-top:var(--blw-spacing-sm)}.pb-sm{padding-bottom:var(--blw-spacing-sm)}.pr-sm{padding-right:var(--blw-spacing-sm)}.pl-sm{padding-left:var(--blw-spacing-sm)}.p-inline-sm{padding-inline:var(--blw-spacing-sm)}.p-block-sm{padding-block:var(--blw-spacing-sm)}.gap-sm{gap:var(--blw-spacing-sm)}.m-md{margin:var(--blw-spacing-md)}.mt-md{margin-top:var(--blw-spacing-md)}.mb-md{margin-bottom:var(--blw-spacing-md)}.mr-md{margin-right:var(--blw-spacing-md)}.ml-md{margin-left:var(--blw-spacing-md)}.m-inline-md{margin-inline:var(--blw-spacing-md)}.m-block-md{margin-block:var(--blw-spacing-md)}.p-md{padding:var(--blw-spacing-md)}.pt-md{padding-top:var(--blw-spacing-md)}.pb-md{padding-bottom:var(--blw-spacing-md)}.pr-md{padding-right:var(--blw-spacing-md)}.pl-md{padding-left:var(--blw-spacing-md)}.p-inline-md{padding-inline:var(--blw-spacing-md)}.p-block-md{padding-block:var(--blw-spacing-md)}.gap-md{gap:var(--blw-spacing-md)}.m-lg{margin:var(--blw-spacing-lg)}.mt-lg{margin-top:var(--blw-spacing-lg)}.mb-lg{margin-bottom:var(--blw-spacing-lg)}.mr-lg{margin-right:var(--blw-spacing-lg)}.ml-lg{margin-left:var(--blw-spacing-lg)}.m-inline-lg{margin-inline:var(--blw-spacing-lg)}.m-block-lg{margin-block:var(--blw-spacing-lg)}.p-lg{padding:var(--blw-spacing-lg)}.pt-lg{padding-top:var(--blw-spacing-lg)}.pb-lg{padding-bottom:var(--blw-spacing-lg)}.pr-lg{padding-right:var(--blw-spacing-lg)}.pl-lg{padding-left:var(--blw-spacing-lg)}.p-inline-lg{padding-inline:var(--blw-spacing-lg)}.p-block-lg{padding-block:var(--blw-spacing-lg)}.gap-lg{gap:var(--blw-spacing-lg)}.m-xl{margin:var(--blw-spacing-xl)}.mt-xl{margin-top:var(--blw-spacing-xl)}.mb-xl{margin-bottom:var(--blw-spacing-xl)}.mr-xl{margin-right:var(--blw-spacing-xl)}.ml-xl{margin-left:var(--blw-spacing-xl)}.m-inline-xl{margin-inline:var(--blw-spacing-xl)}.m-block-xl{margin-block:var(--blw-spacing-xl)}.p-xl{padding:var(--blw-spacing-xl)}.pt-xl{padding-top:var(--blw-spacing-xl)}.pb-xl{padding-bottom:var(--blw-spacing-xl)}.pr-xl{padding-right:var(--blw-spacing-xl)}.pl-xl{padding-left:var(--blw-spacing-xl)}.p-inline-xl{padding-inline:var(--blw-spacing-xl)}.p-block-xl{padding-block:var(--blw-spacing-xl)}.gap-xl{gap:var(--blw-spacing-xl)}}} diff --git a/package-lock.json b/package-lock.json index 79aa39a..258d628 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,21 +1,19 @@ { "name": "@hyperlinkgroup/blower", - "version": "1.0.0-beta.21", + "version": "1.0.0-beta.23", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@hyperlinkgroup/blower", - "version": "1.0.0-beta.21", + "version": "1.0.0-beta.23", "license": "MIT", - "dependencies": { - "sass-true": "^8.0.0" - }, "devDependencies": { "autoprefixer": "^10.4.20", "postcss": "^8.4.45", "postcss-cli": "^11.0.0", "sass": "^1.78.0", + "sass-true": "^8.1.0", "stylelint": "^15.9.0", "vitest": "^2.0.5" }, @@ -26,7 +24,8 @@ "node_modules/@adobe/css-tools": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.0.tgz", - "integrity": "sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==" + "integrity": "sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==", + "dev": true }, "node_modules/@ampproject/remapping": { "version": "2.3.0", @@ -562,6 +561,7 @@ "version": "29.6.3", "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", + "dev": true, "dependencies": { "@sinclair/typebox": "^0.27.8" }, @@ -884,7 +884,8 @@ "node_modules/@sinclair/typebox": { "version": "0.27.8", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", - "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==" + "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==", + "dev": true }, "node_modules/@sindresorhus/merge-streams": { "version": "2.3.0", @@ -1268,9 +1269,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001659", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001659.tgz", - "integrity": "sha512-Qxxyfv3RdHAfJcXelgf0hU4DFUVXBGTjqrBUZLUh8AtlGnsDo+CnncYtTd95+ZKfnANUOzxyIQCuU/UeBZBYoA==", + "version": "1.0.30001723", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001723.tgz", + "integrity": "sha512-1R/elMjtehrFejxwmexeXAtae5UO9iSyFn6G/I806CYC/BLyyBk1EPhrKBkWhy6wM6Xnm47dSJQec+tLJ39WHw==", "dev": true, "funding": [ { @@ -1572,6 +1573,7 @@ "version": "29.6.3", "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz", "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==", + "dev": true, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } @@ -2285,6 +2287,7 @@ "version": "29.7.0", "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz", "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==", + "dev": true, "dependencies": { "chalk": "^4.0.0", "diff-sequences": "^29.6.3", @@ -2299,6 +2302,7 @@ "version": "4.3.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, "dependencies": { "color-convert": "^2.0.1" }, @@ -2313,6 +2317,7 @@ "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -2328,6 +2333,7 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, "dependencies": { "color-name": "~1.1.4" }, @@ -2338,12 +2344,14 @@ "node_modules/jest-diff/node_modules/color-name": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "node_modules/jest-diff/node_modules/has-flag": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, "engines": { "node": ">=8" } @@ -2352,6 +2360,7 @@ "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, "dependencies": { "has-flag": "^4.0.0" }, @@ -2363,6 +2372,7 @@ "version": "29.6.3", "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", + "dev": true, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } @@ -2479,7 +2489,8 @@ "node_modules/lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "node_modules/lodash.truncate": { "version": "4.4.2", @@ -3079,6 +3090,7 @@ "version": "29.7.0", "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dev": true, "dependencies": { "@jest/schemas": "^29.6.3", "ansi-styles": "^5.0.0", @@ -3092,6 +3104,7 @@ "version": "5.2.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true, "engines": { "node": ">=10" }, @@ -3153,7 +3166,8 @@ "node_modules/react-is": { "version": "18.3.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz", - "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==" + "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==", + "dev": true }, "node_modules/read-cache": { "version": "1.0.0", @@ -3362,16 +3376,30 @@ } }, "node_modules/sass-true": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/sass-true/-/sass-true-8.0.0.tgz", - "integrity": "sha512-bk6m12BFxjRWnu0DHfqmsF36Eoxg3grLlLM4PhcgN6Znd9DvK2xVGJtWQ05u5RqEos3JaIX50MMN+gsAYUnEDA==", + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/sass-true/-/sass-true-8.1.0.tgz", + "integrity": "sha512-LUiNRslsNreGk8Oe85ZvMmV0mlIh3LFP2KTDMZsSHz5DxPElCy7wI9ocJzf8IpIf7Q5ZO0w+hDBF1nbdUcmZHA==", + "dev": true, + "license": "BSD-3-Clause", "dependencies": { - "@adobe/css-tools": "^4.3.3", + "@adobe/css-tools": "^4.4.0", "jest-diff": "^29.7.0", "lodash": "^4.17.21" }, "engines": { "node": ">=18" + }, + "peerDependencies": { + "sass": ">=1.45.0", + "sass-embedded": ">=1.45.0" + }, + "peerDependenciesMeta": { + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + } } }, "node_modules/semver": { @@ -4252,7 +4280,8 @@ "@adobe/css-tools": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.0.tgz", - "integrity": "sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==" + "integrity": "sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==", + "dev": true }, "@ampproject/remapping": { "version": "2.3.0", @@ -4482,6 +4511,7 @@ "version": "29.6.3", "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", + "dev": true, "requires": { "@sinclair/typebox": "^0.27.8" } @@ -4666,7 +4696,8 @@ "@sinclair/typebox": { "version": "0.27.8", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", - "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==" + "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==", + "dev": true }, "@sindresorhus/merge-streams": { "version": "2.3.0", @@ -4918,9 +4949,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001659", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001659.tgz", - "integrity": "sha512-Qxxyfv3RdHAfJcXelgf0hU4DFUVXBGTjqrBUZLUh8AtlGnsDo+CnncYtTd95+ZKfnANUOzxyIQCuU/UeBZBYoA==", + "version": "1.0.30001723", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001723.tgz", + "integrity": "sha512-1R/elMjtehrFejxwmexeXAtae5UO9iSyFn6G/I806CYC/BLyyBk1EPhrKBkWhy6wM6Xnm47dSJQec+tLJ39WHw==", "dev": true }, "chai": { @@ -5117,7 +5148,8 @@ "diff-sequences": { "version": "29.6.3", "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz", - "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==" + "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==", + "dev": true }, "dir-glob": { "version": "3.0.1", @@ -5625,6 +5657,7 @@ "version": "29.7.0", "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz", "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==", + "dev": true, "requires": { "chalk": "^4.0.0", "diff-sequences": "^29.6.3", @@ -5636,6 +5669,7 @@ "version": "4.3.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, "requires": { "color-convert": "^2.0.1" } @@ -5644,6 +5678,7 @@ "version": "4.1.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, "requires": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -5653,6 +5688,7 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, "requires": { "color-name": "~1.1.4" } @@ -5660,17 +5696,20 @@ "color-name": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true }, "has-flag": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==" + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true }, "supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, "requires": { "has-flag": "^4.0.0" } @@ -5680,7 +5719,8 @@ "jest-get-type": { "version": "29.6.3", "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", - "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==" + "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", + "dev": true }, "js-tokens": { "version": "4.0.0", @@ -5770,7 +5810,8 @@ "lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true }, "lodash.truncate": { "version": "4.4.2", @@ -6151,6 +6192,7 @@ "version": "29.7.0", "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", + "dev": true, "requires": { "@jest/schemas": "^29.6.3", "ansi-styles": "^5.0.0", @@ -6160,7 +6202,8 @@ "ansi-styles": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", - "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==" + "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", + "dev": true } } }, @@ -6191,7 +6234,8 @@ "react-is": { "version": "18.3.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz", - "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==" + "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==", + "dev": true }, "read-cache": { "version": "1.0.0", @@ -6324,11 +6368,12 @@ } }, "sass-true": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/sass-true/-/sass-true-8.0.0.tgz", - "integrity": "sha512-bk6m12BFxjRWnu0DHfqmsF36Eoxg3grLlLM4PhcgN6Znd9DvK2xVGJtWQ05u5RqEos3JaIX50MMN+gsAYUnEDA==", + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/sass-true/-/sass-true-8.1.0.tgz", + "integrity": "sha512-LUiNRslsNreGk8Oe85ZvMmV0mlIh3LFP2KTDMZsSHz5DxPElCy7wI9ocJzf8IpIf7Q5ZO0w+hDBF1nbdUcmZHA==", + "dev": true, "requires": { - "@adobe/css-tools": "^4.3.3", + "@adobe/css-tools": "^4.4.0", "jest-diff": "^29.7.0", "lodash": "^4.17.21" } diff --git a/package.json b/package.json index 37a1c88..0684642 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,7 @@ "postcss": "^8.4.45", "postcss-cli": "^11.0.0", "sass": "^1.78.0", - "sass-true": "^8.0.0", + "sass-true": "^8.1.0", "stylelint": "^15.9.0", "vitest": "^2.0.5" } diff --git a/scss/components/_alert.scss b/scss/components/_alert.scss index e259f0d..8e004d6 100644 --- a/scss/components/_alert.scss +++ b/scss/components/_alert.scss @@ -3,6 +3,51 @@ @use '../variables/transition'; @use '../functions' as fn; +@use '../mixins' as mx; + +/// Colors for different alert types +/// @type Map +$alert-types: ( + 'success': ( + 'background': color.$positive-200, + 'text': color.$positive-900, + 'border-color': color.$positive-300 + ), + 'danger': ( + 'background': color.$danger-200, + 'text': color.$danger-900, + 'border-color': color.$danger-300 + ), + 'warning': ( + 'background': color.$warning-200, + 'text': color.$warning-900, + 'border-color': color.$warning-300 + ), + 'info': ( + 'background': color.$gray-200, + 'text': color.$gray-900, + 'border-color': color.$gray-300 + ), + 'dark': ( + 'background': color.$gray-600, + 'text': #FFF, + 'border-color': color.$gray-900 + ), + 'light': ( + 'background': color.$gray-100, + 'text': color.$gray-900, + 'border-color': color.$gray-200 + ) +); + +$alert-text-types: ( + 'success': color.$positive-600, + 'danger': color.$danger-600, + 'warning': color.$warning-600, + 'info': color.$info-600, + 'dark': color.$gray-900, + 'light': color.$gray-400 +); .alert { --color-alert-background: #{color.$primary}; @@ -90,39 +135,19 @@ padding-inline-end: calc(var(--spacing-alert) * 3.5); } - &--success { - --color-alert-background: #{color.$positive-200}; - --color-alert-text: #{color.$positive-900}; - --color-alert-border: #{color.$positive-300}; + @each $type, $colors in $alert-types { + @include mx.alert-type($type, map-get($colors, 'background'), map-get($colors, 'text'), map-get($colors, 'border-color')); } - &--danger { - --color-alert-background: #{color.$danger-200}; - --color-alert-text: #{color.$danger-900}; - --color-alert-border: #{color.$danger-300}; - } - - &--warning { - --color-alert-background: #{color.$warning-200}; - --color-alert-text: #{color.$warning-900}; - --color-alert-border: #{color.$warning-300}; - } + &--text { + --spacing-alert: 0; + --color-alert-background: transparent; + --border-width-alert: 0; - &--info { - --color-alert-background: #{color.$gray-200}; - --color-alert-text: #{color.$gray-900}; - --color-alert-border: #{color.$gray-300}; - } + display: inline-block; - &--dark { - --color-alert-background: #{color.$gray-600}; - --color-alert-text: #FFF; - --color-alert-border: #{color.$gray-900}; - } - - &--light { - --color-alert-background: #{color.$gray-100}; - --color-alert-text: #{color.$gray-900}; - --color-alert-border: #{color.$gray-200}; + @each $type, $color in $alert-text-types { + @include mx.alert-text-type($type, $color); + } } } diff --git a/scss/functions/_fluid.scss b/scss/functions/_fluid.scss index 402c872..e454340 100644 --- a/scss/functions/_fluid.scss +++ b/scss/functions/_fluid.scss @@ -23,8 +23,12 @@ $default-max-bp: 1280px; /// /// @param {Number} $px /// @return {Number} -@function px-to-rem($px) { - $rems: math.div($px, 16px) * 1rem; +@function px-to-rem($px, $base: 16px) { + @if (type-of($px) != 'number') or (type-of($base) != 'number') { + @return 'ERROR [px-to-rem()]: ❌ ===> $px and $base must be a number'; + } + + $rems: math.div($px, $base) * 1rem; @return $rems; } @@ -44,6 +48,10 @@ $default-max-bp: 1280px; $max-breakpoint: $default-max-bp, $unit: vw ) { + @if $min-breakpoint == $max-breakpoint { + @return 'ERROR [fluid()]: ❌ ===> $min-breakpoint and $max-breakpoint should not be equal'; + } + $slope: math.div($max-size - $min-size, $max-breakpoint - $min-breakpoint); $slope-to-unit: round($slope * 100, 2); $intercept-rem: round(px-to-rem($min-size - $slope * $min-breakpoint), 2); diff --git a/scss/mixins/_alert.scss b/scss/mixins/_alert.scss new file mode 100644 index 0000000..9b4af64 --- /dev/null +++ b/scss/mixins/_alert.scss @@ -0,0 +1,13 @@ +@mixin alert-type($type, $background, $text, $border) { + &:where(.alert--#{$type}) { + --color-alert-background: #{$background}; + --color-alert-text: #{$text}; + --color-alert-border: #{$border}; + } +} + +@mixin alert-text-type($type, $text) { + &:where(.alert--#{$type}) { + --color-alert-text: #{$text}; + } +} diff --git a/scss/mixins/index.scss b/scss/mixins/index.scss index 512d594..c7936a7 100644 --- a/scss/mixins/index.scss +++ b/scss/mixins/index.scss @@ -1 +1,2 @@ @forward 'viewport-height'; +@forward 'alert'; diff --git a/tests/mixins/alert.spec.scss b/tests/mixins/alert.spec.scss new file mode 100644 index 0000000..799e4f8 --- /dev/null +++ b/tests/mixins/alert.spec.scss @@ -0,0 +1,34 @@ +@use 'true' as *; +@use '../../scss/mixins' as mx; + +@include describe('alert-type mixin') { + @include test('Should apply correct styles for given type') { + @include assert { + @include output { + @include mx.alert-type('success', 'green', 'white', 'darkgreen'); + } + @include expect { + &:where(.alert--success) { + --color-alert-background: green; + --color-alert-text: white; + --color-alert-border: darkgreen; + } + } + } + } +} + +@include describe('alert-text-type mixin') { + @include test('Should correctly set alert text color') { + @include assert { + @include output { + @include mx.alert-text-type('info', 'white'); + } + @include expect { + &:where(.alert--info) { + --color-alert-text: white; + } + } + } + } +}