:root{--breakpoint-sm: breakpoints.$sm;--breakpoint-md: breakpoints.$md;--breakpoint-lg: breakpoints.$lg;--breakpoint-xl: breakpoints.$xl;--breakpoint-xxl: breakpoints.$xxl}:root{--alert-color: var(--foreground-800);--alert-font-size: var(--fs10);--alert-font-size-sm: var(--fs12);--alert-font-weight: 100;--alert-background: var(--background-100);--alert-overlay: var(--background-400);--alert-subtle-color: var(--foreground-300);--alert-icon-color: var(--alert-color)}.alert{--background: var(--alert-background);--color: var(--alert-color);--overlay: var(--alert-overlay);display:block;color:var(--color);font-size:var(--alert-font-size);font-weight:var(--alert-font-weight);margin:.5rem;position:relative;transition:all .5s ease;height:auto;padding:1rem;overflow:hidden;opacity:1;box-sizing:border-box;color:var(--alert-color);border-radius:var(--border-radius)}.alert.subtle{--alert-icon-color: var(--alert-subtle-color) !important;color:var(--alert-subtle-color);padding:.5rem}.alert.subtle:after{background:transparent}.alert.has-icon{padding-left:3.5rem}.alert.has-icon .icon{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);z-index:1;width:2.5rem;height:2.5rem;fill:var(--alert-icon-color)}.alert:after{content:"";background:var(--background);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:0;box-shadow:var(--box-shadow)}.alert.sm{font-size:var(--alert-font-size-sm)}.alert p,.alert li{position:relative;z-index:1;font-size:var(--fs11)}.alert p{margin:0}.alert.dismissed{height:0px!important;opacity:0;border-width:0;margin:0 .5rem}.alert button:before,.alert button:after{background:var(--color)}.alert.success{--alert-background: var(--success-500);--alert-overlay: var(--success-700);--alert-color: var(--success-on);--alert-subtle-color: var(--success-700);--alert-icon-color: var(--alert-color)}.alert.caution{--alert-background: var(--caution-500);--alert-overlay: var(--caution-700);--alert-color: var(--caution-on);--alert-subtle-color: var(--caution-700);--alert-icon-color: var(--alert-color)}.alert.urgent{--alert-background: var(--urgent-500);--alert-overlay: var(--urgent-700);--alert-color: var(--urgent-on);--alert-subtle-color: var(--urgent-700);--alert-icon-color: var(--alert-color)}.alert.primary{--alert-background: var(--primary-500);--alert-overlay: var(--primary-700);--alert-color: var(--primary-on);--alert-subtle-color: var(--primary-700);--alert-icon-color: var(--alert-color)}.alert.accent{--alert-background: var(--accent-500);--alert-overlay: var(--accent-700);--alert-color: var(--accent-on);--alert-subtle-color: var(--accent-700);--alert-icon-color: var(--alert-color)}.alert[data-alert-type=toast]{position:absolute;z-index:8;width:100%;bottom:.5rem;left:50%;padding:1rem;transform:translate(-50%,120%);transition:transform .25s ease,opacity .25s ease;opacity:0;box-shadow:var(--box-shadow)}.alert[data-alert-type=toast]:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--overlay);z-index:1;transition:width 5s ease}.alert[data-alert-type=toast][data-active=true]{transform:translate(-50%);opacity:1}.alert[data-alert-type=toast][data-active=true]:before{width:100%}.alert.dismissable{padding:1rem 3rem 1rem 2rem}.alert.dismissable button.dismiss{background:transparent;border:transparent;position:absolute;top:50%;transform:translateY(-50%);right:.75rem;width:.75rem;height:.75rem;padding:0;margin:0;z-index:1;opacity:.75;transition:all .5s ease}.alert.dismissable button.dismiss:before,.alert.dismissable button.dismiss:after{content:"";height:2px;width:100%;display:block;position:absolute;transition:all .5s ease}.alert.dismissable button.dismiss:before{transform:rotate(45deg)}.alert.dismissable button.dismiss:after{transform:rotate(-45deg)}.alert.dismissable button.dismiss:hover,.alert.dismissable button.dismiss:focus{opacity:1}:has(>.alert[data-alert-type=toast]){position:relative}form .alert[data-alert-type=toast]{max-width:80%;text-align:center}@keyframes loadCircle{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}:root{--loader-color: var(--primary-500)}.loader{display:none}.loader:only-child{display:block}.loading,.loadingMore,.loader{position:relative;min-height:10rem;width:100%}.loading>*,.loadingMore>*,.loader>*{opacity:.25!important}.loading:after,.loadingMore:after,.loader:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;color:var(--loader-color);font-size:1rem;width:1rem;height:1rem;border-radius:50%;text-indent:-9999em;animation:loadCircle 1s infinite linear}[data-loading=true]>*{opacity:.25!important}[data-loading=true]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;color:var(--loader-color);font-size:1rem;width:1rem;height:1rem;border-radius:50%;text-indent:-9999em;animation:loadCircle 1s infinite linear}.loadingMore{padding-bottom:10rem!important}.loadingMore:after{bottom:4rem;transform:translate(-50%)}