a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box}a,button{border:none;outline:0;text-decoration:none;background-color:none}.nav-item svg{height:28px!important;width:100%;user-select:none;display:inline-block;fill:currentcolor;flex-shrink:0;font-size:1.5rem;transition:fill .2s cubic-bezier(.4,0,.2,1)}
body {
    font-family: "Manrope", sans-serif;
    background: linear-gradient(45deg,#7B82FF, #9fa4ff);
    height: 100dvh;
    overflow: hidden;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #7B82FF;
}

.canvas_full {
    max-width: 100%;
    width: 100%;
    height: 100dvh;
    background: linear-gradient(#1D1D1D, 80%, #0f3014);
}

.canvas_full .offcanvas-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

.canvas_full ul a {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding: 1rem 0;
    display: block;
}

.canvas_full ul a:hover,
.canvas_full ul a.active {
    color: #7B82FF;
}

.logo_u {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff !important;
    font-size: 20px;
    font-weight: bold;
}

.logo_u>img {
    height: 32px;
}

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

.nav_buttons {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.index_main{
    height: 100dvh;
    background: url('../image-assets/auth_banner.webp') no-repeat;
    background-size: cover;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.comunity_tabs {
    padding: 20px;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.comunity_tabs button {
    border-radius: 50px;
    padding: 12px 1rem;
    font-size: 14px;
    color: #000 !important;
    border-radius: 50px !important;
    padding: 12px 1rem;
}

.comunity_tabs button.active {
    background: #7B82FF !important;
    color: #fff !important;
}

/* loader */

@keyframes float {
    0% {
        filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.6));
        transform: translatey(0px);
    }

    50% {
        filter: drop-shadow(0 25px 15px rgba(0, 0, 0, 0.6));
        transform: translatey(-20px);
    }

    100% {
        filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.6));
        transform: translatey(0px);
    }
}

.containerLoader {
    /* background: url('../image-assets/banner.webp'); */
    background: linear-gradient(45deg,#7B82FF, #9fa4ff);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    overflow: hidden;
    position: relative;
}

.containerLoader::before{
    content: '';
    background: url(../image-assets/fav.svg) no-repeat;
    background-size: contain;
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    top: -5rem;
    left: -5rem;
    z-index: 9999;
}
.containerLoader::after{
    content: '';
    background: url(../image-assets/fav.svg) no-repeat;
    background-size: contain;
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: -5rem;
    right: -5rem;
    z-index: 9999;
}
.bg_fav{
    position: absolute;
    width: 20vw;
    min-width: 300px;
    opacity: 0.06;
    filter: brightness(5) contrast(5);
}

.avatar {
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
}

.content h1 {
    color: #A59891;
    margin-top: 2rem;
    font-size: 16px;
    text-transform: capitalize;
}

.login_btn,
.direct_btn {
    font-weight: bold;
}

.css-typing{
    margin-top: 1rem;
}
.css-typing p {
    border-right: .15em solid orange;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto;
  }
  .css-typing p:nth-child(1) {
    width: 17em;
    -webkit-animation: type 2s steps(40, end);
    animation: type 2s steps(40, end);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  
  .css-typing p:nth-child(2) {
    width: 10em;
    opacity: 0;
    -webkit-animation: type2 2s steps(40, end);
    animation: type2 2s steps(40, end);
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  
  
  @keyframes type {
    0% {
      width: 0;
    }
    99.9% {
      border-right: .15em solid orange;
    }
    100% {
      border: none;
    }
  }
  
  @keyframes type2 {
    0% {
      width: 0;
    }
    1% {
      opacity: 1;
    }
    99.9% {
      border-right: .15em solid orange;
    }
    100% {
      opacity: 1;
      border: none;
    }
  }
  
  @keyframes blink {
    50% {
      border-color: transparent;
    }
  }


.main_auth_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main_auth_box h1,
.main_auth_box h2 {
    font-size: 30px;
    color: #15EC40;
    font-weight: bold;
}

.main_auth_box h2 {
    color: #fff;
    margin-top: 10px;
}

.login_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 425px;
    font-size: 18px;
    width: 100%;
    padding: 20px;
    margin-top: 2rem;
    background: #FAED42;
    color: #000 !important;
    border-radius: 10px;
    font-family: 'Hagrid Text Trial';

}

.direct_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 50px;
    padding: 1rem;
    background: #00000025;
    width: fit-content;
    padding: 20px;
    font-family: 'Hagrid Text Trial';
    color: #fff !important;
}   

.or_line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    padding: 2rem 0;
}

.or_line span {
    height: 1px;
    width: 100%;
    display: block;
}

.or_line span:first-child {
    background: linear-gradient(-90deg, #ffffff86, #ffffff00);
}

.or_line span:last-child {
    background: linear-gradient(90deg, #ffffff86, #ffffff00);
}

.or_line p {
    color: #fff;
    font-weight: bold;
    font-family: 'Hagrid Text Trial';
    text-transform: uppercase;
    font-size: 14px;
}

.banner_art img {
    aspect-ratio: 210 / 270;
    border: 1px solid #fff;
    border-radius: 20px;
    object-fit: cover;
    max-width: 210px;
}

.main_banner_art {
    display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: flex-start;
    height: 530px;
    overflow: hidden;
}

.art_ff {
    transition: 0.9s ease;
    transform: translateY(-100%);
}

.art_ban_row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: 0.9s ease;
    transform: translateY(-100%);
}

.art_ff.active,
.art_ban_row.active {
    transform: translateY(-10%);
}

.art_ban_row-1 {
    margin-top: -8rem;
}


/* Auth css  */
.splash_sec {
    width: 100%;
    height: 100dvh;
    overflow: hidden auto;
}

.auth_header {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.auth_header>button {
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    background-color: transparent;
}

.auth_header>h2 {
    color: #FAED42;
    font-size: 26px;    
    font-family: 'Hagrid Text Trial';
    font-weight: 500;
}

.redirect_ii {
    margin-top: 2rem;
}

.redirect_ii>p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
}

.redirect_ii>span {
    font-size: 16px;
    font-weight: 500;
    margin-top: 1rem;
    display: block;
    color: #888888 !important;
}

.redirect_ii>span a {
    color: #FFD641 !important;
}

.redirect_ii>span a:hover {
    text-decoration: underline;
}

.wrapper {
    max-width: 425px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.wrapper>img {
    height: 45px;
}

.wrapper>h1 {
    color: #8D8D8D;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 3rem;
}

.wrapper>h2 {
    color: #15EC40;
    font-size: 50px;
    text-transform: uppercase;
    margin-top: 1rem;
    font-weight: bold;

}

.wrapper .input-box_auth {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 2rem;
}

.input-box_auth input {
    width: 100%;
    height: 100%;
    background: #ffffff1a;
    border: 1px solid #0000002a;
    outline: none;
    border-radius: 7px;
    font-size: 16px;
    color: white;
    padding: 15px;
}

.input-box_auth input:focus {
    border-color: #000;
}

.auth_main {
    height: 100dvh !important;
/*    background: #1D1D1B !important;*/
      background: #1D1D1B ;
}

input[type=checkbox] {
    position: relative;
    border: 2px solid #fff;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    opacity: .5;
}

input[type=checkbox]:hover {
    opacity: 1;
}

input[type=checkbox]:checked {
    background-color: #fff;
    opacity: 1;
}

input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 4px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}
input[type=checkbox]:checked::before{
    border-color: #000;
}
.checkbox_row {
    display: flex;
    align-items: center;
    line-height: 1.3;
    font-size: 14px;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #0000002a;
    color: #fff;
}


.wrapper .remember-forget {
    display: flex;
    justify-content: space-between;
    font-size: 14.5px;
    margin-top: 1rem;
    width: 100%;
}

.remember-forget label {
    color: #fff;
    display: flex;
    align-items: center;
}

.remember-forget label input {
    accent-color: white;
    margin-right: 5px;
}

.remember-forget a {
    color: white;
    text-decoration: none;
}

.remember-forget a:hover {
    text-decoration: underline;
}

.wrapper .btn {
    width: 100%;
    height: 52px;
    background: #FAED42;
    border: none;
    outline: none;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    cursor: pointer;
    font-family: 'Hagrid Text Trial';
    font-size: 16px;
    font-weight: bold;
    margin-top: 2rem;
    text-transform: uppercase;
}

.wrapper .register-link {
    font-size: 16px;
    text-align: center;
    margin: 20px 0 15px;
    color: #fff;
    margin-top: 4rem;
}

.register-link p a {
    color: #7B82FF;
    text-decoration: none;
    font-weight: 400;
}

.register-link p a:hover {
    text-decoration: underline;
}

.play_btn {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dadada8c;
    position: absolute;
    backdrop-filter: blur(3px);
    z-index: 1;
}

.play_btn img {
    width: 40%;
    margin-right: -5px;
    filter: invert();
}

.app__videos {
    position: relative;
    overflow: scroll;
    width: 100%;
    scroll-snap-type: y mandatory;
}

.stack_dot_card {
    width: 100%;
    min-height: 80dvh;
    overflow: hidden;
    background: #000;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    margin-bottom: 2rem;
    scroll-snap-align: center;
    transition: 0.5s ease;
}

.stack_dot_card:last-child {
    margin: 0;
}

.stack_dot_card>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.8);
    z-index: 0;
}

.stack_detail {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    z-index: 1;
    background: linear-gradient(0deg, #000, #00000000);
}

.stack_detail h2 {
    color: #fff;
    font-size: 30px;
}

.stack_detail.event h2 {
    font-size: 40px;
    font-weight: bold;
}

.stack_detail p,
.stack_detail h3 {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}

.stack_detail h3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.stack_detail button {
    background: #7B82FF;
    border-radius: 50px;
    padding: 12px 1rem;
    font-size: 14px;
    color: #fff;
    margin-top: 2rem;
}

.member {
    background: #7B82FF69;
    border-radius: 50px;
    padding: 12px 1rem;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
}

.user_area_stack {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 1rem;
}

.user_area_stack>img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
}

.user_area_stack>span {
    color: #fff;
    font-size: 14px;
}

.news_thub {
    aspect-ratio: 1/1;
    width: 100%;
}

.news_card {
    height: fit-content;
}

.news_thub>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_deatil>span {
    color: #646464;
    font-size: 16px;
    font-weight: 500;
    margin-top: 7px;
    display: flex;
}

.news_deatil>h2 {
    color: #000;
    font-size: 24px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_deatil>p {
    color: #000;
    font-size: 16px;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;

}

.news_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-auto-flow: row;
    gap: 1rem;
    padding: 1rem;
}

.news_card:nth-child(3n+1) {
    grid-column: span 2;
    grid-row: span 4;
}



.main {
    max-width: 425px;
    margin: 0 auto;
}

.termly-styles-module-primary-c2e506 {
    color: #4672ff
}

.termly-styles-module-secondary-dbc415 {
    color: #00c999
}

.termly-styles-module-dangerous-ca78b3 {
    color: #ed7474
}

.termly-styles-module-root-c82f71 {
    font-size: .875em;
}

.termly-styles-module-root-c82f71.termly-styles-module-disabled-f3b5ea {
    opacity: .5;
    cursor: not-allowed
}

.termly-styles-module-root-c82f71:not(.termly-styles-module-disabled-f3b5ea) {
    cursor: pointer
}

.termly-styles-module-outline-af2c17 {
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    background: #fff;
    padding: .625em 2em
}

.termly-styles-module-outline-af2c17.termly-styles-module-primary-c2e506 {
    border-color: #4672ff
}

.termly-styles-module-outline-af2c17.termly-styles-module-secondary-dbc415 {
    border-color: #00c999
}

.termly-styles-module-outline-af2c17.termly-styles-module-dangerous-ca78b3 {
    border-color: #ed7474
}

.termly-styles-module-solid-f10ff4 {
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    color: #fff;
    padding: .625em 2em
}

.termly-styles-module-solid-f10ff4.termly-styles-module-primary-c2e506 {
    border-color: #4672ff;
    background: #4672ff
}

.termly-styles-module-solid-f10ff4.termly-styles-module-secondary-dbc415 {
    border-color: #00c999;
    background: #00c999
}

.termly-styles-module-solid-f10ff4.termly-styles-module-dangerous-ca78b3 {
    border-color: #ed7474;
    background: #ed7474
}

.termly-styles-module-text-eeb886 {
    border: none;
    background: rgba(0, 0, 0, 0);
    padding: 0
}

.termly-styles-module-root-fb0fcd {
    display: flex;
    gap: 8px
}

.termly-styles-module-root-fb0fcd.termly-styles-module-disabled-c85e61 {
    cursor: not-allowed;
    opacity: .5
}

.termly-styles-module-root-fb0fcd:not(.termly-styles-module-disabled-c85e61) {
    cursor: pointer
}

.termly-styles-module-checkbox-c81b5f {
    width: 18px;
    height: 18px;
    border: solid 1px #e1e3e6;
    border-radius: 3px;
    background-image: linear-gradient(to top, #f2f4fb, #feffff);
    display: flex;
    flex: 0 0 18px
}

.termly-styles-module-checkbox-c81b5f.termly-styles-module-checked-d34356 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIwJSIgeTE9IjUwJSIgeTI9IjUwJSI+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMEE2REEiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNkY4OUVEIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxwYXRoIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYgMTl2LTNINHY1aDEwdi0ySDZ6IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgLTEwLjYwNyAxNC42MjEpIi8+Cjwvc3ZnPgo=), linear-gradient(to top, #f2f4fb, #feffff);
    background-repeat: no-repeat;
    background-position: center
}

.termly-styles-module-input-ccc581 {
    display: none
}

.termly-styles-module-label-dfa1a4 {
    display: flex;
    align-items: center
}

.termly-styles-module-root-c60f9c {
    border-radius: 3px;
    border: 1px solid #ced4da;
    color: #363840;
    font-size: inherit;
    line-height: 1.429;
    padding: .714em 1.0714em
}

.termly-styles-module-root-d2a96c {
    height: 100%
}

.termly-styles-module-spinner-d9d2d6 {
    animation: termly-styles-module-rotate-d0c2b2 2s linear infinite;
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex
}

.termly-styles-module-spinner-d9d2d6 .termly-styles-module-path-da4f9d {
    stroke: var(--loading-circle-color, #92bfeb);
    stroke-linecap: round;
    animation: termly-styles-module-dash-c05540 1.5s ease-in-out infinite
}

@keyframes termly-styles-module-rotate-d0c2b2 {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes termly-styles-module-dash-c05540 {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.termly-styles-module-root-a6c3b2 {
    display: flex;
    gap: 5px
}

.termly-styles-module-root-a6c3b2.termly-styles-module-disabled-fda258 {
    cursor: not-allowed
}

.termly-styles-module-root-a6c3b2:not(.termly-styles-module-disabled-fda258) {
    cursor: pointer
}

.termly-styles-module-input-da74ea {
    display: none
}

.termly-styles-module-radio-a94319 {
    width: 15px;
    height: 15px;
    border-radius: 9px;
    border: 1px solid #ced0da;
    background-image: linear-gradient(to top, #f2f4fb, #feffff);
    display: flex;
    justify-content: center;
    align-items: center
}

.termly-styles-module-radio-a94319.termly-styles-module-checked-e5d8eb .termly-styles-module-radio__inner-d76ba3 {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background-color: #239eeb
}

.termly-styles-module-radio-a94319.termly-styles-module-disabled-fda258 {
    opacity: .5
}

.termly-styles-root-e048c3 {
    --previewer-background-color: #f5f6fa
}

.termly-styles-previewBox-dab982 {
    background: #f5f6fa;
    border: 1px solid #e8e8e8;
    border-radius: .25rem;
    box-shadow: 0 2px 4px rgba(226, 226, 226, .5);
    margin-bottom: 1rem
}

.termly-styles-button-f6d912 {
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    line-height: 1.25rem
}

.termly-styles-previewButton__icon-a2a478 {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: .25rem
}

.termly-styles-root-b6d779 {
    background-color: #fff;
    border: 1px solid #eee;
    font-size: .375rem;
    margin: 1rem;
    max-height: 11.625rem;
    overflow: hidden;
    position: relative
}

.termly-styles-document-fe4f4a {
    padding: 1rem;
    background: var(--background)
}

.termly-styles-document-fe4f4a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 10em;
    background: linear-gradient(to top, var(--previewer-background-color) 10%, transparent);
    opacity: 1;
    transition: opacity .2s ease
}

.termly-styles-title-bd8d98 {
    color: var(--title-color);
    font-weight: 700;
    text-transform: uppercase
}

.termly-styles-body-f8f7a6 {
    color: var(--body-color);
    margin-top: 3em;
    line-height: 1.5
}

.termly-styles-root-ee2d31 {
    width: 100%;
    background: #fff
}

@keyframes termly-styles-wave-aa28ba {
    0% {
        background-position: -41rem 0
    }

    100% {
        background-position: 41rem 0
    }
}

.termly-styles-heading-f8eb34,
.termly-styles-paragraph-cf8268 {
    height: .9375rem;
    border-radius: .1875rem;
    background: linear-gradient(to right, rgba(226, 226, 226, .5) 0, rgba(226, 226, 226, .2) 35%, rgba(226, 226, 226, .5) 70%);
    animation: termly-styles-wave-aa28ba 2s linear infinite forwards
}

.termly-styles-heading-f8eb34 {
    width: 35%;
    margin: 1.875rem 0 .625rem
}

.termly-styles-paragraph-cf8268 {
    width: 100%;
    margin: .3125rem 0
}

.termly-styles-root-dd86da {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(58, 67, 105, .6);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0
}

@media only screen and (max-width:36rem) {
    .termly-styles-root-dd86da {
        padding: 0
    }
}

.termly-styles-modal-e647a2 {
    width: 80%;
    height: 100%;
    background: #fff;
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    max-width: 75rem
}

@media only screen and (max-width:48rem) {
    .termly-styles-modal-e647a2 {
        width: 95%
    }
}

@media only screen and (max-width:36rem) {
    .termly-styles-modal-e647a2 {
        width: 100%
    }
}

.termly-styles-header-ed7756 {
    padding: 1rem;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #ddd
}

.termly-styles-body-e74b81 {
    flex: 1
}

.termly-styles-content-d35581 {
    overflow-y: scroll;
    padding: 1.75rem 4.0625rem 6.25rem
}

.termly-styles-content-d35581>:last-child {
    padding-bottom: 1.875rem
}

@media only screen and (max-width:48rem) {
    .termly-styles-content-d35581 {
        padding: 2rem
    }
}

@keyframes go2264125279 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go3020080000 {
    from {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes go463499852 {
    from {
        transform: scale(0) rotate(90deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(90deg);
        opacity: 1
    }
}

@keyframes go1268368563 {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes go1310225428 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go651618207 {
    0% {
        height: 0;
        width: 0;
        opacity: 0
    }

    40% {
        height: 0;
        width: 6px;
        opacity: 1
    }

    100% {
        opacity: 1;
        height: 10px
    }
}

@keyframes go901347462 {
    from {
        transform: scale(.6);
        opacity: .4
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.go4109123758 {
    z-index: 9999
}

.go4109123758>* {
    pointer-events: auto
}

@keyframes custom-toast-entry {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.termly-styles-text-bdf096 {
    white-space: nowrap
}

.termly-styles-button-b0e415 {
    color: #00c999 !important;
    font-size: 1rem !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 1rem
}

.termly-styles-icon-b122b9 {
    margin-left: .333em
}

.termly-styles-root-a23abe {
    border-top: 1px solid var(--common-footer-top-border-color, #ced4da);
    padding-top: .625rem;
    display: flex;
    justify-content: var(--common-footer-justify-content, normal)
}

.termly-styles-links-c9a7f2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap
}

.termly-styles-links-c9a7f2 .termly-styles-link-b1bf11 {
    font-size: .75rem;
    line-height: 1rem;
    color: #6c7794;
    white-space: nowrap
}

.termly-styles-links-c9a7f2>:not(:last-child) {
    margin-right: 1rem
}

.termly-styles-root-f77920 {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 40px;
    align-items: stretch;
    background-color: #f5f6fa;
}

.termly-styles-container-d5bb24 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 140px
}

.termly-styles-logo-a20b4b {
    height: 35px;
    width: 35px
}

.termly-styles-title-eb294d {
    color: #013986;
    font-weight: 500;
    font-size: 24px;
    margin: 0
}

.termly-styles-abstractArt-c6085c {
    height: 160px;
    width: 160px;
    margin-bottom: 28px
}

.termly-styles-bodyText-a36e56 {
    color: #6c7794;
    max-width: 20em;
    max-width: 17em;
    text-align: center;
    line-height: 1.375
}

.termly-styles-logo-c34f28 {
    vertical-align: middle
}

.termly-styles-root-a8fc9c {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    height: 3.75rem;
    column-gap: 1.5625rem
}

.termly-styles-leftContent-c15413 {
    width: 15.125rem;
    display: flex
}

.termly-styles-logo-f3c9eb {
    height: 1.875rem;
    width: auto;
    margin-right: 1rem
}

.termly-styles-middleContent-e50bb7 {
    flex: 1;
    padding-left: 2.5625rem
}

.termly-styles-root-e9a8f1 {
    color: #a00
}

.termly-styles-text-e9a86d {
    color: #363840;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: .5rem
}

.termly-styles-root-ab023e {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.termly-styles-sizer-ed8842 {
    height: 5rem;
    width: 5rem
}

.termly-styles-error-a6d006,
.termly-styles-light-f7b508,
.termly-styles-success-c2f9db {
    padding: 1.25rem .8125rem;
    text-align: left;
    font-size: .75rem;
    margin: 0 0 1.875rem;
    border-radius: .1875rem;
    line-height: 1.4
}

.termly-styles-error-a6d006 {
    color: #ff1e1e;
    background-color: #ffc6c6;
    border: solid .0625rem #ff9595
}

.termly-styles-light-f7b508 {
    color: #ff1e1e;
    padding: .8125rem 1.25rem;
    background-color: #fff9f9;
    border: solid .0625rem #ffd0d0;
    box-shadow: 0 .125rem .25rem 0 rgba(255, 208, 208, .54)
}

.termly-styles-success-c2f9db {
    color: #fff;
    background-color: #5aca8f;
    border: solid .0625rem #34b973
}

.termly-styles-root-cb3608 {
    text-transform: uppercase
}

.termly-styles-root-e8eaa8 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.333;
    margin: 0 0 1rem;
    color: #000
}

.termly-styles-root-f3af38 .termly-styles-dropdownIndicator-b09793 {
    transition: transform .2s ease !important
}

.termly-styles-root-f3af38 .termly-styles-dropdownIndicator-b09793.termly-styles-isOpen-e52f21 {
    transform: rotate(180deg)
}

.termly-styles-root-f3af38 .termly-styles-option-a85868 {
    color: #000
}

.termly-styles-root-f3af38 .termly-styles-option-a85868.termly-styles-isDisabled-a9585b {
    opacity: .4
}

.termly-styles-root-f3af38 .termly-styles-option-a85868.termly-styles-isFocused-af72f8,
.termly-styles-root-f3af38 .termly-styles-option-a85868.termly-styles-isSelected-c7be1b {
    background-color: #f5f6fa
}

.termly-styles-root-f3af38 .termly-styles-option-a85868:active:not(.termly-styles-isDisabled-a9585b) {
    background-color: #b2d4ff
}

.termly-styles-container-a6ac04,
.termly-styles-tooltip-container-f28b5f {
    --tooltipBackground: #fff;
    --tooltipBorder: #c0c0c0;
    --tooltipColor: #000;
    background-color: var(--tooltipBackground);
    border-radius: 3px;
    border: 1px solid var(--tooltipBorder);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
    color: var(--tooltipColor);
    display: flex;
    flex-direction: column;
    padding: .4rem;
    transition: opacity .3s;
    z-index: 9999
}

.termly-styles-tooltip-container-f28b5f[data-popper-interactive=false],
[data-popper-interactive=false].termly-styles-container-a6ac04 {
    pointer-events: none
}

.termly-styles-arrow-ea9044,
.termly-styles-tooltip-arrow-b7cfcf {
    height: 1rem;
    position: absolute;
    width: 1rem;
    pointer-events: none
}

.termly-styles-arrow-ea9044::before,
.termly-styles-tooltip-arrow-b7cfcf::before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    margin: auto;
    width: 0
}

.termly-styles-arrow-ea9044::after,
.termly-styles-tooltip-arrow-b7cfcf::after {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    margin: auto;
    position: absolute;
    width: 0
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=bottom] .termly-styles-arrow-ea9044,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=bottom] .termly-styles-tooltip-arrow-b7cfcf,
[data-popper-placement*=bottom].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044,
[data-popper-placement*=bottom].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf {
    left: 0;
    margin-top: -.4rem;
    top: 0
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=bottom] .termly-styles-arrow-ea9044::before,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=bottom] .termly-styles-tooltip-arrow-b7cfcf::before,
[data-popper-placement*=bottom].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::before,
[data-popper-placement*=bottom].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::before {
    border-color: transparent transparent var(--tooltipBorder) transparent;
    border-width: 0 .5rem .4rem .5rem;
    position: absolute;
    top: -1px
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=bottom] .termly-styles-arrow-ea9044::after,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=bottom] .termly-styles-tooltip-arrow-b7cfcf::after,
[data-popper-placement*=bottom].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::after,
[data-popper-placement*=bottom].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::after {
    border-color: transparent transparent var(--tooltipBackground) transparent;
    border-width: 0 .5rem .4rem .5rem
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=top] .termly-styles-arrow-ea9044,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=top] .termly-styles-tooltip-arrow-b7cfcf,
[data-popper-placement*=top].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044,
[data-popper-placement*=top].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf {
    bottom: 0;
    left: 0;
    margin-bottom: -1rem
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=top] .termly-styles-arrow-ea9044::before,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=top] .termly-styles-tooltip-arrow-b7cfcf::before,
[data-popper-placement*=top].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::before,
[data-popper-placement*=top].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::before {
    border-color: var(--tooltipBorder) transparent transparent transparent;
    border-width: .4rem .5rem 0 .5rem;
    position: absolute;
    top: 1px
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=top] .termly-styles-arrow-ea9044::after,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=top] .termly-styles-tooltip-arrow-b7cfcf::after,
[data-popper-placement*=top].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::after,
[data-popper-placement*=top].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::after {
    border-color: var(--tooltipBackground) transparent transparent transparent;
    border-width: .4rem .5rem 0 .5rem
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=right] .termly-styles-arrow-ea9044,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=right] .termly-styles-tooltip-arrow-b7cfcf,
[data-popper-placement*=right].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044,
[data-popper-placement*=right].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf {
    left: 0;
    margin-left: -.7rem
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=right] .termly-styles-arrow-ea9044::before,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=right] .termly-styles-tooltip-arrow-b7cfcf::before,
[data-popper-placement*=right].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::before,
[data-popper-placement*=right].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::before {
    border-color: transparent var(--tooltipBorder) transparent transparent;
    border-width: .5rem .4rem .5rem 0
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=right] .termly-styles-arrow-ea9044::after,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=right] .termly-styles-tooltip-arrow-b7cfcf::after,
[data-popper-placement*=right].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::after,
[data-popper-placement*=right].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::after {
    border-color: transparent var(--tooltipBackground) transparent transparent;
    border-width: .5rem .4rem .5rem 0;
    left: 6px;
    top: 0
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=left] .termly-styles-arrow-ea9044,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=left] .termly-styles-tooltip-arrow-b7cfcf,
[data-popper-placement*=left].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044,
[data-popper-placement*=left].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf {
    margin-right: -.7rem;
    right: 0
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=left] .termly-styles-arrow-ea9044::before,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=left] .termly-styles-tooltip-arrow-b7cfcf::before,
[data-popper-placement*=left].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::before,
[data-popper-placement*=left].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::before {
    border-color: transparent transparent transparent var(--tooltipBorder);
    border-width: .5rem 0 .5rem .4em
}

.termly-styles-tooltip-container-f28b5f[data-popper-placement*=left] .termly-styles-arrow-ea9044::after,
.termly-styles-tooltip-container-f28b5f[data-popper-placement*=left] .termly-styles-tooltip-arrow-b7cfcf::after,
[data-popper-placement*=left].termly-styles-container-a6ac04 .termly-styles-arrow-ea9044::after,
[data-popper-placement*=left].termly-styles-container-a6ac04 .termly-styles-tooltip-arrow-b7cfcf::after {
    border-color: transparent transparent transparent var(--tooltipBackground);
    border-width: .5rem 0 .5rem .4em;
    left: 3px;
    top: 0
}

.termly-styles-root-fdd62d {
    font-weight: 400;
    display: flex
}

.header_u {
    background: #1D1D1B;
    box-shadow: 0 0 15px #0000001a;
}

.ham_u {
    background: transparent;
    cursor: pointer;
}

.css-vubbuv {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: #000;
    flex-shrink: 0;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}


.termly-styles-container-a6ac04 {
    --tooltipBorder: #ced4da;
    --tooltipBackground: #fff;
    --tooltipColor: #868e96;
    border-radius: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    display: block;
    max-width: 22.0625rem;
    padding: 1rem
}

.termly-styles-icon-ad4405 {
    height: 1rem;
    width: auto;
    margin-left: .5rem
}

.termly-styles-loading-da8d50 {
    height: 5rem
}

.termly-styles-module-root-a0ea7f {
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    background: #e6e7e8;
    height: 100%;
    align-items: center;
    justify-content: center
}

.termly-styles-module-shadowBox-fff901 {
    background: var(--termly-theme-background-color);
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .3);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    display: inline-flex;
    flex-direction: column;
    max-width: 32em;
    min-width: min-content;
    padding: 2em
}

.termly-styles-module-title-b31e43 {
    color: var(--termly-theme-color);
    font-size: 1.25em;
    font-weight: 500;
    margin-bottom: .75em;
    line-height: 1
}

.termly-styles-module-content-f5be7c {
    color: var(--termly-theme-color);
    font-size: var(--termly-theme-font-size);
    line-height: 1.75
}

.termly-styles-module-buttons-e4250e {
    display: flex;
    justify-content: center;
    margin-top: 1.25em;
    gap: .5em
}

.termly-styles-module-buttons-e4250e>* {
    font-weight: 600;
    font-size: var(--termly-theme-font-size);
    width: 100%
}

.termly-styles-module-buttons-e4250e .termly-styles-module-acceptButton-b04512 {
    background: var(--termly-theme-button-background-color);
    border-color: var(--termly-theme-button-background-color) !important;
    color: var(--termly-theme-button-text-color) !important
}

.termly-styles-module-buttons-e4250e .termly-styles-module-prefsButton-c1a9b2 {
    background: rgba(0, 0, 0, 0);
    border-color: var(--termly-theme-color) !important;
    color: var(--termly-theme-color) !important
}

.termly-styles-root-b0aebb {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .25);
    padding: 2.5em 2.86em;
    box-sizing: border-box;
    max-height: 75dvh
}

@media screen and (max-width:36.5em) {
    .termly-styles-root-b0aebb {
        overflow-y: auto;
        padding-bottom: 0
    }
}

.termly-styles-message-e9e76f {
    line-height: 1.75
}

.termly-styles-buttons-bb7ad2 {
    display: flex;
    justify-items: center;
    justify-content: center;
    gap: 12px;
    flex-direction: row
}

@media screen and (max-width:58em) {
    .termly-styles-buttons-bb7ad2 {
        flex-direction: row
    }
}

@media screen and (max-width:36.5em) {
    .termly-styles-buttons-bb7ad2 {
        flex-direction: column-reverse;
        width: 100%;
        position: sticky;
        bottom: 0;
        box-sizing: border-box;
        border-top: 1px solid #ededef;
        padding: 2.5em 0
    }

    .termly-styles-buttons-bb7ad2>* {
        justify-content: center
    }
}

.termly-styles-tcfButtons-d6865a {
    display: flex;
    justify-items: center;
    justify-content: center;
    gap: 12px;
    flex-direction: column-reverse;
    width: initial
}

@media screen and (max-width:58em) {
    .termly-styles-tcfButtons-d6865a {
        flex-direction: row
    }
}

@media screen and (max-width:36.5em) {
    .termly-styles-tcfButtons-d6865a {
        flex-direction: column-reverse;
        width: 100%;
        position: sticky;
        bottom: 0;
        box-sizing: border-box;
        border-top: 1px solid #ededef;
        padding: 2.5em 0
    }

    .termly-styles-tcfButtons-d6865a>* {
        justify-content: center
    }
}

.termly-styles-button-a4543c {
    width: 12.86em;
    max-width: 16em
}

@media screen and (max-width:36.5em) {
    .termly-styles-button-a4543c {
        min-width: 100%
    }
}

.termly-styles-main-bf5ef8 {
    max-width: 122.5em;
    margin: auto
}

.termly-styles-logo-cc6217 {
    display: flex;
    margin-bottom: 15px;
    justify-content: center
}

.termly-styles-termly-banner-e1ed59,
.termly-styles-termly-tooltip-c26ee2 {
    display: block;
    border-radius: 5px;
    box-sizing: border-box;
    opacity: 1;
    position: fixed;
    z-index: var(--termly-z-index);
    border-width: 0;
    margin: 1.667em
}

@media screen and (max-width:46em) {

    .termly-styles-termly-banner-e1ed59,
    .termly-styles-termly-tooltip-c26ee2 {
        border-radius: 0;
        width: 100% !important;
        max-width: 100vw;
        margin: 0 !important;
        left: 0;
        right: 0
    }
}

.termly-styles-termly-banner-e1ed59 {
    width: calc(100% - 40px);
    border-width: 0;
    left: 0
}

@media only screen and (max-width:70em) {
    .termly-styles-termly-banner-e1ed59 {
        width: calc(100% - 20px);
        margin: 10px
    }
}

.termly-styles-termly-banner-e1ed59.termly-styles-top-a9b7ed {
    top: 0
}

.termly-styles-termly-banner-e1ed59.termly-styles-bottom-d26761 {
    bottom: 0
}

.termly-styles-termly-banner-e1ed59 .termly-styles-logo-c34670 {
    justify-content: left
}

@media screen and (max-width:58em) {
    .termly-styles-termly-banner-e1ed59 .termly-styles-logo-c34670 {
        justify-content: center
    }
}

.termly-styles-termly-banner-e1ed59 .termly-styles-content-fcefe4 {
    display: flex;
    flex: 1;
    align-items: center
}

@media screen and (max-width:58em) {
    .termly-styles-termly-banner-e1ed59 .termly-styles-content-fcefe4 {
        flex-direction: column
    }
}

.termly-styles-termly-banner-e1ed59 .termly-styles-message-d6c726 {
    margin-right: 2em
}

@media screen and (max-width:58em) {
    .termly-styles-termly-banner-e1ed59 .termly-styles-message-d6c726 {
        margin-bottom: 2em;
        margin-right: 0
    }
}

.termly-styles-termly-tooltip-c26ee2 {
    width: 45.7em
}

.termly-styles-termly-tooltip-c26ee2.termly-styles-top_left-a763e6 {
    top: 0;
    left: 0
}

.termly-styles-termly-tooltip-c26ee2.termly-styles-top_right-f0c2ab {
    top: 0;
    right: 0
}

.termly-styles-termly-tooltip-c26ee2.termly-styles-bottom_left-c53472 {
    left: 0;
    bottom: 0
}

.termly-styles-termly-tooltip-c26ee2.termly-styles-bottom_right-e3477a {
    right: 0;
    bottom: 0
}

.termly-styles-termly-tooltip-c26ee2 .termly-styles-message-d6c726 {
    margin-bottom: 1.5em
}

.termly-styles-root-d5f974 {
    font: inherit;
    color: inherit;
    text-decoration: underline
}

[data-rk] {
    --rk-blurs-modalOverlay: blur(0px);
    --rk-fonts-body: SFRounded, ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --rk-radii-actionButton: 9999px;
    --rk-radii-connectButton: 12px;
    --rk-radii-menuButton: 12px;
    --rk-radii-modal: 24px;
    --rk-radii-modalMobile: 28px;
    --rk-colors-accentColor: #0E76FD;
    --rk-colors-accentColorForeground: #FFF;
    --rk-colors-actionButtonBorder: rgba(0, 0, 0, 0.04);
    --rk-colors-actionButtonBorderMobile: rgba(0, 0, 0, 0.06);
    --rk-colors-actionButtonSecondaryBackground: rgba(0, 0, 0, 0.06);
    --rk-colors-closeButton: rgba(60, 66, 66, 0.8);
    --rk-colors-closeButtonBackground: rgba(0, 0, 0, 0.06);
    --rk-colors-connectButtonBackground: #FFF;
    --rk-colors-connectButtonBackgroundError: #FF494A;
    --rk-colors-connectButtonInnerBackground: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.06));
    --rk-colors-connectButtonText: #25292E;
    --rk-colors-connectButtonTextError: #FFF;
    --rk-colors-connectionIndicator: #30E000;
    --rk-colors-downloadBottomCardBackground: linear-gradient(126deg, rgba(255, 255, 255, 0) 9.49%, rgba(171, 171, 171, 0.04) 71.04%), #FFFFFF;
    --rk-colors-downloadTopCardBackground: linear-gradient(126deg, rgba(171, 171, 171, 0.2) 9.49%, rgba(255, 255, 255, 0) 71.04%), #FFFFFF;
    --rk-colors-error: #FF494A;
    --rk-colors-generalBorder: rgba(0, 0, 0, 0.06);
    --rk-colors-generalBorderDim: rgba(0, 0, 0, 0.03);
    --rk-colors-menuItemBackground: rgba(60, 66, 66, 0.1);
    --rk-colors-modalBackdrop: rgba(0, 0, 0, 0.3);
    --rk-colors-modalBackground: #FFF;
    --rk-colors-modalBorder: transparent;
    --rk-colors-modalText: #25292E;
    --rk-colors-modalTextDim: rgba(60, 66, 66, 0.3);
    --rk-colors-modalTextSecondary: rgba(60, 66, 66, 0.6);
    --rk-colors-profileAction: #FFF;
    --rk-colors-profileActionHover: rgba(255, 255, 255, 0.5);
    --rk-colors-profileForeground: rgba(60, 66, 66, 0.06);
    --rk-colors-selectedOptionBorder: rgba(60, 66, 66, 0.1);
    --rk-colors-standby: #FFD641;
    --rk-shadows-connectButton: 0px 4px 12px rgba(0, 0, 0, 0.1);
    --rk-shadows-dialog: 0px 8px 32px rgba(0, 0, 0, 0.32);
    --rk-shadows-profileDetailsAction: 0px 2px 6px rgba(37, 41, 46, 0.04);
    --rk-shadows-selectedOption: 0px 2px 6px rgba(0, 0, 0, 0.24);
    --rk-shadows-selectedWallet: 0px 2px 6px rgba(0, 0, 0, 0.12);
    --rk-shadows-walletLogo: 0px 2px 16px rgba(0, 0, 0, 0.16)
}

.ui-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 18px;
    border: 1px solid var(--primary-button-color);
    border-radius: 8px;
    background-color: var(--highlight-color);
    color: var(--secondary-button-color);
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 600;
}

.ui-button.grey {
    opacity: .75
}

.ui-button:hover {
    cursor: pointer;
    -webkit-filter: brightness(85%);
    filter: brightness(85%)
}

.ui-button:active {
    cursor: pointer;
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.ui-button.fullwidth {
    width: 100%
}

.ui-button.minwidth {
    width: 160px
}

.ui-button.highlighted {
    border-color: var(--highlight-color);
    background-color: var(--highlight-color)
}

.ui-button.secondary {
    color: var(--primary-button-color);
    background-color: var(--secondary-button-color);
    border-color: var(--primary-button-color)
}

.ui-button.secondary:active {
    background-color: #e2e2e2
}

.ui-button.text {
    color: #101828;
    background-color: initial;
    box-shadow: none;
    border: none
}

.ui-button.small {
    font-size: 12px;
    padding: 0;
    margin-bottom: 10px
}

.ui-button.text:active {
    color: #101828;
    background-color: initial;
    box-shadow: none
}

.ui-button.rounded {
    border-radius: 40px !important;
}

.ui-button.chip-like {
    border-radius: 40px;
    padding: 2px 8px 2px 6px;
    min-width: 125px;
    height: 32px;
    font-size: 13px;
    color: var(--highlight-color);
    border-color: var(--highlight-color);
    background-color: initial;
    margin: 8px 0
}

.ui-button.chip-like.tall {
    height: 36px
}

.ui-button .label {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px
}

.ui-button.disabled,
.ui-button.loading {
    opacity: .5;
    cursor: default;
    -webkit-filter: brightness(100%);
    filter: brightness(100%)
}

.ui-button .spinner,
.ui-button .spinner:before {
    border-radius: 50%
}

.ui-button .spinner {
    font-size: 22px;
    text-indent: -99999px;
    margin: 0 auto;
    position: relative;
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 2px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ui-button .spinner:before {
    position: absolute;
    content: "";
    width: 10.4px;
    height: 20.4px;
    background: #fff;
    border-radius: 20.4px 0 0 20.4px;
    top: -.2px;
    left: -.2px;
    -webkit-transform-origin: 10.4px 10.2px;
    transform-origin: 10.4px 10.2px;
    -webkit-animation: loading 2s ease 1.5s infinite;
    animation: loading 2s ease 1.5s infinite
}

.ui-button.interactions {
    padding: 0;
    width: 100%;
    justify-content: flex-start
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media only screen and (min-width:1024px) {
    .ui-button.interactions {
        width: 125px
    }
}

.confetti {
    background-color: hsla(0, 0%, 100%, .6705882352941176);
    position: fixed;
    z-index: 1300;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0
}

.confetti-piece {
    position: absolute;
    width: 10px;
    height: 30px;
    background: #ffd300;
    top: 0;
    opacity: 0
}

.confetti-piece:first-child {
    left: 7%;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 182ms;
    animation-delay: 182ms;
    -webkit-animation-duration: 2116ms;
    animation-duration: 2116ms
}

.confetti-piece:nth-child(2) {
    left: 14%;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 161ms;
    animation-delay: 161ms;
    -webkit-animation-duration: 2076ms;
    animation-duration: 2076ms
}

.confetti-piece:nth-child(3) {
    left: 21%;
    -webkit-transform: rotate(-51deg);
    transform: rotate(-51deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 481ms;
    animation-delay: 481ms;
    -webkit-animation-duration: 2103ms;
    animation-duration: 2103ms
}

.confetti-piece:nth-child(4) {
    left: 28%;
    -webkit-transform: rotate(61deg);
    transform: rotate(61deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 334ms;
    animation-delay: 334ms;
    -webkit-animation-duration: 1708ms;
    animation-duration: 1708ms
}

.confetti-piece:nth-child(5) {
    left: 35%;
    -webkit-transform: rotate(-52deg);
    transform: rotate(-52deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 302ms;
    animation-delay: 302ms;
    -webkit-animation-duration: 1776ms;
    animation-duration: 1776ms
}

.confetti-piece:nth-child(6) {
    left: 42%;
    -webkit-transform: rotate(38deg);
    transform: rotate(38deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
    -webkit-animation-duration: 2168ms;
    animation-duration: 2168ms
}

.confetti-piece:nth-child(7) {
    left: 49%;
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 395ms;
    animation-delay: 395ms;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s
}

.confetti-piece:nth-child(8) {
    left: 56%;
    -webkit-transform: rotate(49deg);
    transform: rotate(49deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 14ms;
    animation-delay: 14ms;
    -webkit-animation-duration: 1887ms;
    animation-duration: 1887ms
}

.confetti-piece:nth-child(9) {
    left: 63%;
    -webkit-transform: rotate(-72deg);
    transform: rotate(-72deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 149ms;
    animation-delay: 149ms;
    -webkit-animation-duration: 1805ms;
    animation-duration: 1805ms
}

.confetti-piece:nth-child(10) {
    left: 70%;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 351ms;
    animation-delay: 351ms;
    -webkit-animation-duration: 2059ms;
    animation-duration: 2059ms
}

.confetti-piece:nth-child(11) {
    left: 77%;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 307ms;
    animation-delay: 307ms;
    -webkit-animation-duration: 2132ms;
    animation-duration: 2132ms
}

.confetti-piece:nth-child(12) {
    left: 84%;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 464ms;
    animation-delay: 464ms;
    -webkit-animation-duration: 1776ms;
    animation-duration: 1776ms
}

.confetti-piece:nth-child(13) {
    left: 91%;
    -webkit-transform: rotate(-72deg);
    transform: rotate(-72deg);
    -webkit-animation: makeItRain 1s ease-out infinite;
    animation: makeItRain 1s ease-out infinite;
    -webkit-animation-delay: 429ms;
    animation-delay: 429ms;
    -webkit-animation-duration: 1818ms;
    animation-duration: 1818ms
}

.confetti-piece:nth-child(odd) {
    background: #7431e8
}

.confetti-piece:nth-child(2n) {
    z-index: 1
}

.confetti-piece:nth-child(4n) {
    width: 5px;
    height: 12px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.confetti-piece:nth-child(3n) {
    width: 3px;
    height: 10px;
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.confetti-piece:nth-child(4n-7) {
    background: red
}

@-webkit-keyframes makeItRain {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }
}

@keyframes makeItRain {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }
}

.badge-card.double {
    grid-column: span 2
}

.badge-card img {
    max-height: 160px;
    object-fit: contain;
    max-width: 100%
}

.badge-card.double img {
    max-height: 240px
}

.badge-title {
    font-size: 20px;
    font-weight: 700;
    line-height: auto;
    color: #1a1d1f
}

.badge-image,
.badge-title {
    text-align: center
}

.backdrop-badge-image {
    max-width: 65%;
    max-height: 80% !important
}

.badge-stats {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
    min-height: 60px;
    align-items: center
}

.badge-stats .stats p {
    margin: 0
}

.badge-stats .stats .stat-number {
    text-align: center;
    font-size: 20px;
    margin-bottom: 8px;
    color: #8f8f8f
}

.badge-stats .stats .stat-title {
    text-align: center;
    font-size: 12px;
    color: #c4c4c4
}

.stat-title {
    text-transform: uppercase
}

.badge-stats .button-wrapper {
    grid-column: span 2;
    text-align: center
}

.badge-labels {
    position: absolute
}

.badge-labels .badge-card-chip {
    left: -10px;
    top: -10px
}

.badge-labels .badge-card-chip,
.badge-labels .preview {
    border-radius: 3px;
    color: var(--orange);
    display: inline-flex;
    position: relative;
    margin-right: 5px;
    font-size: 12px;
    height: 22px;
    border: 2px solid;
    font-weight: 700
}

.badge-labels .preview {
    left: 10px;
    top: 10px
}

.badge-labels span {
    padding: 5px
}

.badge-actions-wrapper {
    position: absolute;
    right: 2px;
    top: 2px
}

.badge-actions-menu .MuiMenuItem-root>svg {
    padding-right: 15px
}

.video-thumb {
    max-width: 100%;
    margin: 25px 0 15px
}

.container-video {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start
}

.video {
    max-width: 100%
}

.button-play {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background-color: initial;
    -webkit-margin-start: 40px;
    margin-inline-start: 40px;
    right: 25px
}

.button-audio,
.button-play {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer
}

.button-audio {
    align-self: normal;
    left: 10px;
    top: 10px;
    width: 45px;
    height: 45px;
    border-radius: 5px
}

.card.badge-card.grey {
    background-color: #ebebeb !important
}

.ui-image {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.ui-image.rounded {
    border-radius: 50% !important;
}

.ui-image.border {
    border: 7px solid #fff
}

.ui-profile-images {
    width: 100%
}

.profile_banner {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.profile-pic {
    width: 190px;
    height: 190px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.profile-pic>img,
.profile_banner>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ui-profile-images .profile-pic.mobile {
    margin: -70px auto 0
}

.ui-profile-images .profile-pic {
    margin: -95px auto 0
}

.ui-title {
    font-size: 24px;
    letter-spacing: -.48px
}

.ui-subtitle,
.ui-title {
    margin: 0;
    color: var(--primary-text-color);
    font-style: normal;
    font-weight: 600;
    line-height: 1.4em
}

.ui-subtitle {
    font-size: 22px
}

.ui-description {
    font-size: 14px;
    font-weight: 500
}

.ui-description,
.ui-label {
    margin: 0;
    color: #000;
    font-style: normal;
    line-height: 1.4em
}

.ui-label {
    font-size: 12px;
    font-weight: 400
}

.ui-highlighted-text {
    color: var(--highlight-color)
}

.ui-secondary-text {
    color: #000;
}

.ui-large-text {
    font-size: larger
}

.ui-small-text {
    font-size: small
}

.ui-bold-text {
    font-weight: bolder
}

.ui-padded-text {
    padding: 0 10px 10px
}

.ui-mobile-hidden {
    display: none
}

.ui-pre-wrap {
    white-space: pre-wrap
}

@media only screen and (min-width:1024px) {
    .ui-mobile-hidden {
        display: block
    }
}

.profile-preview {
    display: none
}

.browser-skeleton {
    background-color: silver;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0 20px;
    text-align: left
}

.browser-skeleton .url-bar {
    background-color: #fff;
    margin: 10px 0;
    padding: 5px 10px;
    width: 70%;
    display: inline-block;
    border-radius: 14px
}

.browser-skeleton span {
    background: #fe5e57;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 10px;
    margin-right: 6px;
    display: inline-block
}

.browser-skeleton span:nth-child(2) {
    background: #febc2e
}

.browser-skeleton span:nth-child(3) {
    background: #27c841
}

.organization-preview h1.ui-title {
    margin: 10px
}

.organization-preview p.ui-description.ui-secondary-text {
    margin-bottom: 10px
}

@media only screen and (min-width:1024px) {
    .profile-preview {
        display: block;
        background-color: #fff;
        border: 1px solid silver;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        text-align: center;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-bottom: 40px
    }

    .profile-preview .ui-description {
        text-align: center;
        font-size: 14px;
        line-height: 1.4em;
        white-space: pre-line
    }

    .profile-preview>button {
        margin: 20px auto
    }
}

.ui-form-section {
    margin: 20px 10px 0;
    background-color: var(--primaryBackgroundColor);
    padding: 20px;
    border-radius: var(--radius)
}

.ui-form-section.slim {
    padding: 0;
    margin: 0
}

.ui-form-section:not(.expandable) {
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    gap: 15px
}

.ui-form-section .coupon-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ui-form-section .coupon-buttons button {
    padding: 0
}

.ui-form-section p {
    margin: 0
}

.ui-form-section .row {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .ui-form-section .row {
        grid-template-columns: 1fr 1fr
    }

    .ui-form-section .radio-group {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.drag-drop-container {
    display: flex;
    width: 100%;
    grid-gap: 16px;
    gap: 16px
}

.drag-drop-list {
    width: 100%;
    background-color: #fff;
    padding: 16px 34px 34px;
    border-radius: 5px;
    border: 1px solid var(--secondaryBackgroundColor)
}

.draggable-item {
    padding: 16px 34px;
    border-radius: 5px;
    min-height: 180px
}

.draggable-item.dragging-over {
    background: radial-gradient(rgba(253, 236, 239, .8), rgba(253, 236, 239, .4), #fff);
    transition: background .4s ease
}

.draggable-item-content {
    display: flex;
    justify-content: space-between;
    border: 1px solid #f75201;
    border-radius: 5px;
    padding: 8px 8px 8px 16px;
    margin: 8px 0;
    background-color: #fff;
    width: 100%
}

.draggable-item-content.dragging {
    background-color: #fdecef;
    transition: background-color .4s ease
}

.ui-stat-card {
    padding: 12px;
    border-radius: 6px;
    background-color: #fff;
    min-width: 125px
}

.ui-stat-card .value {
    color: var(--orange);
    font-size: large;
    text-align: center;
    font-weight: 700
}

.ui-stat-card .title {
    color: var(--primary-text-color);
    text-align: center
}

.org-elements-list,
.org-products-list {
    padding: var(--mobilePadding)
}

.draggable-perk,
.org-elements-list .ui-page-element {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
    flex-direction: column;
    text-align: center
}

.org-elements-list .button-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr, 1fr;
    grid-gap: 10px;
    gap: 10px
}

.org-elements-list .button-group button:only-child {
    grid-column: span 2
}

.draggable-perk.unavailable {
    background-color: #f5f5f5
}

.draggable-perk>div:first-child {
    margin: 8px 0
}

.org-elements-list .ui-page-element.title {
    margin: 0
}

.draggable-perk .active-offers-buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

.dragging>div {
    background-color: #fdecef !important;
    transition: background-color .4s ease
}

.dragging-over {
    background: radial-gradient(#fff, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .4), rgba(253, 236, 239, .2));
    transition: background .4s ease
}

@media only screen and (min-width:1024px) {

    .draggable-perk,
    .org-elements-list .ui-page-element {
        flex-direction: row;
        text-align: left
    }

    .org-elements-list .button-group {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr
    }

    .org-elements-list,
    .org-products-list {
        padding: 0
    }

    .draggable-perk .active-offers-buttons {
        justify-content: flex-end
    }
}

.ui-page-element {
    width: 100%;
    min-height: 72px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-radius: var(--radius);
    background-color: #0d0d0d;
    font-size: 14px
}

.MuiTypography-root {
    color: #fff;
    font-weight: 600;
}

.ui-page-element.calendar {
    padding: 10px
}

.ui-page-element .calendar {
    width: 100%
}

.ui-page-element .calendar>button {
    margin: 0 auto
}

.ui-page-element .list-item-button:hover {
    background-color: initial
}

.ui-page-element .list-item-button {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
    gap: 20px
}

.ui-page-element .list-item-button.locked {
    grid-template-columns: auto 1fr auto;
    height: 100%
}

.ui-page-element .list-item-button .image-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.ui-page-element .list-item-button .image {
    height: 44px;
    max-width: 44px;
    border-radius: var(--radius)
}

.ui-page-element .list-item-button .icon {
    height: 26px
}

.ui-social-element svg {
    height: 26px;
    fill: var(--highlight-color)
}

.ui-social-element:hover {
    cursor: pointer
}

.ui-page-element.link:hover {
    border: 1px solid var(--highlight-color)
}

.ui-page-element.title {
    background-color: initial;
    margin: 20px 0
}

.ui-page-element.title .title * {
    font-weight: bolder;
    font-size: 20px
}

.ui-page-element.soundcloud_embed.profile,
.ui-page-element.spotify_embed.profile,
.ui-page-element.youtube_embed.profile {
    display: block;
    width: 100%;
    height: auto;
    background-color: initial;
    padding: 0
}

.ui-page-element.youtube_embed .video-container {
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.34%;
    position: relative;
    overflow: hidden;
    border-radius: var(--radius)
}

.ui-page-element.youtube_embed .video-container iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
    outline: 0
}

.ui-page-element .soundlcoud-container iframe {
    border: none
}

.ui-page-element .management-tools {
    display: flex;
    align-items: center
}

.ui-page-element .management-tools .clicked-count {
    font-weight: bolder;
    font-size: 16px
}

.ui-date {
    display: flex;
    width: 60px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 2px;
    gap: 2px;
    border-radius: 6px;
    border: 1px solid #dadada;
    background-color: #fff
}

.ui-date .day {
    color: #000;
    color: var(--colors-black, #000);
    font-size: 20px;
    font-weight: 600
}

.ui-date .month {
    color: #667085;
    color: var(--gray-500, #667085);
    font-size: 14px;
    font-weight: 400
}

.ui-event {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    width: 100%;
    padding: 10px;
    border-radius: var(--radius)
}

.ui-event:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.ui-event .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 4px;
    gap: 4px;
    flex: 1 0;
    width: 100%
}

.ui-event .time {
    color: #667085;
    color: var(--gray-500, #667085);
    font-size: 12px
}

.ui-event .ui-button {
    margin: 0
}

.ui-alert {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    gap: 10px;
    background-color: var(--primaryBackgroundColor);
    padding: var(--mobilePadding);
    font-size: small
}

.ui-alert p {
    margin: 0
}

.ui-alert div {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

@media only screen and (min-width:1024px) {

    .ui-alert,
    .ui-alert div {
        align-items: center
    }

    .ui-alert div {
        grid-template-columns: 1fr auto auto
    }
}

.element-type-button-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    gap: 20px
}

.element-type-button {
    border: none;
    border-radius: 10px;
    background-color: rgba(253, 236, 239, .5);
    padding: 10px
}

.element-type-button:hover {
    -webkit-filter: brightness(85%);
    filter: brightness(85%);
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}

.element-type-button.selected,
.element-type-button:hover {
    border: 1px solid #f75201;
    cursor: pointer
}

@media only screen and (min-width:1024px) {
    .element-type-button-group {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        gap: 20px
    }
}

.chip-container.padded {
    padding: 8px 0
}

.chip-container .chip {
    border-radius: 16px;
    padding: 2px 8px 2px 6px
}

.chip-container .chip.success {
    border: 1px solid #027a48;
    color: #027a48;
    background-color: #ecfdf3
}

.chip-container .chip.warning {
    border: 1px solid #c03d29;
    color: #c03d29;
    background-color: #fff0e9
}

.chip-container .chip.error {
    border: 1px solid #b71c1c;
    color: #b71c1c;
    background-color: #ffebee
}

.chip-container .chip.minwidth {
    width: 125px;
    text-align: start !important
}

#root,
#root>div[data-rk],
body,
html {
    height: 100%;
    margin: 0
}

.login .left-pane {
    display: flex;
    align-items: center;
    justify-content: center
}

.login .left-pane .wrapper {
    grid-row-gap: 30px;
    row-gap: 30px
}

.login .right-pane {
    background-size: auto 100%;
    background-position: bottom
}

.layout-sidebar {
    display: flex;
    height: 100%
}

.layout-centered .left-pane {
    background-image: var(--supportImage);
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: 50%
}

.left-pane {
    text-align: left;
    flex: 1 0 60%;
    overflow-y: auto;
    box-shadow: 0 20px 110px 0 rgba(0, 12, 44, .08);
    z-index: 2;
    background-color: var(--primaryBackgroundColor);
    justify-content: center
}

.left-pane .wrapper {
    width: 600px;
    display: flex;
    flex-direction: column;
    padding: var(--paddingPage);
    margin: 0 auto
}

.left-pane .offer-wrapper {
    width: 1200px
}

.left-pane .logo img {
    max-width: 100%
}

.left-pane .header {
    margin-top: 60px
}

.left-pane .header p {
    margin-top: 0
}

.left-pane .wrapper .content {
    color: var(--textColor);
    flex-direction: column;
    justify-content: center;
    padding: 0;
    flex: 1 0 auto
}

.left-pane .wrapper .content form {
    max-width: 400px;
    margin-top: 64px
}

.left-pane .wrapper .content form .MuiFormControlLabel-root {
    margin-top: 16px;
    margin-bottom: 8px
}

.right-pane {
    flex: 1 0 40%;
    position: relative;
    z-index: 1;
    background-image: var(--supportImage);
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: 100% 100%
}

.no-account {
    margin-top: 120px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px
}

.label-privacy a,
.label-terms a,
.no-account a,
.no-account-modal a {
    color: var(--textColor);
    text-decoration: underline
}

.footer-labels {
    letter-spacing: .2px;
    color: #68707b;
    font-size: 14px;
    font-weight: 300;
    margin-top: 30px
}

.footer-labels p {
    display: inline-block;
    padding: 0 10px;
    margin: 0
}

.footer-labels p:first-child {
    padding-left: 0
}

.footer-labels p:not(:last-child) {
    border-right: 1px solid
}

.label-in-checkbox a {
    color: #000;
    text-decoration: underline
}

.theme .share-container .MuiButton-outlined:not(.Mui-disabled, .MuiButton-outlinedWarning) {
    border-color: var(--textColor) !important;
    color: var(--textColor) !important
}

.theme-slb {
    font-weight: 200
}

.theme-slb .left-pane .wrapper {
    padding-top: 40px
}

.theme-slb .logo {
    margin-left: -160px
}

.theme-slb .logo img {
    width: 60px
}

.theme-slb .left-pane {
    background-size: cover
}

.theme-slb .header {
    font-size: 40px;
    font-weight: 200;
    text-align: center
}

.theme-slb .header p {
    margin-bottom: 0
}

.theme-slb #reward-preview .title {
    font-weight: 600
}

.theme-slb .media-container {
    margin-top: 80px
}

.theme-slb .metadata-preview {
    border: 1px solid var(--textColor)
}

.theme-slb .gift-checkbox .MuiTypography-root {
    font-weight: 200;
    font-size: var(--fontSize)
}

.theme-slb .description-container h2 {
    font-size: 40px;
    font-weight: 200
}

.theme-slb .exclamation-icon svg {
    color: var(--textColor)
}

@media only screen and (max-width:1024px) {
    .theme-slb .logo {
        margin-left: 0
    }

    .theme-slb .header {
        font-size: 28px
    }
}

@media only screen and (max-width:1900px) {
    .theme-tvi .left-pane {
        background-size: 75%
    }
}

@media only screen and (max-width:1400px) {
    .theme-tvi .left-pane {
        background-size: 95%
    }
}

@media only screen and (max-width:1000px) {
    .theme-tvi .left-pane {
        background-image: none
    }
}

.theme-samsys .right-pane {
    background-position: 0 0;
    background-size: cover
}

.left-pane .wrapper .content {
    position: relative
}

#explosion {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: #fff;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    top: 130px;
    -webkit-animation: box-explosion 2.5s linear 0s 1 normal none;
    animation: box-explosion 2.5s linear 0s 1 normal none
}

#backdrop,
#explosion {
    position: absolute;
    left: 0
}

#backdrop {
    top: 0;
    width: 100vw;
    height: 120dvh;
    -webkit-animation: backdrop-pop 1.5s linear 2.5s 1 normal forwards;
    animation: backdrop-pop 1.5s linear 2.5s 1 normal forwards
}

div#backdrop .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: 100dvh;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 60px
}

.revealed-token {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.revealed-token img {
    width: 100%;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-animation: card-flip 1s linear 5s 1 normal forwards;
    animation: card-flip 1s linear 5s 1 normal forwards
}

.revealed-token video {
    width: 100%
}

.revealed-token .img-wrapper,
.revealed-token .video-wrapper {
    width: -webkit-fill-available
}

.revealed-token .img-wrapper:hover {
    -webkit-animation: card-shake .5s linear 0s 1 normal none;
    animation: card-shake .5s linear 0s 1 normal none
}

.revealed-token .title {
    color: #fff;
    font-size: 2em;
    margin: 20px;
    text-align: center
}

.revealed-token a.button {
    color: #fff;
    background-color: #e80233;
    padding: 10px 20px;
    display: inline-block
}

.revealed-token .link {
    min-height: 40px
}

.revealed-token .future {
    color: #c7c7c7;
    font-style: italic
}

@media only screen and (max-width:1024px) {
    div#backdrop .grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        height: 100%
    }

    .revealed-token:first-child,
    .revealed-token:nth-child(3) {
        display: none
    }
}

@-webkit-keyframes box-explosion {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes box-explosion {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes backdrop-pop {
    0% {
        opacity: 0;
        background-color: #fff
    }

    45% {
        background-color: #ff5c5c;
        opacity: .8
    }

    55% {
        background-color: #fdbaba;
        opacity: .6
    }

    to {
        background-color: #373434;
        opacity: 1
    }
}

@keyframes backdrop-pop {
    0% {
        opacity: 0;
        background-color: #fff
    }

    45% {
        background-color: #ff5c5c;
        opacity: .8
    }

    55% {
        background-color: #fdbaba;
        opacity: .6
    }

    to {
        background-color: #373434;
        opacity: 1
    }
}

@-webkit-keyframes card-flip {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, .008, 0, -1, 0, 0, 0, 0, 0, 1) scale(.5);
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, .008, 0, -1, 0, 0, 0, 0, 0, 1) scale(.5)
    }

    to {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1)
    }
}

@keyframes card-flip {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, .008, 0, -1, 0, 0, 0, 0, 0, 1) scale(.5);
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, .008, 0, -1, 0, 0, 0, 0, 0, 1) scale(.5)
    }

    to {
        -webkit-transform: rotateX(0) scale(1);
        transform: rotateX(0) scale(1)
    }
}

@-webkit-keyframes card-shake {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    10% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    20% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    30% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    40% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    60% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    70% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    80% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    90% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
}

@keyframes card-shake {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    10% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    20% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    30% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    40% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    60% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    70% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }

    80% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg)
    }

    90% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
}

.fullwidth-card {
    color: #13171a;
    margin: 30px 0;
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: 12px;
    gap: 12px
}

.fullwidth-card,
.fullwidth-card-preview {
    background-color: #fff;
    padding: 30px;
    border-radius: var(--radius)
}

.fullwidth-card-image-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.fullwidth-card-image {
    width: 300px;
    border-radius: var(--radius)
}

.fullwidth-card-header {
    grid-column: 2;
    grid-row: 1
}

.tickets-grid .fullwidth-card-header {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    margin-top: 12px
}

.fullwidth-card-sub-header-container {
    display: flex;
    justify-content: space-between
}

.fullwidth-card-price {
    font-size: x-large;
    display: flex;
    align-items: center;
    grid-gap: 20px;
    gap: 20px
}

.fullwidth-card-content {
    grid-column: 2;
    grid-row: 2
}

.fullwidth-card-footer {
    grid-column: 2;
    grid-row: 3
}

.fullwidth-card-button {
    width: 200px
}

.fullwidth-card-content .button-group {
    display: flex;
    grid-gap: 4px;
    gap: 4px;
    width: 100%;
    align-items: center
}

@media only screen and (max-width:1024px) {
    .fullwidth-card {
        grid-template-columns: 1fr
    }

    .fullwidth-card-image-container {
        grid-column: 1;
        grid-row: 1
    }

    .fullwidth-card-image {
        max-width: 100%
    }

    .fullwidth-card-header {
        grid-column: 1;
        grid-row: 2
    }

    .fullwidth-card-content {
        grid-column: 1;
        grid-row: 3
    }

    .fullwidth-card-content .button-group {
        flex-direction: column
    }

    .fullwidth-card-footer {
        grid-column: 1;
        grid-row: 4
    }

    .fullwidth-card-sub-header-container {
        flex-direction: column;
        grid-gap: 30px;
        gap: 30px
    }

    .fullwidth-card-price {
        grid-gap: 10px;
        gap: 10px
    }

    .fullwidth-card-button {
        width: 100%
    }
}

.connected-account.grid,
.connected-accounts-container {
    padding: var(--mobilePadding)
}

.connected-account.grid {
    border-radius: var(--radius);
    background-color: #fff;
    grid-template-columns: 40px 240px;
    align-items: center;
    grid-gap: 20px;
    margin-bottom: 20px
}

.connected-account.grid>img {
    width: 100%
}

.connected-account .username {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    grid-column: 1/span 2
}

@media only screen and (min-width:1024px) {
    .connected-account.grid {
        grid-template-columns: 40px 1fr 160px
    }

    .connected-account .username {
        justify-content: space-between;
        grid-column: unset
    }
}

.about-content {
    width: 100%
}

.about-content>* {
    margin-bottom: 20px
}

.about-content .ui-subtitle {
    color: var(--primary-text-color);
    -webkit-filter: brightness(115%);
    filter: brightness(115%);
    font-size: 18px;
    margin-bottom: 16px
}

.about-content .description {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4em;
    white-space: pre-line;
    color: #000;
    font-weight: 500;
}

.sidebar .logo p {
    color: #fff;
    font-weight: 500;
}

.about-content .stats .grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px
}

.about-content .events .grid {
    grid-gap: 8px
}

.about-content .social-elements {
    display: flex;
    justify-content: center;
    grid-gap: 20px;
    gap: 20px;
    margin: 40px;
    flex-wrap: wrap
}

.about-content .create-free-account {
    margin: 100px auto 20px;
    font-size: 14px
}

.about-content .create-free-account span {
    padding-left: 10px;
    font-size: 22px
}

.free-subscription-modal .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    margin: 40px 0
}

.free-subscription-modal .content .description {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.4em;
    font-size: 14px;
    white-space: pre-line
}

.free-subscription-modal .content img {
    max-width: 100%;
    max-height: 24dvh;
    margin: 0 auto
}

.free-subscription-modal .content .alert,
.free-subscription-modal .content .textfield {
    width: 100%
}

.free-subscription-modal .footer {
    text-align: center;
    width: 100%;
    padding-bottom: 20px
}

@media only screen and (min-width:1024px) {

    .free-subscription-modal .content .alert,
    .free-subscription-modal .content .textfield {
        width: 40%
    }
}

.toastui-editor-contents :not(table) {
    line-height: 1.5em;
}

.toastui-editor-contents .placeholder {
    font-size: larger
}

.toastui-editor-contents h1,
.toastui-editor-contents h2,
.toastui-editor-contents h3,
.toastui-editor-contents h4,
.toastui-editor-contents h5,
.toastui-editor-contents h6 {
    margin-top: 1.6em;
    margin-bottom: 10px;
    border: none;
    text-align: justify;
    word-break: break-word
}

.toastui-editor-contents h1 {
    font-size: 22px
}

.toastui-editor-contents h2 {
    font-size: 20px
}

.toastui-editor-contents h3 {
    font-size: 18px
}

.toastui-editor-contents h4,
.toastui-editor-contents h5,
.toastui-editor-contents h6 {
    font-size: 16px
}

.toastui-editor-contents p {
    text-align: justify;
    font-size: 14px;
    margin: 0;
    word-break: break-word
}

.larger-viewer .toastui-editor-contents p {
    font-size: 16px
}

.toastui-editor-contents ol,
.toastui-editor-contents ul {
    margin: 0
}

.toastui-editor-contents li p {
    font-size: 14px;
    word-break: break-word
}

.larger-viewer .toastui-editor-contents li p {
    font-size: 16px
}

.toastui-editor-contents li,
.toastui-editor-contents ol,
.toastui-editor-contents p,
.toastui-editor-contents ul {
    margin-bottom: 10px
}

.toastui-editor-contents .embed {
    padding-bottom: 10px
}

.toastui-editor-contents .embed:has(.vimeo) {
    padding-bottom: 20px
}

.toastui-editor-contents ul {
    list-style-type: disc;
    color: #fff;
    padding-left: 1rem;
}

.toastui-editor-contents ul>li:before {
    display: none
}

.toastui-editor-contents ol>li:before {
    color: #000
}

.toastui-editor-popup-body li:has(h5, h6) {
    display: none
}

div:has(>.toastui-editor-defaultUI) {
    width: 100%
}

.toastui-editor-toolbar-icons.last.email-reset-button,
.toastui-editor-toolbar-icons.last.media-gallery-button {
    opacity: .5;
    background-position: 50%;
    background-size: 24px 24px;
    margin: 0
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "<"
}

[dir=rtl] .slick-prev:before {
    content: ">"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: ">"
}

[dir=rtl] .slick-next:before {
    content: "<"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 26px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.ui-media-gallery {
    margin-bottom: 10px
}

.ui-media-gallery,
.ui-media-gallery .attachments {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px
}

.ui-media-gallery .attachments {
    justify-content: center
}

.ui-media-gallery .attachments .post-images,
.ui-media-gallery .attachments .product-images {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
    justify-items: center
}

.ui-media-gallery .attachments .post-images .last-image-container,
.ui-media-gallery .attachments .product-images .last-image-container {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer
}

.ui-media-gallery .attachments .post-images .last-image-container p,
.ui-media-gallery .attachments .product-images .last-image-container p {
    color: #fff;
    font-size: 32px;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%
}

.ui-media-gallery .attachments .post-images .last-image-container .image.last,
.ui-media-gallery .attachments .product-images .last-image-container .image.last {
    background-color: rgba(0, 0, 0, .5);
    -webkit-filter: brightness(55%);
    filter: brightness(55%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100px
}

.ui-media-gallery .slick-dots li button:before {
    color: #fff;
    opacity: .75
}

.ui-media-gallery .slick-dots li.slick-active button:before {
    opacity: 1
}

.ui-media-gallery .slick-track {
    display: flex;
    align-items: center
}

.ui-media-gallery .slick-slide {
    margin: 10px
}

.ui-media-gallery .single-image-backdrop {
    width: 100%;
    height: 100%;
    padding: 10px
}

.ui-media-gallery .single-image-backdrop img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ui-media-gallery .video {
    border-radius: 7px;
    max-width: 100%;
    max-height: 460px;
    object-fit: contain
}

.ui-media-gallery .attachments .post-images .image,
.ui-media-gallery .attachments .product-images .image {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
    height: 100px
}

.ui-media-gallery .attachments .post-images .image:first-child,
.ui-media-gallery .attachments .product-images .image:first-child {
    grid-column: span 3;
    height: auto
}

@media only screen and (min-width:1024px) {
    .ui-media-gallery .slick-slide * {
        max-height: 85dvh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .ui-media-gallery .slick-slide img {
        width: auto;
        height: 100%;
        object-fit: contain
    }
}

.ui-post-card {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #27c841;
    background-color: #0d0d0d;
    width: 100%
}

.ui-post-card.locked .toastui-editor-contents {
    -webkit-mask: linear-gradient(180deg, #000 0, #000 40%, transparent 95%, transparent 0) 100% 50%/100% 100% repeat-x;
    mask: linear-gradient(180deg, #000 0, #000 40%, transparent 95%, transparent 0) 100% 50%/100% 100% repeat-x
}

.toastui-editor-contents p {
    color: #fff;
}

.toastui-editor-contents p a {
    color: #7B82FF;
}

.css-1lmk3ea {
    position: relative;
    max-width: 100%;
    font-size: 0.8125rem;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(255, 255, 255, 0.1);
    vertical-align: middle;
    box-sizing: border-box;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0px;
    border-radius: 16px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    text-decoration: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0 15PX;
    color: #fff;
}

.css-1kemp7z {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    color: rgb(237, 108, 2);
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.css-1hm3tfm {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 1.5rem;
    color: rgb(2, 136, 209);
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-post-card {
    margin-bottom: 1rem;
}

.ui-post-card .paywall {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    border-radius: 7px;
    padding: 24px
}

.ui-post-card .paywall>button {
    justify-self: center
}

.ui-post-card .paywall>ul {
    margin: 0;
    padding: 0;
    font-size: 14px
}

.ui-post-card .paywall>ul>li {
    list-style: none
}

.ui-post-card .paywall>div {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 12px;
    gap: 12px
}

.ui-post-card .tags {
    padding-top: 20px;
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    width: 100%;
    align-items: center;
    flex-wrap: wrap
}

.ui-post-card .tags>p {
    margin: 0 !important
}

.ui-post-card img {
    max-width: 100%
}

.ui-post-card .spotify-embed-iframe {
    border: none
}

.ui-post-card .embeded-video {
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.34%;
    position: relative;
    overflow: hidden;
    border-radius: 7px
}

.ui-post-card .embeded-video.vimeo {
    padding-top: 0
}

.ui-post-card .embeded-video iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: none;
    outline: 0;
    padding: 12px 0
}

.ui-post-card .embed .soundcloud-embed-iframe {
    border: none
}

.ui-post-card .image.banner {
    width: 100%;
    height: auto;
    cursor: default
}

.ui-post-card .footer {
    width: 100%
}

.ui-post-card .footer .buttons {
    width: 100%;
    display: flex;
    grid-gap: 12px;
    gap: 12px;
    cursor: default;
    justify-content: space-between;
}

.ui-post-card .existing-comment {
    cursor: default;
    width: calc(100% - 26px);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    gap: 10px;
    align-items: center;
    position: relative;
    padding: 16px 12px;
    border-top: 1px solid #e2e2e2
}

.ui-post-card .existing-comment .details {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    width: calc(100% - 48px)
}

.ui-post-card .existing-comment .header {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    width: 100%
}

.ui-post-card .existing-comment .delete-button {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .5s
}

.ui-post-card .existing-comment:hover .delete-button {
    opacity: 1
}

.ui-post-card .new-comment {
    width: calc(100% - 26px);
    display: flex;
    padding: 16px 12px;
    border-top: 1px solid var(--highlight-color)
}

.ui-post-card .new-comment .text-area {
    resize: none;
    border: none;
    outline: 0 !important;
    width: 100%
}

.ui-post-card .new-comment .text-area::-webkit-input-placeholder {
    line-height: 3
}

.ui-post-card .new-comment .text-area::placeholder {
    line-height: 3
}

.ui-post-card .new-comment:has(.text-area:focus) .text-area::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.ui-post-card .new-comment:has(.text-area:focus) .text-area::placeholder {
    opacity: 0;
    transition: opacity .2s
}

.ui-post-card .title {
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 10px
}

@media only screen and (min-width:1024px) {
    .ui-post-card .embeded-video {
        padding-bottom: 67.5%
    }

    .ui-post-card .footer .buttons {
        grid-gap: 16px;
        gap: 16px
    }
}

.posts-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 16px;
    gap: 16px;
    margin: 0 auto
}

.posts-content .floating-button {
    margin: 0;
    top: auto;
    right: 50px !important;
    bottom: 70px;
    left: auto;
    position: fixed !important;
    background-color: var(--highlight-color) !important
}

.ui-card {
    border-radius: 8px;
    border: 1px solid #7B82FF;
    background-color: #fff;
    max-width: calc(100vw - 20px)
}

.ui-card .grid {
    display: flex;
    flex-direction: column
}

.ui-card .status-bar {
    display: flex;
    justify-content: space-between;
    padding: 12px 24px;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 8px 8px 0 0
}

.ui-card .content {
    display: flex;
    flex-direction: column;
    padding: 20px;
    grid-gap: 20px;
    gap: 20px;
    background-color: #0d0d0d;
    border-radius: 0 0 8px 8px;
    height: 100%;
    word-break: break-word
}

.ui-card .content.even-border-radius {
    border-radius: 8px
}

.ui-card>.content>.image {
    max-width: 100%;
    border-radius: 8px
}

.ui-card .image.cropped {
    max-height: auto;
    aspect-ratio: 16/9;
    object-fit: cover
}

.ui-card .button-with-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    grid-gap: 4px;
    gap: 4px
}

.ui-card .event-header,
.ui-card .perk-header {
    display: flex;
    flex-direction: column;
    align-items: baseline
}

.ui-card .event-header {
    grid-gap: 8px;
    gap: 8px
}

.ui-card .event-header .sub-header {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    grid-gap: 20px;
    gap: 20px;
    width: 100%
}

.ui-card .event-header .sub-header>div {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    grid-gap: 8px;
    gap: 8px;
    width: 100%
}

.ui-card .event-header .sub-header img {
    max-width: 100%;
    max-height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 8px
}

.ui-card .event-header .calendar,
.ui-card .event-header .location {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    width: 100%
}

.ui-card .event-header .location .icon {
    display: flex;
    height: 60px;
    min-width: 60px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #dadada;
    background-color: #fff
}

.ui-card .offer-card-settings {
    width: 100%
}

.ui-card .offer-card-settings,
.ui-card .offer-card-settings>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 4px;
    gap: 4px
}

.ui-card .description,
.ui-card .details {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    height: 100%
}

.ui-card .description img {
    max-width: 100%
}

.ui-card .description {
    align-items: start
}

.ui-card .status-bar .details {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px
}

.ui-card .points-chip {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px
}

.ui-card .points-chip p {
    margin: 0;
    font-size: 14px
}

@media screen and (min-width:1024px) {
    .ui-card.fullwidth {
        max-width: min(calc(100vw - 420px), 920px)
    }

    .ui-card .event-header .sub-header {
        flex-direction: row;
        align-items: center
    }

    .ui-card .event-header .sub-header img {
        width: 200px;
        height: 200px
    }
}

.memberships-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 16px;
    gap: 16px
}

.memberships-content .grid {
    grid-template-columns: 1fr;
    grid-gap: 18px;
    gap: 18px
}

.memberships-content .frequency-switch {
    display: grid;
    padding: 6px;
    grid-gap: 8px;
    gap: 8px;
    background-color: #fff;
    border-radius: 40px
}

.memberships-content-dialog-content {
    align-items: center
}

.memberships-content-dialog-content,
.stripe-payment-form {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

.stripe-payment-form .footer {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin-top: 8px
}

.amount-modal .summary,
.stripe-payment-form .summary {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    margin: 16px 0
}

.amount-modal .summary-row,
.stripe-payment-form .summary-row {
    display: flex;
    justify-content: space-between
}

.amount-modal .summary-column,
.stripe-payment-form .summary-column {
    display: flex;
    flex-direction: column
}

.amount-modal .summary-row.gap,
.stripe-payment-form .summary-row.gap {
    grid-gap: 8px;
    gap: 8px
}

.amount-modal .amount-selector {
    border-top: 1px solid var(--textColor);
    border-bottom: 1px solid var(--textColor);
    grid-template-columns: 20% 60% 20%;
    display: grid;
    grid-gap: 0 0;
    gap: 0 0;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 16px
}

.amount-modal .amount-selector .button {
    border-left: 1px solid var(--textColor);
    border-right: 1px solid var(--textColor)
}

.amount-modal .amount-selector .MuiAmountIconButton:not(.Mui-disabled) {
    color: var(--textColor) !important
}

.connect-modal .content,
.payment-processed,
.payment-processed .button-group,
.ticket-details,
.ticket-details .button-group {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px
}

@media screen and (min-width:1024px) {
    .payment-processed .button-group {
        flex-direction: row
    }
}

.perks-content {
    grid-gap: 16px;
    gap: 16px
}

.perks-content,
.perks-content .button-group {
    display: flex;
    flex-direction: column;
    align-items: center
}

.perks-content .button-group {
    grid-gap: 4px;
    gap: 4px;
    width: 100%;
    align-self: flex-end
}

.perks-content .grid {
    grid-template-columns: 1fr;
    grid-gap: 18px;
    gap: 18px
}

.perks-content .ui-card .footer {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    width: 100%
}

.perks-content .button-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.perks-content .button-content>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 4px;
    gap: 4px
}

.perks-content .tags {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.redeem-modal-description {
    flex-direction: column
}

.redeem-modal-description,
.redeem-modal-description .redeem-criteria {
    display: flex;
    grid-gap: 16px;
    gap: 16px
}

@media screen and (min-width:1024px) {
    .perks-content .grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 18px;
        gap: 18px
    }
}

.events-content {
    grid-gap: 16px;
    gap: 16px
}

.events-content,
.events-content .button-group {
    display: flex;
    flex-direction: column;
    align-items: center
}

.events-content .button-group {
    grid-gap: 4px;
    gap: 4px;
    width: 100%;
    align-self: flex-end
}

.events-content .grid {
    grid-template-columns: 1fr;
    grid-gap: 18px;
    gap: 18px
}

.events-content .button-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.events-content .button-content>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 4px;
    gap: 4px
}

.events-content .event-header .tickets {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin: 16px 0
}

.events-content .event-header .ticket-card {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 16px;
    gap: 16px;
    border-radius: 6px;
    border: 1px solid #dadada;
    background-color: #fff
}

.events-content .event-header .ticket-card .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.events-content .event-header .ticket-card .description {
    display: flex;
    width: 100%
}

@media screen and (min-width:1024px) {
    .events-content .grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 18px;
        gap: 18px
    }
}

.more-content iframe {
    width: 100%;
    min-height: 100dvh;
    border: 0
}

.profile-master {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: calc(100dvh - 112px);
    overflow: hidden auto;
    padding: 20px;
}

.profile-master .profile_content {
    width: 100%;
    background-color: #181818;
}

.profile-master .profile_content::-webkit-scrollbar {
    display: none
}

.profile-master .profile_content__body {
    padding: 20px 6px;
    margin-bottom: 52px;
    min-height: calc(100dvh - 104px)
}


.sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    width: 100%;
    padding-bottom: 12px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: space-between
}

.sidebar::-webkit-scrollbar {
    display: none
}

.sidebar .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    width: 100%;
    max-width: calc(100% - 40px)
}

.sidebar .content>.ui-title {
    font-size: 38px;
    font-weight: 600;
    text-align: center
}

.sidebar .logo {
    display: none
}

@media only screen and (min-width:1024px) {
    .sidebar .logo {
        display: flex;
        grid-gap: 8px;
        gap: 8px;
        justify-content: center;
        align-items: center
    }

    .sidebar .logo p {
        font-size: smaller;
        margin: 0
    }

    .sidebar .logo img {
        max-height: 16px
    }
}

.ui-content-menu {
    display: flex;
    grid-gap: 10%;
    gap: 10%;
    justify-content: center;
    align-items: center;
    height: 60px;
    background: #1D1D1B;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 15px #0000001a;
    z-index: 15;
}

.ui-content_link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
    max-width: 425px;
}

.ui-content-menu::-webkit-scrollbar {
    display: none
}

.ui-content-menu .nav-link {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    color: #667085
}

.nav-link {
    opacity: 0.6;
}

.nav-link.active,
.nav-link:hover {
    opacity: 1;
}

.nav-link>img {
    height: 28px;
    filter: invert(1);
}

.nav-link:nth-child(4)>img {
    height: 32px;
    width: 35px;
}

.ui-content-menu .nav-link.active {
    color: var(--highlight-color)
}

.ui-content-menu .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 2px;
    gap: 2px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500
}

.ui-content-menu .menu-button {
    display: none
}

.connect_slider {
    margin-top: 1.5rem;
}

.connect_slider .stack_dot_card {
    width: 92%;
    margin: auto !important;
    max-height: 70dvh;
    min-height: auto;
    opacity: 0.5;
    transition: 0.5s ease;
}

.connect_slider .slick-active .stack_dot_card {
    transform: scale(1.05);
    opacity: 1;
}

.connect_slider .slick-track {
    padding: 1.5rem 0;
}

.connect_slider .stack_detail button {
    margin-top: 0;
}

.connect_slider .stack_detail .d-flex {
    margin-top: 1rem !important;
}

.coumunity_tabs {
    max-width: 425px;
    width: 100%;
    min-height: 50px;
    overflow: auto hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    padding: 7px;
}

.coumunity_tabs::-webkit-scrollbar {
    display: none;
}

.coumunity_tabs button {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 10px 1rem;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    text-wrap: nowrap;
    font-size: 14px;
    color: #000;
}

.coumunity_tabs button:hover,
.coumunity_tabs button.active {
    background: #7B82FF;
    color: #fff;
    border-color: #7B82FF;
}

@media only screen and (min-width:1024px) {
    .ui-content-menu .nav-link {
        padding: 0 .75%
    }

    .ui-content-menu .menu-button {
        display: block;
        position: absolute;
        right: 10px
    }
}

@media only screen and (min-width:1200px) {
    .ui-content-menu {
        grid-gap: 20px;
        gap: 20px
    }

    .ui-content-menu .nav-link {
        padding: 0 20px
    }
}

.swipeable-drawer .points-chip {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 68px;
    border: 1px solid rgba(208, 213, 221, .58);
    background: #f9fafb;
    background: var(--gray-50, #f9fafb);
    justify-content: space-around;
    margin: 16px;
    grid-gap: 4px;
    gap: 4px
}

.header_u {
    position: sticky;
    top: 0;
    z-index: 15;
}

.profile-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
}

.profile-navbar .mobile-logo {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.inner_header {
    max-width: 425px;
    margin: 0 auto;
    padding: 0 1rem;
}

.profile-navbar .mobile-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-navbar .logo {
    display: none;
    height: 32px
}

.points {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px
}

:root {
    --highlight-color: #7B82FF;
    --primary-text-color: #ffffff;
    --secondary-text-color: #bbbbbb;
    --primary-button-color: #292a2b;
    --secondary-button-color: #000
}


@media only screen and (min-width:1024px) {
    .profile {
        overflow: hidden;
        height: 100dvh;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .profile::-webkit-scrollbar {
        display: none
    }
}

.error-page .grid {
    grid-template-columns: 1fr
}

.error-page .info {
    padding-left: 20px;
    padding-right: 20px
}

.error-page .logo img {
    max-width: 320px;
    width: 100%;
    padding-top: 60px
}

.error-page footer {
    background-color: var(--titleColor);
    color: #fff
}

.error-page .buttons {
    padding-top: 40px
}

.error-page footer {
    text-align: center
}

.error-page footer .links .ui-social-element {
    display: inline-block;
    margin-left: 10px
}

@media screen and (min-width:1024px) {
    .error-page .grid {
        grid-template-columns: 1fr 1fr;
        max-width: 900px;
        width: 100%
    }

    .error-page .logo img {
        padding-top: 150px
    }

    .error-page .error {
        padding-top: 130px
    }

    .error-page .buttons {
        grid-template-columns: 100px 1fr
    }

    .error-page footer {
        text-align: left
    }

    .error-page footer .links {
        text-align: right
    }
}

.qr-reader {
    width: 430px;
    height: 100dvh;
    margin: 0 auto;
    position: relative
}

.qr-reader video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qr-reader .qr-box {
    width: 100% !important;
    left: 0 !important
}

.qr-reader .qr-frame {
    position: absolute;
    fill: none;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media (max-width:426px) {
    .qr-reader {
        width: 100%
    }
}

.MuiButton-contained:not(.Mui-disabled) {
    background-color: var(--orange) !important;
    color: var(--buttonTextColor) !important
}

.MuiButton-outlined:not(.Mui-disabled, .MuiButton-outlinedWarning) {
    border-color: var(--orange) !important;
    color: var(--orange) !important
}

.MuiButton-outlined:hover {
    background-color: rgba(247, 82, 1, .0784313725490196) !important
}

.MuiButton-text {
    color: var(--orange) !important
}

.MuiButton-text:hover {
    background-color: rgba(79, 79, 79, .0784313725490196) !important
}

.Mui-checked {
    color: var(--orange) !important
}

.MuiListItemButton-root.Mui-selected {
    background-color: rgba(8, 3, 29, .12941176470588237) !important
}

.MuiTab-root {
    text-transform: none !important;
    font-size: 16px !important
}

.MuiTab-root.Mui-selected {
    color: #000 !important
}

.MuiTabs-indicator {
    background-color: var(--orange) !important
}

.MuiMenu-button {
    display: flex !important;
    justify-content: space-between !important;
    width: "100%" !important;
    grid-gap: 10% !important;
    gap: 10% !important;
    text-transform: unset !important
}

.MuiButton-outlinedWarning {
    background-color: #fccbb2 !important;
    color: #c00 !important
}

.MuiDialogActions-root {
    display: flex !important;
    position: relative !important;
    justify-content: center !important
}

.MuiAmountIconButton {
    color: var(--orange) !important
}

.MuiAmountIconButtonDisabled {
    color: grey !important
}

.MuiListItemButton-root.onboarding {
    color: var(--orange);
    background-color: rgba(247, 83, 0, .16862745098039217)
}

.MuiListItemButton-root.onboarding .MuiListItemIcon-root {
    color: var(--orange)
}

.css-1m1zhph-MuiButtonBase-root-MuiMenuItem-root.Mui-selected {
    background-color: #fff !important
}

:root {
    --orange: #f75201;
    --gap: 30px;
    --radius: 10px;
    --primaryBackgroundColor: #fff;
    --titleColor: #1a1d1f;
    --buttonTextColor: #fff;
    --textColor: #13171a;
    --courseFontColor: #1a1d1f;
    --metadataTextColor: #1a1d1f;
    --metadataBoxColor: #ebebeb;
    --secondaryBackgroundColor: #fdecef;
    --supportImage: url(/static/media/crowd.bb0e1245.jpg);
    --paddingPage: 80px 60px 80px;
    --titleSize: 30px;
    --subtitleSize: 16px;
    --bannerSize: 220px;
    --descriptionSize: 16px;
    --fontFamily: "Inter", sans-serif;
    --mobilePadding: 10px
}

* {
    box-sizing: border-box
}

a {
    text-decoration: none
}


code {
    background-color: #fbf4f4;
    padding: 10px;
    border-radius: 5px;
    color: #fe5c51;
    font-size: 12px;
    border: 1px solid rgba(254, 92, 81, .12941176470588237)
}

.main-sidebar {
    display: none
}

.grid {
    display: grid;
    grid-gap: 30px;
    margin: 0 auto
}

.overview:has(.ui-stat-card) {
    display: flex;
    grid-gap: 16px;
    gap: 16px;
    justify-content: center;
    padding-bottom: 40px
}

.circular-progress {
    color: #f75201 !important;
    color: var(--orange) !important
}

.card {
    background-color: #fff;
    border-radius: 10px;
    border-radius: var(--radius);
    padding: 30px;
    position: relative
}

.card p {
    text-align: center;
    color: #1a1d1f
}

.card .title {
    font-size: 20px;
    font-weight: 700;
    line-height: auto
}

.action-card {
    text-align: center;
    background-color: #ebebeb;
    color: #8f8f8f;
    margin-top: 30px
}

.action-card-description {
    display: none
}

.action-card:hover .action-card-description {
    display: block
}

.action-card:hover {
    background-color: #dbdbdb;
    transition: .5s;
    -webkit-transform: .2s translateY(-3px);
    transform: .2s translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

a .action-card p {
    font-size: 14px;
    color: #8f8f8f
}

.badges-grid,
.orders-grid,
.tickets-grid {
    padding: 10px;
    padding: var(--mobilePadding)
}

.vertical-align {
    display: flex;
    justify-content: center;
    align-items: center
}

.tabpanel-menu {
    margin-top: 50px;
    margin-bottom: 25px
}

.tabpanel {
    padding-bottom: 100px
}

.data-table-header {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 20px 0 10px
}

.data-table-header,
.filter-group {
    display: flex;
    grid-gap: 10px;
    gap: 10px
}

.align-right {
    margin-left: 95%
}

.table-subHeader-button {
    background-color: #fdecef !important;
    background-color: var(--secondaryBackgroundColor) !important;
    color: #000 !important;
    width: 100%
}

.drawer-logo {
    min-height: 100px !important
}

.drawer-logo img {
    width: 100%
}

main {
    margin: 0 auto;
    max-width: 100vw;
    flex-grow: 1
}

main .content {
    position: relative
}

.back-wrapper {
    display: none;
    position: absolute;
    top: -15px;
    left: -70px
}

.back-wrapper button {
    background-color: #fff
}

.container-menu-switcher {
    width: 100%;
    display: flex;
    margin: auto auto 0
}

.switcher-menu-item {
    width: 100%;
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    justify-content: flex-start
}

.switcher-menu-item .organization-name {
    color: #1a1d1f;
    padding: 5px;
    margin: 0;
    display: flex;
    align-items: center;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden
}

.switcher-menu-item .organization-name.selected {
    color: #f75201;
    color: var(--orange);
    font-weight: 700
}

.menu-email,
.menu-name {
    display: flex;
    position: relative;
    margin: 0;
    padding: 0
}

.menu-email {
    color: #8f8f8f
}

.container-menu {
    display: flex;
    position: relative;
    flex-direction: column
}

a.preview-profile-page {
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin-top: 20px
}

.MuiDrawer-root button.MuiButtonBase-root {
    border-radius: unset
}

.MuiDrawer-root button.MuiButtonBase-root.selected {
    background-color: #dfdee2
}

.MuiDrawer-root button.MuiButtonBase-root a {
    height: 24px;
    color: #f75201;
    color: var(--orange)
}

.page-actions {
    text-align: right
}

.settings-menu-button.MuiButton-contained {
    min-width: 46px;
    background-color: #b3b3b3 !important
}

.settings-menu-button .MuiButton-endIcon {
    margin: 0
}

.container-preview {
    margin-top: 20px;
    display: flex;
    position: relative;
    left: -15px
}

.page-top {
    max-width: 100vw;
    padding: 10px;
    padding: var(--mobilePadding);
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
    margin-top: 80px
}

.page-top .page-label {
    opacity: .6;
    font-size: 14px;
    color: #333
}

.page-top .page-description {
    font-size: 16px;
    color: #8f8f8f
}

.page-top .page-name {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.page-stat {
    grid-column: -2
}

.page-stat .stat-card .stats-number {
    line-height: 100px
}

.tokens-overview {
    text-align: left
}

.tokens-overview .text-1 {
    font-size: 14px;
    color: #b2b2b2
}

.tokens-overview .text-2 {
    font-size: 24px;
    color: #29292b;
    margin: 10px 0
}

.tokens-overview .text-3 {
    font-size: 12px;
    color: #333
}

.organization-form {
    display: flex;
    flex-direction: column
}

.organization-form .ui-form-section {
    margin: 0
}

.organization-form .color-picker {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center
}

.organization-form .highlight-color-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    gap: 20px
}

.organization-form .button-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 20px;
    gap: 20px
}

.column {
    flex-direction: column
}

.new-reward-wrapper .metadata-title {
    margin: 40px 0
}

.new-reward-wrapper .metadata-description {
    font-size: 16px;
    color: #8f8f8f;
    display: flex;
    position: relative;
    width: 100%;
    top: -25px
}

.advanced-settings .metadata-new-button,
.new-reward-wrapper .metadata-new-button {
    float: right;
    top: -48px
}

.new-reward-wrapper .property-row {
    margin-top: 10px;
    display: flex;
    width: 100%;
    padding-bottom: 20px;
    grid-gap: 10px;
    gap: 10px
}

.property-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.reward-preview {
    width: 50%;
    background-color: #fff;
    height: 80%;
    padding: 10px
}

.reward-preview.grid {
    padding-top: 60px
}

.mint-form-wrapper {
    margin-top: 80px
}

.mint-form-wrapper>* {
    grid-column: span 4
}

.mint-form-wrapper .MuiDataGrid-root {
    min-height: 250px
}

.mint-form-wrapper p {
    margin-bottom: 40px
}

.mint-form-wrapper .buttons {
    margin: 30px 0 100px
}

.mint-form-wrapper p.loading {
    margin: 40px 0
}

.MuiDataGrid-main {
    min-height: 400px;
    background-color: #fff
}

.event-stats-grid,
.stats-grid {
    padding: 10px;
    padding: var(--mobilePadding);
    margin-top: 60px
}

.custom-margin {
    margin-bottom: 25px;
    margin-top: 25px
}

.event-stats-grid .canvas-wrapper,
.stats-grid .canvas-wrapper {
    max-width: 160px;
    margin: 0 auto
}

.stat-card .stats-number {
    font-size: 32px;
    color: #f75201;
    color: var(--orange);
    text-align: center;
    font-weight: 700;
    line-height: 160px
}

.stat-card .title {
    margin-top: 20px
}

.new-form-field-footer {
    margin: 10px 0;
    display: flex;
    grid-gap: 15px;
    gap: 15px;
    padding: 10px;
    padding: var(--mobilePadding)
}

.course-switcher-main-container {
    display: flex;
    flex-direction: column
}

.course-switcher-main-container>p {
    margin: 2px 0;
    font-size: smaller;
    color: grey
}

.course-switcher-inner-container {
    display: flex;
    align-items: center;
    grid-gap: 2vw;
    gap: 2vw;
    width: -webkit-max-content;
    width: max-content
}

.course-switcher-inner-container>div {
    display: flex
}

.course-switcher-inner-container>h2 {
    font-weight: 500;
    margin: 0;
    min-width: 225px
}

.menu-link {
    display: flex;
    align-items: center;
    grid-gap: 20%;
    gap: 20%;
    color: #e55e29
}

.zero {
    margin: 0;
    padding: 0
}

.social-share-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 2dvh;
    gap: 2dvh;
    padding: 15px
}

.container-img-share {
    padding: 0 40px
}

.container-img-share img {
    width: 100%
}

.container-share-icons {
    margin: 30px 0 20px;
    text-align: center
}

.social-share-secondary-container {
    display: flex;
    flex-direction: column;
    justify-items: center;
    grid-gap: 0;
    gap: 0
}

.social-share-horizontal-container {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.csv-preview {
    border: 1px solid #f75201;
    border-radius: 5px;
    display: flex;
    position: relative;
    justify-content: space-evenly;
    margin-top: 5px
}

.key-preview {
    font-weight: 700
}

.label-message {
    color: #68707b;
    font-size: 14px;
    font-weight: 300;
    top: 5px
}

.label-message,
.message {
    display: flex;
    position: relative;
    justify-content: center
}

.message {
    top: 15px
}

.orange {
    color: #f75201 !important;
    color: var(--orange) !important
}

.center {
    text-align: center
}

.center-absolutely {
    height: 100dvh;
    justify-content: center
}

.center-absolutely,
.navbar {
    display: flex;
    align-items: center
}

.navbar {
    justify-content: space-between
}

.navbar-image {
    height: 80%;
    max-height: 20px
}

.student-profile-footer {
    background-color: #d8d4d4;
    color: #000;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    margin-bottom: 100px;
    padding: 25px
}

.student-profile-footer>p {
    margin: 0
}

.student-profile-footer>a {
    color: #13171a;
    font-weight: 800
}

.italized {
    font-style: italic
}

.green {
    color: green
}

.break {
    word-break: break-all
}

.reward-preview-image-container {
    position: relative
}

.blur {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    opacity: .6
}

.claim-page-overlapping-container {
    position: absolute;
    top: calc(50% - 66px);
    left: calc(50% - 93px)
}

.claim-page-overlapping-image {
    width: 100px;
    margin-bottom: 10px
}

.claim-page-overlapping-cta {
    font-size: larger;
    color: #13171a;
    color: var(--textColor)
}

.bold {
    font-weight: 600
}

.backdrop-buttons-container {
    position: fixed;
    top: 0;
    right: 28px
}

.backdrop-buttons-container>* {
    color: #000 !important
}

.theme-preview-container {
    display: flex;
    align-items: stretch;
    justify-content: center
}

.theme-preview-small-container:last-child {
    border: 1px solid #000;
    border-left: none
}

.theme-preview-small-container:first-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #000
}

.evenly-spaced {
    width: 50%
}

.theme-form-row {
    width: 100%;
    display: flex;
    align-items: center;
    grid-gap: 16px;
    gap: 16px
}

.theme-form-row>.inner {
    grid-gap: 2px;
    gap: 2px
}

.theme-form-upload-buttons {
    width: 100%;
    display: flex;
    margin: 10px 0
}

.confirm-modal-header {
    display: flex;
    align-items: center;
    padding-left: 24px
}

.confirm-modal-children-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.payment-provider-modal-container {
    display: grid;
    grid-auto-rows: 1fr
}

.payment-provider-modal-logo {
    max-width: 50%;
    padding-bottom: 20px;
    align-self: center
}

.payment-method-button {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    gap: 20px
}

.payment-method-button-icon-container {
    flex-basis: 25%;
    display: flex;
    justify-content: center
}

.payment-method-button-icon {
    max-height: 50px;
    max-width: 75%
}

.payment-method-button-label-container {
    flex-basis: 50%;
    text-align: start
}

.payment-method-button-label {
    color: #000;
    text-transform: none;
    font-size: large
}

.payment-method-button-chevron-container {
    flex-basis: 25%;
    display: flex;
    justify-content: flex-end
}

.utrust-payment-button-group {
    display: flex;
    grid-gap: 20px;
    gap: 20px
}

.desktop-manual-subscriptions-stepper {
    display: none !important;
    margin-bottom: 20px
}

#googlepay-container {
    display: flex;
    justify-content: center
}

.mobile-manual-subscriptions-stepper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap
}

.mobile-manual-subscriptions-stepper .progress {
    flex-basis: 33.33%
}

.mobile-manual-subscriptions-stepper .label {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    gap: 5px
}

.mobile-manual-subscriptions-stepper .label>* {
    margin: 0
}

.mobile-manual-subscriptions-stepper .label>p {
    font-size: small;
    color: #f75201;
    color: var(--orange)
}

.status-modal-login-button {
    text-align: center;
    margin: 15px
}

.filter-show-all-content-container {
    display: flex;
    align-items: center;
    padding-top: 2px
}

.internal_offer_selector-container {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px
}

.title-color-theme {
    color: #1a1d1f;
    color: var(--titleColor)
}

.offer-card-background-color-theme {
    background-color: #fff !important
}

.frequency-switcher {
    display: flex;
    align-items: center
}

.pointer {
    cursor: pointer
}

.organization-page-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center
}

.attachment-chip {
    width: 100%;
    border-radius: 5px !important;
    justify-content: space-between !important
}

.stripe-connect-form .alert {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    gap: 12px;
    align-items: center
}

.stripe-connect-form .alert img {
    max-width: 100%
}

.community-tab-header {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.community-tab-header,
.tickets-tab-header {
    margin-bottom: 25px;
    grid-gap: 20px;
    gap: 20px;
    align-items: center;
    padding: 10px;
    padding: var(--mobilePadding)
}

.tickets-tab-header {
    display: flex;
    flex-direction: column;
    width: 100%
}

.points-editor {
    padding: 16px
}

.email-editor,
.points-editor {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 25px;
    background-color: #fff
}

.email-editor {
    align-items: center
}

.email-editor,
.email-viewer {
    padding: 20px;
    border-radius: 5px
}

.email-viewer {
    background-color: #fff;
    height: 200px;
    overflow-y: scroll
}

.email-viewer.secondary {
    background-color: #fdecef;
    background-color: var(--secondaryBackgroundColor)
}

.points-editor .input {
    display: flex;
    grid-gap: 20px;
    gap: 20px
}

.tabular-nums {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.alternative-currency-icon {
    color: grey;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.onboarding-checklist {
    margin-top: 60px
}

.onboarding-checklist .item {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-gap: 10px;
    gap: 10px;
    padding: 10px;
    background-color: #fff
}

.onboarding-checklist .item .actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    gap: 10px;
    grid-column: span 2
}

.tags-container {
    display: flex;
    width: 100%;
    grid-gap: 4px;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-start
}

.event_thumb {
    aspect-ratio: 4/2.2;
    width: 100%;
    position: relative;
}

.event_thumb span {
    padding: 7px;
    border-radius: 50px;
    background: #ffffff73;
    color: #000;
    font-size: 12px;
    backdrop-filter: blur(3px);
    position: absolute;
    top: 10px;
    left: 10px;
}

.event_thumb>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user_area {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    text-shadow: 0 0 7px #0000003d;
}

.user_area>img {
    width: 30px;
    height: 30px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 100%;
}

.event_videos {
    background: #a5989128;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2rem;
}

.event_videos:last-child {
    margin-bottom: 0;
}

.event_detail {
    padding: 12px;
}

.event_detail>h2 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.event_detail>p {
    color: #161616;
    font-size: 14px;
    margin-top: 5px;
}

.left_btn .sc-iKcTDp {
    transform: translate(50%, -50%) rotate(180deg);
    left: 0;
}

@media (min-width: 768px) {
    .bOBztf {
        align-items: center;
        background: rgb(255, 255, 255);
        border-radius: 20px;
        color: rgb(0, 0, 0);
        cursor: pointer;
        display: flex;
        height: 40px;
        justify-content: center;
        position: absolute;
        top: 50%;
        width: 40px;
        z-index: 0;
        box-shadow: 0 0 15px #0000001e;
    }
}

.iBBruN {
    display: block;
    min-width: 0px;
    margin-bottom: 1.5rem;
}

.Cont_slider .boundary {
    max-width: 220px;
    margin: 0 10px;
    background: #fff;
    border-radius: 10px;
}

.brknhJ {
    align-items: center;
    display: flex;
    justify-content: center;
    vertical-align: bottom;
    width: 100%;
}

.dOsIIV {
    margin-bottom: 0.75rem;
    aspect-ratio: 2/2;
    border-radius: 10px 10px 0 0;
    object-fit: cover;
}

.fphTcn {
    color: #000;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hccDer {
    color: #000;
    display: -webkit-box;
    font-size: 0.875rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    word-break: break-word;
}

.boundary {
    background: #fff;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .hccDer {
        min-height: 2rem;
    }
}

.fPgsOV {
    border: 1px solid #000;
    border-radius: 1rem;
    color: #000;
    display: inline-block;
    padding: 0.3rem 0.7em;
}

.gQIUnz {
    background: #000;
    color: #000;
    padding: 2.5rem 0px;
}

.gbQooF {
    margin-bottom: 2rem;
}

.fphTcn {
    font-weight: bold;
}

.sc-fUoYrX {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 1rem;
}

.inner_club {
    padding: 0 20px;
}

.club_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.club_grid .item {
    flex-basis: 45%;
    max-width: 185px;
}

/* member_card css  */
.member_grid {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    padding: 0 1rem;
}

.dOsIIV {
    border-radius: 10px;
    margin-bottom: 0.75rem;
}

.brknhJ {
    align-items: center;
    display: flex;
    justify-content: center;
    vertical-align: bottom;
    width: 100%;
}

.fpBjGd {
    color: rgb(0, 0, 0);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ldDCUz {
    color: rgb(96, 96, 96);
    display: -webkit-box;
    font-size: 0.875rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    word-break: break-word;
}

@media (min-width: 768px) {
    .ldDCUz {
        min-height: 2rem;
    }
}

.bvZfqF {
    border: 1px solid rgb(0, 0, 0);
    border-radius: 1rem;
    color: rgb(0, 0, 0);
    display: inline-block;
    padding: 0.3rem 0.7em;
    font-size: 12px;
}

.jXbJwK {
    color: rgb(255, 255, 255);
    display: block;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

.video_short_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 1rem;
    padding-top: 0;
}

.boundary2_video {
    max-width: 200px;
    flex-basis: 48%;
}

.boundary2_video.jXbJwK img {
    aspect-ratio: 275 / 500;
    object-fit: cover;
}

.fNBDCv {
    z-index: 1;
    position: absolute;
    top: 14px;
    right: 16px;
    padding: 12px;
    border-radius: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 0;
    text-transform: uppercase;
}

.hWqqpJ {
    z-index: 2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 1rem;
}

.jXbJwK::after {
    border-radius: 7px;
    content: " ";
    position: absolute;
    inset: 0px;
    background: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 100%);
    opacity: 0.9;
    overflow: hidden;
    z-index: 1;
}

.jkoQJW {
    color: rgb(255, 255, 255) !important;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 5.6px 5.6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.3px;
}

.formSearch {
    max-width: 425px;
    margin: 0 auto;
    background: #fff;
}

.formSearch input {
    background: #000000;
    width: 100%;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

/* members Detail page css  */
.profile_main {
    width: 100%;
    height: 500px;
    position: relative;
}

.profile_main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
}

.detail_header button {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #00000071;
}

.detail_head {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(#00000000, 40%, #000);
    padding: 1rem;
}

.detail_head h2 {
    color: #fff;
    font-size: 30px;
}

.detail_head h3 {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}

.profile_gtgt {
    padding: 1rem;
    border-bottom: 1px solid #0000001c;
    background: none;
}

.profile_gtgt p {
    color: #000;
    font-size: 16px;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wortAt {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 10px 0;
}

.profile_gtgt h1 {
    font-size: 28px;
}

.profile_gtgt a {
    width: 100%;
    border-radius: 50px;
    background: #7B82FF;
    color: #fff;
    padding: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-theme {
    background: #fff;
}

/* club detail page css  */
.post_area {
    padding: 1rem;
}

.post_area pre {
    text-wrap: wrap;
    line-height: 1.3;
    margin-top: 1rem;

}

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

.profile_dp {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.profile-dp>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile_ghy h2 {
    font-size: 16px;
    font-weight: 500;
}

.profile_ghy p {
    font-size: 14px;
    font-size: 400;
    line-height: 1.3;
}


/* news detail page css  */
.news_head {
    padding: 1rem;
}
.news_head h3{
    font-size: 12px;
    font-weight: 500;
}
.news_head h2{
    font-size: 26px;
    font-weight: 500;
}
.stddf{
    padding: 1.5rem 1rem;
    border-top: 1px solid #0000001e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.stddf h2{
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
.stddf p{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 7px;
}
.event_news{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid #00000021;
}
.event_news img{
    max-width: 80px;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.news_tiles h3{
    font-size: 12px;
    font-weight: 500;
    color: #000 !important;
}
.news_tiles h2{
    font-size: 16px;
    font-weight: 500;
    margin-top: 2px;
    color: #000 !important;
}
.news_tiles p{
    font-size: 14px;
    font-weight: 500;
    color: #0000007c !important;
    margin-top: 5px;
}










@media only screen and (min-width:1024px) {

    .mobile-manual-subscriptions-stepper,
    .navbar {
        display: none !important
    }

    .desktop-manual-subscriptions-stepper {
        display: flex !important
    }

    main {
        width: 100%;
        max-width: min(960px, calc(100% - 420px))
    }

    .main-sidebar {
        display: block
    }

    .page-top {
        max-width: 100%
    }

    .badges-grid,
    .page-top {
        padding: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .back-wrapper {
        display: block
    }

    .organization-form-and-preview {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 36px;
        gap: 36px
    }

    .community-tab-header {
        grid-template-columns: repeat(4, 1fr)
    }

    .tickets-tab-header {
        flex-direction: row
    }

    .data-table-header {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around
    }

    .stats-grid {
        padding: 0;
        grid-template-columns: repeat(2, calc(50% - 15px));
        grid-template-columns: repeat(2, calc(50% - var(--gap)*1/2))
    }

    .event-stats-grid {
        padding: 0;
        grid-template-columns: repeat(3, calc(33.33333% - 20px));
        grid-template-columns: repeat(3, calc(33.33333% - var(--gap)*2/3))
    }

    .stat-card .stats-number {
        font-size: 48px
    }
}

.other-frequencies {
    cursor: pointer;
    margin-top: 10px !important
}

.other-frequencies span {
    color: var(--orange);
    font-weight: 600;
    font-size: 1.4rem
}

.avatar img {
    height: 60px;
}


/* login canvas  */
.canvas_login {
    max-width: 425px;
    margin: 0 auto;
    height: auto;
    border-radius: 15px 15px 0 0;
    background-color: #7b82ff !important;
}

.werk-heading{
    font-family: 'Hagrid Text Trial';
    font-size: 38px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: capitalize;
}
.werk-heading span{
    background: #faed42;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.werk-heading i {
    font-style: normal;
    background: url(../image-assets/co-work-union2.svg) no-repeat;
    color: #000;
    padding: 5px 10px;
    background-position: center;
    padding-bottom: 18px;
    background-size: 100% auto;
}

.canvas_login .offcanvas-header {
    padding-top: 2rem;
    font-weight: bold;
    font-size: 22px;
}

.signUp_popbtn {
    background: #FAED42;
    width: 100%;
    border-radius: 10px;
    padding: 1rem;
    color: #000 !important;
    font-weight: 500;
    text-align: center;
    margin-top: 1rem;
    font-family: 'Hagrid Text Trial';   
}

.auth_pop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.auth_pop p {
    color: #000;
    font-size: 16px;
}

.auth_pop span {
    color: #000;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
}

.auth_pop span>a {
    color: #fff;
}

/* Event_deatil page css  */
.Event_detail_head {
    background: none;
    position: static;
}
.Event_detail_head h3{
    font-size: 14px;
}
.Event_detail_head h2,
.Event_detail_head h3 {
    color: #000;
}
.social_radius{
    max-width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #7B82FF;
    color: #fff;
    font-size: 14px;
}
.Cont_slider .event_videos{
    max-width: 300px;
    margin: 0 7px;
}
.cont_more{
    border-top: 1px solid #0000002a;
}
.cont_more h4{
    padding: 1rem;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.event_thub{
    height: 250px;
}
.video_duration{
    background: #000000b2;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    pointer-events: none;
}
.event_thub iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 3/2;
}
.vide_area_main{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}
.play_video{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 3/1.7;
}
.play_video img{
    width: 100%; 
    height: 100%;
    object-fit: cover;
}
.play_duration{
    background: #000;
    color: #fff;
    font-size: 10px;
    padding: 7px;
    width: fit-content;
    position: absolute;
    bottom: 0;
    left: 0;
}
.play_icon{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0000004f;
    color: #fff;
    position: absolute;
}
.vide_area{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.play_vide_det h2{
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.play_vide_det p{
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tab_master button{
    width: 50%;
    color: #000 !important;
    padding: 1rem;
}


@media (max-width: 1440px) {
    .banner_art img {
        border-radius: 15px;
        max-width: 170px;
    }

    .main_banner_art {
        height: 440px;
    }

    .wrapper>h1 {
        font-size: 16px;
    }

    .wrapper>h2 {
        font-size: 42px;
    }

    .input-box_auth label {
        font-size: 14px;
    }

    .avatar img {
        height: 50px;
    }
}

@media (max-width: 1200px) {

    .login_btn,
    .direct_btn {
        font-size: 16px;
        padding: 16px;
    }
}

@media (max-width: 991px) {

    .banner_art img {
        max-width: 150px;
    }

    .art_ff.active,
    .art_ban_row.active {
        transform: translateY(-5%);
    }

    .avatar img {
        height: 40px;
    }

    .typing-demo {
        font-size: 12px;
    }

    .input-box_auth input {
        padding: 16px 20px;
    }

    .input-box_auth label {
        font-size: 12px;
    }

    .wrapper>h2 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    ::-webkit-scrollbar {
        display: none;
    }

    .canvas_full ul a {
        font-size: 26px;
    }

    .nav_buttons {
        width: 36px;
        height: 36px;
    }

    .logo_u>img {
        height: 18px;
    }

    .profile-master {
        padding: 1rem;
    }
}

@media (max-width:575px) {
    .wrapper>img {
        height: 35px;
    }
}

@media (max-width:500px) {
    .canvas_full .btn-close {
        position: absolute;
        top: 1rem;
        left: 1rem;
    }

    .play_btn {
        width: 80px;
        height: 80px;
    }

    .stack_detail button {
        padding: 10px 1rem;
        font-size: 12px;
        margin-top: 1rem;
    }

    .stack_detail h2 {
        color: #fff;
        font-size: 24px;
    }

    .comunity_tabs {
        padding: 12px;
        flex-wrap: nowrap;
        overflow: auto hidden;
        min-height: 70px;
    }

    .inner_club {
        padding: 0 16px;
    }

    .club_grid .item {
        max-width: 155px;
    }

    .club_grid {
        justify-content: center;
        align-items: center;
    }

    .news_deatil>h2 {
        font-size: 18px;
    }

    .news_deatil>p {
        font-size: 12px;
    }

    .wrapper .input-box_auth {
        margin-top: 1rem;
    }
    .werk-heading {
        font-size: 32px;
    }
    .auth_header>h2 {
        font-size: 22px;
    }
}

@media (max-width:350px) {
    .club_grid .item {
        max-width: 100%;
    }
}