@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

img, fieldset, a img { border: none; }

input[type="text"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: none; }

input[type="submit"], button { cursor: pointer; background: none; }

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input, button { margin: 0; padding: 0; border: 0; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

ul, ol { list-style-type: none; }

table { border-spacing: 0; border-collapse: collapse; width: 100%; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

a { text-decoration: none; }

a, button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.icon-bag { width: 0.95em; height: 1em; fill: #1b1d21; }

.icon-bell { width: 0.92em; height: 1em; fill: #11142D; }

.icon-chat { width: 1em; height: 1em; fill: #1b1d21; }

.icon-comment { width: 1em; height: 1em; fill: #1B1D21; }

.icon-editor-pic { width: 1.08em; height: 1em; fill: #808191; }

.icon-editor-smile { width: 1em; height: 1em; fill: #808191; }

.icon-folder { width: 1.06em; height: 1em; fill: #11142D; }

.icon-like { width: 1em; height: 1em; fill: #fff; }

.icon-logout { width: 1em; height: 1em; fill: #1b1d21; }

.icon-message { width: 1.11em; height: 1em; fill: #1b1d21; }

.icon-notification { width: 0.91em; height: 1em; fill: #1b1d21; }

.icon-overview { width: 0.95em; height: 1em; fill: #fff; }

.icon-print { width: 1em; height: 1em; fill: #11142d; }

.icon-profile { width: 0.81em; height: 1em; fill: #1b1d21; }

.icon-remove { width: 1em; height: 1em; fill: #11142D; }

.icon-search { width: 1em; height: 1em; fill: #11142D; }

.icon-settings { width: 0.91em; height: 1em; fill: #1b1d21; }

.icon-star-filled { width: 1em; height: 1em; fill: #FFD166; }

.icon-star-outline { width: 1em; height: 1em; fill: #777E91; }

.icon-table-arrow { width: 1em; height: 1em; fill: #777E91; }

/** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

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

/* Owl Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ }

.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; -o-transition: transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active, .mfp-close.nice-select.open { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active, .mfp-arrow.nice-select.open { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

body { min-width: 375px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.71429; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #11142D; overflow-x: hidden; width: 100vw; background-color: #EEEFF2; }

body.dark { background: #141416 !important; color: #ffffff; }

body.no-scroll { overflow-x: hidden; }

button, input, textarea, select { font-family: 'Inter', sans-serif; }

img { display: block; max-width: 100%; }

body.dark .apexcharts-tooltip.apexcharts-theme-light { color: #11142D; }

body.dark .apexcharts-gridlines-horizontal line { stroke: rgba(228, 228, 228, 0.1); }

.page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #EEEFF2; }

.page__wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 256px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.page__center { margin: 0 auto; }

.page__row.app { display: grid; padding: 48px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-gap: 32px; }

.page__row.app .item:hover { cursor: pointer; background: #2C353D; color: white; }

.page__row.app .item:hover::before { opacity: 1; }

.page__row.app .item:hover img { -webkit-transform: translateY(-10px) translateX(30px) scale(1.2); -ms-transform: translateY(-10px) translateX(30px) scale(1.2); transform: translateY(-10px) translateX(30px) scale(1.2); }

.page__row.app .item:hover h1 { color: white; }

.page__row.app .item:hover span { color: white !important; }

.page__row.app .item:hover .counter { background-color: #353945; }

.page__row.app .item::before { position: absolute; content: ""; left: 60.35%; width: 200px; height: 300px; right: -45.1%; top: 40.83%; bottom: -44.58%; background: #6C5DD3; mix-blend-mode: overlay; -webkit-filter: blur(300px); filter: blur(300px); z-index: 1; opacity: 0; }

.page__row.app .item { overflow: hidden; width: 100%; position: relative; color: #272E35; padding: 32px; height: 100%; background: #FFFFFF; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Poppins'; font-style: normal; font-weight: 600; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }

.page__row.app .item * { z-index: 9; }

.page__row.app .item .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 184px; }

.page__row.app .item h6 { font-weight: 400; font-size: 14px; line-height: 24px; text-align: center; color: #777E91; margin-bottom: 8px; }

.page__row.app .item .counter { background: rgba(238, 239, 242, 0.5); border: 1px solid rgba(116, 143, 181, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; padding: 12px 10px; margin-bottom: 32px; -webkit-transition: background .7s; -o-transition: background .7s; transition: background .7s; }

.page__row.app .item .counter .time { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 40px; line-height: 40px; gap: 10px; color: #B1B5C4; }

.page__row.app .item .counter .time span { color: #272E35; }

.page__row.app .item .counter .time__label { display: grid; grid-template-columns: 1fr 1fr 1fr; font-size: 12px; line-height: 14px; letter-spacing: 0.04em; text-transform: uppercase; color: #777E91; grid-gap: 20px; }

.page__row.app .item .counter .time__label span { text-align: center; padding: 4px 0; }

.page__row.app .item:first-child img { width: 120px; height: 86px; margin: 32px auto; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

.page__row.app .item h1 { font-size: 72px; line-height: 88px; text-align: center; letter-spacing: -1px; color: #6C5DD3; margin-top: 12px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.page__row.app .item h5 { font-weight: 500; font-size: 18px; line-height: 24px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.page__row.app .item h5 img { width: 20px; height: 20px; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; }

.page__row.app .item h2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 32px; line-height: 40px; letter-spacing: -1px; }

.page__row.app .item img { height: 160px; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }

.page__row.app .item a { margin-top: 32px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.page__row.app .item a svg { margin-right: 10px; }

.page__row.app .item a svg path { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.page__row.app .item a:hover { color: #141416; background-color: #fff; }

.page__row.app .item a:hover svg path { stroke: #141416; }

.page__row.app .item:nth-child(2) h5 { white-space: nowrap; }

.page__row.app .item:nth-child(3) .content, .page__row.app .item:nth-child(4) .content, .page__row.app .item:nth-child(5) .content, .page__row.app .item:nth-child(6) .content { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.page__row.app .item:nth-child(3) .content h2, .page__row.app .item:nth-child(4) .content h2, .page__row.app .item:nth-child(5) .content h2, .page__row.app .item:nth-child(6) .content h2 { margin: 32px 0 12px; }

.page__row.app .item:nth-child(3) h5, .page__row.app .item:nth-child(4) h5, .page__row.app .item:nth-child(5) h5, .page__row.app .item:nth-child(6) h5 { text-align: left; display: inline; color: #777E91; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; }

.page__row.app .item:nth-child(3) h5 span, .page__row.app .item:nth-child(4) h5 span, .page__row.app .item:nth-child(5) h5 span, .page__row.app .item:nth-child(6) h5 span { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #272E35; font-weight: 600; }

.page.toggle .page__wrapper { padding-left: 96px; }

.page.toggle .page__wrapper .item .counter { padding: 12px 32px; }

.page__row.nodes { padding: 32px 48px; }

.page__wrapper.nodes .page__welcome.h2 { padding: 32px 48px 0; }

body.dark .page { background: #141416; }

body.dark .page .page__row_head .header { background: #23262F !important; }

body.dark .page__row .item { background-color: #23262F !important; color: white; }

body.dark .page__row .item span { color: #fff !important; }

body.dark .page__row .item .counter { background: #353945; }

.bidding__head { padding: 32px 48px; }

.bidding__head .bidding__center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.bidding__center { display: -webkit-box; display: -ms-flexbox; display: flex; }

.bidding__title { margin-right: auto; }

.bidding__info { font-size: 12px; line-height: 1.66667; font-weight: 500; color: grey; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.bidding__info a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; color: #353945; }

.bidding__info svg { width: 5px !important; }

.bidding__link { margin-left: 8px; color: #6C5DD3; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; }

.bidding__link .icon { width: 20px; height: 20px; fill: #353945; -webkit-transition: fill .2s; -o-transition: fill .2s; transition: fill .2s; }

.bidding__link:hover { color: #6C5DD3; }

.bidding__link:hover .icon { fill: #6C5DD3; }

.bidding__body { padding: 48px; border-top: 1px solid #E4E4E4; }

.bidding__body body.dark { background: none; -webkit-box-shadow: inset 0 1px 0 0 #6C5DD3; box-shadow: inset 0 1px 0 0 #6C5DD3; }

.bidding__steps { -ms-flex-negative: 0; flex-shrink: 0; width: 220px; margin-right: auto; }

.bidding__step { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; padding: 0 8px; border-radius: 24px; font-size: 14px; line-height: 1.14286; font-weight: 700; color: #777E91; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; }

.bidding__step.next .bidding__number { border-color: #6C5DD3; }

.bidding__step.active, .bidding__step:first-child { background: #fff; color: #23262F; -webkit-box-shadow: 0px 4px 16px -8px rgba(15, 15, 15, 0.1); box-shadow: 0px 4px 16px -8px rgba(15, 15, 15, 0.1); }

.bidding__step.active .bidding__number, .bidding__step:first-child .bidding__number { border: none; }

.bidding__step.active .bidding__number:after, .bidding__step:first-child .bidding__number:after { opacity: 1; }

.bidding__step:not(:last-child) { margin-bottom: 24px; }

.bidding__step:not(:last-child):after { content: ""; position: absolute; top: 100%; left: 23px; height: 24px; border-left: 2px dashed #777E91; }

.bidding__number { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; margin-right: 16px; border: 2px solid #E6E8EC; border-radius: 50%; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.bidding__number body.dark { border-color: grey; }

.bidding__number:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #6C5DD3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M4 8l2.667 2.667L12 5.333' stroke='%23fcfcfd' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%/16px auto; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }

.bidding .content__of__step1 { opacity: 1; }

.bidding .content__of__step1.active { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; height: 0; opacity: 0; display: none; }

.bidding .menu { width: 100%; opacity: 0; height: 0px; overflow: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto; -ms-touch-action: auto; touch-action: auto; margin: 0; }

.bidding .menu .wrapper { min-width: 650px; }

.bidding .menu.active { height: 100%; opacity: 1; margin: 32px 0; }

.bidding .menu span { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; }

.bidding .menu .item { width: 100%; display: grid; grid-template-columns: .7fr 1.8fr 1fr 1fr; padding: 16px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; margin-top: -1px; }

.bidding .menu .item::before { content: ""; position: absolute; width: calc(100% - 32px); height: 1px; bottom: 0; left: 12px; right: 12px; background-color: #E6E8EC; }

.bidding .menu .item:hover, .bidding .menu .item.active { background: #F4F5F6; cursor: pointer; border-radius: 8px; }

.bidding .menu .item:hover::before, .bidding .menu .item.active::before { opacity: 0; }

.bidding .menu .item:active, .bidding .menu .item.nice-select.open { background: #e4e4e4; }

.bidding .menu .item .favorite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }

.bidding .menu .item .favorite svg { width: 15px; height: 15px; }

.bidding .menu .item .favorite:hover { cursor: pointer; }

.bidding .menu .item .favorite:hover svg { fill: #FFD166; }

.bidding .menu .item .favorite span { font-size: 12px; color: #777E91; }

.bidding .menu .item__volume { color: #58BD7D; text-align: right; font-weight: 400; }

.bidding .menu .item__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; }

.bidding .menu .item__name img { width: 20px; padding: 0; }

.bidding__wrapper { width: 736px; padding: 40px; -webkit-box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1); box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1); border-radius: 16px; background: #fff; }

.bidding__item:nth-child(2) .title:nth-child(2) { display: none; }

.bidding__item:nth-child(2) .title:nth-child(1) { display: block; }

.bidding__item { font-family: 'Poppins'; font-style: normal; }

.bidding__item .title { font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 48px; }

.bidding__item .step__label { font-weight: 500; font-size: 14px; line-height: 24px; margin-bottom: 12px; }

.bidding__item .selection { font-weight: 400; font-size: 16px; line-height: 24px; margin: 48px 0; margin-top: 0px; }

.bidding__item .nice-select-input { width: 100%; margin-bottom: 48px; border: 2px solid #6C5DD3; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; background-color: #fff0; }

.bidding__item .nice-select-input img { width: 20px; height: 24px; }

.bidding__item .nice-select-input .list { width: 100%; }

.bidding__item .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; }

.bidding__item .price .line { height: 1px; background: #E6E8EC; }

.bidding__item .price .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.bidding__item .price .row:not(:first-child) h4:first-child { color: #777E91; }

.bidding__item .price .row h4 { font-weight: 500; font-size: 16px; }

.bidding__item .button__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 48px; }

.bidding__item .button__group .outline, .bidding__item .button__group button { padding: 16px 24px; min-width: 0px; font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 16px; cursor: pointer; }

.bidding__item .button__group .outline { border: 2px solid #E6E8EC; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 90px; text-transform: capitalize; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #23262F; }

.bidding__item .button__group .outline:hover { background: #6C5DD3; color: #ffffff; border-color: #6C5DD3; }

.bidding__item .btn_step1:disabled { background: #808191; }

.bidding__item:not(:first-child) { display: none; }

.bidding__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 64px; }

.bidding__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: green; }

.bidding__back .icon { width: 14px; height: 14px; margin-right: 16px; fill: grey; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }

.bidding__back:hover .icon { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); }

.bidding__money { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.bidding__money img { margin-left: 12px; width: 24px; }

.bidding .form-group-step2 { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 16px; height: 48px; }

.bidding .form-group-step2 input::-webkit-outer-spin-button, .bidding .form-group-step2 input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.bidding .form-group-step2 input[type=number] { -moz-appearance: textfield; }

.bidding .form-group-step2 .step_2_input { padding: 0px 16px; border-radius: 8px; border: 2px solid; border-color: #6C5DD3; color: #ffffff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.bidding .form-group-step2 .step_2_input span { color: #777E91; }

.bidding .form-group-step2 input { background-color: #0000 !important; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; width: 30px; color: #23262F; }

.bidding .form-group-step2 button { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 16px !important; text-align: center; color: #FCFCFD; border-radius: 8px; height: 100%; }

.bidding .red { color: #FF6C6C !important; }

.bidding .label_for_input { margin: 12px 0 48px; }

.bidding .last-content { height: 100%; }

.bidding .last-content .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.bidding .last-content .top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.bidding .last-content .top img { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; width: 40px; height: 40px; }

.bidding .last-content .top img:last-child { display: none; }

.bidding .last-content .top img:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); cursor: pointer; }

.bidding .last-content .finish__top { text-align: center; margin: 48px auto; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #23262F; }

.bidding .last-content .finish__top span { color: #6C5DD3; }

.bidding .last-content .result { width: 100%; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #E6E8EC; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 12px; margin-bottom: 48px; }

.bidding .last-content .result .top__text { color: #777E91; margin-bottom: 10px; }

.bidding .last-content .result .bottom__text { color: #6C5DD3; font-weight: 500; }

.bidding .last-content .result .column { padding: 24px; }

.bidding .last-content .finish__buttons { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 16px; width: 100%; margin-top: 0px; }

.bidding .last-content .finish__buttons a { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'DM Sans'; font-style: normal; font-weight: 700; }

.bidding .last-content .finish__buttons a:first-child { color: #23262F; }

.bidding .last-content .finish__buttons a:first-child:hover { color: white; }

.bidding .last-content .finish__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-size: 48px; line-height: 56px; text-transform: capitalize; gap: 10px; }

body.dark .bidding__step:first-child, body.dark .bidding__step.active { background-color: #23262F !important; color: #ffffff; }

body.dark .bidding__info a { color: #ffffff; }

body.dark .price .line { background: rgba(230, 232, 236, 0.1); }

body.dark .page .menu .item { background-color: #242731 !important; }

body.dark .page .menu .item::before { background-color: #23262F; }

body.dark .page .item:hover, body.dark .page .item.active { background-color: #353945 !important; }

body.dark .outline { color: #ffffff !important; }

body.dark .page .item .item__volume { color: #58BD7D !important; }

body.dark .bidding__wrapper { background-color: #23262F; }

body.dark .bidding__wrapper .button__group a { color: #ffffff; }

body.dark .bidding__wrapper .step__label, body.dark .bidding__wrapper .selection { color: #B1B5C3; }

body.dark .bidding__wrapper .dropdowner { background-color: #fff0; }

body.dark .step_2_input input { color: white; }

body.dark .bidding__body { border-top-color: #23262F; }

body.dark .top img:last-child { display: block !important; }

body.dark .top img:first-child { display: none; }

body.dark .finish__top { color: white !important; }

body.dark .result { border: 1px solid rgba(230, 232, 236, 0.1) !important; }

body.dark .result .top__bottom { color: white; }

body.dark .finish__buttons a { color: white !important; }

body.dark .bidding__item:nth-child(3) { background-color: #23262F; }

.sidebar { position: fixed; top: 0; left: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 256px; height: 100vh; padding: 140px 0 72px; background: #ffffff; border-right: 1px solid #E4E4E4; -webkit-transition: width .25s, -webkit-transform .25s; transition: width .25s, -webkit-transform .25s; -o-transition: width .25s, transform .25s; transition: width .25s, transform .25s; transition: width .25s, transform .25s, -webkit-transform .25s; z-index: 999; }

.sidebar__wrapper { max-height: 100%; padding: 0 20px 30px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }

.sidebar__wrapper::-webkit-scrollbar { display: none; }

.sidebar__inner { width: 215px; overflow: hidden; -webkit-transition: width .25s; -o-transition: width .25s; transition: width .25s; }

.sidebar__top { position: absolute; top: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 140px; }

.sidebar__logo { font-size: 0; }

.sidebar__logo .sidebar__pic { width: 176px; }

.sidebar__logo .sidebar__pic_white { display: none; }

.sidebar__wrapper .sidebar__logo { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0; overflow: hidden; margin: 0 -20px; }

.sidebar__burger { z-index: 999; min-width: 96px; height: 96px; padding: 20px; -webkit-transition: -webkit-transform .05s; transition: -webkit-transform .05s; -o-transition: transform .05s; transition: transform .05s; transition: transform .05s, -webkit-transform .05s; }

.sidebar__burger img:first-child { display: none; width: 40px; }

.sidebar.active .sidebar__burger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); padding-left: -20px !important; }

.sidebar__list { margin-bottom: 20px; }

.sidebar__group:not(:last-child) { position: relative; margin-bottom: 40px; padding-bottom: 30px; }

.sidebar__group:not(:last-child):before { content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background: #F0F3F6; }

.sidebar__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; padding: 0 20px; border-radius: 12px; background: transparent; font-size: 14px; font-weight: 600; color: #808191; -webkit-transition: color .25s; -o-transition: color .25s; transition: color .25s; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.sidebar__item img:last-child, .sidebar__item img:nth-child(2) { display: none; }

.sidebar__item:hover { color: #6C5DD3; background: #E4E4E4; }

.sidebar__item:hover img:first-child { display: none; }

.sidebar__item:hover img:last-child { display: block; }

.sidebar__item.active { background: #E4E4E4; color: #6C5DD3; }

.sidebar__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px; margin-right: 16px; font-size: 0; }

.sidebar__icon svg { font-size: 21px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.sidebar__icon svg.app path { fill: #808191; }

.sidebar__icon svg-message { font-size: 19px; }

.sidebar__item.active img:first-child { display: none; }

.sidebar__item.active img:last-child { display: block; }

.sidebar__item.active svg path { fill: #6C5DD3; opacity: 1; }

.sidebar__item .sidebar__text { margin-right: auto; }

.sidebar__counter { -ms-flex-negative: 0; flex-shrink: 0; min-width: 24px; margin-left: 10px; padding: 0 3px; border-radius: 12px; background: #FF754C; text-align: center; font-size: 12px; line-height: 24px; font-weight: 500; color: #ffffff; }

.sidebar__profile { margin-top: 25px; }

.sidebar__details { position: relative; display: none; padding: 20px 10px 33px; margin-bottom: -15px; background: #F7F7F7; border-radius: 12px; -webkit-transition: padding .25s, background .25s; -o-transition: padding .25s, background .25s; transition: padding .25s, background .25s; }

.sidebar__details:before { content: ""; position: absolute; top: 8px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 72px; height: 4px; border-radius: 2px; background: #E4E4E4; }

.sidebar__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; border-radius: 12px; font-size: 14px; font-weight: 600; color: #808191; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.sidebar__link:hover { background: #ffffff; -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.04); box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.04); }

.sidebar__link .sidebar__icon { width: 50px; margin: 0; padding-right: 6px; text-align: center; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.sidebar__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 56px; padding-right: 5px; }

.sidebar__img .icon { font-size: 19px; }

.sidebar .sidebar__profile { width: auto; background: -webkit-linear-gradient(226.42deg, #7B3FE4 12.52%, #9D65FF 75.73%); background: -o-linear-gradient(226.42deg, #7B3FE4 12.52%, #9D65FF 75.73%); background: linear-gradient(223.58deg, #7B3FE4 12.52%, #9D65FF 75.73%); border-radius: 24px; color: white; padding: 24px; }

.sidebar .sidebar__profile h1 { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 8px; }

.sidebar .sidebar__profile p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 24px; }

.sidebar .sidebar__profile a { background: #FFFFFF; border-radius: 12px; font-style: normal; font-weight: 600; font-size: 14px; line-height: 24px; text-align: center; padding: 8px 16px; color: #11142D; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.sidebar .sidebar__profile a:hover { background: #ffffffd5; }

.sidebar .sidebar__profile a img { margin-right: 5px; }

.sidebar__bottom { position: absolute; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 72px; padding: 0 40px; overflow: hidden; }

.sidebar .switch { margin-right: auto; }

.sidebar__preview { margin-bottom: 6px; font-size: 0; }

.sidebar.active { width: 96px; }

.sidebar.active .sidebar__profile { display: none; }

.sidebar.active .sidebar__inner { width: 100%; }

.sidebar.active .sidebar__top .sidebar__logo img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.sidebar.active .sidebar__icon { margin-right: 21px; }

.sidebar.active .sidebar__item { padding: 0 16px; }

.sidebar.active .sidebar__details { padding: 5px 0 17px; background: none; }

.sidebar.active .sidebar__link .sidebar__icon { width: 56px; padding: 0; }

body.dark .sidebar { background: #242731; border-color: rgba(228, 228, 228, 0.1); }

body.dark .sidebar__pic_black { display: none; }

body.dark .sidebar__pic_white { display: inline-block; }

body.dark .sidebar__icon .icon { fill: #ffffff; }

body.dark .sidebar__item:hover { color: #ffffff; }

body.dark .sidebar__item.active, body.dark .sidebar__item:hover { background: #353945; color: #ffffff; }

body.dark .sidebar__item.active img:nth-child(2), body.dark .sidebar__item:hover img:nth-child(2) { display: block; }

body.dark .sidebar__item.active img, body.dark .sidebar__item:hover img { display: none; }

body.dark .sidebar__group:before { background: rgba(228, 228, 228, 0.1); }

body.dark .sidebar__details { background: rgba(228, 228, 228, 0.04); }

body.dark .sidebar__details:before { background: rgba(228, 228, 228, 0.1); }

body.dark .sidebar__link:hover { background: rgba(228, 228, 228, 0.04); color: #ffffff; }

body.dark .sidebar__link:hover .icon { fill: #ffffff; opacity: 1; }

body.dark .sidebar__man { color: #ffffff; }

body.dark .sidebar__arrow .icon { fill: #ffffff; }

body.dark .sidebar__bottom { -webkit-box-shadow: inset 0px 1px 0px rgba(228, 228, 228, 0.1); box-shadow: inset 0px 1px 0px rgba(228, 228, 228, 0.1); }

body.dark .sidebar__burger img:last-child { display: none; }

body.dark .sidebar__burger img:first-child { display: block; }

body.dark .sidebar__close .icon { fill: #ffffff; }

body.dark .sidebar__btn.btn_white { background: #6C5DD3; color: #ffffff; }

body.dark .sidebar__btn.btn_white:hover { background: #1B1D21; }

body.dark .sidebar.active .sidebar__burger { border-color: rgba(228, 228, 228, 0.1); }

.switch { display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 0; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; }

.switch__input { position: absolute; top: 0; left: 0; opacity: 0; }

.switch__in { display: inline-block; }

.switch__box { position: relative; display: block; width: 64px; height: 24px; background: rgba(228, 228, 228, 0.5); border-radius: 16px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.switch__box:before { content: ""; position: absolute; top: 50%; left: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 4px solid #ffffff; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); background: #3F8CFF; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.switch__icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; }

.switch__icon .icon { font-size: 24px; fill: #3F8CFF; }

.switch__icon .icon-moon { display: none; }

.switch__input:checked + .switch__flex .switch__box:before { -webkit-transform: translate(24px, -50%); -ms-transform: translate(24px, -50%); transform: translate(24px, -50%); }

.switch_theme .switch__in { padding-left: 56px; }

body.dark .switch_theme .switch__input + .switch__in .switch__box { background: #12141B; }

body.dark .switch_theme .switch__input + .switch__in .switch__box:before { width: 4px; height: 16px; border-width: 2px; border-radius: 2px; -webkit-transform: translate(48px, -50%); -ms-transform: translate(48px, -50%); transform: translate(48px, -50%); border-color: #3F8CFF; }

body.dark .switch_theme .switch__input + .switch__in .icon-moon { display: inline-block; }

body.dark .switch_theme .switch__input + .switch__in .icon-sun { display: none; }

.btn { min-width: 166px; height: 56px; padding: 0 20px; border-radius: 90px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.42857; font-weight: 700; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.btn .icon, .btn__text { display: inline-block; vertical-align: middle; }

.btn .icon { position: relative; top: -2px; font-size: 20px; }

.btn .icon:not(:last-child) { margin-right: 10px; }

.btn_white { background: #ffffff; color: #1B1D21; }

.btn_white:hover { color: #6C5DD3; }

.btn_purple { background: #6C5DD3; color: #ffffff; }

.btn_purple:hover { background: #5a49ce; }

.btn_blue { background: #3F8CFF; color: #ffffff; }

.btn_blue:hover { background: #1b77ff; }

.btn_blue-dark { background: #0049C6; color: #ffffff; }

.btn_blue-dark:hover { background: #0056ea; }

.btn_black { background: #1B1D21; color: #ffffff; }

.btn_black .icon { fill: #ffffff; }

.btn_black:hover { background: #6C5DD3; }

.btn_gray { background: #E4E4E4; color: #11142D; }

.btn_gray:hover { background: rgba(228, 228, 228, 0.5); }

.btn_wide { min-width: 100%; }

.btn[href] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

body.dark .btn_white { background: #242731; color: #ffffff; }

body.dark .btn_white:hover { background: #1B1D21; }

body.dark .btn_gray { background: rgba(228, 228, 228, 0.1); color: #ffffff; }

body.dark .btn_gray:hover { opacity: .8; }

.widget { border-radius: 24px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 32px; }

.widget .widget__row { background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 32px; background: #FFFFFF; border-radius: 16px; }

.widget__title { margin-bottom: 12px; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: #11142D; }

.widget__counter { white-space: nowrap; }

.widget__counter span { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 88px; text-align: center; letter-spacing: -1px; color: #808191; }

.widget__chart_earning-month { width: 100px; height: 80px; margin: 0 auto; }

.widget__chart_earning-month path { opacity: 0.3; border-radius: 10px !important; stroke-linecap: 10px; width: 21px; }

.widget__chart_earning-month path:last-child { opacity: 1; }

.widget__chart_items { height: 144px; width: 144px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.widget_chart { padding: 32px 8px 8px; }

.widget_chart .widget__title { padding: 0 24px; }

.widget_center { position: relative; text-align: center; }

.widget_center:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #E3E6EC; opacity: 0.91; -webkit-filter: blur(86.985px); filter: blur(86.985px); border-radius: 24px; }

body.dark .widget__title { color: #ffffff; }

body.dark .widget__row { background: #242731; }

body.dark .widget__item .widget__category { color: #ffffff; }

body.dark .widget__item .widget__category .icon { fill: #ffffff; }

body.dark .widget__wrap { background: #242731; }

body.dark .widget__next .icon { fill: #ffffff; }

body.dark .widget_shadow:before { background: #000; opacity: 0.51; -webkit-filter: blur(86.985px); filter: blur(86.985px); border-radius: 24px; }

body.dark .widget_pink { background: #3F8CFF; }

body.dark .widget_stat:before { background: #000; opacity: 0.51; -webkit-filter: blur(86.985px); filter: blur(86.985px); border-radius: 24px; }

body.dark .widget_stat .widget__btn.btn_white { -webkit-box-shadow: none; box-shadow: none; background: #1F2128; }

body.dark .widget_stat .widget__btn.btn_white:hover { color: #ffffff; }

body.dark .widget_empty { background: none; -webkit-box-shadow: none; box-shadow: none; }

body.dark .widget_users .widget__flex { -webkit-box-shadow: inset 0px -1px 0px rgba(228, 228, 228, 0.1); box-shadow: inset 0px -1px 0px rgba(228, 228, 228, 0.1); }

body.dark .widget_purple { background: #6C5DD3; }

body.dark .widget_after:after { background: rgba(36, 39, 49, 0.5); }

.header { position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 64px; background-color: #FCFCFD; width: 100%; }

.header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; }

.header .logo img { height: 60px; }

.header .logo img:last-child { display: none; }

.header .links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 24px; gap: 24px; }

.header .links img { width: 40px; }

.header button.btn.btn_purple { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 16px; }

.header button.btn.btn_purple .btn__text { margin-left: 12px; }

.header button.btn.btn_purple img { width: 20px; height: 20px; }

.header__burger { display: none; width: 32px; height: 40px; margin-left: auto; font-size: 0; }

.header__burger:before, .header__burger:after { content: ""; display: inline-block; width: 32px; height: 2px; margin: 3px auto; border-radius: 1px; background: #1B1D21; }

body.dark .header .logo img:first-child { display: none; }

body.dark .header .logo img:last-child { display: block; }

body.dark .header__burger:before, body.dark .header__burger:after { background: #ffffff; }

.products { margin: 32px 48px; background-color: #ffffff; background: #FFFFFF; border-radius: 4px; }

.products .products__table { min-width: 760px; }

.products > .products__title { margin-bottom: 16px; }

.products > .products__info { margin-bottom: 20px; color: #808191; }

.products__table { display: table; width: 100%; }

.products__row { display: table-row; }

.products__row.body .products__cell:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; }

.products__row.body .products__cell:nth-child(4) img { margin-left: auto; }

.products__row.body .products__cell:nth-child(4), .products__row.body .products__cell:nth-child(5), .products__row.body .products__cell:nth-child(6) { text-align: right; }

.products__row.body .products__cell:last-child { padding-right: 32px; }

.products__row:not(.products__row_head) { margin: 0 12px; }

.products__row_head .products__cell { padding-top: 24px; padding-bottom: 24px; font-size: 13px; line-height: 1.38462; font-weight: 500; color: #B2B3BD; cursor: pointer; }

.products__row_head .products__cell:hover span { color: #4b4b4b; }

.products__row_head .products__cell span { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; color: #777E91; }

.products__row_head .products__cell svg { width: 16px; height: 16px; }

.products__row_head .products__cell:last-child { padding-right: 32px; }

.products__row_head .products__cell:nth-child(4) span, .products__row_head .products__cell:nth-child(5) span, .products__row_head .products__cell:nth-child(6) span { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; }

.products__cell { display: table-cell; vertical-align: middle; padding-left: 20px; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #E4E4E4; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; }

.products__cell:first-child { width: 20px; padding: 0; font-size: 0; }

.products__cell .products__title { margin-bottom: 9px; }

.products__color { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.products__bg { width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 4px; }

body.dark .products { background-color: #23262f; }

body.dark .products__cell { border-color: rgba(228, 228, 228, 0.1); }

body.dark .products__item { color: #ffffff; }

body.dark .products__body { border-color: rgba(228, 228, 228, 0.1); }

.quality__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.quality__item_chart { position: relative; padding-right: 60px; }

.quality__item[href] { color: #11142D; }

.quality__item:not(:last-child) { margin-bottom: 48px; }

.quality__preview { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 48px; margin-right: 14px; border-radius: 12px; font-size: 0; }

.quality__preview .quality__pic { max-height: 100%; }

.quality__chart { position: absolute; top: 73%; right: -32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 110px; height: 110px; }

.quality__details { position: relative; z-index: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.quality__percent { position: absolute; top: 39%; left: 51%; pointer-events: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.quality__info { margin-top: 5px; color: #808191; }

.quality__btn { margin-top: 40px; }

.quality__btn_mt30 { margin-top: 30px; }

.quality__line { display: -webkit-box; display: -ms-flexbox; display: flex; }

.quality__line .quality__price { margin-left: auto; padding-left: 10px; color: #7FBA7A; }

.quality__category { position: relative; padding-right: 20px; }

.quality__category .icon { position: absolute; top: 5px; right: 5px; font-size: 10px; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; -o-transition: transform .25s; transition: transform .25s; transition: transform .25s, -webkit-transform .25s; }

.quality__money { display: inline-block; margin-top: 8px; padding: 3px 10px; background: #6C5DD3; border-radius: 8px; color: #ffffff; }

.quality_big .quality__list { margin: -8px -16px; }

.quality_big .quality__item { position: relative; padding: 8px 16px; background: transparent; border-radius: 12px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; }

.quality_big .quality__item:before { content: ""; position: absolute; top: 100%; left: 10px; right: 10px; height: 0; border-radius: 0 0 8px 8px; background: #CFC8FF; -webkit-transition: height .25s; -o-transition: height .25s; transition: height .25s; }

.quality_big .quality__item:hover { background: #6C5DD3; color: #ffffff; }

.quality_big .quality__item:hover:before { height: 6px; }

.quality_big .quality__item:not(:last-child) { margin-bottom: 24px; }

.quality_big .quality__item:hover .quality__category { color: #ffffff; }

.quality_big .quality__item:hover .quality__category .icon { fill: #ffffff; }

.quality_big .quality__item:hover .quality__info { color: #ffffff; }

.quality_big .quality__preview { position: relative; width: 88px; height: 80px; margin-right: 24px; }

.quality_big .quality__preview:before { content: ""; position: absolute; }

body.dark .quality__item { color: #ffffff; }

body.dark .quality__category .icon { fill: #ffffff; }

.nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 5px; border: solid 1px #B2B3BD; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; }

.nice-select:hover { border-color: #a4a5b1; }

.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; }

.nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; }

.nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }

.nice-select.disabled { border-color: #b7b8c2; color: #999; pointer-events: none; }

.nice-select.disabled:after { border-color: #cccccc; }

.nice-select.wide { width: 100%; }

.nice-select.wide .list { left: 0 !important; right: 0 !important; }

.nice-select.right { float: right; }

.nice-select.right .list { left: auto; right: 0; }

.nice-select.small { font-size: 12px; height: 36px; line-height: 34px; }

.nice-select.small:after { height: 4px; width: 4px; }

.nice-select.small .option { line-height: 34px; min-height: 34px; }

.nice-select .list { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(128, 129, 145, 0.11); box-shadow: 0 0 0 1px rgba(128, 129, 145, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }

.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }

.nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; }

.nice-select .option.selected { font-weight: bold; }

.nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; }

.no-csspointerevents .nice-select .list { display: none; }

.no-csspointerevents .nice-select.open .list { display: block; }

.color-green { color: #7FBA7A; }

.color-red { color: #FF754C; }

.color-white { color: #ffffff; }

.color-blue { color: #3F8CFF; }

.color-blue-dark { color: #5F75EE; }

.color-purple { color: #6C5DD3; }

.color-gray { color: #808191; }

.bg-blue { background: #3F8CFF; }

.bg-blue-opacity { background: rgba(63, 140, 255, 0.3); }

.bg-blue-light { background: #A0D7E7; }

.bg-blue-light-opacity { background: rgba(160, 215, 231, 0.3); }

.bg-yellow { background: #FFCE73; }

.bg-yellow-opacity { background: rgba(255, 206, 115, 0.3); }

.bg-yellow-light { background: #FFE2AC; }

.bg-pink { background: #FFA2C0; }

.bg-pink-opacity { background: rgba(255, 162, 192, 0.3); }

.bg-pink-light { background: #FFEBF6; }

.bg-green { background: #7FBA7A; }

.bg-green-opacity { background: rgba(127, 186, 122, 0.3); }

.bg-purple { background: #6C5DD3; }

.bg-purple-opacity { background: rgba(108, 93, 211, 0.3); }

.bg-purple-light { background: #CFC8FF; }

.bg-red { background: #FF754C; }

.bg-red-opacity { background: rgba(255, 117, 76, 0.3); }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-uppercase { text-transform: uppercase; }

.m-auto { margin: auto; }

.ml-auto { margin-left: auto; }

.mr-auto { margin-right: auto; }

.align-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.desktop-show { display: none; }

.tablet-show { display: none; }

.mobile-show { display: none; }

.title { font-size: 16px; line-height: 1.1875; font-weight: 600; }

.title_lg, .title_md, .title_sm { font-family: 'Poppins', sans-serif; font-weight: 600; letter-spacing: -1px; }

.title_lg { font-size: 96px; line-height: 1.25; }

.title_md { font-size: 72px; line-height: 1.22222; }

.title_sm { font-size: 64px; line-height: 1.125; }

.h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Poppins', sans-serif; }

.h1, .h2, .h3 { font-weight: 600; letter-spacing: -1px; }

.h4, .h5, .h6 { font-weight: 500; }

.h1 { font-size: 56px; line-height: 1.14286; }

.h2 { font-size: 48px; line-height: 1.5; }

.h3 { font-size: 40px; line-height: 1.5; }

.h4 { font-size: 32px; line-height: 1.5; letter-spacing: -.5px; }

.h5 { font-size: 24px; line-height: 1.33333; }

.h6 { font-size: 18px; line-height: 1.33333; }

.caption { font-size: 13px; font-weight: 600; line-height: 1.38462; }

.caption-sm { font-size: 12px; font-weight: 500; line-height: 1.33333; }

@media (hover: hover) { .switch:hover { opacity: .8; } }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media only screen and (max-width: 1339px) { .page__wrapper { padding-left: 96px; -webkit-transform: translateX(160px); -ms-transform: translateX(160px); transform: translateX(160px); } .page__row.app { padding: 24px; } .page__row.app .item:hover img { -webkit-transform: translateY(-5px) translateX(30px) scale(1.3); -ms-transform: translateY(-5px) translateX(30px) scale(1.3); transform: translateY(-5px) translateX(30px) scale(1.3); } .page__row.app .item { padding: 24px; } .page__row.app .item .counter { padding: 12px 10px; } .page__row.app .item .counter .time { font-size: 32px; } .page__row.app .item h2 { font-size: 32px; } .page__row.app .item img { height: 120px; } .page.toggle .page__wrapper { padding-left: 96px; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .page.toggle .page__wrapper .item .counter { padding: 12px 15px; } .sidebar__details { padding: 10px 10px 25px; } .sidebar__details:before { display: none; } .header { max-width: 100%; } .h1 { font-size: 48px; line-height: 1.5; } .h2 { font-size: 40px; line-height: 1.5; } }

@media only screen and (max-width: 1179px) { .page__row.nodes { padding: 20px 40px 40; } .bidding__center { padding: 0 40px; } .bidding__body { padding-bottom: 80px; } .bidding__steps { display: none; } .bidding__wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; margin-left: 64px; padding: 32px; margin-left: 0; } .sidebar { padding-top: 96px; overflow: hidden; } .sidebar__top { -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; height: 96px; padding-left: 40px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .sidebar__top .sidebar__logo { -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .sidebar__logo .sidebar__pic { width: 140px; } .sidebar__wrapper .sidebar__logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .sidebar__burger { display: inline-block; } .sidebar__group:not(:last-child):before { -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .sidebar__item { position: relative; padding-left: 3px; } .sidebar__icon { width: 56px; height: 56px; margin-right: 0; -webkit-transition: margin .25s; -o-transition: margin .25s; transition: margin .25s; } .sidebar__counter { -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .sidebar__bottom { -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } .sidebar.active .sidebar__top { padding-left: 0px; } .sidebar.active .sidebar__group:before { left: -20px; right: -20px; } .sidebar.active .sidebar__item { padding-left: 0px; } .sidebar.active .sidebar__counter { position: absolute; top: 15px; left: 22px; min-width: 10px; height: 10px; font-size: 0; } .sidebar.active .sidebar__bottom { padding: 0 35px; }
  .sidebar.active .sidebar__bottom .switch_theme .switch__in { padding-left: 60px; } .widget { grid-gap: 24px; } .widget .widget__row { padding: 24px; } .widget__chart_earning-month { width: 90px; height: 70px; } .widget__chart_items { margin-right: -20px; } .products__cell { padding-left: 15px; } .products__bg { border-radius: 50%; } .desktop-hide { display: none; } .desktop-show { display: block; } .desktop-text-right { text-align: right; } }

@media only screen and (max-width: 1023px) { .page__row.app { grid-template-columns: 1fr 1fr; } .bidding__center { padding: 0; } .bidding__body { padding-top: 48px; } .bidding__body .bidding__center { display: block; } .bidding__wrapper { padding: 40px; } .sidebar { z-index: 10; } .sidebar__inner { width: 100%; } .sidebar__top { padding: 0; } .sidebar__top .sidebar__logo { opacity: 1; } .sidebar__wrapper .sidebar__logo { height: 80px; } .sidebar__burger { border-color: #E4E4E4; } .sidebar__group:not(:last-child):before { left: -20px; right: -20px; } .sidebar__item { padding-left: 0; } .sidebar__item:hover { color: #808191; } .sidebar__icon { margin-right: 21px; } .sidebar__counter { position: absolute; top: 15px; left: 22px; min-width: 10px; height: 10px; font-size: 0; } .sidebar__profile { margin-top: 20px; } .sidebar__details { padding: 5px 0 17px; background: none; } .sidebar__link .sidebar__icon { width: 56px; margin-right: 24px; padding: 0; } .sidebar__bottom { padding: 0 35px; } .sidebar .switch_theme .switch__in { padding-left: 60px; } .sidebar.active .sidebar__icon { margin-right: 0; } .sidebar.active .sidebar__item { padding-left: 0 !important; } .sidebar.active .sidebar__group:before { left: 20px; right: 20px; } .sidebar.active .sidebar__item { padding-left: 3px; } .sidebar.active .sidebar__counter { position: static; min-width: 24px; height: 24px; font-size: 12px; } .sidebar.active .sidebar__bottom { padding: 0 40px; }
  .sidebar.active .sidebar__bottom .switch_theme .switch__in { padding-left: 56px; } body.dark .sidebar.active .sidebar__burger { border-color: transparent; } .widget { grid-template-columns: 1fr; } .widget__chart_earning-month { width: 100px; height: 80px; margin-right: 10px; } .widget__chart_items { margin-right: 0; height: 144px; width: 144px !important; } .products { overflow: auto; } .tablet-hide { display: none; } .tablet-show { display: block; } .tablet-text-right { text-align: right; } .h3 { font-size: 32px; line-height: 1.5; letter-spacing: -.5px; } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

@media only screen and (max-width: 767px) { .page__wrapper { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); padding-left: 0; } .page.toggle .page__wrapper { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); padding-left: 0; } .bidding { background-color: #FCFCFD; -webkit-box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1); box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.1); } .bidding__head { padding: 16px 0 32px; } .bidding__center { display: block; padding: 0 32px; } .bidding__title { margin: 0 0 16px; font-size: 32px; line-height: 40px; } .bidding__body { padding: 32px 0; background: none; } .bidding__body body.dark { border: none; } .bidding .menu .item { grid-template-columns: .5fr 1fr 1fr 1fr; } .bidding__wrapper { padding: 0; -webkit-box-shadow: none; box-shadow: none; background: #0000; border-radius: 0; } .bidding__item:nth-child(2) .title:nth-child(2) { display: block; } .bidding__item:nth-child(2) .title:nth-child(1) { display: none; } .bidding__item:nth-child(3) { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 999999; padding: 32px; background-color: #FCFCFD; } .bidding__control { display: block; margin-bottom: 32px; } .bidding__money { display: none; } .bidding .last-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body.dark .bidding__step:first-child, body.dark .bidding__step.active { background-color: #0000 !important; } body.dark .page .menu .item { background-color: #0000 !important; } body.dark .page .item:hover, body.dark .page .item.active { background-color: #353945 !important; } body.dark .bidding__wrapper { background-color: #0000; } body.dark .bidding { background-color: #141416; -webkit-box-shadow: 0px 0 0 0 rgba(15, 15, 15, 0.1); box-shadow: 0px 0 0 0 rgba(15, 15, 15, 0.1); } .sidebar { width: 256px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .sidebar__wrapper { padding: 20px; } .sidebar__inner { width: 100%; } .sidebar__top { padding-left: 40px; border-bottom: 1px solid #E4E4E4; } .sidebar__top .sidebar__logo { opacity: 1; } .sidebar__burger { display: none; } .sidebar.active .sidebar__burger { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .sidebar__list { margin: 0; } .sidebar__group:not(:last-child) { margin-bottom: 20px; padding-bottom: 15px; } .sidebar__group:not(:last-child):before { left: 20px; right: 20px; } .sidebar__item { padding-left: 3px; } .sidebar__icon { margin-right: 0; } .sidebar__counter { position: static; min-width: 24px; height: 24px; font-size: 12px; } .sidebar__profile { display: none; } .sidebar__bottom { padding: 0 40px; } .sidebar .switch__icon { left: -5px; } .sidebar .switch_theme .switch__in { padding-left: 56px; } .sidebar.active { width: 256px; } .sidebar.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .sidebar.active .sidebar__item { padding-left: 0; } body.dark .sidebar__top { border-color: rgba(228, 228, 228, 0.1); } .widget_center:before { -webkit-filter: blur(46.985px); filter: blur(46.985px); } body.dark .widget_shadow:before { -webkit-filter: blur(46.985px); filter: blur(46.985px); } body.dark .widget_stat:before { -webkit-filter: blur(46.985px); filter: blur(46.985px); } .header { height: 96px; max-width: calc(100% + 32px); padding: 0 32px; border-bottom: 1px solid #E4E4E4; } .header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .logo { margin-left: -20px; }
  .header .logo img { height: 80px; width: 143px; } .header .links { display: none; } .header button.btn.btn_purple { display: none; } .header__burger { display: inline-block; } body.dark .header { border-color: rgba(228, 228, 228, 0.1); } .products { margin: 32px 0; border-radius: 0; } body.dark .products__row:not(.products__row_head) { border-color: rgba(228, 228, 228, 0.1); } .mobile-hide { display: none; } .mobile-show { display: block; } .mobile-text-right { text-align: right; } .h1 { font-size: 40px; line-height: 1.5; } .h2 { font-size: 32px; line-height: 1.5; letter-spacing: -.5px; } }

@media only screen and (max-width: 639px) { .page__row.app { grid-template-columns: 1fr; } .page__row.app .item .counter { padding: 12px 32px; } .page__row.nodes { padding: 16px 0; } .page__wrapper.nodes .page__welcome.h2 { padding: 16px 32px 0; } .bidding__item:nth-child(3) .button__group a { height: 48px !important; } .bidding .form-group-step2 button { font-size: 14px; padding: 12px; } .widget .widget__row { border-radius: 0; } .widget__counter { font-size: 64px; } .widget__counter span { font-weight: 400; font-size: 16px; line-height: 24px; } .widget__chart_earning-month { width: 82px; height: 72px; } .widget__chart_items { width: 102px; height: 102px; margin-right: -10px; } }

@media only screen and (max-width: 474px) { .bidding__item .button__group .outline, .bidding__item .button__group button { font-size: 14px; padding: 12px 16px; height: auto !important; } .bidding__item .button__group button { padding: 14px 16px !important; } .bidding .last-content .result .column { padding: 24px 16px; }
  .bidding .last-content .result .column:last-child { padding-left: 0px; } .bidding .last-content .finish__buttons a:first-child span { display: none; } }

/*# sourceMappingURL=app.css.map */