body {
    --accent-1: var(--hue), 50%, 60.4%;
    --accent-2: var(--hue), 50%, 70.3%;
    --accent-3: var(--hue), 50%, 80.4%;
    --sat: 1;

    --base-sat: 0%;
    --val: 0.7;
}

body, .col-reset, .warning, .unt-col-reset {
    --col-base:  #ffffff; /* updated to white background */
    --col-vd:    #fdfdfd;
    --col-d0:    #fcfcfc;
    --col-d1:    #fafafa;
    --col-d2:    #f8f8f8;
    --col-l1:    #fefefe; /* brightest */
    --col-l05:   #fefefe;
    --col-l2:    #fafafa;
    --col-l25:   #f5f5f5;
    --col-l3:    #eeeeee; /* button color */
    --col-l4:    #e0e0e0;
    --col-l5:    #d5d5d5;
    --col-l6:    #c8c8c8;
    --col-l7:    #bbbbbb; /* darkest */

    --col-l90:   #1a1a1a; /* used for contrast */
    --col-l95:   #0d0d0d;
    --col-l98:   #060606;

    /* Text colors */
    --col-text-l1:     #444444; /* updated for main text */
    --col-text-l1-5:   #555555;
    --col-text-l2:     #666666;
    --col-text-l25:    #777777;
    --col-text-l3:     #999999;
    --col-text-d3:     #cccccc;
    --col-text-darker: #888888;

    --brand-accent: #508FF9;
    --link: #5A8DE7;
    --topcol: #f0f0f0;

    --border-radius: 16px;
    --border-radius-big: 32px;

    background-color: var(--col-base) !important;
}
@supports (corner-shape: squircle) {
    body, .col-reset, .warning, .unt-col-reset {
        /* squircle border radius feels smaller visually so needs to be bumped up */
        --border-radius: 28px;
        --border-radius-big: 55px;
    }
}

.warning {
    --val: 2;
    --sat: 2 !important;
    --hue: 0 !important;
}

* {
    corner-shape: squircle;
    &:before {
        corner-shape: squircle;
    }
    &:after {
        corner-shape: squircle;
    }
}

* {
    padding: 0px;
    margin: 0px;
    max-width: 100%;
    box-sizing: border-box;
}
i[class^="aicon-"] {
    display: flex;
    align-items: center;
    justify-content: center;
}
html {
    height: 100%;

    min-height: 100%;
}
body {
    color: var(--col-text-l1);
    font-family: "Lexend", sans-serif;
    background-color: var(--col-base);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    p {
        font-size: 0.92em;
    }
}

[aria-hidden="true"] { visibility: hidden; }

.skip-link {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    color: black;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
}

.skip-link:focus {
    opacity: 1;
}


[data-aos-type="slide-up"]    { transform: scale(0.95) translateY(calc(230px  * var(--aos-mult))); }
[data-aos-type="slide-down"]  { transform: scale(0.95) translateY(calc(-230px * var(--aos-mult)) ); }
[data-aos-type="slide-left"]  { transform: scale(0.95) translateX(calc(230px  * var(--aos-mult))); }
[data-aos-type="slide-right"] { transform: scale(0.95) translateX(calc(-230px * var(--aos-mult))); }

[data-aos] {
    --aos-mult: 1;
    opacity: 0;
}

[data-aos].aos-ready {
    transition: opacity var(--aos-duration, 1s) cubic-bezier(0,.42,.25,1),
    transform var(--aos-duration, 1s) cubic-bezier(0,.62,.25,1);
    transition-delay: var(--aos-delay, 0ms);
}

[data-aos].aos-visible {
    opacity: 1;
    transform: none;
}


.item-grid {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    @media (max-width: 700px) {
        grid-template-columns: 1fr 1fr;
    }
}
.item-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}


@font-face {
    font-family: "icons";
    src: url(/dist/a19eaa88c733c6824b7c.eot?7d8e3692da635931fcd45d7a6b4ad7df#iefix) format("embedded-opentype"),
url(/dist/c4132474c0a2840e5d13.woff2?7d8e3692da635931fcd45d7a6b4ad7df) format("woff2"),
url(/dist/359f03b20c6d9bbf7ea1.woff?7d8e3692da635931fcd45d7a6b4ad7df) format("woff");
}

i[class^="aicon-"]:before, i[class*=" aicon-"]:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.aicon-play:before {
    content: "\f101";
}
.aicon-pause:before {
    content: "\f102";
}
.aicon-social-zingmp3:before {
    content: "\f103";
}
.aicon-social-youtubemusic:before {
    content: "\f104";
}
.aicon-social-youtube:before {
    content: "\f105";
}
.aicon-social-x:before {
    content: "\f106";
}
.aicon-social-volumo:before {
    content: "\f107";
}
.aicon-social-untone:before {
    content: "\f108";
}
.aicon-social-twitter:before {
    content: "\f109";
}
.aicon-social-twitch:before {
    content: "\f10a";
}
.aicon-social-tumblr:before {
    content: "\f10b";
}
.aicon-social-traxsource:before {
    content: "\f10c";
}
.aicon-social-tiktok:before {
    content: "\f10d";
}
.aicon-social-tidal:before {
    content: "\f10e";
}
.aicon-social-threads:before {
    content: "\f10f";
}
.aicon-social-streamlabs:before {
    content: "\f110";
}
.aicon-social-steam:before {
    content: "\f111";
}
.aicon-social-spotify:before {
    content: "\f112";
}
.aicon-social-soundcloud:before {
    content: "\f113";
}
.aicon-social-shazam:before {
    content: "\f114";
}
.aicon-social-reddit:before {
    content: "\f115";
}
.aicon-social-qq:before {
    content: "\f116";
}
.aicon-social-qobuz:before {
    content: "\f117";
}
.aicon-social-paypal:before {
    content: "\f118";
}
.aicon-social-patreon:before {
    content: "\f119";
}
.aicon-social-pandora:before {
    content: "\f11a";
}
.aicon-social-osu:before {
    content: "\f11b";
}
.aicon-social-niconico:before {
    content: "\f11c";
}
.aicon-social-newgrounds:before {
    content: "\f11d";
}
.aicon-social-netease:before {
    content: "\f11e";
}
.aicon-social-napster:before {
    content: "\f11f";
}
.aicon-social-musixmatch:before {
    content: "\f120";
}
.aicon-social-musicworx:before {
    content: "\f121";
}
.aicon-social-musicbrainz:before {
    content: "\f122";
}
.aicon-social-mirlo:before {
    content: "\f123";
}
.aicon-social-melon:before {
    content: "\f124";
}
.aicon-social-linemusic:before {
    content: "\f125";
}
.aicon-social-lastdotfm:before {
    content: "\f126";
}
.aicon-social-kuwo:before {
    content: "\f127";
}
.aicon-social-kugou:before {
    content: "\f128";
}
.aicon-social-kofi:before {
    content: "\f129";
}
.aicon-social-kkbox:before {
    content: "\f12a";
}
.aicon-social-junodownload:before {
    content: "\f12b";
}
.aicon-social-jiosaavn:before {
    content: "\f12c";
}
.aicon-social-instagram:before {
    content: "\f12d";
}
.aicon-social-iheartradio:before {
    content: "\f12e";
}
.aicon-social-github:before {
    content: "\f12f";
}
.aicon-social-genius:before {
    content: "\f130";
}
.aicon-social-furaffinity:before {
    content: "\f131";
}
.aicon-social-flo:before {
    content: "\f132";
}
.aicon-social-facebook:before {
    content: "\f133";
}
.aicon-social-discord:before {
    content: "\f134";
}
.aicon-social-deezer:before {
    content: "\f135";
}
.aicon-social-bugs:before {
    content: "\f136";
}
.aicon-social-boomplay:before {
    content: "\f137";
}
.aicon-social-bluesky:before {
    content: "\f138";
}
.aicon-social-bereal:before {
    content: "\f139";
}
.aicon-social-beatport:before {
    content: "\f13a";
}
.aicon-social-bandcamp:before {
    content: "\f13b";
}
.aicon-social-awa:before {
    content: "\f13c";
}
.aicon-social-audiomack:before {
    content: "\f13d";
}
.aicon-social-artcore:before {
    content: "\f13e";
}
.aicon-social-applemusic:before {
    content: "\f13f";
}
.aicon-social-anghami:before {
    content: "\f140";
}
.aicon-social-amazonmusic:before {
    content: "\f141";
}
.aicon-social-amazon:before {
    content: "\f142";
}
.aicon-social-7digital:before {
    content: "\f143";
}
.aicon-social-1001tracklists:before {
    content: "\f144";
}

@font-face {
  font-family: "lucide";
  src: url(/dist/ab88cb06115a2b9d5c0a.ttf?t=1737128053459) format('truetype');
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'lucide' !important;
  font-size: inherit;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-a-arrow-down:before { content: "\e589"; }
.icon-a-arrow-up:before { content: "\e58a"; }
.icon-a-large-small:before { content: "\e58b"; }
.icon-accessibility:before { content: "\e296"; }
.icon-activity:before { content: "\e038"; }
.icon-air-vent:before { content: "\e350"; }
.icon-airplay:before { content: "\e039"; }
.icon-alarm-clock-check:before { content: "\e1eb"; }
.icon-alarm-clock-minus:before { content: "\e1ec"; }
.icon-alarm-clock-off:before { content: "\e23a"; }
.icon-alarm-clock-plus:before { content: "\e1ed"; }
.icon-alarm-clock:before { content: "\e03a"; }
.icon-alarm-smoke:before { content: "\e57f"; }
.icon-album:before { content: "\e03b"; }
.icon-align-center-horizontal:before { content: "\e26b"; }
.icon-align-center-vertical:before { content: "\e26c"; }
.icon-align-center:before { content: "\e03c"; }
.icon-align-end-horizontal:before { content: "\e26d"; }
.icon-align-end-vertical:before { content: "\e26e"; }
.icon-align-horizontal-distribute-center:before { content: "\e03d"; }
.icon-align-horizontal-distribute-end:before { content: "\e03e"; }
.icon-align-horizontal-distribute-start:before { content: "\e03f"; }
.icon-align-horizontal-justify-center:before { content: "\e271"; }
.icon-align-horizontal-justify-end:before { content: "\e272"; }
.icon-align-horizontal-justify-start:before { content: "\e273"; }
.icon-align-horizontal-space-around:before { content: "\e274"; }
.icon-align-horizontal-space-between:before { content: "\e275"; }
.icon-align-justify:before { content: "\e040"; }
.icon-align-left:before { content: "\e041"; }
.icon-align-right:before { content: "\e042"; }
.icon-align-start-horizontal:before { content: "\e26f"; }
.icon-align-start-vertical:before { content: "\e270"; }
.icon-align-vertical-distribute-center:before { content: "\e27d"; }
.icon-align-vertical-distribute-end:before { content: "\e27e"; }
.icon-align-vertical-distribute-start:before { content: "\e27f"; }
.icon-align-vertical-justify-center:before { content: "\e276"; }
.icon-align-vertical-justify-end:before { content: "\e277"; }
.icon-align-vertical-justify-start:before { content: "\e278"; }
.icon-align-vertical-space-around:before { content: "\e279"; }
.icon-align-vertical-space-between:before { content: "\e27a"; }
.icon-ambulance:before { content: "\e5bf"; }
.icon-ampersand:before { content: "\e4a0"; }
.icon-ampersands:before { content: "\e4a1"; }
.icon-amphora:before { content: "\e61f"; }
.icon-anchor:before { content: "\e043"; }
.icon-angry:before { content: "\e2fb"; }
.icon-annoyed:before { content: "\e2fc"; }
.icon-antenna:before { content: "\e4e6"; }
.icon-anvil:before { content: "\e584"; }
.icon-aperture:before { content: "\e044"; }
.icon-app-window-mac:before { content: "\e5d6"; }
.icon-app-window:before { content: "\e42a"; }
.icon-apple:before { content: "\e351"; }
.icon-archive-restore:before { content: "\e2cc"; }
.icon-archive-x:before { content: "\e510"; }
.icon-archive:before { content: "\e045"; }
.icon-armchair:before { content: "\e2bf"; }
.icon-arrow-big-down-dash:before { content: "\e421"; }
.icon-arrow-big-down:before { content: "\e1e0"; }
.icon-arrow-big-left-dash:before { content: "\e422"; }
.icon-arrow-big-left:before { content: "\e1e1"; }
.icon-arrow-big-right-dash:before { content: "\e423"; }
.icon-arrow-big-right:before { content: "\e1e2"; }
.icon-arrow-big-up-dash:before { content: "\e424"; }
.icon-arrow-big-up:before { content: "\e1e3"; }
.icon-arrow-down-0-1:before { content: "\e417"; }
.icon-arrow-down-1-0:before { content: "\e418"; }
.icon-arrow-down-a-z:before { content: "\e419"; }
.icon-arrow-down-from-line:before { content: "\e458"; }
.icon-arrow-down-left:before { content: "\e047"; }
.icon-arrow-down-narrow-wide:before { content: "\e048"; }
.icon-arrow-down-right:before { content: "\e049"; }
.icon-arrow-down-to-dot:before { content: "\e451"; }
.icon-arrow-down-to-line:before { content: "\e459"; }
.icon-arrow-down-up:before { content: "\e04a"; }
.icon-arrow-down-wide-narrow:before { content: "\e04b"; }
.icon-arrow-down-z-a:before { content: "\e41a"; }
.icon-arrow-down:before { content: "\e046"; }
.icon-arrow-left-from-line:before { content: "\e45a"; }
.icon-arrow-left-right:before { content: "\e249"; }
.icon-arrow-left-to-line:before { content: "\e45b"; }
.icon-arrow-left:before { content: "\e04c"; }
.icon-arrow-right-from-line:before { content: "\e45c"; }
.icon-arrow-right-left:before { content: "\e41b"; }
.icon-arrow-right-to-line:before { content: "\e45d"; }
.icon-arrow-right:before { content: "\e04d"; }
.icon-arrow-up-0-1:before { content: "\e41c"; }
.icon-arrow-up-1-0:before { content: "\e41d"; }
.icon-arrow-up-a-z:before { content: "\e41e"; }
.icon-arrow-up-down:before { content: "\e380"; }
.icon-arrow-up-from-dot:before { content: "\e452"; }
.icon-arrow-up-from-line:before { content: "\e45e"; }
.icon-arrow-up-left:before { content: "\e04f"; }
.icon-arrow-up-narrow-wide:before { content: "\e050"; }
.icon-arrow-up-right:before { content: "\e051"; }
.icon-arrow-up-to-line:before { content: "\e45f"; }
.icon-arrow-up-wide-narrow:before { content: "\e41f"; }
.icon-arrow-up-z-a:before { content: "\e420"; }
.icon-arrow-up:before { content: "\e04e"; }
.icon-arrows-up-from-line:before { content: "\e4d8"; }
.icon-asterisk:before { content: "\e1ee"; }
.icon-at-sign:before { content: "\e052"; }
.icon-atom:before { content: "\e3da"; }
.icon-audio-lines:before { content: "\e55e"; }
.icon-audio-waveform:before { content: "\e55f"; }
.icon-award:before { content: "\e053"; }
.icon-axe:before { content: "\e054"; }
.icon-axis-3d:before { content: "\e2fd"; }
.icon-baby:before { content: "\e2cd"; }
.icon-backpack:before { content: "\e2c7"; }
.icon-badge-alert:before { content: "\e479"; }
.icon-badge-cent:before { content: "\e513"; }
.icon-badge-check:before { content: "\e240"; }
.icon-badge-dollar-sign:before { content: "\e47a"; }
.icon-badge-euro:before { content: "\e514"; }
.icon-badge-help:before { content: "\e47b"; }
.icon-badge-indian-rupee:before { content: "\e515"; }
.icon-badge-info:before { content: "\e47c"; }
.icon-badge-japanese-yen:before { content: "\e516"; }
.icon-badge-minus:before { content: "\e47d"; }
.icon-badge-percent:before { content: "\e47e"; }
.icon-badge-plus:before { content: "\e47f"; }
.icon-badge-pound-sterling:before { content: "\e517"; }
.icon-badge-russian-ruble:before { content: "\e518"; }
.icon-badge-swiss-franc:before { content: "\e519"; }
.icon-badge-x:before { content: "\e480"; }
.icon-badge:before { content: "\e478"; }
.icon-baggage-claim:before { content: "\e2c8"; }
.icon-ban:before { content: "\e055"; }
.icon-banana:before { content: "\e352"; }
.icon-bandage:before { content: "\e621"; }
.icon-banknote:before { content: "\e056"; }
.icon-barcode:before { content: "\e537"; }
.icon-baseline:before { content: "\e284"; }
.icon-bath:before { content: "\e2aa"; }
.icon-battery-charging:before { content: "\e058"; }
.icon-battery-full:before { content: "\e059"; }
.icon-battery-low:before { content: "\e05a"; }
.icon-battery-medium:before { content: "\e05b"; }
.icon-battery-plus:before { content: "\e642"; }
.icon-battery-warning:before { content: "\e3af"; }
.icon-battery:before { content: "\e057"; }
.icon-beaker:before { content: "\e05c"; }
.icon-bean-off:before { content: "\e393"; }
.icon-bean:before { content: "\e392"; }
.icon-bed-double:before { content: "\e2c1"; }
.icon-bed-single:before { content: "\e2c2"; }
.icon-bed:before { content: "\e2c0"; }
.icon-beef:before { content: "\e3a8"; }
.icon-beer-off:before { content: "\e5dd"; }
.icon-beer:before { content: "\e2ce"; }
.icon-bell-dot:before { content: "\e42f"; }
.icon-bell-electric:before { content: "\e580"; }
.icon-bell-minus:before { content: "\e1ef"; }
.icon-bell-off:before { content: "\e05e"; }
.icon-bell-plus:before { content: "\e1f0"; }
.icon-bell-ring:before { content: "\e223"; }
.icon-bell:before { content: "\e05d"; }
.icon-between-horizontal-end:before { content: "\e595"; }
.icon-between-horizontal-start:before { content: "\e596"; }
.icon-between-vertical-end:before { content: "\e597"; }
.icon-between-vertical-start:before { content: "\e598"; }
.icon-biceps-flexed:before { content: "\e5ef"; }
.icon-bike:before { content: "\e1d1"; }
.icon-binary:before { content: "\e1f1"; }
.icon-binoculars:before { content: "\e625"; }
.icon-biohazard:before { content: "\e445"; }
.icon-bird:before { content: "\e3c8"; }
.icon-bitcoin:before { content: "\e05f"; }
.icon-blend:before { content: "\e5a0"; }
.icon-blinds:before { content: "\e3c3"; }
.icon-blocks:before { content: "\e4fe"; }
.icon-bluetooth-connected:before { content: "\e1b7"; }
.icon-bluetooth-off:before { content: "\e1b8"; }
.icon-bluetooth-searching:before { content: "\e1b9"; }
.icon-bluetooth:before { content: "\e060"; }
.icon-bold:before { content: "\e061"; }
.icon-bolt:before { content: "\e590"; }
.icon-bomb:before { content: "\e2fe"; }
.icon-bone:before { content: "\e35b"; }
.icon-book-a:before { content: "\e548"; }
.icon-book-audio:before { content: "\e549"; }
.icon-book-check:before { content: "\e54a"; }
.icon-book-copy:before { content: "\e3f0"; }
.icon-book-dashed:before { content: "\e3f1"; }
.icon-book-down:before { content: "\e3f2"; }
.icon-book-headphones:before { content: "\e54b"; }
.icon-book-heart:before { content: "\e54c"; }
.icon-book-image:before { content: "\e54d"; }
.icon-book-key:before { content: "\e3f3"; }
.icon-book-lock:before { content: "\e3f4"; }
.icon-book-marked:before { content: "\e3f5"; }
.icon-book-minus:before { content: "\e3f6"; }
.icon-book-open-check:before { content: "\e384"; }
.icon-book-open-text:before { content: "\e54e"; }
.icon-book-open:before { content: "\e063"; }
.icon-book-plus:before { content: "\e3f7"; }
.icon-book-text:before { content: "\e54f"; }
.icon-book-type:before { content: "\e550"; }
.icon-book-up-2:before { content: "\e4aa"; }
.icon-book-up:before { content: "\e3f8"; }
.icon-book-user:before { content: "\e551"; }
.icon-book-x:before { content: "\e3f9"; }
.icon-book:before { content: "\e062"; }
.icon-bookmark-check:before { content: "\e523"; }
.icon-bookmark-minus:before { content: "\e23b"; }
.icon-bookmark-plus:before { content: "\e23c"; }
.icon-bookmark-x:before { content: "\e524"; }
.icon-bookmark:before { content: "\e064"; }
.icon-boom-box:before { content: "\e4f2"; }
.icon-bot-message-square:before { content: "\e5d2"; }
.icon-bot-off:before { content: "\e5e4"; }
.icon-bot:before { content: "\e1ba"; }
.icon-box:before { content: "\e065"; }
.icon-boxes:before { content: "\e2cf"; }
.icon-braces:before { content: "\e36d"; }
.icon-brackets:before { content: "\e447"; }
.icon-brain-circuit:before { content: "\e3ca"; }
.icon-brain-cog:before { content: "\e3cb"; }
.icon-brain:before { content: "\e3c9"; }
.icon-brick-wall:before { content: "\e585"; }
.icon-briefcase-business:before { content: "\e5d9"; }
.icon-briefcase-conveyor-belt:before { content: "\e62f"; }
.icon-briefcase-medical:before { content: "\e5da"; }
.icon-briefcase:before { content: "\e066"; }
.icon-bring-to-front:before { content: "\e4f3"; }
.icon-brush:before { content: "\e1d2"; }
.icon-bug-off:before { content: "\e511"; }
.icon-bug-play:before { content: "\e512"; }
.icon-bug:before { content: "\e20b"; }
.icon-building-2:before { content: "\e28f"; }
.icon-building:before { content: "\e1cb"; }
.icon-bus-front:before { content: "\e4ff"; }
.icon-bus:before { content: "\e1d3"; }
.icon-cable-car:before { content: "\e500"; }
.icon-cable:before { content: "\e4e7"; }
.icon-cake-slice:before { content: "\e4bd"; }
.icon-cake:before { content: "\e347"; }
.icon-calculator:before { content: "\e1bb"; }
.icon-calendar-1:before { content: "\e634"; }
.icon-calendar-arrow-down:before { content: "\e602"; }
.icon-calendar-arrow-up:before { content: "\e603"; }
.icon-calendar-check-2:before { content: "\e2b7"; }
.icon-calendar-check:before { content: "\e2b6"; }
.icon-calendar-clock:before { content: "\e303"; }
.icon-calendar-cog:before { content: "\e5f1"; }
.icon-calendar-days:before { content: "\e2b8"; }
.icon-calendar-fold:before { content: "\e5b8"; }
.icon-calendar-heart:before { content: "\e304"; }
.icon-calendar-minus-2:before { content: "\e5b9"; }
.icon-calendar-minus:before { content: "\e2b9"; }
.icon-calendar-off:before { content: "\e2ba"; }
.icon-calendar-plus-2:before { content: "\e5ba"; }
.icon-calendar-plus:before { content: "\e2bb"; }
.icon-calendar-range:before { content: "\e2bc"; }
.icon-calendar-search:before { content: "\e305"; }
.icon-calendar-sync:before { content: "\e63a"; }
.icon-calendar-x-2:before { content: "\e2be"; }
.icon-calendar-x:before { content: "\e2bd"; }
.icon-calendar:before { content: "\e067"; }
.icon-camera-off:before { content: "\e069"; }
.icon-camera:before { content: "\e068"; }
.icon-candy-cane:before { content: "\e4be"; }
.icon-candy-off:before { content: "\e395"; }
.icon-candy:before { content: "\e394"; }
.icon-cannabis:before { content: "\e5d8"; }
.icon-captions-off:before { content: "\e5c5"; }
.icon-captions:before { content: "\e3a7"; }
.icon-car-front:before { content: "\e501"; }
.icon-car-taxi-front:before { content: "\e502"; }
.icon-car:before { content: "\e1d4"; }
.icon-caravan:before { content: "\e53d"; }
.icon-carrot:before { content: "\e259"; }
.icon-case-lower:before { content: "\e3db"; }
.icon-case-sensitive:before { content: "\e3dc"; }
.icon-case-upper:before { content: "\e3dd"; }
.icon-cassette-tape:before { content: "\e4ce"; }
.icon-cast:before { content: "\e06a"; }
.icon-castle:before { content: "\e3e3"; }
.icon-cat:before { content: "\e38f"; }
.icon-cctv:before { content: "\e581"; }
.icon-chart-area:before { content: "\e4d7"; }
.icon-chart-bar-big:before { content: "\e4ab"; }
.icon-chart-bar-decreasing:before { content: "\e60b"; }
.icon-chart-bar-increasing:before { content: "\e60c"; }
.icon-chart-bar-stacked:before { content: "\e60d"; }
.icon-chart-bar:before { content: "\e2a1"; }
.icon-chart-candlestick:before { content: "\e4ac"; }
.icon-chart-column-big:before { content: "\e4ad"; }
.icon-chart-column-decreasing:before { content: "\e06b"; }
.icon-chart-column-increasing:before { content: "\e2a3"; }
.icon-chart-column-stacked:before { content: "\e60e"; }
.icon-chart-column:before { content: "\e2a2"; }
.icon-chart-gantt:before { content: "\e628"; }
.icon-chart-line:before { content: "\e2a4"; }
.icon-chart-network:before { content: "\e60f"; }
.icon-chart-no-axes-column-decreasing:before { content: "\e06d"; }
.icon-chart-no-axes-column-increasing:before { content: "\e06e"; }
.icon-chart-no-axes-column:before { content: "\e06c"; }
.icon-chart-no-axes-combined:before { content: "\e610"; }
.icon-chart-no-axes-gantt:before { content: "\e4c8"; }
.icon-chart-pie:before { content: "\e06f"; }
.icon-chart-scatter:before { content: "\e48e"; }
.icon-chart-spline:before { content: "\e611"; }
.icon-check-check:before { content: "\e391"; }
.icon-check:before { content: "\e070"; }
.icon-chef-hat:before { content: "\e2ab"; }
.icon-cherry:before { content: "\e353"; }
.icon-chevron-down:before { content: "\e071"; }
.icon-chevron-first:before { content: "\e242"; }
.icon-chevron-last:before { content: "\e243"; }
.icon-chevron-left:before { content: "\e072"; }
.icon-chevron-right:before { content: "\e073"; }
.icon-chevron-up:before { content: "\e074"; }
.icon-chevrons-down-up:before { content: "\e227"; }
.icon-chevrons-down:before { content: "\e075"; }
.icon-chevrons-left-right-ellipsis:before { content: "\e623"; }
.icon-chevrons-left-right:before { content: "\e292"; }
.icon-chevrons-left:before { content: "\e076"; }
.icon-chevrons-right-left:before { content: "\e293"; }
.icon-chevrons-right:before { content: "\e077"; }
.icon-chevrons-up-down:before { content: "\e210"; }
.icon-chevrons-up:before { content: "\e078"; }
.icon-chrome:before { content: "\e079"; }
.icon-church:before { content: "\e3e4"; }
.icon-cigarette-off:before { content: "\e2c6"; }
.icon-cigarette:before { content: "\e2c5"; }
.icon-circle-alert:before { content: "\e07b"; }
.icon-circle-arrow-down:before { content: "\e07c"; }
.icon-circle-arrow-left:before { content: "\e07d"; }
.icon-circle-arrow-out-down-left:before { content: "\e3fb"; }
.icon-circle-arrow-out-down-right:before { content: "\e3fc"; }
.icon-circle-arrow-out-up-left:before { content: "\e3fd"; }
.icon-circle-arrow-out-up-right:before { content: "\e3fe"; }
.icon-circle-arrow-right:before { content: "\e07e"; }
.icon-circle-arrow-up:before { content: "\e07f"; }
.icon-circle-check-big:before { content: "\e080"; }
.icon-circle-check:before { content: "\e225"; }
.icon-circle-chevron-down:before { content: "\e4e1"; }
.icon-circle-chevron-left:before { content: "\e4e2"; }
.icon-circle-chevron-right:before { content: "\e4e3"; }
.icon-circle-chevron-up:before { content: "\e4e4"; }
.icon-circle-dashed:before { content: "\e4b4"; }
.icon-circle-divide:before { content: "\e081"; }
.icon-circle-dollar-sign:before { content: "\e481"; }
.icon-circle-dot-dashed:before { content: "\e4b5"; }
.icon-circle-dot:before { content: "\e348"; }
.icon-circle-ellipsis:before { content: "\e349"; }
.icon-circle-equal:before { content: "\e404"; }
.icon-circle-fading-arrow-up:before { content: "\e61c"; }
.icon-circle-fading-plus:before { content: "\e5c0"; }
.icon-circle-gauge:before { content: "\e4e5"; }
.icon-circle-help:before { content: "\e082"; }
.icon-circle-minus:before { content: "\e083"; }
.icon-circle-off:before { content: "\e405"; }
.icon-circle-parking-off:before { content: "\e3cd"; }
.icon-circle-parking:before { content: "\e3cc"; }
.icon-circle-pause:before { content: "\e084"; }
.icon-circle-percent:before { content: "\e51e"; }
.icon-circle-play:before { content: "\e085"; }
.icon-circle-plus:before { content: "\e086"; }
.icon-circle-power:before { content: "\e554"; }
.icon-circle-slash-2:before { content: "\e212"; }
.icon-circle-slash:before { content: "\e406"; }
.icon-circle-stop:before { content: "\e087"; }
.icon-circle-user-round:before { content: "\e466"; }
.icon-circle-user:before { content: "\e465"; }
.icon-circle-x:before { content: "\e088"; }
.icon-circle:before { content: "\e07a"; }
.icon-circuit-board:before { content: "\e407"; }
.icon-citrus:before { content: "\e378"; }
.icon-clapperboard:before { content: "\e29a"; }
.icon-clipboard-check:before { content: "\e218"; }
.icon-clipboard-copy:before { content: "\e224"; }
.icon-clipboard-list:before { content: "\e08a"; }
.icon-clipboard-minus:before { content: "\e5c2"; }
.icon-clipboard-paste:before { content: "\e3eb"; }
.icon-clipboard-pen-line:before { content: "\e307"; }
.icon-clipboard-pen:before { content: "\e306"; }
.icon-clipboard-plus:before { content: "\e5c3"; }
.icon-clipboard-type:before { content: "\e308"; }
.icon-clipboard-x:before { content: "\e221"; }
.icon-clipboard:before { content: "\e089"; }
.icon-clock-1:before { content: "\e24a"; }
.icon-clock-10:before { content: "\e24b"; }
.icon-clock-11:before { content: "\e24c"; }
.icon-clock-12:before { content: "\e24d"; }
.icon-clock-2:before { content: "\e24e"; }
.icon-clock-3:before { content: "\e24f"; }
.icon-clock-4:before { content: "\e250"; }
.icon-clock-5:before { content: "\e251"; }
.icon-clock-6:before { content: "\e252"; }
.icon-clock-7:before { content: "\e253"; }
.icon-clock-8:before { content: "\e254"; }
.icon-clock-9:before { content: "\e255"; }
.icon-clock-alert:before { content: "\e62e"; }
.icon-clock-arrow-down:before { content: "\e604"; }
.icon-clock-arrow-up:before { content: "\e605"; }
.icon-clock:before { content: "\e08b"; }
.icon-cloud-alert:before { content: "\e637"; }
.icon-cloud-cog:before { content: "\e309"; }
.icon-cloud-download:before { content: "\e08d"; }
.icon-cloud-drizzle:before { content: "\e08e"; }
.icon-cloud-fog:before { content: "\e213"; }
.icon-cloud-hail:before { content: "\e08f"; }
.icon-cloud-lightning:before { content: "\e090"; }
.icon-cloud-moon-rain:before { content: "\e2f9"; }
.icon-cloud-moon:before { content: "\e214"; }
.icon-cloud-off:before { content: "\e091"; }
.icon-cloud-rain-wind:before { content: "\e093"; }
.icon-cloud-rain:before { content: "\e092"; }
.icon-cloud-snow:before { content: "\e094"; }
.icon-cloud-sun-rain:before { content: "\e2fa"; }
.icon-cloud-sun:before { content: "\e215"; }
.icon-cloud-upload:before { content: "\e095"; }
.icon-cloud:before { content: "\e08c"; }
.icon-cloudy:before { content: "\e216"; }
.icon-clover:before { content: "\e096"; }
.icon-club:before { content: "\e49a"; }
.icon-code-xml:before { content: "\e205"; }
.icon-code:before { content: "\e097"; }
.icon-codepen:before { content: "\e098"; }
.icon-codesandbox:before { content: "\e099"; }
.icon-coffee:before { content: "\e09a"; }
.icon-cog:before { content: "\e30a"; }
.icon-coins:before { content: "\e09b"; }
.icon-columns-2:before { content: "\e09c"; }
.icon-columns-3:before { content: "\e09d"; }
.icon-columns-4:before { content: "\e58d"; }
.icon-combine:before { content: "\e450"; }
.icon-command:before { content: "\e09e"; }
.icon-compass:before { content: "\e09f"; }
.icon-component:before { content: "\e2ac"; }
.icon-computer:before { content: "\e4e8"; }
.icon-concierge-bell:before { content: "\e37b"; }
.icon-cone:before { content: "\e527"; }
.icon-construction:before { content: "\e3b7"; }
.icon-contact-round:before { content: "\e467"; }
.icon-contact:before { content: "\e0a0"; }
.icon-container:before { content: "\e4d9"; }
.icon-contrast:before { content: "\e0a1"; }
.icon-cookie:before { content: "\e26a"; }
.icon-cooking-pot:before { content: "\e588"; }
.icon-copy-check:before { content: "\e3ff"; }
.icon-copy-minus:before { content: "\e400"; }
.icon-copy-plus:before { content: "\e401"; }
.icon-copy-slash:before { content: "\e402"; }
.icon-copy-x:before { content: "\e403"; }
.icon-copy:before { content: "\e0a2"; }
.icon-copyleft:before { content: "\e0a3"; }
.icon-copyright:before { content: "\e0a4"; }
.icon-corner-down-left:before { content: "\e0a5"; }
.icon-corner-down-right:before { content: "\e0a6"; }
.icon-corner-left-down:before { content: "\e0a7"; }
.icon-corner-left-up:before { content: "\e0a8"; }
.icon-corner-right-down:before { content: "\e0a9"; }
.icon-corner-right-up:before { content: "\e0aa"; }
.icon-corner-up-left:before { content: "\e0ab"; }
.icon-corner-up-right:before { content: "\e0ac"; }
.icon-cpu:before { content: "\e0ad"; }
.icon-creative-commons:before { content: "\e3b5"; }
.icon-credit-card:before { content: "\e0ae"; }
.icon-croissant:before { content: "\e2ad"; }
.icon-crop:before { content: "\e0af"; }
.icon-cross:before { content: "\e1e4"; }
.icon-crosshair:before { content: "\e0b0"; }
.icon-crown:before { content: "\e1d5"; }
.icon-cuboid:before { content: "\e528"; }
.icon-cup-soda:before { content: "\e2d0"; }
.icon-currency:before { content: "\e22f"; }
.icon-cylinder:before { content: "\e529"; }
.icon-dam:before { content: "\e60a"; }
.icon-database-backup:before { content: "\e3ae"; }
.icon-database-zap:before { content: "\e50f"; }
.icon-database:before { content: "\e0b1"; }
.icon-delete:before { content: "\e0b2"; }
.icon-dessert:before { content: "\e4bf"; }
.icon-diameter:before { content: "\e52a"; }
.icon-diamond-minus:before { content: "\e5e5"; }
.icon-diamond-percent:before { content: "\e51f"; }
.icon-diamond-plus:before { content: "\e5e6"; }
.icon-diamond:before { content: "\e2d1"; }
.icon-dice-1:before { content: "\e286"; }
.icon-dice-2:before { content: "\e287"; }
.icon-dice-3:before { content: "\e288"; }
.icon-dice-4:before { content: "\e289"; }
.icon-dice-5:before { content: "\e28a"; }
.icon-dice-6:before { content: "\e28b"; }
.icon-dices:before { content: "\e2c4"; }
.icon-diff:before { content: "\e30b"; }
.icon-disc-2:before { content: "\e3fa"; }
.icon-disc-3:before { content: "\e498"; }
.icon-disc-album:before { content: "\e560"; }
.icon-disc:before { content: "\e0b3"; }
.icon-divide:before { content: "\e0b4"; }
.icon-dna-off:before { content: "\e397"; }
.icon-dna:before { content: "\e396"; }
.icon-dock:before { content: "\e5d7"; }
.icon-dog:before { content: "\e390"; }
.icon-dollar-sign:before { content: "\e0b5"; }
.icon-donut:before { content: "\e4c0"; }
.icon-door-closed:before { content: "\e3d8"; }
.icon-door-open:before { content: "\e3d9"; }
.icon-dot:before { content: "\e453"; }
.icon-download:before { content: "\e0b6"; }
.icon-drafting-compass:before { content: "\e52b"; }
.icon-drama:before { content: "\e525"; }
.icon-dribbble:before { content: "\e0b7"; }
.icon-drill:before { content: "\e591"; }
.icon-droplet-off:before { content: "\e63c"; }
.icon-droplet:before { content: "\e0b8"; }
.icon-droplets:before { content: "\e0b9"; }
.icon-drum:before { content: "\e561"; }
.icon-drumstick:before { content: "\e25a"; }
.icon-dumbbell:before { content: "\e3a4"; }
.icon-ear-off:before { content: "\e386"; }
.icon-ear:before { content: "\e385"; }
.icon-earth-lock:before { content: "\e5d0"; }
.icon-earth:before { content: "\e1f2"; }
.icon-eclipse:before { content: "\e5a1"; }
.icon-egg-fried:before { content: "\e354"; }
.icon-egg-off:before { content: "\e398"; }
.icon-egg:before { content: "\e25c"; }
.icon-ellipsis-vertical:before { content: "\e0bb"; }
.icon-ellipsis:before { content: "\e0ba"; }
.icon-equal-approximately:before { content: "\e638"; }
.icon-equal-not:before { content: "\e1bd"; }
.icon-equal:before { content: "\e1bc"; }
.icon-eraser:before { content: "\e28e"; }
.icon-ethernet-port:before { content: "\e624"; }
.icon-euro:before { content: "\e0bc"; }
.icon-expand:before { content: "\e219"; }
.icon-external-link:before { content: "\e0bd"; }
.icon-eye-closed:before { content: "\e632"; }
.icon-eye-off:before { content: "\e0bf"; }
.icon-eye:before { content: "\e0be"; }
.icon-facebook:before { content: "\e0c0"; }
.icon-factory:before { content: "\e29e"; }
.icon-fan:before { content: "\e37c"; }
.icon-fast-forward:before { content: "\e0c1"; }
.icon-feather:before { content: "\e0c2"; }
.icon-fence:before { content: "\e586"; }
.icon-ferris-wheel:before { content: "\e483"; }
.icon-figma:before { content: "\e0c3"; }
.icon-file-archive:before { content: "\e30c"; }
.icon-file-audio-2:before { content: "\e30e"; }
.icon-file-audio:before { content: "\e30d"; }
.icon-file-axis-3d:before { content: "\e30f"; }
.icon-file-badge-2:before { content: "\e311"; }
.icon-file-badge:before { content: "\e310"; }
.icon-file-box:before { content: "\e312"; }
.icon-file-chart-column-increasing:before { content: "\e314"; }
.icon-file-chart-column:before { content: "\e313"; }
.icon-file-chart-line:before { content: "\e315"; }
.icon-file-chart-pie:before { content: "\e316"; }
.icon-file-check-2:before { content: "\e0c6"; }
.icon-file-check:before { content: "\e0c5"; }
.icon-file-clock:before { content: "\e317"; }
.icon-file-code-2:before { content: "\e462"; }
.icon-file-code:before { content: "\e0c7"; }
.icon-file-cog:before { content: "\e318"; }
.icon-file-diff:before { content: "\e319"; }
.icon-file-digit:before { content: "\e0c8"; }
.icon-file-down:before { content: "\e31a"; }
.icon-file-heart:before { content: "\e31b"; }
.icon-file-image:before { content: "\e31c"; }
.icon-file-input:before { content: "\e0c9"; }
.icon-file-json-2:before { content: "\e36f"; }
.icon-file-json:before { content: "\e36e"; }
.icon-file-key-2:before { content: "\e31e"; }
.icon-file-key:before { content: "\e31d"; }
.icon-file-lock-2:before { content: "\e320"; }
.icon-file-lock:before { content: "\e31f"; }
.icon-file-minus-2:before { content: "\e0cb"; }
.icon-file-minus:before { content: "\e0ca"; }
.icon-file-music:before { content: "\e562"; }
.icon-file-output:before { content: "\e0cc"; }
.icon-file-pen-line:before { content: "\e322"; }
.icon-file-pen:before { content: "\e321"; }
.icon-file-plus-2:before { content: "\e0ce"; }
.icon-file-plus:before { content: "\e0cd"; }
.icon-file-question:before { content: "\e323"; }
.icon-file-scan:before { content: "\e324"; }
.icon-file-search-2:before { content: "\e325"; }
.icon-file-search:before { content: "\e0cf"; }
.icon-file-sliders:before { content: "\e5a4"; }
.icon-file-spreadsheet:before { content: "\e326"; }
.icon-file-stack:before { content: "\e4a5"; }
.icon-file-symlink:before { content: "\e327"; }
.icon-file-terminal:before { content: "\e328"; }
.icon-file-text:before { content: "\e0d0"; }
.icon-file-type-2:before { content: "\e370"; }
.icon-file-type:before { content: "\e329"; }
.icon-file-up:before { content: "\e32a"; }
.icon-file-user:before { content: "\e631"; }
.icon-file-video-2:before { content: "\e32c"; }
.icon-file-video:before { content: "\e32b"; }
.icon-file-volume-2:before { content: "\e32e"; }
.icon-file-volume:before { content: "\e32d"; }
.icon-file-warning:before { content: "\e32f"; }
.icon-file-x-2:before { content: "\e0d2"; }
.icon-file-x:before { content: "\e0d1"; }
.icon-file:before { content: "\e0c4"; }
.icon-files:before { content: "\e0d3"; }
.icon-film:before { content: "\e0d4"; }
.icon-filter-x:before { content: "\e3b8"; }
.icon-filter:before { content: "\e0d5"; }
.icon-fingerprint:before { content: "\e2ca"; }
.icon-fire-extinguisher:before { content: "\e582"; }
.icon-fish-off:before { content: "\e3b3"; }
.icon-fish-symbol:before { content: "\e4f8"; }
.icon-fish:before { content: "\e3a9"; }
.icon-flag-off:before { content: "\e291"; }
.icon-flag-triangle-left:before { content: "\e236"; }
.icon-flag-triangle-right:before { content: "\e237"; }
.icon-flag:before { content: "\e0d6"; }
.icon-flame-kindling:before { content: "\e53e"; }
.icon-flame:before { content: "\e0d7"; }
.icon-flashlight-off:before { content: "\e0d9"; }
.icon-flashlight:before { content: "\e0d8"; }
.icon-flask-conical-off:before { content: "\e399"; }
.icon-flask-conical:before { content: "\e0da"; }
.icon-flask-round:before { content: "\e0db"; }
.icon-flip-horizontal-2:before { content: "\e361"; }
.icon-flip-horizontal:before { content: "\e360"; }
.icon-flip-vertical-2:before { content: "\e363"; }
.icon-flip-vertical:before { content: "\e362"; }
.icon-flower-2:before { content: "\e2d3"; }
.icon-flower:before { content: "\e2d2"; }
.icon-focus:before { content: "\e29d"; }
.icon-fold-horizontal:before { content: "\e43f"; }
.icon-fold-vertical:before { content: "\e440"; }
.icon-folder-archive:before { content: "\e330"; }
.icon-folder-check:before { content: "\e331"; }
.icon-folder-clock:before { content: "\e332"; }
.icon-folder-closed:before { content: "\e333"; }
.icon-folder-code:before { content: "\e5ff"; }
.icon-folder-cog:before { content: "\e334"; }
.icon-folder-dot:before { content: "\e4c9"; }
.icon-folder-down:before { content: "\e335"; }
.icon-folder-git-2:before { content: "\e40e"; }
.icon-folder-git:before { content: "\e40d"; }
.icon-folder-heart:before { content: "\e336"; }
.icon-folder-input:before { content: "\e337"; }
.icon-folder-kanban:before { content: "\e4ca"; }
.icon-folder-key:before { content: "\e338"; }
.icon-folder-lock:before { content: "\e339"; }
.icon-folder-minus:before { content: "\e0dd"; }
.icon-folder-open-dot:before { content: "\e4cb"; }
.icon-folder-open:before { content: "\e246"; }
.icon-folder-output:before { content: "\e33a"; }
.icon-folder-pen:before { content: "\e33b"; }
.icon-folder-plus:before { content: "\e0de"; }
.icon-folder-root:before { content: "\e4cc"; }
.icon-folder-search-2:before { content: "\e33d"; }
.icon-folder-search:before { content: "\e33c"; }
.icon-folder-symlink:before { content: "\e33e"; }
.icon-folder-sync:before { content: "\e4cd"; }
.icon-folder-tree:before { content: "\e33f"; }
.icon-folder-up:before { content: "\e340"; }
.icon-folder-x:before { content: "\e341"; }
.icon-folder:before { content: "\e0dc"; }
.icon-folders:before { content: "\e342"; }
.icon-footprints:before { content: "\e3bc"; }
.icon-forklift:before { content: "\e3c4"; }
.icon-forward:before { content: "\e228"; }
.icon-frame:before { content: "\e290"; }
.icon-framer:before { content: "\e0df"; }
.icon-frown:before { content: "\e0e0"; }
.icon-fuel:before { content: "\e2ae"; }
.icon-fullscreen:before { content: "\e538"; }
.icon-gallery-horizontal-end:before { content: "\e4d3"; }
.icon-gallery-horizontal:before { content: "\e4d2"; }
.icon-gallery-thumbnails:before { content: "\e4d4"; }
.icon-gallery-vertical-end:before { content: "\e4d6"; }
.icon-gallery-vertical:before { content: "\e4d5"; }
.icon-gamepad-2:before { content: "\e0e2"; }
.icon-gamepad:before { content: "\e0e1"; }
.icon-gauge:before { content: "\e1be"; }
.icon-gavel:before { content: "\e0e3"; }
.icon-gem:before { content: "\e241"; }
.icon-ghost:before { content: "\e20d"; }
.icon-gift:before { content: "\e0e4"; }
.icon-git-branch-plus:before { content: "\e1f3"; }
.icon-git-branch:before { content: "\e0e5"; }
.icon-git-commit-horizontal:before { content: "\e0e6"; }
.icon-git-commit-vertical:before { content: "\e556"; }
.icon-git-compare-arrows:before { content: "\e557"; }
.icon-git-compare:before { content: "\e35c"; }
.icon-git-fork:before { content: "\e28c"; }
.icon-git-graph:before { content: "\e558"; }
.icon-git-merge:before { content: "\e0e7"; }
.icon-git-pull-request-arrow:before { content: "\e559"; }
.icon-git-pull-request-closed:before { content: "\e35d"; }
.icon-git-pull-request-create-arrow:before { content: "\e55b"; }
.icon-git-pull-request-create:before { content: "\e55a"; }
.icon-git-pull-request-draft:before { content: "\e35e"; }
.icon-git-pull-request:before { content: "\e0e8"; }
.icon-github:before { content: "\e0e9"; }
.icon-gitlab:before { content: "\e0ea"; }
.icon-glass-water:before { content: "\e2d4"; }
.icon-glasses:before { content: "\e20c"; }
.icon-globe-lock:before { content: "\e5d1"; }
.icon-globe:before { content: "\e0eb"; }
.icon-goal:before { content: "\e4a9"; }
.icon-grab:before { content: "\e1e5"; }
.icon-graduation-cap:before { content: "\e233"; }
.icon-grape:before { content: "\e355"; }
.icon-grid-2x2-check:before { content: "\e5e8"; }
.icon-grid-2x2-plus:before { content: "\e62c"; }
.icon-grid-2x2-x:before { content: "\e5e9"; }
.icon-grid-2x2:before { content: "\e503"; }
.icon-grid-3x3:before { content: "\e0ec"; }
.icon-grip-horizontal:before { content: "\e0ed"; }
.icon-grip-vertical:before { content: "\e0ee"; }
.icon-grip:before { content: "\e3b4"; }
.icon-group:before { content: "\e468"; }
.icon-guitar:before { content: "\e563"; }
.icon-ham:before { content: "\e5db"; }
.icon-hammer:before { content: "\e0ef"; }
.icon-hand-coins:before { content: "\e5bc"; }
.icon-hand-heart:before { content: "\e5bd"; }
.icon-hand-helping:before { content: "\e3bb"; }
.icon-hand-metal:before { content: "\e22b"; }
.icon-hand-platter:before { content: "\e5be"; }
.icon-hand:before { content: "\e1d6"; }
.icon-handshake:before { content: "\e5c4"; }
.icon-hard-drive-download:before { content: "\e4e9"; }
.icon-hard-drive-upload:before { content: "\e4ea"; }
.icon-hard-drive:before { content: "\e0f0"; }
.icon-hard-hat:before { content: "\e0f1"; }
.icon-hash:before { content: "\e0f2"; }
.icon-haze:before { content: "\e0f3"; }
.icon-hdmi-port:before { content: "\e4eb"; }
.icon-heading-1:before { content: "\e388"; }
.icon-heading-2:before { content: "\e389"; }
.icon-heading-3:before { content: "\e38a"; }
.icon-heading-4:before { content: "\e38b"; }
.icon-heading-5:before { content: "\e38c"; }
.icon-heading-6:before { content: "\e38d"; }
.icon-heading:before { content: "\e387"; }
.icon-headphone-off:before { content: "\e62d"; }
.icon-headphones:before { content: "\e0f4"; }
.icon-headset:before { content: "\e5c1"; }
.icon-heart-crack:before { content: "\e2d5"; }
.icon-heart-handshake:before { content: "\e2d6"; }
.icon-heart-off:before { content: "\e294"; }
.icon-heart-pulse:before { content: "\e371"; }
.icon-heart:before { content: "\e0f5"; }
.icon-heater:before { content: "\e592"; }
.icon-hexagon:before { content: "\e0f6"; }
.icon-highlighter:before { content: "\e0f7"; }
.icon-history:before { content: "\e1f4"; }
.icon-hop-off:before { content: "\e39b"; }
.icon-hop:before { content: "\e39a"; }
.icon-hospital:before { content: "\e5dc"; }
.icon-hotel:before { content: "\e3e5"; }
.icon-hourglass:before { content: "\e295"; }
.icon-house-plug:before { content: "\e5f4"; }
.icon-house-plus:before { content: "\e5f5"; }
.icon-house-wifi:before { content: "\e640"; }
.icon-house:before { content: "\e0f8"; }
.icon-ice-cream-bowl:before { content: "\e3aa"; }
.icon-ice-cream-cone:before { content: "\e356"; }
.icon-id-card:before { content: "\e61b"; }
.icon-image-down:before { content: "\e540"; }
.icon-image-minus:before { content: "\e1f5"; }
.icon-image-off:before { content: "\e1bf"; }
.icon-image-play:before { content: "\e5e3"; }
.icon-image-plus:before { content: "\e1f6"; }
.icon-image-up:before { content: "\e5cf"; }
.icon-image-upscale:before { content: "\e63b"; }
.icon-image:before { content: "\e0f9"; }
.icon-images:before { content: "\e5c8"; }
.icon-import:before { content: "\e22e"; }
.icon-inbox:before { content: "\e0fa"; }
.icon-indent-decrease:before { content: "\e0fb"; }
.icon-indent-increase:before { content: "\e0fc"; }
.icon-indian-rupee:before { content: "\e0fd"; }
.icon-infinity:before { content: "\e1e6"; }
.icon-info:before { content: "\e0fe"; }
.icon-inspection-panel:before { content: "\e587"; }
.icon-instagram:before { content: "\e0ff"; }
.icon-italic:before { content: "\e100"; }
.icon-iteration-ccw:before { content: "\e427"; }
.icon-iteration-cw:before { content: "\e428"; }
.icon-japanese-yen:before { content: "\e101"; }
.icon-joystick:before { content: "\e358"; }
.icon-kanban:before { content: "\e4e0"; }
.icon-key-round:before { content: "\e4a7"; }
.icon-key-square:before { content: "\e4a8"; }
.icon-key:before { content: "\e102"; }
.icon-keyboard-music:before { content: "\e564"; }
.icon-keyboard-off:before { content: "\e5e2"; }
.icon-keyboard:before { content: "\e283"; }
.icon-lamp-ceiling:before { content: "\e2d8"; }
.icon-lamp-desk:before { content: "\e2d9"; }
.icon-lamp-floor:before { content: "\e2da"; }
.icon-lamp-wall-down:before { content: "\e2db"; }
.icon-lamp-wall-up:before { content: "\e2dc"; }
.icon-lamp:before { content: "\e2d7"; }
.icon-land-plot:before { content: "\e52c"; }
.icon-landmark:before { content: "\e239"; }
.icon-languages:before { content: "\e103"; }
.icon-laptop-minimal-check:before { content: "\e636"; }
.icon-laptop-minimal:before { content: "\e1d7"; }
.icon-laptop:before { content: "\e1cc"; }
.icon-lasso-select:before { content: "\e1ce"; }
.icon-lasso:before { content: "\e1cd"; }
.icon-laugh:before { content: "\e2ff"; }
.icon-layers-2:before { content: "\e52e"; }
.icon-layers:before { content: "\e52d"; }
.icon-layout-dashboard:before { content: "\e1c0"; }
.icon-layout-grid:before { content: "\e104"; }
.icon-layout-list:before { content: "\e1d8"; }
.icon-layout-panel-left:before { content: "\e474"; }
.icon-layout-panel-top:before { content: "\e475"; }
.icon-layout-template:before { content: "\e206"; }
.icon-leaf:before { content: "\e2dd"; }
.icon-leafy-green:before { content: "\e473"; }
.icon-lectern:before { content: "\e5ed"; }
.icon-letter-text:before { content: "\e609"; }
.icon-library-big:before { content: "\e552"; }
.icon-library:before { content: "\e105"; }
.icon-life-buoy:before { content: "\e106"; }
.icon-ligature:before { content: "\e43e"; }
.icon-lightbulb-off:before { content: "\e207"; }
.icon-lightbulb:before { content: "\e1c1"; }
.icon-link-2-off:before { content: "\e109"; }
.icon-link-2:before { content: "\e108"; }
.icon-link:before { content: "\e107"; }
.icon-linkedin:before { content: "\e10a"; }
.icon-list-check:before { content: "\e5fe"; }
.icon-list-checks:before { content: "\e1cf"; }
.icon-list-collapse:before { content: "\e59f"; }
.icon-list-end:before { content: "\e2de"; }
.icon-list-filter-plus:before { content: "\e63d"; }
.icon-list-filter:before { content: "\e464"; }
.icon-list-minus:before { content: "\e23d"; }
.icon-list-music:before { content: "\e2df"; }
.icon-list-ordered:before { content: "\e1d0"; }
.icon-list-plus:before { content: "\e23e"; }
.icon-list-restart:before { content: "\e456"; }
.icon-list-start:before { content: "\e2e0"; }
.icon-list-todo:before { content: "\e4c7"; }
.icon-list-tree:before { content: "\e40c"; }
.icon-list-video:before { content: "\e2e1"; }
.icon-list-x:before { content: "\e23f"; }
.icon-list:before { content: "\e10b"; }
.icon-loader-circle:before { content: "\e10d"; }
.icon-loader-pinwheel:before { content: "\e5ea"; }
.icon-loader:before { content: "\e10c"; }
.icon-locate-fixed:before { content: "\e1da"; }
.icon-locate-off:before { content: "\e281"; }
.icon-locate:before { content: "\e1d9"; }
.icon-lock-keyhole-open:before { content: "\e536"; }
.icon-lock-keyhole:before { content: "\e535"; }
.icon-lock-open:before { content: "\e10f"; }
.icon-lock:before { content: "\e10e"; }
.icon-log-in:before { content: "\e110"; }
.icon-log-out:before { content: "\e111"; }
.icon-logs:before { content: "\e5f8"; }
.icon-lollipop:before { content: "\e4c1"; }
.icon-luggage:before { content: "\e2c9"; }
.icon-magnet:before { content: "\e2b4"; }
.icon-mail-check:before { content: "\e364"; }
.icon-mail-minus:before { content: "\e365"; }
.icon-mail-open:before { content: "\e366"; }
.icon-mail-plus:before { content: "\e367"; }
.icon-mail-question:before { content: "\e368"; }
.icon-mail-search:before { content: "\e369"; }
.icon-mail-warning:before { content: "\e36a"; }
.icon-mail-x:before { content: "\e36b"; }
.icon-mail:before { content: "\e112"; }
.icon-mailbox:before { content: "\e3d7"; }
.icon-mails:before { content: "\e36c"; }
.icon-map-pin-check-inside:before { content: "\e614"; }
.icon-map-pin-check:before { content: "\e613"; }
.icon-map-pin-house:before { content: "\e620"; }
.icon-map-pin-minus-inside:before { content: "\e616"; }
.icon-map-pin-minus:before { content: "\e615"; }
.icon-map-pin-off:before { content: "\e2a5"; }
.icon-map-pin-plus-inside:before { content: "\e618"; }
.icon-map-pin-plus:before { content: "\e617"; }
.icon-map-pin-x-inside:before { content: "\e61a"; }
.icon-map-pin-x:before { content: "\e619"; }
.icon-map-pin:before { content: "\e114"; }
.icon-map-pinned:before { content: "\e541"; }
.icon-map-plus:before { content: "\e643"; }
.icon-map:before { content: "\e113"; }
.icon-martini:before { content: "\e2e2"; }
.icon-maximize-2:before { content: "\e116"; }
.icon-maximize:before { content: "\e115"; }
.icon-medal:before { content: "\e372"; }
.icon-megaphone-off:before { content: "\e373"; }
.icon-megaphone:before { content: "\e234"; }
.icon-meh:before { content: "\e117"; }
.icon-memory-stick:before { content: "\e449"; }
.icon-menu:before { content: "\e118"; }
.icon-merge:before { content: "\e443"; }
.icon-message-circle-code:before { content: "\e566"; }
.icon-message-circle-dashed:before { content: "\e567"; }
.icon-message-circle-heart:before { content: "\e568"; }
.icon-message-circle-more:before { content: "\e569"; }
.icon-message-circle-off:before { content: "\e56a"; }
.icon-message-circle-plus:before { content: "\e56b"; }
.icon-message-circle-question:before { content: "\e56c"; }
.icon-message-circle-reply:before { content: "\e56d"; }
.icon-message-circle-warning:before { content: "\e56e"; }
.icon-message-circle-x:before { content: "\e56f"; }
.icon-message-circle:before { content: "\e119"; }
.icon-message-square-code:before { content: "\e570"; }
.icon-message-square-dashed:before { content: "\e40f"; }
.icon-message-square-diff:before { content: "\e571"; }
.icon-message-square-dot:before { content: "\e572"; }
.icon-message-square-heart:before { content: "\e573"; }
.icon-message-square-lock:before { content: "\e630"; }
.icon-message-square-more:before { content: "\e574"; }
.icon-message-square-off:before { content: "\e575"; }
.icon-message-square-plus:before { content: "\e410"; }
.icon-message-square-quote:before { content: "\e576"; }
.icon-message-square-reply:before { content: "\e577"; }
.icon-message-square-share:before { content: "\e578"; }
.icon-message-square-text:before { content: "\e579"; }
.icon-message-square-warning:before { content: "\e57a"; }
.icon-message-square-x:before { content: "\e57b"; }
.icon-message-square:before { content: "\e11a"; }
.icon-messages-square:before { content: "\e411"; }
.icon-mic-off:before { content: "\e11c"; }
.icon-mic-vocal:before { content: "\e34c"; }
.icon-mic:before { content: "\e11b"; }
.icon-microchip:before { content: "\e61e"; }
.icon-microscope:before { content: "\e2e3"; }
.icon-microwave:before { content: "\e37d"; }
.icon-milestone:before { content: "\e297"; }
.icon-milk-off:before { content: "\e39d"; }
.icon-milk:before { content: "\e39c"; }
.icon-minimize-2:before { content: "\e11e"; }
.icon-minimize:before { content: "\e11d"; }
.icon-minus:before { content: "\e11f"; }
.icon-monitor-check:before { content: "\e486"; }
.icon-monitor-cog:before { content: "\e607"; }
.icon-monitor-dot:before { content: "\e487"; }
.icon-monitor-down:before { content: "\e425"; }
.icon-monitor-off:before { content: "\e1db"; }
.icon-monitor-pause:before { content: "\e488"; }
.icon-monitor-play:before { content: "\e489"; }
.icon-monitor-smartphone:before { content: "\e3a5"; }
.icon-monitor-speaker:before { content: "\e20f"; }
.icon-monitor-stop:before { content: "\e48a"; }
.icon-monitor-up:before { content: "\e426"; }
.icon-monitor-x:before { content: "\e48b"; }
.icon-monitor:before { content: "\e120"; }
.icon-moon-star:before { content: "\e414"; }
.icon-moon:before { content: "\e121"; }
.icon-mountain-snow:before { content: "\e231"; }
.icon-mountain:before { content: "\e230"; }
.icon-mouse-off:before { content: "\e5df"; }
.icon-mouse-pointer-2:before { content: "\e1c2"; }
.icon-mouse-pointer-ban:before { content: "\e5eb"; }
.icon-mouse-pointer-click:before { content: "\e123"; }
.icon-mouse-pointer:before { content: "\e122"; }
.icon-mouse:before { content: "\e28d"; }
.icon-move-3d:before { content: "\e2e4"; }
.icon-move-diagonal-2:before { content: "\e1c4"; }
.icon-move-diagonal:before { content: "\e1c3"; }
.icon-move-down-left:before { content: "\e491"; }
.icon-move-down-right:before { content: "\e492"; }
.icon-move-down:before { content: "\e490"; }
.icon-move-horizontal:before { content: "\e1c5"; }
.icon-move-left:before { content: "\e493"; }
.icon-move-right:before { content: "\e494"; }
.icon-move-up-left:before { content: "\e496"; }
.icon-move-up-right:before { content: "\e497"; }
.icon-move-up:before { content: "\e495"; }
.icon-move-vertical:before { content: "\e1c6"; }
.icon-move:before { content: "\e124"; }
.icon-music-2:before { content: "\e34d"; }
.icon-music-3:before { content: "\e34e"; }
.icon-music-4:before { content: "\e34f"; }
.icon-music:before { content: "\e125"; }
.icon-navigation-2-off:before { content: "\e2a6"; }
.icon-navigation-2:before { content: "\e127"; }
.icon-navigation-off:before { content: "\e2a7"; }
.icon-navigation:before { content: "\e126"; }
.icon-network:before { content: "\e128"; }
.icon-newspaper:before { content: "\e34b"; }
.icon-nfc:before { content: "\e3c6"; }
.icon-notebook-pen:before { content: "\e59a"; }
.icon-notebook-tabs:before { content: "\e59b"; }
.icon-notebook-text:before { content: "\e59c"; }
.icon-notebook:before { content: "\e599"; }
.icon-notepad-text-dashed:before { content: "\e59e"; }
.icon-notepad-text:before { content: "\e59d"; }
.icon-nut-off:before { content: "\e39f"; }
.icon-nut:before { content: "\e39e"; }
.icon-octagon-alert:before { content: "\e12a"; }
.icon-octagon-minus:before { content: "\e62b"; }
.icon-octagon-pause:before { content: "\e21a"; }
.icon-octagon-x:before { content: "\e12b"; }
.icon-octagon:before { content: "\e129"; }
.icon-omega:before { content: "\e61d"; }
.icon-option:before { content: "\e1f7"; }
.icon-orbit:before { content: "\e3ea"; }
.icon-origami:before { content: "\e5e7"; }
.icon-package-2:before { content: "\e343"; }
.icon-package-check:before { content: "\e265"; }
.icon-package-minus:before { content: "\e266"; }
.icon-package-open:before { content: "\e2cb"; }
.icon-package-plus:before { content: "\e267"; }
.icon-package-search:before { content: "\e268"; }
.icon-package-x:before { content: "\e269"; }
.icon-package:before { content: "\e12c"; }
.icon-paint-bucket:before { content: "\e2e5"; }
.icon-paint-roller:before { content: "\e5a2"; }
.icon-paintbrush-vertical:before { content: "\e2e7"; }
.icon-paintbrush:before { content: "\e2e6"; }
.icon-palette:before { content: "\e1dc"; }
.icon-panel-bottom-close:before { content: "\e431"; }
.icon-panel-bottom-dashed:before { content: "\e432"; }
.icon-panel-bottom-open:before { content: "\e433"; }
.icon-panel-bottom:before { content: "\e430"; }
.icon-panel-left-close:before { content: "\e21b"; }
.icon-panel-left-dashed:before { content: "\e434"; }
.icon-panel-left-open:before { content: "\e21c"; }
.icon-panel-left:before { content: "\e12d"; }
.icon-panel-right-close:before { content: "\e436"; }
.icon-panel-right-dashed:before { content: "\e437"; }
.icon-panel-right-open:before { content: "\e438"; }
.icon-panel-right:before { content: "\e435"; }
.icon-panel-top-close:before { content: "\e43a"; }
.icon-panel-top-dashed:before { content: "\e43b"; }
.icon-panel-top-open:before { content: "\e43c"; }
.icon-panel-top:before { content: "\e439"; }
.icon-panels-left-bottom:before { content: "\e12e"; }
.icon-panels-right-bottom:before { content: "\e58c"; }
.icon-panels-top-left:before { content: "\e12f"; }
.icon-paperclip:before { content: "\e130"; }
.icon-parentheses:before { content: "\e448"; }
.icon-parking-meter:before { content: "\e504"; }
.icon-party-popper:before { content: "\e346"; }
.icon-pause:before { content: "\e131"; }
.icon-paw-print:before { content: "\e4f9"; }
.icon-pc-case:before { content: "\e44a"; }
.icon-pen-line:before { content: "\e133"; }
.icon-pen-off:before { content: "\e5f2"; }
.icon-pen-tool:before { content: "\e134"; }
.icon-pen:before { content: "\e132"; }
.icon-pencil-line:before { content: "\e4f4"; }
.icon-pencil-off:before { content: "\e5f3"; }
.icon-pencil-ruler:before { content: "\e4f5"; }
.icon-pencil:before { content: "\e1f8"; }
.icon-pentagon:before { content: "\e52f"; }
.icon-percent:before { content: "\e135"; }
.icon-person-standing:before { content: "\e21d"; }
.icon-philippine-peso:before { content: "\e608"; }
.icon-phone-call:before { content: "\e137"; }
.icon-phone-forwarded:before { content: "\e138"; }
.icon-phone-incoming:before { content: "\e139"; }
.icon-phone-missed:before { content: "\e13a"; }
.icon-phone-off:before { content: "\e13b"; }
.icon-phone-outgoing:before { content: "\e13c"; }
.icon-phone:before { content: "\e136"; }
.icon-pi:before { content: "\e476"; }
.icon-piano:before { content: "\e565"; }
.icon-pickaxe:before { content: "\e5ca"; }
.icon-picture-in-picture-2:before { content: "\e3b2"; }
.icon-picture-in-picture:before { content: "\e3b1"; }
.icon-piggy-bank:before { content: "\e13d"; }
.icon-pilcrow-left:before { content: "\e5e0"; }
.icon-pilcrow-right:before { content: "\e5e1"; }
.icon-pilcrow:before { content: "\e3a6"; }
.icon-pill-bottle:before { content: "\e5ee"; }
.icon-pill:before { content: "\e3c0"; }
.icon-pin-off:before { content: "\e2b5"; }
.icon-pin:before { content: "\e258"; }
.icon-pipette:before { content: "\e13e"; }
.icon-pizza:before { content: "\e357"; }
.icon-plane-landing:before { content: "\e3d0"; }
.icon-plane-takeoff:before { content: "\e3d1"; }
.icon-plane:before { content: "\e1dd"; }
.icon-play:before { content: "\e13f"; }
.icon-plug-2:before { content: "\e383"; }
.icon-plug-zap:before { content: "\e460"; }
.icon-plug:before { content: "\e382"; }
.icon-plus:before { content: "\e140"; }
.icon-pocket-knife:before { content: "\e4a4"; }
.icon-pocket:before { content: "\e141"; }
.icon-podcast:before { content: "\e1f9"; }
.icon-pointer-off:before { content: "\e583"; }
.icon-pointer:before { content: "\e1e7"; }
.icon-popcorn:before { content: "\e4c2"; }
.icon-popsicle:before { content: "\e4c3"; }
.icon-pound-sterling:before { content: "\e142"; }
.icon-power-off:before { content: "\e208"; }
.icon-power:before { content: "\e143"; }
.icon-presentation:before { content: "\e4b2"; }
.icon-printer-check:before { content: "\e5f9"; }
.icon-printer:before { content: "\e144"; }
.icon-projector:before { content: "\e4b3"; }
.icon-proportions:before { content: "\e5d3"; }
.icon-puzzle:before { content: "\e29b"; }
.icon-pyramid:before { content: "\e530"; }
.icon-qr-code:before { content: "\e1de"; }
.icon-quote:before { content: "\e238"; }
.icon-rabbit:before { content: "\e4fa"; }
.icon-radar:before { content: "\e49b"; }
.icon-radiation:before { content: "\e446"; }
.icon-radical:before { content: "\e5c6"; }
.icon-radio-receiver:before { content: "\e1fa"; }
.icon-radio-tower:before { content: "\e408"; }
.icon-radio:before { content: "\e145"; }
.icon-radius:before { content: "\e531"; }
.icon-rail-symbol:before { content: "\e505"; }
.icon-rainbow:before { content: "\e4c6"; }
.icon-rat:before { content: "\e3ef"; }
.icon-ratio:before { content: "\e4ec"; }
.icon-receipt-cent:before { content: "\e5a9"; }
.icon-receipt-euro:before { content: "\e5aa"; }
.icon-receipt-indian-rupee:before { content: "\e5ab"; }
.icon-receipt-japanese-yen:before { content: "\e5ac"; }
.icon-receipt-pound-sterling:before { content: "\e5ad"; }
.icon-receipt-russian-ruble:before { content: "\e5ae"; }
.icon-receipt-swiss-franc:before { content: "\e5af"; }
.icon-receipt-text:before { content: "\e5b0"; }
.icon-receipt:before { content: "\e3d6"; }
.icon-rectangle-ellipsis:before { content: "\e21e"; }
.icon-rectangle-horizontal:before { content: "\e379"; }
.icon-rectangle-vertical:before { content: "\e37a"; }
.icon-recycle:before { content: "\e2e8"; }
.icon-redo-2:before { content: "\e29f"; }
.icon-redo-dot:before { content: "\e454"; }
.icon-redo:before { content: "\e146"; }
.icon-refresh-ccw-dot:before { content: "\e4b6"; }
.icon-refresh-ccw:before { content: "\e147"; }
.icon-refresh-cw-off:before { content: "\e49c"; }
.icon-refresh-cw:before { content: "\e148"; }
.icon-refrigerator:before { content: "\e37e"; }
.icon-regex:before { content: "\e1fb"; }
.icon-remove-formatting:before { content: "\e3b6"; }
.icon-repeat-1:before { content: "\e1fc"; }
.icon-repeat-2:before { content: "\e415"; }
.icon-repeat:before { content: "\e149"; }
.icon-replace-all:before { content: "\e3df"; }
.icon-replace:before { content: "\e3de"; }
.icon-reply-all:before { content: "\e22a"; }
.icon-reply:before { content: "\e229"; }
.icon-rewind:before { content: "\e14a"; }
.icon-ribbon:before { content: "\e55c"; }
.icon-rocket:before { content: "\e285"; }
.icon-rocking-chair:before { content: "\e232"; }
.icon-roller-coaster:before { content: "\e484"; }
.icon-rotate-3d:before { content: "\e2e9"; }
.icon-rotate-ccw-square:before { content: "\e5d4"; }
.icon-rotate-ccw:before { content: "\e14b"; }
.icon-rotate-cw-square:before { content: "\e5d5"; }
.icon-rotate-cw:before { content: "\e14c"; }
.icon-route-off:before { content: "\e543"; }
.icon-route:before { content: "\e542"; }
.icon-router:before { content: "\e3c2"; }
.icon-rows-2:before { content: "\e43d"; }
.icon-rows-3:before { content: "\e58e"; }
.icon-rows-4:before { content: "\e58f"; }
.icon-rss:before { content: "\e14d"; }
.icon-ruler:before { content: "\e14e"; }
.icon-russian-ruble:before { content: "\e14f"; }
.icon-sailboat:before { content: "\e381"; }
.icon-salad:before { content: "\e3ab"; }
.icon-sandwich:before { content: "\e3ac"; }
.icon-satellite-dish:before { content: "\e44c"; }
.icon-satellite:before { content: "\e44b"; }
.icon-save-all:before { content: "\e413"; }
.icon-save-off:before { content: "\e5f7"; }
.icon-save:before { content: "\e150"; }
.icon-scale-3d:before { content: "\e2ea"; }
.icon-scale:before { content: "\e211"; }
.icon-scaling:before { content: "\e2eb"; }
.icon-scan-barcode:before { content: "\e539"; }
.icon-scan-eye:before { content: "\e53a"; }
.icon-scan-face:before { content: "\e374"; }
.icon-scan-heart:before { content: "\e63e"; }
.icon-scan-line:before { content: "\e257"; }
.icon-scan-qr-code:before { content: "\e5fa"; }
.icon-scan-search:before { content: "\e53b"; }
.icon-scan-text:before { content: "\e53c"; }
.icon-scan:before { content: "\e256"; }
.icon-school:before { content: "\e3e6"; }
.icon-scissors-line-dashed:before { content: "\e4ed"; }
.icon-scissors:before { content: "\e151"; }
.icon-screen-share-off:before { content: "\e153"; }
.icon-screen-share:before { content: "\e152"; }
.icon-scroll-text:before { content: "\e463"; }
.icon-scroll:before { content: "\e2ec"; }
.icon-search-check:before { content: "\e4ae"; }
.icon-search-code:before { content: "\e4af"; }
.icon-search-slash:before { content: "\e4b0"; }
.icon-search-x:before { content: "\e4b1"; }
.icon-search:before { content: "\e154"; }
.icon-section:before { content: "\e5ec"; }
.icon-send-horizontal:before { content: "\e4f6"; }
.icon-send-to-back:before { content: "\e4f7"; }
.icon-send:before { content: "\e155"; }
.icon-separator-horizontal:before { content: "\e1c7"; }
.icon-separator-vertical:before { content: "\e1c8"; }
.icon-server-cog:before { content: "\e344"; }
.icon-server-crash:before { content: "\e1e8"; }
.icon-server-off:before { content: "\e1e9"; }
.icon-server:before { content: "\e156"; }
.icon-settings-2:before { content: "\e244"; }
.icon-settings:before { content: "\e157"; }
.icon-shapes:before { content: "\e4b7"; }
.icon-share-2:before { content: "\e159"; }
.icon-share:before { content: "\e158"; }
.icon-sheet:before { content: "\e15a"; }
.icon-shell:before { content: "\e4fb"; }
.icon-shield-alert:before { content: "\e1fd"; }
.icon-shield-ban:before { content: "\e15c"; }
.icon-shield-check:before { content: "\e1fe"; }
.icon-shield-ellipsis:before { content: "\e51a"; }
.icon-shield-half:before { content: "\e51b"; }
.icon-shield-minus:before { content: "\e51c"; }
.icon-shield-off:before { content: "\e15d"; }
.icon-shield-plus:before { content: "\e51d"; }
.icon-shield-question:before { content: "\e412"; }
.icon-shield-x:before { content: "\e1ff"; }
.icon-shield:before { content: "\e15b"; }
.icon-ship-wheel:before { content: "\e506"; }
.icon-ship:before { content: "\e3bd"; }
.icon-shirt:before { content: "\e1c9"; }
.icon-shopping-bag:before { content: "\e15e"; }
.icon-shopping-basket:before { content: "\e4ee"; }
.icon-shopping-cart:before { content: "\e15f"; }
.icon-shovel:before { content: "\e160"; }
.icon-shower-head:before { content: "\e37f"; }
.icon-shrink:before { content: "\e21f"; }
.icon-shrub:before { content: "\e2ed"; }
.icon-shuffle:before { content: "\e161"; }
.icon-sigma:before { content: "\e200"; }
.icon-signal-high:before { content: "\e25f"; }
.icon-signal-low:before { content: "\e260"; }
.icon-signal-medium:before { content: "\e261"; }
.icon-signal-zero:before { content: "\e262"; }
.icon-signal:before { content: "\e25e"; }
.icon-signature:before { content: "\e5f6"; }
.icon-signpost-big:before { content: "\e545"; }
.icon-signpost:before { content: "\e544"; }
.icon-siren:before { content: "\e2ee"; }
.icon-skip-back:before { content: "\e162"; }
.icon-skip-forward:before { content: "\e163"; }
.icon-skull:before { content: "\e220"; }
.icon-slack:before { content: "\e164"; }
.icon-slash:before { content: "\e521"; }
.icon-slice:before { content: "\e2ef"; }
.icon-sliders-horizontal:before { content: "\e299"; }
.icon-sliders-vertical:before { content: "\e165"; }
.icon-smartphone-charging:before { content: "\e22d"; }
.icon-smartphone-nfc:before { content: "\e3c7"; }
.icon-smartphone:before { content: "\e166"; }
.icon-smile-plus:before { content: "\e300"; }
.icon-smile:before { content: "\e167"; }
.icon-snail:before { content: "\e4fc"; }
.icon-snowflake:before { content: "\e168"; }
.icon-sofa:before { content: "\e2c3"; }
.icon-soup:before { content: "\e3ad"; }
.icon-space:before { content: "\e3e0"; }
.icon-spade:before { content: "\e49d"; }
.icon-sparkle:before { content: "\e482"; }
.icon-sparkles:before { content: "\e416"; }
.icon-speaker:before { content: "\e169"; }
.icon-speech:before { content: "\e522"; }
.icon-spell-check-2:before { content: "\e49f"; }
.icon-spell-check:before { content: "\e49e"; }
.icon-spline:before { content: "\e38e"; }
.icon-split:before { content: "\e444"; }
.icon-spray-can:before { content: "\e499"; }
.icon-sprout:before { content: "\e1ea"; }
.icon-square-activity:before { content: "\e4b8"; }
.icon-square-arrow-down-left:before { content: "\e4b9"; }
.icon-square-arrow-down-right:before { content: "\e4ba"; }
.icon-square-arrow-down:before { content: "\e42b"; }
.icon-square-arrow-left:before { content: "\e42c"; }
.icon-square-arrow-out-down-left:before { content: "\e5a5"; }
.icon-square-arrow-out-down-right:before { content: "\e5a6"; }
.icon-square-arrow-out-up-left:before { content: "\e5a7"; }
.icon-square-arrow-out-up-right:before { content: "\e5a8"; }
.icon-square-arrow-right:before { content: "\e42d"; }
.icon-square-arrow-up-left:before { content: "\e4bb"; }
.icon-square-arrow-up-right:before { content: "\e4bc"; }
.icon-square-arrow-up:before { content: "\e42e"; }
.icon-square-asterisk:before { content: "\e16b"; }
.icon-square-bottom-dashed-scissors:before { content: "\e4ef"; }
.icon-square-chart-gantt:before { content: "\e16c"; }
.icon-square-check-big:before { content: "\e16d"; }
.icon-square-check:before { content: "\e55d"; }
.icon-square-chevron-down:before { content: "\e3d2"; }
.icon-square-chevron-left:before { content: "\e3d3"; }
.icon-square-chevron-right:before { content: "\e3d4"; }
.icon-square-chevron-up:before { content: "\e3d5"; }
.icon-square-code:before { content: "\e16e"; }
.icon-square-dashed-bottom-code:before { content: "\e4c5"; }
.icon-square-dashed-bottom:before { content: "\e4c4"; }
.icon-square-dashed-kanban:before { content: "\e16f"; }
.icon-square-dashed-mouse-pointer:before { content: "\e50d"; }
.icon-square-dashed:before { content: "\e1ca"; }
.icon-square-divide:before { content: "\e170"; }
.icon-square-dot:before { content: "\e171"; }
.icon-square-equal:before { content: "\e172"; }
.icon-square-function:before { content: "\e22c"; }
.icon-square-kanban:before { content: "\e173"; }
.icon-square-library:before { content: "\e553"; }
.icon-square-m:before { content: "\e507"; }
.icon-square-menu:before { content: "\e457"; }
.icon-square-minus:before { content: "\e174"; }
.icon-square-mouse-pointer:before { content: "\e201"; }
.icon-square-parking-off:before { content: "\e3cf"; }
.icon-square-parking:before { content: "\e3ce"; }
.icon-square-pen:before { content: "\e175"; }
.icon-square-percent:before { content: "\e520"; }
.icon-square-pi:before { content: "\e48c"; }
.icon-square-pilcrow:before { content: "\e48f"; }
.icon-square-play:before { content: "\e485"; }
.icon-square-plus:before { content: "\e176"; }
.icon-square-power:before { content: "\e555"; }
.icon-square-radical:before { content: "\e5c7"; }
.icon-square-scissors:before { content: "\e4f0"; }
.icon-square-sigma:before { content: "\e48d"; }
.icon-square-slash:before { content: "\e177"; }
.icon-square-split-horizontal:before { content: "\e3b9"; }
.icon-square-split-vertical:before { content: "\e3ba"; }
.icon-square-square:before { content: "\e612"; }
.icon-square-stack:before { content: "\e4a6"; }
.icon-square-terminal:before { content: "\e209"; }
.icon-square-user-round:before { content: "\e46a"; }
.icon-square-user:before { content: "\e469"; }
.icon-square-x:before { content: "\e178"; }
.icon-square:before { content: "\e16a"; }
.icon-squircle:before { content: "\e57e"; }
.icon-squirrel:before { content: "\e4a3"; }
.icon-stamp:before { content: "\e3be"; }
.icon-star-half:before { content: "\e20a"; }
.icon-star-off:before { content: "\e2af"; }
.icon-star:before { content: "\e179"; }
.icon-step-back:before { content: "\e3ec"; }
.icon-step-forward:before { content: "\e3ed"; }
.icon-stethoscope:before { content: "\e2f0"; }
.icon-sticker:before { content: "\e301"; }
.icon-sticky-note:before { content: "\e302"; }
.icon-store:before { content: "\e3e7"; }
.icon-stretch-horizontal:before { content: "\e27b"; }
.icon-stretch-vertical:before { content: "\e27c"; }
.icon-strikethrough:before { content: "\e17a"; }
.icon-subscript:before { content: "\e25b"; }
.icon-sun-dim:before { content: "\e298"; }
.icon-sun-medium:before { content: "\e2b0"; }
.icon-sun-moon:before { content: "\e2b1"; }
.icon-sun-snow:before { content: "\e375"; }
.icon-sun:before { content: "\e17b"; }
.icon-sunrise:before { content: "\e17c"; }
.icon-sunset:before { content: "\e17d"; }
.icon-superscript:before { content: "\e25d"; }
.icon-swatch-book:before { content: "\e5a3"; }
.icon-swiss-franc:before { content: "\e17e"; }
.icon-switch-camera:before { content: "\e17f"; }
.icon-sword:before { content: "\e2b2"; }
.icon-swords:before { content: "\e2b3"; }
.icon-syringe:before { content: "\e2f1"; }
.icon-table-2:before { content: "\e2f8"; }
.icon-table-cells-merge:before { content: "\e5cb"; }
.icon-table-cells-split:before { content: "\e5cc"; }
.icon-table-columns-split:before { content: "\e5cd"; }
.icon-table-of-contents:before { content: "\e622"; }
.icon-table-properties:before { content: "\e4df"; }
.icon-table-rows-split:before { content: "\e5ce"; }
.icon-table:before { content: "\e180"; }
.icon-tablet-smartphone:before { content: "\e50e"; }
.icon-tablet:before { content: "\e181"; }
.icon-tablets:before { content: "\e3c1"; }
.icon-tag:before { content: "\e182"; }
.icon-tags:before { content: "\e35f"; }
.icon-tally-1:before { content: "\e4da"; }
.icon-tally-2:before { content: "\e4db"; }
.icon-tally-3:before { content: "\e4dc"; }
.icon-tally-4:before { content: "\e4dd"; }
.icon-tally-5:before { content: "\e4de"; }
.icon-tangent:before { content: "\e532"; }
.icon-target:before { content: "\e183"; }
.icon-telescope:before { content: "\e5c9"; }
.icon-tent-tree:before { content: "\e53f"; }
.icon-tent:before { content: "\e226"; }
.icon-terminal:before { content: "\e184"; }
.icon-test-tube-diagonal:before { content: "\e40a"; }
.icon-test-tube:before { content: "\e409"; }
.icon-test-tubes:before { content: "\e40b"; }
.icon-text-cursor-input:before { content: "\e264"; }
.icon-text-cursor:before { content: "\e263"; }
.icon-text-quote:before { content: "\e4a2"; }
.icon-text-search:before { content: "\e5b1"; }
.icon-text-select:before { content: "\e3e1"; }
.icon-text:before { content: "\e3ee"; }
.icon-theater:before { content: "\e526"; }
.icon-thermometer-snowflake:before { content: "\e186"; }
.icon-thermometer-sun:before { content: "\e187"; }
.icon-thermometer:before { content: "\e185"; }
.icon-thumbs-down:before { content: "\e188"; }
.icon-thumbs-up:before { content: "\e189"; }
.icon-ticket-check:before { content: "\e5b2"; }
.icon-ticket-minus:before { content: "\e5b3"; }
.icon-ticket-percent:before { content: "\e5b4"; }
.icon-ticket-plus:before { content: "\e5b5"; }
.icon-ticket-slash:before { content: "\e5b6"; }
.icon-ticket-x:before { content: "\e5b7"; }
.icon-ticket:before { content: "\e20e"; }
.icon-tickets-plane:before { content: "\e627"; }
.icon-tickets:before { content: "\e626"; }
.icon-timer-off:before { content: "\e248"; }
.icon-timer-reset:before { content: "\e235"; }
.icon-timer:before { content: "\e1df"; }
.icon-toggle-left:before { content: "\e18a"; }
.icon-toggle-right:before { content: "\e18b"; }
.icon-toilet:before { content: "\e639"; }
.icon-tornado:before { content: "\e217"; }
.icon-torus:before { content: "\e533"; }
.icon-touchpad-off:before { content: "\e44e"; }
.icon-touchpad:before { content: "\e44d"; }
.icon-tower-control:before { content: "\e3bf"; }
.icon-toy-brick:before { content: "\e34a"; }
.icon-tractor:before { content: "\e508"; }
.icon-traffic-cone:before { content: "\e509"; }
.icon-train-front-tunnel:before { content: "\e50b"; }
.icon-train-front:before { content: "\e50a"; }
.icon-train-track:before { content: "\e50c"; }
.icon-tram-front:before { content: "\e2a8"; }
.icon-trash-2:before { content: "\e18d"; }
.icon-trash:before { content: "\e18c"; }
.icon-tree-deciduous:before { content: "\e2f2"; }
.icon-tree-palm:before { content: "\e280"; }
.icon-tree-pine:before { content: "\e2f3"; }
.icon-trees:before { content: "\e2f4"; }
.icon-trello:before { content: "\e18e"; }
.icon-trending-down:before { content: "\e18f"; }
.icon-trending-up-down:before { content: "\e629"; }
.icon-trending-up:before { content: "\e190"; }
.icon-triangle-alert:before { content: "\e192"; }
.icon-triangle-dashed:before { content: "\e641"; }
.icon-triangle-right:before { content: "\e4f1"; }
.icon-triangle:before { content: "\e191"; }
.icon-trophy:before { content: "\e376"; }
.icon-truck:before { content: "\e193"; }
.icon-turtle:before { content: "\e4fd"; }
.icon-tv-minimal-play:before { content: "\e5f0"; }
.icon-tv-minimal:before { content: "\e202"; }
.icon-tv:before { content: "\e194"; }
.icon-twitch:before { content: "\e195"; }
.icon-twitter:before { content: "\e196"; }
.icon-type-outline:before { content: "\e606"; }
.icon-type:before { content: "\e197"; }
.icon-umbrella-off:before { content: "\e547"; }
.icon-umbrella:before { content: "\e198"; }
.icon-underline:before { content: "\e199"; }
.icon-undo-2:before { content: "\e2a0"; }
.icon-undo-dot:before { content: "\e455"; }
.icon-undo:before { content: "\e19a"; }
.icon-unfold-horizontal:before { content: "\e441"; }
.icon-unfold-vertical:before { content: "\e442"; }
.icon-ungroup:before { content: "\e46b"; }
.icon-university:before { content: "\e3e8"; }
.icon-unlink-2:before { content: "\e19c"; }
.icon-unlink:before { content: "\e19b"; }
.icon-unplug:before { content: "\e461"; }
.icon-upload:before { content: "\e19d"; }
.icon-usb:before { content: "\e359"; }
.icon-user-check:before { content: "\e19f"; }
.icon-user-cog:before { content: "\e345"; }
.icon-user-minus:before { content: "\e1a0"; }
.icon-user-pen:before { content: "\e600"; }
.icon-user-plus:before { content: "\e1a1"; }
.icon-user-round-check:before { content: "\e46d"; }
.icon-user-round-cog:before { content: "\e46e"; }
.icon-user-round-minus:before { content: "\e46f"; }
.icon-user-round-pen:before { content: "\e601"; }
.icon-user-round-plus:before { content: "\e470"; }
.icon-user-round-search:before { content: "\e57c"; }
.icon-user-round-x:before { content: "\e471"; }
.icon-user-round:before { content: "\e46c"; }
.icon-user-search:before { content: "\e57d"; }
.icon-user-x:before { content: "\e1a2"; }
.icon-user:before { content: "\e19e"; }
.icon-users-round:before { content: "\e472"; }
.icon-users:before { content: "\e1a3"; }
.icon-utensils-crossed:before { content: "\e2f6"; }
.icon-utensils:before { content: "\e2f5"; }
.icon-utility-pole:before { content: "\e3c5"; }
.icon-variable:before { content: "\e477"; }
.icon-vault:before { content: "\e593"; }
.icon-vegan:before { content: "\e3a0"; }
.icon-venetian-mask:before { content: "\e2a9"; }
.icon-vibrate-off:before { content: "\e29c"; }
.icon-vibrate:before { content: "\e222"; }
.icon-video-off:before { content: "\e1a5"; }
.icon-video:before { content: "\e1a4"; }
.icon-videotape:before { content: "\e4cf"; }
.icon-view:before { content: "\e1a6"; }
.icon-voicemail:before { content: "\e1a7"; }
.icon-volleyball:before { content: "\e633"; }
.icon-volume-1:before { content: "\e1a9"; }
.icon-volume-2:before { content: "\e1aa"; }
.icon-volume-off:before { content: "\e62a"; }
.icon-volume-x:before { content: "\e1ab"; }
.icon-volume:before { content: "\e1a8"; }
.icon-vote:before { content: "\e3b0"; }
.icon-wallet-cards:before { content: "\e4d0"; }
.icon-wallet-minimal:before { content: "\e4d1"; }
.icon-wallet:before { content: "\e203"; }
.icon-wallpaper:before { content: "\e44f"; }
.icon-wand-sparkles:before { content: "\e35a"; }
.icon-wand:before { content: "\e245"; }
.icon-warehouse:before { content: "\e3e9"; }
.icon-washing-machine:before { content: "\e594"; }
.icon-watch:before { content: "\e1ac"; }
.icon-waves-ladder:before { content: "\e63f"; }
.icon-waves:before { content: "\e282"; }
.icon-waypoints:before { content: "\e546"; }
.icon-webcam:before { content: "\e204"; }
.icon-webhook-off:before { content: "\e5bb"; }
.icon-webhook:before { content: "\e377"; }
.icon-weight:before { content: "\e534"; }
.icon-wheat-off:before { content: "\e3a2"; }
.icon-wheat:before { content: "\e3a1"; }
.icon-whole-word:before { content: "\e3e2"; }
.icon-wifi-high:before { content: "\e5fb"; }
.icon-wifi-low:before { content: "\e5fc"; }
.icon-wifi-off:before { content: "\e1ae"; }
.icon-wifi-zero:before { content: "\e5fd"; }
.icon-wifi:before { content: "\e1ad"; }
.icon-wind-arrow-down:before { content: "\e635"; }
.icon-wind:before { content: "\e1af"; }
.icon-wine-off:before { content: "\e3a3"; }
.icon-wine:before { content: "\e2f7"; }
.icon-workflow:before { content: "\e429"; }
.icon-worm:before { content: "\e5de"; }
.icon-wrap-text:before { content: "\e247"; }
.icon-wrench:before { content: "\e1b0"; }
.icon-x:before { content: "\e1b1"; }
.icon-youtube:before { content: "\e1b2"; }
.icon-zap-off:before { content: "\e1b4"; }
.icon-zap:before { content: "\e1b3"; }
.icon-zoom-in:before { content: "\e1b5"; }
.icon-zoom-out:before { content: "\e1b6"; }



@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.content {
    opacity: 1;
}

.divider {
    background-color: var(--col-d1);
    height: 2px;
    width: 100%;
    border-radius: 20px;
    margin: 10px 0px;
}
.divider.dark {
    background-color: var(--col-d0);
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.overlay-fade {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    animation: fadeout 1s ease 0s;
    pointer-events: none;
    z-index: 9999;
}

.hidden {
    pointer-events: none;
    opacity: 0;
    position: absolute !important;;
}
.hidden-naf {
    opacity: 0 !important;
    pointer-events: none !important;
}

.disabled {
    opacity: 0.5 !important;
    filter: grayscale(0.2);
    pointer-events: none;
    user-select: none;
}


.right {
    margin-left: auto;
}

.otab-hidden {
    display: none !important;
}

@media (max-width: 600px) {
    #desktop {
        display: none !important;
    }

    .desktop {
        display: none !important;
    }

    body {
        --toolbar-height: 60px !important;
    }
}
@media (min-width: 601px) {
    #mobile {
        display: none !important;
    }

    .mobile {
        display: none !important;
    }
}


@media (min-width: 801px) {
    #tablet {
        display: none !important;
    }

    .tablet {
        display: none !important;
    }
}

.loading {
    filter: brightness(0.7) saturate(0.7);
    pointer-events: none;
}

.debugtimes {
    z-index: 999;
    width: 1200px;
    background-color: #111e;
    padding: 20px;
    max-width: calc(100vw - 50px);
    margin: 25px;
    position: fixed;
    bottom: 0px;
}
.debugtimes > div {
    width: 100%;
    display: flex;
}
.debugtimes .side {
    min-width: 240px;
}
.bar {
    border-radius: 2px;
    flex: 1;
    position: relative;
    background-color: hsl(var(--hue), 5%, 10%);
    border: 1px solid hsl(var(--hue), 20%, 20%);;
}
.bar-inner {
    margin-left: var(--left);
    width: calc(var(--right) - var(--left));
    min-width: 1px;
    background: linear-gradient(to right, hsl(var(--hue), 55%, 25%), hsl(var(--hue), 70%, 50%));
    border-left: 1px solid  hsl(var(--hue), 100%, 50%);
    height: 100%;
    border-radius: 2px;
    position: absolute;

}

.side {
    margin: 1px;
    padding-left: 8px;
    border-left: 4px solid hsl(var(--hue), 50%, 50%);
    color: hsl(var(--hue), 70%, 90%);
}



.markdown {
    
    --text-color: #333;
    --border-color: #ccc; /* Base border color */
    --background-light: #f5f5f5;
    --background-muted: #f0f0f0; /* Used for table headers */
    --blockquote-text: #666;
    --link-color: #007bff;
    --kbd-bg: #eee;
    --heading-border-color: #0003;

    --blockquote-border: var(--border-color);
    --table-border: var(--border-color);
    --table-header-bg: var(--background-muted);


    line-height: 1.4;
    color: var(--text-color);

    h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
        padding: 0.2em 0;
        margin: 0.2em 0;
    }
    h1, h2 {
        border-bottom: 1px solid var(--heading-border-color);
    }
    h2 {
        margin-top: 0.4em;
    }

    p {
        margin: 0.3em 0;
    }

    b, strong {
        font-weight: bold;
    }

    i, em {
        font-style: italic;
    }

    u {
        text-decoration: underline;
    }

    del {
        text-decoration: line-through;
    }

    sup {
        vertical-align: super;
        font-size: smaller;
    }

    sub {
        vertical-align: sub;
        font-size: smaller;
    }

    kbd {
        font-family: monospace;
        background: var(--kbd-bg);
        padding: 2px 4px;
        border-radius: 3px;
    }

    code {
        font-family: monospace;
        background: var(--background-light);
        padding: 2px 4px;
        border-radius: 3px;
    }

    pre {
        background: var(--background-light);
        border-radius: 5px;
        overflow-x: auto;
        padding: 0px;
        code {
            overflow-y: hidden;
            max-width: 9999px;
            width: auto;
            overflow-x: hidden;
            background: none;
            padding: 0;
        }
        max-width: 100%;
        overflow-x: scroll;
    }

    blockquote {
        border-left: 4px solid var(--blockquote-border);
        padding-left: 1em;
        color: var(--blockquote-text);
        margin: 1em 0;
    }


    ul, ol {
        padding-left: 1.5em;
        margin: 0.2em 0;

        li {
            margin-bottom: 0.2em;
        }
    }

    ul {
        margin-bottom: 1.2em;
    }
    li ul {
        margin-bottom: 0px;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        margin: 1em 0;

        thead {
            background: var(--table-header-bg);
        }

        th, td {
            border: 1px solid var(--table-border);
            padding: 8px;
            text-align: left;
        }
    }

    a {
        color: var(--link-color);
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }

    hr {
        border: none;
        border-top: 1px solid var(--table-border);
        margin: 1em 0;
    }

    img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 1em 0;
    }
}

.description .markdown > *:first-child {
    margin-top: 0px;
    padding-top: 0px;
}
.description .markdown > *:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.markdown > *:first-child {
    margin-top: 0px;
    padding-top: 0px;
}
.markdown > *:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.dark .markdown, .dark.markdown {
    --text-color: #ddd;
    --border-color: #555; /* Base border color */
    --background-light: #222;
    --background-muted: #2a2a2a; /* Used for table headers */
    --blockquote-text: #bbb;
    --link-color: #4da3ff;
    --kbd-bg: #444;
    --heading-border-color: #fff3;
    .hljs {
        color: #ddd;
        filter: brightness(1.2);
    }
}



/* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}
.choices:focus {
  outline: none;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #005F75;
}
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #003642;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #005F75;
  border: 1px solid #004a5c;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #004a5c;
  border: 1px solid #003642;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text], [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/* =====  End of Choices  ====== */

.panel {
    padding: 26px;
    background-color: #fffa;
    border-radius: var(--border-radius-big);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid var(--col-l4);
}

.panel > h1:first-child, .panel .panel-header h1 {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}



.panel > .divider:not(.basic) {
    margin-top: 11px;
    margin-bottom: 18px;
    margin-left: -1px;
    height: 5px;
    width: 70px;
    border-radius: 90px;
    background: var(--brand-accent);
}
.panel > .divider:not(.basic):after {
    position: absolute;
    height: 5px;
    width: 70px;
    content: "";
    border-radius: 90px;
    background: var(--brand-accent);
    filter: blur(12px);
}
.panel > .divider:not(.basic):before {
    content: "";
    position: absolute;
    width: calc(100% - 35px - 80px);
    margin-left: 80px;
    height: 3px;
    margin-top: 1px;
    background-color: var(--col-d2);
}
.panel-header {
    width: 100%;
    display: flex;
    align-items: center;
}
.panel-header-left {
    margin-left: auto;
}



.spinner {
    --spinner-size: 6;
    --ring-size: 25;
    font-size: calc(var(--spinner-size) * 1em);
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
}

.big-loader .spinner {
    --spinner-size: 9;
    --ring-size: 32;
}
.progress-loader .spinner {
    --ring-size: 14;
}

.spinner-small {
    width: 0.3em;
    height: 0.3em;
    --ring-size: 15;
}

.spinner .line1,
.spinner .line2,
.spinner .line3 {
    transition: all 0.4s ease;
    fill: none;
    stroke: var(--brand-accent);
    stroke-width: var(--ring-size);
    stroke-linecap: round;
    transform-origin: 50% 50%;
    transform: rotate3d(0, 0, 1, 0deg);
    animation: 2156ms spinner-arc ease-in-out infinite, 1829ms spinner-rotate linear infinite;
}

.progress-loader .spinner * {
    transition: all 0.1s ease;
    stroke-dasharray: 145;
    stroke-dashoffset: var(--progress);
    animation: none;
}
.progress-loader .spinner .line1 {
    opacity: 0.3;
    stroke-dashoffset: 0 !important;
}
.progress-loader .spinner .line3 {
    stroke-width: calc(var(--ring-size) * 0.2px);
}
.progress-loader .spinner .line2 {
    stroke-width: calc(var(--ring-size) * 0.6px);
}

.spinner .line2 {
    stroke: var(--brand-accent);
    animation-delay: -0.1s;
}

.spinner .line3 {
    stroke: var(--brand-accent);
    animation-delay: -0.2s;
}


@keyframes spinner-rotate {
    to {
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

@keyframes spinner-arc {
    from {
        stroke-dasharray: 0 150;
        stroke-dashoffset: 0;
    }

    to {
        stroke-dasharray: 40 150;
        stroke-dashoffset: -140;
    }
}
.loader-container {
    display: flex;
    padding: 30px;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.loader-container p {

    font-size: 20px;
}
.inner-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background:  color-mix(in hsl, var(--col-l1), transparent 20%);
    backdrop-filter: blur(2px);
    z-index: 99;
}
.panel:has(.inner-loader-overlay) {
    position: relative;
    overflow: hidden;
}
.basic-modal {
    width: 90vw;
    max-width: 364px;
    padding: 20px;
    background: var(--col-l1);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
    &:has(.waveform) {
        max-width: 800px;
        .waveform {
            width: 100%;


            *::part(region-handle-left),
            *::part(region-handle-right){
                border-color: #007bff !important;
                border-width: 6px !important;
                transform: scaleY(0.5);
                border-radius: 90px;
            }
        }
    }
}

.basic-modal h1 {
    font-size: 26px;
    font-weight: 500;
    text-align: center;
}

.basic-modal h2 {
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.basic-modal > input {
    margin: 8px 0px;
}
.basic-modal > handle-check {
    margin-top: 12px;
    margin-bottom: 5px;
}
.basic-modal > i {
    width: 100px;
    height: 100px;
    font-size: 40px;
    padding: 25px;
    margin: 25px;
    border-radius: 900px;
    overflow: visible;
    position: relative;
    background-color: var(--col-l3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.basic-modal .buttons {
    margin-top: 20px;
    display: flex;
    gap: 8px;
}

.basic-modal .icon {
    width: 80px;
    height: 80px;
    margin: 10px 0px;
    border-radius: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid white;
}

.basic-modal .icon i {
    font-size: 40px;
    stroke-width: 1px;
    stroke: var(--col);
}
.button, .input, .dropdown {
    padding: 13px 13px;
    background-color: var(--col-l25);
    font-size: 14px;
    border-radius: var(--border-radius);
    display: flex;
    font-family: inherit;
    border: 0px solid transparent;
    color: inherit;
    user-select: none;
    transition: all 0.05s ease;
    outline: 0px solid #0000;
    box-sizing: border-box;

    cursor: pointer;
}

.input.lighter {
    background-color: var(--col-l2);

}
.input.lighter:hover {
    background-color: var(--col-l3);

}

.button.big, .input.big, .dropdown.big {
    font-size: 16px;
    padding: 14px 14px;
}

.button.small, .input.small, .dropdown.small {
    font-size: 13px;
    padding: 8px 8px;
}

.toggle-text {
    display: flex;
    align-items: center;
    user-select: none;
}

.toggle-text p, .toggle-text label {
    font-size: 16px;
    padding-left: 12px;
}


.input-with-text > p {
    margin-bottom: 4px;
    font-size: 18px;
    display: flex;
    align-content: center;
    .icon-asterisk {
        color: #d22755;
    }
}


.input-with-text.slide {
    position: relative;
    background: var(--col-l1);
    border: 1px solid var(--col-l3);
    border-radius: 3px;
    border-bottom: 3px solid var(--col-l4);
    transition: all 0.2s ease;
    outline: 0px solid var(--col-l5);
    >p {
        transition: all 0.2s ease;
        position: absolute;
        transform: translateY(20px);
        font-size: 17px;
        color: #3338;
        font-weight: 300;
        padding-left: 10px;
        pointer-events: none;
    }
    >* {
        background: transparent !important;
    }
    .input-container {
        background: transparent !important;
    }
    >input, >.dropdown, searchable-dropdown>.dropdown, .slideinput, >textarea {
        transition: all 0.2s ease;
        font-size: 17px;
        background: transparent !important;
        border-radius: 0px;
        font-weight: 400;
        padding-top: 19px;
        padding-bottom: 19px;

        padding-right: 8px;
        padding-left: 10px;

        * {
            font-size: 17px;
        }


        outline: 0px solid red !important;
    }

    tag-input, .input-limited {
        input {
            background: transparent !important;
            outline: 0px solid red !important;
        }
    }
}

.input-limited {
    position: relative;
}
.input-limited p {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 14px;
    color: #3336;
    font-weight: 400;
    span {
        font-size: 16px;
        font-weight: 600;
        color: #333c;
    }
}
.input-with-text.slide:has(tag-input) {
    >p {
        display: none;
    }
}
.input-with-text.slide:hover {
    background: var(--col-l1);
    border: 1px solid var(--col-l3);
    border-bottom: 3px solid var(--col-l5);
}
.input-with-text.slide:has(.dropdown) {
    /* we aint an input today silly */
    background: var(--col-l1);
    border: 1px solid var(--col-l3);
    border-bottom: 3px solid var(--col-l5);
}

.input-with-text.slide:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--brand-accent);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transform: scaleX(0);
    transition: all 0.2s ease;
}
.input-with-text.slide:has(input:invalid:not(:placeholder-shown)) {
    outline: 1px solid #ED2121;
    border-bottom: 2px solid #ED2121 !important;
}

.input-with-text.slide:has(.invalid):before {
    background: #ED2121;
}
.input-with-text.slide:has(*:focus)  {
    background: var(--col-l2);
    border: 1px solid var(--col-l3);
    border-bottom: 3px solid var(--col-l5);
    box-shadow: 0px 5px 10px #0001;
}
.input-with-text.slide:has(*:focus):before {
    transform: scaleX(1);
}

.input-with-text.slide:has(input:not(:placeholder-shown)),
.input-with-text.slide:has(textarea:not(:placeholder-shown)),
.input-with-text.slide:not(:has(input)):not(:has(textarea)),
.input-with-text:has(input[type="date"]) /* dates always have text content (even if they're not "valid") */
{
    >p {
        transform: translateY(10px) !important;
        color: #333c;
        font-size: 14px;
        font-weight: 200;
    }
    >input, >textarea, >.dropdown, searchable-dropdown>.dropdown, .slideinput {
        padding-top: 28px;
        padding-bottom: 10px;

        padding-right: 8px;
        padding-left: 10px;
    }
}
.button-row {
    display: flex;
    gap: 8px
}
.button-row .button {
    text-align: center;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.button, .button-v2 {
    padding: 12px 31px;
    background: var(--col-l3);
    font-family: inherit;
}

.button p {
    font-family: inherit;
}

.button i {
    font-size: 22px;
    margin-right: 8px;
}

.button svg {
    margin-right: 8px;
    height: 22px;
    width: 22px;
}

.icon-button {
    font-family: inherit;
    padding: 12px 25px;
    align-items: center;
}

.button.big {
    padding: 14px 53px;
}

.button.small {
    padding: 8px 18px;
}

.button:hover {
    background-color: var(--col-l4);
    outline: 2px solid var(--col-l3);
}

.button:active {
    background-color: var(--col-l5);
    outline: 2px solid var(--col-l6);
}

.button.cta, .pill-button.cta {
    background: var(--brand-accent);
    color: var(--topcol);
    font-weight: 500;
}

.button.cta:hover, .pill-button.cta:hover {
    background: var(--brand-accent);
    outline: 2px solid var(--brand-accent);
    filter: brightness(1.2);
}

.button.cta:active, .pill-button.cta:active {
    background: var(--brand-accent);
    outline: 2px solid var(--brand-accent);
    filter: brightness(0.8);
}

.pill-button, .pill.button {
    cursor: pointer;
    background-color: var(--col-l3);
    border-radius: 90px;
    height: 37px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    gap: 4px;
    color: var(--col-text-l1);
}

.pill-button i, .pill.button i {
    font-size: 18px;
}

.pill-button:hover, .pill.button:hover {
    background: var(--col-l5);
}

.pill-button.active, .pill.button.active {
    background: var(--brand-accent);
    font-weight: 700;
    color: var(--topcol);
}

.pill-button.active svg, .pill.button.active svg {
    stroke-width: 3px;
    fill: var(--topcol);
}

.pill-button svg, .pill.button svg {
    height: 20px;
    width: 20px;
    margin-bottom: 1px;
}

.pill-button-square {
    padding: 0px;
    width: 37px;
}

.only-icon-button.pill-button svg {
    height: 22px;
    width: 22px;
    margin: 0px;
}

.only-icon-button {
    padding: 0px;
    margin: 0px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.only-icon-button i {
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}

.button.fancy {
    position: relative;
    border: 1px solid #fff4;
    box-shadow: 0px 8px 14.8px rgba(0, 0, 0, 0.04);
    padding: 32px;
    font-size: 20px;
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: transparent;
    outline: 0px;
    border-radius: var(--border-radius-big);
}

.button.fancy:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(#fff6, #fff6), url("/static/fancy.png");
    background-size: 200% 200%;
    background-position: 0 50%;
    opacity: 0.5;
    z-index: -1;
    border-radius: var(--border-radius-big);
}

.button.fancy:hover {
    box-shadow: 0px 10px 20px #0002;
    outline: 0px;
    transform: translateY(-2px);
}

.button.cta.fancy {
    background: url("/static/fancy.png");
    background-size: 100% 200%;
    color: white;
    background-position: 0 50%;
}

.button.cta.fancy::before {
    display: none;
}
.slider-with-input {
    display: flex;
    align-items: stretch;
    border-radius: 12px;
    background: var(--col-l2);
    padding: 2px;
    gap: 2px;
}

.slider-with-input .slider {
    flex: 1;
}

.slider-with-input .input {
    width: 50px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    -moz-appearance: textfield;
}
.slider-with-input .input::-webkit-outer-spin-button {
    display: none !important;
}

/* Base Slider */
.slider {
    border-radius: 10px;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 40px;
    background: var(--col-l1);
    outline: none;
    transition: opacity 0.2s;
    --handle: var(--brand-accent);
}

.slider:hover {
    background: var(--col-l3);
    opacity: 1;
}


.slider::-moz-range-progress {
    border-radius: 10px 0px 0px 10px;
    background: var(--gradient_50);
    height: 40px;
}

/* these are the same but chrome is a dick */
.slider::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 40px;
    background: var(--handle);
    border-radius: 90px;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 40px;
    background: var(--handle);
    border-radius: 90px;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.slider-with-input.hue {
    .slider {
        --handle: hsl(var(--value), 100%, 50%);
        height: 20px;
        margin: 10px 0;
        overflow: visible;
        background: linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);
    }

    .slider::-webkit-slider-runnable-track,
    .slider::-moz-range-track {
        background: transparent;
    }

    .slider::-webkit-slider-thumb,
    .slider::-moz-range-thumb {
        border: 2px solid var(--col-l2);
    }

    .slider::-moz-range-progress {
        opacity: 0;
    }
}
.checkbox {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0 !important;
    padding: 0px !important;
    width: 26px;
    height: 26px;

    background-color: var(--col-l2);
    outline: 1px solid var(--col-l4);

    border-radius: 4px;
    position: relative;
}

.checkbox:hover {
    background-color: var(--col-l3);
    outline: 1px solid var(--col-l5);
}

.checkbox:checked:after {
    content: url("data:image/svg+xml,%3Csvg width=%2715%27 height=%2713%27 viewBox=%270 0 15 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 7.72222L6.08696 12L14 1%27 stroke=%27white%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
    position: absolute;
    width: 14px;
    height: 14px;
    top: 6px;
    left: 6px;
}

.checkbox-area {
    display: flex;
    align-items: center;
    gap: 6px;
}
.dropdown {
    width: 100%;
    min-width: 200px;
}

.dropdown::after {
    content: ">";
    font-family: inherit;
    color: white;
    margin-left: auto;
    transform: rotate(90deg) translateY(10%) scaleX(0.7);
    font-family: "Phosphor-Fill" !important;
    line-height: 1;
    transition: all 0.2s ease;
    font-weight: 900;
}

*:has(*.dropdown-open) .dropdown:after {

    transform: rotate(-90deg) translateY(-10%) scaleX(0.7);
}

.dropdown:hover {
    background-color: var(--col-l2);
    outline: 2px solid var(--col-l2);
}

.dropdown:active {
    background-color: var(--col-l3);
    outline: 2px solid var(--col-l3);
}

searchable-dropdown {
    position: relative;
    display: flex;
}

.dropdown-content {
    background-color: var(--col-l2);
    border: 1px solid var(--col-l4);
    position: absolute;
    top: calc(100% + 6px);
    width: 100%;
    border-radius: var(--border-radius);
    z-index: 90;
    opacity: 0;
    min-height: 200px;
    pointer-events: none;
    max-height: 60vh;
    overflow-y: auto;
    box-shadow: 4px 4px 16px #0001; /* the only dropdshadow on the whole site */
    max-width: 200px;
}



.dropdown-content:has(.button) {
    overflow: hidden;
    background: var(--col-l3);
    border: 1px solid var(--col-l4);
}
.dropdown-content:has(.button) .button {
    border-radius: 0px;
    background: transparent;
    border-bottom: 1px solid var(--col-l2);
    padding: 9px;
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}
.dropdown-content:has(.button) .button:hover {
    background: var(--col-l2);
    box-shadow: 0px 0px 0px red;
    outline: 0px solid red;
}
.dropdown-content:has(.button) .button:last-child {
    border-bottom: 0px solid red;
}

.dropdown-content.jsdropdown-open,
.dropdown-open {
    opacity: 1;
    pointer-events: all;
}

.dropdown-inner {
    padding: 4px;
}

.dropdown-inner p {
    padding: 8px 8px;
    font-size: 16px;
    border-radius: var(--border-radius);
}

.dropdown-inner p.selected {
    background-color: var(--col-l6);
}

.dropdown-inner p:hover {
    background-color: var(--col-l5);
}

.dropdown-inner h1 {
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
}

.dropdown-search-container {
    display: flex;
    align-items: center;

    background-color: var(--col-l3);
    border-radius: var(--border-radius);
}

.dropdown-search-container i {
    margin: 0px 12px;
}

.dropdown-search-container input {
    font-size: 18px;
    height: 100%;
    border: 0px solid white;
    padding: 12px 0px;
    font-family: inherit;
    width: 100%;
    background-color: #0000;
    color: inherit;
    outline: 0px solid white !important;
}

.abs-dropdown {
    width: 90vw;
    max-width: 300px;
    padding: 20px;
    border-radius: var(--border-radius);
    position: absolute;
    background-color: var(--col-l1);
    box-shadow: 0px 5px 15px #0003;
    opacity: 0;
    z-index: 12;
    pointer-events: none;
    transform: translateY(3px);
    transition: all 0.1s ease;
    margin-top: 15px;
}
.abs-dropdown >h1 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 300;
}
.abs-dropdown > h3 {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 600;
}
.abs-dropdown.jsdropdown-open {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}


.input {
    background-color: var(--col-d0);
    outline: 1px solid var(--col-l2) !important;
    width: 100%;
    cursor: text;
    border-radius: 3px;
    font-size: 16px;
}

.input:hover {
    background-color: var(--col-d1);
}

.input:focus {
    background-color: var(--col-l1);
    outline: 1px solid var(--col-l5) !important;
}
.radio {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0 !important;
    padding: 0px !important;
    width: 32px;
    height: 32px;
    background-color: var(--col-l2);
    outline: 1px solid var(--col-l4);
    border-radius: 90px;
    position: relative;
}

.radio:hover {
    background-color: var(--col-l4);
    outline: 1px solid var(--col-l6);
}
.radio:checked {
    background: var(--col-l7);
}
.radio:checked:after {
    border-radius: 90px;
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: 7px;
    left: 7px;
    background-color: var(--brand-accent);
}

fieldset {
    display: flex;
    align-items: center;
    gap: 2px;
    border: 0;
    margin: 8px 0px;
}

fieldset > *:first-child input {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}
fieldset > *:last-child input {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.fieldset-horiz {
    display: flex;
    align-items: center;
}
.fieldset-horiz h1 {
    font-size: 20px;
}
.fieldset-horiz usersettings-fieldset {
    width: 50%;
    margin-left: auto;
}

fieldset div {
    flex: 1;
    padding: 10px;
    position: relative;
    pointer-events: none;
    display: flex;
    align-items: center;
}

fieldset input {
    appearance: none;
    background-color: var(--col-l1);
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: all;
    transition: all 0.2s ease;
}
fieldset input ~ * {
    color: var(--col-text-darker) !important;
}
fieldset input:checked ~ * {
    color: var(--col-text-l1) !important;
}

fieldset label {
    position: relative;
    z-index: 2;
    padding: 2px;
    margin: auto;
    font-family: inherit;
    font-size: 19px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    color: inherit;
}
fieldset label svg {
    height: 17px;
    width: 17px;
    stroke-width: 1.5px;
    transition: all 0.2s ease;
}
fieldset input:checked ~ label svg {
    stroke-width: 2.2px;
}
fieldset input:checked {
    background-color: var(--col-l5);
}
fieldset input:checked ~ label {
    font-weight: 600;
}
fieldset input:after {
    content: "";
    background: var(--brand-accent);
    width: 00%;
    left: 50%;
    transition: all 0.2s ease;
    height: 6px;
    border-radius: 90px;
    bottom: -3px;
    position: absolute;
}
fieldset input:checked:after {
    content: "";
    background: var(--brand-accent);
    width: 60%;
    left: 20%;
    height: 6px;
    border-radius: 90px;
    bottom: -3px;
    position: absolute;
}
.toggle {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0 !important;
    padding: 0px !important;
    width: 46px;
    min-width: 46px;
    height: 26px;
    background-color: var(--col-l4);
    border-radius: 90px;
    position: relative;
    transition: outline 0.2s ease, background 0.2s ease;
    outline: 2px solid #FF3939;
    background: #FF393966;
}

.toggle:hover {
    background: #FF393999;
}

.toggle:after {
    border-radius: 90px;
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    top: 6px;
    left: 6px;
    background-color: var(--col-l95);
    opacity: 0.5;
    transition: left 0.2s ease;
}

.toggle:checked {
    outline: 2px solid #39FFA0;
    background: #39FFA066;
}

.toggle:checked:after {
    left: calc(46px - 14px - 6px);
    opacity: 1;
}

.toggle:checked:hover {
    background: #39FFA099;
}
tag-pill {
    position: relative;
}
tag-pill .dropdown-content {
    top: 30px;
    width: 300px;
}

.tag-pill,
tag-pill > button {
    padding: 3px 11px;
    background-color: var(--col-l3);
    outline: 1px solid var(--col-l4);
    display: inline-block;
    border-radius: 90px;
    font-size: 18px;
    color: #fffd;
    font-weight: 400;
    position: relative;
}
.tag-pill:hover,
tag-pill button:hover {
    outline: 1px solid var(--col-l4);
    background-color: var(--col-l5);
}
.tag-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 6px;
}tag-pill:has(.jsdropdown-open) > button {
     background: var(--col-l5);
 }


.folder-button {
    transition: all 0.2s ease;
    text-align: center;
}
.folder-button h3 {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 500;
}
.folder-images {

    --size: 1;
    display: flex;
    align-items: flex-end;
    transition: all 0.2s ease;
    img {
        height: calc(76px * var(--size));
        width: calc(76px * var(--size));
        max-height: calc(76px * var(--size));
        max-width: calc(76px * var(--size));
        object-fit: cover;
        position: relative;

        transform-origin: bottom left;
        transform: matrix(0.98, 0.22, 0, 1, 0, 0);
        border-radius: 8px;
        transition: all 0.2s ease;
    }
    img:not(:first-child) {
        margin-left: calc(-60px * var(--size));
    }

    img:nth-child(1) {
        z-index: 2;
    }
    img:nth-child(2) {
        z-index: 1;
        margin-bottom: calc(10px * var(--size));
    }
    img:nth-child(3) {
        z-index: 0;
        margin-bottom: calc(20px * var(--size));
    }
}


.folder-button:hover {
    cursor: pointer;
    filter: brightness(1.1);
    > div {
        transform: translateX(-8px);
    }
    img:nth-child(1) {
        z-index: 2;
    }
    img:nth-child(2) {
        z-index: 1;
        margin-bottom: 10px;
        transform: matrix(0.98, 0.22, 0, 1, 0, 0) rotate(13deg) translateY(-10px) scale(0.95);
    }
    img:nth-child(3) {
        z-index: 0;
        margin-bottom: 20px;
        transform: matrix(0.98, 0.22, 0, 1, 0, 0) rotate(26deg) translateY(-30px) translateX(5px) scale(0.9);
    }
}



body {
    --page-width: 1500px;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    height: 12px;
    width: 4px;
    background: var(--col-base);
    position: absolute;
}

::-webkit-scrollbar:hover {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background: var(--col-l5);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
}


.content {

    min-height: 100vh;
    display: flex;
    flex-direction: column;

    .page-container {
        display: flex;
        flex-direction: column;
        width: 100vw;
        position: relative;
        flex: 1;
    }

    .js-page-content {
        padding-top: 60px;
        flex: 1;
        width: 100vw;
        padding-bottom: 90px;
        overflow: hidden;
    }

    .js-page-content.unload {
        opacity: 0 !important;
    }
}

.footer {
    margin-top: auto;

}

.toolbar-right {
    margin-left: auto;
}

.page-container-inner-split {
    display: flex;
    align-items: flex-start;
}

.page-container-inner-left {
    flex: 1;
    max-width: 100%;
    overflow: hidden;
}

.page-container-inner-right {
    min-width: 300px;
    max-width: 520px;
    width: 100%;
    margin-left: 20px;
}


.button-toolbar {
    display: flex;
}

.button-toolbar > div {
    display: flex;
    gap: 10px;
}

:not(.vditor-ir__node) > pre {
    max-height: 300px;
    text-wrap: wrap;
    overflow-x: scroll;
    padding: 15px;
    background-color: var(--col-l2);
    outline: 1px solid #0002;
    border-radius: var(--border-radius);
}


.center {
    --width: 1195px;
    max-width: calc(var(--width) + 40px); /* 40px for max width calculation */
    width: calc(100vw - 40px);
    margin: 0px auto;
}






#request-loader {
    width: 100%;
    height: 4px;
    background: #eee;
    overflow: hidden;
    position: fixed;
    top: 0;
}

#request-loader > div {
    height: 100%;
    width: 30%; /* width of the moving bar */
    background: #3498db;
    position: absolute;
    animation: slide 1.5s linear infinite;
}

@keyframes slide {
    0% {
        left: -30%;
    }
    100% {
        left: 100%;
    }
}
.footer {
    height: 400px;
    position: relative;
    display: flex;

    a {
        color: white;
    }

    .language-picker {
        display: none;
    }

    #fancyfooter-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        mask-image: linear-gradient(to top, #fff 90%, transparent);
    }

    &:before {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        height: 200px;
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.33));
        z-index: 1;
    }

    .center {
        --width: 1900px !important;
        position: relative;
        z-index: 2;
        height: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        gap: 2rem;
        padding: 50px;

        .logo {
            align-self: start;
            justify-self: start;
            img {
                filter: brightness(0) opacity(0.7);
            }
        }

        .links {
            align-self: start;
            justify-self: end;
            display: flex;
            align-items: center;
            gap: 15px;
            a {
                font-size: 30px;
                color: #222;
            }
        }

        .untonelogo {
            align-self: end;
            justify-self: start;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            color: white;
            filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.2));
            a {
                display: flex;
                align-items: center;
                img {
                    height: 100px;
                    width: auto;
                }
            }
        }

        .language {
            align-self: end;
            justify-self: end;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: flex-end;
            text-align: right;
        }
    }
}

@media (max-width: 768px) {
    .footer {

        #fancyfooter-bg {
            mask-image: linear-gradient(to bottom, #fff0, #fff) !important;
        }
    }
    .footer .center {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        padding: 30px;

        .logo {
            align-self: unset;
            justify-self: unset;
        }

        .links {
            align-self: unset;
            justify-self: unset;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0;
            a {
                margin: 0 8px;
                color: #222;
            }
        }

        .untonelogo {
            margin-top: auto;
            align-self: unset;
            justify-self: unset;
            align-items: center;
            text-align: center;
            a img {
                height: 30px;
            }
        }

        .language {
            align-self: unset;
            justify-self: unset;
            justify-content: center;
            text-align: center;
        }
    }
}
.navbar {
    height: 70px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    >.center {
        background: #fffa;
        backdrop-filter: blur(8px);
        height: 58px;
        border-radius: var(--border-radius);
        padding: 0px 12px;
        padding-left: 0px;
        overflow: hidden;
        box-shadow: 0px 5px 18px #0002;
        display: flex;
        align-items: center;
        >div {
            display: flex;
            align-items: center;
            gap: 4px 12px;

            .dropdown-content {
                transform: translateY(10px)
            }

            position: relative;
            flex-wrap: wrap;
            a {
                color: #555;
            }
        }


        .left, .right {
            display: flex;
            align-items: center;
        }
        .right {
            text-align: right;
            justify-content: flex-end;
        }


        .logo {
            background-image: linear-gradient(to bottom, #0002, #0002), url("/static/img/home/watercolour.png"), linear-gradient(to bottom, #ff66aa, #00ccee);
            background-size: 140% 140%;
            background-position: center;
            position: relative;
            background-blend-mode: normal, overlay, normal;

            &:before {
                opacity: 0;
                content: "";
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-image: url("/static/img/home/watercolour.png"), linear-gradient(to bottom, #ff66aa, #00ccee);
                background-size: 140% 140%;
                background-position: center;
                background-blend-mode: overlay, normal;
                position: absolute;
                transition: all 0.1s ease;
            }
            &:hover {
                &:before {
                    opacity: 1;
                }
            }

            height: 58px;
            width: 58px;
            mask-size: 100% 100%;
            margin-right: 24px;

            img {
                height: 32px;
                width: 32px;
                filter: brightness(99) drop-shadow(0px 2px 2px #0003);
            }
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    position: fixed;
    top: 0;
    z-index: 99;

    @media (max-width: 768px) {
        height: 64px;
        .center {
            width: 100% !important;
            border-radius: 0px;
            margin: 0px !important;
            height: 64px;
            .logo {
                height: 64px;
                width: 64px;
            }
        }
    }
}




#fancyheader-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    background: url("/static/img/bg.png");
    background-size: cover;
    background-position: top left;
}


@keyframes bg-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
body:not(.unicorn-ready) * {
    animation-play-state: paused;
    #fancyheader-bg canvas {
        opacity: 0;
    }
}
body.unicorn-ready {
    #fancyheader-bg canvas {
        animation: bg-fadein 2.5s ease;
    }
}

.toolbar {
    height: var(--header-toolbar-height);
    align-items: center;
    display: flex;
    position: sticky;
    z-index: 9;
}

.toolbar p, .toolbar button {
    cursor: pointer;
    font-size: 20px;
    padding: 10px 0px;
    margin-right: 30px;
    opacity: 0.7;
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}
.toolbar p:after, .toolbar button:after {
    content: "";
    position: absolute;
    bottom: 2px;
    width: calc(100%);
    height: 0;
    transition: height 0.2s ease, bottom 0.2s ease;
    background: var(--brand-accent);
    left: 0px;
}


.toolbar p.otab-button-active svg, .toolbar button.otab-button-active svg {
    stroke-width: 2px;
}
.toolbar p.otab-button-active, .toolbar button.otab-button-active {
    font-weight: 700;
    opacity: 1;
}
.toolbar p.otab-button-active:after, .toolbar button.otab-button-active:after {
    height: 4px;
    bottom: 0;
}

@media (max-width: 800px) {
    .toolbar {
        position: relative;
    }
}
@keyframes overlay-open {
    0% {
        opacity: 0;
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    z-index: 50000;
    transition: all 0.3s ease;
    animation: overlay-open 0.1s ease;
    background: #fff2;
    backdrop-filter: blur(20px) saturate(0.9);

    &::before,
    &::after {
        content: '';
        flex: 1;
    }

    .close-btn {
        position: absolute;
        top: 30px;
        left: 30px;
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        border-radius: 900px;
        font-size: 24px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        display: flex;
        color: white;
    }
}


.overlay.leaving {
    opacity: 0;
    pointer-events: none;
}

.overlay__loader {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}

.listen-popup {
    width: 90vw;
    max-width: 500px;
    background: #fffd;
    border-radius: var(--border-radius);
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
    >div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 10px;
        a {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 18px;
            background: #fffa;
            box-shadow: 0px 5px 10px #0001;
            border-radius: var(--border-radius);
            color: inherit;
            i {
                font-size: 30px;
                color: var(--col, var(--brand-accent));
            }
            &:hover {
                transform: translateY(-4px);
            }
            transition: all 0.2s ease;
        }
    }
}
.toasts__area {
    position: fixed;
    left: 0px;
    bottom: 0;
    width: 100vw;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    z-index: 50001;
    align-items: center;

}
@keyframes slideup {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
}
.toasts__toast {
    pointer-events: all;
    margin-bottom: 8px;
    background: var(--col-l2);
    box-shadow: 0px 5px 20px #0002;
    overflow: hidden;
    border-radius: var(--border-radius);
    width: 600px;
    max-width: 90vw;
    transition: all 0.4s ease;
    cursor: pointer;
    animation: slideup 0.4s ease;
}
.toasts__loader {
    height: 4px;
    background: hsl(var(--hue), 97%, 68%);
}
.toasts__toast-inner {

    display: flex;
    align-items: center;
    padding: 15px 15px;
    padding-right: 18px;
    gap: 5px;
}

.toasts__toast .buttons {
    margin: -10px;
    margin-left: 0px;
    margin-left: auto;
}
.toasts__toast .buttons .button {
    background: var(--col-l1);
}
.toasts__toast i {
    font-size: 20px;
    margin-right: 8px;
    color: hsl(var(--hue), 97%, 68%);
}
.toasts__toast p {
    font-size: 18px;
}

.toasts__toast-hide {
    transform: translateY(-5px);
    height: 0px !important;
    opacity: 0;
    padding: 0px 8px;
    margin: 0px;
    overflow: hidden;
}
warning:before {
    content: url("data:image/svg+xml,%3Csvg width=%2734%27 height=%2734%27 viewBox=%270 0 34 34%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M30.7839 25.5002L19.4506 5.66682C19.2035 5.23078 18.8451 4.86809 18.4121 4.61575C17.979 4.36342 17.4868 4.23047 16.9856 4.23047C16.4844 4.23047 15.9922 4.36342 15.5591 4.61575C15.1261 4.86809 14.7677 5.23078 14.5206 5.66682L3.18728 25.5002C2.93749 25.9327 2.80652 26.4237 2.80762 26.9232C2.80873 27.4227 2.94188 27.9131 3.19358 28.3446C3.44527 28.7761 3.80657 29.1333 4.24085 29.3802C4.67512 29.627 5.16694 29.7547 5.66644 29.7502H28.3331C28.8302 29.7496 29.3184 29.6184 29.7488 29.3695C30.1791 29.1206 30.5363 28.7629 30.7847 28.3322C31.033 27.9016 31.1637 27.4132 31.1635 26.9161C31.1634 26.419 31.0325 25.9307 30.7839 25.5002Z%27 stroke=%27black%27 stroke-opacity=%270.7%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M17 12.75V18.4167%27 stroke=%27black%27 stroke-opacity=%270.7%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M17 24.0835H17.015%27 stroke=%27black%27 stroke-opacity=%270.7%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
    width: 34px;
    height: 34px;
    width: 34px;
    margin-right: 15px;
}

bar, warning {
    font-weight: 500;
    font-size: 20px;
    display: flex;
    margin-bottom: 8px;
    width: 100%;
    background-color: var(--col-l4);
    padding: 10px 15px;
    border-radius: var(--border-radius);
    align-items: center;
    min-height: 62px;
}

warning {
    --hue: 36;
    color: var(--col-d1);
    background-color: hsl(var(--hue), 95%, 63%);
}

warning i {
    margin-left: auto;
    font-size: 16px;
    font-weight: 400;
}

warning:last-child {
    margin-bottom: 0px;
}
.links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

a.link {
    &:before {
        --scale: 6;
    }
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 18px 24px !important;

    position: relative;

    i, p {
        transition: all 0.24s ease;
    }
    &:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(#fffd, #fffd), url("/static/fancy.png") !important;
        background-size: 200% 200%;
        background-position: 0 50%;
        opacity: 0.5 !important;
        z-index: -1;
        transition: all 0.2s ease;
        border-radius: var(--border-radius) !important;
    }
    border-radius: var(--border-radius) !important;

    &:hover {
        &:after {
            background: var(--col, #000) !important;
            opacity: 0.8 !important;
        }
        i {
            color: white;
        }
        p {
            color: white;
        }
    }
    i {
        font-size: 30px;
        color: var(--col, #000);
    }
    p {
        font-size: 18px;
        color: #444;
    }
}

@media (max-width: 601px) {
    .links {
        grid-template-columns: 1fr 1fr;
    }
}


.artist-panel {
    display: flex;
    margin-bottom: 12px;


    background: #fffa;
    border-radius: var(--border-radius);
    box-shadow: 0px 5px 10px #0001;
    width: fit-content;
    align-items: center;

    color: inherit;
    img {
        border-radius: var(--border-radius);
        padding: 6px;
        height: 80px;
    }

    >div {
        padding: 0px 20px;
        font-size: 18px;
        * {

            font-weight: 200;
        }
    }
}
.artist-panel-square {
    margin-bottom: 10px;
    color: inherit;
    text-align: center;
    h3 {
        font-size: 24px;
        font-weight: 900;
    }
    h4 {
        font-size: 17px;
        font-weight: 300;
    }
    div {
        overflow: hidden;
    }
    img {
        height: 128px;
        width: 128px;
        border-radius: 900px;
        margin-bottom: 12px;
        box-shadow: 0px 2px 8px #0002;
        background: linear-gradient(135deg, #0000, #0002);
    }
    background: #fff6;
    backdrop-filter: blur(20px);
    border-radius: var(--border-radius-big);
    padding: 20px 10px;
    box-shadow: 0px 10px 20px #0002;

    transition: transform 0.2s ease, box-shadow 0.4s ease, background-color 0.2s ease;
    &:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0px 20px 20px #0003;
        background: #fffa;
    }
}
.track {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}

.track-position {
    padding: 5px;
    margin-bottom: 30px;
    margin-right: 4px;
    width: 30px;
    text-align: left;
    padding-left: 0px;
}

.track-info {
    margin: 0px 5px;
    text-align: right;
    flex: 1;
    background: #fffa;
    bordeR: 1px solid #fffa;
    padding: 18px 16px;

    h4 {
        color: #222;
        font-size: 20px;
        font-weight: 700;
        flex: 1;

        span {
            color: #444;
            font-weight: 400;
            font-size: 16px;

            a {
                color: inherit;
            }
        }
    }

    small {
        font-size: 14px;
        color: #555;
        font-weight: 400;
    }

    border-radius: var(--border-radius);
}

.track-play {
    background: url("/static/img/home/watercolour.png");
    background-position: center;
    background-size: 200% 200%;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: var(--border-radius);

    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    overflow: hidden;

    --mult: 1.4 !important;

    &:before {
        --scale: 3 !important;
    }
}
.release-panel {
    --border-smooth: 1;
    aspect-ratio: 1/1;
    width: 100%;
    background: #eee;
    color: white;
    overflow: hidden;
    z-index: 8;
    position: relative;
    display: flex;
    border-radius: var(--border-radius);
    img {
        aspect-ratio: 1/1;
        width: 100%;
    }
    overflow: hidden;


    &.view-more {
        background: url("/static/img/home/blue.jpg");
        filter: brightness(1.1) saturate(0.8);
        background-position: center;
        background-size: cover;
        padding: 15px;
        color: #fff;
        font-size: 25px;
        overflow: hidden;

        &:after {
            position: absolute;
            content: "";
            width: 74px;
            height: 74px;
            bottom: -12px;
            right: -12px;
            background: url("/static/img/home/triangle.png");
            background-size: cover;
            background-position: center;
            filter: brightness(1.7) hue-rotate(30deg);
            transition: all 0.2s ease;

        }

        &:hover {
            &:after {
                width: 100px;
                height: 100px;
            }
        }

        &:active {
            filter: brightness(0.9);
        }
    }
}
.release-panel .info {
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1;
    padding: 6px;
    color: #222;
    a {
        color: #444;
    }
    padding: 12px;
    margin: 6px;

    background: #fffa;
    backdrop-filter: blur(10px) saturate(2);
    border-radius: calc(var(--border-radius) - 6px);

    opacity: 0;
    transform: translateX(50px);
    transition: all 0.3s ease;
    box-shadow: 0px 5px 10px #0002;

h3 {
    font-size: 24px;
    font-weight: 800;
}
    h4 {
        font-size: 16px;
        font-weight: 300;
    }
}

.release-panel:hover .info {
    opacity: 1;
    transform: translateX(0px);
}

a {
    color: var(--link);
    text-decoration: none;
    cursor: pointer;
}
left {
    margin-left: auto;
}

*[data-lucide], .lucide {
    aspect-ratio: 1/1;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.jsdropdown-clickoff-layer {
    backdrop-filter: blur(3px);
    pointer-events: all;
    z-index: 30;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom :0px;
    right: 0px;
    opacity: 1;
    animation: fade-in 0.3s ease;
    background: linear-gradient(to bottom, #0005, #0003, #0001);
    transition: all 0.2s ease;
}
.jsdropdown-clickoff-layer-closed {
    opacity: 0 !important;
    pointer-events: none !important;
}

.jsdropdown-button-active, .jsdropdown-open {
    z-index: 10990;
}

button {
    font-family: inherit;
    font-size: inherit;
    background-color: transparent;
    color: inherit;
    display: block;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

*:hover, *:active {
    outline: none;
}

*:focus-visible {
    outline: 4px solid #41fff9;
}




.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(../flags/4x3/xx.svg)}.fi-xx.fis{background-image:url(../flags/1x1/xx.svg)}.fi-ad{background-image:url(../flags/4x3/ad.svg)}.fi-ad.fis{background-image:url(../flags/1x1/ad.svg)}.fi-ae{background-image:url(../flags/4x3/ae.svg)}.fi-ae.fis{background-image:url(../flags/1x1/ae.svg)}.fi-af{background-image:url(../flags/4x3/af.svg)}.fi-af.fis{background-image:url(../flags/1x1/af.svg)}.fi-ag{background-image:url(../flags/4x3/ag.svg)}.fi-ag.fis{background-image:url(../flags/1x1/ag.svg)}.fi-ai{background-image:url(../flags/4x3/ai.svg)}.fi-ai.fis{background-image:url(../flags/1x1/ai.svg)}.fi-al{background-image:url(../flags/4x3/al.svg)}.fi-al.fis{background-image:url(../flags/1x1/al.svg)}.fi-am{background-image:url(../flags/4x3/am.svg)}.fi-am.fis{background-image:url(../flags/1x1/am.svg)}.fi-ao{background-image:url(../flags/4x3/ao.svg)}.fi-ao.fis{background-image:url(../flags/1x1/ao.svg)}.fi-aq{background-image:url(../flags/4x3/aq.svg)}.fi-aq.fis{background-image:url(../flags/1x1/aq.svg)}.fi-ar{background-image:url(../flags/4x3/ar.svg)}.fi-ar.fis{background-image:url(../flags/1x1/ar.svg)}.fi-as{background-image:url(../flags/4x3/as.svg)}.fi-as.fis{background-image:url(../flags/1x1/as.svg)}.fi-at{background-image:url(../flags/4x3/at.svg)}.fi-at.fis{background-image:url(../flags/1x1/at.svg)}.fi-au{background-image:url(../flags/4x3/au.svg)}.fi-au.fis{background-image:url(../flags/1x1/au.svg)}.fi-aw{background-image:url(../flags/4x3/aw.svg)}.fi-aw.fis{background-image:url(../flags/1x1/aw.svg)}.fi-ax{background-image:url(../flags/4x3/ax.svg)}.fi-ax.fis{background-image:url(../flags/1x1/ax.svg)}.fi-az{background-image:url(../flags/4x3/az.svg)}.fi-az.fis{background-image:url(../flags/1x1/az.svg)}.fi-ba{background-image:url(../flags/4x3/ba.svg)}.fi-ba.fis{background-image:url(../flags/1x1/ba.svg)}.fi-bb{background-image:url(../flags/4x3/bb.svg)}.fi-bb.fis{background-image:url(../flags/1x1/bb.svg)}.fi-bd{background-image:url(../flags/4x3/bd.svg)}.fi-bd.fis{background-image:url(../flags/1x1/bd.svg)}.fi-be{background-image:url(../flags/4x3/be.svg)}.fi-be.fis{background-image:url(../flags/1x1/be.svg)}.fi-bf{background-image:url(../flags/4x3/bf.svg)}.fi-bf.fis{background-image:url(../flags/1x1/bf.svg)}.fi-bg{background-image:url(../flags/4x3/bg.svg)}.fi-bg.fis{background-image:url(../flags/1x1/bg.svg)}.fi-bh{background-image:url(../flags/4x3/bh.svg)}.fi-bh.fis{background-image:url(../flags/1x1/bh.svg)}.fi-bi{background-image:url(../flags/4x3/bi.svg)}.fi-bi.fis{background-image:url(../flags/1x1/bi.svg)}.fi-bj{background-image:url(../flags/4x3/bj.svg)}.fi-bj.fis{background-image:url(../flags/1x1/bj.svg)}.fi-bl{background-image:url(../flags/4x3/bl.svg)}.fi-bl.fis{background-image:url(../flags/1x1/bl.svg)}.fi-bm{background-image:url(../flags/4x3/bm.svg)}.fi-bm.fis{background-image:url(../flags/1x1/bm.svg)}.fi-bn{background-image:url(../flags/4x3/bn.svg)}.fi-bn.fis{background-image:url(../flags/1x1/bn.svg)}.fi-bo{background-image:url(../flags/4x3/bo.svg)}.fi-bo.fis{background-image:url(../flags/1x1/bo.svg)}.fi-bq{background-image:url(../flags/4x3/bq.svg)}.fi-bq.fis{background-image:url(../flags/1x1/bq.svg)}.fi-br{background-image:url(../flags/4x3/br.svg)}.fi-br.fis{background-image:url(../flags/1x1/br.svg)}.fi-bs{background-image:url(../flags/4x3/bs.svg)}.fi-bs.fis{background-image:url(../flags/1x1/bs.svg)}.fi-bt{background-image:url(../flags/4x3/bt.svg)}.fi-bt.fis{background-image:url(../flags/1x1/bt.svg)}.fi-bv{background-image:url(../flags/4x3/bv.svg)}.fi-bv.fis{background-image:url(../flags/1x1/bv.svg)}.fi-bw{background-image:url(../flags/4x3/bw.svg)}.fi-bw.fis{background-image:url(../flags/1x1/bw.svg)}.fi-by{background-image:url(../flags/4x3/by.svg)}.fi-by.fis{background-image:url(../flags/1x1/by.svg)}.fi-bz{background-image:url(../flags/4x3/bz.svg)}.fi-bz.fis{background-image:url(../flags/1x1/bz.svg)}.fi-ca{background-image:url(../flags/4x3/ca.svg)}.fi-ca.fis{background-image:url(../flags/1x1/ca.svg)}.fi-cc{background-image:url(../flags/4x3/cc.svg)}.fi-cc.fis{background-image:url(../flags/1x1/cc.svg)}.fi-cd{background-image:url(../flags/4x3/cd.svg)}.fi-cd.fis{background-image:url(../flags/1x1/cd.svg)}.fi-cf{background-image:url(../flags/4x3/cf.svg)}.fi-cf.fis{background-image:url(../flags/1x1/cf.svg)}.fi-cg{background-image:url(../flags/4x3/cg.svg)}.fi-cg.fis{background-image:url(../flags/1x1/cg.svg)}.fi-ch{background-image:url(../flags/4x3/ch.svg)}.fi-ch.fis{background-image:url(../flags/1x1/ch.svg)}.fi-ci{background-image:url(../flags/4x3/ci.svg)}.fi-ci.fis{background-image:url(../flags/1x1/ci.svg)}.fi-ck{background-image:url(../flags/4x3/ck.svg)}.fi-ck.fis{background-image:url(../flags/1x1/ck.svg)}.fi-cl{background-image:url(../flags/4x3/cl.svg)}.fi-cl.fis{background-image:url(../flags/1x1/cl.svg)}.fi-cm{background-image:url(../flags/4x3/cm.svg)}.fi-cm.fis{background-image:url(../flags/1x1/cm.svg)}.fi-cn{background-image:url(../flags/4x3/cn.svg)}.fi-cn.fis{background-image:url(../flags/1x1/cn.svg)}.fi-co{background-image:url(../flags/4x3/co.svg)}.fi-co.fis{background-image:url(../flags/1x1/co.svg)}.fi-cr{background-image:url(../flags/4x3/cr.svg)}.fi-cr.fis{background-image:url(../flags/1x1/cr.svg)}.fi-cu{background-image:url(../flags/4x3/cu.svg)}.fi-cu.fis{background-image:url(../flags/1x1/cu.svg)}.fi-cv{background-image:url(../flags/4x3/cv.svg)}.fi-cv.fis{background-image:url(../flags/1x1/cv.svg)}.fi-cw{background-image:url(../flags/4x3/cw.svg)}.fi-cw.fis{background-image:url(../flags/1x1/cw.svg)}.fi-cx{background-image:url(../flags/4x3/cx.svg)}.fi-cx.fis{background-image:url(../flags/1x1/cx.svg)}.fi-cy{background-image:url(../flags/4x3/cy.svg)}.fi-cy.fis{background-image:url(../flags/1x1/cy.svg)}.fi-cz{background-image:url(../flags/4x3/cz.svg)}.fi-cz.fis{background-image:url(../flags/1x1/cz.svg)}.fi-de{background-image:url(../flags/4x3/de.svg)}.fi-de.fis{background-image:url(../flags/1x1/de.svg)}.fi-dj{background-image:url(../flags/4x3/dj.svg)}.fi-dj.fis{background-image:url(../flags/1x1/dj.svg)}.fi-dk{background-image:url(../flags/4x3/dk.svg)}.fi-dk.fis{background-image:url(../flags/1x1/dk.svg)}.fi-dm{background-image:url(../flags/4x3/dm.svg)}.fi-dm.fis{background-image:url(../flags/1x1/dm.svg)}.fi-do{background-image:url(../flags/4x3/do.svg)}.fi-do.fis{background-image:url(../flags/1x1/do.svg)}.fi-dz{background-image:url(../flags/4x3/dz.svg)}.fi-dz.fis{background-image:url(../flags/1x1/dz.svg)}.fi-ec{background-image:url(../flags/4x3/ec.svg)}.fi-ec.fis{background-image:url(../flags/1x1/ec.svg)}.fi-ee{background-image:url(../flags/4x3/ee.svg)}.fi-ee.fis{background-image:url(../flags/1x1/ee.svg)}.fi-eg{background-image:url(../flags/4x3/eg.svg)}.fi-eg.fis{background-image:url(../flags/1x1/eg.svg)}.fi-eh{background-image:url(../flags/4x3/eh.svg)}.fi-eh.fis{background-image:url(../flags/1x1/eh.svg)}.fi-er{background-image:url(../flags/4x3/er.svg)}.fi-er.fis{background-image:url(../flags/1x1/er.svg)}.fi-es{background-image:url(../flags/4x3/es.svg)}.fi-es.fis{background-image:url(../flags/1x1/es.svg)}.fi-et{background-image:url(../flags/4x3/et.svg)}.fi-et.fis{background-image:url(../flags/1x1/et.svg)}.fi-fi{background-image:url(../flags/4x3/fi.svg)}.fi-fi.fis{background-image:url(../flags/1x1/fi.svg)}.fi-fj{background-image:url(../flags/4x3/fj.svg)}.fi-fj.fis{background-image:url(../flags/1x1/fj.svg)}.fi-fk{background-image:url(../flags/4x3/fk.svg)}.fi-fk.fis{background-image:url(../flags/1x1/fk.svg)}.fi-fm{background-image:url(../flags/4x3/fm.svg)}.fi-fm.fis{background-image:url(../flags/1x1/fm.svg)}.fi-fo{background-image:url(../flags/4x3/fo.svg)}.fi-fo.fis{background-image:url(../flags/1x1/fo.svg)}.fi-fr{background-image:url(../flags/4x3/fr.svg)}.fi-fr.fis{background-image:url(../flags/1x1/fr.svg)}.fi-ga{background-image:url(../flags/4x3/ga.svg)}.fi-ga.fis{background-image:url(../flags/1x1/ga.svg)}.fi-gb{background-image:url(../flags/4x3/gb.svg)}.fi-gb.fis{background-image:url(../flags/1x1/gb.svg)}.fi-gd{background-image:url(../flags/4x3/gd.svg)}.fi-gd.fis{background-image:url(../flags/1x1/gd.svg)}.fi-ge{background-image:url(../flags/4x3/ge.svg)}.fi-ge.fis{background-image:url(../flags/1x1/ge.svg)}.fi-gf{background-image:url(../flags/4x3/gf.svg)}.fi-gf.fis{background-image:url(../flags/1x1/gf.svg)}.fi-gg{background-image:url(../flags/4x3/gg.svg)}.fi-gg.fis{background-image:url(../flags/1x1/gg.svg)}.fi-gh{background-image:url(../flags/4x3/gh.svg)}.fi-gh.fis{background-image:url(../flags/1x1/gh.svg)}.fi-gi{background-image:url(../flags/4x3/gi.svg)}.fi-gi.fis{background-image:url(../flags/1x1/gi.svg)}.fi-gl{background-image:url(../flags/4x3/gl.svg)}.fi-gl.fis{background-image:url(../flags/1x1/gl.svg)}.fi-gm{background-image:url(../flags/4x3/gm.svg)}.fi-gm.fis{background-image:url(../flags/1x1/gm.svg)}.fi-gn{background-image:url(../flags/4x3/gn.svg)}.fi-gn.fis{background-image:url(../flags/1x1/gn.svg)}.fi-gp{background-image:url(../flags/4x3/gp.svg)}.fi-gp.fis{background-image:url(../flags/1x1/gp.svg)}.fi-gq{background-image:url(../flags/4x3/gq.svg)}.fi-gq.fis{background-image:url(../flags/1x1/gq.svg)}.fi-gr{background-image:url(../flags/4x3/gr.svg)}.fi-gr.fis{background-image:url(../flags/1x1/gr.svg)}.fi-gs{background-image:url(../flags/4x3/gs.svg)}.fi-gs.fis{background-image:url(../flags/1x1/gs.svg)}.fi-gt{background-image:url(../flags/4x3/gt.svg)}.fi-gt.fis{background-image:url(../flags/1x1/gt.svg)}.fi-gu{background-image:url(../flags/4x3/gu.svg)}.fi-gu.fis{background-image:url(../flags/1x1/gu.svg)}.fi-gw{background-image:url(../flags/4x3/gw.svg)}.fi-gw.fis{background-image:url(../flags/1x1/gw.svg)}.fi-gy{background-image:url(../flags/4x3/gy.svg)}.fi-gy.fis{background-image:url(../flags/1x1/gy.svg)}.fi-hk{background-image:url(../flags/4x3/hk.svg)}.fi-hk.fis{background-image:url(../flags/1x1/hk.svg)}.fi-hm{background-image:url(../flags/4x3/hm.svg)}.fi-hm.fis{background-image:url(../flags/1x1/hm.svg)}.fi-hn{background-image:url(../flags/4x3/hn.svg)}.fi-hn.fis{background-image:url(../flags/1x1/hn.svg)}.fi-hr{background-image:url(../flags/4x3/hr.svg)}.fi-hr.fis{background-image:url(../flags/1x1/hr.svg)}.fi-ht{background-image:url(../flags/4x3/ht.svg)}.fi-ht.fis{background-image:url(../flags/1x1/ht.svg)}.fi-hu{background-image:url(../flags/4x3/hu.svg)}.fi-hu.fis{background-image:url(../flags/1x1/hu.svg)}.fi-id{background-image:url(../flags/4x3/id.svg)}.fi-id.fis{background-image:url(../flags/1x1/id.svg)}.fi-ie{background-image:url(../flags/4x3/ie.svg)}.fi-ie.fis{background-image:url(../flags/1x1/ie.svg)}.fi-il{background-image:url(../flags/4x3/il.svg)}.fi-il.fis{background-image:url(../flags/1x1/il.svg)}.fi-im{background-image:url(../flags/4x3/im.svg)}.fi-im.fis{background-image:url(../flags/1x1/im.svg)}.fi-in{background-image:url(../flags/4x3/in.svg)}.fi-in.fis{background-image:url(../flags/1x1/in.svg)}.fi-io{background-image:url(../flags/4x3/io.svg)}.fi-io.fis{background-image:url(../flags/1x1/io.svg)}.fi-iq{background-image:url(../flags/4x3/iq.svg)}.fi-iq.fis{background-image:url(../flags/1x1/iq.svg)}.fi-ir{background-image:url(../flags/4x3/ir.svg)}.fi-ir.fis{background-image:url(../flags/1x1/ir.svg)}.fi-is{background-image:url(../flags/4x3/is.svg)}.fi-is.fis{background-image:url(../flags/1x1/is.svg)}.fi-it{background-image:url(../flags/4x3/it.svg)}.fi-it.fis{background-image:url(../flags/1x1/it.svg)}.fi-je{background-image:url(../flags/4x3/je.svg)}.fi-je.fis{background-image:url(../flags/1x1/je.svg)}.fi-jm{background-image:url(../flags/4x3/jm.svg)}.fi-jm.fis{background-image:url(../flags/1x1/jm.svg)}.fi-jo{background-image:url(../flags/4x3/jo.svg)}.fi-jo.fis{background-image:url(../flags/1x1/jo.svg)}.fi-jp{background-image:url(../flags/4x3/jp.svg)}.fi-jp.fis{background-image:url(../flags/1x1/jp.svg)}.fi-ke{background-image:url(../flags/4x3/ke.svg)}.fi-ke.fis{background-image:url(../flags/1x1/ke.svg)}.fi-kg{background-image:url(../flags/4x3/kg.svg)}.fi-kg.fis{background-image:url(../flags/1x1/kg.svg)}.fi-kh{background-image:url(../flags/4x3/kh.svg)}.fi-kh.fis{background-image:url(../flags/1x1/kh.svg)}.fi-ki{background-image:url(../flags/4x3/ki.svg)}.fi-ki.fis{background-image:url(../flags/1x1/ki.svg)}.fi-km{background-image:url(../flags/4x3/km.svg)}.fi-km.fis{background-image:url(../flags/1x1/km.svg)}.fi-kn{background-image:url(../flags/4x3/kn.svg)}.fi-kn.fis{background-image:url(../flags/1x1/kn.svg)}.fi-kp{background-image:url(../flags/4x3/kp.svg)}.fi-kp.fis{background-image:url(../flags/1x1/kp.svg)}.fi-kr{background-image:url(../flags/4x3/kr.svg)}.fi-kr.fis{background-image:url(../flags/1x1/kr.svg)}.fi-kw{background-image:url(../flags/4x3/kw.svg)}.fi-kw.fis{background-image:url(../flags/1x1/kw.svg)}.fi-ky{background-image:url(../flags/4x3/ky.svg)}.fi-ky.fis{background-image:url(../flags/1x1/ky.svg)}.fi-kz{background-image:url(../flags/4x3/kz.svg)}.fi-kz.fis{background-image:url(../flags/1x1/kz.svg)}.fi-la{background-image:url(../flags/4x3/la.svg)}.fi-la.fis{background-image:url(../flags/1x1/la.svg)}.fi-lb{background-image:url(../flags/4x3/lb.svg)}.fi-lb.fis{background-image:url(../flags/1x1/lb.svg)}.fi-lc{background-image:url(../flags/4x3/lc.svg)}.fi-lc.fis{background-image:url(../flags/1x1/lc.svg)}.fi-li{background-image:url(../flags/4x3/li.svg)}.fi-li.fis{background-image:url(../flags/1x1/li.svg)}.fi-lk{background-image:url(../flags/4x3/lk.svg)}.fi-lk.fis{background-image:url(../flags/1x1/lk.svg)}.fi-lr{background-image:url(../flags/4x3/lr.svg)}.fi-lr.fis{background-image:url(../flags/1x1/lr.svg)}.fi-ls{background-image:url(../flags/4x3/ls.svg)}.fi-ls.fis{background-image:url(../flags/1x1/ls.svg)}.fi-lt{background-image:url(../flags/4x3/lt.svg)}.fi-lt.fis{background-image:url(../flags/1x1/lt.svg)}.fi-lu{background-image:url(../flags/4x3/lu.svg)}.fi-lu.fis{background-image:url(../flags/1x1/lu.svg)}.fi-lv{background-image:url(../flags/4x3/lv.svg)}.fi-lv.fis{background-image:url(../flags/1x1/lv.svg)}.fi-ly{background-image:url(../flags/4x3/ly.svg)}.fi-ly.fis{background-image:url(../flags/1x1/ly.svg)}.fi-ma{background-image:url(../flags/4x3/ma.svg)}.fi-ma.fis{background-image:url(../flags/1x1/ma.svg)}.fi-mc{background-image:url(../flags/4x3/mc.svg)}.fi-mc.fis{background-image:url(../flags/1x1/mc.svg)}.fi-md{background-image:url(../flags/4x3/md.svg)}.fi-md.fis{background-image:url(../flags/1x1/md.svg)}.fi-me{background-image:url(../flags/4x3/me.svg)}.fi-me.fis{background-image:url(../flags/1x1/me.svg)}.fi-mf{background-image:url(../flags/4x3/mf.svg)}.fi-mf.fis{background-image:url(../flags/1x1/mf.svg)}.fi-mg{background-image:url(../flags/4x3/mg.svg)}.fi-mg.fis{background-image:url(../flags/1x1/mg.svg)}.fi-mh{background-image:url(../flags/4x3/mh.svg)}.fi-mh.fis{background-image:url(../flags/1x1/mh.svg)}.fi-mk{background-image:url(../flags/4x3/mk.svg)}.fi-mk.fis{background-image:url(../flags/1x1/mk.svg)}.fi-ml{background-image:url(../flags/4x3/ml.svg)}.fi-ml.fis{background-image:url(../flags/1x1/ml.svg)}.fi-mm{background-image:url(../flags/4x3/mm.svg)}.fi-mm.fis{background-image:url(../flags/1x1/mm.svg)}.fi-mn{background-image:url(../flags/4x3/mn.svg)}.fi-mn.fis{background-image:url(../flags/1x1/mn.svg)}.fi-mo{background-image:url(../flags/4x3/mo.svg)}.fi-mo.fis{background-image:url(../flags/1x1/mo.svg)}.fi-mp{background-image:url(../flags/4x3/mp.svg)}.fi-mp.fis{background-image:url(../flags/1x1/mp.svg)}.fi-mq{background-image:url(../flags/4x3/mq.svg)}.fi-mq.fis{background-image:url(../flags/1x1/mq.svg)}.fi-mr{background-image:url(../flags/4x3/mr.svg)}.fi-mr.fis{background-image:url(../flags/1x1/mr.svg)}.fi-ms{background-image:url(../flags/4x3/ms.svg)}.fi-ms.fis{background-image:url(../flags/1x1/ms.svg)}.fi-mt{background-image:url(../flags/4x3/mt.svg)}.fi-mt.fis{background-image:url(../flags/1x1/mt.svg)}.fi-mu{background-image:url(../flags/4x3/mu.svg)}.fi-mu.fis{background-image:url(../flags/1x1/mu.svg)}.fi-mv{background-image:url(../flags/4x3/mv.svg)}.fi-mv.fis{background-image:url(../flags/1x1/mv.svg)}.fi-mw{background-image:url(../flags/4x3/mw.svg)}.fi-mw.fis{background-image:url(../flags/1x1/mw.svg)}.fi-mx{background-image:url(../flags/4x3/mx.svg)}.fi-mx.fis{background-image:url(../flags/1x1/mx.svg)}.fi-my{background-image:url(../flags/4x3/my.svg)}.fi-my.fis{background-image:url(../flags/1x1/my.svg)}.fi-mz{background-image:url(../flags/4x3/mz.svg)}.fi-mz.fis{background-image:url(../flags/1x1/mz.svg)}.fi-na{background-image:url(../flags/4x3/na.svg)}.fi-na.fis{background-image:url(../flags/1x1/na.svg)}.fi-nc{background-image:url(../flags/4x3/nc.svg)}.fi-nc.fis{background-image:url(../flags/1x1/nc.svg)}.fi-ne{background-image:url(../flags/4x3/ne.svg)}.fi-ne.fis{background-image:url(../flags/1x1/ne.svg)}.fi-nf{background-image:url(../flags/4x3/nf.svg)}.fi-nf.fis{background-image:url(../flags/1x1/nf.svg)}.fi-ng{background-image:url(../flags/4x3/ng.svg)}.fi-ng.fis{background-image:url(../flags/1x1/ng.svg)}.fi-ni{background-image:url(../flags/4x3/ni.svg)}.fi-ni.fis{background-image:url(../flags/1x1/ni.svg)}.fi-nl{background-image:url(../flags/4x3/nl.svg)}.fi-nl.fis{background-image:url(../flags/1x1/nl.svg)}.fi-no{background-image:url(../flags/4x3/no.svg)}.fi-no.fis{background-image:url(../flags/1x1/no.svg)}.fi-np{background-image:url(../flags/4x3/np.svg)}.fi-np.fis{background-image:url(../flags/1x1/np.svg)}.fi-nr{background-image:url(../flags/4x3/nr.svg)}.fi-nr.fis{background-image:url(../flags/1x1/nr.svg)}.fi-nu{background-image:url(../flags/4x3/nu.svg)}.fi-nu.fis{background-image:url(../flags/1x1/nu.svg)}.fi-nz{background-image:url(../flags/4x3/nz.svg)}.fi-nz.fis{background-image:url(../flags/1x1/nz.svg)}.fi-om{background-image:url(../flags/4x3/om.svg)}.fi-om.fis{background-image:url(../flags/1x1/om.svg)}.fi-pa{background-image:url(../flags/4x3/pa.svg)}.fi-pa.fis{background-image:url(../flags/1x1/pa.svg)}.fi-pe{background-image:url(../flags/4x3/pe.svg)}.fi-pe.fis{background-image:url(../flags/1x1/pe.svg)}.fi-pf{background-image:url(../flags/4x3/pf.svg)}.fi-pf.fis{background-image:url(../flags/1x1/pf.svg)}.fi-pg{background-image:url(../flags/4x3/pg.svg)}.fi-pg.fis{background-image:url(../flags/1x1/pg.svg)}.fi-ph{background-image:url(../flags/4x3/ph.svg)}.fi-ph.fis{background-image:url(../flags/1x1/ph.svg)}.fi-pk{background-image:url(../flags/4x3/pk.svg)}.fi-pk.fis{background-image:url(../flags/1x1/pk.svg)}.fi-pl{background-image:url(../flags/4x3/pl.svg)}.fi-pl.fis{background-image:url(../flags/1x1/pl.svg)}.fi-pm{background-image:url(../flags/4x3/pm.svg)}.fi-pm.fis{background-image:url(../flags/1x1/pm.svg)}.fi-pn{background-image:url(../flags/4x3/pn.svg)}.fi-pn.fis{background-image:url(../flags/1x1/pn.svg)}.fi-pr{background-image:url(../flags/4x3/pr.svg)}.fi-pr.fis{background-image:url(../flags/1x1/pr.svg)}.fi-ps{background-image:url(../flags/4x3/ps.svg)}.fi-ps.fis{background-image:url(../flags/1x1/ps.svg)}.fi-pt{background-image:url(../flags/4x3/pt.svg)}.fi-pt.fis{background-image:url(../flags/1x1/pt.svg)}.fi-pw{background-image:url(../flags/4x3/pw.svg)}.fi-pw.fis{background-image:url(../flags/1x1/pw.svg)}.fi-py{background-image:url(../flags/4x3/py.svg)}.fi-py.fis{background-image:url(../flags/1x1/py.svg)}.fi-qa{background-image:url(../flags/4x3/qa.svg)}.fi-qa.fis{background-image:url(../flags/1x1/qa.svg)}.fi-re{background-image:url(../flags/4x3/re.svg)}.fi-re.fis{background-image:url(../flags/1x1/re.svg)}.fi-ro{background-image:url(../flags/4x3/ro.svg)}.fi-ro.fis{background-image:url(../flags/1x1/ro.svg)}.fi-rs{background-image:url(../flags/4x3/rs.svg)}.fi-rs.fis{background-image:url(../flags/1x1/rs.svg)}.fi-ru{background-image:url(../flags/4x3/ru.svg)}.fi-ru.fis{background-image:url(../flags/1x1/ru.svg)}.fi-rw{background-image:url(../flags/4x3/rw.svg)}.fi-rw.fis{background-image:url(../flags/1x1/rw.svg)}.fi-sa{background-image:url(../flags/4x3/sa.svg)}.fi-sa.fis{background-image:url(../flags/1x1/sa.svg)}.fi-sb{background-image:url(../flags/4x3/sb.svg)}.fi-sb.fis{background-image:url(../flags/1x1/sb.svg)}.fi-sc{background-image:url(../flags/4x3/sc.svg)}.fi-sc.fis{background-image:url(../flags/1x1/sc.svg)}.fi-sd{background-image:url(../flags/4x3/sd.svg)}.fi-sd.fis{background-image:url(../flags/1x1/sd.svg)}.fi-se{background-image:url(../flags/4x3/se.svg)}.fi-se.fis{background-image:url(../flags/1x1/se.svg)}.fi-sg{background-image:url(../flags/4x3/sg.svg)}.fi-sg.fis{background-image:url(../flags/1x1/sg.svg)}.fi-sh{background-image:url(../flags/4x3/sh.svg)}.fi-sh.fis{background-image:url(../flags/1x1/sh.svg)}.fi-si{background-image:url(../flags/4x3/si.svg)}.fi-si.fis{background-image:url(../flags/1x1/si.svg)}.fi-sj{background-image:url(../flags/4x3/sj.svg)}.fi-sj.fis{background-image:url(../flags/1x1/sj.svg)}.fi-sk{background-image:url(../flags/4x3/sk.svg)}.fi-sk.fis{background-image:url(../flags/1x1/sk.svg)}.fi-sl{background-image:url(../flags/4x3/sl.svg)}.fi-sl.fis{background-image:url(../flags/1x1/sl.svg)}.fi-sm{background-image:url(../flags/4x3/sm.svg)}.fi-sm.fis{background-image:url(../flags/1x1/sm.svg)}.fi-sn{background-image:url(../flags/4x3/sn.svg)}.fi-sn.fis{background-image:url(../flags/1x1/sn.svg)}.fi-so{background-image:url(../flags/4x3/so.svg)}.fi-so.fis{background-image:url(../flags/1x1/so.svg)}.fi-sr{background-image:url(../flags/4x3/sr.svg)}.fi-sr.fis{background-image:url(../flags/1x1/sr.svg)}.fi-ss{background-image:url(../flags/4x3/ss.svg)}.fi-ss.fis{background-image:url(../flags/1x1/ss.svg)}.fi-st{background-image:url(../flags/4x3/st.svg)}.fi-st.fis{background-image:url(../flags/1x1/st.svg)}.fi-sv{background-image:url(../flags/4x3/sv.svg)}.fi-sv.fis{background-image:url(../flags/1x1/sv.svg)}.fi-sx{background-image:url(../flags/4x3/sx.svg)}.fi-sx.fis{background-image:url(../flags/1x1/sx.svg)}.fi-sy{background-image:url(../flags/4x3/sy.svg)}.fi-sy.fis{background-image:url(../flags/1x1/sy.svg)}.fi-sz{background-image:url(../flags/4x3/sz.svg)}.fi-sz.fis{background-image:url(../flags/1x1/sz.svg)}.fi-tc{background-image:url(../flags/4x3/tc.svg)}.fi-tc.fis{background-image:url(../flags/1x1/tc.svg)}.fi-td{background-image:url(../flags/4x3/td.svg)}.fi-td.fis{background-image:url(../flags/1x1/td.svg)}.fi-tf{background-image:url(../flags/4x3/tf.svg)}.fi-tf.fis{background-image:url(../flags/1x1/tf.svg)}.fi-tg{background-image:url(../flags/4x3/tg.svg)}.fi-tg.fis{background-image:url(../flags/1x1/tg.svg)}.fi-th{background-image:url(../flags/4x3/th.svg)}.fi-th.fis{background-image:url(../flags/1x1/th.svg)}.fi-tj{background-image:url(../flags/4x3/tj.svg)}.fi-tj.fis{background-image:url(../flags/1x1/tj.svg)}.fi-tk{background-image:url(../flags/4x3/tk.svg)}.fi-tk.fis{background-image:url(../flags/1x1/tk.svg)}.fi-tl{background-image:url(../flags/4x3/tl.svg)}.fi-tl.fis{background-image:url(../flags/1x1/tl.svg)}.fi-tm{background-image:url(../flags/4x3/tm.svg)}.fi-tm.fis{background-image:url(../flags/1x1/tm.svg)}.fi-tn{background-image:url(../flags/4x3/tn.svg)}.fi-tn.fis{background-image:url(../flags/1x1/tn.svg)}.fi-to{background-image:url(../flags/4x3/to.svg)}.fi-to.fis{background-image:url(../flags/1x1/to.svg)}.fi-tr{background-image:url(../flags/4x3/tr.svg)}.fi-tr.fis{background-image:url(../flags/1x1/tr.svg)}.fi-tt{background-image:url(../flags/4x3/tt.svg)}.fi-tt.fis{background-image:url(../flags/1x1/tt.svg)}.fi-tv{background-image:url(../flags/4x3/tv.svg)}.fi-tv.fis{background-image:url(../flags/1x1/tv.svg)}.fi-tw{background-image:url(../flags/4x3/tw.svg)}.fi-tw.fis{background-image:url(../flags/1x1/tw.svg)}.fi-tz{background-image:url(../flags/4x3/tz.svg)}.fi-tz.fis{background-image:url(../flags/1x1/tz.svg)}.fi-ua{background-image:url(../flags/4x3/ua.svg)}.fi-ua.fis{background-image:url(../flags/1x1/ua.svg)}.fi-ug{background-image:url(../flags/4x3/ug.svg)}.fi-ug.fis{background-image:url(../flags/1x1/ug.svg)}.fi-um{background-image:url(../flags/4x3/um.svg)}.fi-um.fis{background-image:url(../flags/1x1/um.svg)}.fi-us{background-image:url(../flags/4x3/us.svg)}.fi-us.fis{background-image:url(../flags/1x1/us.svg)}.fi-uy{background-image:url(../flags/4x3/uy.svg)}.fi-uy.fis{background-image:url(../flags/1x1/uy.svg)}.fi-uz{background-image:url(../flags/4x3/uz.svg)}.fi-uz.fis{background-image:url(../flags/1x1/uz.svg)}.fi-va{background-image:url(../flags/4x3/va.svg)}.fi-va.fis{background-image:url(../flags/1x1/va.svg)}.fi-vc{background-image:url(../flags/4x3/vc.svg)}.fi-vc.fis{background-image:url(../flags/1x1/vc.svg)}.fi-ve{background-image:url(../flags/4x3/ve.svg)}.fi-ve.fis{background-image:url(../flags/1x1/ve.svg)}.fi-vg{background-image:url(../flags/4x3/vg.svg)}.fi-vg.fis{background-image:url(../flags/1x1/vg.svg)}.fi-vi{background-image:url(../flags/4x3/vi.svg)}.fi-vi.fis{background-image:url(../flags/1x1/vi.svg)}.fi-vn{background-image:url(../flags/4x3/vn.svg)}.fi-vn.fis{background-image:url(../flags/1x1/vn.svg)}.fi-vu{background-image:url(../flags/4x3/vu.svg)}.fi-vu.fis{background-image:url(../flags/1x1/vu.svg)}.fi-wf{background-image:url(../flags/4x3/wf.svg)}.fi-wf.fis{background-image:url(../flags/1x1/wf.svg)}.fi-ws{background-image:url(../flags/4x3/ws.svg)}.fi-ws.fis{background-image:url(../flags/1x1/ws.svg)}.fi-ye{background-image:url(../flags/4x3/ye.svg)}.fi-ye.fis{background-image:url(../flags/1x1/ye.svg)}.fi-yt{background-image:url(../flags/4x3/yt.svg)}.fi-yt.fis{background-image:url(../flags/1x1/yt.svg)}.fi-za{background-image:url(../flags/4x3/za.svg)}.fi-za.fis{background-image:url(../flags/1x1/za.svg)}.fi-zm{background-image:url(../flags/4x3/zm.svg)}.fi-zm.fis{background-image:url(../flags/1x1/zm.svg)}.fi-zw{background-image:url(../flags/4x3/zw.svg)}.fi-zw.fis{background-image:url(../flags/1x1/zw.svg)}.fi-arab{background-image:url(../flags/4x3/arab.svg)}.fi-arab.fis{background-image:url(../flags/1x1/arab.svg)}.fi-asean{background-image:url(../flags/4x3/asean.svg)}.fi-asean.fis{background-image:url(../flags/1x1/asean.svg)}.fi-cefta{background-image:url(../flags/4x3/cefta.svg)}.fi-cefta.fis{background-image:url(../flags/1x1/cefta.svg)}.fi-cp{background-image:url(../flags/4x3/cp.svg)}.fi-cp.fis{background-image:url(../flags/1x1/cp.svg)}.fi-dg{background-image:url(../flags/4x3/dg.svg)}.fi-dg.fis{background-image:url(../flags/1x1/dg.svg)}.fi-eac{background-image:url(../flags/4x3/eac.svg)}.fi-eac.fis{background-image:url(../flags/1x1/eac.svg)}.fi-es-ct{background-image:url(../flags/4x3/es-ct.svg)}.fi-es-ct.fis{background-image:url(../flags/1x1/es-ct.svg)}.fi-es-ga{background-image:url(../flags/4x3/es-ga.svg)}.fi-es-ga.fis{background-image:url(../flags/1x1/es-ga.svg)}.fi-es-pv{background-image:url(../flags/4x3/es-pv.svg)}.fi-es-pv.fis{background-image:url(../flags/1x1/es-pv.svg)}.fi-eu{background-image:url(../flags/4x3/eu.svg)}.fi-eu.fis{background-image:url(../flags/1x1/eu.svg)}.fi-gb-eng{background-image:url(../flags/4x3/gb-eng.svg)}.fi-gb-eng.fis{background-image:url(../flags/1x1/gb-eng.svg)}.fi-gb-nir{background-image:url(../flags/4x3/gb-nir.svg)}.fi-gb-nir.fis{background-image:url(../flags/1x1/gb-nir.svg)}.fi-gb-sct{background-image:url(../flags/4x3/gb-sct.svg)}.fi-gb-sct.fis{background-image:url(../flags/1x1/gb-sct.svg)}.fi-gb-wls{background-image:url(../flags/4x3/gb-wls.svg)}.fi-gb-wls.fis{background-image:url(../flags/1x1/gb-wls.svg)}.fi-ic{background-image:url(../flags/4x3/ic.svg)}.fi-ic.fis{background-image:url(../flags/1x1/ic.svg)}.fi-pc{background-image:url(../flags/4x3/pc.svg)}.fi-pc.fis{background-image:url(../flags/1x1/pc.svg)}.fi-sh-ac{background-image:url(../flags/4x3/sh-ac.svg)}.fi-sh-ac.fis{background-image:url(../flags/1x1/sh-ac.svg)}.fi-sh-hl{background-image:url(../flags/4x3/sh-hl.svg)}.fi-sh-hl.fis{background-image:url(../flags/1x1/sh-hl.svg)}.fi-sh-ta{background-image:url(../flags/4x3/sh-ta.svg)}.fi-sh-ta.fis{background-image:url(../flags/1x1/sh-ta.svg)}.fi-un{background-image:url(../flags/4x3/un.svg)}.fi-un.fis{background-image:url(../flags/1x1/un.svg)}.fi-xk{background-image:url(../flags/4x3/xk.svg)}.fi-xk.fis{background-image:url(../flags/1x1/xk.svg)}

image-drag-area {
    width: 100%;
    min-height: 200px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--col-l2);
}

image-drag-area .center i {
    font-size: 70px;
    margin-right: 20px;
}
image-drag-area .center {
    display: flex;
    align-items: center;
    pointer-events: none;
}
@media(max-width: 601px) {
    image-drag-area .center {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0px;
        text-align: center;
        i {
            margin-right: 0px;
        }
    }
}
image-drag-area .center *[data-lucide], image-drag-area .center .lucide {
    height: 100px;
    width: 100px;
    margin-right: 20px;
    stroke-width: 1px !important;
}

image-drag-area .center .texts h1 {
    font-weight: 600;
    font-size: 24px;
}

image-drag-area .center .texts h2 {
    font-weight: 600;
    font-size: 18px;
}

image-drag-area .center .texts h3 {
    font-weight: 300;
    font-size: 16px;
    margin-top: 15px;
}

image-drag-area .hover-overlay {
    background: radial-gradient(color-mix(in srgb, var(--brand-accent), transparent 50%), color-mix(in srgb, var(--brand-accent), transparent 90%));
    backdrop-filter: blur(8px);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 25px;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;

    h1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        i {
            font-size: 30px;
        }
    }
}

image-drag-area.hover-overlay-active .hover-overlay {
    opacity: 1;
}

image-drag-area .preview-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

image-drag-area .preview-container img {
    max-height: 200px;
    padding: 10px;
}

image-drag-area .file-dragged {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
input-waiter {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}
input-waiter .loader {
    display: none;
}
input-waiter .check {
    display: none;
}

input-waiter .loader, input-waiter .check {
    position: absolute;
    right: 8px;
    align-items: center;
}

input-waiter.saving .loader {
    display: flex;
}

input-waiter.saved .check {
    display: flex;
}

/*# sourceMappingURL=index.css.map*/