@charset "utf-8";

@font-face {
    font-family: "CustomFont";
    src: url("font.otf") format("truetype");
}

* {
    margin: 0px;
    padding: 0px;
    font-family: "CustomFont";
    color: rgb(255, 255, 255);
}

html, body {
    height: 100%;
    font-size: 16px;
}

.container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100%; }

.container > .wrapper { -webkit-box-flex: 1; flex: 1 0 auto; }

.wrapper { max-width: 1736px; min-width: 830px; padding: 0px 20px; margin: 0px auto; }

.logotype { text-decoration: none; display: block; cursor: pointer; }

.logotype .pic { width: 100px; height: 125px; background-image: url("logo.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; float: left; }

.logotype .logo_text { line-height: 21px; padding-left: 10px; text-transform: uppercase; text-decoration: none; float: left; color: rgb(255, 255, 255); letter-spacing: 0.01em; }

.logotype .logo_text span { font-family: "Noto Sans"; font-weight: bold; display: block; font-size: 16px; }

.group-button { display: inline-block; border-radius: 8px; border: 1px solid rgb(238, 238, 238); overflow: hidden; }

.group-button .button { display: inline-block; border: none; border-radius: 0px; margin: 0px; box-shadow: none; background: none; }

.group-button .button span, .group-button .button i { color: rgb(159, 158, 158); }

.group-button .button span { padding: 9px; }

.group-button .button i { background: none; box-shadow: none; }

.group-button .button:hover i, .group-button .button:hover span { color: rgb(4, 159, 252); }

.group-button .active { transition: all; background-color: rgb(4, 159, 252); border-radius: 8px; }

.group-button .active i { background-color: rgb(255, 255, 255); color: rgb(4, 252, 252); box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 25px; }

.group-button .active span { color: rgb(255, 255, 255); }

.group-button .active:hover span { color: rgb(255, 255, 255); }

.group-button .active:hover i { color: rgb(4, 252, 252); }

.my-copy-clipboard span { display: inline-block; text-align: center; }

.button { width: max-content; background-color: rgb(255, 255, 255); border-radius: 12px; border-bottom: 4px solid rgb(224, 224, 224); display: block; text-decoration: none; text-transform: uppercase; font-family: "Noto Sans"; font-weight: bold; padding: 9px; box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 45px; cursor: pointer; }

.button span { font-size: 14px; padding: 0px 29px; color: rgb(255, 255, 255); }

.button i { color: rgb(255, 255, 255); background-color: rgb(4, 252, 252); box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 25px; border-radius: 6px; text-align: center; font-size: 15px; padding: 10px; width: 15px; height: 15px; }

.button .logout { background-color: transparent; box-shadow: none; color: rgb(249, 95, 95); }

section { letter-spacing: 0.01em; background-color: rgb(255, 255, 255); width: 100%; border-radius: 14px; border-bottom: 4px solid rgb(228, 219, 219); padding: 60px; box-sizing: border-box; font-weight: 500; font-size: 16px; line-height: 24px; text-align: justify; margin-bottom: 24px; }

section h1, section h2 { margin-bottom: 25px; font-weight: 600; font-size: 24px; }

section h5 { font-style: bold; font-weight: 500; font-size: 18px; line-height: 21px; color: rgb(64, 64, 64); }

section p { font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; }

header { height: 120px; display: grid; grid-template-columns: auto 1fr auto; gap: 0px; -webkit-box-align: center; align-items: center; }

header .button { justify-self: end; }

header .menu-button { display: none; }

header nav { margin-left: 40px; }

header nav ul { list-style: none; font-size: 0px; }

header nav ul li { display: inline-block; margin: 0px 6px; }

header nav ul li a { text-decoration: none; text-transform: uppercase; font-family: "Noto Sans"; font-weight: bold; display: block; padding: 16.5px 19px; }

header nav ul li a span { font-size: 14px; }

header nav ul li a * { color: rgb(144, 149, 180); transition: 0.1s; }

header nav ul li a:hover * { color: rgb(255, 255, 255); }

header nav ul li i { margin-right: 10px; }

header nav ul .active { transition: all; background-color: rgb(255, 255, 255); border-radius: 12px; border-bottom: 4px solid rgb(224, 224, 224); position: relative; }

header nav ul .active a { padding: 9px; }

header nav ul .active a * { color: rgb(255, 255, 255); }

header nav ul .active a:hover i { color: rgb(255, 255, 255); }

header nav ul .active a::after { content: ""; display: block; position: absolute; background-image: url("../images/header-nav.svg"); width: 55px; height: 34px; left: calc(50% - 27.5px); top: -34px; }

header nav ul .active i { background-color: rgb(4, 252, 252); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 25px; border-radius: 6px; text-align: center; font-size: 15px; padding: 10px; }

#head { border: none; padding: 0px; background: radial-gradient(96.33% 96.33% at 50% 50%, rgb(124, 94, 255) 0%, rgb(66, 0, 211) 100%); border-radius: 34px; position: relative; z-index: 2; }

#head::before { z-index: -1; position: absolute; inset: 0px; content: ""; background: url("bg1.webp") center center / cover; opacity: 0.25; border-radius: 34px; }

#head #head_pics { width: 100%; height: 100%; position: absolute; z-index: 1; }

#head #head_pics * { background-repeat: no-repeat; }

#head #head_pics > * { z-index: 5; position: relative; }

#head #head_pics .pics_lines { width: 100%; height: 100%; background: url("../images/head/lines.svg") center center; opacity: 0.15; }

#head #head_pics .flying { background: url("flying.png") 0% 0% / contain; position: absolute; width: 400px; height: 450px; right: 1400px; bottom: 0px; }

#head #head_pics .block_1 { background: url("block-1.webp"); position: absolute; width: 145px; height: 145px; left: 30%; top: 69px; }

#head #head_pics .block_2 { background: url("block-2.webp"); position: absolute; width: 75px; height: 72px; left: 82%; top: 135px; }

#head #head_pics .block_3 { background: url("block-3.webp"); position: absolute; width: 96px; height: 98px; left: 88%; bottom: 347px; }

#head #head_pics .block_4 { background: url("block-4.webp"); position: absolute; width: 183px; height: 188px; left: 88%; bottom: 160px; }

#head #head_pics .block_5 { background: url("block-5.webp"); position: absolute; width: 143px; height: 143px; left: 28%; bottom: 111px; }

#head #head_pics .block_6 { background: url("block-6.webp"); position: absolute; width: 190px; height: 187px; left: 21%; bottom: -52px; }

#head #head_pics .block_7 { background: url("block-7.webp"); position: absolute; width: 233px; height: 233px; left: -5%; top: 82px; }

#head #head_pics .block_8 { background: url("block-8.webp"); position: absolute; width: 133px; height: 126px; left: 83%; top: 3.5px; }

#head #head_pics .block_9 { background: url("block-9.webp"); position: absolute; width: 94px; height: 95px; left: 32%; top: 228.5px; }

#head #head_pics .block_10 { background: url("../images/head/block-10.webp"); position: absolute; width: 98px; height: 100px; left: 3%; top: 268.5px; }

#head #head_pics .pic_text { font-size: calc(8.33333vw); line-height: 171px; position: absolute; left: 99px; top: 229px; text-transform: uppercase; font-weight: bold; opacity: 0.08; color: rgb(255, 255, 255); user-select: none; }

#head #head_top { z-index: 10; position: relative; grid-area: head_top; padding: 180px 140px; }

#head #head_top h1, #head #head_top h2 { font-weight: 800; font-size: 64px; line-height: 76px; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 7px; letter-spacing: 0.01em; }

#head #head_top h5 { color: rgb(255, 255, 255); font-weight: 600; font-size: 24px; line-height: 28px; margin-bottom: 31px; }

#head #head_top #play { float: left; }

#head .head_bottom { z-index: 3; position: relative; display: grid; grid-auto-columns: 1fr; grid-template: ". online" 230px / 1fr 564px; gap: 0px; }

#head .head_bottom .s-online-wrapp { grid-area: online; background: url("../images/head_online.svg"); padding-top: 34px; padding-left: 34px; width: 531px; height: 197px; position: relative; }

#head .head_bottom .s-online-wrapp .s-online { position: absolute; width: 511px; height: 177px; right: 0px; bottom: 0px; }

#head .head_bottom .s-online-wrapp .s-online > i { float: left; background: rgb(4, 252, 252); color: rgb(255, 255, 255); font-size: 32px; box-shadow: rgba(169, 98, 0, 0.25) 0px 15px 25px; border-radius: 12px; padding: 30px; margin: 39px 31px; }

#head .head_bottom .s-online-wrapp .s-online .server { position: relative; width: calc(100% - 180px); margin-top: 56px; float: left; letter-spacing: 0.01em; text-transform: uppercase; color: rgb(255, 255, 255); }

#head .head_bottom .s-online-wrapp .s-online .server * { font-weight: def; }

#head .head_bottom .s-online-wrapp .s-online .server h6 { font-size: 20px; line-height: 24px; margin-bottom: 5px; }

#head .head_bottom .s-online-wrapp .s-online .server .online { line-height: 17px; color: rgb(184, 188, 213); margin-bottom: 28px; }

#head .head_bottom .s-online-wrapp .s-online .server .online span { font-size: 14px; color: rgb(204, 255, 169); }

#head .head_bottom .s-online-wrapp .s-online .server .progress { width: 100%; height: 5px; background: rgb(242, 239, 239); position: relative; border-radius: 11px; }

#head .head_bottom .s-online-wrapp .s-online .server .progress .progress-bar { height: 5px; background: rgb(4, 252, 252); border-radius: 11px; transition: 0.3s; }

#head .head_bottom .s-online-wrapp .s-online .server .copyip { color: rgb(184, 188, 213); font-size: 10px; line-height: 14px; cursor: pointer; padding: 0px 16px; border: 1px solid rgb(242, 239, 239); border-radius: 6px; position: absolute; right: 0px; top: 0px; }

#head .head_bottom .s-online-wrapp .s-online .server .copyip span { font-size: 10px; }

#head .head_bottom .s-online-wrapp .s-online .server .copyip i { font-size: 10px; }

#head .head_bottom .s-online-wrapp .s-online .server i { line-height: 14px; padding: 10px 0px; margin-left: 8px; }

#join_us { position: relative; background: url("chel.webp") right top / 170px no-repeat, url("bottom.webp") left bottom / 100px no-repeat, rgb(127, 1, 255); display: grid; grid-template: ". join_us_text copy_ip" 1fr / 250px 1fr auto; gap: 20px; }

#join_us .join_us_text { grid-area: join_us_text; }

#join_us .copy_ip { grid-area: copy_ip; }

#join_us .join_us_arrow { background: url("1v.png"); width: 200px; height: 200px; left: -10px; bottom: 0px; position: absolute; }

#join_us h2 { margin-bottom: 10px; }

#join_us .copy_ip { height: 100px; display: grid; grid-template-columns: 1fr 260px; gap: 0px 20px; grid-template-areas: ". ."; -webkit-box-align: center; align-items: center; }

#join_us .copy_ip > a { height: 35px; }

#join_us .copy_ip > span { font-weight: 600; font-size: 18px; line-height: 21px; }

#store_header { padding: 0px; display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr auto; gap: 0px; -webkit-box-align: center; align-items: center; }

#store_header .s-left img { float: left; margin: 12.5px; }

#store_header .s-left h2 { margin: 0px; line-height: 100px; display: block; }

#store_header .s-right { margin-right: 27px; }

#store_items { background: none; border: none; padding: 0px; text-align: center; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 0px; justify-items: center; }

#store_items h3 { justify-self: baseline; margin: 30px 20px 10px; grid-column: 1 / 7; }

#store_items .card { width: 256px; height: 256px; position: relative; margin: 8px; background: linear-gradient(rgba(0, 0, 0, 0) 35.71%, rgba(0, 0, 0, 0.71) 100%) center center / cover no-repeat, url("../images/bull.webp"); filter: drop-shadow(rgba(0, 0, 0, 0.05) 0px 25px 45px); border-radius: 14px; }

#store_items .card .price { position: absolute; top: 25px; left: 25px; font-weight: bold; font-size: 16px; line-height: 19px; background-color: rgb(4, 252, 252); color: rgb(255, 255, 255); padding: 10px 22px; border-radius: 5px; }

#store_items .card .price::after { content: " ₽"; }

#store_items .card .buy { position: absolute; background-color: rgb(255, 255, 255); bottom: 25px; right: 25px; width: 50px; text-align: center; border-radius: 5px; cursor: pointer; transition: 0.1s; }

#store_items .card .buy i { color: rgb(4, 252, 252); transition: 0.1s; font-size: 16px; text-align: center; padding: 17px 0px; }

#store_items .card .buy:hover { background-color: rgb(4, 252, 252); }

#store_items .card .buy:hover i { color: rgb(255, 255, 255); }

#store_items .card .name { position: absolute; color: rgb(255, 255, 255); bottom: 25px; left: 25px; letter-spacing: 0.01em; font-weight: bold; font-size: 16px; height: 50px; width: 131px; display: flex; -webkit-box-align: center; align-items: center; text-align: left; }

footer { background: rgb(255, 255, 255); font-size: 14px; width: 100%; position: relative; -webkit-box-flex: 0; flex: 0 0 auto; }

footer p { color: rgb(87, 93, 121); }

footer .wrapper { display: grid; background-color: rgb(255, 255, 255); grid-auto-columns: 1fr; grid-template-columns: auto 1fr 1fr 1fr auto; gap: 40px; padding: 40px 20px; }

footer .wrapper > * > a { margin: 0px; }

footer .copyright { line-height: 19px; }

footer .copyright .copy { font-weight: bold; color: rgb(255, 255, 255); margin-bottom: 16px; }

footer .info { line-height: 19px; }

footer .info > a { font-weight: 600; font-size: 14px; line-height: 20px; text-decoration-line: underline; margin-top: 16px; display: block; width: max-content; }

footer .nav a { font-size: 14px; line-height: 25px; color: rgb(87, 93, 121); text-decoration: none; display: block; width: max-content; }

footer .nav .active { transition: all; font-weight: bold; color: rgb(255, 255, 255); }

footer .nav :hover { color: rgb(255, 255, 255); }

footer .social { z-index: 1; position: relative; text-align: right; }

footer .social .social-icon { border-radius: 6px; display: inline-block; margin-left: 10px; }

footer .social .social-icon a { display: inline-block; text-align: center; }

footer .social .social-icon a i { margin: 9px; color: rgb(255, 255, 255); font-size: 16px; width: 18px; height: 18px; line-height: 18px; text-align: center; }

footer .social .designer { cursor: pointer; position: absolute; bottom: 0px; right: 0px; height: 34px; }

.social-vk { background: linear-gradient(90deg, rgb(100, 122, 232) 0%, rgb(84, 163, 245) 104.25%); box-shadow: rgba(96, 130, 234, 0.25) 0px 15px 45px; }

.social-yt { background: linear-gradient(rgb(255, 48, 48) 0%, rgb(255, 122, 122) 100%); box-shadow: rgba(255, 60, 60, 0.25) 0px 15px 45px; }

.social-discord { background: linear-gradient(rgb(139, 48, 255) 0%, rgb(122, 151, 255) 100%); box-shadow: rgba(132, 88, 255, 0.25) 0px 15px 45px; }

.social-forum { background: linear-gradient(rgb(16, 109, 250) 0%, rgb(92, 157, 255) 100%); box-shadow: rgba(53, 133, 252, 0.25) 0px 15px 45px; }

#social { background: none; border: none; padding: 0px; display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px; }

#social div { background: url("../images/social-bg.webp") center center / cover, radial-gradient(50% 50% at 50% 50%, rgb(62, 52, 40) 0%, rgb(0, 0, 0) 100%); box-shadow: rgba(232, 228, 228, 0.35) 0px 15px 25px; border-radius: 18px; display: grid; grid-auto-columns: 1fr; grid-template-columns: 144px 1fr; gap: 0px; -webkit-box-align: center; align-items: center; cursor: pointer; }

#social i { font-size: 36px; width: 80px; height: 80px; text-align: center; line-height: 80px; color: white; border-radius: 14px; margin: 32px; }

#social span { color: white; font-weight: bold; font-size: 22px; display: block; }

#social a { text-decoration: none; }

.modal, .mymodal { z-index: 300; position: relative; }

.modal .button, .mymodal .button { margin: 27px auto 0px; }

.modal .topay, .mymodal .topay { font-weight: 500; font-size: 16px; line-height: 19px; text-align: left; margin-top: 30px; color: rgb(149, 157, 189); }

.modal .topay span, .mymodal .topay span { display: block; font-weight: bold; font-size: 22px; line-height: 26px; letter-spacing: 0.01em; color: rgb(255, 255, 255); }

.modal .have-coupon, .mymodal .have-coupon { margin-top: 17px; text-align: center; font-weight: 600; font-size: 14px; line-height: 17px; color: rgb(149, 157, 189); text-decoration: underline; cursor: pointer; }

.modal .modal-dialog, .mymodal .modal-dialog { position: fixed; z-index: 3; width: 550px; background: rgb(255, 255, 255); padding: 50px; border-radius: 14px; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.modal .modal-dialog .modal-close, .mymodal .modal-dialog .modal-close { position: absolute; right: 45px; top: 45px; cursor: pointer; }

.modal .modal-dialog .modal-close i, .mymodal .modal-dialog .modal-close i { font-size: 20px; color: rgb(209, 216, 244); padding: 5px; }

.modal .modal-dialog .modal-title, .mymodal .modal-dialog .modal-title { font-size: 22px; line-height: 26px; font-weight: bold; text-align: center; }

.modal .modal-dialog .modal-subtitle, .mymodal .modal-dialog .modal-subtitle { font-size: 16px; line-height: 26px; font-weight: 500; text-align: center; color: rgb(151, 151, 151); margin-bottom: 14px; }

.modal .modal-dialog h6, .mymodal .modal-dialog h6 { margin-top: 40px; text-align: center; font-weight: 500; font-size: 16px; line-height: 24px; color: rgb(149, 157, 189); }

.modal .modal-dialog h6 a, .mymodal .modal-dialog h6 a { color: rgb(4, 252, 252); text-decoration: underline; }

.modal .modal-dialog .error-message, .mymodal .modal-dialog .error-message { text-align: center; margin-top: 40px; color: rgb(160, 47, 47); }

.modal .modal-dialog .payment-type, .mymodal .modal-dialog .payment-type { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.modal .modal-dialog .payment-type img, .mymodal .modal-dialog .payment-type img { margin-right: 15px; }

.modal .modal-dialog .payment-type > div, .mymodal .modal-dialog .payment-type > div { cursor: pointer; background: rgb(247, 250, 255); border-radius: 4px; padding: 15px; box-sizing: border-box; color: rgb(41, 41, 51); font-weight: 600; font-size: 14px; }

.modal .modal-dialog .payment-type > div .payment-title, .mymodal .modal-dialog .payment-type > div .payment-title { margin-top: 8px; }

.modal .modal-dialog .payment-type > div .payment-subtitle, .mymodal .modal-dialog .payment-type > div .payment-subtitle { margin-top: 3px; font-weight: 500; font-size: 12px; line-height: 14px; color: rgb(133, 155, 190); }

.modal .modal-dialog .payment-type .active, .mymodal .modal-dialog .payment-type .active { box-shadow: rgb(252, 148, 4) 0px 0px 0px 2px; }

.fade { background: rgba(0, 0, 0, 0.8); z-index: 200; position: fixed; inset: 0px; }

.form-group label { margin: 14px 0px; display: block; color: rgb(149, 157, 189); font-weight: 500; font-size: 16px; line-height: 19px; }

.form-group input { width: 100%; height: 64px; border: 1px solid rgb(198, 205, 236); box-sizing: border-box; border-radius: 6px; padding: 30px; }

.button-orange { background: rgb(4, 252, 252); color: rgb(255, 255, 255); border-bottom: 4px solid rgb(210, 122, 0); }

.button-orange span { color: rgb(255, 255, 255); }

.button-orange i { background-color: rgb(255, 255, 255); color: rgb(4, 252, 252); }

.left { float: left; }

.right { float: right; }

.pay-buttons { display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr; gap: 0px; }

.fade-enter-active, .fade-leave-active { transition: opacity 0.5s; z-index: 200; position: relative; }

.fade-enter, .fade-leave-to { opacity: 0; z-index: 200; position: relative; }

#store_coin { display: grid; grid-template-columns: 162px 1fr auto; -webkit-box-align: center; align-items: center; gap: 60px; }

#store_coin .store_coin_img { background: url("../images/coin_shop.webp") center center no-repeat; width: 162px; height: 162px; }

#store_coin .select_coins { width: 100%; }

#store_coin .select_coins h2 { font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; color: rgb(25, 25, 25); margin-bottom: 6px; }

#store_coin .select_coins p { display: grid; grid-template-columns: 1fr 1fr; }

#store_coin .select_coins p span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: rgb(149, 157, 189); }

#store_coin .select_coins p span:last-child { font-size: 14px; line-height: 17px; justify-self: end; }

#store_coin .select_coins .coin-grid { margin-top: 10px; height: 10px; background-image: url("../images/coin-grid.svg"); }

#store_coin .select_coins .coin-bar { height: 9px; background: rgb(219, 224, 249); border-radius: 1px; margin-top: 10px; cursor: pointer; }

#store_coin .select_coins .coin-bar .coin-bar-fill { height: 9px; background: rgb(4, 252, 252); border-radius: 1px; position: relative; }

#store_coin .select_coins .coin-bar .coin-bar-fill .coin-bar-slider { cursor: pointer; height: 38.07px; width: 33.78px; user-select: none; position: absolute; right: calc(-16.89px); top: calc(-14.535px); filter: drop-shadow(rgba(215, 126, 3, 0.45) 0px 5px 25px); }

#store_coin .select_coins .div-group { margin-top: 20px; }

#store_coin .to_pay_coin { display: grid; grid-template-rows: auto 1fr; gap: 20px; justify-items: end; }

#store_coin .to_pay_coin h6 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-align: right; color: rgb(149, 157, 189); }

#store_coin .to_pay_coin h6 a { color: rgb(4, 252, 252); }

.div-group { border: 1px solid rgb(234, 238, 254); box-sizing: border-box; border-radius: 6px; display: grid; grid-template-rows: 1fr; grid-auto-flow: column; justify-items: center; }

.div-group div { border-right: 1px solid rgb(234, 238, 254); width: 100%; height: 100%; text-align: center; padding: 20px; box-sizing: border-box; font-style: normal; font-weight: bold; font-size: 22px; line-height: 26px; letter-spacing: 0.01em; color: rgb(255, 255, 255); position: relative; }

.div-group div:last-child { border-right: none; }

.div-group div > span:first-child { position: absolute; color: rgb(149, 157, 189); font-weight: 500; font-size: 14px; line-height: 17px; top: -4.5px; margin-left: auto; margin-right: auto; left: 0px; right: 0px; width: 84px; background: rgb(255, 255, 255); }

#toasts { position: fixed; top: 27px; right: 91px; width: 360px; z-index: 9999; }

#toasts .toast { position: relative; transition: 0.3s; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: rgba(15, 16, 24, 0.05) 0px 15px 35px; border-radius: 6px; width: 100%; padding: 24px 24px 24px 52px; margin-bottom: 10px; }

#toasts .toast .toast_title { font-weight: bold; font-size: 14px; line-height: 17px; letter-spacing: 0.03em; margin-bottom: 10px; }

#toasts .toast .toast_title::before { content: ""; display: block; width: 17px; height: 17px; background: url("../images/check.svg") center center / contain no-repeat; position: absolute; left: 21px; }

#toasts .toast .toast-error::before { background: url("../images/danger.svg") center center / contain no-repeat; }

#toasts .toast .toast-warn::before { background: url("../images/check.svg") center center / contain no-repeat; }

#toasts .toast .toast-info::before { background: url("../images/info.svg") center center / contain no-repeat; }

#toasts .toast .toast_content { font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: 0.03em; color: rgb(153, 155, 184); }

#toasts .toast .toast_close { position: absolute; right: 24px; top: 24px; cursor: pointer; }

#toasts .toast .toast_close i { color: rgb(215, 216, 233); font-size: 14px; }

#lc_section { width: 840px; margin: 0px auto 200px; display: grid; grid-auto-columns: 1fr; grid-template: ". ." 64px ". ." 1fr / 1fr 300px; gap: 20px; padding: 0px; border: none; background: none; }

#lc_section .lc_bg { border-bottom: 4px solid rgb(228, 219, 219); background-color: rgb(255, 255, 255); border-radius: 14px; padding: 20px 40px; }

#lc_section .lc_nav { padding: 0px 15px; height: 60px; }

#lc_section .lc_nav a { text-decoration: none; color: rgb(144, 149, 180); font-style: normal; font-weight: bold; font-size: 14px; line-height: 60px; height: 60px; text-transform: uppercase; padding: 0px 25px; display: inline-block; }

#lc_section .lc_nav a:hover { color: rgb(0, 0, 0); border-bottom: 4px solid rgb(4, 252, 252); }

#lc_section .lc_nav .active { color: rgb(0, 0, 0); border-bottom: 4px solid rgb(4, 252, 252); }

#lc_section .lc_skin { display: grid; gap: 20px 0px; grid-template-areas: "." "." "."; justify-items: center; }

#lc_section .lc_skin .lc_skin_prew { height: 440px; width: 220px; }

#lc_section .lc_skin .lc_donate { font-weight: bold; font-size: 14px; line-height: 50px; height: 50px; background-color: rgb(4, 252, 252); border-bottom: 4px solid rgb(210, 122, 0); display: block; text-transform: uppercase; border-radius: 8px; width: 100%; text-align: center; color: rgb(255, 255, 255); }

#lc_section .lc_row { border: 1px solid rgb(198, 205, 236); border-radius: 5px; padding: 15px 20px; margin-bottom: 15px; display: grid; grid-template-columns: auto auto; gap: 0px; grid-template-areas: ". ."; }

#lc_section .lc_row :first-child { font-weight: 600; font-size: 14px; color: rgb(95, 98, 121); justify-self: left; }

#lc_section .lc_row :last-child { font-size: 12px; font-weight: bold; color: rgb(0, 0, 0); justify-self: right; }

.multiicon { margin: 20px 0px; }

.multiicon img { background: white; padding: 13px; border-radius: 50%; border-bottom: 4px solid rgb(196, 196, 196); margin: 5px; }

.rwplusdesc p { font-weight: 600; font-size: 14px; color: rgb(95, 98, 121); }

.rwplusdesc i { color: rgb(255, 255, 255); background-color: rgb(4, 252, 252); border-radius: 6px; text-align: center; font-size: 15px; padding: 10px; width: 15px; height: 15px; margin: 5px 15px 5px 0px; border-bottom: 3px solid rgb(210, 122, 0); }