*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:auto}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Roboto-regural;src:url(/weather-app/assets/Roboto-Regular-OqL9vKsN.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/weather-app/assets/Roboto-Thin-CnrPCZov.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Poppins-regural;src:url(/weather-app/assets/Poppins-Black-CrKy-4ZW.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}body{background-color:var(--body-background-color);font-family:Roboto,Poppins-regural,Roboto-regural,Arial,sans-serif;transition:background-color .5s ease,color .5s ease}.header__upper{display:flex;flex-direction:row;justify-content:space-between}.header__upper .header__title .header__title-text{background:linear-gradient(90deg,#3a7bd5,#6a5acd 40%,#8a2be2 60%,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:24px;font-weight:400}.header__upper .header__title .header__title-date{font-size:14px;font-weight:400;color:var(--color-text)}.header__upper .header__controls{display:flex;align-items:center;justify-content:center;gap:10px}.header__upper .header__controls svg{color:var(--color-icon)}.header__upper .header__controls .header__controls-update{display:flex;align-items:center;justify-content:center;height:30px;width:30px;padding:0;border-radius:50%;border:none;background-color:transparent;transition:transform 1s,background-color .1s}.header__upper .header__controls .header__controls-update:hover{background-color:var(--hover-effect)}.header__upper .header__controls .header__controls-update.spin{animation:rotate 1.5s ease-in-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header__upper .header__controls .header__controls-update.spin svg{color:#a0a5b0}.header__upper .header__controls .header__controls-update.spin:hover{background-color:transparent}.header{display:flex;align-items:center;justify-content:center}.header .header__inner{padding:20px 30px;justify-content:space-between;display:flex;flex-direction:column;max-width:1000px;width:100%}.header__search-block{display:flex;flex-direction:row;gap:13px;justify-content:center;padding-top:30px}.header__search-block .header__search-wrap{min-width:300px;max-width:550px;width:100%;position:relative;display:flex;justify-content:center}.header__search-block .header__search-wrap .header__search-main{position:relative;border-radius:13px;height:46px;min-width:300px;max-width:550px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 10px 10px 15px;font-size:14px;transition:transform .5s ease,background-color .3s ease;-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:10px}.header__search-block .header__search-wrap .header__search-main .lucide-search{color:var(--color-text)}.header__search-block .header__search-wrap .header__search-main label{flex-grow:1}.header__search-block .header__search-wrap .header__search-main .header__search-input{position:relative;width:100%;flex-grow:1;border:none;background:transparent;outline:none;box-shadow:none;color:var(--color-icon)}.header__search-block .header__search-wrap .header__search-main .header__search-input:not(:placeholder-shown)~.search-cancel{opacity:1}.header__search-block .header__search-wrap .header__search-main .header__search-input:not(:placeholder-shown)~.lucide-search{color:#458ceb}.header__search-block .header__search-wrap .header__search-main .header__search-input::placeholder{color:var(--color-text)}.header__search-block .header__search-wrap .header__search-main:after{content:"";position:absolute;bottom:0;left:7px;height:1px;width:0;background:linear-gradient(130deg,#1f51ff,#9d00ff);transition:width .3s ease-in-out;border-radius:30%}.header__search-block .header__search-wrap .header__search-main:focus-within:after{width:97%}.header__search-block .header__search-wrap .header__search-main .search-cancel{opacity:0;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;height:25px;width:25px;border-radius:50%}.header__search-block .header__search-wrap .header__search-main .search-cancel .lucide-x{color:var(--color-text)}.header__search-block .header__search-wrap .header__search-main .search-cancel:hover{background-color:var(--hover-effect)}.header__search-block .header__search-wrap .header__search-main .search-cancel:hover .lucide-x{color:var(--color-text)}.header__search-block .header__search-wrap .header__search-main:hover{transition-delay:.2s;transform:scale(1.02)}.header__search-block .header__search-wrap .header__search-main:focus-within{border:1px solid #458CEB}.header__search-block .header__search-wrap .header__search-main:focus-within .lucide-search{color:#458ceb}.header__search-block .header__search-wrap .header__search-main:focus-within .header__search-input:after{width:100%}.header__search-block .btn-current-location{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background-color:#fff;border:none;-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;border-radius:13px;color:#458ceb;transition:transform .5s ease,background-color .3s ease}.header__search-block .btn-current-location:hover{transition-delay:.2s;transform:scale(1.13);background-color:var(--hover-effect)}body.dark .header__search-main,body.dark .btn-current-location{background-color:var(--main-block-background-color)}.header__nav{padding-top:18px;display:flex;justify-content:center;flex-direction:row;align-items:center}.header__nav .header__nav-text{font-weight:400;font-size:15px;color:var(--color-text);padding-right:20px}.header__nav .header__nav-list{display:flex;flex-direction:row;gap:6px}.header__nav .header__nav-list .nav-btn{border:none;background:transparent;padding:0}.header__nav .header__nav-list .nav-btn .nav-city{background-color:var(--main-block-background-color);padding:4px 10px;border-radius:20px;box-shadow:0 0 50px 10px #0000001a;transition:transform .5s ease,background-color .5s ease,color .5s ease}.header__nav .header__nav-list .nav-btn .nav-city .nav-city-text{font-size:12px;font-weight:400;color:var(--color-text)}.header__nav .header__nav-list .nav-btn .nav-city:hover{transition-delay:.1s;transform:scale(1.1);background-color:var(--hover-effect)}.header__nav .header__nav-list .nav-btn .nav-city:hover .nav-city-text{color:#458ceb}.header__controls-theme{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0;height:30px;width:30px;border-radius:50%;cursor:pointer}.header__controls-theme:hover{background-color:var(--hover-effect)}.header__controls-theme .controls-theme{position:relative}.header__controls-theme .controls-theme svg{position:absolute;top:-9px;left:-9px;opacity:0;transform:rotate(0) scale(1);transition:opacity .3s ease,transform .5s ease}.header__controls-theme .controls-theme.light .lucide-sun{opacity:1;transform:rotate(0) scale(1)}.header__controls-theme .controls-theme.light .lucide-moon{opacity:0;transform:rotate(90deg) scale(.1)}.header__controls-theme .controls-theme.dark .lucide-sun{opacity:0;transform:rotate(-90deg) scale(.1)}.header__controls-theme .controls-theme.dark .lucide-moon{opacity:1;transform:rotate(0) scale(1)}.header__search-block-suggesting{position:absolute;z-index:100;background-color:var(--suggesting-background);-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);top:110%;display:flex;flex-direction:column;padding:8px;gap:5px;max-width:540px;border-radius:10px;width:100%;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease,visibility 1s}.header__search-block-suggesting.show{opacity:1;visibility:visible;transform:translateY(0)}.header__search-block-suggesting .suggest__city{background-color:var(--suggesting-background);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:10px;display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px;transition:transform .3s ease,background-color .3s ease}.header__search-block-suggesting .suggest__city .suggest__block-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--suggesting-second-color);height:30px;width:30px;transition:transform .5s ease,background-color .3s ease}.header__search-block-suggesting .suggest__city .suggest__block-icon .icon-suggest{display:flex;align-items:center;justify-content:center;color:var(--color-text)}.header__search-block-suggesting .suggest__city .suggest__block-icon:hover{transition-delay:.1s;transform:scale(1.1)}.header__search-block-suggesting .suggest__city .suggest__block-main .suggest__block-first{display:flex;flex-direction:row;align-items:center;height:20px;gap:10px}.header__search-block-suggesting .suggest__city .suggest__block-main .suggest__block-first .suggest__block-first-city{font-size:14px;color:var(--color-icon)}.header__search-block-suggesting .suggest__city .suggest__block-main .suggest__block-first .suggest__block-first-wrap{background-color:var(--suggesting-second-color);border-radius:20px;padding:2px;width:43px;display:flex;justify-content:center;align-items:center}.header__search-block-suggesting .suggest__city .suggest__block-main .suggest__block-first .suggest__block-first-wrap .suggest__block-first-conditional{font-size:11px;color:var(--color-text)}.header__search-block-suggesting .suggest__city .suggest__block-main .suggest__block-second .suggest__block-second-text{font-size:12px;color:var(--color-text)}.header__search-block-suggesting .suggest__city:hover{transition-delay:.3s;transform:scale(1.01);background-color:var(--hover-effect)}.main{display:flex;align-items:center;justify-content:center}.main .main__content.show{display:grid}.main .main__content{padding:20px 50px 70px 30px;display:none;grid-template-columns:65% 35%;grid-template-rows:auto auto;gap:20px;max-width:1100px;width:100%}@media (max-width: 768px){.main .main__content{grid-template-columns:auto;grid-template-rows:repeat(3,auto)}}.main .main__content>div{opacity:0;transition:opacity 1s ease,transform 1s ease}.main .main__content>div.show{opacity:1;transform:translateY(0)}@media (max-width: 1000px){.main .main__content.show{display:flex!important;flex-direction:column}body{width:100%;display:flex;justify-content:center;flex-direction:column}.futureday-block2{display:flex;justify-content:center}}@keyframes fadeInUpImg{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.main__card-current{grid-column:1;grid-row:1;background:var(--current-block-color);border-radius:10px;display:flex;flex-direction:column;padding:30px;-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;animation:fadeInUpCard 1s ease forwards}.main__card-current .current__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.main__card-current .current__header .current__header-text{display:flex;flex-direction:row;gap:7px;opacity:0;transform:translate(-5px);animation:fadeInUp 1s ease forwards;animation-delay:.2s}.main__card-current .current__header .current__header-text .lucide-map-pin{color:#458ceb;position:relative;top:2px}.main__card-current .current__header .current__header-text .current__header-location{font-weight:400;font-size:18px;color:var(--color-icon)}.main__card-current .current__header .current__header-wrap{transition:transform .6s ease}.main__card-current .current__header .current__header-wrap .current__header-image{animation:fadeInUpImg .5s cubic-bezier(.25,.46,.45,.94) forwards;filter:var(--color-icon-filter)}.main__card-current .current__header .current__header-wrap .current__header-image.animation{animation:spin 6s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main__card-current .current__header .current__header-wrap:hover{transform:scale(1.4);transition-delay:.2s}.main__card-current .current__body{opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:.2s;height:230px;display:flex;align-content:center;justify-content:center}.main__card-current .current__body .current__body-text{display:flex;align-content:center;justify-content:center;flex-direction:column}.main__card-current .current__body .current__body-text .current__body-temp{text-align:center;font-weight:400;font-size:64px;color:#7b68ee;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.main__card-current .current__body .current__body-text .current__body-condition{text-align:center;color:var(--color-text);font-weight:400;font-size:20px}.main__card-current .current__body .current__body-text .current__body-feel{text-align:center;color:var(--color-text);font-weight:400;font-size:16px}.main__card-current .current__info{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:15px}.main__card-current .current__info .current__info-humidity{opacity:0;transform:translate(-25px,10px);animation:fadeInUp 1s ease forwards;animation-delay:0s;background:var(--current-info-block-color);box-shadow:0 0 85px 5px #223c5026;border-radius:10px;padding:7px 7px 7px 10px;display:flex;flex-direction:row;align-items:center;gap:10px;transition:transform .3s ease;color:var(--color-icon)}.main__card-current .current__info .current__info-humidity .humidity-logo{color:#458ceb;display:flex;align-items:center;justify-content:center;height:30px;width:30px;background-color:var(--current-icon-block-color);border-radius:50%;transition:transform 1s ease-in-out}.main__card-current .current__info .current__info-humidity .humidity-logo:hover{transform:rotate(360deg);transition-delay:.2s}.main__card-current .current__info .current__info-humidity .humidity__block{font-weight:400;font-size:12px;display:flex;flex-direction:column}.main__card-current .current__info .current__info-humidity .humidity__block .humidity__text{color:var(--color-text);font-size:11px}.main__card-current .current__info .current__info-humidity:hover{transform:scale(1.04);transition-delay:.2s}.main__card-current .current__info .current__info-wind{opacity:0;transform:translate(-25px,10px);animation:fadeInUp 1s ease forwards;animation-delay:.1s;background:var(--current-info-block-color);box-shadow:0 0 85px 5px #223c5026;border-radius:10px;padding:7px 7px 7px 10px;display:flex;flex-direction:row;align-items:center;gap:10px;transition:transform .3s ease;color:var(--color-icon)}.main__card-current .current__info .current__info-wind .wind-logo{color:#458ceb;display:flex;align-items:center;justify-content:center;height:30px;width:30px;background-color:var(--current-icon-block-color);border-radius:50%;transition:transform 1s ease-in-out}.main__card-current .current__info .current__info-wind .wind-logo:hover{transform:rotate(360deg);transition-delay:.2s}.main__card-current .current__info .current__info-wind .windy__block{font-weight:400;font-size:12px;display:flex;flex-direction:column}.main__card-current .current__info .current__info-wind .windy__block .wind__text{color:var(--color-text);font-size:11px}.main__card-current .current__info .current__info-wind:hover{transform:scale(1.04);transition-delay:.2s}.main__card-current .current__info .current__info-pressure{opacity:0;transform:translate(-25px,10px);animation:fadeInUp 1s ease forwards;animation-delay:.2s;background:var(--current-info-block-color);box-shadow:0 0 85px 5px #223c5026;border-radius:10px;padding:7px 7px 7px 10px;display:flex;flex-direction:row;align-items:center;gap:10px;transition:transform .3s ease;color:var(--color-icon)}.main__card-current .current__info .current__info-pressure .pressure-logo{color:#458ceb;display:flex;align-items:center;justify-content:center;height:30px;width:30px;background-color:var(--current-icon-block-color);border-radius:50%;transition:transform 1s ease-in-out}.main__card-current .current__info .current__info-pressure .pressure-logo:hover{transform:rotate(360deg);transition-delay:.2s}.main__card-current .current__info .current__info-pressure .pressure__block{font-weight:400;font-size:12px;display:flex;flex-direction:column}.main__card-current .current__info .current__info-pressure .pressure__block .pressure__text{color:var(--color-text);font-size:11px}.main__card-current .current__info .current__info-pressure:hover{transform:scale(1.04);transition-delay:.2s}.main__card-current .current__info .current__info-visibility{opacity:0;transform:translate(-25px,10px);animation:fadeInUp 1s ease forwards;animation-delay:.3s;background:var(--current-info-block-color);box-shadow:0 0 85px 5px #223c5026;border-radius:10px;padding:7px 7px 7px 10px;display:flex;flex-direction:row;align-items:center;gap:10px;transition:transform .3s ease;color:var(--color-icon)}.main__card-current .current__info .current__info-visibility .visibility-logo{color:#458ceb;display:flex;align-items:center;justify-content:center;height:30px;width:30px;background-color:var(--current-icon-block-color);border-radius:50%;transition:transform 1s ease-in-out}.main__card-current .current__info .current__info-visibility .visibility-logo:hover{transform:rotate(360deg);transition-delay:.2s}.main__card-current .current__info .current__info-visibility .visibility__block{font-weight:400;font-size:12px;display:flex;flex-direction:column}.main__card-current .current__info .current__info-visibility .visibility__block .visibility__text{color:var(--color-text);font-size:11px}.main__card-current .current__info .current__info-visibility:hover{transform:scale(1.04);transition-delay:.2s}.main__card-future{background-color:var(--main-block-background-color);grid-column:2;grid-row:1/3;padding:15px 15px 30px;border-radius:10px;-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;height:fit-content;animation:fadeInUpCard 1s ease forwards}.main__card-future .future-title{font-weight:400;font-size:18px;padding-bottom:50px;padding-top:10px;padding-left:10px;color:var(--color-icon);opacity:0;transform:translate(-20px,5px);transition:transform 1s ease,opacity 1s ease;animation:fadeInUp 1s ease forwards;animation-delay:0s}.main__card-future .future__list{display:flex;flex-direction:column;gap:20px}.main__card-future .future__list .futureday{display:grid;grid-template-rows:1fr;grid-template-columns:15% 60% 25%;gap:10px;border-radius:10px;padding:10px;opacity:0;transform:translate(-25px,-10px);animation:fadeInUp 1s ease forwards;animation-delay:0s;transition:transform .3s ease,background-color .3s ease}.main__card-future .future__list .futureday .futureday-image{filter:var(--color-icon-filter);display:block;margin:auto;object-fit:contain;width:40px;height:40px;transition:transform 1s ease}.main__card-future .future__list .futureday .futureday-image:hover{transform:scale(1.4);transition-delay:.2s}.main__card-future .future__list .futureday .futureday-block1 .futureday-date{display:flex;align-items:center;gap:7px}.main__card-future .future__list .futureday .futureday-block1 .futureday-date .futureday-weekday{font-size:16px;color:var(--color-icon)}.main__card-future .future__list .futureday .futureday-block1 .futureday-date .futureday-month{font-size:12px;color:var(--color-text);font-weight:400}.main__card-future .future__list .futureday .futureday-block1 .futureday-condition{font-size:14px;color:var(--color-text)}.main__card-future .future__list .futureday .futureday-block1 .futureday-properties{display:flex;gap:7px}.main__card-future .future__list .futureday .futureday-block1 .futureday-properties .futureday-wind,.main__card-future .future__list .futureday .futureday-block1 .futureday-properties .futureday-humidity{font-size:12px;color:var(--color-text)}.main__card-future .future__list .futureday .futureday-block2{display:flex;align-items:center;gap:5px;transition:transform .5s ease}.main__card-future .future__list .futureday .futureday-block2 .futureday-temp{font-size:16px;color:var(--color-icon)}.main__card-future .future__list .futureday .futureday-block2 .futureday-feel{font-size:14px;color:var(--color-text)}.main__card-future .future__list .futureday .futureday-block2:hover{transform:scale(1.1)}.main__card-future .future__list .futureday:nth-child(1){animation-delay:.1s}.main__card-future .future__list .futureday:nth-child(2){animation-delay:.3s}.main__card-future .future__list .futureday:nth-child(3){animation-delay:.5s}.main__card-future .future__list .futureday:nth-child(4){animation-delay:.7s}.main__card-future .future__list .futureday:nth-child(5){animation-delay:.9s}.main__card-future .future__list .futureday:hover{background-color:var(--hover-effect);transition-delay:.5s;transform:scale(1.03)}.main__card-continues{background-color:var(--main-block-background-color);grid-column:1;grid-row:2;padding:15px;border-radius:10px;-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;animation:fadeInUpCard 1s ease forwards}.main__card-continues .continues-title{font-size:16px;font-weight:400;padding-bottom:10px;padding-left:10px;color:var(--color-icon);opacity:0;transform:translate(-20px,5px);transition:transform 2s ease,opacity 1s ease;transition-delay:1s;animation:fadeInUp 1s ease forwards;animation-delay:0s}.main__card-continues .continues_block{display:flex;justify-content:center}.block__error-message.show{display:flex;justify-content:center;padding-top:20px;animation:fadeInUpCard 1s ease forwards}.block__error-message.show .block__error-message-content{max-width:1100px;width:100%;background:var(--current-block-color);border-radius:10px;padding:40px 50px 50px;-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026}.block__error-message.show .error-message__header{height:100px;padding:10px}.block__error-message.show .error-message__header .error-message__header-icon{border-radius:50%;height:55px;width:55px;display:flex;align-items:center;justify-content:center;background-color:var(--error-icon-color)}.block__error-message.show .error-message__header .lucide-map-pin-off{color:#458ceb}.block__error-message.show .error-message__main{color:var(--error-gray);display:flex;justify-content:center;flex-direction:column}.block__error-message.show .error-message__main .error-message__main-text{text-align:center;font-size:18px;font-weight:400;padding-bottom:30px;color:var(--error-light-gray)}.block__error-message.show .error-message__main .error-message__main-container-reason{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;padding:20px 0 50px}.block__error-message.show .error-message__main .error-message__main-container-reason .error-message__main-reason{max-width:480px;font-size:16px}.block__error-message.show .error-message__main .error-message__main-list{text-align:center;font-size:14px;font-weight:400}.block__error-message.show .error-message__main .error-message__main-container-list{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.block__error-message.show .error-message__main .error-message__main-container-list .error-list{font-size:14px;list-style:disc inside;padding:0;margin:10px 0 0;text-align:center}.block__error-message.show .error-message__main .error-message__main-container-btn{display:flex;justify-content:center;padding-top:30px;transition:background-color .2s ease-in-out}.block__error-message.show .error-message__main .error-message__main-container-btn .error-message__main-tryBtn{-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;width:180px;border:none;background-color:var(--error-try-color);border-radius:8px;padding:7px}.block__error-message.show .error-message__main .error-message__main-container-btn .error-message__main-tryBtn .error-message__main-tryBtn-block{display:flex;align-items:center;justify-content:center;gap:8px}.block__error-message.show .error-message__main .error-message__main-container-btn .error-message__main-tryBtn .error-message__main-tryBtn-block .lucide-refresh-cw{filter:var(--color-icon-filter)}.block__error-message.show .error-message__main .error-message__main-container-btn .error-message__main-tryBtn .error-message__main-tryBtn-block .error-message__main-tryBtn-text{font-size:14px;font-weight:400;color:var(--color-icon)}.block__error-message.show .error-message__main .error-message__main-container-btn .error-message__main-tryBtn:hover{background-color:var(--error-try-hover-color);transition-delay:.2s}.block__error-message{display:none}:root{--body-background-color: #fbfcfe;--secondary-block-background-color: #e6f0ff;--color-icon: #000000;--color-text: #6e6e6e;--color-icon-filter: none;--hover-effect-light: #e6f0ff;--hover-effect: #e6f0ff;--main-block-background-color: linear-gradient(130deg,rgba(245, 249, 253, 1) 0%, rgba(244, 248, 252, 1) 30%, rgba(243, 247, 253, 1) 60%, rgba(241, 245, 254, 1) 80%, rgba(241, 245, 255, 1) 100%);--current-info-block-color: #F2F4FE;--current-block-color: linear-gradient(130deg,rgba(238, 244, 255, 1) 0%, rgba(235, 241, 255, 1) 50%, rgba(229, 236, 255, 1) 100%);--current-icon-block-color: #DBEBFE;--suggesting-background: white;--suggesting-second-color: #D4D4D4;--error-gray: #333333;--error-light-gray: #1E2939;--error-icon-color: #FFFFFF;--error-try-color: #FAFBFF;--error-try-hover-color: #FFFFFF;--connection-icon-color: #FFFFFF;--connection-try-color: #FAFBFF;--connection-try-hover-color: #FFFFFF;--connection-background-color: #FDEEF2}body.dark{--color-icon-filter: invert(1);--body-background-color: #162447;--secondary-block-background-color: #0a192f;--main-block-background-color: #0B1127;--hover-effect: #101D3C;--color-icon: #FFFFFF;--color-text: #a0a5b0;--current-info-block-color: linear-gradient(135deg, #162447, #1b214f);--current-block-color: linear-gradient(130deg,rgba(23, 36, 87, 1) 0%, rgba(37, 41, 112, 1) 50%, rgba(48, 44, 131, 1) 100%);--current-icon-block-color: #1C398E;--suggesting-background: #0B1127;--suggesting-second-color: #5C5C5C;--error-gray: #99A1AF;--error-light-gray: #E5E7EB;--error-icon-color: #141E48;--error-try-color: #191947;--error-try-hover-color: #0B1127;--connection-icon-color: #3C070A;--connection-try-color: #44091E;--connection-try-hover-color: #44081D;--connection-background-color: linear-gradient(130deg,rgba(76, 9, 15, 1) 0%, rgba(125, 15, 59, 1) 100%)}@keyframes fadeInUp{to{opacity:1;transform:translate(0)}}.block__connection-message.show{display:flex;justify-content:center;padding-top:20px;animation:fadeInUpCard 1s ease forwards}@keyframes fadeInUpCard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0)}}.block__connection-message.show .block__connection-message-content{max-width:1100px;width:100%;background:var(--connection-background-color);border-radius:10px;padding:40px 50px 50px;-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026}.block__connection-message.show .connection-message__header{height:100px;padding:20px}.block__connection-message.show .connection-message__header .connection-message__header-icon{border-radius:50%;height:55px;width:55px;display:flex;align-items:center;justify-content:center;background-color:var(--connection-icon-color)}.block__connection-message.show .connection-message__header .lucide{color:#e7000b}.block__connection-message.show .connection-message__main{color:var(--error-gray);display:flex;justify-content:center;flex-direction:column}.block__connection-message.show .connection-message__main .connection-message__main-text{text-align:center;font-size:18px;font-weight:400;padding-bottom:30px;color:var(--error-light-gray)}.block__connection-message.show .connection-message__main .connection-message__main-container-reason{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;padding:20px 0 50px}.block__connection-message.show .connection-message__main .connection-message__main-container-reason .connection-message__main-reason{max-width:480px;font-size:16px}.block__connection-message.show .connection-message__main .connection-message__main-list{text-align:center;font-size:14px;font-weight:400}.block__connection-message.show .connection-message__main .connection-message__main-container-list{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.block__connection-message.show .connection-message__main .connection-message__main-container-list .connection-list{font-size:14px;list-style:disc inside;padding:0;margin:10px 0 0;text-align:center}.block__connection-message.show .connection-message__main .connection-message__main-container-btn{display:flex;justify-content:center;padding-top:30px;transition:background-color .2s ease-in-out}.block__connection-message.show .connection-message__main .connection-message__main-container-btn .connection-message__main-tryBtn{-webkit-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);-moz-box-shadow:0 10px 15px 5px rgba(34,60,80,.15);box-shadow:0 10px 15px 5px #223c5026;width:180px;border:none;background-color:var(--connection-try-color);border-radius:8px;padding:7px}.block__connection-message.show .connection-message__main .connection-message__main-container-btn .connection-message__main-tryBtn .connection-message__main-tryBtn-block{display:flex;align-items:center;justify-content:center;gap:8px}.block__connection-message.show .connection-message__main .connection-message__main-container-btn .connection-message__main-tryBtn .connection-message__main-tryBtn-block .lucide-refresh-cw{filter:var(--color-icon-filter)}.block__connection-message.show .connection-message__main .connection-message__main-container-btn .connection-message__main-tryBtn .connection-message__main-tryBtn-block .connection-message__main-tryBtn-text{font-size:14px;font-weight:400;color:var(--color-icon)}.block__connection-message.show .connection-message__main .connection-message__main-container-btn .connection-message__main-tryBtn:hover{background-color:var(--connection-try-hover-color);transition-delay:.2s}.block__connection-message{display:none}