@symbion/opalui/dist/opalui.min.css

A minimalistic CSS framework

/*!
 * OpalUI v0.14.9 | MIT License | https://github.com/szilu/opalui
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box;scrollbar-color:var(--col-outline) transparent;scrollbar-width:thin}body{overflow-x:hidden;--col-bg:var(--col-surface);--col-on:var(--col-on-surface);--col-em:var(--col-em-surface)}h1,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4{color:var(--col-em)}button{padding:0}ul{margin:0;padding-inline-start:0}a,a:link,a:visited{text-decoration:none;color:var(--col-on)}a[disabled]{pointer-events:none;opacity:var(--op-disabled);cursor:not-allowed}hr{border:1px solid var(--col-on)}details summary::marker{content:none}::-webkit-scrollbar{width:.25rem;background:transparent}::-webkit-scrollbar-thumb{width:.25rem;background:var(--col-outline);border-radius:.125rem}::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:transparent}:root{--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:2rem;--space-5:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--radius-control:var(--radius-md);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-sidebar:400;--z-modal-backdrop:500;--z-modal:600;--z-popover:700;--z-tooltip:800;--z-toast:900;--duration-instant:100ms;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--anim-stagger-base:50ms;--anim-page-enter:400ms var(--ease-out);--anim-hover:200ms var(--ease-out);--anim-press:150ms var(--ease-in-out);--anim-modal:300ms var(--ease-spring);--anim-toast:300ms var(--ease-out);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--size-xs:1.5rem;--size-sm:2rem;--size-md:2.5rem;--size-lg:3rem;--size-xl:4rem;--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring-color:var(--col-focus,var(--col-primary));--min-touch-target:44px}body{--color-primary:lch(35 60 250);--color-secondary:lch(from var(--color-primary) l calc(c / 2) h);--color-accent:lch(from var(--color-primary) l c calc(h + 180));--color-neutral:lch(35 20 250);--color-error:lch(35 50 25);--color-warning:lch(35 50 80);--color-success:lch(35 50 155);--op-panel:1;--op-button:1;--op-disabled:0.5;--col-shadow:lch(0 0 0/0.15);--col-frost:lch(100 0 0/0.15);--col-focus:var(--col-primary);--col-outline:lch(from var(--color-neutral) l c h/0.3);--sh-focus:0.25rem;--col-toggle-knob:lch(98 0 0);--col-primary-m2:lch(from var(--col-primary) calc(l - 30) calc(c * 0.3) h);--col-primary-m1:lch(from var(--col-primary) calc(l - 15) calc(c * 0.8) h);--col-primary:lch(from var(--color-primary) 35 c h);--col-primary-p1:lch(from var(--col-primary) calc(l + 15) c h);--col-primary-p2:lch(from var(--col-primary) calc(l + 30) c h);--col-primary-p3:lch(from var(--col-primary) calc(l + 45) calc(c * 0.8) h);--col-primary-p4:lch(from var(--col-primary) calc(l + 60) calc(c * 0.3) h);--col-secondary-m2:lch(from var(--col-secondary) calc(l - 30) calc(c * 0.3) h);--col-secondary-m1:lch(from var(--col-secondary) calc(l - 15) calc(c * 0.8) h);--col-secondary:lch(from var(--color-secondary) 35 c h);--col-secondary-p1:lch(from var(--col-secondary) calc(l + 15) c h);--col-secondary-p2:lch(from var(--col-secondary) calc(l + 30) c h);--col-secondary-p3:lch(from var(--col-secondary) calc(l + 45) calc(c * 0.8) h);--col-secondary-p4:lch(from var(--col-secondary) calc(l + 60) calc(c * 0.3) h);--col-accent-m2:lch(from var(--col-accent) calc(l - 30) calc(c * 0.3) h);--col-accent-m1:lch(from var(--col-accent) calc(l - 15) calc(c * 0.8) h);--col-accent:lch(from var(--color-accent) 35 c h);--col-accent-p1:lch(from var(--col-accent) calc(l + 15) c h);--col-accent-p2:lch(from var(--col-accent) calc(l + 30) c h);--col-accent-p3:lch(from var(--col-accent) calc(l + 45) calc(c * 0.8) h);--col-accent-p4:lch(from var(--col-accent) calc(l + 60) calc(c * 0.3) h);--col-neutral-m2:lch(from var(--color-neutral) calc(l - 30) calc(c * 0.3) h);--col-neutral-m1:lch(from var(--color-neutral) calc(l - 15) calc(c * 0.8) h);--col-neutral:lch(from var(--color-neutral) l c h);--col-neutral-p1:lch(from var(--color-neutral) calc(l + 15) c h);--col-neutral-p2:lch(from var(--color-neutral) calc(l + 30) c h);--col-neutral-p3:lch(from var(--color-neutral) calc(l + 45) calc(c * 0.8) h);--col-neutral-p4:lch(from var(--color-neutral) calc(l + 60) calc(c * 0.3) h);--col-error-m2:lch(from var(--color-error) calc(l - 30) calc(c * 0.3) h);--col-error-m1:lch(from var(--color-error) calc(l - 15) calc(c * 0.8) h);--col-error:lch(from var(--color-error) 35 c h);--col-error-p1:lch(from var(--color-error) calc(l + 15) c h);--col-error-p2:lch(from var(--color-error) calc(l + 30) c h);--col-error-p3:lch(from var(--color-error) calc(l + 45) calc(c * 0.8) h);--col-error-p4:lch(from var(--color-error) calc(l + 60) calc(c * 0.3) h);--col-warning-m2:lch(from var(--color-warning) calc(l - 30) calc(c * 0.3) h);--col-warning-m1:lch(from var(--color-warning) calc(l - 15) calc(c * 0.8) h);--col-warning:lch(from var(--color-warning) 35 c h);--col-warning-p1:lch(from var(--color-warning) calc(l + 15) c h);--col-warning-p2:lch(from var(--color-warning) calc(l + 30) c h);--col-warning-p3:lch(from var(--color-warning) calc(l + 45) calc(c * 0.8) h);--col-warning-p4:lch(from var(--color-warning) calc(l + 60) calc(c * 0.3) h);--col-success-m2:lch(from var(--color-success) calc(l - 30) calc(c * 0.3) h);--col-success-m1:lch(from var(--color-success) calc(l - 15) calc(c * 0.8) h);--col-success:lch(from var(--color-success) 35 c h);--col-success-p1:lch(from var(--color-success) calc(l + 15) c h);--col-success-p2:lch(from var(--color-success) calc(l + 30) c h);--col-success-p3:lch(from var(--color-success) calc(l + 45) calc(c * 0.8) h);--col-success-p4:lch(from var(--color-success) calc(l + 60) calc(c * 0.3) h);--col-on-primary:lch(from var(--col-primary) calc(l + 60) calc(c * 0.3) h);--col-on-secondary:lch(from var(--col-secondary) calc(l + 60) calc(c * 0.3) h);--col-on-accent:lch(from var(--col-accent) calc(l + 60) calc(c * 0.3) h);--col-on-neutral:lch(from var(--color-neutral) calc(l + 60) calc(c * 0.3) h);--col-on-error:lch(from var(--color-error) calc(l + 60) c h);--col-on-warning:lch(from var(--color-warning) calc(l + 60) c h);--col-on-success:lch(from var(--color-success) calc(l + 60) c h);--col-em-primary:lch(from var(--col-primary) calc(l + 65) calc(c * 0.3) h);--col-em-secondary:lch(from var(--col-secondary) calc(l + 65) calc(c * 0.3) h);--col-em-accent:lch(from var(--col-accent) calc(l + 65) calc(c * 0.3) h);--col-em-neutral:lch(from var(--color-neutral) calc(l + 65) calc(c * 0.3) h);--col-em-error:lch(from var(--color-error) calc(l + 65) c h);--col-em-warning:lch(from var(--color-warning) calc(l + 65) c h);--col-em-success:lch(from var(--color-success) calc(l + 65) c h);--col-surface:lch(from var(--color-neutral) 92 calc(c * 0.3) h);--col-container-low:lch(from var(--color-neutral) 88 calc(c * 0.4) h);--col-container:lch(from var(--color-neutral) 83 calc(c * 0.5) h);--col-container-high:lch(from var(--color-neutral) 78 calc(c * 0.6) h);--col-container-primary:lch(from var(--color-primary) 90 calc(c * 0.5) h);--col-container-secondary:lch(from var(--color-secondary) 90 calc(c * 0.5) h);--col-container-accent:lch(from var(--color-accent) 90 calc(c * 0.5) h);--col-container-error:lch(from var(--color-error) 90 calc(c * 0.5) h);--col-container-warning:lch(from var(--color-warning) 90 calc(c * 0.5) h);--col-container-success:lch(from var(--color-success) 90 calc(c * 0.5) h);--col-on-surface:lch(from var(--color-neutral) 39 c h);--col-on-container-low:lch(from var(--color-neutral) 35 c h);--col-on-container:lch(from var(--color-neutral) 30 c h);--col-on-container-high:lch(from var(--color-neutral) 25 c h);--col-on-container-primary:lch(from var(--color-primary) 30 c h);--col-on-container-secondary:lch(from var(--color-secondary) 30 c h);--col-on-container-accent:lch(from var(--color-accent) 30 c h);--col-on-container-error:lch(from var(--color-error) 30 c h);--col-on-container-warning:lch(from var(--color-warning) 30 c h);--col-on-container-success:lch(from var(--color-success) 30 c h);--col-em-surface:lch(from var(--color-neutral) 29 c h);--col-em-container-low:lch(from var(--color-neutral) 25 c h);--col-em-container:lch(from var(--color-neutral) 20 c h);--col-em-container-high:lch(from var(--color-neutral) 15 c h);--col-em-container-primary:lch(from var(--color-primary) 20 c h);--col-em-container-secondary:lch(from var(--color-secondary) 20 c h);--col-em-container-accent:lch(from var(--color-accent) 20 c h);--col-em-container-error:lch(from var(--color-error) 20 c h);--col-em-container-warning:lch(from var(--color-warning) 20 c h);--col-em-container-success:lch(from var(--color-success) 20 c h)}body.dark{--color-primary:lch(68 60 250);--color-secondary:lch(from var(--color-primary) l calc(c / 2) h);--color-accent:lch(from var(--color-primary) l c calc(h + 180));--col-shadow:lch(0 0 0/0.3);--col-frost:lch(100 0 0/0.1);--col-outline:lch(from var(--color-neutral) calc(l + 30) c h/0.3);--col-primary-m2:lch(from var(--col-primary) calc(l + 30) calc(c * 0.3) h);--col-primary-m1:lch(from var(--col-primary) calc(l + 15) calc(c * 0.8) h);--col-primary:lch(from var(--color-primary) 65 c h);--col-primary-p1:lch(from var(--col-primary) calc(l - 15) c h);--col-primary-p2:lch(from var(--col-primary) calc(l - 30) c h);--col-primary-p3:lch(from var(--col-primary) calc(l - 45) calc(c * 0.8) h);--col-primary-p4:lch(from var(--col-primary) calc(l - 60) calc(c * 0.3) h);--col-secondary-m2:lch(from var(--col-secondary) calc(l + 30) calc(c * 0.3) h);--col-secondary-m1:lch(from var(--col-secondary) calc(l + 15) calc(c * 0.8) h);--col-secondary:lch(from var(--color-secondary) 65 c h);--col-secondary-p1:lch(from var(--col-secondary) calc(l - 15) c h);--col-secondary-p2:lch(from var(--col-secondary) calc(l - 30) c h);--col-secondary-p3:lch(from var(--col-secondary) calc(l - 45) calc(c * 0.8) h);--col-secondary-p4:lch(from var(--col-secondary) calc(l - 60) calc(c * 0.3) h);--col-accent-m2:lch(from var(--col-accent) calc(l + 30) calc(c * 0.3) h);--col-accent-m1:lch(from var(--col-accent) calc(l + 15) calc(c * 0.8) h);--col-accent:lch(from var(--color-accent) 65 c h);--col-accent-p1:lch(from var(--col-accent) calc(l - 15) c h);--col-accent-p2:lch(from var(--col-accent) calc(l - 30) c h);--col-accent-p3:lch(from var(--col-accent) calc(l - 45) calc(c * 0.8) h);--col-accent-p4:lch(from var(--col-accent) calc(l - 60) calc(c * 0.3) h);--col-neutral-m2:lch(from var(--color-neutral) calc(l + 30) calc(c * 0.3) h);--col-neutral-m1:lch(from var(--color-neutral) calc(l + 15) calc(c * 0.8) h);--col-neutral-p1:lch(from var(--color-neutral) calc(l - 15) c h);--col-neutral-p2:lch(from var(--color-neutral) calc(l - 30) c h);--col-neutral-p3:lch(from var(--color-neutral) calc(l - 45) calc(c * 0.8) h);--col-neutral-p4:lch(from var(--color-neutral) calc(l - 60) calc(c * 0.3) h);--col-error:lch(from var(--color-error) 65 c h);--col-error-m2:lch(from var(--col-error) calc(l + 30) calc(c * 0.3) h);--col-error-m1:lch(from var(--col-error) calc(l + 15) calc(c * 0.8) h);--col-error-p1:lch(from var(--col-error) calc(l - 15) c h);--col-error-p2:lch(from var(--col-error) calc(l - 30) c h);--col-error-p3:lch(from var(--col-error) calc(l - 45) calc(c * 0.8) h);--col-error-p4:lch(from var(--col-error) calc(l - 60) calc(c * 0.3) h);--col-warning:lch(from var(--color-warning) 65 c h);--col-warning-m2:lch(from var(--col-warning) calc(l + 30) calc(c * 0.3) h);--col-warning-m1:lch(from var(--col-warning) calc(l + 15) calc(c * 0.8) h);--col-warning-p1:lch(from var(--col-warning) calc(l - 15) c h);--col-warning-p2:lch(from var(--col-warning) calc(l - 30) c h);--col-warning-p3:lch(from var(--col-warning) calc(l - 45) calc(c * 0.8) h);--col-warning-p4:lch(from var(--col-warning) calc(l - 60) calc(c * 0.3) h);--col-success:lch(from var(--color-success) 65 c h);--col-success-m2:lch(from var(--col-success) calc(l + 30) calc(c * 0.3) h);--col-success-m1:lch(from var(--col-success) calc(l + 15) calc(c * 0.8) h);--col-success-p1:lch(from var(--col-success) calc(l - 15) c h);--col-success-p2:lch(from var(--col-success) calc(l - 30) c h);--col-success-p3:lch(from var(--col-success) calc(l - 45) calc(c * 0.8) h);--col-success-p4:lch(from var(--col-success) calc(l - 60) calc(c * 0.3) h);--col-on-primary:lch(from var(--col-primary) calc(l - 60) calc(c * 0.3) h);--col-on-secondary:lch(from var(--col-secondary) calc(l - 60) calc(c * 0.3) h);--col-on-accent:lch(from var(--col-accent) calc(l - 60) calc(c * 0.3) h);--col-on-neutral:lch(from var(--color-neutral) calc(l - 60) calc(c * 0.3) h);--col-on-error:lch(from var(--color-error) calc(l - 60) c h);--col-on-warning:lch(from var(--color-warning) calc(l - 60) c h);--col-on-success:lch(from var(--color-success) calc(l - 60) c h);--col-em-primary:lch(from var(--col-primary) calc(l - 65) calc(c * 0.3) h);--col-em-secondary:lch(from var(--col-secondary) calc(l - 65) calc(c * 0.3) h);--col-em-accent:lch(from var(--col-accent) calc(l - 65) calc(c * 0.3) h);--col-em-neutral:lch(from var(--color-neutral) calc(l - 65) calc(c * 0.3) h);--col-em-error:lch(from var(--color-error) calc(l - 65) c h);--col-em-warning:lch(from var(--color-warning) calc(l - 65) c h);--col-em-success:lch(from var(--color-success) calc(l - 65) c h);--col-surface:lch(from var(--color-neutral) 4 calc(c * 0.2) h);--col-container-low:lch(from var(--color-neutral) 11 calc(c * 0.3) h);--col-container:lch(from var(--color-neutral) 17 calc(c * 0.5) h);--col-container-high:lch(from var(--color-neutral) 23 calc(c * 0.6) h);--col-container-primary:lch(from var(--color-primary) 17 calc(c * 0.5) h);--col-container-secondary:lch(from var(--color-secondary) 17 calc(c * 0.5) h);--col-container-accent:lch(from var(--color-accent) 17 calc(c * 0.5) h);--col-container-error:lch(from var(--color-error) 17 calc(c * 0.5) h);--col-container-warning:lch(from var(--color-warning) 17 calc(c * 0.5) h);--col-container-success:lch(from var(--color-success) 17 calc(c * 0.5) h);--col-on-surface:lch(from var(--color-neutral) 61 c h);--col-on-container-low:lch(from var(--color-neutral) 65 c h);--col-on-container:lch(from var(--color-neutral) 70 c h);--col-on-container-high:lch(from var(--color-neutral) 75 c h);--col-on-container-primary:lch(from var(--color-primary) 70 c h);--col-on-container-secondary:lch(from var(--color-secondary) 70 c h);--col-on-container-accent:lch(from var(--color-accent) 70 c h);--col-on-container-error:lch(from var(--color-error) 70 c h);--col-on-container-warning:lch(from var(--color-warning) 70 c h);--col-on-container-success:lch(from var(--color-success) 70 c h);--col-em-surface:lch(from var(--color-neutral) 71 c h);--col-em-container-low:lch(from var(--color-neutral) 75 c h);--col-em-container:lch(from var(--color-neutral) 80 c h);--col-em-container-high:lch(from var(--color-neutral) 85 c h);--col-em-container-primary:lch(from var(--color-primary) 80 c h);--col-em-container-secondary:lch(from var(--color-secondary) 80 c h);--col-em-container-accent:lch(from var(--color-accent) 80 c h);--col-em-container-error:lch(from var(--color-error) 80 c h);--col-em-container-warning:lch(from var(--color-warning) 80 c h);--col-em-container-success:lch(from var(--color-success) 80 c h)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-down{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-left{0%{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes fade-slide-right{0%{opacity:0;transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}@keyframes scale-out{0%{opacity:1;scale:1}to{opacity:0;scale:.95}}@keyframes scale-spring{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-in-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes hover-lift{0%{transform:translateY(0);box-shadow:var(--shadow-md)}to{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.animate-fade-in{animation:fade-in var(--anim-page-enter) both}.animate-fade-slide-up{animation:fade-slide-up var(--anim-page-enter) both}.animate-fade-slide-down{animation:fade-slide-down var(--anim-page-enter) both}.animate-fade-slide-left{animation:fade-slide-left var(--anim-page-enter) both}.animate-fade-slide-right{animation:fade-slide-right var(--anim-page-enter) both}.animate-scale-in{animation:scale-in var(--anim-page-enter) both}.animate-scale-spring{animation:scale-spring var(--anim-modal) both}.animate-zoom-in{animation:zoom-in var(--anim-page-enter) both}.animate-fade-out{animation:fade-out var(--duration-fast) var(--ease-in) both}.animate-scale-out{animation:scale-out var(--duration-fast) var(--ease-in) both}.animate-slide-in-up{animation:slide-in-up var(--anim-page-enter) both}.animate-slide-in-down{animation:slide-in-down var(--anim-page-enter) both}.animate-slide-in-left{animation:slide-in-left var(--anim-page-enter) both}.animate-slide-in-right{animation:slide-in-right var(--anim-page-enter) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-wiggle{animation:wiggle .3s ease-in-out}.stagger-1{animation-delay:calc(var(--anim-stagger-base) * 1)}.stagger-2{animation-delay:calc(var(--anim-stagger-base) * 2)}.stagger-3{animation-delay:calc(var(--anim-stagger-base) * 3)}.stagger-4{animation-delay:calc(var(--anim-stagger-base) * 4)}.stagger-5{animation-delay:calc(var(--anim-stagger-base) * 5)}.stagger-6{animation-delay:calc(var(--anim-stagger-base) * 6)}.stagger-7{animation-delay:calc(var(--anim-stagger-base) * 7)}.stagger-8{animation-delay:calc(var(--anim-stagger-base) * 8)}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-default)}.transition-colors{transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.transition-opacity{transition:opacity var(--duration-fast) var(--ease-default)}.transition-transform{transition:transform var(--duration-fast) var(--ease-default)}.transition-shadow{transition:box-shadow var(--duration-fast) var(--ease-default)}.hover-lift{transition:transform var(--anim-hover),box-shadow var(--anim-hover)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--anim-hover)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--anim-hover)}.hover-glow:hover{box-shadow:0 0 20px lch(from var(--col-primary) l c h/.3)}.focus-ring{transition:outline-offset var(--duration-fast) var(--ease-out)}.focus-ring:focus-visible{outline:2px solid var(--col-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.w-auto{width:auto!important}.w-100{width:100%!important}.w-50{width:50%!important}.w-xs{width:5rem!important}.w-sm,.w-xs{flex:0 0 auto!important}.w-sm{width:7.5rem!important}.w-md{width:12.5rem!important}.w-lg,.w-md{flex:0 0 auto!important}.w-lg{width:18.75rem!important}.w-min-0{min-width:0!important}.w-min-100{min-width:100%!important}.w-max-100{max-width:100%!important}.h-auto{height:auto!important}.h-100{height:100%!important}.h-min-0{min-height:0!important}.h-min-100{min-height:100%!important}.h-max-100{max-height:100%!important}.d-flex{display:flex!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.pos-relative{position:relative!important}.pos-absolute{position:absolute!important}.pos-fixed{position:fixed!important}.pos-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}.overflow-visible{overflow:visible!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-scroll{overflow-y:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.scroll-smooth{scroll-behavior:smooth!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-text{cursor:text!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.m-auto{margin:auto!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:2rem!important}.m-5{margin:4rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:2rem!important;margin-right:2rem!important}.mx-5{margin-left:4rem!important;margin-right:4rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:2rem!important;margin-bottom:2rem!important}.my-5{margin-top:4rem!important;margin-bottom:4rem!important}.ms-auto{margin-left:auto!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:2rem!important}.ms-5{margin-left:4rem!important}.me-auto{margin-right:auto!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:2rem!important}.me-5{margin-right:4rem!important}.mt-auto{margin-top:auto!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:2rem!important}.mt-5{margin-top:4rem!important}.mb-auto{margin-bottom:auto!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:2rem!important}.mb-5{margin-bottom:4rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:2rem!important}.p-5{padding:4rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:2rem!important;padding-right:2rem!important}.px-5{padding-left:4rem!important;padding-right:4rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:2rem!important;padding-bottom:2rem!important}.py-5{padding-top:4rem!important;padding-bottom:4rem!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:2rem!important}.ps-5{padding-left:4rem!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:2rem!important}.pe-5{padding-right:4rem!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:2rem!important}.pt-5{padding-top:4rem!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:2rem!important}.pb-5{padding-bottom:4rem!important}.border-on{border-color:var(--col-on)!important}.border-em{border-color:var(--col-em)!important}.border-dashed{border-style:dashed!important}.border-radius-0{border-radius:0!important}.border-radius-sm{border-radius:var(--border-radius-sm)!important}.border-radius-lg{border-radius:var(--border-radius-lg)!important}.border-round{border-radius:50%!important}.border-0{border:0!important}.border-1{border:.5rem}.border-2{border:1rem}.border-3{border:2rem}.border-4{border:4rem}.border-end-0{border-right:0!important}.border-end-1{border-right:1px!important}.border-end-2{border-right:2px!important}.border-start-0{border-left:0!important}.border-start-1{border-left:1px!important}.border-start-2{border-left:2px!important}.text-emph{color:var(--col-em)!important}.text-muted{color:lch(from var(--col-on) l c h/.6)!important}.text-disabled{color:lch(from var(--col-on) l c h/var(--op-disabled))!important}.text-primary{color:var(--col-primary)!important}.text-secondary{color:var(--col-secondary)!important}.text-accent{color:var(--col-accent)!important}.text-success{color:var(--col-success)!important}.text-em-success{color:var(--col-em-success)!important}.text-warning{color:var(--col-warning)!important}.text-error{color:var(--col-error)!important}.bg{color:var(--col-on)!important;background-color:var(--col-bg)!important}.bg-low{--col-bg:var(--col-container-low);--col-on:var(--col-on-container-low);--col-em:var(--col-em-container-low)}.bg-mid{--col-bg:var(--col-container);--col-on:var(--col-on-container);--col-em:var(--col-em-container)}.bg-high{--col-bg:var(--col-container-high);--col-on:var(--col-on-container-high);--col-em:var(--col-em-container-high)}.bg-primary{--col-bg:var(--col-primary);--col-on:var(--col-on-primary);--col-em:var(--col-em-primary)}.bg-secondary{--col-bg:var(--col-secondary);--col-on:var(--col-on-secondary);--col-em:var(--col-em-secondary)}.bg-accent{--col-bg:var(--col-accent);--col-on:var(--col-on-accent);--col-em:var(--col-em-accent)}.bg-neutral{--col-bg:var(--col-neutral);--col-on:var(--col-on-neutral);--col-em:var(--col-em-neutral)}.bg-success{--col-bg:var(--col-success);--col-on:var(--col-on-success);--col-em:var(--col-em-success)}.bg-warning{--col-bg:var(--col-warning);--col-on:var(--col-on-warning);--col-em:var(--col-em-warning)}.bg-error{--col-bg:var(--col-error);--col-on:var(--col-on-error);--col-em:var(--col-em-error)}.bg-container-primary{--col-bg:var(--col-container-primary);--col-on:var(--col-on-container-primary);--col-em:var(--col-em-container-primary)}.bg-container-secondary{--col-bg:var(--col-container-secondary);--col-on:var(--col-on-container-secondary);--col-em:var(--col-em-container-secondary)}.bg-container-accent{--col-bg:var(--col-container-accent);--col-on:var(--col-on-container-accent);--col-em:var(--col-em-container-accent)}.bg-container-success{--col-bg:var(--col-container-success);--col-on:var(--col-on-container-success);--col-em:var(--col-em-container-success)}.bg-container-warning{--col-bg:var(--col-container-warning);--col-on:var(--col-on-container-warning);--col-em:var(--col-em-container-warning)}.bg-container-error{--col-bg:var(--col-container-error);--col-on:var(--col-on-container-error);--col-em:var(--col-em-container-error)}.bg-shadow{background-color:#00000080!important;backdrop-filter:blur(var(--blur-radius))!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.text-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-clamp-2{-webkit-line-clamp:2!important}.text-clamp-2,.text-clamp-3{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.text-clamp-3{-webkit-line-clamp:3!important}.text-clamp-4{display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-fill{flex:1 1 0!important}.flex-order-start{order:-1!important}.flex-order-end{order:99!important}.f-none{flex:none!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.g-0{gap:0!important;--gap:0!important}.g-1{gap:.25rem!important;--gap:0.25rem!important}.g-2{gap:.5rem!important;--gap:0.5rem!important}.g-3{gap:1rem!important;--gap:1rem!important}.g-4{gap:2rem!important;--gap:2rem!important}.g-5{gap:4rem!important;--gap:4rem!important}.gx-0{-moz-column-gap:0!important;column-gap:0!important}.gx-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.gx-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.gx-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.gx-4{-moz-column-gap:2rem!important;column-gap:2rem!important}.gx-5{-moz-column-gap:4rem!important;column-gap:4rem!important}.gy-0{row-gap:0!important}.gy-1{row-gap:.25rem!important}.gy-2{row-gap:.5rem!important}.gy-3{row-gap:1rem!important}.gy-4{row-gap:2rem!important}.gy-5{row-gap:4rem!important}.translate-middle{transform:translate(-50%,-50%)!important}.m-transition{transition:opacity .2s ease}.m-transition.fade-out{opacity:0}.animate-rotate-cw{animation:rotate-cw 2s linear infinite}@keyframes rotate-cw{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}.z-4{z-index:4!important}.z-5{z-index:5!important}.z-10{z-index:10!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.aspect-square{aspect-ratio:1/1!important}.aspect-video{aspect-ratio:16/9!important}.aspect-4-3{aspect-ratio:4/3!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-none{-o-object-fit:none!important;object-fit:none!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important}.ring-0{box-shadow:0 0 0 0 transparent!important}.ring-1{box-shadow:0 0 0 1px var(--col-outline)!important}.ring-2{box-shadow:0 0 0 2px var(--col-outline)!important}.ring-primary{box-shadow:0 0 0 2px var(--col-primary)!important}.ring-focus{box-shadow:0 0 0 var(--sh-focus) var(--col-focus)!important}@media screen and (max-width:767px){.sm\:d-none{display:none!important}.sm\:d-block{display:block!important}.sm\:d-flex{display:flex!important}.sm\:d-grid{display:grid!important}.sm\:flex-column{flex-direction:column!important}.sm\:flex-row{flex-direction:row!important}.sm\:text-center{text-align:center!important}.sm\:text-left{text-align:left!important}.sm\:w-100{width:100%!important}.sm\:w-auto{width:auto!important}.sm\:p-0{padding:0!important}.sm\:p-1{padding:.25rem!important}.sm\:p-2{padding:.5rem!important}.sm\:p-3{padding:1rem!important}.sm\:m-0{margin:0!important}.sm\:mx-auto{margin-left:auto!important;margin-right:auto!important}.sm\:g-1{gap:.25rem!important}.sm\:g-2{gap:.5rem!important}.sm\:g-3{gap:1rem!important}}@media screen and (min-width:768px){.md\:d-none{display:none!important}.md\:d-block{display:block!important}.md\:d-flex{display:flex!important}.md\:d-grid{display:grid!important}.md\:d-inline-flex{display:inline-flex!important}.md\:flex-column{flex-direction:column!important}.md\:flex-row{flex-direction:row!important}.md\:text-center{text-align:center!important}.md\:text-left{text-align:left!important}.md\:text-right{text-align:right!important}.md\:w-100{width:100%!important}.md\:w-50{width:50%!important}.md\:w-auto{width:auto!important}.md\:p-0{padding:0!important}.md\:p-1{padding:.25rem!important}.md\:p-2{padding:.5rem!important}.md\:p-3{padding:1rem!important}.md\:p-4{padding:2rem!important}.md\:m-0{margin:0!important}.md\:mx-auto{margin-left:auto!important;margin-right:auto!important}.md\:g-1{gap:.25rem!important}.md\:g-2{gap:.5rem!important}.md\:g-3{gap:1rem!important}.md\:g-4{gap:2rem!important}.md\:justify-content-start{justify-content:flex-start!important}.md\:justify-content-end{justify-content:flex-end!important}.md\:justify-content-center{justify-content:center!important}.md\:justify-content-between{justify-content:space-between!important}.md\:align-items-start{align-items:flex-start!important}.md\:align-items-center{align-items:center!important}.md\:align-items-end{align-items:flex-end!important}}@media screen and (min-width:1200px){.lg\:d-none{display:none!important}.lg\:d-block{display:block!important}.lg\:d-flex{display:flex!important}.lg\:d-grid{display:grid!important}.lg\:d-inline-flex{display:inline-flex!important}.lg\:flex-column{flex-direction:column!important}.lg\:flex-row{flex-direction:row!important}.lg\:text-center{text-align:center!important}.lg\:text-left{text-align:left!important}.lg\:text-right{text-align:right!important}.lg\:w-100{width:100%!important}.lg\:w-50{width:50%!important}.lg\:w-auto{width:auto!important}.lg\:p-0{padding:0!important}.lg\:p-1{padding:.25rem!important}.lg\:p-2{padding:.5rem!important}.lg\:p-3{padding:1rem!important}.lg\:p-4{padding:2rem!important}.lg\:p-5{padding:4rem!important}.lg\:m-0{margin:0!important}.lg\:mx-auto{margin-left:auto!important;margin-right:auto!important}.lg\:g-1{gap:.25rem!important}.lg\:g-2{gap:.5rem!important}.lg\:g-3{gap:1rem!important}.lg\:g-4{gap:2rem!important}.lg\:g-5{gap:4rem!important}.lg\:justify-content-start{justify-content:flex-start!important}.lg\:justify-content-end{justify-content:flex-end!important}.lg\:justify-content-center{justify-content:center!important}.lg\:justify-content-between{justify-content:space-between!important}.lg\:align-items-start{align-items:flex-start!important}.lg\:align-items-center{align-items:center!important}.lg\:align-items-end{align-items:flex-end!important}}.c-container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;--gap:0px;overflow-x:hidden;overflow-y:auto;&.fluid{max-width:100%}}.c-container>.row{display:flex;flex-flow:row wrap;justify-content:flex-start;position:relative;gap:0!important;margin:0 calc(var(--gap) / -2);&>.col,&>[class*=" col-"],&>[class^=col-]{margin:0 calc(var(--gap) / 2)}&:not(:last-child){margin-bottom:var(--gap)}}.c-container>.row>.col{flex:0 0 calc(100% - var(--gap));max-width:calc(100% - var(--gap))}.c-container>.row>.col-1{flex:0 0 calc(100% / 12 - var(--gap));max-width:calc(100% / 12 - var(--gap))}.c-container>.row>.col-2{flex:0 0 calc(200% / 12 - var(--gap));max-width:calc(200% / 12 - var(--gap))}.c-container>.row>.col-3{flex:0 0 calc(300% / 12 - var(--gap));max-width:calc(300% / 12 - var(--gap))}.c-container>.row>.col-4{flex:0 0 calc(400% / 12 - var(--gap));max-width:calc(400% / 12 - var(--gap))}.c-container>.row>.col-5{flex:0 0 calc(500% / 12 - var(--gap));max-width:calc(500% / 12 - var(--gap))}.c-container>.row>.col-6{flex:0 0 calc(600% / 12 - var(--gap));max-width:calc(600% / 12 - var(--gap))}.c-container>.row>.col-7{flex:0 0 calc(700% / 12 - var(--gap));max-width:calc(700% / 12 - var(--gap))}.c-container>.row>.col-8{flex:0 0 calc(800% / 12 - var(--gap));max-width:calc(800% / 12 - var(--gap))}.c-container>.row>.col-9{flex:0 0 calc(900% / 12 - var(--gap));max-width:calc(900% / 12 - var(--gap))}.c-container>.row>.col-10{flex:0 0 calc(1000% / 12 - var(--gap));max-width:calc(1000% / 12 - var(--gap))}.c-container>.row>.col-11{flex:0 0 calc(1100% / 12 - var(--gap));max-width:calc(1100% / 12 - var(--gap))}.c-container>.row>.col-12{flex:0 0 calc(1200% / 12 - var(--gap));max-width:calc(1200% / 12 - var(--gap))}@media screen and (min-width:768px){.c-container>.row{&>.col-md-1{flex:0 0 calc(100% / 12 - var(--gap));max-width:calc(100% / 12 - var(--gap))}&>.col-md-2{flex:0 0 calc(200% / 12 - var(--gap));max-width:calc(200% / 12 - var(--gap))}&>.col-md-3{flex:0 0 calc(300% / 12 - var(--gap));max-width:calc(300% / 12 - var(--gap))}&>.col-md-4{flex:0 0 calc(400% / 12 - var(--gap));max-width:calc(400% / 12 - var(--gap))}&>.col-md-5{flex:0 0 calc(500% / 12 - var(--gap));max-width:calc(500% / 12 - var(--gap))}&>.col-md-6{flex:0 0 calc(600% / 12 - var(--gap));max-width:calc(600% / 12 - var(--gap))}&>.col-md-7{flex:0 0 calc(700% / 12 - var(--gap));max-width:calc(700% / 12 - var(--gap))}&>.col-md-8{flex:0 0 calc(800% / 12 - var(--gap));max-width:calc(800% / 12 - var(--gap))}&>.col-md-9{flex:0 0 calc(900% / 12 - var(--gap));max-width:calc(900% / 12 - var(--gap))}&>.col-md-10{flex:0 0 calc(1000% / 12 - var(--gap));max-width:calc(1000% / 12 - var(--gap))}&>.col-md-11{flex:0 0 calc(1100% / 12 - var(--gap));max-width:calc(1100% / 12 - var(--gap))}&>.col-md-12{flex:0 0 calc(1200% / 12 - var(--gap));max-width:calc(1200% / 12 - var(--gap))}}.c-dialog{width:768px}}@media screen and (min-width:1200px){.c-container>.row{&>.col-lg-1{flex:0 0 calc(100% / 12 - var(--gap));max-width:calc(100% / 12 - var(--gap))}&>.col-lg-2{flex:0 0 calc(200% / 12 - var(--gap));max-width:calc(200% / 12 - var(--gap))}&>.col-lg-3{flex:0 0 calc(300% / 12 - var(--gap));max-width:calc(300% / 12 - var(--gap))}&>.col-lg-4{flex:0 0 calc(400% / 12 - var(--gap));max-width:calc(400% / 12 - var(--gap))}&>.col-lg-5{flex:0 0 calc(500% / 12 - var(--gap));max-width:calc(500% / 12 - var(--gap))}&>.col-lg-6{flex:0 0 calc(600% / 12 - var(--gap));max-width:calc(600% / 12 - var(--gap))}&>.col-lg-7{flex:0 0 calc(700% / 12 - var(--gap));max-width:calc(700% / 12 - var(--gap))}&>.col-lg-8{flex:0 0 calc(800% / 12 - var(--gap));max-width:calc(800% / 12 - var(--gap))}&>.col-lg-9{flex:0 0 calc(900% / 12 - var(--gap));max-width:calc(900% / 12 - var(--gap))}&>.col-lg-10{flex:0 0 calc(1000% / 12 - var(--gap));max-width:calc(1000% / 12 - var(--gap))}&>.col-lg-11{flex:0 0 calc(1100% / 12 - var(--gap));max-width:calc(1100% / 12 - var(--gap))}&>.col-lg-12{flex:0 0 calc(1200% / 12 - var(--gap));max-width:calc(1200% / 12 - var(--gap))}}}@media screen and (min-width:100em){.c-container>.row{&>.col-xl-1{flex:0 0 calc(100% / 12 - var(--gap));max-width:calc(100% / 12 - var(--gap))}&>.col-xl-2{flex:0 0 calc(200% / 12 - var(--gap));max-width:calc(200% / 12 - var(--gap))}&>.col-xl-3{flex:0 0 calc(300% / 12 - var(--gap));max-width:calc(300% / 12 - var(--gap))}&>.col-xl-4{flex:0 0 calc(400% / 12 - var(--gap));max-width:calc(400% / 12 - var(--gap))}&>.col-xl-5{flex:0 0 calc(500% / 12 - var(--gap));max-width:calc(500% / 12 - var(--gap))}&>.col-xl-6{flex:0 0 calc(600% / 12 - var(--gap));max-width:calc(600% / 12 - var(--gap))}&>.col-xl-7{flex:0 0 calc(700% / 12 - var(--gap));max-width:calc(700% / 12 - var(--gap))}&>.col-xl-8{flex:0 0 calc(800% / 12 - var(--gap));max-width:calc(800% / 12 - var(--gap))}&>.col-xl-9{flex:0 0 calc(900% / 12 - var(--gap));max-width:calc(900% / 12 - var(--gap))}&>.col-xl-10{flex:0 0 calc(1000% / 12 - var(--gap));max-width:calc(1000% / 12 - var(--gap))}&>.col-xl-11{flex:0 0 calc(1100% / 12 - var(--gap));max-width:calc(1100% / 12 - var(--gap))}&>.col-xl-12{flex:0 0 calc(1200% / 12 - var(--gap));max-width:calc(1200% / 12 - var(--gap))}}.c-container>.row .xl-hide-dyn{transition:transform .2s ease-in-out;position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;&:not(.show,.hide-left,.hide-right){display:none}&.hide-left:not(.show){transform:translateX(-100%)}&.hide-right:not(.show){transform:translateX(100%)}}.xl-hide{display:none!important}}@media screen and (max-width:767px){.c-container>.row .sm-hide-dyn{transition:transform .2s ease-in-out;position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;&:not(.show,.hide-left,.hide-right){display:none}&.hide-left,&.hide-right{transition:transform .2s ease-in-out}&.hide-left:not(.show){transform:translateX(-100%)}&.hide-right:not(.show){transform:translateX(100%)}}.c-dialog{width:100%}.sm-hide{display:none!important}}@media screen and (min-width:768px) and (max-width:1200px){.c-container>.row .md-hide-dyn{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;&:not(.show,.hide-left,.hide-right){display:none}&.hide-left,&.hide-right{transition:transform .2s ease-in-out}&.hide-left:not(.show){transform:translateX(-100%)}&.hide-right:not(.show){transform:translateX(100%)}}.md-hide{display:none!important}}@media screen and (min-width:1200px){.c-container>.row .lg-hide-dyn{transition:transform .2s ease-in-out;position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;&:not(.show,.hide-left,.hide-right){display:none}&.hide-left:not(.show){transform:translateX(-100%)}&.hide-right:not(.show){transform:translateX(100%)}}.lg-hide{display:none!important}}.c-stack{display:flex;flex-direction:column;gap:var(--stack-gap,1rem)}.c-stack.compact{--stack-gap:0.5rem}.c-stack.loose{--stack-gap:2rem}.c-stack.none{--stack-gap:0}.c-stack.recursive>*{--stack-gap:inherit}.c-cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap,.5rem);align-items:center}.c-cluster.start{justify-content:flex-start}.c-cluster.center{justify-content:center}.c-cluster.end{justify-content:flex-end}.c-cluster.between,.c-split{justify-content:space-between}.c-split{display:flex;align-items:center;flex-wrap:wrap;gap:var(--split-gap,1rem)}.c-split>:last-child{margin-left:auto}.c-split.nowrap{flex-wrap:nowrap}.c-center{display:grid;place-items:center;min-height:var(--center-min-height,auto)}.c-center.viewport{--center-min-height:100vh}.c-center.intrinsic{display:flex;flex-direction:column;align-items:center}.c-center.text{text-align:center}.c-sidebar-layout{display:flex;flex-wrap:wrap;gap:var(--layout-gap,1rem)}.c-sidebar-layout>:first-child{flex-basis:var(--sidebar-target-width,16rem);flex-grow:1}.c-sidebar-layout>:last-child{flex-basis:0;flex-grow:999;min-width:var(--content-min-width,50%)}.c-sidebar-layout.right{flex-direction:row-reverse}.c-grid{display:grid;gap:var(--grid-gap,1rem)}.c-grid.cols-1{grid-template-columns:repeat(1,1fr)}.c-grid.cols-2{grid-template-columns:repeat(2,1fr)}.c-grid.cols-3{grid-template-columns:repeat(3,1fr)}.c-grid.cols-4{grid-template-columns:repeat(4,1fr)}.c-grid.cols-5{grid-template-columns:repeat(5,1fr)}.c-grid.cols-6{grid-template-columns:repeat(6,1fr)}.c-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min,250px),1fr))}.c-grid.auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min,250px),1fr))}.c-grid>.span-2{grid-column:span 2}.c-grid>.span-3{grid-column:span 3}.c-grid>.span-4{grid-column:span 4}.c-grid>.span-full{grid-column:1/-1}.c-grid>.row-span-2{grid-row:span 2}.c-grid>.row-span-3{grid-row:span 3}.c-cover{display:flex;flex-direction:column;min-height:var(--cover-height,100vh);padding:var(--cover-padding,1rem)}.c-cover>*{margin-top:0;margin-bottom:0}.c-cover>:first-child:not(.centered){margin-bottom:auto}.c-cover>:last-child:not(.centered){margin-top:auto}.c-cover>.centered{margin-top:auto;margin-bottom:auto}.c-aspect{position:relative;width:100%;aspect-ratio:var(--aspect-ratio,16/9)}.