/*
    ----------------------
    # IMPORTANT: REFERENTS
    ----------------------
    /*
    https://dribbble.com/shots/18964236-Zunra-Admin-Dashboard
    https://www.behance.net/gallery/151329895/Knoweb3
*/


/*
    --------------------
    # IMPORTANT: IMPORTS
    --------------------
*/

@import 'reset.css';
@import 'fancy.css';
@import 'choices.css';
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap');

/*
    ------------------------
    # IMPORTANT: DEFINE VARS
    ------------------------
*/

:root{
    --body-font-size: 18px;
    --body-font-size-lg: 24px;
    --body-font-size-sm: 16px;
    --body-font-size-xs: 14px;
    --body-font-size-xxs: 12px;
    --body-font-weight-light: 300;
    --body-font-weight: 400;
    --body-font-weight-bold: 500;
    --body-font-weight-strong: 600;
    --body-font-family: "Figtree", sans-serif;
    --body-font: var(--body-font-weight) var(--body-font-size)/1.6 var(--body-font-family);

    --h-font-size: 32px;
    --h-font-size-xl: 56px;
    --h-font-size-lg: 38px;
    --h-font-size-sm: 26px;
    --h-font-size-xs: 22px;
    --h-font-weight: 600;
    --h-font-weight-light: 400;
    --h-font-weight-bold: 600;
    --h-font-weight-strong: 700;
    --h-font-family: "Figtree", sans-serif;
    --h-font: var(--h-font-weight) var(--h-font-size)/1.2 var(--h-font-family);

    --button-font-size: 13px;
    --button-font-size-sm: 12px;
    --button-font-size-xs: 11px;
    --button-font-weight-light: 600;
    --button-font-weight: 700;
    --button-font-weight-strong: 800;
    --button-font-family: "Figtree", sans-serif;
    --button-font: var(--button-font-weight) var(--button-font-size)/1 var(--button-font-family);

    --border-radius: 3px;

    --padding-xs: 8px;
    --padding-sm: 16px;
    --padding: 24px;
    --padding-lg: 48px;
    --padding-xl: 64px;

    --gap-xs: 4px;
    --gap-sm: 8px;
    --gap: 12px;
    --gap-lg: 24px;
    --gap-xl: 48px;

    --color-featured: #4e52da;
    --color-featured-light: #5997ea;
    --color-featured-lightness: #93c4ef;
    --color-alternative: #48C597;
    --color-alternative-light: #60d3ad;
    --color-alternative-lightness: #9CF7E5;
    --color-white: #FFF;
    --color-black: #181818;
    --color-black-light: #535353;
    --color-black-lightness: #80848f;
    --color-red: #CC0000;
    --color-red-light: #E06666;
    --color-red-lightness: #F3C2C2;
    --color-yellow: #f5a623;
    --color-yellow-light: #F8B52B;
    --color-yellow-lightness: #FCCD3A;
    
    --color-background-lightness: #FFF;
    --color-background-light: #F9F9F9;
    --color-background: #f8f8f8;
    --color-background-rgb: 248,248,248;
    --color-background-dark: #F5F5F5;
    --color-background-darkness: #F1F1F1;

    --color-gradient: linear-gradient(45deg, var(--color-featured) 50%, var(--color-alternative) 100%);
    --color-gradient-black: linear-gradient(45deg, var(--color-black) 50%, var(--color-black-light) 100%);

    --transition: .3s ease-in-out;
    --transition-all: var(--transition) all;

    --transition-fast: .15s ease-in-out;
    --transition-fast-all: var(--transition-fast) all;


    --transition-slow: .5s ease-in-out;
    --transition-slow-all: var(--transition-slow) all;


    --color-shadow-rgb: 177, 192, 231;
    --shadow: 0 16px 32px rgba(var(--color-shadow-rgb),.1);
    --color-shadow-dark-rgb: 83, 83, 83;
    --shadow-dark: 0 16px 32px rgba(var(--color-shadow-dark-rgb),.2);

    --fancybox-bg: rgba(var(--color-background-rgb), .9);

}

@media only screen and (max-width: 1920px){
}
@media only screen and (max-width: 1536px){
    :root{
        --padding: 22px;
        --padding-sm: 14px;
        --padding-lg: 44px;

        
        --h-font-size-xl: 48px;
        --h-font-size-lg: 36px;
        --h-font-size: 30px;
        --h-font-size-sm: 24px;
        --h-font-size-xs: 22px;


       

    }
}
@media only screen and (max-width: 1366px){
    :root{
        --padding-xs: 6px;
        --padding-lg: 40px;
        --padding-xl: 60px;

        
        --body-font-size-lg: 22px;
        --body-font-size-sm: 15px;
    }
}
@media only screen and (max-width: 1024px){
    :root{
        --padding: 20px;
        --padding-sm: 12px;
        --padding-lg: 36px;
        --padding-xl: 56px;

        
        --h-font-size-xl: 40px;
        --h-font-size-lg: 32px;
        --h-font-size: 26px;
        --h-font-size-sm: 22px;
        --h-font-size-xs: 20px;

        --button-font-size: 12px;
        --button-font-size-sm: 11px;
        --button-font-size-xs: 10px;
        

    }
}
@media only screen and (max-width: 768px){
    :root{
        --padding-lg: 34px;
        --padding-xl: 48px;
        --body-font-size: 17px;
        --body-font-size-lg: 20px;
        --body-font-size-sm: 14px;
        --body-font-size-xs: 13px;
    }
}
@media only screen and (max-width: 568px){
    :root{
        --padding: 16px;
        --padding-sm: 10px;
        --padding-xs: 4px;
        --padding-lg: 32px;
        --padding-xl: 44px;

        --h-font-size-xl: 36px;
        --h-font-size-lg: 30px;
        --h-font-size: 24px;
        --h-font-size-sm: 20px;
        --h-font-size-xs: 18px;

        --button-font-size: 11px;
       


    }
}
@media only screen and (max-width: 375px){
}



.tox-tinymce{
    border: none !important;
    outline: 2px solid var(--color-background-darkness);
    border-radius: var(--border-radius) !important;
}

.tox-tinymce button{
    font: var(--button-font) !important;
    font-size: var(--button-font-size-sm) !important;
    letter-spacing: 1px !important;
    font-weight: var(--button-font-weight-strong) !important;
    text-transform: uppercase !important;
}
.tox-editor-header{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*
    ------------------------
    # IMPORTANT: HTML ELEMENTS
    ------------------------
*/
body{font: var(--body-font);}
body{-webkit-transition: -webkit-filter var(--transition-slow), clip-path var(--transition-slow);transition: filter var(--transition-slow), clip-path var(--transition-slow);clip-path: circle(200% at 50% 50%);}
body.loading{clip-path: circle(0% at 50% 50%);}
body.errors-404{background-color: var(--color-red-light);}
body.errors-404 #error{height: 100vh;display: flex;align-items: center;justify-content: space-around;flex-direction: column;padding: var(--padding-lg);}
body.errors-404 #error > .no-results{-webkit-box-shadow: var(--shadow-dark);box-shadow: var(--shadow-dark);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);}


* {scrollbar-width: thin;scrollbar-color: var(--color-background-darkness) var(--color-white);scrollbar-gutter: auto;scroll-behavior: smooth;scroll-padding-top: var(--topbar-height);}
::-webkit-scrollbar {width: 4px;height:4px;}
::-webkit-scrollbar-thumb  {background-color: var(--color-background-darkness);}
::-webkit-scrollbar-track {background: var(--color-white);}

p {margin-bottom: calc(var(--body-font-size) - 4px);}
strong { font-weight: var(--body-font-weight-strong);}
small {font-size: calc(var(--body-font-size) - 4px);}

p:is(:last-child){ margin-bottom: 0; }

:is(h1,h2,h3,h4,h5){
    font: var(--h-font);
    margin-bottom: calc(var(--body-font-size));
}
:is(h1,h2,h3,h4,h5) strong{
    font-weight: var(--h-font-weight-strong);
}

:is(h1,h2,h3,h4,h5) small{
    font-size: calc(var(--h-font-size) - 4px);
}

:is(h1,h2,h3,h4,h5):is(:last-child){
    margin-bottom: 0;
}

h4 {
    font-size: calc( var(--h-font-size) + 4px );
    margin-bottom: calc(var(--body-font-size) + 2px);
}
h3 {
    font-size: calc( var(--h-font-size) + 8px );
    margin-bottom: calc(var(--body-font-size) + 4px);
}
h2 {
    font-size: calc( var(--h-font-size) + 12px );
    margin-bottom: calc(var(--body-font-size) + 6px);
}
h1 {
    font-size: calc( var(--h-font-size) + 24px );
    margin-bottom: calc(var(--body-font-size) + 12px);
}

a {
    text-decoration: none;
}

a:focus {
    outline: none;
}

em {

}

blockquote {


    font: var(--h-font);
    font-size: var(--h-font-size-sm);
    font-weight: var(--h-font-weight-light);
    padding: var(--padding);
    background-color: var(--color-featured-lightness);
    color: var(--color-white);
    -webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    gap: var(--gap-lg);
}

blockquote::before {
    content: "\e88e";font-family: "Material Icons Outlined";
    font-size: 40px;
}


cite {

}

u {

}

var {

}

mark {

}

hr {
    border: none;
    width: 100%;height: 2px;margin: 0;background-color: var(--color-background-darkness);}
* + hr, hr + *  {
    margin-top: var(--gap-xl) !important;
}


menu {

}

ol {

}

ul {

}

li {

}

pre {

}

code {

}

img {
 
}

iframe {

}

button {

}

dl + *, * + dl{
    margin-top: var(--gap-xl);
}

dl {
    display: flex;
    flex-direction: column;
}

dl > dt {   
    color: var(--color-black-lightness);
    font-size: var(--body-font-size-xxs);
    margin-bottom: var(--gap-xs);
    pointer-events: none;
    user-select: none;
    font-weight: var(--body-font-weight-light);
}

dl > dd {
    font-weight: var(--body-font-weight-bold);
    font-size: var(--body-font-size-sm);
}

dl > dd + dt {
    margin-top: var(--gap);
}

picture{display: block;}
picture.background{position: absolute;inset: 0;z-index: 1;pointer-events: none;user-select: none;}
picture.background > img {width: 100%;height: 100%;object-fit: cover;}


fieldset {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--gap-lg);}
fieldset > :first-child[class^="heading"]{padding-bottom: var(--padding-sm);}
fieldset > :not(:first-child)[class^="heading"]{padding: var(--padding-sm) 0;}
fieldset > .full{grid-column: 1 / span 4;}
fieldset > .double{grid-column: auto / span 2;}
fieldset[class^="group-"]{padding: var(--padding);background-color: var(--color-white);outline: 2px solid var(--color-background-darkness);outline-offset: -2px;-webkit-border-radius: calc(var(--border-radius) + 2px);border-radius: calc(var(--border-radius) + 2px);}
@media only screen and (max-width: 1366px){
    fieldset {grid-template-columns: 1fr;gap: var(--gap);}
    fieldset > .full{grid-column: 1 / span 1;}
    fieldset > .double{grid-column: 1 / span 1;}
}
@media only screen and (max-width: 568px){

}

::placeholder{font-size: var(--body-font-size-sm);color: var(--color-black-lightness);}


label {font-size: var(--body-font-size-xxs);text-transform: uppercase;color: var(--color-black-light);font-weight: var(--body-font-weight-strong);user-select: none;}
label > em{color: var(--color-black-lightness);}
input, select, textarea{width: 100%;-webkit-border-radius: calc(var(--border-radius) );border-radius: calc(var(--border-radius) );
    border: none;font: var(--body-font);
    font-size: var(--body-font-size-sm);
    line-height: 1;padding: 16px;background-color: var(--color-white);
    outline: 2px solid var(--color-background-darkness);outline-offset: -2px;-webkit-transition: var(--transition-all);transition: var(--transition-all);}
textarea{line-height: 1.4;}


:is(input, select, textarea).lg{font-size: var(--body-font-size-lg);font-weight: var(--body-font-weight-bold);padding: 24px;}

input[type="color"]{border-color: transparent;width: calc(var(--body-font-size-sm) + 32px + 6px);padding: var(--gap-sm);cursor: pointer;height: calc(var(--body-font-size-sm) + 32px + 6px);-webkit-border-radius: calc(var(--border-radius) + 2px);border-radius: calc(var(--border-radius) + 2px);background-color: var(--color-white);}
input[type="color"]::-moz-color-swatch {padding: var(--gap-xs);border-color: transparent;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);}
input:is(:disabled) {color: var(--color-black-lightness);background-color: var(--color-background);pointer-events: none;user-select: none;}
:is(input, select, textarea):is(:focus){outline: 2px solid var(--color-black-lightness);outline-offset: -2px;-webkit-box-shadow: 0 24px 48px rgba(var(--color-shadow-rgb),.2);box-shadow: 0 24px 48px rgba(var(--color-shadow-rgb),.2);}
@media only screen and (max-width: 1024px){
    :is(input, select, textarea).lg{padding: var(--padding);}
}


table{width: 100%;border-collapse: collapse;}
table tbody{box-shadow: 0 0 0 1px var(--color-background-darkness);font-size: var(--body-font-size-xs);}
table tbody {background-color: var(--color-background-lightness);}
table tbody tr + tr{border-top: 1px solid var(--color-background-darkness);}
table td{padding: var(--padding-sm);margin: 0;border: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
table thead{user-select: none;}
table thead td{color: var(--color-black-lightness);background-color: transparent;font: var(--button-font);letter-spacing: 1px;text-transform: uppercase;font-size: var(--button-font-size-xs);}
table thead td:last-child{width: 100%;}
table tbody > tr:hover {outline: 1px solid var(--color-black-lightness);outline-offset: -1px;}
table thead td {vertical-align: middle;}
table thead td:last-child, table tbody td:last-child {text-align: right;}
@media only screen and (max-width: 1024px){
    table thead{display: none;}
    table tbody tr{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
    table tbody tr > td::before{content: attr(title);font: var(--button-font);letter-spacing: 1px;text-transform: uppercase;font-size: var(--button-font-size-xs);color: var(--color-black-lightness);display: block;margin-bottom: var(--gap-xs);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    table tbody tr > td:last-child{grid-column: 1 / span 2; text-align: left;}
}
@media only screen and (max-width: 568px){
    table tbody tr{grid-template-columns: 1fr;}
    table tbody tr > td:last-child{grid-column: 1 / span 1;}

}



.pseudo-checkbox > input[type='checkbox']{clip: rect(0 0 0 0);clip-path: inset(100%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap; width: 1px;}
.pseudo-checkbox > input[type='checkbox'] + div {display: flex;align-items: center;gap: var(--gap);position: relative;cursor: pointer;font: var(--body-font);font-size:var(--body-font-size-sm);text-transform: none;color: var(--color-black-lightness);padding: 20px 20px 20px 0;padding: 16px 0;}
.pseudo-checkbox > input[type='checkbox'] + div::before{content: " ";font-family: "Material Icons Outlined";width: 22px;height: 22px;font-size: 18px;background-color: var(--color-background-darkness);color: var(--color-white);display: flex;align-items: center;justify-content: center;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);-webkit-transition: background-color var(--transition);transition: background-color var(--transition);}
.pseudo-checkbox > input[type='checkbox']:focus + div::before{outline: 2px solid var(--color-black-lightness);outline-offset: -1px;}
.pseudo-checkbox > input[type='checkbox']:focus:checked + div::before{outline-color: var(--color-alternative-light);}
.pseudo-checkbox > input[type='checkbox']:checked + div::before{background-color: var(--color-alternative);content: "\e876";}
.pseudo-checkbox > input[type='checkbox']:checked + div {color: var(--color-black);}
.pseudo-checkbox > input[type='checkbox']:disabled + div{pointer-events: none;color: var(--color-black-lightness);}
.pseudo-checkbox > input[type='checkbox']:disabled + div::before{content: "\e897";background-color: transparent;font-size: 22px;color: var(--color-black-lightness);}


/*
    --------------------
    # IMPORTANT: helpers
    --------------------
*/

/* hidden, hide, visually-hidden */
.hidden, .hide {display: none !important;}
.visually-hidden{clip: rect(0 0 0 0);clip-path: inset(100%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap; width: 1px;}
/* grow */
.grow{flex-grow: 1;}
/* field */
.field{display: flex;flex-direction: column;gap: var(--gap-sm);}
/* material */
[class^="material"]{pointer-events: none;user-select: none;}
/* OK: package */
[class^="package"]{--padding-sides: var(--padding-xl) * 2;margin: 0 auto;width: min(1500px, calc(100vw - var(--padding-sides)));position: relative;z-index: 2;}
[class^="package"][class*="-sm"]{width: min(1100px, calc(100vw - var(--padding-sides)));}
[class^="package"][class*="-xs"]{width: min(800px, calc(100vw - var(--padding-sides)));}
@media only screen and (max-width: 1366px){
    [class^="package"]{--padding-sides: var(--padding-lg) * 2;}
}
@media only screen and (max-width: 768px){
    [class^="package"]{--padding-sides: var(--padding) * 2;}
}
/* OK: sticky-holder */
.sticky-holder{position: relative;}
.sticky-holder > :first-child{position: sticky;top: calc(var(--header-height) + var(--gap-lg));}
/* OK: submenu */
:is(.has-submenu, [data-has-submenu]){position: relative;}
:is(.has-submenu, [data-has-submenu]) :is(.submenu, [data-submenu]){position: absolute;top: 100%;right: 0;display: flex;min-width: 100%;opacity: 0;pointer-events: none;-wekbit-transform: translateY(var(--gap-xs));transform: translateY(var(--gap-xs));-webkit-transition: var(--transition-all);transition: var(--transition-all);-webkit-transition-delay: .3s;transition-delay: .3s;}
:is(.has-submenu, [data-has-submenu]):hover :is(.submenu, [data-submenu]),
:is(.has-submenu, [data-has-submenu]) a:is(:focus) + :is(.submenu, [data-submenu]){opacity: 1;pointer-events: all;-webkit-transform: translateY(0);transform: translateY(0);}
:is(.submenu, [data-submenu]){display: flex;flex-direction: column;background-color: var(--color-white);outline: 1px solid var(--color-background-darkness);overflow: hidden;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow);margin-top: calc(0px - var(--gap-xs));}
:is(.has-submenu, [data-has-submenu]):hover > :is(.submenu, [data-submenu]){-webkit-box-shadow: var(--shadow-dark);box-shadow: var(--shadow-dark);}
:is(.submenu, [data-submenu]) > a{padding: var(--padding-sm);font: var(--button-font);font-size: var(--button-font-size-xs);text-transform: uppercase;letter-spacing: 1px;display: inline-flex;align-items: center;gap: var(--gap);color: var(--color-black-lightness);-wekbit-transition: var(--transition-fast-all);transition: var(--transition-fast-all);white-space: nowrap;}
:is(.submenu, [data-submenu]) > a:is(:hover, :focus){background-color: var(--color-alternative);color: var(--color-white);}
:is(.submenu, [data-submenu]) > a + a{border-top: 1px solid var(--color-background-darkness);}
/* OK: has-submenu */
.gradient-text {background:  -webkit-linear-gradient(45deg, var(--color-featured-light) 0%, var(--color-alternative-light) 100%);background:  linear-gradient(45deg, var(--color-featured-light) 0%, var(--color-alternative-light) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
/* INFO: clamp */
[class*="clamp-"]{display: -webkit-box;-webkit-line-clamp: min(4, var(--max-clamp, 4));-webkit-box-orient: vertical;overflow: hidden;}
[class*="clamp-1"]{--max-clamp:1;}
[class*="clamp-2"]{--max-clamp:2;}
[class*="clamp-3"]{--max-clamp:3;}
@media only screen and (max-width: 1366px){
    [class*="clamp-"]{-webkit-line-clamp: min(3, var(--max-clamp, 3));}
}
@media only screen and (max-width: 768px){
    [class*="clamp-"]{-webkit-line-clamp: min(2, var(--max-clamp, 2));}
}
/* OK: field_image */
.field_image > .input > label {
    font: var(--body-font);
    font-size: var(--body-font-size-xs);
    text-transform: none;
    letter-spacing: none;
    color: var(--color-black-lightness);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap);
    cursor: pointer;
}

.field_image > .input > label > input[type="file"]{clip: rect(0 0 0 0);clip-path: inset(100%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap; width: 1px;}
.field_image > .input > label > input[type="file"] + .info{display: flex;flex-direction: column;align-items: flex-start;gap: var(--gap-xs);width: 100%;}
.field_image > .input > label > input[type="file"] + .info > picture{aspect-ratio: 1;background-color: var(--color-white);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);width: min(100%, 150px);display: none;outline: 1px solid var(--color-black-lightness);outline-offset: -1px;background:  repeating-conic-gradient(var(--color-background-darkness) 0% 25%, transparent 0% 50%) 50% / 20px 20px;}
.field_image > .input > label > input[type="file"].selected + .info > picture{display: inline-flex;}
.field_image > .input > label > input[type="file"].selected + .info > picture > img{width: 100%;height: 100%;object-fit: contain;padding: var(--padding-xs);}
.field_image > .input > label > input[type="file"].selected + .info > picture:hover{outline-color: var(--color-alternative);}
.field_image > .input > label > input[type="file"].selected + .info > :is([class^="btn"], .no-image-selected) {display: none;}



/*
    --------------------
    # IMPORTANT: elements
    --------------------
*/
/* OK: language-select */
.language-selector{display: inline-flex;}
.language-selector a > picture{width: 26px;height: 18px;}
.language-selector a > picture > img{width: 100%;height: 100%;object-fit: cover;outline: 1px solid var(--color-black-light);outline-offset: -1px;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);}
.language-selector a:is(:hover, :focus) > picture > img{outline-width: 2px;outline-color: var(--color-black);}
.language-selector > a{font: var(--button-font);font-size: var(--button-font-size-xs);text-transform: uppercase;letter-spacing: 1px;color: var(--color-black-light);display: inline-flex;align-items: center;gap: var(--gap);}
@media only screen and (max-width: 1024px){
    .language-selector > a > span.name{display: none;}
}
@media only screen and (max-width: 768px){
    .language-selector a > picture{width: 22px;height: 15px;}
}
/* OK: pagination */
ul.pagination{width: 100%;display: flex;justify-content: flex-start;gap: var(--gap-sm);flex-wrap: wrap;justify-content: center;}
ul.pagination + *, * + ul.pagination{margin-top: var(--gap-xl);}
ul.pagination > li > :is(a, span) {font-size: var(--body-font-size-xs);font-weight: var(--body-font-weight-bold);display: inline-flex;min-width: 40px;box-sizing: border-box;padding: 0 var(--padding-sm);height: 40px;align-items: center;justify-content: center;font-weight: var(--body-font-weight-strong);color: var(--color-black-light);text-transform: uppercase;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);background-color: var(--color-white);-webkit-transition: var(--transition-fast-all);transition: var(--transition-fast-all);outline: 1px solid var(--color-background-darkness);}
ul.pagination > li > a:is(:hover, :focus){background-color: var(--color-alternative-light);color: var(--color-white);outline-color: var(--color-alternative);box-shadow: var(--shadow), var(--shadow);z-index: 2;}
ul.pagination > li > span{background-color: transparent;outline-color: var(--color-alternative);color: var(--color-alternative);}
ul.pagination > li.disabled{display: none;}
/* OK: actions */
[class^="actions"]{display: flex;justify-content: flex-end;gap: var(--gap-sm);align-items: center;}
* + [class^="actions"]{margin-top: var(--gap-xl);}
* + [class^="actions"][class*="-nomargin"]{margin-top: 0;}
* + [class^="actions"][class*="-start"]{justify-content: flex-start;}
/* OK: backend-top r */
.avatar {display: flex;background-color: var(--color-alternative);align-items: center;justify-content: center;color: var(--color-white);height: calc(var(--header-height) - var(--padding) );width: calc(var(--header-height) - var(--padding) );-webkit-border-radius: 50%;border-radius: 50%;text-decoration: none;position: relative;-webkit-transition: background var(--transition);transition: background var(--transition);outline: 2px solid var(--color-background-dark);outline-offset: -1px;flex-shrink: 0;}
.avatar:is(:hover, :focus) {background-color: var(--color-featured);}
.avatar > [class^="material"]{font-size: calc(var(--header-height) / 3);color: var(--color-white);}
.avatar > img{width: calc(100% - 10px);height: calc(100% - 10px);object-fit: cover;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;}
.avatar > .letter{text-transform: uppercase;font: var(--button-font);font-size: var(--button-font-size-xs);line-height: 1;height: calc(var(--button-font-size) * 2);width: calc(var(--button-font-size) * 2);-webkit-border-radius: 50%;border-radius: 50%;background-color: var(--color-black);display: flex;position: absolute;align-items: center;justify-content: center;right: calc(0px - var(--gap-xs));bottom: calc(0px - var(--gap-xs));outline: 2px solid var(--color-white);-webkit-transition: background var(--transition);transition: background var(--transition);color: var(--color-white);}
.avatar:is(:hover, :focus)  > .letter {background-color: var(--color-featured-light);}
/* OK: intro */
[class^="intro"]{font-size: calc(var(--body-font-size) + 5px);font-weight: var(--body-font-weight-light);color: var(--color-black-lightness);line-height: 1.3;}
[class^="intro"][class*="-xs"]{font-size: var(--body-font-size);}
@media only screen and (max-width: 1536px){
    [class^="intro"]{font-size: calc(var(--body-font-size) + 3px);}
}
@media only screen and (max-width: 1024px){
    [class^="intro"]{font-size: calc(var(--body-font-size) + 2px);}
}
@media only screen and (max-width: 568px){
    [class^="intro"]{font-size: calc(var(--body-font-size) + 1px);}
}
/* OK: subtitle */
.subtitle {font: var(--button-font);font-size: var(--button-font-size-sm);text-transform: uppercase;font-weight: var(--button-font-weight-light);color: var(--color-black);letter-spacing: 1px;}
/*
    ---------------------------
    # IMPORTANT: sections
    ---------------------------
*/
/* OK: no-resulst */
section{position: relative;}
section.no-results {display: flex;align-items: center;padding: var(--padding-lg);background-color:var(--color-red-light);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);gap: var(--gap-lg);}
section.no-results > * {margin: 0;}
section.no-results > [class^="material"] {font-size: calc(var(--h-font-size) + 4px);color: var(--color-white);}
section.no-results.sm{padding: var(--padding);}
@media only screen and (max-width: 568px){
    section.no-results{flex-direction: column;align-items: flex-start;gap: var(--gap);}
}
/*
    ---------------------------
    # IMPORTANT: field
    ---------------------------
*/
.field.required > label::after{content: "*";color: var(--color-red);margin-left: var(--gap-xs);}

[class^="heading"]{display: flex;flex-direction: column;gap: var(--gap);position: relative;}
[class^="heading"] + *, *  + [class^="heading"]{margin-top: var(--padding);}
[class^="heading"][class*="-lg"] + *, *  + [class^="heading"][class*="-lg"]{margin-top: var(--padding-lg);}
[class^="heading"][class*="-xl"] + *, *  + [class^="heading"][class*="-xl"]{margin-top: var(--padding-xl);}
/*
[class^="heading"][class*="-xs"] + *, *  + [class^="heading"][class*="-xs"]{margin-top: var(--gap-sm);}
[class^="heading"][class*="-sm"] + *, *  + [class^="heading"][class*="-sm"]{margin-top: var(--gap);}
[class^="heading"][class*="-lg"] + *, *  + [class^="heading"][class*="-lg"]{margin-top: var(--gap-xl);}
[class^="heading"][class*="-xl"] + *, *  + [class^="heading"][class*="-xl"]{margin-top: var(--gap-xl);}
*/
* + [class^="heading"][class*="-nomargin"], [class^="heading"][class*="-nomargin"] + * {margin-top: 0 !important;}
[class^="heading"] > .title{font: var(--h-font);margin: 0;font-weight: var(--h-font-weight-bold);}
[class^="heading"][class*="-colorized"] > .title {background:  linear-gradient(90deg, var(--color-alternative) 0%, var(--color-featured-light) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
[class^="heading"] > .title > strong{font-weight: var(--h-font-weight-strong);}
[class^="heading"][class*="-white"] > .title{color: #FFF;}
[class^="heading"][class*="-white"] > :is(.intro, .subtitle){color: rgba(var(--color-background-rgb), .9);}
[class^="heading"][class*="-xs"] > .title{font-size: var(--h-font-size-xs);}
[class^="heading"][class*="-sm"] > .title{font-size: var(--h-font-size-sm);}
[class^="heading"][class*="-lg"] > .title{font-size: var(--h-font-size-lg);}
[class^="heading"][class*="-xl"] > .title{font-size: var(--h-font-size-xl);}
[class^="heading"] > .title.has_material{display: flex;align-items: center;gap: var(--gap);}
[class^="heading"] > .title > [class^="material"]{font-size: 24px;width: 64px;height: 64px;-webkit-border-radius: 50%;border-radius: 50%;background-color: var(--color-featured-lightness);display: flex;align-items: center;justify-content: center;color:var(--color-white);}
[class^="heading"]:is([class*="-xs"], [class*="-sm"]) > .title > [class^="material"] {width: 52px;height: 52px;font-size: 22px;}
[class^="heading"]:is([class*="-xs"], [class*="-sm"]) > .intro{font-size: calc(var(--body-font-size) + 3px);}
[class^="heading"][class*="-half"] > .intro{width: min(600px, 100%);}
/* INFO: details */
ul.details{display: flex;gap: var(--gap);flex-wrap: wrap;}
ul.details > li{display: flex;flex-direction: column;gap: var(--gap-xs);}
ul.details > li > .label{display: flex;align-items: center;font: var(--button-font);font-size: var(--button-font-size-sm);font-weight: var(--button-font-weight-strong);color: var(--color-alternative);text-transform: uppercase;letter-spacing: 1px;line-height: 1;}
ul.details > li > .description{font-size: calc(var(--body-font-size) );font-weight: var(--body-font-weight-bold);padding: var(--padding);display: flex;align-items: center;line-height: 1.1;background-color: var(--color-white);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);display: flex;flex-direction: column;overflow: hidden;-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow);}


/* INFO: tags */
[class^="tags"] {display: flex;align-items: center;gap: var(--gap-xs);flex-wrap: wrap;user-select: none;}
[class^="tag-"]{padding: 8px;background-color: var(--color-featured-lightness);font-size: var(--body-font-size-xxs);font-weight: var(--body-font-weight-bold);line-height: 1;white-space: nowrap;color: var(--color-white);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);-webkit-transition: var(--transition);transition: var(--transition);outline: 1px solid var(--color-featured-light);outline-offset: -1px;display: flex;gap: var(--gap-xs);align-items: center;}
[class^="tag-"] > [class^="material"]{font-size: 18px;line-height: 0;}
[class^="tag-"][class*="-lg"]{padding: 12px;font-size: var(--body-font-size-sm);}
[class^="tag-"][class*="-featured"]{background-color: var(--color-featured-light);outline-color: var(--color-featured);}
[class^="tag-"][class*="-alternative"],
[class^="tag-"][class*="-current"],
[class^="tag-"][class*="-paid"],
[class^="tag-"][class*="-publish"]{background-color: var(--color-alternative-light);outline-color: var(--color-alternative);}
[class^="tag-"][class*="-gray"],
[class^="tag-"][class*="-pending"]{background-color: var(--color-background-dark);color: var(--color-black-light);outline-color: var(--color-background-darkness);}
[class^="tag"][class*="-yellow"]{background-color: var(--color-yellow-light);outline-color: var(--color-yellow);}
[class^="tag-"][class*="-pending"],
[class^="tag-"][class*="-black"]{background-color: var(--color-black-light);color: var(--color-background-dark);outline-color: var(--color-black);}
[class^="tag-"][class*="-red"],
[class^="tag-"][class*="-draft"],
[class^="tag"][class*="finished"],
[class^="tag-"][class*="-cancelled"]{background-color: var(--color-red-light);outline-color: var(--color-red);}
a[class^="tag-"]:is(:hover, :focus){-webkit-transform: translateY(-2px);transform: translateY(-2px);-webkit-box-shadow: var(--shadow-dark);box-shadow: var(--shadow-dark);}
@media only screen and (max-width: 1366px){
    [class^="tag-"]{padding: 7px;}
    [class^="tag-"][class*="-lg"]{padding: 11px;}
}
@media only screen and (max-width: 768px){
    [class^="tag-"]{padding: 5px;font-size: calc(var(--body-font-size-xxs) - 1px);}
    [class^="tag-"][class*="-lg"]{padding: 10px;font-size: calc(var(--body-font-size-sm) - 1px);}
}


/* INFO: grid */
[class^="grid"]{display: grid;gap: var(--gap-lg);grid-template-columns: repeat(auto-fill, minmax(min(100%, 400px), 5fr));}
[class^="grid"][class*="-sm"]{display: grid;gap: var(--gap-lg);grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 6fr));}
[class^="grid"][class*="-xs"]{display: grid;gap: var(--gap-lg);grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 7fr));}

@media only screen and (max-width: 1366px){
    [class^="grid"]{gap: var(--gap);}
}
@media only screen and (max-width: 768px){
    [class^="grid"]{gap: var(--gap-sm);}
}


/* INFO: card-effect */
.card-effect{background-color: var(--color-white);outline: 1px solid var(--color-background-darkness);outline-offset: -1px;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow);overflow: hidden;}
.card-effect > .content{padding: var(--padding);display: flex;flex-direction: column;gap: var(--gap-lg);}
.card-effect > .actions{padding: var(--padding);}
.card-effect > .content + .actions{margin-top: 0;border-top: 1px solid var(--color-background-darkness);}
.card-effect > [class^="heading"]{padding: var(--padding);}
.card-effect > [class^="heading"] + .content{border-top: 1px solid var(--color-background-darkness);}
.card-effect > [class^="heading"] > .title {background:  linear-gradient(90deg, var(--color-alternative) 0%, var(--color-featured-light) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: var(--h-font-weight-strong);}
/* INFO: card-boxed */
[class*="-boxed"]{background-color: #FFF;overflow: hidden;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);outline: 1px solid var(--color-background-darkness);display: flex;flex-direction: column;position: relative;}
[class*="-boxed"] > [class^="avatar"] {position: absolute;top: var(--padding);right: var(--padding);width: 40px;height: 40px;pointer-events: none;background-color: transparent;}
[class*="-boxed"] > [class^="avatar"] > img{width: 100%;height: 100%;}
[class*="-boxed"] > [class^="tags"] {padding: var(--padding) var(--padding) 0 var(--padding);}
[class*="-boxed"] > .title {position: relative;padding: var(--padding);color: var(--color-black-lightness);font: var(--h-font);font-weight: var(--body-font-weight);font-size: calc(var(--body-font-size));user-select: none;display: flex;gap: var(--gap-xl);align-items: center;}
[class*="-boxed"] > .title > :first-child{flex-grow: 1;background:  linear-gradient(90deg, var(--color-alternative) 0%, var(--color-featured-light) 50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: var(--h-font-weight-strong);font-size: calc(var(--h-font-size-sm));}
[class*="-boxed"] > .title > :nth-child(2){opacity: .5;pointer-events: none;}
[class*="-boxed"] > .content {padding: var(--padding);display: flex;flex-direction: column;flex-grow: 1;gap: var(--gap-lg);}
[class*="-boxed"] > .title + .content{padding-top: 0;}
[class*="-boxed"] > .content > .info{flex-grow: 1;display: flex;flex-direction: column;gap: var(--gap-lg);color: var(--color-black-lightness);font-size: var(--body-font-size-sm);}
[class*="-boxed"] > .content > .info > * {margin: 0;}
[class*="-boxed"] > .content > .info > .description{font-weight: var(--body-font-weight-bold);}
[class*="-boxed"] > .content > .info dt{margin-bottom: 0;}
[class*="-boxed"] > .content > .info dd{padding: 0 0 var(--padding-xs) 0;color: var(--color-black);font-weight: var(--body-font-weight-bold);border-bottom: 1px solid var(--color-background-darkness);}
[class*="-boxed"] > .content > * + [class^="actions"]{margin-top: var(--gap);}
@media only screen and (max-width: 1366px){
    [class*="-boxed"] > .title {gap: var(--gap);}
}
@media only screen and (max-width: 768px){
    [class*="-boxed"] > .title {flex-direction: column-reverse;align-items: flex-start;gap: var(--gap-sm);font-size: var(--body-font-size-sm);}
}
[class^="card-service"] > .head{aspect-ratio: 2;background-color: var(--color);}
[data-qr]{display: block;padding: var(--padding);display: flex;align-items: center;justify-content: center;background-color: var(--color-background);outline: 1px solid var(--color-background-darkness);outline-offset: -1px;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);pointer-events: none;}
[data-qr] img{mix-blend-mode: multiply;aspect-ratio: 1;width: min(100%, 220px);}
[data-qr].disabled {background-color: var(--color-white);}
[data-qr].disabled img{opacity: .1;}
/* INFO: btn */
:is([class^="btn"],button){--padding: 20px 24px;text-transform: uppercase;letter-spacing: 2px;font: var(--button-font);display: inline-flex;align-items: center;justify-content: center;gap: var(--gap-lg);padding: var(--padding);background: var(--color-featured-light);text-decoration: none;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);color: var(--color-background-dark);border: none;-webkit-transition: var(--transition-fast-all);transition: var(--transition-fast-all);user-select: none;--outline-width: 2px;white-space: nowrap;}
:is([class^="btn"],button)[class*="-lg"]{--padding: 26px 32px;gap: var(--gap-lg);font-size: calc(var(--button-font-size) + 1px);--outline-width: 2px;}
:is([class^="btn"],button)[class*="-sm"]{--padding: 18px 20px;gap: var(--gap);font-size: calc(var(--button-font-size) - 1px); --outline-width: 1px;}
:is([class^="btn"],button)[class*="-xs"]{--padding: 14px 16px;gap: var(--gap-sm);font-size: calc(var(--button-font-size) - 2px);--outline-width: 1px}
:is([class^="btn"],button)[class*="-fullwidth"]{width: 100%;}
:is([class^="btn"],button) > [class^="material"]{font-size: 20px;color: var(--color-white);line-height: 0;pointer-events: none;-webkit-transition: color var(--transition);transition: color var(--transition);}
:is([class^="btn"],button)[class*="-lg"] > [class^="material"]{font-size: 26px;}
:is([class^="btn"],button)[class*="-xs"] > [class^="material"]{font-size: 16px}
:is([class^="btn"],button):is(:hover, :focus){background: var(--color-featured);color: var(--color-white);}
:is([class^="btn"],button)[class*="-alternative"]{background-color: var(--color-alternative);color: var(--color-white);}
:is([class^="btn"],button)[class*="-alternative"]:is(:hover, :focus){background-color: var(--color-alternative-light);color: var(--color-white);}
:is([class^="btn"],button)[class*="-gray"]{background-color: var(--color-black-lightness);color: var(--color-white);}
:is([class^="btn"],button)[class*="-gray"]:is(:hover, :focus){background-color: var(--color-black);}
:is([class^="btn"],button)[class*="-white"]{background-color: var(--color-background);color: var(--color-black);}
:is([class^="btn"],button)[class*="-white"]:is(:hover, :focus){background-color: var(--color-black);color: var(--color-white)}
:is([class^="btn"],button)[class*="-white"] > [class^="material"]{color: var(--color-black-lightness);-webkit-transition: var(--transition-all);transition: var(--transition-all);}
:is([class^="btn"],button)[class*="-white"]:is(:hover, :focus) > [class^="material"]{color: var(--color-white);}
:is([class^="btn"],button)[class*="-red"]{background-color: var(--color-red);color: var(--color-white);}
:is([class^="btn"],button)[class*="-red"]:is(:hover, :focus){background-color: var(--color-red-light);color: var(--color-white);}
:is([class^="btn"],button)[class*="-lines_white"]{outline: var(--outline-width) solid var(--color-white);outline-offset: calc(0px - var(--outline-width));background-color: transparent;color: var(--color-white);}
:is([class^="btn"],button)[class*="-lines_white"]:is(:hover, :focus){background-color: var(--color-white);color: var(--color-featured-light);-webkit-box-shadow: var(--shadow-dark);box-shadow: var(--shadow-dark);}
:is([class^="btn"],button)[class*="-lines_white"]:is(:hover, :focus) > [class^="material"]{color: var(--color-featured-lightness);}
[class^="btn"][class*="-disabled"], button:disabled, [class^="btn"]:disabled{user-select: none;pointer-events: none;background-color: var(--color-background-darkness) !important;color: var(--color-background) !important;}
@media only screen and (max-width: 1366px){
    :is([class^="btn"],button){--padding: 18px 20px;}
    :is([class^="btn"],button) > [class^="material"]{font-size: 18px;}
}
@media only screen and (max-width: 768px){
    :is([class^="btn"],button){--padding: 14px;--outline-width: 1px;gap: var(--gap-sm);}
    :is([class^="btn"],button) > [class^="material"]{font-size: 16px;}
}
/* OK */

:is([class^="icon-btn"]){padding: 12px;display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-alternative-light);color: var(--color-white);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);-webkit-transition: var(--transition-all);transition: var(--transition-all);}
:is([class^="icon-btn"]):is(:hover, :focus){background-color: var(--color-alternative);}
:is([class^="icon-btn"]) > [class^="material"]{line-height: 23px;font-size: 23px;}
:is([class^="icon-btn"])[class*="-featured"]{background-color: var(--color-featured-light);}
:is([class^="icon-btn"])[class*="-featured"]:is(:hover, :focus){background-color: var(--color-featured);}
:is([class^="icon-btn"])[class*="-danger"]{background-color: var(--color-red-light);}
:is([class^="icon-btn"])[class*="-danger"]:is(:hover, :focus){background-color: var(--color-red);}

:is([class^="icon-btn"])[class*="-sm"]{padding:8px;}
:is([class^="icon-btn"])[class*="-sm"] > [class^="material"]{line-height: 20px;font-size: 20px;}

/* INFO: element form.modal */
form.modal{width: 800px;max-width: calc(100vw - var(--padding-lg) * 2);-webkit-border-radius: calc(var(--border-radius) + 1px);border-radius: calc(var(--border-radius) + 1px);outline: 2px solid var(--color-alternative);outline-offset: -1px;-webkit-box-shadow: var(--shadow-dark);box-shadow: var(--shadow-dark);overflow: hidden;}
form.modal > .content{padding: var(--padding);background-color: var(--color-background-lightness);}
form.modal > .content > fieldset{grid-template-columns: repeat(2, 1fr);}
form.modal > .content > fieldset > .full{grid-column: auto / span 2;}
form.modal > .content > fieldset > .double{grid-column: auto / span 2;}
form.modal > [class^="actions"]{border-top: 1px solid var(--color-alternative);margin: 0;padding: var(--padding);background-color: var(--color-white);}
form.modal > [class^="heading"]{background-color: var(--color-alternative);color: var(--color-white);margin: 0;padding: var(--padding);}
form.modal.danger{outline-color: var(--color-red-light);}
form.modal.danger > [class^="heading"]{background-color: var(--color-red-light);}
form.modal.danger > [class^="actions"]{border-top-color: var(--color-red-light);}

/* INFO: element notifications */
#notifications{position: fixed;bottom: 0;left: 0;padding: var(--gap-sm) var(--gap-sm) var(--gap-sm) var(--gap-sm);pointer-events: none;z-index: 1100;display: flex;flex-direction: column;gap: var(--gap-xs);}
#notifications > .notification{font-weight: var(--body-font-weight-bold);background-color: var(--color-alternative);color: var(--color-white);padding: var(--padding);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);pointer-events: all;flex-wrap: wrap;display: inline-flex;align-items: center;gap: var(--gap);align-self: flex-start;}
#notifications > .notification > [class^="material"]{font-size: 32px;color: var(--color-white);}
#notifications > .notification > .message > .description{margin-top: var(--gap-xxs);font-size: var(--font-size-xs);color: rgba(255, 255, 255, .75);}
#notifications > .notification.error{background-color: var(--color-red-light);}
#notifications > .notification.error > [class^="material"]{color: var(--color-red-lightness);}
/* INFO: inline */
[class^="inline-"]{-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);display: flex;align-items: center;gap: var(--padding-sm);background-color: var(--color-featured-light);color: var(--color-white);padding: var(--padding-sm);font-size: var(--body-font-size-sm);line-height: 1.3;}
[class^="inline-"][class*="-sm"]{padding: var(--padding-xs);font-size: var(--body-font-size-xs);gap: var(--padding-xs);}
[class^="inline-"] > [class^="material"]{width: 48px;height: 48px;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;background-color: var(--color-featured);color: var(--color-white);flex-shrink: 0;}
[class^="inline-"][class*="-sm"] > [class^="material"]{width: 36px;height: 36px;font-size: 18px;}
[class^="inline-"][class*="-error"], [class^="inline-"][class*="-red"]{background-color: var(--color-red-light);}
[class^="inline-"][class*="-error"] > [class^="material"], [class^="inline-"][class*="-red"] > [class^="material"]{color: var(--color-white);background-color: var(--color-red);}
[class^="inline-"][class*="-alternative"]{background-color: var(--color-alternative-light);}
[class^="inline-"][class*="-alternative"] > [class^="material"]{color: var(--color-white);background-color: var(--color-alternative);}
[class^="inline-"][class*="-soft"]{color: var(--color-featured-lightness);outline-color: var(--color-featured-lightness);}
[class^="inline-"][class*="-soft"] > [class^="material"]{color: var(--color-white);background-color: var(--color-featured-lightness);}
[class^="inline-"][class*="-gray"]{background-color: var(--color-background-dark);color: var(--color-black-lightness);}
[class^="inline-"][class*="-gray"] > [class^="material"]{color: var(--color-white);background-color: var(--color-black-lightness);}
[class^="inline-"][class*="-yellow"]{background-color: var(--color-yellow);color: var(--color-white);}
[class^="inline-"][class*="-yellow"] > [class^="material"]{color: var(--color-white);background-color: var(--color-yellow-lightness);}
@media only screen and (max-width: 1024px){
    [class^="inline-"]{padding: var(--padding-xs);font-size: var(--body-font-size-xs);gap: var(--padding-xs);}
    [class^="inline-"] > [class^="material"]{width: 36px;height: 36px;font-size: 18px;}
}

[class^="card-"][class*="-lines"]{
    -webkit-box-shadow: var(--shadow-dark);
    box-shadow: var(--shadow-dark);
    background-color: var(--color-white);
    outline: 2px solid var(--color-black);
    outline-offset: -2px;
    -webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}
[class^="card-"][class*="-lines"] > .content{
    padding: var(--padding-sm);
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
}
[class^="card-"][class*="-lines"] > [class^="actions"]{
    padding: var(--padding-sm);
    border-top: 1px solid var(--color-black);
}

/* INFO: wysiwyg */
.wysiwyg{font-size: var(--body-font-size-sm);color: var(--color-black);}
.wysiwyg p > img{width: 100%;height: auto;display: block;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow);}


.event-session-dates{display: flex;flex-direction: column;gap: var(--gap-sm);}
.event-session-dates > .label{
    font: var(--button-font);
    font-size: var(--button-font-size-sm);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-black-light);
}
.event-session-dates > .dates{
    font: var(--button-font);
    font-size: var(--button-font-size-sm);
    text-transform: uppercase;
    color: var(--color-white);
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    justify-content: space-between;

    padding: var(--padding-sm);
    background-color: var(--color-black-light);
    -webkit-border-radius: var(--border-radius);
    border-radius: var(--border-radius);
}
.event-session-dates > .dates.ended{background-color: var(--color-red-light);color: var(--color-white);}
.event-session-dates > .dates.open{background-color: var(--color-alternative);color: var(--color-white);}

#qr-scanner{background-color: var(--color-background-dark);display: block;position: relative;}
#qr-scanner > video{width: 100%;aspect-ratio: 1.3333333333333333;}
/* OK: app-landing */
nav.large-icons {display: grid;gap: var(--gap);grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 10fr));width: 100%;}
nav.large-icons > a{aspect-ratio: 1;background: var(--color-featured);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;flex-direction: column;gap: var(--gap-lg);position: relative;overflow: hidden;-webkit-transition: var(--transition-fast-all);transition: var(--transition-fast-all);/*padding: var(--padding-sm);*/}
nav.large-icons > a.double{grid-column: auto / span 2;aspect-ratio: inherit;}
nav.large-icons > a.gray{background-color: var(--color-black-light);}
nav.large-icons > a.gray > span:not([class^="material"]){color: var(--color-white);}
nav.large-icons > a.red{background-color: var(--color-red-light);}
nav.large-icons > a.red > span:not([class^="material"]){color: var(--color-red-lightness);}
nav.large-icons > a.alternative{background-color: var(--color-alternative);}
nav.large-icons > a.disabled{background-color: var(--color-background-darkness);color: var(--color-black-light);pointer-events: none;}
nav.large-icons > a.disabled > span{color: var(--color-black-lightness) !important;}
nav.large-icons > a.alternative > span:not([class^="material"]){color: var(--color-white);}
nav.large-icons > a::before{content: " ";position: absolute;inset: 0;background: var(--color-gradient);opacity: 0;-webkit-transition: var(--transition);transition: var(--transition);}
nav.large-icons > a:is(:hover, :focus)::before{opacity: 1;}
nav.large-icons > a > span{position: relative;z-index: 2;}
nav.large-icons > a > span:not([class^="material"]){font: var(--button-font);font-size: var(--button-font-size-sm);text-transform: uppercase;color: var(--color-white);-webkit-transition: color var(--transition);transition: color var(--transition);text-align: center;line-height: 1.3;}
nav.large-icons > a:is(:hover, :focus) > span:not([class^="material"]){color: var(--color-white);}
nav.large-icons > a > span[class^="material"]{font-size: 64px;color: var(--color-white);}
nav.large-icons:hover > a:not(.disabled):not(:hover){-webkit-filter:blur(1px) grayscale(.25);filter:blur(1px) grayscale(.25);-webkit-transform: scale(.98);transform: scale(.98);}
@media only screen and (max-width: 1024px){
    nav.large-icons {grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 10fr));}
    nav.large-icons > a{gap: var(--gap);}
    nav.large-icons > a > span[class^="material"]{font-size: 48px;}
}
@media only screen and (max-width: 568px){
    nav.large-icons{gap: var(--gap-sm);}
    nav.large-icons {grid-template-columns: repeat(auto-fill, minmax(min(100%, 120px), 10fr));}
    nav.large-icons > a > span[class^="material"]{font-size: 40px;}
    nav.large-icons > a > span:not([class^="material"]){font-size: var(--button-font-size-xs);}
    nav.large-icons > a{order: 2;}
    nav.large-icons > a.double{aspect-ratio: 2;order: 0;}
}
@media only screen and (max-width: 375px){
    nav.large-icons > a.double{aspect-ratio: 1;grid-column: auto / span 1;}
}
/* INFO: ticket-selector */
.ticket-selector > .options{display: flex;flex-direction: column;background-color: var(--color-white);outline: 1px solid var(--color-background-darkness);outline-offset: -1px;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);}
.ticket-selector > .options > .option{padding: var(--padding-sm);display: flex;flex-direction: column;gap: var(--gap);-wekit-transition: var(--transition-all);transition: var(--transition-all);position: relative;}
.ticket-selector > .options > .option::after{display: block;content: " ";pointer-events: none;position: absolute;inset: 0;outline: 2px solid var(--color-alternative-light);outline-offset: -2px;opacity: 0;-webkit-transition: var(--transition-all);transition: var(--transition-all);}
.ticket-selector > .options > .option:hover::after{opacity: 1;}
.ticket-selector > .options:hover > .option:not(:hover){opacity: .25;}
.ticket-selector > .options > .option + .option{border-top: 1px solid var(--color-background-darkness);}
.ticket-selector > .options > .option > .info {display: flex;gap: var(--gap-sm);flex-direction: column;}
.ticket-selector > .options > .option > .info > .name{font: var(--h-font);font-size: var(--h-font-size-xs);color: var(--color-black);}
.ticket-selector > .options > .option > .info > .description{font-size: var(--body-font-size-sm);color: var(--color-black-lightness);}
.ticket-selector .prices{display: flex;flex-direction: column;background-color: var(--color-background-dark);outline: 1px solid var(--color-background-darkness);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);}
.ticket-selector .prices > .price + .price {border-top: 1px solid var(--color-background-darkness);}
.ticket-selector .prices > .price{padding: var(--padding-sm);display: flex;gap: var(--gap);align-items: center;justify-content: space-between;-webkit-transition: var(--transition-all);transition: var(--transition-all);}
.ticket-selector .prices > .price:hover{background-color: var(--color-white);}
.ticket-selector .prices:hover > .price:not(:hover){opacity: .25;}
.ticket-selector .prices > .price > .holder-add-to-cart{display: flex;align-items: center;gap: var(--gap);}
.ticket-selector .prices > .price > .holder-add-to-cart > .amount{display: flex;align-items: center;font: var(--button-font);font-size: var(--button-font-size-xs);color: var(--color-background-darkness);background-color: var(--color-black-light);padding: calc(var(--padding-xs) + 2px);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);line-height: 1;}

.ticket-selector .prices > .price > .holder-add-to-cart > .amount > span[class^="material"]{width: 12px;font-size: 24px;color: var(--color-white);line-height: 0;}
.ticket-selector .prices > .price > .holder-add-to-cart > .price{font: var(--button-font);letter-spacing: 1px;}
.ticket-selector .prices > .price > .info{display: flex;flex-direction: column;gap: var(--gap-xs);max-width: 60%;}
.ticket-selector .prices > .price > .info > .name{font-weight: var(--body-font-weight-strong);font-size: var(--body-font-size-sm);}
.ticket-selector .prices > .price > .info > .description{color: var(--color-black-lightness);font-size: var(--body-font-size-xs);}
.ticket-selector .cart-actions{display: flex;align-items: center;gap: var(--gap-sm);}
.ticket-selector .prices > .price.group{flex-direction: column;align-items: flex-start;}
.ticket-selector .prices > .price.group > * {width: 100%;}
.ticket-selector .holder-add-to-cart{flex-wrap: wrap;}
.ticket-selector .prices > .price.group .cart-actions{width: 100%;flex-grow: 1;justify-content: flex-end;margin-top: var(--gap-sm);}
.ticket-selector .cart-actions .counter{font: var(--button-font);font-size: var(--button-font-size);font-weight: var(--button-font-weight-strong);color: var(--color-black);}
@media only screen and (max-width: 1024px){
    .ticket-selector .prices > .price{flex-direction: column;align-items: flex-start;}
    .ticket-selector .prices > .price > .holder-add-to-cart{justify-content: space-between;width: 100%;flex-wrap: wrap;}
}
/* INFO: comments_and_conditions */
.comments_and_conditions{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--gap-lg);padding: var(--padding-sm);outline: 1px solid var(--color-background-darkness);background-color: var(--color-background-dark);font-size: var(--body-font-size-sm);}
.comments_and_conditions > dl{margin: 0;}
@media only screen and (max-width: 1024px){
    .comments_and_conditions{grid-template-columns: 1fr;}
}
/* INFO: shop */
#shop > .content{display: flex;flex-direction: column;gap: var(--gap-lg);}
#cart.empty{display: none;}
#cart.empty + #extra{display: none;}
#cart + #extra {display: flex;flex-direction: column;gap: var(--gap-lg);}
#cart-items {display: flex;flex-direction: column;gap: var(--gap);}
#cart-items .cart-item {padding: var(--padding);background-color: var(--color-background);outline: 1px solid var(--color-background-darkness);outline-offset: -1px;display: flex;flex-direction: column;gap: var(--gap-lg);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);background-color: var(--color-white);-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow);}
#cart-items .cart-item > .name{font: var(--h-font);font-size: var(--h-font-size-xs);display: flex;justify-content: space-between;align-items: flex-start;gap: var(--gap);margin-bottom: var(--gap);}
#cart-items .cart-item > .price{display: flex;gap: var(--gap);align-items: center;justify-content: flex-end;}
#cart-items .cart-item > .price > .price{font: var(--h-font);font-size: var(--h-font-size-xs);}

#cart-items .cart-item > .personalization{
    background-color: var(--color-background-dark);
    padding: var(--padding-sm);
    border-radius: var(--border-radius);
}


#cart-totals > .cart-totals {display: flex;flex-direction: column;gap: var(--gap-lg);text-align: right;}
#cart-totals > .cart-totals > div {display: flex;flex-direction: column;gap: var(--gap-sm);}
#cart-totals > .cart-totals > div > .label{font: var(--button-font);font-size: var(--button-font-size-sm);text-transform: uppercase;letter-spacing: 1px;color: var(--color-black-lightness);}
#cart-totals > .cart-totals > div > .content{font: var(--h-font);font-weight: var(--h-font-weight-bold);font-size: var(--h-font-size-sm);}
#cart-totals > .cart-totals > div.total > .content{font-weight: var(--h-font-weight-strong);font-size: var(--h-font-size-lg);color: var(--color-black);background:  linear-gradient(90deg, var(--color-alternative) 0%, var(--color-featured-light) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#cart-totals > .cart-totals > div.total > .content > del{display: inline-flex;opacity: .5;text-decoration-line: line-through;text-decoration-thickness: 4px;text-decoration-color: var(--color-red);font-size: var(--h-font-size-sm);vertical-align: middle;}
/* OK: report-group */
.report-group{--border-width: 1px;display: grid;gap: var(--gap-lg);grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 6fr));}
.report-group > [class^="heading"], .report-group > [class^="inline"]{grid-column: 1 / -1;}
.report-group [class^="report-item"].double{grid-column: auto / span 2;}
.report-group [class^="report-item"].full{grid-column: 1 / -1;}
.report-group [class^="report-item"]{background-color: var(--color-white);padding: var(--padding-lg);-webkit-box-shadow: var(--shadow);box-shadow: var(--shadow);-webkit-border-radius: calc(var(--border-radius) + var(--border-width));border-radius: calc(var(--border-radius) + var(--border-width));outline: var(--border-width) solid var(--color-black-lightness);outline-offset: calc(0px - var(--border-width));display: flex;gap: var(--gap);align-items: center;}
.report-group [class^="report-item"] > .info {display: flex;flex-direction: column;gap: var(--gap-lg);flex-grow: 1;}
.report-group [class^="report-item"] > .info > .label{font: var(--button-font);font-size: var(--button-font-size-xs);text-transform: uppercase;letter-spacing: 1px;font-weight: var(--button-font-weight-light);opacity: .5;}
.report-group [class^="report-item"] > .info > .description{font: var(--h-font);text-align: right;font-weight: var(--h-font-weight-strong);}
.report-group [class^="report-item"] > .info > .date{font: var(--h-font);font-size: var(--h-font-size-xs);color: var(--color-black-light);}
.report-group [class^="report-item"][class*="-price"]{background-color: var(--color-yellow-light);outline-color: var(--color-yellow);color: var(--color-white);}
@media only screen and (max-width: 1024px){
    .report-group{--border-width: 2px;gap: var(--gap);}
    .report-group [class^="report-item"].double{grid-column: auto / span 1;}
    .report-group [class^="report-item"] > .info {gap: var(--gap);}
    .report-group [class^="report-item"] > .info > .label{font-size: var(--button-font-size-xs);font-weight: var(--button-font-weight-light);}
    .report-group [class^="report-item"] > .info > .description{text-align: left;}
}
@media only screen and (max-width: 568px){
    .report-group [class^="report-item"]{padding: var(--padding);}
    .report-group > [class^="heading"] + *, .report-group > * + [class^="heading"]{margin-top: var(--gap) !important;}   
}
/* OK: map-selector */
.map-selector{padding: var(--padding-sm);display: flex;flex-direction: column; gap: var(--gap);}
.map-selector > .maps{display: flex;flex-direction: column;background-color: var(--color-background-dark);outline: 1px solid var(--color-background-darkness);-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);}
.map-selector > .maps > .map{padding: var(--padding-xs);cursor: pointer;}
.map-selector > .maps > .map:hover{background-color: var(--color-white);}
.map-selector > .maps > .map + .map{border-top: 1px solid var(--color-background-darkness);}
.map-selector > .maps > .map > .title{display: flex;align-items: center;gap: var(--gap);}
.map-selector > .maps > .map > .title > picture{width: 50px;height: 50px;padding: 8px;background-color: var(--color-white);border-radius: var(--border-radius);outline: 1px solid var(--color-background-darkness);}
.map-selector > .maps > .map > .title > picture > svg{width: 100%;height: 100%;object-fit: contain;}
.map-selector > .maps > .map > .title > div{font: var(--h-font);font-size: var(--h-font-size-xxs);}
.map-selector > .maps > .map > .title > .count{display: flex;gap: var(--gap-xs);align-items: center;color: var(--color-black-lightness);font-size: var(--body-font-size-xxs);font-weight: var(--body-font-weight);padding-right: calc(var(--padding) - var(--padding-xs));}
.map-selector > .maps > .map > .title > .count > span:first-child{font-weight: var(--body-font-weight-strong);font-size: var(--body-font-size);color: var(--color-black-light);}
.map-selector-item {position: fixed;top: 0;left: 0;bottom: 0;width: min(1000px, calc(100vw - calc(var(--padding-lg) * 2)));padding: var(--padding);background-color: var(--color-white);-webkit-box-shadow: var(--shadow), var(--shadow);box-shadow: var(--shadow), var(--shadow);z-index: 10;}
.map-selector-item .close-map{position: absolute;top: var(--padding-sm);right: var(--padding-sm);line-height: 1;color: var(--color-black-lightness);-webkit-transition: color var(--transition);transition: color var(--transition);}
.map-selector-item .close-map:is(:hover, :focus) {color: var(--color-black);}
.map-selector-item::before{content: "";position: fixed;height: 100vh;left: min(1000px, calc(100vw - calc(var(--padding-lg) * 2)));top: 0;right: 0;display: block;background-color: rgba(0,0,0,.25);pointer-events: none;}
.map-selector-item > .holder { display: flex; flex-direction: column;gap: var(--gap);}
.map-selector-item > .holder > .name{font: var(--h-font);font-size: var(--h-font-size-xs); line-height: 1;font-weight: var(--h-font-weight-bold);color: var(--color-black-lightness);}
.map-selector-item > .holder > .holder-seats{background-color: var(--color-background-dark);height: calc(100vh - var(--gap) - var(--padding) * 2 - var(--h-font-size-xs) );-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);outline: 1px solid var(--color-background-darkness);outline-offset: -1px;position: relative;display: flex; align-items: center; justify-content: center;}
.map-selector-item > .holder > .holder-seats > .seats {display: grid;aspect-ratio: calc(var(--columns) / var(--rows));grid-template-columns: repeat(var(--columns, 5), 1fr);grid-template-rows: repeat(var(--rows, 5), 1fr);
    width: min(80%, calc(var(--columns) * 70px));
    max-height: min(80%, calc(var(--columns) * 70px));
}
.map-selector-item > .holder > .holder-seats > .seats {position: relative;}
.map-selector-item > .holder > .holder-seats > .seats > .row_name{position: absolute;left: -8px;font-size: 10px;transform: translateX(-100%);background-color: #FFF;outline: 1px solid #000;padding: 4px;line-height: 1;text-transform: uppercase;-webkit-border-radius: 2px;border-radius: 2px;pointer-events: none;user-select: none;}
.map-selector-item > .holder > .holder-seats.simple > .seats{gap: 1px;}
.map-selector-item > .holder > .holder-seats > .seats > .seat {grid-column: calc(var(--column) + 1);grid-row: calc(var(--row) + 1);background-color: var(--color-background-darkness);z-index: 1;position: relative;-webkit-transition: transform var(--transition-fast), box-shadow var(--transition-fast);transition: transform var(--transition-fast), box-shadow var(--transition-fast);}
@media only screen and (min-width: 1024px){
    .map-selector-item > .holder > .holder-seats > .seats > .seat:is(:hover, :focus) {z-index: 2;outline: 4px solid var(--color-white);-webkit-box-shadow: var(--shadow-dark);box-shadow: var(--shadow-dark);-webkit-transform: scale(1.2);transform: scale(1.2);cursor: pointer;}
}
.map-selector-item > .holder > .holder-seats > .seats > .seat > .icon {position: absolute;inset: 4px;background: url('../images/seat.svg') no-repeat center center;pointer-events: none;

background-image: var(--svg-seat, url('../images/seat.svg'));
background-size: contain;
}
.map-selector-item > .holder > .holder-seats.simple > .seats > .seat > .icon{background-image: none;}
.map-selector-item > .holder > .holder-seats:not(.simple) > .seats > .seat.south:not(.accesible, .restricted, .in-cart) > .icon {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.map-selector-item > .holder > .holder-seats:not(.simple) > .seats > .seat.east:not(.accesible, .restricted, .in-cart) > .icon {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.map-selector-item > .holder > .holder-seats:not(.simple) > .seats > .seat.west:not(.accesible, .restricted, .in-cart) > .icon {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.map-selector-item > .holder > .holder-seats > .seats > .seat.accesible > .icon {background-image: url('../images/seat-accesible.svg');}
.map-selector-item > .holder > .holder-seats.simple > .seats > .seat.accesible > .icon {background-image: none;}
.map-selector-item > .holder > .holder-seats > .seats > .seat.restricted {pointer-events: none;background-color: transparent;}
.map-selector-item > .holder > .holder-seats > .seats > .seat.restricted > .icon{background-image:  url('../images/seat-lock.svg');}
.map-selector-item > .holder > .holder-seats.simple > .seats > .seat.restricted > .icon{background-image: none;background-color: var(--color-red);}
.map-selector-item > .holder > .holder-seats > .seats > .seat.sold{pointer-events: none;background-color: transparent;}
.map-selector-item > .holder > .holder-seats > .seats > .seat.sold > .icon{opacity: .1 !important;}
.map-selector-item > .holder > .holder-seats > .seats > .seat.in-cart{background-color: var(--color-alternative);}
.map-selector-item > .holder > .holder-seats > .seats > .seat.in-cart > .icon{background-image:  url('../images/seat-in-cart.svg');}
.map-selector-item > .holder > .holder-seats.simple > .seats > .seat.in-cart > .icon{background-image: none;background-color: var(--color-white);}

.map-selector-item > .holder > .holder-seats > .seats > .way{
    grid-column: calc(var(--column) + 1);grid-row: calc(var(--row) + 1);
    background-color: #bbbbbb;
}
.map-selector-item > .holder > .holder-seats > .seats > .stage{
    grid-column: calc(var(--column) + 1);grid-row: calc(var(--row) + 1);
    background-color: #222;
}

.map-selector-item  .seat-tooltip{font-size: var(--body-font-size-xs);background-color:var(--color-white);padding: var(--padding-sm);-webkit-box-shadow: var(--shadow-dark);box-shadow: var(--shadow-dark);display: block;position: fixed;z-index: 2;outline: 2px solid var(--color-black-light);-webkit-border-radius: 8px 8px 8px 0;border-radius: 8px 8px 8px 0;display: none;gap: var(--gap-xs);pointer-events: none;}
.map-selector-item  .seat-tooltip[position-horizontal='right'][position-vertical='bottom']{top: calc(var(--top) + var(--height) - 8px);left: calc(var(--left) + var(--width) - 8px);-webkit-border-radius: 0 8px 8px 8px;border-radius: 0 8px 8px 8px;}
.map-selector-item  .seat-tooltip[position-horizontal='left'][position-vertical='bottom']{top: calc(var(--top) + var(--height) - 8px);left: calc(var(--left) + 8px);-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-border-radius: 8px 0 8px 8px;border-radius: 8px 0 8px 8px;}
.map-selector-item  .seat-tooltip[position-horizontal='right'][position-vertical='top']{top: calc(var(--top) + 8px);left: calc(var(--left) + var(--width) - 8px);-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.map-selector-item  .seat-tooltip[position-horizontal='left'][position-vertical='top']{top: calc(var(--top) + 8px);left: calc(var(--left) + 8px);-webkit-transform: translateY(-100%) translateX(-100%);transform: translateY(-100%) translateX(-100%);-webkit-border-radius: 8px 8px 0 8px;border-radius: 8px 8px 0 8px;}
.map-selector-item  .seat-tooltip.active{display: grid;grid-template-columns: repeat(2, 1fr);}
.map-selector-item  .seat-tooltip > div{display: flex;flex-direction: column;gap: var(--gap-xxs);}
.map-selector-item  .seat-tooltip > div > span{font-size: var(--body-font-size-xxs);color: var(--color-black-lightness);}
@media only screen and (max-width: 1024px){
    .map-selector-item::before{left: 100vw;}
    .map-selector-item {width:100vw;}
    .map-selector-item > .holder > .holder-seats.simple > .seats > .seat.in-cart {background-color:var(--color-featured) !important;}
    .map-selector-item > .holder > .holder-seats.simple > .seats > .seat.in-cart > .icon{display: none;}
    .map-selector-item > .holder > .holder-seats > .seats > .row_name{font-size: 7px;left: -4px;padding: 2px;outline: none;}
}

[class^="youtube-iframe-"] {display: flex;width: 100%;aspect-ratio: 16/9;position: relative;overflow: hidden;-webkit-border-radius: var(--border-radius);border-radius: var(--border-radius);}
[class^="youtube-iframe-"] iframe{display: flex;position: absolute;width: 100%;height: 100%;}

#group-reservation .price{
    font: var(--h-font);font-size: var(--h-font-size-xs)
}