@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,900;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);.bold{font-weight:700}.outline{-webkit-text-stroke:2px #000}.allcaps{text-transform:uppercase}.entry-drikk{font-weight:700}.entry-black{color:#000}.entry-blue{color:#013dbd}.entry-pink{color:#f42272}.entry-red{color:red}.entry-puke{color:#a3ce08}.entry-green{color:green}.entry-yellow{color:#ff0}.entry-snap{color:#fffc00}.entry-orange{color:orange}.entry-purple{color:purple}.entry-brown{color:brown}.entry-lightblue{color:#add8e6}.entry-wine{color:#380015}.entry-beer{color:#f6c101}.entry-snus{color:#48412d}.list-item-container{display:flex;flex-direction:row;justify-content:space-between;padding:8px 12px}.divider{border-bottom:var(--outline-xs) solid;cursor:pointer}:root{--outline-m:5px;--outline-s:3px;--outline-xs:1px;--spacing-s:6px;--spacing-m:12px;--spacing-l:24px;--spacing-xl:56px;--spacing-xxl:72px;--cyan:#61e8e1;--limegreen:#86ef9d;--blue:#00b2ff;--purple:#6224f5;--pink:#f42272;--turqoise:#03cea4;--black:#000;--white:#fff;--black-opaque:#00000061;--pink-opaque:#f42272c0;--opacity-low:40%;--opacity-high:80%}.text-h1{font-size:42px}.text-h1,.text-h2{font-style:italic;font-weight:700;line-height:100%;text-transform:uppercase}.text-h2{font-size:32px}.text-h3{font-size:26px}.text-h3,.text-h4{font-style:italic;font-weight:700;text-transform:uppercase}.text-h4{font-size:20px}.text-force-break{overflow-wrap:anywhere}.text-color-pink{color:#f42272;color:var(--pink)}.text-color-black{color:#000;color:var(--black)}p{font-size:20px;font-style:italic;font-weight:500;margin:0}a{color:#fff;text-decoration:none}.button-text-l{font-size:38px}.button-text-l,.button-text-m{font-style:italic;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none}.button-text-m{font-size:26px}.button-text-s{font-size:20px;font-style:italic;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none}.box-button-center{line-height:70px}.entry-text-xxl{font-size:100px}.entry-text-xl,.entry-text-xxl{word-wrap:break-word;font-style:italic;font-weight:500;text-align:center}.entry-text-xl{font-size:55px}.entry-text-l{font-size:45px}.entry-text-l,.entry-text-ll{word-wrap:break-word;font-style:italic;font-weight:500;text-align:center}.entry-text-ll{font-size:40px}.entry-text-m{font-size:35px}.entry-text-m,.entry-text-s{word-wrap:break-word;font-style:italic;font-weight:500;text-align:center}.entry-text-s{font-size:30px}.entry-text-xs{word-wrap:break-word;font-size:23px;font-style:italic;font-weight:500;text-align:center}.shadow-black{-webkit-appearance:none;box-shadow:5px 5px #000;box-shadow:5px 5px var(--black)}.shadow-pink-opaque{box-shadow:4px 4px #f42272c0;box-shadow:4px 4px var(--pink-opaque)}.shadow-pink{box-shadow:4px 4px #f42272;box-shadow:4px 4px var(--pink)}.button-primary{border-color:#000;border-color:var(--black);border-radius:0;border-style:solid;border-width:5px;border-width:var(--outline-m);cursor:pointer;height:72px;height:var(--spacing-xxl)}.white-fill{background-color:#fff;background-color:var(--white)}.black-fill{background-color:#000;background-color:var(--black)}.button-tertiary-m,.button-tertiary-s{border-bottom:3px solid;border-bottom:var(--outline-s) solid;cursor:pointer}.button-tertiary-l{border-bottom:5px solid;border-bottom:var(--outline-m) solid;cursor:pointer}input{caret-color:#f42272;caret-color:var(--pink);font-family:Kanit,sans-serif;outline:none;padding-bottom:0;padding-left:24px;padding-left:var(--spacing-l);padding-right:0;padding-top:0;text-transform:uppercase;transition:.3s}input:focus{box-shadow:10px 10px}textarea{caret-color:#f42272;caret-color:var(--pink);font-family:Kanit,sans-serif;line-height:1.2;outline:none;padding-bottom:0;padding-left:24px;padding-left:var(--spacing-l);padding-top:0;text-transform:uppercase;transition:.3s}textarea:focus{box-shadow:20px 20px}textarea::-webkit-input-placeholder{padding-top:20px}textarea::placeholder{padding-top:20px}.input-entry{background-color:#00000000;border:none;border-bottom:5px solid;border-bottom:var(--outline-m) solid;text-transform:none}.input-entry:focus{box-shadow:0 2px}::-webkit-input-placeholder{color:#00000061;color:var(--black-opaque)}::placeholder{color:#00000061;color:var(--black-opaque)}.bottom-margin-xl{margin-bottom:56px;margin-bottom:var(--spacing-xl)}.bottom-margin-l{margin-bottom:24px;margin-bottom:var(--spacing-l)}.bottom-margin-m{margin-bottom:12px;margin-bottom:var(--spacing-m)}.top-margin-l{margin-top:24px;margin-top:var(--spacing-l)}.top-margin-m{margin-top:12px;margin-top:var(--spacing-m)}.left-margin-s{margin-left:6px;margin-left:var(--spacing-s)}.left-margin-m{margin-left:12px;margin-left:var(--spacing-m)}.stretch{flex:1 1}.gap-20{gap:20px}.announcement{-webkit-animation:pulse 1.6s infinite;animation:pulse 1.6s infinite}.rotated{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes pulse{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}.text-stroke{-webkit-text-stroke:1px #000}.countdown-l{font-size:450px;left:30px;overflow:visible;top:0}.countdown-l,.countdown-m{font-weight:800;opacity:20%;position:fixed;z-index:-1}.countdown-m{font-size:300px;left:0;top:150px}@media (orientation:landscape){.countdown-l,.countdown-m{left:300px;top:-130px}}.App{padding:24px}body{font-family:Kanit,sans-serif;margin:0;padding:0}.App-header{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between}.swipe-area{align-items:center;display:flex;height:60%;width:100%}.menu-container{-webkit-animation:menu-open .5s;animation:menu-open .5s;background:#000;height:100vh;justify-content:space-between;left:0;padding:24px 24px 24px 120px;position:absolute;top:0;width:calc(100vw - 80px);z-index:1}.menu-container,.menu-item{display:flex;flex-direction:column}.menu-item{height:1vh;min-height:1vh}.menu-absolute{height:60%;position:absolute;top:20vh;width:100vh}@-webkit-keyframes menu-open{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-open{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.menu-close{-webkit-animation:menu-close .5s;animation:menu-close .5s}@-webkit-keyframes menu-close{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes menu-close{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.stuttering-arrow-left{-webkit-animation:stutteringMovementLeft 2s linear infinite;animation:stutteringMovementLeft 2s linear infinite;cursor:pointer}@-webkit-keyframes stutteringMovementLeft{0%,5%{-webkit-transform:translateX(0);transform:translateX(0)}10%,15%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}20%,25%{-webkit-transform:translateX(0);transform:translateX(0)}30%,35%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}40%,to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes stutteringMovementLeft{0%,5%{-webkit-transform:translateX(0);transform:translateX(0)}10%,15%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}20%,25%{-webkit-transform:translateX(0);transform:translateX(0)}30%,35%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}40%,to{-webkit-transform:translateX(0);transform:translateX(0)}}.stuttering-arrow-right{-webkit-animation:stutteringMovementRight 2s linear infinite;animation:stutteringMovementRight 2s linear infinite;cursor:pointer}@-webkit-keyframes stutteringMovementRight{0%,5%{-webkit-transform:translateX(0);transform:translateX(0)}10%,15%{-webkit-transform:translateX(8px);transform:translateX(8px)}20%,25%{-webkit-transform:translateX(0);transform:translateX(0)}30%,35%{-webkit-transform:translateX(8px);transform:translateX(8px)}40%,to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes stutteringMovementRight{0%,5%{-webkit-transform:translateX(0);transform:translateX(0)}10%,15%{-webkit-transform:translateX(8px);transform:translateX(8px)}20%,25%{-webkit-transform:translateX(0);transform:translateX(0)}30%,35%{-webkit-transform:translateX(8px);transform:translateX(8px)}40%,to{-webkit-transform:translateX(0);transform:translateX(0)}}.fylla-vertical-container{position:fixed;-webkit-transform:scale(.7);transform:scale(.7)}.fylla-vertical{left:-171px;position:absolute;top:-35px}.background{-webkit-animation:color-change 40s infinite;animation:color-change 40s infinite}.background,.happening-17th-may{display:flex;flex:1 1;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:6375px;z-index:-2}.happening-17th-may{background-image:url(/static/media/flagg.591f0c67327a170cf581.svg)}.happening-pride{display:flex;flex:1 1;flex-direction:column;height:100%;left:0;position:fixed;top:0;z-index:-2}.background-child{align-content:stretch;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%}@-webkit-keyframes color-change{0%{background-color:#61e8e1;background-color:var(--cyan)}20%{background-color:#86ef9d;background-color:var(--limegreen)}40%{background-color:#03cea4;background-color:var(--turqoise)}60%{background-color:#00b2ff;background-color:var(--blue)}80%{background-color:#6224f5;background-color:var(--purple)}to{background-color:#61e8e1;background-color:var(--cyan)}}@keyframes color-change{0%{background-color:#61e8e1;background-color:var(--cyan)}20%{background-color:#86ef9d;background-color:var(--limegreen)}40%{background-color:#03cea4;background-color:var(--turqoise)}60%{background-color:#00b2ff;background-color:var(--blue)}80%{background-color:#6224f5;background-color:var(--purple)}to{background-color:#61e8e1;background-color:var(--cyan)}}@-webkit-keyframes slidein1{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}50%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}75%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes slidein1{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}50%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}75%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@-webkit-keyframes slidein2{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-23%);transform:translateX(-23%)}50%{-webkit-transform:translateX(-45%);transform:translateX(-45%)}75%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes slidein2{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-23%);transform:translateX(-23%)}50%{-webkit-transform:translateX(-45%);transform:translateX(-45%)}75%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@-webkit-keyframes slidein3{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-40%);transform:translateX(-40%)}50%{-webkit-transform:translateX(-27%);transform:translateX(-27%)}75%{-webkit-transform:translateX(-32%);transform:translateX(-32%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes slidein3{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-40%);transform:translateX(-40%)}50%{-webkit-transform:translateX(-27%);transform:translateX(-27%)}75%{-webkit-transform:translateX(-32%);transform:translateX(-32%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@-webkit-keyframes slidein4{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}50%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}75%{-webkit-transform:translateX(-23%);transform:translateX(-23%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes slidein4{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}50%{-webkit-transform:translateX(-35%);transform:translateX(-35%)}75%{-webkit-transform:translateX(-23%);transform:translateX(-23%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@-webkit-keyframes slidein5{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-32%);transform:translateX(-32%)}50%{-webkit-transform:translateX(-23%);transform:translateX(-23%)}75%{-webkit-transform:translateX(-42%);transform:translateX(-42%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes slidein5{0%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}25%{-webkit-transform:translateX(-32%);transform:translateX(-32%)}50%{-webkit-transform:translateX(-23%);transform:translateX(-23%)}75%{-webkit-transform:translateX(-42%);transform:translateX(-42%)}to{-webkit-transform:translateX(-30%);transform:translateX(-30%)}}.fylla1{-webkit-animation:slidein1 8s ease-in-out infinite;animation:slidein1 8s ease-in-out infinite}.fylla2{-webkit-animation:slidein2 8s ease-in-out infinite;animation:slidein2 8s ease-in-out infinite}.fylla3{-webkit-animation:slidein3 8s ease-in-out infinite;animation:slidein3 8s ease-in-out infinite}.fylla4{-webkit-animation:slidein4 8s ease-in-out infinite;animation:slidein4 8s ease-in-out infinite}.fylla5{-webkit-animation:slidein5 8s ease-in-out infinite;animation:slidein5 8s ease-in-out infinite}@-webkit-keyframes pride-anim1{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(1.7);transform:scale(1.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pride-anim1{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(1.7);transform:scale(1.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pride-anim2{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.7);transform:scale(1.7)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}75%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pride-anim2{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.7);transform:scale(1.7)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}75%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pride-anim3{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pride-anim3{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pride-anim4{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(1.8);transform:scale(1.8)}75%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pride-anim4{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.3);transform:scale(1.3)}50%{-webkit-transform:scale(1.8);transform:scale(1.8)}75%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pride-anim5{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:scale(1.7);transform:scale(1.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pride-anim5{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:scale(1.7);transform:scale(1.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes pride-anim6{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.7);transform:scale(1.7)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}75%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pride-anim6{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.7);transform:scale(1.7)}50%{-webkit-transform:scale(1.4);transform:scale(1.4)}75%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1);transform:scale(1)}}.pride-1{-webkit-animation:pride-anim1 5s ease-in-out infinite;animation:pride-anim1 5s ease-in-out infinite}.pride-2{-webkit-animation:pride-anim2 5s ease-in-out infinite;animation:pride-anim2 5s ease-in-out infinite}.pride-3{-webkit-animation:pride-anim3 5s ease-in-out infinite;animation:pride-anim3 5s ease-in-out infinite}.pride-4{-webkit-animation:pride-anim4 5s ease-in-out infinite;animation:pride-anim4 5s ease-in-out infinite}.pride-5{-webkit-animation:pride-anim5 5s ease-in-out infinite;animation:pride-anim5 5s ease-in-out infinite}.pride-6{-webkit-animation:pride-anim6 5s ease-in-out infinite;animation:pride-anim6 5s ease-in-out infinite}.container{display:flex;flex-direction:column}.container-row{display:flex;flex-direction:row;justify-content:space-between}.lift-topbar{position:relative;top:-13px;z-index:0}.container-row-end{display:flex;flex-direction:row;justify-content:flex-end}.container-row-start{display:flex;flex-direction:row;justify-content:flex-start}.prev-next-buttons{display:flex;flex-direction:row;justify-content:space-between}.next-button{flex:1 1}.button-next-prev{border-color:#000;border-color:var(--black);border-radius:0;border-style:solid;border-width:5px;border-width:var(--outline-m);cursor:pointer;font-size:38px;font-style:italic;font-weight:700;height:72px;height:var(--spacing-xxl);line-height:70px;text-align:center;-webkit-user-select:none;user-select:none}.button-prev{max-width:72px;min-width:72px}.button-prev-img{margin-top:16px;scale:1}@media (orientation:landscape){.prev-next-buttons{justify-content:end}.next-button{max-width:180px}.button-next-prev{font-size:29px;height:56px;height:var(--spacing-xl);line-height:55px}.button-prev{max-width:56px;min-width:56px}.button-prev-img{margin-top:10px;scale:.75}}.ai-banner{bottom:0;left:0;position:absolute;width:100%}.slide-in{-webkit-animation:slide-in .7s ease-in-out;animation:slide-in .7s ease-in-out}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:0;-webkit-transform:translateX(50%);transform:translateX(50%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.slide-out{-webkit-animation:slide-out .7s ease-in-out;animation:slide-out .7s ease-in-out}@-webkit-keyframes slide-out{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-out{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slide-text{overflow:hidden;position:absolute;width:100%}.slide-container{position:relative;z-index:-1}.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center;transform-origin:center}.rotate,.rotate-back{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.rotate-back{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center}.recommendation-slide-in{-webkit-animation:recommendation-slide-in .7s;animation:recommendation-slide-in .7s}@-webkit-keyframes recommendation-slide-in{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}30%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes recommendation-slide-in{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}30%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.info-message-slide-in{-webkit-animation:info-message-slide-in .7s;animation:info-message-slide-in .7s}@-webkit-keyframes info-message-slide-in{0%{opacity:0;-webkit-transform:translateY(-150%);transform:translateY(-150%)}30%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes info-message-slide-in{0%{opacity:0;-webkit-transform:translateY(-150%);transform:translateY(-150%)}30%{opacity:0}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.rectangle{height:100%;left:0;position:absolute;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out;width:100%}.rectangle:not(.animate-out){-webkit-transform:translateY(0);transform:translateY(0)}.animate-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cyan{background-color:cyan}.lime{background-color:lime}.turquoise{background-color:#40e0d0}.blue{background-color:blue}.loader{-webkit-animation:l4-1 .5s ease-in-out infinite alternate,l4-2 1s ease-in-out infinite;animation:l4-1 .5s ease-in-out infinite alternate,l4-2 1s ease-in-out infinite;aspect-ratio:1;background:#25b09b;box-shadow:0 0 60px 15px #25b09b;-webkit-clip-path:inset(0);clip-path:inset(0);-webkit-transform:translate(-80px);transform:translate(-80px);width:20px}@-webkit-keyframes l4-1{to{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes l4-1{to{-webkit-transform:translateX(80px);transform:translateX(80px)}}@-webkit-keyframes l4-2{33%{-webkit-clip-path:inset(0 0 0 -100px);clip-path:inset(0 0 0 -100px)}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}83%{-webkit-clip-path:inset(0 -100px 0 0);clip-path:inset(0 -100px 0 0)}}@keyframes l4-2{33%{-webkit-clip-path:inset(0 0 0 -100px);clip-path:inset(0 0 0 -100px)}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}83%{-webkit-clip-path:inset(0 -100px 0 0);clip-path:inset(0 -100px 0 0)}}.loading-container{left:0;overflow:hidden;top:0;z-index:-1}.loading-container,.rect{height:100%;position:absolute;width:100%}.rect{-webkit-animation:slideUp 3s ease-in-out infinite;animation:slideUp 3s ease-in-out infinite;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.rect1{-webkit-animation-delay:0s;animation-delay:0s;background-color:#61e8e1;background-color:var(--cyan)}.rect2{-webkit-animation-delay:.75s;animation-delay:.75s;background-color:#86ef9d;background-color:var(--limegreen)}.rect3{-webkit-animation-delay:1.5s;animation-delay:1.5s;background-color:#03cea4;background-color:var(--turqoise)}.rect4{-webkit-animation-delay:2.25s;animation-delay:2.25s;background-color:#00b2ff;background-color:var(--blue)}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);z-index:10}25%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0);z-index:0}}@keyframes slideUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);z-index:10}25%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0);z-index:0}}.progress-container{align-self:stretch;display:flex;gap:12px}.progress-tab-inactive{background-color:var(--white);flex:1 1;height:10px}.progress-tab-active{background-color:var(--pink);flex:1 1;height:10px}.tutorial-text{font-size:22px;font-style:italic;font-weight:700;margin-left:var(--spacing-l)}.info-message-container{border-radius:500px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin:24px;padding:12px 18px 12px 22px}.add-container{border-radius:500px;color:#fff;margin-left:auto;margin-right:auto;margin-top:48px;padding:12px 18px;text-align:center;width:25%}
/*# sourceMappingURL=main.d5358d2b.css.map*/