/*
Theme Name: GBlocks
Theme URI: https://www.wordpress.org
Author: YOSOYPEP
Author URI: https://www.yosoypep.com
Description: El template que trabaja sobre Bootstrap y Advanced Custom Fields, dentro del sistema de bloques Gutemberg de Wordpress.
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 5.1
Text Domain: gblocks
*/

/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*///////// CUSTOM CSS ///////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
html{
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#page{
    width: 100%;
    margin: auto;
}
.font-1{
    font-family: 'Inter', sans-serif;
}
.font-2{
    font-family: 'Inter', sans-serif;
}
.font-3{
    font-family: 'Inter', sans-serif;
}


body{
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  text-rendering: optimizeLegibility;
    
}
header {
    height: 200px;
    height: 150px;
    height: 0;
}
p{
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4{
    font-weight: 600;
}
.h1, h1 {
    font-size: 46px;
}
.h2, h2 {
    font-size: 40px;
}
.h3, h3 {
    font-size: 30px;
}
.alinear-centro{
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-max-w{
    width: 100%;
    max-width: 1300px;
    margin: auto;
}
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*/ colores de fondo //////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/

.f-blanco {
  background-color: #FFFFFF;
}
.f-negro {
  background-color: #1D252D;
}
.f-gris-oscuro {
  background-color: #616A74;
}
.f-gris {
  background-color: #E8EBEC;
}
.f-gris-medio {
  background-color: #8D9AA0;
}
.f-gris-claro {
  background-color: #F97373;
}


/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*/ colores textos //////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/

.tex-blanco{
  color: #FFFFFF;
}
.tex-negro{
  color: #1D252D;
}
.tex-gris-oscuro {
  color: #616A74;
}
.tex-gris {
  color: #E8EBEC;
}
.tex-gris-medio {
  color: #8D9AA0;
}
.tex-gris-claro {
  color: #F97373;
}
/*////////////////////////////*/
/*///////botón cta////////////*/
/*////////////////////////////*/
.videopop-wrap {
    PADDING: 10px 0px 70px;
}

.row-pop-texto{
    max-width: 90%;
    margin: auto;
    display: block;
    width: 1300px;
}
.videopop-img {
    height: 500px;
    width: 100%;
    max-width: 1300PX;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
}
.videopop-overlay {
    background: #1d252d;
}
/*////////////////////////////*/
/*///////botón cta////////////*/
/*////////////////////////////*/

#BOX-CTA a{
    border: 2px solid #1D252D;
    display: inline-block;
    margin: auto;
    padding: 6px 20px;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    border-radius: 50px;
  
}
#BOX-CTA a:hover{
  background-color: #1D252D;
  color: #FFFFFF;
  text-decoration: none !Important;
}

#BOX-CTA h2{
    text-align: center;
    margin-bottom: 30px;
}


/*////////////////////////////*/
/*////////botón/////////*/
/*////////////////////////////*/
input[type="submit"].btn-enlace,
.btn-enlace{
    padding: 10px 30px;
    font-size: 20px;
    background-color: #000;
    font-weight: 600;
    line-height: 30px;
    margin-right: 0;
    display: inline-block;
    color: white !important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    min-width: 220px;
    border-radius: 50px;
}

input[type="submit"].btn-enlace:hover,
.btn-enlace:hover{
    background-color: #888;
}


.block-txtcols-col em{
    position: relative;
    position: relative;
    /* display: -webkit-inline-box; */
    white-space: revert;
    background-image: linear-gradient(
120deg, #f67373 0%, #f67373 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.15em;
    background-position: 2px 92%;
    padding-bottom: 4px;
    font-style: normal;
}

.btn-enlace-linea{
    padding: 10px 30px;
    font-size: 21px;
    background-color: transparent;
    font-weight: 600;
     color: #1d252d !important;
    min-width: 220px;
    border-radius: 0;
    border: 2px solid #1d252d;
}
.btn-enlace-linea:hover{
    background-color: #1d252d !important;
    color: white !important;
}

.block-big-imagen img{
    width: 100%;
}




/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*///BLOQUE TEXTO /IMAGEN / SLIDER ///*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
.block-text-image-slider {
    background: #E8EBEC;
}
.block-text-image-slider .col-con-slider{
    min-height: 430px;
}
.block-text-image-slider ul,
.block-txtcols-col ul{
    list-style: none;
    padding: 0;
}
.block-text-image-slider ul li,
.block-txtcols-col ul li{
        position: relative;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}
.block-text-image-slider ul li:before,
.block-txtcols-col ul li:before{
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 0;
    width: 8px;
    height: 8px;
    background-color: #f97373;
    left: 0;
    top: 14px;
    border-radius: 4px;
    margin-top: -4px;
}

.block-txtcols-col #BLOCK-COMPARTIR{
  margin: 20px 0;
}
.block-txtcols-col #BLOCK-COMPARTIR ul li {
  padding-left: 0;
}
.block-txtcols-col #BLOCK-COMPARTIR ul li:before {
  content: "";
  display: none;
}

.block-text-image-slider .hero-wrap {
    min-height: 380px;
}
.block-text-image-slider .hero-spacer {
    height: 380px;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: #616A74;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
    top: 8px;
    position: relative;
}


/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*///////// BOTONES //////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/

input[type="submit"]{
    background: #222;
    border-radius: 8px;
    width: auto;
    min-width: 250px;
    padding: 0;
    color: white !important;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
    padding: 18px 50px;
    float: right;
    margin-right: 4%;
    text-transform: uppercase;
}

.modal .btn-black{
    background: #222;
    border-radius: 0px;
    width: auto;
    max-width: 350px;
    padding: 0;
    color: white !important;
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 600;
    padding: 12px 50px;
}
.modal .btn-black .cart-top {
    display: inline;
    position: relative;
    max-width: 60px;
    left: -8px;
    top: -2px;
}
.modal .btn-black .cart-top img {
    width: 20px;
    position: relative;
}




a {
    color: inherit;
    text-decoration: inherit;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.block {
    display: block;
}

nav.sticky-pro {
    background: #fff;
}
.sticky-pro .row {
    /* width: 90%; */
    width: 100%;
    margin: auto;
}
.sticky-box-logo {
    min-width: 200px;
    /*width: 20%;*/
    display: flex;
    justify-content: flex-start;
}
.sticky-logo-item a {
    display: block;
}
.block-big-imagen img {
    width: 100%;
}


/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*/////// HERO ///////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/
/*////////////////////////////*/


/*LANDING JUMBO*/
#pro-jumbo {
    MARGIN-TOP: 30PX;
    margin-bottom: 50px;
     position: relative;
    z-index: 1;
}
#pro-jumbo h2{
    FONT-SIZE: 28PX;
    LETTER-SPACING: 0;
    font-weight: 300;
    PADDING: 0;
    MARGIN: 0;
}

#pro-jumbo {
    background-color: black;
    margin: 0;
    padding: 140px 0 100px;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: -2px;
    min-height: 650px;
    position: relative;
    overflow: hidden;
}

#pro-jumbo h3 {

    color: #100a08;
    FONT-SIZE: 35PX;
    LETTER-SPACING: 0;
    font-weight: 300;
    PADDING: 0;
    MARGIN: 0 0 0 0;
}

@keyframes pulse {
  0% {
    transform: scale(1.5);
      opacity: 0;
  }
  100% {
    transform: scale(1);
       opacity: 1;
  }
}


#pro-jumbo h1 {
    max-width: 900px;
    line-height: 100%;
    margin: 10px 0 30px;
    font-size: 70px;
}

#pro-jumbo p{
    max-width: 500px;
}

#pro-jumbo {
  position: relative;
  overflow: hidden;
  background-color:black;
}
#pro-jumbo video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.5;
}
#pro-jumbo .container {
  z-index: 2;
  position: relative;
}

.slick-dots {

    z-index: 4;
    BACKGROUND: transparent;
}
.slick-dots li {
    width: 60px;
}
.slick-dots .slick-active{
    
}
.slick-dots li button{
    width: 60px
}
.slick-dots li button:before{
     content: "";
    width: 60px;
    height: 5px;
    background: #b2aa9a;
    border-radius: 8px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #b2aa9a;
}
.slick-slide,
.slick-slide:focus,
.slick-slide:active,
.slick-slide:hover{
    outline: none;
}

.slick-slide .jumbo-texto{
    display: block !Important;

}

/*----- claim -------*/
.jumbo-texto{
    max-width: 1900px;
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    display: block;
}
.pro-slider-slide-solo .jumbo-texto{
    display: flex;
    text-align: center;
}

.pro-slider-slide-solo .jumbo-texto p {
    max-width: 100%;
    position: relative;
}



.jumbo-texto h1{
    padding-left: 24px;
    position: relative;
}

.jumbo-texto h1 span{
    display: block;
    position: relative;
}

@keyframes TXTTOLEFT {
  from {
    transform: translateX(40px);
    opacity: 0;
  }
  to {
     transform: translateX(0px);
      opacity: 1;
  }
}

#pro-jumbo .row.is-selected h1.claim-1 span,
#pro-jumbo .row.is-selected h1.claim-2 span,
#pro-jumbo .row.is-selected h1.claim-3 span,
#pro-jumbo .row.is-selected h1.claim-4 span{
    animation: TXTTOLEFT 1s linear alternate forwards;
    animation-timing-function:  cubic-bezier(.56,.07,.34,1.01);
    opacity: 0;
    transform: translateX(40px) ;
    animation-delay: 0.6s;
}

@keyframes BARABAJO1 {from {opacity: 0;height: 0%}to {opacity: 1;height: 86%}}
@keyframes BARABAJO2 {from {opacity: 0;height: 0%}to {opacity: 1;height: 94%}}
@keyframes BARABAJO3 {from {opacity: 0;height: 0%}to {opacity: 1;height: 94%}}
@keyframes BARABAJO4 {from {opacity: 0;height: 0%}to {opacity: 1;height: 90%}}

#pro-jumbo .row.is-selected h1.claim-1:after,
#pro-jumbo .row.is-selected h1.claim-2:after,
#pro-jumbo .row.is-selected h1.claim-3:after,
#pro-jumbo .row.is-selected h1.claim-4:after{
    
    animation-timing-function:  cubic-bezier(.56,.07,.34,1.01);
    opacity: 0;
    animation-delay: 0.2s;
}
#pro-jumbo .row.is-selected h1.claim-1:after{animation: BARABAJO1 .8s linear alternate forwards}
#pro-jumbo .row.is-selected h1.claim-2:after{animation: BARABAJO2 .8s linear alternate forwards}
#pro-jumbo .row.is-selected h1.claim-3:after{animation: BARABAJO3 .8s linear alternate forwards}
#pro-jumbo .row.is-selected h1.claim-4:after{animation: BARABAJO4 .8s linear alternate forwards}


@keyframes FADEINHERO {
  from {opacity: 0}
  to {opacity: 1}
}
#pro-jumbo .row.is-selected p,
#pro-jumbo .row.is-selected a{
    animation: FADEINHERO 1s linear alternate forwards;
    animation-timing-function:  cubic-bezier(.54,.21,.43,.99);
    opacity: 0;
    animation-delay: 1s;
}

/*----- claim 1 -------*/
#pro-jumbo h1.claim-1:after {
   /*height: 86%;*/
}
#pro-jumbo h1.claim-1 span.hero-h1-11{
    top:-7px;
    
}
#pro-jumbo h1.claim-1 span.hero-h1-12{
    top:-7px;
    left: 10px;

}
/*----- claim 2 -------*/
#pro-jumbo h1.claim-2:after {
    /*height: 94%;*/
}
#pro-jumbo h1.claim-2{
    font-size: 60px;
}
.hero-h1-21{
    top:-7px;
}
.hero-h1-22{
    top:-7px;
}
.hero-h1-23{
    top:-7px;
}
/*----- claim 3 -------*/
#pro-jumbo h1.claim-3:after {
    /*height: 94%;*/
}
#pro-jumbo h1.claim-3{
    font-size: 60px;
}
.hero-h1-31{
    top:-7px;
}
.hero-h1-32{
    top:-7px;
}
.hero-h1-33{
    top:-7px;
}
/*----- claim 4 -------*/
#pro-jumbo h1.claim-4:after {
    /*height: 90%;*/
}
#pro-jumbo h1.claim-4{
    font-size: 50px;
}
.hero-h1-41{
    top:-7px;
}
.hero-h1-42{
    top:-7px;
}
.hero-h1-43{
    top:-7px;
}



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

.carousel{
    display: none;
}
.carousel.flickity-enabled{
    display: block;
    animation: fadein .5s linear alternate forwards;
    animation-timing-function:  cubic-bezier(.39,.03,.39,.99);
    opacity: 0;
    min-height: 360px;
}
.carousel .flickity-slider{
    display: flex;
    align-items: center;
}

.carousel .row.is-selected{
    z-index: 5;
}

#pro-jumbo .flickity-page-dots .dot {
    display: inline-block;
    width: 66px;
    height: 5px;
    margin: 0 8px;
    background: #ada698;
    border-radius: 6px;
    opacity: .25;
    cursor: pointer;
}
#pro-jumbo .flickity-page-dots .dot.is-selected {
    opacity: 1;
}


.col-claim{
    margin: auto;
    text-align: left;
    max-width: 1900px;
    width: 90%;
}

/*********************** VIU *************************/

.flex-wrap{ 
  flex-wrap: nowrap !important;
}
.upper-footer img {
    max-width: 100%;
    height: auto;
}
.upper-footer .container,
.down-footer .container{
    align-items: center;
    justify-content: center;
}
@font-face {
	 font-family: 'Periodico';
	 src: url("/wp-content/themes/viu/fonts/PeriodicoDisplay-UtLg.woff2") format("woff2"), url("/wp-content/themes/viu/fonts/PeriodicoDisplay-UtLg.woff") format("woff");
	 font-weight: 400;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: 'Periodico';
	 src: url("/wp-content/themes/viu/fonts/PeriodicoDisplay-Rg.woff2") format("woff2"), url("/wp-content/themes/viu/fonts/PeriodicoDisplay-Rg.woff") format("woff");
	 font-weight: 600;
	 font-style: bold;
	 font-display: swap;
}
 @font-face {
	 font-family: 'Visuelt';
	 src: url("/wp-content/themes/viu/fonts/VisueltPro-Regular.woff2") format("woff2"), url("/wp-content/themes/viu/fonts/VisueltPro-Regular.woff") format("woff");
	 font-weight: 400;
	 font-style: normal;
	 font-display: swap;
}
 @font-face {
	 font-family: 'Visuelt';
	 src: url("/wp-content/themes/viu/fonts/VisueltPro-Bold.woff2") format("woff2"), url("/wp-content/themes/viu/fonts/VisueltPro-Bold.woff") format("woff");
	 font-weight: 700;
	 font-style: normal;
	 font-display: swap;
}
 #fold {
	 height: 100vh;
}
 #fold video#video {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100vw;
	 height: 100vh;
	 z-index: -999;
	 pointer-events: none;
	 object-fit: cover;
}
 #fold #video-modal {
	 z-index: 100;
}
 #claim {
	 background-color: #f6f4f1;
	 min-height: 100vh;
}
 #claim br {
	 display: block;
	 margin: 10px 0;
}
 #claim .mask {
	 -webkit-mask-image: url(../img/mask.png);
	 mask-image: url(../img/mask.png);
	 -webkit-mask-repeat: no-repeat;
	 mask-repeat: no-repeat;
	 -webkit-mask-size: contain;
	 mask-size: contain;
	 -webkit-mask-position: center;
	 mask-position: center;
}
 #claim .floating-title {
	 bottom: 4vw;
	 padding-left: 5%;
	 padding-right: 10%;
	 text-shadow: 1px 1px 3px #000 c;
}
 @media screen and (min-width: 1380px) {
	 #claim .floating-title {
		 bottom: 30px;
	}
}
 #claim ul.claim-list {
	 margin-top: 10px;
}
 #claim ul.claim-list li {
	 background-image: url(../img/li-item.png);
	 background-repeat: no-repeat;
	 background-size: 35px;
	 padding: 6px 0 6px 18px;
}
 #summary {
	 background-color: #e84e0f;
	 color: white;
}
 #summary p {
	 margin-bottom: 2rem;
}
 #summary p:last-child {
	 margin-bottom: 0;
}
 #educative-offer p {
	 margin-bottom: 2rem;
}
 #educative-offer .text-2xl p {
	 font-size: 1.5rem;
	 line-height: 2rem;
}
 #educative-offer p:last-child {
	 margin-bottom: 0;
}
 #educative-offer .acordion p {
	 margin-bottom: 0;
}
 #educative-offer a {
	 display: block;
	 font-size: 14px;
	 padding-top: 12px;
	 line-height: 20px;
}
 #educative-offer .acordion .text-expand p:first-child {
	 padding-top: 10px;
}
 #educative-offer .acordion .text-expand p:last-child {
	 padding-bottom: 30px;
}
 #educative-offer .button {
	 position: relative;
	 width: 20px;
	 height: 20px;
	 transform: translateY(5px);
	/* Vertical line */
	/* horizontal line */
}
 #educative-offer .button:before, #educative-offer .button:after {
	 content: "";
	 position: absolute;
	 background-color: #3b1a81;
	 transition: transform 0.3s ease-out;
}
 #educative-offer .button:before {
	 top: 0;
	 left: 50%;
	 width: 4px;
	 height: 100%;
	 margin-left: -2px;
}
 #educative-offer .button:after {
	 top: 50%;
	 left: 0;
	 width: 100%;
	 height: 4px;
	 margin-top: -2px;
}
 #educative-offer .text-expand {
	 max-height: 0px;
	 overflow: hidden;
	 transition: all 0.5s;
}
 #educative-offer .text-expand.active {
	 max-height: 1500px;
}
 #educative-offer .text-expander {
	 cursor: pointer;
}
 #educative-offer .text-expander:not(.active):not(:hover) {
	 background-color: white !important;
}
 #educative-offer .text-expander:hover p, #educative-offer .text-expander.active p {
	 color: white;
}
 #educative-offer .text-expander.active .button {
	 cursor: pointer;
}
 #educative-offer .text-expander.active .button:before {
	 transform: rotate(90deg);
}
 #educative-offer .text-expander.active .button:after {
	 transform: rotate(180deg);
}
 body {
	 color: #000;
	 font-size: 16px;
}
 .container {
	 max-width: 1380px;
	 padding: 0 15px;
}
 h3 {
	 font-size: 3rem;
	 line-height: 3.375rem;
	 margin-bottom: 3rem;
}
 h4 {
	 font-size: 1.875rem;
}
 p {
	 font-size: 1.125rem;
	 line-height: 120%;
}
 button {
	 font-family: 'Visuelt';
	 font-size: 1.125rem;
	 font-weight: bold;
	 letter-spacing: 0;
	 line-height: 23px;
}
 .orange {
	 color: #e84e0f;
}
 .white {
	 color: #fff;
}
 button {
	 font-family: 'Visuelt';
	 font-size: 1.125rem;
	 font-weight: bold;
	 letter-spacing: 0;
	 line-height: 23px;
}
 .upper-footer {
	 min-height: 145px;
	 border-bottom: 1px solid #fff;
     position: relative;
}
 .upper-footer .block-logo {
	 width: 25%;
}
 .modal-container {
	 max-width: 800px;
}
 .close-icon {
	 cursor: pointer;
}
 .bold-orange b {
	 color: #e84e0f;
}
 .bg-black-opacity {
	 background-color: rgba(29, 29, 27, 0.8);
}
 footer .logo-viu {
	 filter: brightness(0) invert(1);
}
 .frame.svelte-r89hy::-webkit-scrollbar {
	 -webkit-appearance: none;
}
 .frame.svelte-r89hy::-webkit-scrollbar:vertical {
	 width: 11px;
}
 .frame.svelte-r89hy::-webkit-scrollbar:horizontal {
	 height: 11px;
}
 .frame.svelte-r89hy::-webkit-scrollbar-thumb {
	 border-radius: 8px;
	 border: 2px solid #f6f4f2;
	 background-color: rgba(0, 0, 0, 0.5);
}
 .input.svelte-1ikqqm7 {
	 --border: 1px solid #e84e0f;
	 --borderRadius: 1.5rem;
	 --placeholderColor: #9ea3ae;
}
 .input.svelte-1w81cxv {
	 --border: 1px solid #d2d5db;
	 --borderRadius: 0px;
	 --placeholderColor: #9ea3ae;
	 --background: #f3f4f6;
}
 .input.svelte-1w81cxv {
	 --border: 1px solid #d2d5db;
	 --borderRadius: 0px;
	 --placeholderColor: #9ea3ae;
	 --background: #f3f4f6;
}
 .selectContainer.svelte-17qb5ew.svelte-17qb5ew {
	 --padding: 0 16px;
	 border: var(--border, 1px solid #d8dbdf);
	 border-radius: var(--borderRadius, 3px);
	 height: var(--height, 42px);
	 position: relative;
	 display: flex;
	 align-items: center;
	 padding: var(--padding);
	 background: var(--background, #fff);
}
 .selectContainer.svelte-17qb5ew input.svelte-17qb5ew {
	 cursor: default;
	 border: none;
	 color: var(--inputColor, #3f4f5f);
	 height: var(--height, 42px);
	 line-height: var(--height, 42px);
	 padding: var(--inputPadding, var(--padding));
	 width: 100%;
	 background: transparent;
	 font-size: var(--inputFontSize, 14px);
	 letter-spacing: var(--inputLetterSpacing, -0.08px);
	 position: absolute;
	 left: var(--inputLeft, 0);
}
 .selectContainer.svelte-17qb5ew input.svelte-17qb5ew::placeholder {
	 color: var(--placeholderColor, #78848f);
	 opacity: var(--placeholderOpacity, 1);
}
 .selectContainer.svelte-17qb5ew input.svelte-17qb5ew:focus {
	 outline: none;
}
 .selectContainer.svelte-17qb5ew.svelte-17qb5ew:hover {
	 border-color: var(--borderHoverColor, #b2b8bf);
}
 .selectContainer.focused.svelte-17qb5ew.svelte-17qb5ew {
	 border-color: var(--borderFocusColor, #006fe8);
}
 .selectContainer.disabled.svelte-17qb5ew.svelte-17qb5ew {
	 background: var(--disabledBackground, #ebedef);
	 border-color: var(--disabledBorderColor, #ebedef);
	 color: var(--disabledColor, #c1c6cc);
}
 .selectContainer.disabled.svelte-17qb5ew input.svelte-17qb5ew::placeholder {
	 color: var(--disabledPlaceholderColor, #c1c6cc);
	 opacity: var(--disabledPlaceholderOpacity, 1);
}
 .selectedItem.svelte-17qb5ew.svelte-17qb5ew {
	 line-height: var(--height, 42px);
	 height: var(--height, 42px);
	 overflow-x: hidden;
	 padding: var(--selectedItemPadding, 0 20px 0 0);
}
 .selectedItem.svelte-17qb5ew.svelte-17qb5ew:focus {
	 outline: none;
}
 .clearSelect.svelte-17qb5ew.svelte-17qb5ew {
	 position: absolute;
	 right: var(--clearSelectRight, 10px);
	 top: var(--clearSelectTop, 11px);
	 bottom: var(--clearSelectBottom, 11px);
	 width: var(--clearSelectWidth, 20px);
	 color: var(--clearSelectColor, #c5cacf);
	 flex: none !important;
}
 .clearSelect.svelte-17qb5ew.svelte-17qb5ew:hover {
	 color: var(--clearSelectHoverColor, #2c3e50);
}
 .selectContainer.focused.svelte-17qb5ew .clearSelect.svelte-17qb5ew {
	 color: var(--clearSelectFocusColor, #3f4f5f);
}
 .indicator.svelte-17qb5ew.svelte-17qb5ew {
	 position: absolute;
	 right: var(--indicatorRight, 10px);
	 top: var(--indicatorTop, 11px);
	 width: var(--indicatorWidth, 20px);
	 height: var(--indicatorHeight, 20px);
	 color: var(--indicatorColor, #c5cacf);
}
 .indicator.svelte-17qb5ew svg.svelte-17qb5ew {
	 display: inline-block;
	 fill: var(--indicatorFill, currentcolor);
	 line-height: 1;
	 stroke: var(--indicatorStroke, currentcolor);
	 stroke-width: 0;
}
 .spinner.svelte-17qb5ew.svelte-17qb5ew {
	 position: absolute;
	 right: var(--spinnerRight, 10px);
	 top: var(--spinnerLeft, 11px);
	 width: var(--spinnerWidth, 20px);
	 height: var(--spinnerHeight, 20px);
	 color: var(--spinnerColor, #51ce6c);
	 animation: svelte-17qb5ew-rotate 0.75s linear infinite;
}
 .spinner_icon.svelte-17qb5ew.svelte-17qb5ew {
	 display: block;
	 height: 100%;
	 transform-origin: center center;
	 width: 100%;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
	 -webkit-transform: none;
}
 .spinner_path.svelte-17qb5ew.svelte-17qb5ew {
	 stroke-dasharray: 90;
	 stroke-linecap: round;
}
 .multiSelect.svelte-17qb5ew.svelte-17qb5ew {
	 display: flex;
	 padding: var(--multiSelectPadding, 0 35px 0 16px);
	 height: auto;
	 flex-wrap: wrap;
	 align-items: stretch;
}
 .multiSelect.svelte-17qb5ew > .svelte-17qb5ew {
	 flex: 1 1 50px;
}
 .selectContainer.multiSelect.svelte-17qb5ew input.svelte-17qb5ew {
	 padding: var(--multiSelectInputPadding, 0);
	 position: relative;
	 margin: var(--multiSelectInputMargin, 0);
}
 .hasError.svelte-17qb5ew.svelte-17qb5ew {
	 border: var(--errorBorder, 1px solid #ff2d55);
	 background: var(--errorBackground, #fff);
}
 @keyframes svelte-17qb5ew-rotate {
	 100% {
		 transform: rotate(360deg);
	}
}
 .wrapper.svelte-1vf8im1 {
	 width: var(--size);
	 height: var(--size);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 line-height: 0;
	 box-sizing: border-box;
}
 .inner.svelte-1vf8im1 {
	 transform: scale(calc(var(--floatSize) / 52));
}
 .ball-container.svelte-1vf8im1 {
	 animation: svelte-1vf8im1-ballTwo var(--duration) infinite;
	 width: 44px;
	 height: 44px;
	 flex-shrink: 0;
	 position: relative;
}
 .single-ball.svelte-1vf8im1 {
	 width: 44px;
	 height: 44px;
	 position: absolute;
}
 .ball.svelte-1vf8im1 {
	 width: 20px;
	 height: 20px;
	 border-radius: 50%;
	 position: absolute;
	 animation: svelte-1vf8im1-ballOne var(--duration) infinite ease;
}
 .ball-top-left.svelte-1vf8im1 {
	 background-color: var(--ballTopLeftColor);
	 top: 0;
	 left: 0;
}
 .ball-top-right.svelte-1vf8im1 {
	 background-color: var(--ballTopRightColor);
	 top: 0;
	 left: 24px;
}
 .ball-bottom-left.svelte-1vf8im1 {
	 background-color: var(--ballBottomLeftColor);
	 top: 24px;
	 left: 0;
}
 .ball-bottom-right.svelte-1vf8im1 {
	 background-color: var(--ballBottomRightColor);
	 top: 24px;
	 left: 24px;
}
 @keyframes svelte-1vf8im1-ballOne {
	 0% {
		 position: absolute;
	}
	 50% {
		 top: 12px;
		 left: 12px;
		 position: absolute;
		 opacity: 0.5;
	}
	 100% {
		 position: absolute;
	}
}
 @keyframes svelte-1vf8im1-ballTwo {
	 0% {
		 transform: rotate(0deg) scale(1);
	}
	 50% {
		 transform: rotate(360deg) scale(1.3);
	}
	 100% {
		 transform: rotate(720deg) scale(1);
	}
}
 .wrapper.svelte-h1a2xs {
	 position: relative;
	 width: var(--size);
	 height: var(--size);
}
 .circle.svelte-h1a2xs {
	 position: absolute;
	 width: var(--size);
	 height: var(--size);
	 background-color: var(--color);
	 border-radius: 100%;
	 opacity: 0.6;
	 top: 0;
	 left: 0;
	 animation-fill-mode: both;
	 animation-name: svelte-h1a2xs-bounce !important;
}
 @keyframes svelte-h1a2xs-bounce {
	 0%, 100% {
		 transform: scale(0);
	}
	 50% {
		 transform: scale(1);
	}
}
 .svelte-1exboqr {
	 overflow: hidden;
	 position: relative;
	 text-indent: -9999px;
	 display: inline-block;
	 background: #f86;
	 border-radius: 50%;
	 transform: rotateZ(90deg);
	 transform-origin: 50% 50%;
	 animation: svelte-1exboqr-plus-loader-background var(--duration) infinite ease-in-out;
}
 .svelte-1exboqr:after {
	 background: #f86;
	 border-radius: 50% 0 0 50%;
	 content: "";
	 position: absolute;
	 right: 50%;
	 top: 0;
	 width: 50%;
	 height: 100%;
	 transform-origin: 100% 50%;
	 animation: svelte-1exboqr-plus-loader-top var(--duration) infinite linear;
}
 .svelte-1exboqr:before {
	 background: #fc6;
	 border-radius: 50% 0 0 50%;
	 content: "";
	 position: absolute;
	 right: 50%;
	 top: 0;
	 width: 50%;
	 height: 100%;
	 transform-origin: 100% 50%;
	 animation: svelte-1exboqr-plus-loader-bottom var(--duration) infinite linear;
}
 @keyframes svelte-1exboqr-plus-loader-top {
	 2.5% {
		 background: #f86;
		 transform: rotateY(0deg);
		 animation-timing-function: ease-in;
	}
	 13.75% {
		 background: #ff430d;
		 transform: rotateY(90deg);
		 animation-timing-function: step-start;
	}
	 13.76% {
		 background: #ffae0d;
		 transform: rotateY(90deg);
		 animation-timing-function: ease-out;
	}
	 25% {
		 background: #fc6;
		 transform: rotateY(180deg);
	}
	 27.5% {
		 background: #fc6;
		 transform: rotateY(180deg);
		 animation-timing-function: ease-in;
	}
	 41.25% {
		 background: #ffae0d;
		 transform: rotateY(90deg);
		 animation-timing-function: step-start;
	}
	 41.26% {
		 background: #2cc642;
		 transform: rotateY(90deg);
		 animation-timing-function: ease-out;
	}
	 50% {
		 background: #6d7;
		 transform: rotateY(0deg);
	}
	 52.5% {
		 background: #6d7;
		 transform: rotateY(0deg);
		 animation-timing-function: ease-in;
	}
	 63.75% {
		 background: #2cc642;
		 transform: rotateY(90deg);
		 animation-timing-function: step-start;
	}
	 63.76% {
		 background: #1386d2;
		 transform: rotateY(90deg);
		 animation-timing-function: ease-out;
	}
	 75% {
		 background: #4ae;
		 transform: rotateY(180deg);
	}
	 77.5% {
		 background: #4ae;
		 transform: rotateY(180deg);
		 animation-timing-function: ease-in;
	}
	 91.25% {
		 background: #1386d2;
		 transform: rotateY(90deg);
		 animation-timing-function: step-start;
	}
	 91.26% {
		 background: #ff430d;
		 transform: rotateY(90deg);
		 animation-timing-function: ease-in;
	}
	 100% {
		 background: #f86;
		 transform: rotateY(0deg);
		 animation-timing-function: step-start;
	}
}
 @keyframes svelte-1exboqr-plus-loader-bottom {
	 0% {
		 background: #fc6;
		 animation-timing-function: step-start;
	}
	 50% {
		 background: #fc6;
		 animation-timing-function: step-start;
	}
	 75% {
		 background: #4ae;
		 animation-timing-function: step-start;
	}
	 100% {
		 background: #4ae;
		 animation-timing-function: step-start;
	}
}
 @keyframes svelte-1exboqr-plus-loader-background {
	 0% {
		 background: #f86;
		 transform: rotateZ(180deg);
	}
	 25% {
		 background: #f86;
		 transform: rotateZ(180deg);
		 animation-timing-function: step-start;
	}
	 27.5% {
		 background: #6d7;
		 transform: rotateZ(90deg);
	}
	 50% {
		 background: #6d7;
		 transform: rotateZ(90deg);
		 animation-timing-function: step-start;
	}
	 52.5% {
		 background: #6d7;
		 transform: rotateZ(0deg);
	}
	 75% {
		 background: #6d7;
		 transform: rotateZ(0deg);
		 animation-timing-function: step-start;
	}
	 77.5% {
		 background: #f86;
		 transform: rotateZ(270deg);
	}
	 100% {
		 background: #f86;
		 transform: rotateZ(270deg);
		 animation-timing-function: step-start;
	}
}
 .wrapper.svelte-1uxpkwt {
	 height: var(--size);
	 width: var(--size);
	 display: inline-block;
	 text-align: center;
	 font-size: 10px;
}
 .rect.svelte-1uxpkwt {
	 height: 100%;
	 width: 10%;
	 display: inline-block;
	 margin-right: 4px;
	 background-color: var(--color);
	 animation: svelte-1uxpkwt-stretch var(--duration) ease-in-out infinite;
}
 @keyframes svelte-1uxpkwt-stretch {
	 0%, 40%, 100% {
		 transform: scaleY(0.4);
	}
	 20% {
		 transform: scaleY(1);
	}
}
 .wrapper.svelte-vhcw6 {
	 height: calc(var(--size) / 15);
	 width: calc(var(--size) * 2);
	 background-color: var(--rgba);
	 position: relative;
	 overflow: hidden;
	 background-clip: padding-box;
}
 .lines.svelte-vhcw6 {
	 height: calc(var(--size) / 15);
	 background-color: var(--color);
}
 .small-lines.svelte-vhcw6 {
	 position: absolute;
	 overflow: hidden;
	 background-clip: padding-box;
	 display: block;
	 border-radius: 2px;
	 will-change: left, right;
	 animation-fill-mode: forwards;
}
 .small-lines.\31 .svelte-vhcw6 {
	 animation: var(--duration) cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none running svelte-vhcw6-long;
}
 .small-lines.\32 .svelte-vhcw6 {
	 animation: var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) calc((var(--duration)+0.1) / 2) infinite normal none running svelte-vhcw6-short;
}
 @keyframes svelte-vhcw6-long {
	 0% {
		 left: -35%;
		 right: 100%;
	}
	 60% {
		 left: 100%;
		 right: -90%;
	}
	 100% {
		 left: 100%;
		 right: -90%;
	}
}
 @keyframes svelte-vhcw6-short {
	 0% {
		 left: -200%;
		 right: 100%;
	}
	 60% {
		 left: 107%;
		 right: -8%;
	}
	 100% {
		 left: 107%;
		 right: -8%;
	}
}
 .wrapper.svelte-9juun5 {
	 width: var(--size);
	 height: var(--size);
}
 .circle.svelte-9juun5 {
	 width: var(--size);
	 height: var(--size);
	 background-color: var(--color);
	 animation-duration: var(--duration);
	 border-radius: 100%;
	 display: inline-block;
	 animation: svelte-9juun5-scaleOut var(--duration) ease-in-out infinite;
}
 @keyframes svelte-9juun5-scaleOut {
	 0% {
		 transform: scale(0);
	}
	 100% {
		 transform: scale(1);
		 opacity: 0;
	}
}
 .wrapper.svelte-1fuumrt {
	 width: var(--size);
	 height: calc(var(--size) / 2);
	 overflow: hidden;
}
 .rainbow.svelte-1fuumrt {
	 width: var(--size);
	 height: var(--size);
	 border-left-color: transparent;
	 border-bottom-color: transparent;
	 border-top-color: var(--color);
	 border-right-color: var(--color);
	 box-sizing: border-box;
	 transform: rotate(-200deg);
	 border-radius: 50%;
	 border-style: solid;
	 animation: var(--duration) ease-in-out 0s infinite normal none running svelte-1fuumrt-rotate;
}
 @keyframes svelte-1fuumrt-rotate {
	 0% {
		 border-width: 10px;
	}
	 25% {
		 border-width: 3px;
	}
	 50% {
		 transform: rotate(115deg);
		 border-width: 10px;
	}
	 75% {
		 border-width: 3px;
	}
	 100% {
		 border-width: 10px;
	}
}
 .wrapper.svelte-17ey38u {
	 position: relative;
	 width: var(--size);
	 height: var(--size);
}
 .border.svelte-17ey38u {
	 border-color: var(--color);
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 width: var(--size);
	 height: var(--size);
	 opacity: 0.4;
	 perspective: 800px;
	 border-width: 6px;
	 border-style: solid;
	 border-image: initial;
	 border-radius: 100%;
}
 .border.\31 .svelte-17ey38u {
	 animation: var(--duration) linear 0s infinite normal none running svelte-17ey38u-ringOne;
}
 .border.\32 .svelte-17ey38u {
	 animation: var(--duration) linear 0s infinite normal none running svelte-17ey38u-ringTwo;
}
 @keyframes svelte-17ey38u-ringOne {
	 0% {
		 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	 100% {
		 transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
	}
}
 @keyframes svelte-17ey38u-ringTwo {
	 0% {
		 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	 100% {
		 transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
	}
}
 .wrapper.svelte-1wp57lu {
	 width: var(--size);
	 height: var(--stroke);
	 transform: scale(calc(var(--floatSize) / 75));
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .line.svelte-1wp57lu {
	 width: var(--size);
	 height: var(--stroke);
	 background: var(--color);
	 border-radius: var(--stroke);
	 transform-origin: center center;
	 animation: svelte-1wp57lu-spineLine var(--duration) ease infinite;
}
 @keyframes svelte-1wp57lu-spineLine {
	 0% {
		 transform: rotate(-20deg);
		 height: 5px;
		 width: 75px;
	}
	 5% {
		 height: 5px;
		 width: 75px;
	}
	 30% {
		 transform: rotate(380deg);
		 height: 5px;
		 width: 75px;
	}
	 40% {
		 transform: rotate(360deg);
		 height: 5px;
		 width: 75px;
	}
	 55% {
		 transform: rotate(0deg);
		 height: 5px;
		 width: 5px;
	}
	 65% {
		 transform: rotate(0deg);
		 height: 5px;
		 width: 85px;
	}
	 68% {
		 transform: rotate(0deg);
		 height: 5px;
	}
	 75% {
		 transform: rotate(0deg);
		 height: 5px;
		 width: 1px;
	}
	 78% {
		 height: 5px;
		 width: 5px;
	}
	 90% {
		 height: 5px;
		 width: 75px;
		 transform: rotate(0deg);
	}
	 99%, 100% {
		 height: 5px;
		 width: 75px;
		 transform: rotate(-20deg);
	}
}
 .wrapper.svelte-14w6xk7 {
	 height: var(--size);
	 width: var(--size);
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .dot.svelte-14w6xk7 {
	 height: var(--dotSize);
	 width: var(--dotSize);
	 background-color: var(--color);
	 margin: 2px;
	 display: inline-block;
	 border-radius: 100%;
	 animation: svelte-14w6xk7-sync var(--duration) ease-in-out infinite alternate both running;
}
 @-webkit-keyframes svelte-14w6xk7-sync {
	 33% {
		 -webkit-transform: translateY(10px);
		 transform: translateY(10px);
	}
	 66% {
		 -webkit-transform: translateY(-10px);
		 transform: translateY(-10px);
	}
	 100% {
		 -webkit-transform: translateY(0);
		 transform: translateY(0);
	}
}
 @keyframes svelte-14w6xk7-sync {
	 33% {
		 -webkit-transform: translateY(10px);
		 transform: translateY(10px);
	}
	 66% {
		 -webkit-transform: translateY(-10px);
		 transform: translateY(-10px);
	}
	 100% {
		 -webkit-transform: translateY(0);
		 transform: translateY(0);
	}
}
 .wrapper.svelte-8cmcz4 {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: calc(var(--size) * 2.5);
	 height: var(--size);
	 overflow: hidden;
}
 .bar.svelte-8cmcz4 {
	 position: absolute;
	 top: calc(var(--size) / 10);
	 width: calc(var(--size) / 5);
	 height: calc(var(--size) / 10);
	 margin-top: calc(var(--size) - var(--size) / 10);
	 transform: skewY(0deg);
	 background-color: var(--color);
	 animation: svelte-8cmcz4-motion var(--duration) ease-in-out infinite;
}
 @keyframes svelte-8cmcz4-motion {
	 25% {
		 transform: skewY(25deg);
	}
	 50% {
		 height: 100%;
		 margin-top: 0;
	}
	 75% {
		 transform: skewY(-25deg);
	}
}
 .wrapper.svelte-1cy66mt {
	 width: var(--size);
	 height: var(--size);
}
 .circle.svelte-1cy66mt {
	 border-radius: 100%;
	 animation-fill-mode: both;
	 position: absolute;
	 opacity: 0;
	 width: var(--size);
	 height: var(--size);
	 background-color: var(--color);
	 animation: svelte-1cy66mt-bounce var(--duration) linear infinite;
}
 @keyframes svelte-1cy66mt-bounce {
	 0% {
		 opacity: 0;
		 transform: scale(0);
	}
	 5% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
		 transform: scale(1);
	}
}
 .wrapper.svelte-446r86 {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: var(--size);
	 height: calc(var(--size) / 2.5);
}
 .cube.svelte-446r86 {
	 position: absolute;
	 top: 0px;
	 width: calc(var(--size) / 5);
	 height: calc(var(--size) / 2.5);
	 background-color: var(--color);
	 animation: svelte-446r86-motion var(--duration) cubic-bezier(0.895, 0.03, 0.685, 0.22) infinite;
}
 @keyframes svelte-446r86-motion {
	 0% {
		 opacity: 1;
	}
	 50% {
		 opacity: 0;
	}
	 100% {
		 opacity: 1;
	}
}
 .wrapper.svelte-1unnvn6 {
	 height: var(--size);
	 width: var(--size);
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .spinner.svelte-1unnvn6 {
	 height: var(--size);
	 width: var(--size);
	 animation: svelte-1unnvn6-rotate var(--duration) infinite linear;
}
 .dot.svelte-1unnvn6 {
	 width: 60%;
	 height: 60%;
	 display: inline-block;
	 position: absolute;
	 top: 0;
	 background-color: var(--color);
	 border-radius: 100%;
	 animation: svelte-1unnvn6-bounce var(--duration) infinite ease-in-out;
}
 @keyframes svelte-1unnvn6-rotate {
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes svelte-1unnvn6-bounce {
	 0%, 100% {
		 transform: scale(0);
	}
	 50% {
		 transform: scale(1);
	}
}
 .wrapper.svelte-tycttu {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: var(--size);
	 height: var(--size);
}
 .shadow.svelte-tycttu {
	 color: var(--color);
	 font-size: var(--size);
	 overflow: hidden;
	 width: var(--size);
	 height: var(--size);
	 border-radius: 50%;
	 margin: 28px auto;
	 position: relative;
	 transform: translateZ(0);
	 animation: svelte-tycttu-load var(--duration) infinite ease, svelte-tycttu-round var(--duration) infinite ease;
}
 @keyframes svelte-tycttu-load {
	 0% {
		 box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	 5%, 95% {
		 box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	 10%, 59% {
		 box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	 20% {
		 box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	 38% {
		 box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	 100% {
		 box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
 @keyframes svelte-tycttu-round {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 .wrapper.svelte-1x2s7pr {
	 width: calc(var(--size) * 1.3);
	 height: calc(var(--size) * 1.3);
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .firework.svelte-1x2s7pr {
	 border: calc(var(--size) / 10) dotted var(--color);
	 width: var(--size);
	 height: var(--size);
	 border-radius: 50%;
	 animation: svelte-1x2s7pr-fire var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
}
 @keyframes svelte-1x2s7pr-fire {
	 0% {
		 opacity: 1;
		 transform: scale(0.1);
	}
	 25% {
		 opacity: 0.85;
	}
	 100% {
		 transform: scale(1);
		 opacity: 0;
	}
}
 .wrapper.svelte-1v1mfqa {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: var(--size);
	 height: var(--size);
}
 .ring.svelte-1v1mfqa {
	 position: absolute;
	 border: 2px solid var(--color);
	 border-radius: 50%;
	 background-color: transparent;
	 animation: svelte-1v1mfqa-motion var(--duration) ease infinite;
}
 @keyframes svelte-1v1mfqa-motion {
	 0% {
		 transform: translateY(var(--motionOne));
	}
	 50% {
		 transform: translateY(var(--motionTwo));
	}
	 100% {
		 transform: translateY(var(--motionThree));
	}
}
 .circle.svelte-14upwad {
	 height: var(--size);
	 width: var(--size);
	 border-color: var(--color) transparent var(--color) var(--color);
	 border-width: calc(var(--size) / 15);
	 border-style: solid;
	 border-image: initial;
	 border-radius: 50%;
	 animation: var(--duration) linear 0s infinite normal none running svelte-14upwad-rotate;
}
 @keyframes svelte-14upwad-rotate {
	 0% {
		 transform: rotate(0);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 .circle.svelte-1vclic6 {
	 width: var(--size);
	 height: var(--size);
	 box-sizing: border-box;
	 position: relative;
	 border: 3px solid transparent;
	 border-top-color: var(--colorOuter);
	 border-radius: 50%;
	 animation: svelte-1vclic6-circleSpin var(--durationOuter) linear infinite;
}
 .circle.svelte-1vclic6:before, .circle.svelte-1vclic6:after {
	 content: "";
	 box-sizing: border-box;
	 position: absolute;
	 border: 3px solid transparent;
	 border-radius: 50%;
}
 .circle.svelte-1vclic6:after {
	 border-top-color: var(--colorInner);
	 top: 9px;
	 left: 9px;
	 right: 9px;
	 bottom: 9px;
	 animation: svelte-1vclic6-circleSpin var(--durationInner) linear infinite;
}
 .circle.svelte-1vclic6:before {
	 border-top-color: var(--colorCenter);
	 top: 3px;
	 left: 3px;
	 right: 3px;
	 bottom: 3px;
	 animation: svelte-1vclic6-circleSpin var(--durationCenter) linear infinite;
}
 @keyframes svelte-1vclic6-circleSpin {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 .square.svelte-btmyrn {
	 height: var(--size);
	 width: var(--size);
	 background-color: var(--color);
	 animation: svelte-btmyrn-squareDelay var(--duration) 0s infinite cubic-bezier(0.09, 0.57, 0.49, 0.9);
	 animation-fill-mode: both;
	 perspective: 100px;
	 display: inline-block;
}
 @keyframes svelte-btmyrn-squareDelay {
	 25% {
		 -webkit-transform: rotateX(180deg) rotateY(0);
		 transform: rotateX(180deg) rotateY(0);
	}
	 50% {
		 -webkit-transform: rotateX(180deg) rotateY(180deg);
		 transform: rotateX(180deg) rotateY(180deg);
	}
	 75% {
		 -webkit-transform: rotateX(0) rotateY(180deg);
		 transform: rotateX(0) rotateY(180deg);
	}
	 100% {
		 -webkit-transform: rotateX(0) rotateY(0);
		 transform: rotateX(0) rotateY(0);
	}
}
 .wrapper.svelte-1sqavxm.svelte-1sqavxm {
	 height: var(--size);
	 width: var(--size);
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .wrapper.svelte-1sqavxm .svelte-1sqavxm {
	 line-height: 0;
	 box-sizing: border-box;
}
 .spinner-inner.svelte-1sqavxm.svelte-1sqavxm {
	 height: var(--size);
	 width: var(--size);
	 transform: scale(calc(var(--size) / 70));
}
 .mask.svelte-1sqavxm.svelte-1sqavxm {
	 position: absolute;
	 border-radius: 2px;
	 overflow: hidden;
	 perspective: 1000;
	 backface-visibility: hidden;
}
 .plane.svelte-1sqavxm.svelte-1sqavxm {
	 background: var(--color);
	 width: 400%;
	 height: 100%;
	 position: absolute;
	 z-index: 100;
	 perspective: 1000;
	 backface-visibility: hidden;
}
 #top.svelte-1sqavxm .plane.svelte-1sqavxm {
	 z-index: 2000;
	 animation: svelte-1sqavxm-trans1 var(--duration) ease-in infinite 0s backwards;
}
 #middle.svelte-1sqavxm .plane.svelte-1sqavxm {
	 transform: translate3d(0px, 0, 0);
	 background: var(--rgba);
	 animation: svelte-1sqavxm-trans2 var(--duration) linear infinite calc(var(--duration) / 4) backwards;
}
 #bottom.svelte-1sqavxm .plane.svelte-1sqavxm {
	 z-index: 2000;
	 animation: svelte-1sqavxm-trans3 var(--duration) ease-out infinite calc(var(--duration) / 2) backwards;
}
 #top.svelte-1sqavxm.svelte-1sqavxm {
	 width: 53px;
	 height: 20px;
	 left: 20px;
	 top: 5px;
	 transform: skew(-15deg, 0);
	 z-index: 100;
}
 #middle.svelte-1sqavxm.svelte-1sqavxm {
	 width: 33px;
	 height: 20px;
	 left: 20px;
	 top: 21px;
	 transform: skew(-15deg, 40deg);
}
 #bottom.svelte-1sqavxm.svelte-1sqavxm {
	 width: 53px;
	 height: 20px;
	 top: 35px;
	 transform: skew(-15deg, 0);
}
 @keyframes svelte-1sqavxm-trans1 {
	 from {
		 transform: translate3d(53px, 0, 0);
	}
	 to {
		 transform: translate3d(-250px, 0, 0);
	}
}
 @keyframes svelte-1sqavxm-trans2 {
	 from {
		 transform: translate3d(-160px, 0, 0);
	}
	 to {
		 transform: translate3d(53px, 0, 0);
	}
}
 @keyframes svelte-1sqavxm-trans3 {
	 from {
		 transform: translate3d(53px, 0, 0);
	}
	 to {
		 transform: translate3d(-220px, 0, 0);
	}
}
 span.svelte-1f3hinu {
	 width: var(--size);
	 height: calc(var(--size) / 4);
	 position: relative;
}
 div.svelte-1f3hinu {
	 width: calc(var(--size) / 4);
	 height: calc(var(--size) / 4);
	 position: absolute;
	 left: 0;
	 top: 0;
	 border-radius: 2px;
	 background: var(--color);
	 transform: translateX(-50%) rotate(45deg) scale(0);
	 animation: svelte-1f3hinu-diamonds var(--duration) linear infinite;
}
 div.svelte-1f3hinu:nth-child(1) {
	 animation-delay: calc(var(--duration) * 2 / 3 * -1);
}
 div.svelte-1f3hinu:nth-child(2) {
	 animation-delay: calc(var(--duration) * 2 / 3 * -2);
}
 div.svelte-1f3hinu:nth-child(3) {
	 animation-delay: calc(var(--duration) * 2 / 3 * -3);
}
 @keyframes svelte-1f3hinu-diamonds {
	 50% {
		 left: 50%;
		 transform: translateX(-50%) rotate(45deg) scale(1);
	}
	 100% {
		 left: 100%;
		 transform: translateX(-50%) rotate(45deg) scale(0);
	}
}
 .wrapper.svelte-nlgli4 {
	 height: var(--size);
	 width: var(--size);
	 border-radius: 100%;
	 animation: svelte-nlgli4-moonStretchDelay var(--duration) 0s infinite linear;
	 animation-fill-mode: forwards;
	 position: relative;
}
 .circle-one.svelte-nlgli4 {
	 top: var(--moonSize);
	 background-color: var(--color);
	 width: calc(var(--size) / 7);
	 height: calc(var(--size) / 7);
	 border-radius: 100%;
	 animation: svelte-nlgli4-moonStretchDelay var(--duration) 0s infinite linear;
	 animation-fill-mode: forwards;
	 opacity: 0.8;
	 position: absolute;
}
 .circle-two.svelte-nlgli4 {
	 opacity: 0.1;
	 border: calc(var(--size) / 7) solid var(--color);
	 height: var(--size);
	 width: var(--size);
	 border-radius: 100%;
	 box-sizing: border-box;
}
 @keyframes svelte-nlgli4-moonStretchDelay {
	 100% {
		 transform: rotate(360deg);
	}
}
 .multiSelectItem.svelte-14r1jr2.svelte-14r1jr2 {
	 background: var(--multiItemBG, #ebedef);
	 margin: var(--multiItemMargin, 5px 5px 0 0);
	 border-radius: var(--multiItemBorderRadius, 16px);
	 height: var(--multiItemHeight, 32px);
	 line-height: var(--multiItemHeight, 32px);
	 display: flex;
	 cursor: default;
	 padding: var(--multiItemPadding, 0 10px 0 15px);
	 max-width: 100%;
}
 .multiSelectItem_label.svelte-14r1jr2.svelte-14r1jr2 {
	 margin: var(--multiLabelMargin, 0 5px 0 0);
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 .multiSelectItem.svelte-14r1jr2.svelte-14r1jr2:hover, .multiSelectItem.active.svelte-14r1jr2.svelte-14r1jr2 {
	 background-color: var(--multiItemActiveBG, #006fff);
	 color: var(--multiItemActiveColor, #fff);
}
 .multiSelectItem.disabled.svelte-14r1jr2.svelte-14r1jr2:hover {
	 background: var(--multiItemDisabledHoverBg, #ebedef);
	 color: var(--multiItemDisabledHoverColor, #c1c6cc);
}
 .multiSelectItem_clear.svelte-14r1jr2.svelte-14r1jr2 {
	 border-radius: var(--multiClearRadius, 50%);
	 background: var(--multiClearBG, #52616f);
	 min-width: var(--multiClearWidth, 16px);
	 max-width: var(--multiClearWidth, 16px);
	 height: var(--multiClearHeight, 16px);
	 position: relative;
	 top: var(--multiClearTop, 8px);
	 text-align: var(--multiClearTextAlign, center);
	 padding: var(--multiClearPadding, 1px);
}
 .multiSelectItem_clear.svelte-14r1jr2.svelte-14r1jr2:hover, .active.svelte-14r1jr2 .multiSelectItem_clear.svelte-14r1jr2 {
	 background: var(--multiClearHoverBG, #fff);
}
 .multiSelectItem_clear.svelte-14r1jr2:hover svg.svelte-14r1jr2, .active.svelte-14r1jr2 .multiSelectItem_clear svg.svelte-14r1jr2 {
	 fill: var(--multiClearHoverFill, #006fff);
}
 .multiSelectItem_clear.svelte-14r1jr2 svg.svelte-14r1jr2 {
	 fill: var(--multiClearFill, #ebedef);
	 vertical-align: top;
}
 .listContainer.svelte-ux0sbr {
	 box-shadow: var(--listShadow, 0 2px 3px 0 rgba(44, 62, 80, 0.24));
	 border-radius: var(--listBorderRadius, 4px);
	 max-height: var(--listMaxHeight, 250px);
	 overflow-y: auto;
	 background: var(--listBackground, #fff);
}
 .virtualList.svelte-ux0sbr {
	 height: var(--virtualListHeight, 200px);
}
 .listGroupTitle.svelte-ux0sbr {
	 color: var(--groupTitleColor, #8f8f8f);
	 cursor: default;
	 font-size: var(--groupTitleFontSize, 12px);
	 font-weight: var(--groupTitleFontWeight, 600);
	 height: var(--height, 42px);
	 line-height: var(--height, 42px);
	 padding: var(--groupTitlePadding, 0 20px);
	 text-overflow: ellipsis;
	 overflow-x: hidden;
	 white-space: nowrap;
	 text-transform: var(--groupTitleTextTransform, uppercase);
}
 .empty.svelte-ux0sbr {
	 text-align: var(--listEmptyTextAlign, center);
	 padding: var(--listEmptyPadding, 20px 0);
	 color: var(--listEmptyColor, #78848f);
}
 .selection.svelte-ch6bh7 {
	 text-overflow: ellipsis;
	 overflow-x: hidden;
	 white-space: nowrap;
}
 .item.svelte-bdnybl {
	 cursor: default;
	 height: var(--height, 42px);
	 line-height: var(--height, 42px);
	 padding: var(--itemPadding, 0 20px);
	 color: var(--itemColor, inherit);
	 text-overflow: ellipsis;
	 overflow: hidden;
	 white-space: nowrap;
}
 .groupHeader.svelte-bdnybl {
	 text-transform: var(--groupTitleTextTransform, uppercase);
}
 .groupItem.svelte-bdnybl {
	 padding-left: var(--groupItemPaddingLeft, 40px);
}
 .item.svelte-bdnybl:active {
	 background: var(--itemActiveBackground, #b9daff);
}
 .item.active.svelte-bdnybl {
	 background: var(--itemIsActiveBG, #007aff);
	 color: var(--itemIsActiveColor, #fff);
}
 .item.first.svelte-bdnybl {
	 border-radius: var(--itemFirstBorderRadius, 4px 4px 0 0);
}
 .item.hover.svelte-bdnybl:not(.active) {
	 background: var(--itemHoverBG, #e7f2ff);
}
 svelte-virtual-list-viewport.svelte-p6ehlv {
	 position: relative;
	 overflow-y: auto;
	 -webkit-overflow-scrolling: touch;
	 display: block;
}
 svelte-virtual-list-contents.svelte-p6ehlv, svelte-virtual-list-row.svelte-p6ehlv {
	 display: block;
}
 svelte-virtual-list-row.svelte-p6ehlv {
	 overflow: hidden;
}
/*.formulario-wrapper{display:none}*/