* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --color-green: #94C940;
    --color-blue: #44C8F5;
    --color-orange: #F99E1E;
    --color-red: #D32F2F;
}

html {
    color: #221F1F;
    font-family: "Montserrat", sans-serif;
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

a {
    text-decoration: none;
}

button {
    font-family: Montserrat, sans-serif;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 75rem;
}

.container--lg {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

@media (max-width: 1400px) {
    .container--lg {
        padding-left: 20px;
        padding-right: 20px;
    }
}

[id] {
    scroll-margin-top: 60px;
}

@media (max-width: 1240px) {
    .container {
        max-width: calc(100% - 40px);
    }
}

.container--sm {
    max-width: 25rem;
}

@media (max-width: 600px) {
    .container--sm {
        max-width: calc(100% - 40px);
    }
}

select {
    color: #221F1F;
}

select:has(option:checked:disabled) {
    color: #B3B2B3; /* Placeholder color when disabled option is selected */
}

select option:not(:disabled) {
    color: #221F1F;
}

.h1 {
    font-weight: 600;
    line-height: 120%;
    font-size: clamp(2rem, 1.0612rem + 3.2653vw, 4rem);
    margin-bottom: 0;
}

.h2 {
    font-weight: 600;
    font-size: clamp(1.5rem, 1rem + 2.2222vw, 3rem);
    margin-bottom: 0;
}

.h4 {
    font-weight: 500;
    line-height: 130%;
    font-size: clamp(1.5rem, 1.3333rem + 0.7407vw, 2rem);
    margin-bottom: 0;
}

.h6 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0;
}

.mt-64 {
    margin-top: 64px !important;
}

.p-128 {
    padding: clamp(3rem, 1.3333rem + 7.4074vw, 8rem) 0;
}

.p-100 {
    padding: clamp(3rem, 1.9167rem + 4.8148vw, 6.25rem) 0;
}

.section--grey {
    border-radius: 100px;
    background-color: #FAFAFA;
}

@media (max-width: 600px) {
    .section--grey {
        border-radius: 20px;
    }
}

.header {
    top: 20px;
    left: 50%;
    width: 100%;
    z-index: 100;
    display: flex;
    position: fixed;
    align-items: center;
    border-radius: 100px;
    background-color: #FFF;
    transform: translateX(-50%);
    padding: 0.594rem 2.5rem;
    gap: clamp(1.5rem, 0.6667rem + 3.7037vw, 6.5rem);
}

.header__logo {
    margin: 0 auto;
}

.header__links {
    display: flex;
    margin: 0 0 0 auto;
    list-style-type: none;
    gap: clamp(0.75rem, 0.5rem + 1.1111vw, 1.5rem);
}

.header__links a {
    color: #221F1F;
    font-size: 1rem;
    font-weight: 400;
    transition: color 0.25s ease;
}

.header__links a:hover {
    color: var(--color-blue);
}

.header__btns {
    display: flex;
    gap: clamp(1.25rem, 1rem + 1.1111vw, 2rem);
    margin-left: auto;
}

.btn--auth {
    gap: 0.5rem;
    display: flex;
    transition: color 0.25s ease;
    font-size: 1.25rem;
    align-items: center;
    color: var(--color-blue);
}

.btn--auth > span {
    position: relative;
    top: 3px;
}

.btn--auth:hover {
    color: var(--color-orange);
}

.btn--auth::before {
    content: "";
    width: 2rem;
    height: 2rem;
    transition: filter 0.01s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29 30H3C3 24.5263 7.33333 21.0526 9.5 20L16 25.7895C17.0111 24.9123 19.7267 22.5263 22.5 20C27.0067 22.9474 28.7111 27.8947 29 30Z" stroke="%2344C8F5" stroke-width="2" stroke-linecap="round"/><circle cx="16" cy="9" r="7" stroke="%2344C8F5" stroke-width="2"/></svg>');
}

.btn--auth:hover::before {
    filter: brightness(0) saturate(100%) invert(58%) sepia(96%) saturate(420%) hue-rotate(351deg) brightness(99%) contrast(97%);
}

.button {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.button-name {
    z-index: 2;
    position: relative;
    transition: color .4s ease;
}

.button:hover .button-name {
    color: #FFF;
}

.button .circle {
    z-index: 1;
    position: absolute;
    width: 175%;
    aspect-ratio: 1;
    background-color: var(--accent-color);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0% 0%;
    scale: 0;
    transition: scale .2s ease-in-out, top .5s ease;
    pointer-events: none;
}

.button:hover .circle {
    scale: 1;
}

.btn--primary, .btn--blue {
    color: #FFF;
    display: flex;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.25rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    cursor: pointer;
    border-radius: 100px;
    background-color: var(--color-orange);

    --accent-color: var(--color-blue);
    --primary-color: var(--color-orange);
    padding: 1.1rem 2rem 0.9rem 2rem;
}

.btn--blue {
    height: max-content;
    width: max-content;
    gap: 10px;
    border: 1px solid var(--color-blue);
    background-color: var(--color-blue);

    --accent-color: #fff;
    --primary-color: var(--color-blue);
}

.btn--blue-sm {
    font-size: 1rem;
    padding: 0.75rem 2rem;
}

.btn--blue:hover .button-name {
    color: var(--color-blue);
}

.btn--blue:disabled {
    border: none;
    cursor: default;
    background-color: #B3B2B3;
    --accent-color: #B3B2B3;
}

.btn--blue:disabled:hover .button-name {
    color: #fff;
}

.btn--blue-plus::before {
    content: '';
    z-index: 2;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    transition: filter 0.15s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_596_238)"><path d="M8.71212 1V8M8.71212 15V8M8.71212 8H15.5H1.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_596_238"><rect width="16" height="16" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
}

.btn--blue-plus:hover::before {
    filter: brightness(0) saturate(100%) invert(66%) sepia(40%) saturate(873%) hue-rotate(163deg) brightness(102%) contrast(92%);
}

.btn--secondary {
    flex-shrink: 0;
    color: #44C8F5;
    font-size: 1.25rem;
    line-height: 1.25rem;
    border-radius: 100px;
    padding: 1.1rem 2rem 0.9rem 2rem;
    border: 1px solid #44C8F5;
    background-color: transparent;

    --accent-color: var(--color-blue);
    --primary-color: transparent;
}

.btn--secondary .circle {
    z-index: 0;
}

.btn--icon {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: #221F1F;
    font-size: 1rem;
    border-color: #908F8F;
    padding: 0.7rem 2rem;
}

.btn--icon svg {
    transition: filter 0.25s ease;
}

.btn--icon:hover svg {
    filter: brightness(0) invert(1);
}

.btn--tg::before {
    content: '';
    z-index: 2;
    width: 2rem;
    height: 2rem;
    transition: 0.1s filter ease;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7408 12.8395L14.4198 19.1605L23.9013 28.642L30.2223 3.35803L1.77783 14.4198L8.09882 17.5803L11.2593 27.0617L16.0001 20.7407" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--tg:hover::before {
    filter: brightness(0) saturate(100%) invert(78%) sepia(26%) saturate(3923%) hue-rotate(163deg) brightness(98%) contrast(96%);
}

.btn--confirm {
    color: #FFF;
    display: flex;
    gap: 0.5rem;
    font-weight: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    border: 1px solid transparent;
    border-radius: 100px;
    background-color: var(--color-green);
    --accent-color: #fff;
    --primary-color: var(--color-green);
}

.btn--confirm::before {
    content: '';
    z-index: 2;
    transition: filter 0.25s ease;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 11L11 17L21 7" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: cover;
}

.btn--confirm:hover .button-name {
    color: var(--color-green);
}

.btn--confirm:hover::before {
    filter: brightness(0) saturate(100%) invert(80%) sepia(48%) saturate(610%) hue-rotate(30deg) brightness(89%) contrast(84%);
}

.btn--search {
    padding: 1rem 2rem;
    color: #FFF;
    display: flex;
    gap: 0.5rem;
    font-weight: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 100px;
    background-color: var(--color-blue);
    --accent-color: #fff;
    --primary-color: var(--color-blue);
}

.btn--search::before {
    z-index: 2;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 19C15.6945 19 19.5 15.1945 19.5 10.5C19.5 5.8055 15.6945 2 11 2C6.3055 2 2.5 5.8055 2.5 10.5C2.5 15.1945 6.3055 19 11 19Z" stroke="white" stroke-width="2" stroke-linejoin="round"/><path d="M13.8284 7.1715C13.4573 6.79963 13.0164 6.50471 12.531 6.30367C12.0456 6.10264 11.5253 5.99944 10.9999 6C10.4745 5.99944 9.9542 6.10264 9.46881 6.30367C8.98342 6.50471 8.54251 6.79963 8.17139 7.1715M17.1109 16.611L21.3534 20.8535" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    flex-shrink: 0;
}

.btn--search:hover .button-name {
    color: var(--color-blue);
}

.btn--search:hover::before {
    filter: brightness(0) saturate(100%) invert(59%) sepia(62%) saturate(477%) hue-rotate(152deg) brightness(106%) contrast(92%);
}

.btn--plus {
    padding: 1rem 2rem;
    color: #000;
    display: flex;
    gap: 0.5rem;
    font-weight: 400;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-blue);
    border-radius: 100px;
    background-color: #fff;
    --accent-color: var(--color-blue);
    --primary-color: #fff;
}

.btn--plus::before {
    content: '';
    z-index: 2;
    display: inline-block;
    transition: filter 0.25s ease;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 16L16 16M16 16L16 25M16 16L16 7M16 16L25 16" stroke="%2344C8F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--reversed {
    display: flex;
    flex-direction: row-reverse;
}

.btn--reversed::before {
    width: 1rem;
    height: 1rem;
}

.btn--plus:hover {
    color: #fff;
}

.btn--plus:hover::before {
    filter: brightness(0) invert(1);
}

.btn--danger, .btn--success {
    line-height: 1;
    padding: 0.625rem 1rem;
    color: #fff;
    display: flex;
    gap: 0.5rem;
    font-weight: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid var(--color-red);
    background-color: var(--color-red);
    --accent-color: #fff;
    --primary-color: #fff;
}

.btn--danger:hover .button-name {
    color: var(--color-red);
}

.btn--success {
    border-color: var(--color-green);
    background-color: var(--color-green);
    --accent-color: #fff;
    --primary-color: #fff;
}

/*.btn--plus {*/
/*    padding: 0.5rem 2rem;*/
/*    color: #000;*/
/*    display: flex;*/
/*    gap: 0.5rem;*/
/*    font-weight: 400;*/
/*    text-align: center;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border: 1px solid #B3B2B3;*/
/*    border-radius: 100px;*/
/*    background-color: #fff;*/
/*    --accent-color: var(--color-blue);*/
/*    --primary-color: #fff;*/
/*}*/

.btn--cancel {
    padding: 0.5rem 2rem;
    color: #000;
    display: flex;
    gap: 0.5rem;
    font-weight: 400;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #B3B2B3;
    border-radius: 100px;
    background-color: #fff;
    --accent-color: var(--color-red);
    --primary-color: #fff;
}

.btn--cancel::before {
    content: '';
    z-index: 2;
    display: inline-block;
    transition: filter 0.4s ease;
    width: 1.5rem;
    height: 1.5rem;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_211_1535)"><path d="M5.61396 5.63604L11.9779 12M11.9779 12L5.61396 18.364M11.9779 12L18.3419 5.63604M11.9779 12L18.3419 18.364" stroke="%23D32F2F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_211_1535"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.btn--cancel:hover::before {
    filter: brightness(0) invert(1);
}

.btn--vote {
    text-align: left;
    padding: 1rem 2rem;
    color: #fff;
    display: flex;
    gap: 0.5rem;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    border: 1px solid #B3B2B3;
    border-radius: 100px;
    background-color: var(--color-green);
    --accent-color: var(--color-blue);
    --primary-color: #fff;
}

.btn--vote::before {
    content: '';
    z-index: 2;
    display: inline-block;
    transition: filter 0.4s ease;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 11.5L11.5 17.5L21.5 7.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.mobile-menu {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    opacity: 0;
    position: fixed;
    transition: opacity 0.25s ease;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: #FFF;
    pointer-events: none;
}

.mobile-menu.active {
    pointer-events: all;
    opacity: 1;
}

.mobile-menu__close-btn {
    width: 1.5rem;
    height: 1.5rem;
    transition: filter 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 24 24"><path d="M 4.7070312 3.2929688 L 3.2929688 4.7070312 L 10.585938 12 L 3.2929688 19.292969 L 4.7070312 20.707031 L 12 13.414062 L 19.292969 20.707031 L 20.707031 19.292969 L 13.414062 12 L 20.707031 4.7070312 L 19.292969 3.2929688 L 12 10.585938 L 4.7070312 3.2929688 z"></path></svg>');
}

.mobile-menu__close-btn:hover {
    filter: brightness(0) saturate(100%) invert(58%) sepia(96%) saturate(420%) hue-rotate(351deg) brightness(99%) contrast(97%);
}

.mobile-menu__header {
    display: flex;
    justify-content: space-between;
    padding: 2rem 1.25rem;
}

.mobile-menu__links {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.mobile-menu__link {
    position: relative;
    font-size: 1.5rem;
    padding: 1rem 1.25rem;
    transition: color 0.25s ease;
    color: #221F1F;
}

.mobile-menu__link:hover {
    color: var(--color-orange);
}

.mobile-menu__link::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 71, 112, 0.09), rgba(66, 71, 112, 0.09) 50%, transparent 0, transparent);
    background-size: 8px 1px;
    transition: background-color 0.25s ease;
}

.mobile-menu__link:hover::before {
    background-color: var(--color-orange);
}

.mobile-menu__link::after {
    content: '';
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    transition: filter 0.25s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29316 2.90864C4.90228 2.51775 4.90228 1.884 5.29316 1.49312C5.68405 1.10223 6.3178 1.10223 6.70869 1.49312L13.0084 7.79284C13.3989 8.18337 13.3989 8.81653 13.0084 9.20706L6.70869 15.5068C6.3178 15.8977 5.68405 15.8977 5.29316 15.5068C4.90228 15.1159 4.90228 14.4822 5.29316 14.0913L10.8845 8.49995L5.29316 2.90864Z" fill="%23221F1F"></path></svg>');
}

.mobile-menu__link:hover::after {
    filter: brightness(0) saturate(100%) invert(58%) sepia(96%) saturate(420%) hue-rotate(351deg) brightness(99%) contrast(97%);
}

.mobile-menu__bottom-links {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
    width: max-content;
    margin: auto auto 0 auto;
    align-items: center;
}

.open-mobile-menu {
    display: none;
}

@media (max-width: 1100px) {
    .header {
        padding: 0.5rem 1.5rem;
        gap: 12px;
    }
}

@media (max-width: 1000px) {
    .header {
        justify-content: space-between;
        box-shadow: 1px 1px 1px 1px #0000002b;
        padding: 0.5rem 1.5rem;
    }

    .header__logo {
        margin: 0;
    }

    .header > .header__links,
    .header > .header__btns {
        display: none;
    }

    .header .open-mobile-menu {
        display: inline-block;
    }
}

/* Hero */
.hero {
    gap: 120px;
    display: grid;
    place-items: center;
    padding: 218px 0 120px calc((100vw - 1200px) / 2);
    grid-template-columns: 486px 1fr;
    background-image: url("../images/bg-strope.png");

    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-y: center;
}

@media (min-width: 1900px) {
    .hero {
        background-size: cover;
    }
}

.section--bg-1 {
    background-image: url("../images/bg-strope.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.hero__content {
    gap: 51px;
    display: flex;
    flex-direction: column;
}

.text-wrapper--blue {
    display: inline-block;
    text-align: center;
    color: #FFF;
    border-radius: 100px;
    padding: 10px 20px 10px 20px !important;
    line-height: 0.8;
    width: max-content;
    background-color: #44C8F5;

    max-width: 1000px;
}

@media (max-width: 600px) {
    .text-wrapper--blue {
        width: max-content;
        max-width: 100%;
    }
}

.text-wrapper--grey {
    line-height: 1;
    text-align: center;
    /*font-weight: 700;*/
    padding: 0.625rem 1rem;
    border-radius: 100px;
    background-color: #DCDCDD;
}

.text-wrapper--white {
    border: 1px solid #94C940;
    border-radius: 100px;
    padding: 0.625rem 1rem;
    background-color: #FFF;
    text-align: center;
}

.text-wrapper--green {
    color: #FFF;
    font-weight: 700;
    text-align: center;
    border-radius: 100px;
    padding: 0.625rem 1rem;
    border: 1px solid var(--color-green);
    background-color: var(--color-green);
}

.text-wrapper--md {
    padding: 0.944rem 1.25rem;
    font-weight: 700;
    line-height: 1.3;
}

@media (min-width: 600px) {
    .text-wrapper--grey {
        max-width: max-content;
    }
}

.info-col-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.info-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.title--lg {
    font-weight: 700;
    font-size: 2rem;
}

.title--md {
    font-weight: 700;
    font-size: 1.5rem;
}

.title--center {
    text-align: center;
}

.title--sm {
    color: #B3B2B3;
    line-height: 1;
    font-size: 0.875rem;
}

.font--md {
    font-size: 1.25rem;
    font-weight: 500;
}

.font--lg {
    font-weight: 700;
    font-size: 1.75rem;
}

.hero__bottom {
    gap: clamp(2rem, 1.3333rem + 2.963vw, 4rem);
    display: flex;
    flex-direction: column;
}

.hero__desc {
    font-weight: 500;
    font-size: 1.25rem;
}

.hero__btns {
    display: flex;
    gap: 1.25rem;
}

.hero__video-wrapper {
    position: relative;
    margin-left: auto;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    max-width: 680px;
    height: 380px;
}

@media (max-width: 1860px) {
    .hero__video-wrapper {
        max-width: 1100px;
        height: 480px;
    }
}

.hero__video-wrapper::after {
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    box-sizing: content-box;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.4);
}

.hero__image {
    width: 100%;
    border-radius: 20px;
    background-blend-mode: color;
}

@media (max-width: 1240px) {
    .hero {
        padding-left: 20px;
    }
}

.section__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    row-gap: 1rem;
}

.section__top .h2 {
    max-width: 690px;
    line-height: 130%;
}

.section__top .section__desc {
    color: #565354;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 130%;
    max-width: 400px;
}

.section__bottom--grid-2 {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.section__bottom--grid-2 .section__card {
    gap: 4rem;
    display: flex;
    border-radius: 40px;
    flex-direction: column;
    background-color: #FFF;
    padding: 2rem 2rem 0 2rem;
    justify-content: space-between;
}

.section__bottom--grid-2 .section__card.reversed {
    padding: 0 2rem 2rem 2rem;
    flex-direction: column-reverse;
}

.section__bottom--grid-2 .section__card.reversed img {
    width: 65%;
    align-self: center;
}

.section__bottom--grid-2 .section__card-content {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.section__bottom--grid-2 .section__card-content h4 {
    font-weight: 500;
    font-size: 1.5rem;
}

.section__inner {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 1.3333rem + 2.963vw, 4rem);
}

.desc {
    color: #565354;
    font-size: 1rem;
    line-height: 150%;
}

.desc--sm {
    line-height: 120%;
    font-size: 0.875rem;
}

.section__bottom--grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.section__bottom--grid-1 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media (max-width: 1000px) {
    .section__bottom--grid-1 {
        gap: 1rem;
    }
}

.section__card--column {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.section__card--column img {
    width: 285px;
    height: 284px;
    object-fit: cover;
    border-radius: 40px;
}

.section__card--column .section__card-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section__card--row {
    gap: 25px;
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 40px;
    background-color: #FFF;
    padding-right: 4rem;
}

.section__card--row.reversed {
    flex-direction: row-reverse;
    background-color: transparent;
    padding-right: 0;
    padding-left: 4rem;
}

.section__card--row .section__card-content {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.section__card--row img {
    width: 280px;
    height: 280px;
}

.event-templates__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
}

.event-templates__stat {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-width: 260px;
}

.event-templates__stat-number {
    font-size: 4rem;
    font-weight: 600;
    color: var(--color-orange);
}

.event-templates__stat-desc {
    font-weight: 500;
    font-size: 1.25rem;
    color: #565354;
}

.event-templates .btn--primary {
    margin: 0 auto;
}

.check-items {
    display: flex;
    gap: 20px;
}

.check-item {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    max-width: 285px;
}

.check-item::before {
    content: "";
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 29.9149L27.5413 50L56.5 18" stroke="%23F99E1E" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.check-item__title {
    font-weight: 700;
    font-size: 1.25rem;
}

.event-steps {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.event-steps__item {
    display: grid;
    grid-template-columns: 82px 488px 1fr;
    gap: 20px;
}

.event-steps__num {
    line-height: 1;
    margin-bottom: 0;
    color: var(--color-blue);
    font-size: 4rem;
    font-weight: 600;
}

.event-steps__title {
    font-size: 2rem;
    font-weight: 500;
}

.swiper {
    width: 100%;
    height: 100%;
}

.trust-slider-container {
    margin-bottom: 2.25rem;
}

#reviews {
    background-image: url("../images/bg-strope-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.trust-slider-container .trust-slide {
    padding: 0 6rem !important;
}

.trust-slider {
    height: auto;
}

.trust-slide {
    display: flex !important;
    gap: 120px;
    align-items: center;
}

.trust-slide__image {
    border-radius: 100px;
    width: 182px;
    height: 182px;
    object-fit: cover;
}

.trust-slide__info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.trust-slide__info-top {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.trust-slide__name {
    font-size: 2rem;
    font-weight: 500;
}

.trust-slider .swiper-button-next::after {
    width: 3rem;
    height: 3rem;
    content: '';
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="25" height="48" viewBox="0 0 25 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.480019 47.04L23.52 24.96L0.480015 0.960039" stroke="%2344C8F5"/></svg>');
}

.trust-slider .swiper-button-prev::after {
    width: 3rem;
    height: 3rem;
    content: '';
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M35.52 0.959961L12.48 23.04L35.52 47.04" stroke="%2344C8F5"/></svg>');
}

.trust-slide__person-position {
    font-size: 1.25rem;
    font-weight: 500;
}

.clr-blue {
    color: var(--color-blue);
}

.companies-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
}

.companies-list img {
    width: 271px;
}

.trust-block__bottom-text {
    margin: 2rem auto 0 auto;
    text-align: center;
    max-width: 590px;
}

.start-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center;
}

.start-block__btns {
    display: flex;
    gap: 1.25rem;
}

.text--md {
    font-size: 1.25rem;
}

.start-block .text--md {
    max-width: 545px;
}

.footer {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.footer__top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
    border-bottom: 1px solid #B3B2B3;
}

.footer__links {
    display: flex;
    gap: 1.5rem;
    list-style-type: none;
}

.footer__links a {
    color: #221F1F;
    transition: color 0.25s ease;
}

.footer__links a:hover {
    color: var(--color-blue);
}

.footer__mail {
    font-size: clamp(1.5rem, 1rem + 2.2222vw, 3rem);
    font-weight: 600;
    color: var(--color-orange);
    transition: color 0.25s ease;
}

.footer__mail:hover {
    color: var(--color-blue);
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
}

.footer__logo {
    width: 257px;
    height: 110px;
}

.footer__bottom-right {
    display: flex;
    gap: 54px;
}

.footer__copyright {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 1rem;
}

.footer__qr-code {
    width: 106px;
    height: 109px;
}

@media (max-width: 1200px) {
    .event-steps__item {
        gap: 0.625rem;
        grid-template-columns: 1fr;
    }

    .event-steps__num {
        margin-bottom: 0.75rem;
    }
}

@media (max-width: 1100px) {
    .hero {
        gap: 20px;
    }

    .trust-slide {
        gap: 40px;
    }

    .section__bottom--grid-2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .section__bottom--grid-2 .section__card img {
        object-fit: contain;
        max-height: 250px;
    }

    .section__card--row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 2rem 2.5rem 2rem !important;
        gap: 0 !important;
    }

    .section__card--row.reversed {
        flex-direction: column;
    }

    .companies-list {
        gap: 1rem 4rem;
    }
}

@media (max-width: 1000px) {
    .section__bottom--grid-3 {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 2rem;
    }

    .section__bottom--grid-3 .section__card--column img {
        width: 100%;
    }
}


@media (max-width: 920px) {
    .companies-list {
        grid-template-columns: 1fr 1fr;
    }
}


@media (max-width: 900px) {
    .section__top .section__desc {
        max-width: 900px;
    }

    .hero__video-wrapper {
        display: none;
    }

    .hero {
        display: flex;
        padding: 160px 20px 100px 20px;
        background-size: cover;
    }

    .hero__bottom {
        gap: 2rem;
    }

    .hero__content {
        gap: 3rem;
    }

    .check-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .check-items .check-item {
        flex-grow: 1;
        max-width: unset;
    }

    .trust-slide {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .hero {
        background-size: contain;
    }
}

@media (max-width: 900px) {
    .footer__top {
        flex-direction: column;
        align-items: center;
        gap: 4rem;
    }

    .footer__bottom {
        flex-direction: column;
        gap: 4rem;
        align-items: center;
    }

    .footer__copyright {
        align-items: center;
    }
}

@media (max-width: 660px) {
    .section__bottom--grid-3 {
        grid-template-columns: 1fr;
        row-gap: 3rem;
    }

    .section__card--column .section__card-content {
        gap: 1rem;
    }

    .companies-list img {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .trust-slider-container .trust-slide {
        align-items: center;
        text-align: center;
        padding: 0 !important;
    }

    .section__card--row .section__card-content {
        gap: 1.25rem;
    }

    .event-templates__stats {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .hero__bottom {
        gap: 1.25rem;
    }
}

@media (max-width: 560px) {
    .check-items {
        grid-template-columns: 1fr;
    }

    .section__card--row {
        padding: 0 !important;
    }

    .section__card--row:last-child {
        padding-bottom: 0 !important;
    }

    .footer__top {
        gap: 2.5rem;
    }

    .footer__bottom {
        gap: 3rem;
    }
}

@media (max-width: 500px) {
    .footer__links {
        flex-wrap: wrap;
        gap: 1rem;
        width: calc(100% - 40px);
    }

    .footer__bottom-right {
        flex-direction: column-reverse;
        align-items: center;
    }

    .start-block__btns,
    .hero__btns {
        flex-direction: column;
        gap: 0.75rem;
    }

    .start-block__btns a,
    .hero__btns a {
        text-align: center;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .event-templates__stats {
        grid-template-columns: 1fr;
    }

    .event-templates__stat {
        max-width: 100%;
    }
}

/* Обертка для плеера и загрузчика */
.player-container {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Сам iframe скрыт до готовности */
#rutube-player {
    visibility: hidden;
    width: 100%;
    position: absolute;
    top: -80px;
    height: calc(100% + 160px);
}

/* Загрузочный экран — центрируем контент */
.iframe-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: opacity 0.5s ease;
}

/* Скрытое состояние */
.iframe-loader-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Стили для кругового спиннера */
.spinner {
    width: 80px;
    height: 80px;
    border: 8px solid #44C8F5;
    border-top: 8px solid #F99E1E;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Анимация вращения */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1380px) {
    .hero__video-wrapper {
        height: 340px;
    }
}

@media (max-width: 1230px) {
    .hero__video-wrapper {
        height: 310px;
    }

    #rutube-player {
        width: 115%;
    }
}

@media (max-width: 1050px) {
    .hero__video-wrapper {
        height: 290px;
    }
}

@media (max-width: 980px) {
    .hero__video-wrapper {
        height: 260px;
    }
}

@media (max-width: 940px) {
    .hero__video-wrapper {
        height: 230px;
    }
}

.sign-up {
    flex-grow: 1;
    background-image: url("../images/bg-strope-2.svg");
    background-repeat: no-repeat;
    background-position-y: 78%;
    background-size: 100%;
}

.sign-up.sign-up-thanks {
    background-image: none;
}

body:has(.sign-up-thanks) {
    background-image: url("../images/bg-strope-3.svg");
    background-repeat: no-repeat;
    background-size: 100% 90%;
    background-position-y: 0;
}

@media (max-width: 600px) {
    body:has(.sign-up-thanks) {
        background-image: none;
    }
}

body:has(.sign-up-thanks) .section--grey:has(.footer) {
    background-color: transparent;
}

.sign-up__hero {
    display: flex;
    gap: 20px;
    padding-top: 122px;
    margin-bottom: 2rem;
}

.sign-up__hero-content {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

@media (max-width: 600px) {
    .sign-up__hero-content {
        padding-bottom: 2rem;
    }
}

.sign-up__hero-content-inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 2rem 4rem 0 4rem;
}

.sign-up__hero-content-inner p {
    line-height: 150%;
}

.sign-up__hero-content-inner h2 {
    font-weight: 600;
}

.sign-up__hero-content > header {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.sign-up-thanks__header {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 218px;
}

@media (max-width: 1000px) {
    .sign-up-thanks__header {
        padding-top: 160px;
    }
}

.sign-up-thanks .card-event {
    margin-top: 2.5rem;
}

@media (max-width: 1000px) {
    .sign-up-thanks .card-event {
        box-shadow: 1px 1px 15px 0 #dedede;
    }
}

.card-event {
    max-width: 387px;
    height: max-content;
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
    border-radius: 40px;
    padding: 2rem;
    flex-shrink: 0;
    background-color: #FAFAFA;
}

.card-event--white {
    background-color: #FFF;
}

.card-event .btn--primary {
    margin-top: 0.5rem;
}

.card-event__title {
    transition: 0.25s all ease;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--color-orange);
}

.card-event__title:hover {
    color: var(--color-blue);
}

.card-event__rows {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card-event__row {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    row-gap: 1rem;
}

.card-event__icon-row {
    font-size: 1.25rem;
    font-weight: 500;
    display: flex;
    gap: 0.5rem;
    color: #221F1F;
    align-items: center;
}

.card-event__icon-row svg,
.card-event__icon-row img {
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .card-event__icon-row {
        font-weight: 500;
    }
}

.card-event__icon-row svg,
.card-event__icon-row img {
    width: 1.5rem;
    height: 1.5rem;
}

.card-event__icon-row--grey {
    font-size: 1rem;
    font-weight: 400;
    color: #565354;
}

.card-event--max {
    padding: 4rem;
    width: max-content;
    max-width: 100%;
}

.card-event--max .btn--primary {
    font-size: 1rem;
    line-height: 1;
}

.info-points {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.info-points__list {
    display: flex;
    font-size: 1.25rem;
    font-weight: 500;
    flex-direction: column;
    gap: 32px;
    list-style-type: none;
    counter-reset: point;
}

.info-points__list li {
    display: flex;
    gap: 1.5rem;
}

@media (max-width: 600px) {
    .info-points__list li {
        gap: 0.625rem;
    }
}

@media (max-width: 460px) {
    .info-points__list li {
        flex-direction: column;
    }
}

.info-points__list li::before {
    line-height: 1;
    font-size: 3rem;
    font-weight: 600;
    counter-increment: point;
    content: counter(point);
    color: var(--color-blue);
    width: 3rem;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .info-points__list li::before {
        font-size: 2.5rem;
    }
}

.info-questions {
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
}

.info-questions__list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    gap: 1rem;
}

.info-questions__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.6;
}

.info-questions__list li::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0.5rem;
    background-image: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 27V27.02M1 19C1 21.3638 1.46558 23.7044 2.37017 25.8883C3.27475 28.0722 4.60062 30.0565 6.27208 31.7279C7.94353 33.3994 9.92784 34.7252 12.1117 35.6298C14.2956 36.5344 16.6362 37 19 37C21.3638 37 23.7044 36.5344 25.8883 35.6298C28.0722 34.7252 30.0565 33.3994 31.7279 31.7279C33.3994 30.0565 34.7252 28.0722 35.6298 25.8883C36.5344 23.7044 37 21.3638 37 19C37 14.2261 35.1036 9.64773 31.7279 6.27208C28.3523 2.89642 23.7739 1 19 1C14.2261 1 9.64773 2.89642 6.27208 6.27208C2.89642 9.64773 1 14.2261 1 19Z" stroke="%23F99E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 21C19.8995 21.0027 20.7737 20.7022 21.4813 20.1469C22.189 19.5916 22.6888 18.814 22.9001 17.9397C23.1114 17.0653 23.0218 16.1453 22.6459 15.3281C22.2699 14.511 21.6295 13.8444 20.828 13.436C20.0324 13.0284 19.1222 12.9021 18.2456 13.0775C17.369 13.2528 16.5776 13.7197 16 14.402" stroke="%23F99E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: cover;
}

@media (max-width: 600px) {
    .info-questions__list li {
        align-items: flex-start;
        flex-direction: column;
    }

    .info-questions__list li::before {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0;
    }
}

.sign-up__hero-content .info-points,
.sign-up__hero-content .info-questions {
    margin: 2rem 0;
}

@media (max-width: 600px) {
    .sign-up__hero-content .info-questions {
        margin-top: 0;
    }
}

.link-card {
    display: flex;
    gap: 4rem;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border-radius: 40px;
    background-color: #FAFAFA;
}

.link-card__name {
    font-size: 1.5rem;
    font-weight: 500;
}

.link-card__name .clr-blue {
    font-size: 2rem;
}

@media (max-width: 600px) {
    .link-card__name .clr-blue {
        font-size: 1.625rem;
    }

    .link-card {
        gap: 1.25rem;
        flex-direction: column;
        border-radius: 20px;
    }

    .container .link-card {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        max-width: 100vw;
        width: 100vw;
    }
}

.search-page {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-top: clamp(2rem, 1.3333rem + 2.963vw, 4rem);
}

.search-page .btn--blue {
    max-width: 100%;
    width: 100%;
    font-size: 1rem;
}

.search-page__inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.search-page__inner > .font--lg {
    text-align: center;
    margin-bottom: 2rem;
}

.search-page .btn--search {
    margin-top: 18px;
}

.search-page .btn--plus {
    margin-top: 2rem;
}

@media (max-width: 1200px) {
    .sign-up__hero {
        flex-direction: column;
        gap: 0;
    }

    .sign-up__hero-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .card-event {
        max-width: 100%;
        padding: 2rem 1.25rem;
    }

    .card-event .btn--primary {
        max-width: max-content;
    }

    .sign-up__hero-content-inner {
        padding: 1.25rem;
    }

    .sign-up__hero-content-inner > img {
        max-width: max-content;
    }
}

@media (max-width: 800px) {
    .sign-up__hero-content-inner {
        padding: 0;
    }
}

.search-page .btn--plus {
    margin-top: auto;
    margin-bottom: 2rem;
}

@media (max-width: 600px) {
    .card-event .btn--primary {
        max-width: 100%;
    }


    .sign-up__hero .card-event {
        border-radius: 1.25rem;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        width: 100vw;
        max-width: 100vw;
    }
}

.input-std {
    font-size: 1rem;
    border-radius: 4px;
    padding: 11.15px 16px;
    border: 1px solid #DCDCDD;
    background-color: #FFF;
    transition: outline 0.1s ease;
}

.select-std {
    font-size: 1rem;
    border-radius: 4px;
    padding: 11.15px 16px;
    border: 1px solid #DCDCDD;
    background-color: #FFF;
    transition: outline 0.1s ease;

    -webkit-appearance: none; /* For Chrome, Safari */
    -moz-appearance: none; /* For Firefox */
    appearance: none; /* Standard syntax */
}

.select-std-wrapper {
    position: relative;
    display: inline-block;
}

.select-std-wrapper select {
    width: 100%;
}

.select-std-wrapper::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    width: 16px;
    height: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6569 0.843146L7 6.5L1.34315 0.843146" stroke="%23B3B2B3"/></svg>');
}

@media (max-width: 600px) {
    .input-std {
        padding: 15px 16px;
    }
}

.input-std::placeholder {
    color: #B3B2B3;
}

.input-std:focus {
    outline: var(--color-blue) 2px solid;
}

.select-std {
    font-size: 1rem;
    padding: 11px 16px;
    border-radius: 4px;
    background-color: #FFF;
    border: 1px solid #DCDCDD;
}

.event-reg {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 794px;
}

.event-reg .h2 {
    align-self: center;
    margin-bottom: 2rem;
}

.event-reg__inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.event-reg__inputs fieldset {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border: none;
}

@media (max-width: 600px) {
    .event-reg {
        gap: 1.25rem;
        padding-top: 0;
    }

    .event-reg .h2 {
        text-align: center;
        font-weight: 500;
        font-size: 2rem;
        margin-bottom: 0;
    }

    .event-reg .event-reg__inputs {
        gap: 1rem;
        display: flex;
        flex-direction: column;
    }

    .event-reg .event-reg__inputs fieldset {
        gap: 0.625rem;
    }

    .sign-up__hero-content {
        gap: 0;
    }

    .sign-up__hero {
        margin-bottom: 0;
    }
}

.consent-wrapper {
    margin: 0 auto;
    max-width: 386px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 600px) {
    .consent-wrapper {
        gap: 2rem;
    }
}

.consent-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    position: relative;
}

.consent-checkbox a {
    color: #F99E1E;
}

.consent-checkbox input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    inset: 0;
}

.consent-checkbox::before {
    content: '';
    transition: background-color 0.25s ease;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 4px;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #DCDCDD;
    background-color: transparent;
}

.consent-checkbox:has(input:checked)::before {
    background-size: 14px;
    background-color: #F99E1E;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L4.53571 9C5.97619 7.88889 9.48571 4.73333 12 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.icon-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 280px;
}

.form-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: none;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.form-group > label {
    line-height: 1;
}

.search-page__inner .error-links {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.error-links {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    margin-top: 60px;
}

.error-links a {
    color: #D32F2F;
    transition: color 0.25s ease;
}

.error-links a:hover {
    color: var(--color-blue);
}

.reg-event {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.reg-event__inner {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    max-width: 500px;
}

.reg-event .btn--blue {
    width: 100%;
}

.reg-form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.reg-form__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
}

.form__warning-msg {
    color: #D32F2F;
    font-size: .875rem;
    transition: opacity 0.25s ease;
}

/* ADMIN PAGES */
.admin-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F3F3F3;
    padding: 0.5rem 1.25rem;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.admin-header__user-info {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1.25rem 0.5rem 0;
}

.admin-header__role {
    font-size: 0.875rem;
    color: #B3B2B3;
    line-height: 1;
}

.admin-header__username {
    font-size: 0.875rem;
    color: #221F1F;
    line-height: 1;
}

.admin-header__search {
    width: max-content;
    height: max-content;
}

.admin-header__search > svg {
    border: 2px solid #44C8F5;
    border-radius: 100px;
}

.admin-header__search svg rect,
.admin-header__search svg path {
    transition: 0.25s all ease;
}

.admin-header__search:hover svg > rect {
    fill: #FFF;
}

.admin-header__search:hover svg > path {
    stroke: #44C8F5;
}

.admin-header__search.active svg > rect {
    fill: #FFF;
}

.admin-header__search.active svg > path {
    stroke: #44C8F5;
}

.check-in {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 2rem;
    flex-grow: 1;
    align-items: center;
}

.check-in .btn--confirm {
    margin-top: auto;
    margin-bottom: 20px;
}

.check-in__inner {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: max-content;
    flex-grow: 1;
}

.check-in__status-wrapper {
    margin-top: 1rem;
}

@media (max-width: 600px) {
    .check-in,
    .check-in__inner {
        flex-grow: 1;
        width: 100%;
    }

    .check-in__inner .btn--confirm {
        margin-top: auto;
        margin-bottom: 20px;
    }

    .admin-header {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    body:has(.error-page) {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-y: 100px;
        background-image: url("../images/bg-strope-3.svg");
    }
}

.error-page {
    display: flex;
    flex-direction: column;
    padding-top: 92px;
    flex-grow: 1;
}


.error-page__inner {
    max-width: 400px;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    gap: 1.25rem;
    margin: 0 auto;
    flex-grow: 1;
}

.error-page .btn--search,
.error-page .btn--plus {
    width: 100%;
}


.error-page .btn--plus {
    margin-top: auto;
    margin-bottom: 20px;
}


@media (max-width: 600px) {
    .error-page {
        flex-grow: 1;
    }

    .error-page__inner {
        max-width: 100%;
        flex-grow: 1;
    }

    .btn--plus {
        font-size: 0.875rem;
    }
}

.cancel-page {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.cancel-page__inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 300px;
}

@media (max-width: 600px) {
    .cancel-page__inner {
        max-width: 100%;
    }
}

.search-result {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

@media (min-width: 1240px) {
    .search-result {
        max-width: 400px;
    }
}

.search-result .btns-list {
    margin-top: auto;
    margin-bottom: 2rem;
}

.search-result__inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}

.search-result__users {
    margin: 0 -20px;
    display: flex;
    flex-direction: column;
}

.search-result__user {
    gap: 0.875rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DCDCDD;
    padding: 1rem;
}

.search-result__user:first-child {
    border-top: 1px solid #DCDCDD;
}

.search-result__user--active::before {
    content: '';
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 100px;
    background-color: #94C940;
}

.search-result__user--inactive::before {
    content: '';
    display: inline-block;
    width: .75rem;
    height: .75rem;
    border-radius: 100px;
    background-color: #B3B2B3;
}

.search-result__user-info {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.search-result__username {
    line-height: 1;
    font-weight: 700;
}

.search-result__company {
    line-height: 1;
}

.search-result__title {
    margin-top: 1.25rem;
    margin-bottom: 2rem;
    font-weight: 700;
}

.btns-list {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}

.search-result__inner .btns-list {
    margin-top: auto;
    margin-bottom: 2rem;
}

/* */

.leaderboard {
    /*margin-bottom: 2rem;*/
    list-style-type: none;
    display: flex;
    flex-direction: column;
    counter-reset: leaderboard-counter;
}

.leaderboard__entry::before {
    counter-increment: leaderboard-counter;
    content: counter(leaderboard-counter);

    font-size: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    text-align: center;
    color: #221F1F;
    font-weight: bold;
    font-family: Montserrat, sans-serif;
}

.leaderboard__entry {
    /*display: flex;*/
    /*align-items: center;*/
    display: grid;
    align-items: center;
    gap: 0.625rem;
    grid-template-columns: 20px 1fr 132px 44px;
    padding: 0.25rem;
    border-radius: 4px;
    list-style: none;
    margin-top: 0.25rem;
    background-color: #fff;
}

.leaderboard__company-name {
    font-size: 1rem;
    font-weight: 600;
    color: #221F1F;
}

.leaderboard__entry:nth-child(-n + 3) {
    padding: 0.1875rem 0.25rem;
}

.leaderboard__entry:nth-child(-n + 3)::before {
    width: 1.25rem;
    height: 1.25rem;
    color: #FFF;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2499 0.475381C11.567 -0.158462 12.433 -0.15846 12.7501 0.475383L15.9311 6.83391C16.0538 7.0791 16.2787 7.25026 16.5391 7.29671L23.2944 8.5013C23.9678 8.62137 24.2354 9.4843 23.758 9.99611L18.9687 15.1305C18.784 15.3285 18.6981 15.6054 18.7365 15.8793L19.7304 22.9823C19.8295 23.6904 19.1288 24.2237 18.5167 23.9062L12.3758 20.7209C12.139 20.598 11.861 20.598 11.6242 20.7209L5.4833 23.9062C4.87115 24.2237 4.17049 23.6904 4.26958 22.9823L5.26354 15.8793C5.30186 15.6054 5.21597 15.3285 5.03129 15.1305L0.242035 9.99611C-0.235378 9.4843 0.0322519 8.62137 0.70564 8.5013L7.46086 7.29671C7.72135 7.25026 7.94622 7.0791 8.06888 6.83391L11.2499 0.475381Z" fill="%23FDC010"/></svg>');
    background-position: center;
    background-position-y: 30%;
    top: 2px;
    position: relative;
}

.leaderboard__entry:nth-child(+n + 11)::before {
    font-weight: 400;
}

.leaderboard__entry:nth-child(1)::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2499 0.475381C11.567 -0.158462 12.433 -0.15846 12.7501 0.475383L15.9311 6.83391C16.0538 7.0791 16.2787 7.25026 16.5391 7.29671L23.2944 8.5013C23.9678 8.62137 24.2354 9.4843 23.758 9.99611L18.9687 15.1305C18.784 15.3285 18.6981 15.6054 18.7365 15.8793L19.7304 22.9823C19.8295 23.6904 19.1288 24.2237 18.5167 23.9062L12.3758 20.7209C12.139 20.598 11.861 20.598 11.6242 20.7209L5.4833 23.9062C4.87115 24.2237 4.17049 23.6904 4.26958 22.9823L5.26354 15.8793C5.30186 15.6054 5.21597 15.3285 5.03129 15.1305L0.242035 9.99611C-0.235378 9.4843 0.0322519 8.62137 0.70564 8.5013L7.46086 7.29671C7.72135 7.25026 7.94622 7.0791 8.06888 6.83391L11.2499 0.475381Z" fill="%23FDC010"/></svg>');
}

.leaderboard__entry:nth-child(2)::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2499 0.475381C11.567 -0.158462 12.433 -0.15846 12.7501 0.475383L15.9311 6.83391C16.0538 7.0791 16.2787 7.25026 16.5391 7.29671L23.2944 8.5013C23.9678 8.62137 24.2354 9.4843 23.758 9.99611L18.9687 15.1305C18.784 15.3285 18.6981 15.6054 18.7365 15.8793L19.7304 22.9823C19.8295 23.6904 19.1288 24.2237 18.5167 23.9062L12.3758 20.7209C12.139 20.598 11.861 20.598 11.6242 20.7209L5.4833 23.9062C4.87115 24.2237 4.17049 23.6904 4.26958 22.9823L5.26354 15.8793C5.30186 15.6054 5.21597 15.3285 5.03129 15.1305L0.242035 9.99611C-0.235378 9.4843 0.0322519 8.62137 0.70564 8.5013L7.46086 7.29671C7.72135 7.25026 7.94622 7.0791 8.06888 6.83391L11.2499 0.475381Z" fill="%23B3B2B3"/></svg>');
}

.leaderboard__entry:nth-child(3)::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2499 0.475381C11.567 -0.158462 12.433 -0.15846 12.7501 0.475383L15.9311 6.83391C16.0538 7.0791 16.2787 7.25026 16.5391 7.29671L23.2944 8.5013C23.9678 8.62137 24.2354 9.4843 23.758 9.99611L18.9687 15.1305C18.784 15.3285 18.6981 15.6054 18.7365 15.8793L19.7304 22.9823C19.8295 23.6904 19.1288 24.2237 18.5167 23.9062L12.3758 20.7209C12.139 20.598 11.861 20.598 11.6242 20.7209L5.4833 23.9062C4.87115 24.2237 4.17049 23.6904 4.26958 22.9823L5.26354 15.8793C5.30186 15.6054 5.21597 15.3285 5.03129 15.1305L0.242035 9.99611C-0.235378 9.4843 0.0322519 8.62137 0.70564 8.5013L7.46086 7.29671C7.72135 7.25026 7.94622 7.0791 8.06888 6.83391L11.2499 0.475381Z" fill="%23D37B00"/></svg>');
}


body:has(.leaderboard) {
    background-color: #F3F3F3;
}

.leaderboard__entry:nth-child(1) {
    border: 1px solid #FDC010;
}

.leaderboard__entry:nth-child(2) {
    border: 1px solid #B3B2B3;
}

.leaderboard__entry:nth-child(3) {
    border: 1px solid #D37B00;
}

.leaderboard__company-logo {
    max-width: 135px;
    height: 1.25rem;
}

.leaderboard__company-votes {
    font-size: 1rem;
    text-align: center;
    font-weight: 700;
}

.vote-header {
    margin: 1.5rem auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}

.vote-header__top {
    display: flex;
    text-align: center;
    align-items: center;
    font-weight: 700;
    gap: 16px;
}

.vote-header__top--col {
    flex-direction: column;
}

.vote-header__top--row {
    font-weight: 500;
    font-size: 1.25rem;
    text-align: left;
    flex-direction: row;
}

.vote-header__top svg {
    flex-shrink: 0;
}

.vote-header .emoji {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    line-height: 1;
}

.vote-header__content {
    color: #221F1F;
    font-size: 0.875rem;
}

.vote-start {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    align-items: center;
    justify-content: center;
}

.vote-start__title {
    line-height: 0.625rem;
    font-size: 0.875rem;
    color: #565354;
}

.vote-start__day {
    line-height: 1.063rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: #221F1F;
}

.vote-start__time {
    line-height: 45px;
    font-size: 4rem;
    font-weight: 600;
    color: #221F1F;
}

@media (min-width: 600px) {
    .vote-container {
        display: flex;
        margin: 0 auto;
        text-align: center;
        flex-direction: column;
        align-items: center;
        /*justify-content: center;*/
    }
}

.vote-container {
    padding-bottom: 20px;
}

.cancel-page .info-col-wrapper {
    gap: 1rem;
}

.vote-container .info-col-wrapper {
    gap: 1rem;
}

.container--590 {
    max-width: 590px;
}

.info-col .title--sm {
    line-height: 1;
}

.qr-image {
    max-width: 280px;
    max-height: 280px;
}

.vote-start__timeout-wrapper {
    display: flex;
    font-size: 1.5rem;
    align-items: center;
    gap: 0.5rem;
}

.vote-start__timeout-wrapper:has(.vote-start__timeout-wrapper) .vote-start {
    gap: 0.625rem;
}

.vote-start__timeout-wrapper * {
    line-height: 1;
}

.vote-start__timeout-wrapper .vote-start__time {
    font-weight: 500;
    font-size: 1.5rem;
}

.vote-start--sm {
    gap: 0.625rem;
    margin-bottom: 3rem;
}


@media (max-width: 600px) {
    .vote-page--bg {
        background-size: 100%;
        background-position-y: 20%;
        background-repeat: no-repeat;
        background-image: url("../images/bg-strope-3.svg");
    }

    .vote-page--bg.page--grey {
        background-position-y: 0;
        background-image: url('../images/bg-strope--white.png');
    }
}

.leaderboard__entry--no-score {
    padding: 0 4px;
    grid-template-columns: 1fr 55px;
    background-color: transparent;
}

.leaderboard .leaderboard__entry--no-score:first-of-type {
    margin-top: 1rem;
}

.leaderboard__entry--no-score::before {
    display: none;
}

.leaderboard__entry--no-score {
    margin-top: 1rem;
    line-height: 1;
}

.leaderboard__entry--no-score .leaderboard__company-votes {
    color: #B3B2B3;
    font-weight: 400;
}

.search-wrapper {
    position: relative;
}

.search-wrapper > .input-std {
    width: 100%;
    max-height: 40px;
}

.search-wrapper .btn--search {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.members-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 10px;
}

@media (min-width: 800px) {
    .members-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 600px) {
    .members-list {
        grid-template-columns: repeat(3, 1fr);
    }
}


.members-list__item {
    cursor: pointer;
    display: grid;
    place-items: center;
    text-align: center;
    grid-template-rows: 40px 1fr;
    flex-direction: column;
    gap: 0.25rem;
    padding: .5rem;
    border-radius: 0.25rem;
    background-color: #FFF;
    border: 2px solid #fff;
    transition: border-color 0.25s ease, background-color 0.25s ease;
}

.members-list__item:hover {
    background-color: #FAFAFA;
    border-color: #FAFAFA;
}

.members-list__item:has(input:checked) {
    background-color: #fff;
    border-color: var(--color-green);
}

.members-list__company-name {
    color: #221F1F;
    font-weight: 300;
    font-size: 0.625rem;
}

.members-list__company-logo {
    width: 100%;
    height: 100%;
}

.members-list-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.members-list-wrapper .btn--vote {
    max-width: calc(100% - 40px);
    position: fixed;
    transition: opacity 0.25s ease;
    left: 50%;
    bottom: 1.5rem;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
}

.members-list-wrapper .btn--vote b {
    font-size: 1rem;
}

.members-list-wrapper .btn--vote {
    font-size: 0.875rem;
}

.members-list-wrapper .btn--vote.active {
    opacity: 1;
    pointer-events: all;
}

.members-search-wrapper {
    margin-top: 20px;
}

@media (max-width: 500px) {
    .members-list-wrapper .btn--vote {
        width: 100%;
    }
}

.members-list-wrapper .search-result-text {
    font-weight: 700;
}

body:has(.vote-success-wrapper) {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote-success-wrapper {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    background: linear-gradient(180deg, #AAC77D 0%, #639678 100%),
    linear-gradient(180deg, rgba(76, 175, 80, 0) 29.33%, #4CAF50 100%);
}

@media (max-width: 600px) {
    .vote-success-wrapper {
        background-image: url("../images/bg-strope-3.svg"),
        linear-gradient(180deg, #AAC77D 0%, #639678 100%),
        linear-gradient(180deg, rgba(76, 175, 80, 0) 29.33%, #4CAF50 100%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%, 100%, 100%;
        background-blend-mode: multiply;
    }
}

.vote-success-wrapper__inner {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    text-align: center;
    color: #FFF;
}


body:has(.vote-error-wrapper) {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vote-error-wrapper {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    background: linear-gradient(180deg, #FFACAC 0%, #D32F2F 100%),
    linear-gradient(180deg, rgba(211, 47, 47, 0) 29.33%, #D32F2F 100%);
}

@media (max-width: 600px) {
    .vote-error-wrapper {
        background-image: url("../images/bg-strope-3.svg"),
        linear-gradient(180deg, #FFACAC 0%, #D32F2F 100%),
        linear-gradient(180deg, rgba(211, 47, 47, 0) 29.33%, #D32F2F 100%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%, 100%, 100%;
        background-blend-mode: multiply;
    }
}

.vote-error-wrapper__inner {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    text-align: center;
    color: #FFF;
}

.festival {
    gap: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    padding: 40px 20px;
    background-image: url('../images/festival_bg.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.festival__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.festival__podium {
    width: max-content;
    position: relative;
    margin-top: 1rem;
}

.festival__podium-item {
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 285px;
    padding: 12px 28px 8px 30px;

}

.festival__podium-bottom {
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.festival__podium-name {
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    color: #221F1F;
}


.festival__podium-votes {
    font-size: 1rem;
    font-weight: 700;
    color: #221F1F;
    white-space: nowrap;
}

.festival__podium-item--first {
    top: 4%;
    left: 52%;
    transform: translateX(-50%);
    border-radius: 100px;
    background-color: #FFF;
    border: 8px solid #FDC010;
    box-shadow: 0 4px 8px 0 #00000033;

}

.festival__podium-icon {
    max-height: 20px;
    max-width: 100px;
}

.festival__podium-item--second {
    top: 26%;
    left: 0;
    border-radius: 100px;
    background-color: #FFF;
    border: 8px solid #B3B2B3;
    box-shadow: 0 4px 8px 0 #00000033;
}

.festival__podium-item--third {
    right: 0;
    bottom: 39%;
    border-radius: 100px;
    background-color: #FFF;
    border: 8px solid #DB5800;
    box-shadow: 0 4px 8px 0 #00000033;
}


.festival__podium-text {
    line-height: 1;
    font-weight: 500;
    font-size: 1.25rem;
}

.leaderboard-others {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: auto;
}

.leaderboard-others__name {
    color: #221F1F;
}

.leaderboard-others__votes {
    color: #221F1F;
    font-size: 1rem;
}

.leaderboard-others__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.leaderboard-others__item {
    line-height: 1;
    display: flex;
    justify-content: space-between;
}

.festival__right {
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: center;
    width: 100%;
    max-width: 592px;
    margin: -160px auto 0 auto;
    gap: 20px;
}

@media (max-width: 640px) {
    .festival__right {
        max-width: 100%;
    }
}

.festival__right .leaderboard .leaderboard__entry {
    margin-top: 1px;
}

.festival__right .leaderboard .leaderboard__entry {
    border: none;
    border-radius: 0;
}

.festival__right .leaderboard .leaderboard__entry:first-child {
    border-radius: 20px 20px 0 0;
}

.festival__right .leaderboard .leaderboard__entry:last-child {
    border-radius: 0 0 20px 20px;
}


.festival__right .leaderboard__entry:nth-child(-n+3)::before {
    font-size: 0.625rem;
    background-size: 1.25rem;
    background-position-y: -1px;
}

.festival__right .leaderboard__entry:nth-child(+n+4)::before {
    width: 1.25rem;
    height: 1.25rem;
    color: #F99E1E;
    font-size: 1rem;
    font-weight: 700;
}

.festival__right .leaderboard__entry {
    gap: 0.625rem;
    padding: 0.5rem 1.25rem;
    font-size: 1.25rem;
    background-size: 2rem;
}

.festival__right .leaderboard__company-logo {
    height: max-content;
    max-width: 100%;
    max-height: 20px;
}

.festival__podium--mb {
    display: none;
}

.festival__title {
    max-width: 492px;
    width: 100%;
}

.voted-team-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    border-radius: 100px;
    padding: 1rem;
    border: 1px solid #DCDCDD;
}

.page--grey {
    flex-grow: 1;
    background-color: #F3F3F3;
}

.info-col-wrapper--white {
    padding: 32px 0;
    background-color: #FFF;
}

.info-col-wrapper--white > .info-col-wrapper {
    width: max-content;
    max-width: 100%;
}


/* #26734 _____________________*/

.bg-strope--white {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="320" height="260" viewBox="0 0 320 260" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-16 176.431C33.0137 106.817 93.1767 81.262 78.4393 150.436C60.0175 236.903 102.188 259.924 153.569 168.17C204.95 76.4154 254.778 -5.86602 273.643 50.4202C292.509 106.706 255.887 132.261 278.415 163.984C300.943 195.707 344.445 110.341 345 102.521" stroke="white" stroke-width="64"/></svg>');
}

@media (max-width: 600px) {
    .bg-strope--white {
        background-size: contain;
        background-position-y: 60px;
    }
}

.btn--back {
    width: 100%;
    max-width: 17.5rem;
    color: #FFF;
    display: flex;
    font-weight: 700;
    gap: 0.5rem;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    cursor: pointer;
    border-radius: 100px;
    background-color: var(--color-blue);
    --accent-color: var(--color-orange);
    --primary-color: var(--color-blue);
    padding: 1rem 2rem 1rem 2rem;
    /*margin: auto auto 1.25rem auto;*/
    margin: 0 auto;
}

.btn--white-back {
    font-weight: 400;
    background-color: #fff;
    --accent-color: var(--color-orange);
    --primary-color: #fff;
    border: 1px solid #B3B2B3;
    color: #221F1F;
}

.btn--back::before {
    z-index: 2;
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 8.25L5.75 12M5.75 12L9.5 15.75M5.75 12L18.25 12" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--white-back::before {
    transition: 0.2s ease all;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 8.25L5.75 12M5.75 12L9.5 15.75M5.75 12L18.25 12" stroke="%23221F1F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--white-back:hover::before {
    filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(15%) hue-rotate(155deg) brightness(104%) contrast(105%);
}

.flex--col {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.vote-header__content p {
    font-size: 1rem;
}

.page--green {
    flex-grow: 1;
    background-color: #4caf50;
}

.bg-strope--grey {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="320" height="260" viewBox="0 0 320 260" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-16 176.431C33.0137 106.817 93.1767 81.262 78.4393 150.436C60.0175 236.903 102.188 259.924 153.569 168.17C204.95 76.4154 254.778 -5.86602 273.643 50.4202C292.509 106.706 255.887 132.261 278.415 163.984C300.943 195.707 344.445 110.341 345 102.521" stroke="%23F3F3F3" stroke-width="64"/></svg>');
}

.bg-strope--light-grey {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="320" height="260" viewBox="0 0 320 260" fill="none" xmlns="http://www.w3.org/2000/svg" style=""><path d="M-31 176.431C18.0137 106.817 78.1767 81.262 63.4393 150.436C45.0175 236.903 87.1878 259.924 138.569 168.17C189.95 76.4154 239.778 -5.86602 258.643 50.4202C277.509 106.706 240.887 132.261 263.415 163.984C285.943 195.707 329.445 110.341 330 102.521" stroke="white" stroke-opacity="0.1" stroke-width="64"/></svg>');
}

@media (max-width: 900px) {
    .bg-strope--light-grey,
    .bg-strope--grey {
        background-size: contain;
        background-position-y: 60px;
    }
}

.vote-container--white * {
    color: #fff;
}

.vote-container--white .vote-header__content p {
    font-size: 1.25rem;
    font-weight: 700;
}

.vote-container--white .vote-header__top {
    gap: 10px;
}

.vote-container--white .vote-header__top .title--lg {
    line-height: 1;
}

.vote-container--white .vote-header {
    gap: 1.5rem;
}

.mt-32 {
    margin-top: 2rem;
}

.info-col__team-logo {
    margin: 0 auto;
}

.font--sm {
    font-size: 0.875rem;
}

.font--grey {
    color: #565354;
}

.timer-row {
    display: flex;
    gap: 0.5rem;
}

.timer-row .vote-start__day-wrapper,
.timer-row .vote-start__time,
.timer-row .vote-start__day {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
}

.vote-start__day-wrapper {
    display: flex;
    gap: 0.125rem;
}

.team-votes {
    line-height: 3rem;
    font-weight: 600;
    font-size: 4rem;
    text-align: center;
}

.icon-row {
    font-weight: 700;
    font-size: 0.875rem;
    display: flex;
    gap: 0.5rem;
}

.icon-row--blue {
    color: #44C8F5;
}

.icon-row svg,
.icon-row img {
    width: 2rem;
    height: 2rem;
}

.vote-bottom-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: auto auto 20px auto;
}

.vote-bottom-block > p {
    text-align: center;
}

.align-center {
    align-items: center;
    text-align: center;
}

.admin-header__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100px;
    background-color: #44C8F5;
    transition: opacity 0.25s ease;
}

.admin-header__btn:hover {
    opacity: 0.75;
}

.ol--std {
    display: flex;
    list-style-type: inside;
    flex-direction: column;
    gap: 0.875rem;
    margin-left: 1.25rem;
    text-align: left;
}

.btn--green {
    color: #FFF;
    display: flex;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.25rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid var(--color-green);
    background-color: var(--color-green);

    --accent-color: #fff;
    --primary-color: var(--color-green);
    padding: 1.1rem 2rem 0.9rem 2rem;
}

.btn--green:hover .button-name {
    color: var(--color-green);
}

.btn--green:disabled {
    border: none;
    cursor: default;
    background-color: #B3B2B3;
    --accent-color: #B3B2B3;
}

.btn--green:disabled:hover .button-name {
    color: #fff;
}

.btn--green svg, .btn--green img,
.btn--blue svg, .btn--blue img {
    z-index: 2;
    transition: 0.1s all ease;
}

.btn--green:hover svg,
.btn--green:hover img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(714%) hue-rotate(40deg) brightness(93%) contrast(94%);
}

.btn--blue:hover svg,
.btn--blue:hover img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(25%) saturate(1371%) hue-rotate(162deg) brightness(95%) contrast(103%);
}

.download-app-block {
    margin-top: 2.375rem;
    margin-bottom: 2.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
}

.download-app-block__header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.download-app-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.download-app-list a {
    width: 100%;
    font-size: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.download-app-block__header .font--md {
    font-weight: 700;
}

.container--280 {
    width: 100%;
    max-width: 280px;
}


.mt-auto {
    margin: auto auto 20px auto;
}

.flex--col > .container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

@media (max-width: 340px) {
    .container--280 {
        max-width: calc(100% - 40px);
    }
}

.vote-header--sm {
    max-width: 280px;
    gap: 0.875rem !important;
}

.vote-header--sm .vote-header__top {
    gap: 0.625rem;
}

@media (max-width: 660px) {
    .festival__right {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .leaderboard-others__list {
        width: max-content;
        max-width: 100%;
    }

    .leaderboard-others__item {
        gap: 20px;
    }

    .leaderboard-others {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .festival__podium-item {
        padding: 8px 20px;
        width: 220px;
        border-width: 4px;
    }

    .festival__podium-item--first {
        top: 7%;
    }

    .festival__podium-item--second {
        top: 32%;
        left: 5%;
    }

    .festival__podium-item--third {
        right: 5%;
    }

    .festival__podium-name {
        font-size: 1rem;
    }
}

@media (max-width: 600px) {
    .leaderboard-others {
        grid-template-columns: 1fr;
    }

    .leaderboard-others__list {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .festival__podium-text {
        font-size: 0.875rem;
    }

    .festival__podium-item--second {
        top: 27%;
        left: 10%;
    }

    .festival__podium-item--third {
        right: 10%;
    }

    .festival__right .leaderboard__company-logo {
        max-width: 100%;
    }

    .festival__podium-bottom {
        flex-direction: column;
        gap: 0.5rem;
    }

    .festival__podium-item--first {
        top: 0;
    }

    .leaderboard__company-name,
    .leaderboard__company-votes,
    .leaderboard__entry::before {
        font-size: 0.75rem !important;
    }

    .leaderboard__entry {
        grid-template-columns: 20px 1fr 70px 44px;
    }

    .festival__podium-name {
        font-size: 0.875rem;
    }
}

@media (max-width: 460px) {
    .festival__podium-item--third {
        right: 13%;
    }

    .festival__podium-item--second {
        left: 13%;
        top: 25%;
    }


}

@media (max-width: 420px) {
    .leaderboard-others__list {
        width: 100%;
    }

    .festival__podium-item--third {
        right: 16%;
    }

    .festival__podium-item--second {
        left: 15%;
    }

    .festival__podium-item--first {
        top: 2%;
    }

    .festival__podium-name {
        font-size: 0.75rem;
    }

    .festival__podium-votes {
        font-size: 0.75rem;
    }

    .festival__podium-item {
        width: 180px;
    }

    .festival__podium-item--second {
        top: 29%;
    }
}

@media (max-width: 360px) {
    .festival__podium-item--second {
        left: 20%;
    }

    .festival__podium-item--third {
        right: 20%;
    }
}

.leaderboard-others__item-info {
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
}

.leaderboard-others__team-name {
    font-weight: 600;
    font-size: 0.875rem;
}

.leaderboard-others__company-name {
    font-weight: 400;
    font-size: 0.625rem;
}

input, textarea {
    font-family: "Montserrat", sans-serif;
}

.form--primary {
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    padding: 64px 102px 75px 102px;
    width: 100%;
    max-width: 794px;
    border-radius: 20px;
    background-color: #FFF;
    margin: 0 auto;
    box-shadow: 0px 0px 20px 0px #1E1E1E1A;
}

.form--primary .button {
    margin: 0 auto;
}

.form--reg {
    margin-bottom: 32px;
    padding-bottom: 3.3125rem;
}

.form__title {
    color: #221F1F;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    line-height: 120%;
}

.form__fieldset {
    gap: 32px;
    border: none;
    display: flex;
    flex-direction: column;
}

.form__fieldset--gap-20 {
    gap: 20px;
}

.form__fieldset--gap-40 {
    gap: 40px;
}

.form__label,
.label {
    font-size: 1rem;
    font-weight: 400;
    color: #221F1F;
    position: relative;
    max-width: max-content;
}

.form__label-desc {
    color: #908F8F;
    font-size: 0.875rem;
}

.form__label-desc a {
    display: block;
    color: #44C8F5;
}

.form__label-wrapper, .label-wrapper {
    gap: 0.375rem;
    display: flex;
    flex-direction: column;
}

.form__label-wrapper:has(input:required) .form__label::after,
.label-wrapper:has(input:required) .label::after,
.label-wrapper:has(input.required) .label::after,
.label--required::after {
    content: '*';
    display: inline-block;
    top: 0;
    right: -12px;
    color: #D32F2F;
    position: absolute;
}

.label-wrapper input[type="color"] {
    border-radius: 4px;
    width: 100%;
    height: 42px;
    border: none;
}

.label-wrapper:has(.attach-image) {
    gap: 0.625rem;
}

.label-wrapper .attach-image {
    margin-top: 4px;
}

.form__input {
    padding: 14px 16px;
    width: 100%;
    border: none;
    border-radius: 4px;
    background-color: #FAFAFA;
}

.form__input[type="password"] {
    padding-top: 17px;
    padding-bottom: 11px;
}

.form__input::placeholder {
    color: #908F8F;
}

.form__input:focus {
    outline: 1px solid #908F8F;
}

.form__select {
    border: none;
    font-size: 0.875rem;
    background-color: #FAFAFA;
}

@media (max-width: 900px) {
    .form--primary {
        padding: 4rem 2.5rem;
    }
}


.form__options {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.form__options-title {
    font-size: 1.25rem;
}

.form__options-list {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.form__option {
    gap: 12px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #F3F3F3;
    transition: all 0.25s ease;
}

.form__option-icon {
    width: 32px;
    height: 32px;
}

.form__option-name {
    font-weight: 700;
}

.form__option-desc {
    color: #565354;
}

.form__option-desc a {
    color: #44C8F5;
    text-decoration: underline;
}

.form__option-input {
    inset: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.form__option svg path,
.form__option svg rect {
    transition: all 0.25s ease;
}

.form__option:has(input:checked) {
    border-color: #44C8F5;
}

.form__option:has(input:checked) svg g path {
    fill: #ECFAFE;
}

.form__option:has(input:checked) svg g path,
.form__option:has(input:checked) svg rect {
    stroke: #44C8F5;
}

.form__col-2 {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.consent-checkbox::before {
    box-sizing: border-box;
}

.form--primary .button {
    line-height: 1;
    font-size: 1rem;
    padding: 0.78rem 2rem;
}

.form--primary .input-std {
    font-size: 0.875rem;
}

.form__col-2--part {
    width: calc(50% - 10px);
}

.hidden {
    display: none;
}

.nav__profile {
    gap: 8px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 0.781rem 1rem;
    position: relative;
    background-color: #44C8F51A;
}

.nav__profile-links {
    right: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    list-style-type: none;
    transition: all 0.15s ease;
    background-color: #44C8F51A;
    box-shadow: 1px 1px 1px #fefefe;
}

.nav__profile:hover .nav__profile-links {
    opacity: 1;
    pointer-events: all;
    padding: 1.25rem;
}

.nav__profile-links a {
    font-size: 1rem;
    font-weight: 500;
    color: #221F1F;
    transition: color 0.25s ease;
}

.nav__profile-links a:hover {
    color: #44C8F5;
}

.nav__profile::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="1" cy="1" r="1" transform="matrix(-1 0 0 1 6 9)" stroke="%2344C8F5" stroke-width="2"/><circle cx="1" cy="1" r="1" transform="matrix(-1 0 0 1 6 3)" stroke="%2344C8F5" stroke-width="2"/><circle cx="1" cy="1" r="1" transform="matrix(-1 0 0 1 6 15)" stroke="%2344C8F5" stroke-width="2"/></svg>');
}

.nav-link.active {
    color: #44C8F5;
    font-weight: 700;
}

body:has(.form--reg) .header--no-fixed,
body:has(.form--event) .header--no-fixed {
    margin-bottom: 20px;
}

.form-reg__bottom {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}


@media (max-width: 640px) {
    .form__options-list,
    .form__col-2 {
        grid-template-columns: 1fr;
    }

    .form__col-2--part {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .form--primary {
        padding: 2rem 1.25rem;
    }
}

.form__date-wrapper {
    gap: 16px;
    display: grid;
    grid-template-columns: 187px 82px;
}

.form__date-input {
    padding-right: 45px !important;
    background-position-x: calc(100% - 16px);
    background-position-y: 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0003 2.5H5.00033C3.15938 2.5 1.66699 4.07529 1.66699 6.01852V14.8148C1.66699 16.758 3.15938 18.3333 5.00033 18.3333H15.0003C16.8413 18.3333 18.3337 16.758 18.3337 14.8148V6.01852C18.3337 4.07529 16.8413 2.5 15.0003 2.5Z" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.66699 1.66675V5.41675M13.3337 1.66675V5.41675M1.66699 9.16675H18.3337" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.form__date-input.active {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0003 2.5H5.00033C3.15938 2.5 1.66699 4.07529 1.66699 6.01852V14.8148C1.66699 16.758 3.15938 18.3333 5.00033 18.3333H15.0003C16.8413 18.3333 18.3337 16.758 18.3337 14.8148V6.01852C18.3337 4.07529 16.8413 2.5 15.0003 2.5Z" stroke-linecap="round" stroke-linejoin="round" stroke="%2344C8F5"/><path d="M6.66699 1.66675V5.41675M13.3337 1.66675V5.41675M1.66699 9.16675H18.3337" stroke-linecap="round" stroke-linejoin="round" stroke="%2344C8F5"/></svg>');
}

.form__time-input {
    padding: 16px 35px 16px 10px !important;
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.29175H12.5M10 7.91675V11.2501" stroke="%23908F8F" stroke-linecap="round"/><path d="M10.0003 17.7084C13.5672 17.7084 16.4587 14.8169 16.4587 11.2501C16.4587 7.68324 13.5672 4.79175 10.0003 4.79175C6.43349 4.79175 3.54199 7.68324 3.54199 11.2501C3.54199 14.8169 6.43349 17.7084 10.0003 17.7084Z" stroke="%23908F8F"/><path d="M16.459 4.84839L14.5957 6.71172" stroke="%23908F8F" stroke-linecap="round"/></svg>');
}

.form__time-input.active {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.29175H12.5M10 7.91675V11.2501" stroke="%2344C8F5" stroke-linecap="round"/><path d="M10.0003 17.7084C13.5672 17.7084 16.4587 14.8169 16.4587 11.2501C16.4587 7.68324 13.5672 4.79175 10.0003 4.79175C6.43349 4.79175 3.54199 7.68324 3.54199 11.2501C3.54199 14.8169 6.43349 17.7084 10.0003 17.7084Z" stroke="%2344C8F5"/><path d="M16.459 4.84839L14.5957 6.71172" stroke="%2344C8F5" stroke-linecap="round"/></svg>');
}

.form__input--location {
    padding-right: 40px !important;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px), 50%;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6663 8.33341C16.6663 12.4942 12.0505 16.8276 10.5005 18.1659C10.3561 18.2745 10.1803 18.3332 9.99967 18.3332C9.81901 18.3332 9.64324 18.2745 9.49884 18.1659C7.94884 16.8276 3.33301 12.4942 3.33301 8.33341C3.33301 6.5653 4.03539 4.86961 5.28563 3.61937C6.53587 2.36913 8.23156 1.66675 9.99967 1.66675C11.7678 1.66675 13.4635 2.36913 14.7137 3.61937C15.964 4.86961 16.6663 6.5653 16.6663 8.33341Z" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 10.8335C11.3807 10.8335 12.5 9.71421 12.5 8.3335C12.5 6.95278 11.3807 5.8335 10 5.8335C8.61929 5.8335 7.5 6.95278 7.5 8.3335C7.5 9.71421 8.61929 10.8335 10 10.8335Z" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.toggle-option {
    border: 1px solid #908F8F;
    border-radius: 10px;
    padding: 1.22rem 1.5rem;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    max-width: 600px;
}

.toggle-option:has(input:checked) {
    border-color: #94C940;
}

.toggle-option__icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    transition: filter 0.5s ease;
    align-self: flex-start;
}

.toggle-option:has(input:checked) .toggle-option__icon {
    filter: brightness(0) saturate(100%) invert(63%) sepia(80%) saturate(329%) hue-rotate(41deg) brightness(96%) contrast(95%);
}

.toggle-option__text-container {
    flex: 1;
    max-width: 377px;
}

.toggle-option__title {
    margin: 0;
    color: #221F1F;
    font-size: 1rem;
    line-height: 150%;
}

.toggle-option__description {
    font-size: 0.875rem;
    font-weight: 400;
    color: #B3B2B3;
}

.toggle-option__switch {
    position: relative;
    border-radius: 20px;
    background-color: #908F8F;
    width: 40px;
    height: 20px;
    display: flex;
    align-items: center;
    padding: 2px;
    cursor: pointer;
    margin-left: auto;
}

.table-wrapper .toggle-option__switch {
    background-color: #D32F2F;
}

.toggle-option__switch:has(input:checked) {
    background-color: #94C940;
}

.toggle-option:has(input:checked) .toggle-option__icon circle {
    fill: #908F8F;
}

.toggle-option:has(input:checked) .toggle-option__icon path {
    stroke: #908F8F;
}

.toggle-option__input {
    display: none;
}

.toggle-option__toggle-knob {
    position: absolute;
    background-color: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 2px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.toggle-option__input:checked + .toggle-option__toggle-knob {
    transform: translateX(20px);
    background-color: #FFFFFF;
}

.toggle-option__toggle-knob::before {
    content: "";
    width: 8px;
    height: 6.67px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: none;
}

.toggle-option__input:checked + .toggle-option__toggle-knob::before {
    background-image: url('data:image/svg+xml,<svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.66659L3.8 7.99992L9 1.33325" stroke="%2394C940" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.form__option .form__option-desc {
    line-height: 120%;
    font-weight: 400;
    font-size: 0.875rem;
}

.btn-back--sm {
    gap: 0.625rem;
    color: #221F1F;
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #DCDCDD;
    padding: 0.45rem 1rem 0.45rem 1rem;
    max-width: max-content;
}

.btn-back--sm .button-name {
    font-size: 1rem;
}

.btn-back--sm::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    z-index: 2;
    transition: filter 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.64645 7.64645C1.45118 7.84171 1.45118 8.15829 1.64645 8.35355L4.82843 11.5355C5.02369 11.7308 5.34027 11.7308 5.53553 11.5355C5.7308 11.3403 5.7308 11.0237 5.53553 10.8284L2.70711 8L5.53553 5.17157C5.7308 4.97631 5.7308 4.65973 5.53553 4.46447C5.34027 4.2692 5.02369 4.2692 4.82843 4.46447L1.64645 7.64645ZM14 8V7.5L2 7.5V8V8.5L14 8.5V8Z" fill="%2344C8F5"/></svg>');
}

.btn-back--sm:hover::before {
    filter: brightness(0) invert(1);
}

.upper-nav {
    margin-bottom: 2rem;
}

.form__desc {
    color: #565354;
    line-height: 150%;
    text-align: center;
}

.suggestions-list {
    display: none;
    flex-direction: column;
    gap: 0.5rem;
    list-style-type: none;
    border-radius: 4px;
    background-color: #FAFAFA;
}

.suggestions-list:has(li) {
    display: flex;
    padding: 1rem;
}

.suggestions-list li {
    cursor: pointer;
}

.form__input:not(:placeholder-shown) {
    color: #221F1F;
    box-shadow: 0 0 10px 4px #fafafa;
    background-color: #FFF;
}

.form__options-bottom {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}

[data-create-page-field], [data-external-link-field] {
    display: none;
}

.form__options-bottom:has(input#create-page:checked) [data-create-page-field] {
    display: flex;
}

.form__options-bottom:has(input#external-link:checked) [data-external-link-field] {
    display: flex;
}

.form--event {
    gap: 2rem;
    margin-bottom: 32px;
    padding-bottom: 3.3125rem;
}


.sidebar {
    z-index: 2;
    height: max-content;
    max-height: 100%;
    width: 240px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 20px 0 #0000001A;
}

.sidebar__nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.25rem 1rem 3.25rem 1rem;
}

.sidebar__back-btn {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 24px;
    font-size: 17px;
    color: #4E5762;
    margin-bottom: 22px;
}

.sidebar__btn--back {
    gap: 0.625rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
    border-radius: 100px;
    border: 1px solid #DCDCDD;
    padding: 0.46rem 1.25rem;
}

.sidebar__btn--back::before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    transition: filter 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.64645 7.64645C1.45118 7.84171 1.45118 8.15829 1.64645 8.35355L4.82843 11.5355C5.02369 11.7308 5.34027 11.7308 5.53553 11.5355C5.7308 11.3403 5.7308 11.0237 5.53553 10.8284L2.70711 8L5.53553 5.17157C5.7308 4.97631 5.7308 4.65973 5.53553 4.46447C5.34027 4.2692 5.02369 4.2692 4.82843 4.46447L1.64645 7.64645ZM14 8V7.5L2 7.5V8V8.5L14 8.5V8Z" fill="%2344C8F5"/></svg>');
}

.sidebar__btn--back:hover::before {
    z-index: 2;
    filter: brightness(0) invert(1);
}

.sidebar__section-title {
    color: #B7BAC1;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    border-bottom: 1px solid #DCDCDD;
}

.sidebar__section-title--additional {
    margin-top: 64px;
    margin-bottom: 16px;
}

.sidebar__menu {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.sidebar a {
    color: #565354;
    transition: color 0.25s ease;
}

.sidebar__menu-item {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    cursor: pointer;
    border: none;
    font-size: 1rem;
    background-color: transparent;
    color: #565354;
    transition: color 0.25s ease;
}

.sidebar__menu-item::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    transition: filter 0.25s ease;
    background-size: contain;
    background-repeat: no-repeat;
}

.sidebar__menu-item:hover a {
    color: #44C8F5;
}

.sidebar__menu-item:hover::before {
    filter: brightness(0) saturate(100%) invert(68%) sepia(72%) saturate(661%) hue-rotate(163deg) brightness(96%) contrast(101%);
}

.sidebar__menu-icon--members::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8H12.008M12 16V11M22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12Z" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke="%23908F8F"/></svg>');
}

.sidebar__menu-item--active {
    border-radius: 100px;
    background: #ECFAFE;
}

.sidebar__menu-item--active a {
    color: #44C8F5;
}

.sidebar__menu-item--active::before {
    filter: brightness(0) saturate(100%) invert(57%) sepia(93%) saturate(350%) hue-rotate(155deg) brightness(104%) contrast(92%);
}


.sidebar__menu-icon--main::before {
    /*background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8H12.008M12 16V11M22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12Z" stroke="%2344C8F5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');*/
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8H12.008M12 16V11M22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12Z" stroke="%23908F8F" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.sidebar__menu-icon--members::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8H12.008M12 16V11M22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12Z" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke="%23908F8F"/></svg>');
}

.sidebar__menu-icon--members::before {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 13.8L12.6667 18.3333L18.3333 11.7222M1 7H31V11.7222C30 11.7222 28 12.7611 28 15.0278C28 17.3889 30 18.3333 31 18.3333C31 20.9778 31 23.3704 31 24H1V18.3333C2 18.3333 4 18.3333 4 15.0278C4 12.6667 2 12.1944 1 12.1944C1 10.6833 1 8.10185 1 7Z" stroke="%23908F8F"/><path d="M25 7V24" stroke="%23908F8F" stroke-dasharray="2 2"/></svg>');
}

.sidebar__menu-icon--organizers::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.0625 19.9265V23M6.0625 23H2C2 22.1373 2 20.0559 2 18.6324C2 14.8794 4.70833 13.9412 6.0625 13.9412C8.51042 13.9412 14.25 13.9412 17.625 13.9412C21 13.9412 21.9479 17.0686 22 18.6324V23H17.9375M6.0625 23H17.9375M17.9375 19.9265V23M12 1C13.6146 1 17 1.93824 17 6.33824C17 10.0588 14 11.3529 12 11.3529C9.99969 11.3529 7 10 7 6.33824C7 1.80882 10.4375 1 12 1Z" stroke="%23908F8F" stroke-linejoin="round"/></svg>');
}

.sidebar__menu-icon--team-reps::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.9202 17.3801L23.2402 7.43006C23.2604 7.29405 23.2429 7.15508 23.1895 7.02834C23.1361 6.90161 23.0489 6.79199 22.9375 6.71148C22.826 6.63096 22.6945 6.58264 22.5574 6.57181C22.4203 6.56098 22.2829 6.58805 22.1602 6.65006L17.8801 9.91006C17.8003 9.97556 17.7077 10.0238 17.6083 10.0519C17.5089 10.0799 17.4047 10.0871 17.3024 10.0731C17.2001 10.059 17.1017 10.0239 17.0136 9.97005C16.9254 9.91619 16.8494 9.8447 16.7902 9.76007L12.5602 3.58006C12.4916 3.49813 12.406 3.43223 12.3092 3.38701C12.2125 3.3418 12.107 3.31836 12.0002 3.31836C11.8933 3.31836 11.7878 3.3418 11.6911 3.38701C11.5943 3.43223 11.5087 3.49813 11.4402 3.58006L7.21015 9.76007C7.15093 9.8447 7.07486 9.91619 6.98671 9.97005C6.89856 10.0239 6.80024 10.059 6.6979 10.0731C6.59557 10.0871 6.49143 10.0799 6.39201 10.0519C6.29259 10.0238 6.20003 9.97556 6.12015 9.91006L1.84015 6.65006C1.71741 6.58805 1.57998 6.56098 1.44289 6.57181C1.30579 6.58264 1.17432 6.63096 1.06284 6.71148C0.951352 6.79199 0.864152 6.90161 0.810769 7.02834C0.757385 7.15508 0.739874 7.29405 0.76015 7.43006L2.08015 17.4301" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 17.1802H3C2.70453 17.1802 2.41194 17.2384 2.13896 17.3514C1.86598 17.4645 1.61794 17.6303 1.40901 17.8392C1.20008 18.0481 1.03434 18.2962 0.921271 18.5691C0.808198 18.8421 0.75 19.1347 0.75 19.4302C0.75 19.7256 0.808198 20.0182 0.921271 20.2912C1.03434 20.5642 1.20008 20.8122 1.40901 21.0212C1.61794 21.2301 1.86598 21.3958 2.13896 21.5089C2.41194 21.622 2.70453 21.6802 3 21.6802H21C21.5967 21.6802 22.169 21.4431 22.591 21.0212C23.0129 20.5992 23.25 20.0269 23.25 19.4302C23.25 18.8334 23.0129 18.2611 22.591 17.8392C22.169 17.4172 21.5967 17.1802 21 17.1802Z" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.sidebar__menu-icon--competitions::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.66667 9.52174H2V18H8.66667M8.66667 9.52174V5H15.3333V10.087M8.66667 9.52174V18M15.3333 10.087H22V18H15.3333M15.3333 10.087V18M8.66667 18H15.3333" stroke="%23908F8F"/></svg>');
}

.sidebar__menu-icon--templates::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.17383V19.826M1 4.17383H23M1 4.17383C2.92583 6.46208 6.4186 10.322 9.08824 12.5151M1 19.826H23M1 19.826L9.08824 12.5151M23 19.826V4.17383M23 19.826L14.9118 12.5151M23 4.17383C21.0742 6.46208 17.5814 10.322 14.9118 12.5151M14.9118 12.5151C13.6945 13.5151 12.6484 14.1686 12 14.1686C11.3516 14.1686 10.3055 13.5151 9.08824 12.5151" stroke="%23908F8F" stroke-linejoin="round"/></svg>');
}

.sidebar__menu-icon--event-page::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 8V6C3 4.89543 3.89543 4 5 4H19C20.1046 4 21 4.89543 21 6V8M3 8V18.5C3 19.6046 3.89543 20.5 5 20.5H19C20.1046 20.5 21 19.6046 21 18.5V8M3 8H21" stroke="%23908F8F"/><circle cx="5.5" cy="6" r="0.5" fill="%23908F8F"/><circle cx="7.5" cy="6" r="0.5" fill="%23908F8F"/><circle cx="9.5" cy="6" r="0.5" fill="%23908F8F"/></svg>');
}

.sidebar__menu-icon--edit::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6334 4.02259L14.7365 1.91948C14.8786 1.77742 15.0598 1.67779 15.2601 1.66237C15.9046 1.61273 16.9554 1.7127 17.6441 2.40147C18.3329 3.09025 18.4329 4.14104 18.3833 4.78549C18.3678 4.98579 18.2682 5.16704 18.1261 5.30909L16.023 7.41221M12.6334 4.02259L7.91987 8.73614C7.75182 8.90419 7.64912 9.12659 7.63017 9.3635L7.36478 12.6808L10.6821 12.4155C10.919 12.3965 11.1414 12.2938 11.3095 12.1257L16.023 7.41221M12.6334 4.02259L16.023 7.41221M17.0841 12.4524L17.0145 17.0151C17.0062 17.5614 16.561 17.9999 16.0147 17.9999L3.49953 17.9999C2.94724 17.9999 2.49953 17.5522 2.49953 16.9999L2.49953 3.49997C2.49953 2.94769 2.94723 2.49998 3.49951 2.49997L9.59744 2.4999" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.sidebar__menu-icon--ask::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="%23908F8F"/><path d="M12 18.5C12.2761 18.5 12.5 18.2761 12.5 18C12.5 17.7239 12.2761 17.5 12 17.5C11.7239 17.5 11.5 17.7239 11.5 18C11.5 18.2761 11.7239 18.5 12 18.5Z" fill="%23908F8F"/><path d="M12 15.143C12 14.429 12.357 13.762 12.951 13.366L13.55 12.966C13.9959 12.6683 14.3615 12.2653 14.6144 11.7926C14.8673 11.3199 14.9998 10.7921 15 10.256V10C15 9.20435 14.6839 8.44129 14.1213 7.87868C13.5587 7.31607 12.7956 7 12 7C11.2044 7 10.4413 7.31607 9.87868 7.87868C9.31607 8.44129 9 9.20435 9 10" stroke="%23908F8F" stroke-linecap="round"/></svg>');
}

.sidebar__menu-text {
    flex: 1;
    font-weight: 500;
    letter-spacing: 0;
}

.sidebar__ask-btn {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 24px;
    font-size: 17px;
    color: #1AB0E1;
    border-radius: 10px;
    margin-bottom: 4px;
}

.sidebar__ask-text {
    font-weight: 500;
    letter-spacing: 0;
}

.dashboard__main {
    display: flex;
    flex-direction: row;
    margin-bottom: 64px;
}

@media (min-width: 1300px) and (max-width: 1500px) {
    .dashboard__main.container--lg:has(.dashboard__onboarding) {
        max-width: 100%;
        padding-right: 0;
        padding-left: calc((100vw - 1360px) / 2);
    }
}

@media (min-width: 1500px) {
    .dashboard__onboarding {
        border-radius: 20px;
    }
}

@media (max-width: 1200px) {
    .dashboard__main {
        flex-direction: column;
    }
}

.dashboard__content {
    flex: 1;
}

.dashboard__inner {
    padding-left: 60px;
    padding-right: 40px;
}


@media (min-width: 1360px) {
    .dashboard__inner:has(.mail-tpl) {
        padding-right: 0;
    }
}

.dashboard__onboarding {
    left: -20px;
    padding-left: 80px;
    width: calc(100% + 20px);
    position: relative;
    gap: 1.75rem;
    display: flex;
    flex-direction: column;
    padding-top: 44px;
    padding-bottom: 60px;
    transition: max-height 0.5s ease, padding-top 0.75s ease, padding-bottom 0.75s ease;
    max-height: 100%;
    overflow: hidden;
    background-color: #F3F3F3;
}

.dashboard__onboarding.hidden {
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dashboard__content .dashboard__inner:first-child {
    padding-top: 44px;
}

.dashboard__content .dashboard__inner:not(:first-child) {
    padding-top: 52px;
    padding-bottom: 52px;
}

.dashboard__onboarding-header {
    gap: 0.5rem;
    display: flex;
    max-width: 690px;
    flex-direction: column;
}

.dashboard__onboarding-desc {
    font-size: 1rem;
    color: #565354;
}

.dashboard__steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.dashboard__step {
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.dashboard__step-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.dashboard__step-info {
    gap: 0.625rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dashboard__step-info .button--text-arrow {
    margin-top: auto;
}

.dashboard__step-number {
    color: #908F8F;
}

.dashboard__step-header {
    display: flex;
    gap: 0.5rem;
}

.dashboard__step-title {
    font-size: 16px;
    font-weight: bold;
    color: #21252a;
}

.dashboard__step-desc {
    font-size: 14px;
    color: #7b7f89;
}

.dashboard__step-link {
    color: #221F1F;
    margin-top: auto;
    font-weight: 500;
    text-decoration: none;
}

.dashboard__step-link:hover {
    text-decoration: underline;
}


.event-header {
    gap: 110px;
    display: flex;
    margin-bottom: 64px;
    justify-content: space-between;
}

.event-header__title {
    display: inline-block;
    max-width: 669px;
}

.event-header__title .h2 {
    display: inline;
}

.event-header__title .edit-title {
    top: -10px;
    position: relative;
}

.event-header__content {
    gap: 1.125rem;
    display: flex;
    flex-direction: column;
}

.event-header__content .btn--stop {
    max-width: 100%;
    width: max-content;
}

.event-header__info {
    gap: 1rem;
    display: flex;
    flex-direction: column;
}

.event-header__row {
    gap: 1rem;
    display: grid;
    grid-template-columns: 128px 1fr;
}

.event-header__name {
    color: #565354;
    font-size: 0.875rem;
}

.event-header__value {
    gap: 0.75rem;
    display: flex;
    flex-direction: column;
    color: #221F1F;
    font-size: 1rem;
    font-weight: 700;
}

.event-header__value a {
    color: #44C8F5;
    font-size: 1rem;
    font-weight: 500;
    transition: opacity 0.25s ease;
}

.event-header__value a:hover {
    opacity: 0.75;
}

.event-stats {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    width: 340px;
}

@media (max-width: 380px) {
    .event-stats {
        width: 100%;
    }
}

.event-stats__header {
    gap: 1rem;
    display: flex;
    align-items: center;
}

.event-stats__title {
    gap: 1rem;
    display: flex;
    align-items: center;
}


.dashboard__group {
    background-color: #F3F3F3;
    border-radius: 16px;
    margin-bottom: 32px;
    max-width: 610px;
    padding: 22px 32px 18px 32px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.dashboard__group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.dashboard__group-title {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dashboard__group-count {
    color: #1ab0e1;
    font-size: 15px;
    font-weight: 600;
    margin-left: 6px;
}

.dashboard__group-icon {
    width: 22px;
    height: 22px;
    background: #f7f8fa;
    border-radius: 5px;
}

.dashboard__group-icon--organizers {
    background: url('icon-organizer.svg') no-repeat center / contain;
}

.dashboard__group-icon--teams {
    background: url('icon-teams-group.svg') no-repeat center / contain;
}

.dashboard__group-icon--competitions {
    background: url('icon-competitions-group.svg') no-repeat center / contain;
}

.btn-add {
    width: 32px;
    height: 32px;
    border: 1px solid #908F8F;
    padding: 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.25s ease;
    background-size: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_914_2332)"><path d="M8.21212 1V8M8.21212 15V8M8.21212 8H15H1" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_914_2332"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    background-color: transparent;
}

.btn-add:hover {
    border-color: #44C8F5;
    background-color: #44C8F5;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_914_2312)"><path d="M8.21212 1V8M8.21212 15V8M8.21212 8H15H1" stroke-linecap="round" stroke-linejoin="round" stroke="%23FFF"/></g><defs><clipPath id="clip0_914_2312"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}

.dashboard__group-list {
    margin-top: 10px;
}

.dashboard__group-member {
    background: #fff;
    border-radius: 10px;
    padding: 8px 18px;
    font-size: 16px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222;
}

.dashboard__group-role {
    color: #b7bac1;
    font-size: 15px;
    margin-left: 14px;
}

.dashboard__group-empty {
    padding: 24px;
    color: #908F8F;
    text-align: center;
    margin: 8px 0;
}

.dashboard__group-empty-note {
    font-size: 14px;
    color: #b7bac1;
    margin-top: 6px;
    display: block;
}

.dashboard__group-add-btn {
    margin-top: 15px;
    background: #e9f6fa;
    color: #1ab0e1;
    border: none;
    border-radius: 8px;
    padding: 10px 26px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.14s;
}

.dashboard__group-add-btn:hover {
    background: #d2ecf5;
}

.button--text-arrow {
    color: #221F1F;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    width: max-content;
    max-width: 100%;
    transition: color 0.25s ease;
}

.button--text-arrow:hover {
    color: #44C8F5;
}

.button--text-arrow::after {
    content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: -26px;
    transition: right 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3536 8.34354C14.5488 8.14828 14.5488 7.8317 14.3536 7.63644L11.1716 4.45446C10.9763 4.25919 10.6597 4.25919 10.4645 4.45446C10.2692 4.64972 10.2692 4.9663 10.4645 5.16156L13.2929 7.98999L10.4645 10.8184C10.2692 11.0137 10.2692 11.3303 10.4645 11.5255C10.6597 11.7208 10.9763 11.7208 11.1716 11.5255L14.3536 8.34354ZM2 7.98999V8.48999H14V7.98999V7.48999H2V7.98999Z" fill="%2344C8F5"/></svg>');
}

.button--text-arrow:hover::after {
    right: -34px;
}

.btn--export {
    gap: 0.5rem;
    display: flex;
    color: #221F1F;
    align-items: center;
    line-height: 120%;
    border: none;
    max-width: 110px;
    text-align: left;
    cursor: pointer;
    transition: color 0.25s ease;
    background: transparent;
}

.btn--export:hover {
    color: var(--color-green);
}

.btn--export::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 11V2M5.5 12H3.5C3.23478 12 2.98043 12.1054 2.79289 12.2929C2.60536 12.4804 2.5 12.7348 2.5 13V17C2.5 17.2652 2.60536 17.5196 2.79289 17.7071C2.98043 17.8946 3.23478 18 3.5 18H17.5C17.7652 18 18.0196 17.8946 18.2071 17.7071C18.3946 17.5196 18.5 17.2652 18.5 17V13C18.5 12.7348 18.3946 12.4804 18.2071 12.2929C18.0196 12.1054 17.7652 12 17.5 12H15.5M14.5 7L10.5 12L6.5 7M15.5 15H15.51" stroke="%2394C940" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.event-stats__list {
    gap: 0.625rem;
    display: flex;
    flex-direction: column;
}

.event-stats__row {
    gap: 8px;
    display: grid;
    color: #565354;
    font-size: 0.875rem;
    align-items: center;
    grid-template-columns: 104px 48px 124px 44px
}

.event-stats__count {
    color: #221F1F;
    font-size: 1rem;
}

.progress-bar {
    padding: 2px;
    gap: 2px;
    display: flex;
    align-items: flex-start;
}

.progress-bar__value {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: #DCDCDD;
}


.dash-item {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.dash-item:has(.event-cards) {
    gap: 32px;
}

.dash-item:not(:last-of-type) {
    margin-bottom: 64px;
}

@media (max-width: 700px) {
    .dash-item:not(:last-of-type) {
        margin-bottom: 44px !important;
    }

    /*.dash-item:has(+ .dash-item--empty) {*/
    /*    margin-bottom: 64px;*/
    /*}*/
}

.dash-item__header {
    gap: 16px;
    display: flex;
    align-items: center;
}

.dash-item__title {
    color: #221F1F;
    font-weight: 500;
    transition: color 0.25s ease;
    font-size: clamp(1.125rem, 0.5625rem + 2.5vw, 1.5rem);
}

.dash-item__title:hover {
    color: #44C8F5;
}

.dash-item--empty {
    max-width: 610px;
}

.dash-item--empty:not(:last-child) {
    margin-bottom: 64px;
}

.dash-item--empty .dash-item__content {
    gap: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 610px;
    padding: 48px 32px;
    border-radius: 20px;
    background-color: #F3F3F3;
    box-shadow: none;
}

.dash-item--empty .dash-item__content .button {
    border: none;
    padding: 1rem 2rem;
}

@media (max-width: 500px) {
    .dash-item--empty .dash-item__content {
        padding: 48px 16px;
    }
}

.dash-item__subtitle {
    font-size: 1.25rem;
}

.dash-item--empty .dash-item__desc {
    color: #908F8F;
    max-width: 500px;
    text-align: center;
}

.dash-item__content {
    gap: 1px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 8px 8px 20px 0 #1E1E1E1A;
}

.dash-item__row:last-child {
    padding: 10px 20px 15px 20px;
}

.dash-item__row:first-child {
    padding: 16px 20px 16px 20px;
}

.dash-item__row {
    gap: 20px;
    display: grid;
    padding: 14px 20px;
    background-color: #FFF;
    grid-template-columns: 1fr 230px;
}

.dash-item__value {
    color: #565354;
    font-size: 0.875rem;
}

@media (max-width: 1240px) {
    .dashboard__inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .dashboard__onboarding {
        padding-left: 40px;
    }
}

.sidebar__close-btn {
    display: none;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .sidebar {
        transition: all 0.25s ease;
        visibility: hidden;
        opacity: 0;
        left: -200vw;
        position: fixed;
        width: 300px;
        z-index: 110;
        top: 50%;
        transform: translateY(-50%);
        height: 700px;
        overflow: hidden;
    }

    .sidebar__nav {
        overflow-y: auto;
        height: 100%;
    }

    .sidebar.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    body:has(.sidebar.active) {
        overflow: hidden;
    }

    body:has(.sidebar.active)::after {
        content: '';
        position: fixed;
        inset: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh;
        display: inline-block;
        background-color: #11111173;
    }

    .sidebar__close-btn {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 24px;
        height: 24px;
        border: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: transparent;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 7.71875 6.28125 L 6.28125 7.71875 L 23.5625 25 L 6.28125 42.28125 L 7.71875 43.71875 L 25 26.4375 L 42.28125 43.71875 L 43.71875 42.28125 L 26.4375 25 L 43.71875 7.71875 L 42.28125 6.28125 L 25 23.5625 Z"/></svg>');
    }

    .dashboard__onboarding {
        left: 0;
        width: 100%;
        margin-top: 1rem;
        padding: 2rem 1.25rem;
    }

    .dashboard__steps {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard__content .dashboard__inner:not(:first-child) {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media (max-width: 960px) {
    .event-header {
        gap: 4rem;
        flex-direction: column;
    }
}

@media (max-width: 740px) {
    .dashboard__steps {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .event-header__row {
        gap: 0.25rem;
        display: flex;
        flex-direction: column;
    }
}

.progress-bar__value.red {
    background-color: #D32F2F;
}

.progress-bar__value.yellow {
    background-color: #FFE087;
}

.progress-bar__value.green {
    background-color: #94C940;
}

.dashboard__inner--split {
    gap: 1.25rem;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 336px;
}

.dashboard__inner--split:has(.dash-item--empty) {
    grid-template-columns: 610px 336px;
}

@media (max-width: 1360px) {
    .dashboard__main {
        padding: 0;
    }
}

.event-stats--mb {
    display: none;
}

@media (max-width: 1060px) {
    .dashboard__inner--split {
        display: flex;
        flex-direction: column;
    }

    .dashboard__right {
        position: static;
    }

    .event-stats--mb {
        display: flex;
    }

    .dashboard__right {
        display: none;
    }

    .dashboard__main {
        margin-bottom: 32px;
    }

}

.dashboard__right {
    top: 2rem;
    height: max-content;
    position: sticky;
}

.btn-close {
    border: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.65685 6.34315L12.3137 12M17.9706 17.6569L12.3137 12M12.3137 12L17.9706 6.34315M12.3137 12L6.65685 17.6569" stroke="%23221F1F"/></svg>');
}

.dashboard__onboarding .btn-close {
    top: 20px;
    right: 40px;
    position: absolute;
}

.edit-title {
    flex-shrink: 0;
    border: none;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    transition: filter 0.25s ease;
    cursor: pointer;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6334 4.02259L14.7365 1.91948C14.8786 1.77742 15.0598 1.67779 15.2601 1.66237C15.9046 1.61273 16.9554 1.7127 17.6441 2.40147C18.3329 3.09025 18.4329 4.14104 18.3833 4.78549C18.3678 4.98579 18.2682 5.16704 18.1261 5.30909L16.023 7.41221M12.6334 4.02259L7.91987 8.73614C7.75182 8.90419 7.64912 9.12659 7.63017 9.3635L7.36478 12.6808L10.6821 12.4155C10.919 12.3965 11.1414 12.2938 11.3095 12.1257L16.023 7.41221M12.6334 4.02259L16.023 7.41221M17.0841 12.4524L17.0145 17.0151C17.0062 17.5614 16.561 17.9999 16.0147 17.9999L3.49953 17.9999C2.94724 17.9999 2.49953 17.5522 2.49953 16.9999L2.49953 3.49997C2.49953 2.94769 2.94723 2.49998 3.49951 2.49997L9.59744 2.4999" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.edit-title:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(63%) saturate(454%) hue-rotate(152deg) brightness(98%) contrast(96%);
}


.event-cards {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.event-card {
    gap: 20px;
    display: flex;
    flex-direction: column;
    padding: 32px;
    border-radius: 20px;
    background-color: #FFF;
    box-shadow: 8px 8px 20px 0 #1E1E1E1A;
}

.event-card__header {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    justify-content: space-between;
}

.event-status {
    gap: 8px;
    display: flex;
    align-items: center;
    font-weight: 400;
    padding: 10px 16px;
    height: max-content;
    border-radius: 100px;
}

.event-status--timer {
    font-weight: 700;
    background-color: #009ED41A;
}

.event-status--timer::before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.54528 0.727051H9.45437M7.99982 9.45432V6.54523M2.18164 8.72705C2.35972 7.31321 3.05048 6.01389 4.12291 5.07552C5.19534 4.13714 6.57486 3.62497 7.99982 3.63614C8.94095 3.63714 9.86778 3.86643 10.7008 4.30433C11.5339 4.74223 12.2482 5.37568 12.7827 6.15034C13.3171 6.925 13.6557 7.81774 13.7693 8.75198C13.8829 9.68622 13.7682 10.6341 13.435 11.5142C13.1018 12.3944 12.56 13.1806 11.8562 13.8054C11.1524 14.4302 10.3075 14.8749 9.39405 15.1015C8.48059 15.328 7.52582 15.3295 6.61163 15.106C5.69744 14.8824 4.85112 14.4405 4.14528 13.818L2.18164 12.0725" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.818 11.6362H2.18164V15.2726" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.event-status--ongoing {
    font-weight: 400;
    font-size: 0.875rem;
    background-color: #4CAF501A;
}

.event-status--ongoing::before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.59961 1.6001V5.6001M1.59961 5.6001H5.59961M1.59961 5.6001C1.59933 4.63951 4.36198 2.52868 5.75071 2.00787C7.13944 1.48706 8.66595 1.46475 10.0693 1.94476C11.4727 2.42477 12.6657 3.37729 13.4446 4.63951C13.9172 5.40543 14.2195 6.25653 14.3394 7.13576" stroke="%234CAF50" stroke-linecap="round"/><path d="M14.3398 14.3354L14.3398 10.3354M14.3398 10.3354L10.3398 10.3354M14.3398 10.3354C14.3398 10.7999 11.5775 13.4069 10.1887 13.9277C8.80001 14.4485 7.2735 14.4708 5.87015 13.9908C4.46679 13.5108 3.27372 12.5583 2.49486 11.296C2.02225 10.5301 1.71996 9.67902 1.60007 8.79979" stroke="%234CAF50" stroke-linecap="round"/></svg>');
}

.event-status--finished {
    font-size: 0.875rem;
    background-color: #D32F2F1A;
}

.event-status--finished::before {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.25 2.371C12.4892 3.08644 13.4576 4.19077 14.0052 5.51272C14.5528 6.83468 14.6489 8.30037 14.2785 9.68249C13.9082 11.0646 13.0921 12.2859 11.957 13.157C10.8218 14.028 9.43087 14.5002 8 14.5002C6.56913 14.5002 5.17824 14.028 4.04305 13.157C2.90787 12.2859 2.09182 11.0646 1.72148 9.68249C1.35115 8.30037 1.44721 6.83468 1.99479 5.51272C2.54236 4.19077 3.51083 3.08644 4.75 2.371M8 1.5V6.5" stroke="%23D32F2F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.event-card__details {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.event-card__row {
    gap: 8px;
    display: grid;
    grid-template-columns: 64px 1fr;
}

.event-card__label {
    color: #908F8F;
    line-height: 120%;
    font-size: 0.875rem;
}

.event-card__value {
    color: #221F1F;
}

.teams-table {
    gap: 1px;
    display: flex;
    overflow: hidden;
    border-radius: 20px;
    flex-direction: column;
}

.teams-table__row {
    gap: 10px;
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr max-content;
    background-color: #FAFAFA;
    justify-content: space-between;
}

.team-table__label {
    color: #221F1F;
}

.team-table__value {
    font-weight: 700;
    min-width: 48px;
}

.event-card__content {
    gap: 20px;
    display: grid;
    grid-template-columns: 0.32fr 0.54fr 0.21fr;
}

.event-actions {
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-self: center;
    border-radius: 20px;
    overflow: hidden;
    height: max-content;
    padding: 16px 10px;
    background-color: #FAFAFA;
}

.event-actions--row {
    padding: 0;
    overflow: visible;
    border-radius: 0;
    flex-direction: row;
}

.event-actions__header {
    display: flex;
    justify-content: space-between;
}

.event-actions__input {
    width: 40px;
    height: 20px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.25s ease;
    border-radius: 100px;
    background-color: #94C940;
}

.event-actions__input input {
    inset: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.event-actions__text--visible,
.event-actions__text--hidden,
.event-actions__icon--visible,
.event-actions__icon--hidden {
    display: none;
}

.event-actions:has(input:checked) .event-actions__text--visible,
.event-actions:has(input:checked) .event-actions__icon--visible {
    display: inline-block;
}

.event-actions:not(:has(input:checked)) .event-actions__text--hidden,
.event-actions:not(:has(input:checked)) .event-actions__icon--hidden {
    display: inline-block;
}

.event-actions__input .circle {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #FFF;
    position: absolute;
    top: 2px;
    left: calc(100% - 18px);
    transition: all 0.25s ease;
}

.event-actions__input:not(:has(input:checked)) .circle {
    left: 2px;
}

.event-actions__input:not(:has(input:checked)) {
    /*background-color: #908F8F;*/
    background-color: #D32F2F;
}

.table-primary .event-actions__input:not(:has(input:checked)) {
    background-color: #D32F2F;
}

.event-actions__text {
    color: #565354;
    line-height: 120%;
    font-size: 0.875rem;
}

.event-buttons {
    gap: 68px;
    display: flex;
}

.btn--start {
    gap: 0.625rem;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: 100px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFF;
    width: max-content;
    max-width: 100%;
    letter-spacing: 1px;
    transition: opacity 0.5s ease;
    padding: 0.531rem 1.25rem;
    background-color: #44C8F5;
}

.btn--start::before {
    content: '';
    z-index: 2;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 1s ease, filter 0.15s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.39941 2.40039V8.40039M2.39941 8.40039H8.39941M2.39941 8.40039C2.39899 6.95951 6.54297 3.79326 8.62607 3.01205C10.7092 2.23083 12.9989 2.19737 15.104 2.91738C17.209 3.6374 18.9986 5.06618 20.1669 6.95951C20.8758 8.10839 21.3292 9.38503 21.5091 10.7039" stroke="white" stroke-linecap="round"/><path d="M21.5098 21.5034L21.5098 15.5034M21.5098 15.5034L15.5098 15.5034M21.5098 15.5034C21.5098 16.2001 17.3662 20.1105 15.2831 20.8918C13.2 21.673 10.9103 21.7064 8.80522 20.9864C6.70019 20.2664 4.91058 18.8376 3.74229 16.9443C3.03337 15.7954 2.57994 14.5188 2.40011 13.1999" stroke="white" stroke-linecap="round"/></svg>');
}

.btn--start:hover::before {
    transform: rotate(360deg);
    filter: brightness(0) saturate(100%) invert(80%) sepia(45%) saturate(3074%) hue-rotate(163deg) brightness(96%) contrast(100%);
}

.btn--edit {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: #565354;
    width: max-content;
    max-width: 100%;
    transition: color 0.25s ease;
}

.btn--edit::before {
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    transition: filter 0.25s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6334 4.02259L14.7365 1.91948C14.8786 1.77742 15.0598 1.67779 15.2601 1.66237C15.9046 1.61273 16.9554 1.7127 17.6441 2.40147C18.3329 3.09025 18.4329 4.14104 18.3833 4.78549C18.3678 4.98579 18.2682 5.16704 18.1261 5.30909L16.023 7.41221M12.6334 4.02259L7.91987 8.73614C7.75182 8.90419 7.64912 9.12659 7.63017 9.3635L7.36478 12.6808L10.6821 12.4155C10.919 12.3965 11.1414 12.2938 11.3095 12.1257L16.023 7.41221M12.6334 4.02259L16.023 7.41221M17.0841 12.4524L17.0145 17.0151C17.0062 17.5614 16.561 17.9999 16.0147 17.9999L3.49953 17.9999C2.94724 17.9999 2.49953 17.5522 2.49953 16.9999L2.49953 3.49997C2.49953 2.94769 2.94723 2.49998 3.49951 2.49997L9.59744 2.4999" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--edit:hover {
    color: #44C8F5;
}

.btn--edit:hover::before {
    filter: brightness(0) saturate(100%) invert(58%) sepia(99%) saturate(323%) hue-rotate(153deg) brightness(101%) contrast(92%);
}

.btn--stop {
    gap: 0.625rem;
    color: #FFF;
    font-weight: 500;
    display: flex;
    align-items: center;
    border-radius: 100px;
    transition: all 0.25s ease;
    letter-spacing: 1px;
    padding: 0.625rem 1.25rem;
    background-color: #D32F2F;
}

.btn--stop::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    transform: scale(1);
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.875 3.5565C18.7338 4.62965 20.1865 6.28615 21.0078 8.26908C21.8292 10.252 21.9733 12.4506 21.4178 14.5237C20.8623 16.5969 19.6382 18.4289 17.9354 19.7354C16.2326 21.042 14.1463 21.7502 12 21.7502C9.85369 21.7502 7.76736 21.042 6.06458 19.7354C4.3618 18.4289 3.13773 16.5969 2.58223 14.5237C2.02672 12.4506 2.17082 10.252 2.99218 8.26908C3.81353 6.28615 5.26625 4.62965 7.125 3.5565M12 2.25V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--stop:hover {
    opacity: 0.8;
}

.btn--stop:hover::before {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(0.75);
    }

    100% {
        transform: scale(1);
    }
}

.btn--continue {
    gap: 0.625rem;
    display: flex;
    color: #221F1F;
    font-size: 1rem;
    border: none;
    border-radius: 100px;
    align-items: center;
    padding: 0.625rem 1.25rem;
    background-color: #ECFAFE;
}

.btn--continue::before {
    content: '';
    z-index: 2;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    transition: filter 0.15s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.875 3.55664C18.7338 4.62979 20.1865 6.28629 21.0078 8.26923C21.8292 10.2522 21.9733 12.4507 21.4178 14.5239C20.8623 16.597 19.6382 18.429 17.9354 19.7356C16.2326 21.0422 14.1463 21.7504 12 21.7504C9.8537 21.7504 7.76736 21.0422 6.06458 19.7356C4.3618 18.429 3.13773 16.597 2.58223 14.5239C2.02672 12.4507 2.17082 10.2522 2.99218 8.26923C3.81353 6.28629 5.26625 4.62979 7.125 3.55664" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 8V16M12 8L18 13L12 16V8Z" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--continue:hover::before {
    filter: brightness(0) invert(1);
}

.event-buttons:has(.btn--stop) {
    gap: 28px;
}

.event-buttons:has(.btn--continue) {
    gap: 16px;
}

.btn-sidebar {
    color: #221F1F;
    font-size: 1rem;
    padding: 0.625rem 1.25rem;
    display: none;
    align-items: center;
    gap: 0.625rem;
    border-radius: 100px;
    border: 1px solid #DCDCDD;
    background-color: transparent;
    width: max-content;
    transition: opacity 0.25s ease;
    max-width: 100%;
    cursor: pointer;
}

.btn-sidebar:hover {
    opacity: 0.75;
}

.btn-sidebar svg {
    width: 1.25rem;
    height: 1.25rem;
}

.dash-item__title-wrapper {
    gap: 8px;
    display: flex;
    align-items: center;
}

.dash-item__amount {
    color: #908F8F;
    font-size: 0.875rem;
}

.form__subtitle {
    font-size: 1.25rem;
    font-weight: 500;
    color: #221F1F
}


@media (max-width: 1200px) {
    .btn-sidebar {
        display: flex;
    }
}

@media (max-width: 1000px) {
    .dashboard__content .dashboard__inner:first-child {
        padding-top: 16px;
    }

    .dashboard__onboarding .btn-close {
        top: 10px;
        right: 20px;
    }
}

@media (max-width: 820px) {
    .event-card__content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .event-card {
        padding: 32px 20px;
    }

    .event-buttons {
        gap: 20px;
        align-items: center;
        flex-direction: column;
    }

    .event-header {
        gap: 3rem;
    }

}

@media (max-width: 570px) {
    .dash-item__row {
        gap: 6px;
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 410px) {
    .dashboard__inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .event-cards {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 360px) {
    .event-stats__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .event-stats__row {
        grid-template-columns: max-content max-content;
    }
}

.attach-image {
    gap: 16px;
    display: flex;
    align-items: center;
}

.attach-image .btn-remove {
    width: 16px;
    height: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.attach-image.active .btn-remove {
    opacity: 1;
    pointer-events: all;
}

.btn-append,
.attach-image__button {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #908F8F;
    padding: 0.625rem 1.25rem;
    position: relative;
    font-size: 0.875rem;
    border-radius: 100px;
    white-space: nowrap;
    background-color: #FFF;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.btn-append::before,
.attach-image__button::before {
    content: '';
    width: 1rem;
    height: 1rem;
    transition: filter 0.25s ease;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_662_219)"><path d="M8.21212 1V8M8.21212 15V8M8.21212 8H15H1" stroke="%2344C8F5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_662_219"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
}

.btn-append:hover,
.attach-image__button:hover {
    color: #FFF;
    border-color: #44C8F5;
    background-color: #44C8F5;
}

.btn-append:hover::before,
.attach-image__button:hover::before {
    filter: brightness(0) invert(1);
}

.btn-append input[type="file"] {
    inset: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}

.attach-image__input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.attach-image__file-result {
    color: #908F8F;
    font-size: 0.875rem;
    white-space: nowrap;
    max-width: 14ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form__subheader {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.form__col--20 {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.form__textarea {
    font-size: 0.875rem;
    border-radius: 4px;
    padding: 1rem;
    border: none;
    resize: none;
    background-color: #FAFAFA;
}

.form__textarea::placeholder {
    color: #908F8F;
    font-size: 0.875rem;
}

.form__additional-inputs {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.form__additional-input {
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 42px;
    align-items: center;
}

.form__additional-input .btn-add {
    width: 100%;
    height: 100%;
}

.form__additional-input .btn-remove {
    margin-left: 10px;
}

.mail-tpl .attach-image__button {
    font-size: 1rem;
}

.mail-tpl__split {
    gap: 130px;
    display: grid;
    grid-template-columns: 340px 160px;
}

.mail-tpl__settings {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.mail-tpl__colors {
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mail-frame {
    gap: 9px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #DCDCDD;
    background-color: transparent;
}

.mail-frame__header {
    height: 18px;
    border-radius: 4px;
    background-color: #DCDCDD;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="120" height="19" viewBox="0 0 120 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 14.0727C16.2927 7.28982 36.2914 4.79988 31.3926 11.5399C25.269 19.9649 39.2868 22.208 56.3664 13.2678C73.446 4.32765 90.0092 -3.68951 96.2804 1.79479C102.551 7.27909 90.3781 9.76902 97.8666 12.86C105.355 15.9509 119.816 7.63326 120 6.87125" stroke="%23F3F3F3" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.mail-frame__bg {
    padding: 21px 16px 36px 16px;
    border-radius: 4px;
    background-color: #44C8F5;
}

.mail-frame__text:first-child {
    width: 50%;
    margin-bottom: 16px;
}

.mail-frame__text {
    height: 4px;
    margin-bottom: 8px;
    border-radius: 100px;
    background-color: #221F1F;
}

.color-picker {
    height: 42px;
    border-radius: 4px;
    position: relative;
    box-shadow: 8px 8px 20px 0 #1E1E1E1A;
}

.color-picker input {
    inset: 0;
    opacity: 0;
    position: absolute;
}

.step-card {
    gap: 16px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 20px;
    background-color: #FFFFFF;
}

.step-card__header {
    gap: 8px;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.step-card__buttons {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.step-card__btn-icon {
    gap: 8px;
    display: flex;
    cursor: pointer;
    transition: color 0.25s ease;
}

.step-card__btn-icon:hover {
    color: #44C8F5;
}

.grid-3 {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.mail-tpl {
    gap: 64px;
    display: flex;
    flex-direction: column;
}

.step-card__name {
    font-weight: 500;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}

.step-card .button--text-arrow {
    padding: 0.75rem 2.875rem 0.75rem 1.25rem;
    background-color: #ECFAFE;
}

.step-card .step-card__buttons {
    margin-top: auto;
}

.btn--arrow {
    gap: 10px;
    display: flex;
    cursor: pointer;
    border-radius: 100px;
    padding: 0.75rem 1.25rem;
    width: max-content;
    border: 1px solid transparent;
    background-color: #ECFAFE;
    transition: background-color 0.25s ease, border-color 0.25s ease, gap 0.25s ease;
}

.btn--arrow:hover {
    gap: 1rem;
    border-color: #ECFAFE;
    background-color: transparent;
}

.btn--arrow::after {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3536 8.34354C14.5488 8.14828 14.5488 7.8317 14.3536 7.63644L11.1716 4.45446C10.9763 4.25919 10.6597 4.25919 10.4645 4.45446C10.2692 4.64972 10.2692 4.9663 10.4645 5.16156L13.2929 7.98999L10.4645 10.8184C10.2692 11.0137 10.2692 11.3303 10.4645 11.5255C10.6597 11.7208 10.9763 11.7208 11.1716 11.5255L14.3536 8.34354ZM2 7.98999V8.48999H14V7.98999V7.48999H2V7.98999Z" fill="%2344C8F5"/></svg>');
}

.form__label-header {
    gap: 10px;
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
}

@media (max-width: 500px) {
    .form__label-header {
        gap: 1rem;
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 500px) {
    .form__label-header .toggle-wrapper {
        margin-left: auto;
    }
}

.toggle-wrapper {
    gap: 8px;
    display: flex;
    align-items: center;
}

.form-buttons {
    gap: 22.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 52px;
    margin-bottom: 78px;
    flex-wrap: wrap;
}

.form-buttons button,
.form-buttons a {
    margin: 0 !important;
}

body:has(.form) .header--no-fixed,
body:has(.dashboard__main) .header--no-fixed {
    margin-bottom: 20px;
}

.textarea-wrapper {
    position: relative;
}

.textarea-wrapper textarea {
    width: 100%;
    position: relative;
}

.textarea-wrapper:has(.textarea-btns) textarea {
    padding-top: 60px;
}

.textarea-btns {
    gap: 7px;
    display: flex;
    top: 16px;
    left: 16px;
    position: absolute;
    z-index: 1;
}

.textarea-btns button {
    width: 32px;
    height: 32px;
    border: none;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.btn--ol {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="%23908F8F"/><path d="M8.602 24.0718C8.31 24.0718 8.02 24.0338 7.732 23.9578C7.444 23.8778 7.2 23.7658 7 23.6218L7.378 22.8778C7.538 22.9938 7.724 23.0858 7.936 23.1538C8.148 23.2218 8.362 23.2558 8.578 23.2558C8.822 23.2558 9.014 23.2078 9.154 23.1118C9.294 23.0158 9.364 22.8838 9.364 22.7158C9.364 22.5558 9.302 22.4298 9.178 22.3378C9.054 22.2458 8.854 22.1998 8.578 22.1998H8.134V21.5578L9.304 20.2318L9.412 20.5798H7.21V19.7998H10.15V20.4298L8.986 21.7558L8.494 21.4738H8.776C9.292 21.4738 9.682 21.5898 9.946 21.8218C10.21 22.0538 10.342 22.3518 10.342 22.7158C10.342 22.9518 10.28 23.1738 10.156 23.3818C10.032 23.5858 9.842 23.7518 9.586 23.8798C9.33 24.0078 9.002 24.0718 8.602 24.0718Z" fill="%23908F8F"/><path d="M7.20372 18V17.37L8.82372 15.84C8.95172 15.724 9.04572 15.62 9.10572 15.528C9.16572 15.436 9.20572 15.352 9.22572 15.276C9.24972 15.2 9.26172 15.13 9.26172 15.066C9.26172 14.898 9.20372 14.77 9.08772 14.682C8.97572 14.59 8.80972 14.544 8.58972 14.544C8.41372 14.544 8.24972 14.578 8.09772 14.646C7.94972 14.714 7.82372 14.82 7.71972 14.964L7.01172 14.508C7.17172 14.268 7.39572 14.078 7.68372 13.938C7.97172 13.798 8.30372 13.728 8.67972 13.728C8.99172 13.728 9.26372 13.78 9.49572 13.884C9.73172 13.984 9.91372 14.126 10.0417 14.31C10.1737 14.494 10.2397 14.714 10.2397 14.97C10.2397 15.106 10.2217 15.242 10.1857 15.378C10.1537 15.51 10.0857 15.65 9.98172 15.798C9.88172 15.946 9.73372 16.112 9.53772 16.296L8.19372 17.562L8.00772 17.208H10.3777V18H7.20372Z" fill="%23908F8F"/><path d="M8.34 12.2V8.36L8.76 8.78H7.5V8H9.312V12.2H8.34Z" fill="%23908F8F"/><path d="M18 22.656V21.876H24V22.656H18Z" fill="%23908F8F"/><path d="M12 22.656V21.876H18V22.656H12Z" fill="%23908F8F"/><path d="M18 16.656V15.876H24V16.656H18Z" fill="%23908F8F"/><path d="M12 16.656V15.876H18V16.656H12Z" fill="%23908F8F"/><path d="M18 10.656V9.87598H24V10.656H18Z" fill="%23908F8F"/><path d="M12 10.656V9.87598H18V10.656H12Z" fill="%23908F8F"/></svg>');
}

.btn--ul {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="%23908F8F"/><path d="M7.7861 23.0478C7.6261 23.0478 7.4881 22.9938 7.3721 22.8858C7.2601 22.7738 7.2041 22.6318 7.2041 22.4598C7.2041 22.2878 7.2601 22.1498 7.3721 22.0458C7.4881 21.9378 7.6261 21.8838 7.7861 21.8838C7.9501 21.8838 8.0881 21.9378 8.2001 22.0458C8.3121 22.1498 8.3681 22.2878 8.3681 22.4598C8.3681 22.6318 8.3121 22.7738 8.2001 22.8858C8.0881 22.9938 7.9501 23.0478 7.7861 23.0478Z" fill="%23908F8F"/><path d="M7.7861 17.0478C7.6261 17.0478 7.4881 16.9938 7.3721 16.8858C7.2601 16.7738 7.2041 16.6318 7.2041 16.4598C7.2041 16.2878 7.2601 16.1498 7.3721 16.0458C7.4881 15.9378 7.6261 15.8838 7.7861 15.8838C7.9501 15.8838 8.0881 15.9378 8.2001 16.0458C8.3121 16.1498 8.3681 16.2878 8.3681 16.4598C8.3681 16.6318 8.3121 16.7738 8.2001 16.8858C8.0881 16.9938 7.9501 17.0478 7.7861 17.0478Z" fill="%23908F8F"/><path d="M7.7861 11.0478C7.6261 11.0478 7.4881 10.9938 7.3721 10.8858C7.2601 10.7738 7.2041 10.6318 7.2041 10.4598C7.2041 10.2878 7.2601 10.1498 7.3721 10.0458C7.4881 9.93779 7.6261 9.88379 7.7861 9.88379C7.9501 9.88379 8.0881 9.93779 8.2001 10.0458C8.3121 10.1498 8.3681 10.2878 8.3681 10.4598C8.3681 10.6318 8.3121 10.7738 8.2001 10.8858C8.0881 10.9938 7.9501 11.0478 7.7861 11.0478Z" fill="%23908F8F"/><path d="M18 22.656V21.876H24V22.656H18Z" fill="%23908F8F"/><path d="M12 22.656V21.876H18V22.656H12Z" fill="%23908F8F"/><path d="M18 16.656V15.876H24V16.656H18Z" fill="%23908F8F"/><path d="M12 16.656V15.876H18V16.656H12Z" fill="%23908F8F"/><path d="M18 10.656V9.87598H24V10.656H18Z" fill="%23908F8F"/><path d="M12 10.656V9.87598H18V10.656H12Z" fill="%23908F8F"/></svg>');
}

.btn--ol.active {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="%2344C8F5"/><path d="M8.602 24.0718C8.31 24.0718 8.02 24.0338 7.732 23.9578C7.444 23.8778 7.2 23.7658 7 23.6218L7.378 22.8778C7.538 22.9938 7.724 23.0858 7.936 23.1538C8.148 23.2218 8.362 23.2558 8.578 23.2558C8.822 23.2558 9.014 23.2078 9.154 23.1118C9.294 23.0158 9.364 22.8838 9.364 22.7158C9.364 22.5558 9.302 22.4298 9.178 22.3378C9.054 22.2458 8.854 22.1998 8.578 22.1998H8.134V21.5578L9.304 20.2318L9.412 20.5798H7.21V19.7998H10.15V20.4298L8.986 21.7558L8.494 21.4738H8.776C9.292 21.4738 9.682 21.5898 9.946 21.8218C10.21 22.0538 10.342 22.3518 10.342 22.7158C10.342 22.9518 10.28 23.1738 10.156 23.3818C10.032 23.5858 9.842 23.7518 9.586 23.8798C9.33 24.0078 9.002 24.0718 8.602 24.0718Z" fill="%2344C8F5"/><path d="M7.20372 18V17.37L8.82372 15.84C8.95172 15.724 9.04572 15.62 9.10572 15.528C9.16572 15.436 9.20572 15.352 9.22572 15.276C9.24972 15.2 9.26172 15.13 9.26172 15.066C9.26172 14.898 9.20372 14.77 9.08772 14.682C8.97572 14.59 8.80972 14.544 8.58972 14.544C8.41372 14.544 8.24972 14.578 8.09772 14.646C7.94972 14.714 7.82372 14.82 7.71972 14.964L7.01172 14.508C7.17172 14.268 7.39572 14.078 7.68372 13.938C7.97172 13.798 8.30372 13.728 8.67972 13.728C8.99172 13.728 9.26372 13.78 9.49572 13.884C9.73172 13.984 9.91372 14.126 10.0417 14.31C10.1737 14.494 10.2397 14.714 10.2397 14.97C10.2397 15.106 10.2217 15.242 10.1857 15.378C10.1537 15.51 10.0857 15.65 9.98172 15.798C9.88172 15.946 9.73372 16.112 9.53772 16.296L8.19372 17.562L8.00772 17.208H10.3777V18H7.20372Z" fill="%2344C8F5"/><path d="M8.34 12.2V8.36L8.76 8.78H7.5V8H9.312V12.2H8.34Z" fill="%2344C8F5"/><path d="M18 22.656V21.876H24V22.656H18Z" fill="%2344C8F5"/><path d="M12 22.656V21.876H18V22.656H12Z" fill="%2344C8F5"/><path d="M18 16.656V15.876H24V16.656H18Z" fill="%2344C8F5"/><path d="M12 16.656V15.876H18V16.656H12Z" fill="%2344C8F5"/><path d="M18 10.656V9.87598H24V10.656H18Z" fill="%2344C8F5"/><path d="M12 10.656V9.87598H18V10.656H12Z" fill="%2344C8F5"/></svg>');
}

.btn--ul.active {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="%2344C8F5"/><path d="M7.7861 23.0478C7.6261 23.0478 7.4881 22.9938 7.3721 22.8858C7.2601 22.7738 7.2041 22.6318 7.2041 22.4598C7.2041 22.2878 7.2601 22.1498 7.3721 22.0458C7.4881 21.9378 7.6261 21.8838 7.7861 21.8838C7.9501 21.8838 8.0881 21.9378 8.2001 22.0458C8.3121 22.1498 8.3681 22.2878 8.3681 22.4598C8.3681 22.6318 8.3121 22.7738 8.2001 22.8858C8.0881 22.9938 7.9501 23.0478 7.7861 23.0478Z" fill="%2344C8F5"/><path d="M7.7861 17.0478C7.6261 17.0478 7.4881 16.9938 7.3721 16.8858C7.2601 16.7738 7.2041 16.6318 7.2041 16.4598C7.2041 16.2878 7.2601 16.1498 7.3721 16.0458C7.4881 15.9378 7.6261 15.8838 7.7861 15.8838C7.9501 15.8838 8.0881 15.9378 8.2001 16.0458C8.3121 16.1498 8.3681 16.2878 8.3681 16.4598C8.3681 16.6318 8.3121 16.7738 8.2001 16.8858C8.0881 16.9938 7.9501 17.0478 7.7861 17.0478Z" fill="%2344C8F5"/><path d="M7.7861 11.0478C7.6261 11.0478 7.4881 10.9938 7.3721 10.8858C7.2601 10.7738 7.2041 10.6318 7.2041 10.4598C7.2041 10.2878 7.2601 10.1498 7.3721 10.0458C7.4881 9.93779 7.6261 9.88379 7.7861 9.88379C7.9501 9.88379 8.0881 9.93779 8.2001 10.0458C8.3121 10.1498 8.3681 10.2878 8.3681 10.4598C8.3681 10.6318 8.3121 10.7738 8.2001 10.8858C8.0881 10.9938 7.9501 11.0478 7.7861 11.0478Z" fill="%2344C8F5"/><path d="M18 22.656V21.876H24V22.656H18Z" fill="%2344C8F5"/><path d="M12 22.656V21.876H18V22.656H12Z" fill="%2344C8F5"/><path d="M18 16.656V15.876H24V16.656H18Z" fill="%2344C8F5"/><path d="M12 16.656V15.876H18V16.656H12Z" fill="%2344C8F5"/><path d="M18 10.656V9.87598H24V10.656H18Z" fill="%2344C8F5"/><path d="M12 10.656V9.87598H18V10.656H12Z" fill="%2344C8F5"/></svg>');
}

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

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

    .mail-tpl__split {
        gap: 20px;
        grid-template-columns: 1fr 160px;
    }
}

@media (max-width: 500px) {
    .mail-tpl__split {
        grid-template-columns: 1fr;
    }
}

.btn-remove {
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    transition: opacity 0.25s ease;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" fill="white"/><line x1="6" y1="6" x2="26" y2="26" stroke="%23FF3211" stroke-width="6" stroke-linecap="square"/><line x1="26" y1="6" x2="6" y2="26" stroke="%23FF3211" stroke-width="6" stroke-linecap="square"/></svg>');
}

.btn-remove:hover {
    opacity: 0.75;
}

.btn-remove--sm {
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1177_631)'%3E%3Cpath d='M3.19935 2.90026L8.1491 7.85001M13.0988 12.7998L8.1491 7.85001M8.1491 7.85001L12.9489 3.05025L3.04936 12.9497' stroke='%23D32F2F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1177_631'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    transition: max-height 0.25s ease;
}

.table-wrapper tbody {
    position: relative;
}

.table-primary {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1px;
    white-space: nowrap;
}

.table-primary thead th {
    color: #908F8F;
    font-weight: 400;
    line-height: 120%;
    font-size: 0.625rem;
    text-align: left;
    padding-bottom: 16px;
}

.table-primary--white thead th {
    padding-bottom: 12px;
}

.table-primary tbody tr td {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.table-primary tbody tr:has(.toggle-option__input:checked) td {
    background-color: #FFFFFF;
}

.table-primary--white {
    position: relative;
}

.table-primary--white tbody tr td {
    background-color: #FFF;
}

.table-primary tbody tr:first-child td:first-child {
    border-top-left-radius: 4px;
}

.table-primary tbody tr:first-child td:last-child {
    border-top-right-radius: 4px;
}

.table-primary tbody tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

.table-primary tbody tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.table-primary--white tbody tr:first-child td:first-child {
    border-top-left-radius: 20px;
}

.table-primary--white tbody tr:first-child td:last-child {
    border-top-right-radius: 20px;
}

.table-primary--white tbody tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
}

.table-primary--white tbody tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
}

.table-primary tbody tr:has(input:not(:checked)) + tr:has(input:checked) td:first-child {
    border-top-left-radius: 4px;
}

.table-primary tbody tr:has(input:not(:checked)) + tr:has(input:checked) td:last-child {
    border-top-right-radius: 4px;
}

.table-primary tbody tr:has(input:checked):not(:has(+ tr:has(input:checked))) td:first-child {
    border-bottom-left-radius: 4px;
}

.table-wrapper:not(.full) .table-primary--white .last td:first-child {
    border-bottom-left-radius: 20px;
}

.table-wrapper:not(.full) .table-primary--white .last td:last-child {
    border-bottom-right-radius: 20px;
}

.table-primary--white tbody tr:first-child td {
    border-top: 1px solid #F3F3F3;
}

.table-primary--white tbody tr:last-child td {
    border-bottom: 1px solid #F3F3F3;
}

.table-primary--white tbody tr td:first-child {
    border-left: 1px solid #F3F3F3;
}
.table-primary--white tbody tr td:last-child {
    border-right: 1px solid #F3F3F3;
}

.table-primary--white tbody tr:last-child td:last-child {
    border-right: 1px solid #F3F3F3;
}


.table-primary tbody tr td:first-child {
    padding-left: 20px
}

.table-primary tbody tr td:last-child {
    padding-right: 20px;
}

[data-table-users] tbody tr td:nth-of-type(1) {
    width: 40px;
    padding-right: 16px;
}

[data-table-users] tbody tr td:nth-of-type(2) {
    width: 400px;
    padding-right: 16px;
}

[data-table-users] tbody tr td:nth-of-type(2) {
    width: 400px;
    padding-right: 16px;
}

[data-table-users] tbody tr td:nth-of-type(3) {
    width: 140px;
    padding-right: 16px;
    font-size: 0.875rem;
    color: #565354;
}

[data-table-users] tbody tr td:nth-of-type(4) {
    width: 240px;
    padding-right: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.875rem;
    color: #565354;
    max-width: 26ch;
}

[data-table-users] tbody tr td:nth-of-type(5) {
    width: 32px;
}

.table-actions {
    position: relative;
}

.table-actions__btn {
    width: 32px;
    height: 32px;
    border: none;
    cursor: pointer;
    border-radius: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1163_904)"><path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="%23F3F3F3"/><g clip-path="url(%23clip1_1163_904)"><circle cx="1" cy="1" r="1" transform="matrix(4.37114e-08 1 1 -4.37114e-08 15 15)" stroke="%23908F8F" stroke-width="2"/><circle cx="1" cy="1" r="1" transform="matrix(4.37114e-08 1 1 -4.37114e-08 9 15)" stroke="%23908F8F" stroke-width="2"/><circle cx="1" cy="1" r="1" transform="matrix(4.37114e-08 1 1 -4.37114e-08 21 15)" stroke="%23908F8F" stroke-width="2"/></g></g><defs><clipPath id="clip0_1163_904"><rect width="32" height="32" fill="white"/></clipPath><clipPath id="clip1_1163_904"><rect width="10" height="20" fill="white" transform="translate(6 21) rotate(-90)"/></clipPath></defs></svg>');
}

.table-actions__list {
    top: 100%;
    right: 0;
    gap: 1rem;
    opacity: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 20px;
    width: max-content;
    height: max-content;
    position: absolute;
    transition: opacity 0.25s ease;
    pointer-events: none;
    list-style-type: none;
    background-color: #FFF;
    box-shadow: 8px 8px 40px 0px #1E1E1E0D;
    box-shadow: -4px -4px 20px 0px #0000001A;
}

.table-actions:hover .table-actions__list {
    opacity: 1;
    pointer-events: all;
}

.table-actions__list a {
    gap: 0.625rem;
    display: flex;
    align-items: center;
    color: #221F1F;
    white-space: nowrap;
    transition: filter 0.15s ease;
}

.table-actions__list a:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(67%) saturate(406%) hue-rotate(152deg) brightness(94%) contrast(104%);
}

.table-actions:hover .table-actions__btn {
    background-size: 20px 20px;
    background-color: #ECFAFE;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1163_1045)'%3E%3Ccircle cx='1' cy='1' r='1' transform='matrix(4.37114e-08 1 1 -4.37114e-08 9 4)' stroke='%2344C8F5' stroke-width='2'/%3E%3Ccircle cx='1' cy='1' r='1' transform='matrix(4.37114e-08 1 1 -4.37114e-08 3 4)' stroke='%2344C8F5' stroke-width='2'/%3E%3Ccircle cx='1' cy='1' r='1' transform='matrix(4.37114e-08 1 1 -4.37114e-08 15 4)' stroke='%2344C8F5' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1163_1045'%3E%3Crect width='10' height='20' fill='white' transform='translate(4.37114e-07 10) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


.action-edit::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6334 4.02259L14.7365 1.91948C14.8786 1.77742 15.0598 1.67779 15.2601 1.66237C15.9046 1.61273 16.9554 1.7127 17.6441 2.40147C18.3329 3.09025 18.4329 4.14104 18.3833 4.78549C18.3678 4.98579 18.2682 5.16704 18.1261 5.30909L16.023 7.41221M12.6334 4.02259L7.91987 8.73614C7.75182 8.90419 7.64912 9.12659 7.63017 9.3635L7.36478 12.6808L10.6821 12.4155C10.919 12.3965 11.1414 12.2938 11.3095 12.1257L16.023 7.41221M12.6334 4.02259L16.023 7.41221M17.0841 12.4524L17.0145 17.0151C17.0062 17.5614 16.561 17.9999 16.0147 17.9999L3.49953 17.9999C2.94724 17.9999 2.49953 17.5522 2.49953 16.9999L2.49953 3.49997C2.49953 2.94769 2.94723 2.49998 3.49951 2.49997L9.59744 2.4999" stroke="%23908F8F" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.action-reset::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4962 14.2174C14.712 15.3452 13.5783 16.1964 12.2624 16.6455C10.9464 17.0945 9.51795 17.1176 8.1876 16.7113C6.85725 16.3051 5.69547 15.491 4.87364 14.3892C4.05182 13.2874 3.62305 12 3.62305 11' stroke='%23908F8F' stroke-linecap='round'/%3E%3Cpath d='M2.01357 13.9734L3.19134 10.4991L6.39625 12.2841' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.62296 5.78259C5.40717 4.65478 6.54084 3.80358 7.85677 3.35455C9.17269 2.90551 10.6012 2.88241 11.9315 3.28865C13.2619 3.69489 14.4237 4.50897 15.2455 5.61081C16.0673 6.71264 16.4961 8 16.4961 9' stroke='%23908F8F' stroke-linecap='round'/%3E%3Cpath d='M18.1036 6.02665L16.9259 9.50089L13.7209 7.71593' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='8' r='1.5' stroke='%23908F8F'/%3E%3Cpath d='M9 9L8 13H12L11 9' stroke='%23908F8F' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.action-delete::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.29412H3.88235M18 5.29412H16.1176M16.1176 5.29412V13.5741C16.1176 14.8876 15.5342 16.1333 14.5251 16.9742C13.7297 17.637 12.7271 18 11.6917 18H8.30829C7.2729 18 6.27028 17.637 5.47488 16.9742C4.46579 16.1333 3.88235 14.8876 3.88235 13.5741V5.29412M16.1176 5.29412H13.7647M3.88235 5.29412H6.23529M6.23529 5.29412H13.7647M6.23529 5.29412C6.23529 3.47483 7.71012 2 9.52941 2H10.4706C12.2899 2 13.7647 3.47483 13.7647 5.29412M7.17647 8.11765V14.7059M10 8.11765V14.7059M12.8235 8.11765V14.7059' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.action-add::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7.625' stroke='%23908F8F'/%3E%3Cpath d='M6.25 9.69643L9.42797 13.125L13.75 8.125' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.action-result::before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00049 1.45459H2.45508C1.90279 1.45459 1.45508 1.90231 1.45508 2.45459V6M14.0005 1.45459H17.546C18.0983 1.45459 18.546 1.90231 18.546 2.45459V6M1.45508 14V17.5455C1.45508 18.0978 1.90279 18.5455 2.45508 18.5455H6.00049M14.0005 18.5455H17.546C18.0983 18.5455 18.546 18.0978 18.546 17.5455V14.0227' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.63672 7.72763V4.63672C3.63672 4.08443 4.08443 3.63672 4.63672 3.63672H7.72763C8.27991 3.63672 8.72763 4.08443 8.72763 4.63672V7.72763C8.72763 8.27991 8.27991 8.72763 7.72763 8.72763H4.63672C4.08443 8.72763 3.63672 8.27991 3.63672 7.72763Z' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.63672 15.3634V12.2725C3.63672 11.7202 4.08443 11.2725 4.63672 11.2725H7.72763C8.27991 11.2725 8.72763 11.7202 8.72763 12.2725V15.3634C8.72763 15.9157 8.27991 16.3634 7.72763 16.3634H4.63672C4.08443 16.3634 3.63672 15.9157 3.63672 15.3634Z' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2734 15.4998V12.2725C11.2734 11.7202 11.7212 11.2725 12.2734 11.2725H15.4139' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4551 16.3637V14.4546C13.4551 13.9023 13.9028 13.4546 14.4551 13.4546H16.3642' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2734 7.72763V4.63672C11.2734 4.08443 11.7212 3.63672 12.2734 3.63672H15.3643C15.9166 3.63672 16.3643 4.08443 16.3643 4.63672V7.72763C16.3643 8.27991 15.9166 8.72763 15.3643 8.72763H12.2734C11.7212 8.72763 11.2734 8.27991 11.2734 7.72763Z' stroke='%23908F8F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}



.table__btn--sort {
    cursor: pointer;
    position: relative;
}

.table__btn--sort::after {
    content: '';
    width: 1rem;
    height: 0.5rem;
    margin-left: 4px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8V1M4 1L1 4M4 1L7 4' stroke='%23DCDCDD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1L12 8M12 8L15 5M12 8L9 5' stroke='%23DCDCDD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.table__btn--sort:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(67%) saturate(406%) hue-rotate(152deg) brightness(94%) contrast(104%);
}

.section-header {
    gap: 0.5rem;
    display: flex;
}

.section-header .btn-add {
    margin-left: 0.5rem;
}

.section-header sup {
    color: #908F8F;
    font-size: 0.875rem;
}

.table-primary tr:nth-last-child(2):not(:first-child) .table-actions__list,
.table-primary tr:last-child:not(:first-child) .table-actions__list {
    top: unset;
    bottom: 0;
    right: 40px;
}

.table-primary:not(:has(tr:nth-child(3))) {
    padding-bottom: 100px;
}

.dashboard__header--with-actions {
    gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 191px;
}

.event-header__actions {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}

[data-table-teams] thead tr th:nth-of-type(1) {
    text-align: center;
}

[data-table-teams] tbody tr td:nth-of-type(1) {
    width: 37px;
    color: #908F8F;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

[data-table-teams] tbody tr td:nth-of-type(2) {
    width: 32px;
    padding-right: 0;
    text-align: center
}

[data-table-teams] thead tr th:nth-of-type(2) {
    text-align: center;
}

[data-table-teams] tbody tr td:nth-of-type(2) img,
[data-table-teams] tbody tr td:nth-of-type(2) svg {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    object-fit: contain;
    overflow: hidden;
}

[data-table-teams] thead tr th:nth-of-type(3) {
    padding-left: 20px;
}

[data-table-teams] thead tr th:nth-of-type(5) {
    text-align: center;
}

[data-table-teams] thead tr th:nth-of-type(6) {
    padding-left: 20px;
}



[data-table-teams] tbody tr td:nth-of-type(3) {
    width: 575px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 47ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

[data-table-teams] tbody tr td:nth-of-type(4) {
    color: #565354;
    font-weight: 700;
    width: 64px;
    padding-right: 20px;
    text-align: center;
}

[data-table-teams] tbody tr td:nth-of-type(5) {
    color: #565354;
    width: 32px;
    text-align: center;
    font-size: 0.875rem;
}

[data-table-teams] tbody tr td:nth-of-type(6) {
    color: #565354;
    width: 128px;
    padding-left: 20px;
    font-size: 0.875rem;
}

[data-table-teams] tbody tr td:nth-of-type(7) {
    width: 32px;
    padding-right: 0;
}

@media (min-width: 1400px) {
    .dashboard__inner.pr-0 {
        padding-right: 0;
    }
}

.show-more {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1rem;
    border: none;
    color: #221F1F;
    background: transparent;
    cursor: pointer;
    transition: color 0.25s ease;
}

.show-more:hover {
    color: #44C8F5;
}

.show-more::after {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6.5L10.364 12.864L16.7279 6.5' stroke='%2344C8F5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.show-more:hover::after {
    transform: rotate(180deg);
}

.table-block .show-more {
    margin: 32px auto 0 auto;
}

.table-block .section-header {
    flex-wrap: wrap;
    align-items: center;
}

[data-table-votes] thead tr th:nth-of-type(1) {
    padding-left: 20px;
}


[data-table-votes] tbody tr td:nth-of-type(1) {
    width: 410px;
    padding-right: 16px;
}

[data-table-votes] tbody tr td:nth-of-type(2) {
    width: 306px;
    padding-right: 16px;
    font-weight: 700;
}

[data-table-votes] tbody tr td:nth-of-type(2) img {
    width: 24px;
    height: 24px;
}

[data-table-votes] tbody tr td:nth-of-type(3) {
    width: 128px;
    padding-right: 16px;
    font-size: 0.875rem;
    color: #565354;
}

[data-table-votes] tbody tr td:nth-of-type(4) {
    width: 64px;
    color: #DCDCDD;
    padding-right: 16px;
    font-size: 0.875rem;
}

[data-table-votes] tbody tr td:nth-of-type(4) .from {
    color: #565354;
}

[data-table-votes] tbody tr td:nth-of-type(5) {
    width: 32px;
    padding-right: 16px;
}

[data-table-teams] tbody tr:first-child td {
    padding-top: 16px;
    padding-bottom: 10px;
}

.cell-vote {
    gap: 8px;
    display: flex;
    align-items: center;
}

.cell-vote__name {
    max-width: 30ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cell-name {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.cell-name img {
    width: 16px;
    height: 16px;
}

.cell-name__header {
    gap: 8px;
    display: flex;
    align-items: center;
}

.cell-name__subname {
    color: #565354;
    font-size: 0.875rem;
    position: relative;
    gap: 0.5rem;
    display: flex;
    align-items: center;
}

.cell-name__subname::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 2C2.5 1.72386 2.27614 1.5 2 1.5C1.72386 1.5 1.5 1.72386 1.5 2H2H2.5ZM15.3536 10.3536C15.5488 10.1583 15.5488 9.84171 15.3536 9.64645L12.1716 6.46447C11.9763 6.2692 11.6597 6.2692 11.4645 6.46447C11.2692 6.65973 11.2692 6.97631 11.4645 7.17157L14.2929 10L11.4645 12.8284C11.2692 13.0237 11.2692 13.3403 11.4645 13.5355C11.6597 13.7308 11.9763 13.7308 12.1716 13.5355L15.3536 10.3536ZM2 2H1.5V9H2H2.5V2H2ZM3 10V10.5H15V10V9.5H3V10ZM2 9H1.5C1.5 9.82843 2.17157 10.5 3 10.5V10V9.5C2.72386 9.5 2.5 9.27614 2.5 9H2Z' fill='%23908F8F'/%3E%3C/svg%3E");
}

[data-table-votes] tbody tr:first-child td {
    padding-top: 20px;
    padding-bottom: 10px;
}

.table-block .section-header .btn--export {
    font-size: 0.625rem;
}

.form__start-content {
    gap: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.teams-fields {
    gap: 1.25rem;
    display: flex;
    flex-direction: column;
}

.teams-field {
    gap: 0.625rem;
    display: flex;
    position: relative;
    width: 100%;
}

.teams-field .input-std {
    width: 100%;
    border: none;
    outline: none;
    background-color: #FAFAFA;
}

.teams-field .btn-add {
    flex-shrink: 0;
}

.team-logo {
    gap: 4px;
    display: flex;
    align-items: center;
    width: 58px;
    flex-shrink: 0;
    padding: 2px 1px 2px 1px;
}

.team-logo img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 100px;
    overflow: hidden;
}

.btn-trash {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border: none;
    cursor: pointer;
    background-color: #FAFAFA;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5.29412H3.88235M18 5.29412H16.1176M16.1176 5.29412V13.5741C16.1176 14.8876 15.5342 16.1333 14.5251 16.9742C13.7297 17.637 12.7271 18 11.6917 18H8.30829C7.2729 18 6.27028 17.637 5.47488 16.9742C4.46579 16.1333 3.88235 14.8876 3.88235 13.5741V5.29412M16.1176 5.29412H13.7647M3.88235 5.29412H6.23529M6.23529 5.29412H13.7647M6.23529 5.29412C6.23529 3.47483 7.71012 2 9.52941 2H10.4706C12.2899 2 13.7647 3.47483 13.7647 5.29412M7.17647 8.11765V14.7059M10 8.11765V14.7059M12.8235 8.11765V14.7059' stroke='%23D32F2F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-trash:hover {
    opacity: 0.5;
}

.teams-fields__added {
    display: flex;
    flex-direction: column;
}

.teams-fields__added .teams-field input {
    background-color: transparent;
}

.teams-fields__added .teams-field {
    align-items: center;
    border-bottom: 1px solid #FAFAFA;
}

.teams-fields__added .teams-field:first-child {
    border-top: 1px solid #FAFAFA;
}

.teams-field .btn-append {
    height: max-content;
    align-self: center;
}

.teams-field .input-std {
    color: #221F1F;
    text-overflow: ellipsis;
}

.teams-field .btn-add {
    width: 42px;
    height: 42px;
}

.form--competition .form__fieldset {
    gap: 20px;
}

.form--competition {
    gap: 40px;
}

/*dash-item__content*/
/*dash-item__content--empty*/