.rangeslider, .rangeslider__fill { display: block; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .rangeslider { background: #e6e6e6; position: relative; } .rangeslider--horizontal { height: 20px; width: 100%; } .rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; } .rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .rangeslider__fill { background: #00ff00; position: absolute; } .rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; } .rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } .rangeslider__handle { background: white; border: 1px solid #ccc; cursor: pointer; display: inline-block; width: 40px; height: 40px; position: absolute; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:active, .rangeslider--active .rangeslider__handle { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); } .rangeslider--horizontal .rangeslider__handle { top: -10px; touch-action: pan-y; -ms-touch-action: pan-y; } .rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } /** * Swiper 7.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 27, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .notifside{ position: relative; } .notifside[data-count]:before { content: attr(data-count); min-width: 16px; pointer-events: none; position: absolute; top: 0px; left: 2.1rem; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: #FF3A30; padding: 0.125rem; text-align: center; font-size: 10px; line-height: 14px; letter-spacing: 0.3px; --tw-text-opacity: 1; color: white; } @media (min-width: 768px) { #notifications[data-count]:before { font-size: 12px; line-height: 16px; letter-spacing: 0.3px; } .notifside[data-count]:before { font-size: 12px; line-height: 16px; letter-spacing: 0.3px; } } .svg-icon { display: inline-block; width: 1rem; height: 1rem; background: #fff; -webkit-mask-size: contain; } .icons-wallet{ mask: url('../Images/svg/wallet.svg') no-repeat; -webkit-mask: url('../Images/svg/wallet.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../../svg/wallet.svg') no-repeat !important; background-size: contain !important; } } .icons-login{ mask: url('../Images/svg/login.svg') no-repeat; -webkit-mask: url('../Images/svg/login.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../../svg/login.svg') no-repeat !important; background-size: contain !important; } } .icons-users{ background-image: url('../Images/svg/users.svg') no-repeat; -webkit-mask: url('../Images/svg/users.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../../svg/users.svg') no-repeat !important; background-size: contain !important; } } .icons-envelope { mask: url("../Images/svg/envelope.svg") no-repeat; -webkit-mask: url("../Images/svg/envelope.svg") no-repeat; /* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/envelope.svg") no-repeat !important; background-size: contain !important; } */ } .icons-home { mask: url("../Images/svg/home.svg") no-repeat; -webkit-mask: url("../Images/svg/home.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/home.svg") no-repeat !important; background-size: contain !important; } } .icons-feather { mask: url("../Images/svg/feather.svg") no-repeat; -webkit-mask: url("../Images/svg/feather.svg") no-repeat; /* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/feather.svg") no-repeat !important; background-size: contain !important; } */ } .icons-hands { mask: url("../Images/svg/hands.svg") no-repeat; -webkit-mask: url("../Images/svg/hands.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/hands.svg") no-repeat !important; background-size: contain !important; } } .icons-telegram { mask: url("../Images/svg/telegram.svg") no-repeat; -webkit-mask: url("../Images/svg/telegram.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/telegram.svg") no-repeat !important; background-size: contain !important; } } .icons-twitter { mask: url("../Images/svg/twitter.svg") no-repeat; -webkit-mask: url("../Images/svg/twitter.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/twitter.svg") no-repeat !important; background-size: contain !important; } } .icons-close-circle{ mask: url('../Images/svg/close-circle.svg') no-repeat; -webkit-mask: url('../Images/svg/close-circle.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../../svg/close-circle.svg') no-repeat !important; background-size: contain !important; } } .icons-discord { mask: url("../Images/svg/discord.svg") no-repeat; -webkit-mask: url("../Images/svg/discord.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/discord.svg") no-repeat !important; background-size: contain !important; } } .icons-twitter { mask: url("../Images/svg/twitter.svg") no-repeat; -webkit-mask: url("../Images/svg/twitter.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/twitter.svg") no-repeat !important; background-size: contain !important; } } .icons-youtube { mask: url("../Images/svg/youtube.svg") no-repeat; -webkit-mask: url("../Images/svg/youtube.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/youtube.svg") no-repeat !important; background-size: contain !important; } } .icons-medium { mask: url("../Images/svg/mediumm.svg") no-repeat; -webkit-mask: url("../Images/svg/mediumm.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/mediumm.svg") no-repeat !important; background-size: contain !important; } } .icons-menu { mask: url("../Images/svg/menu.svg") no-repeat; -webkit-mask: url("../Images/svg/menu.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/menu.svg") no-repeat !important; background-size: contain !important; } } .icons-chevron-right { mask: url("../Images/svg/chevron-right.svg") no-repeat; -webkit-mask: url("../Images/svg/chevron-right.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/chevron-right.svg") no-repeat !important; background-size: contain !important; } } .icons-chevron-down { mask: url("../Images/svg/chevron-down.svg") no-repeat; -webkit-mask: url("../Images/svg/chevron-down.svg") no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url("../Images/svg/chevron-down.svg") no-repeat !important; background-size: contain !important; } } .icons-book{ mask: url('../Images/svg/book.svg') no-repeat; -webkit-mask: url('../Images/svg/book.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/book.svg') no-repeat !important; background-size: contain !important; } } .icons-browse{ mask: url('../Images/svg/browse.svg') no-repeat; -webkit-mask: url('../Images/svg/browse.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/browse.svg') no-repeat !important; background-size: contain !important; } } .icons-news{ mask: url('../Images/svg/news.svg') no-repeat; -webkit-mask: url('../Images/svg/news.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/news.svg') no-repeat !important; background-size: contain !important; } } .icons-userss{ mask: url('../Images/svg/userss.svg') no-repeat; -webkit-mask: url('../Images/svg/userss.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/userss.svg') no-repeat !important; background-size: contain !important; } } .icons-tractor{ mask: url('../Images/svg/tractor.svg') no-repeat; -webkit-mask: url('../Images/svg/tractor.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/tractor.svg') no-repeat !important; background-size: contain !important; } } .icons-target{ mask: url('../Images/svg/target.svg') no-repeat; -webkit-mask: url('../Images/svg/target.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/target.svg') no-repeat !important; background-size: contain !important; } } .icons-paperclip{ mask: url('../Images/svg/paperclip.svg') no-repeat; -webkit-mask: url('../Images/svg/paperclip.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/paperclip.svg') no-repeat !important; background-size: contain !important; } } .icons-news{ mask: url('../Images/svg/news.svg') no-repeat; -webkit-mask: url('../Images/svg/news.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/news.svg') no-repeat !important; background-size: contain !important; } } .icons-folder{ mask: url('../Images/svg/folder.svg') no-repeat; -webkit-mask: url('../Images/svg/folder.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/folder.svg') no-repeat !important; background-size: contain !important; } } .icons-faq{ mask: url('../Images/svg/faq.svg') no-repeat; -webkit-mask: url('../Images/svg/faq.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/faq.svg') no-repeat !important; background-size: contain !important; } } .icons-ring{ mask: url('../Images/svg/ring.svg') no-repeat; -webkit-mask: url('../Images/svg/ring.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/ring.svg') no-repeat !important; background-size: contain !important; } } .icons-starr{ mask: url('../Images/svg/starr.svg') no-repeat; -webkit-mask: url('../Images/svg/starr.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/starr.svg') no-repeat !important; background-size: contain !important; } } .icons-academy{ mask: url('../Images/svg/academy.svg') no-repeat; -webkit-mask: url('../Images/svg/academy.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/academy.svg') no-repeat !important; background-size: contain !important; } } .icons-search{ mask: url('../Images/svg/search.svg') no-repeat; -webkit-mask: url('../Images/svg/search.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/search.svg') no-repeat !important; background-size: contain !important; } } .icons-rocket{ mask: url('../Images/svg/rocket-launch.svg') no-repeat; -webkit-mask: url('../Images/svg/rocket-launch.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/rocket-launch.svg') no-repeat !important; background-size: contain !important; } } .icons-archway{ mask: url('../Images/svg/archway.svg') no-repeat; -webkit-mask: url('../Images/svg/archway.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/archway.svg') no-repeat !important; background-size: contain !important; } } .icons-user-plus{ mask: url('../Images/svg/user-plus.svg') no-repeat; -webkit-mask: url('../Images/svg/user-plus.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/user-plus.svg') no-repeat !important; background-size: contain !important; } } .icons-water-ladder{ mask: url('../Images/svg/water-ladder.svg') no-repeat; -webkit-mask: url('../Images/svg/water-ladder.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/water-ladder.svg') no-repeat !important; background-size: contain !important; } } .icons-map-location{ mask: url('../Images/svg/map-location.svg') no-repeat; -webkit-mask: url('../Images/svg/map-location.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/map-location.svg') no-repeat !important; background-size: contain !important; } } .icons-planet{ mask: url('../Images/svg/planet.svg') no-repeat; -webkit-mask: url('../Images/svg/planet.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/planet.svg') no-repeat !important; background-size: contain !important; } } .icons-bell{ mask: url('../Images/svg/bell.svg') no-repeat; -webkit-mask: url('../Images/svg/bell.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/bell.svg') no-repeat !important; background-size: contain !important; } } .icons-user{ mask: url('../Images/svg/user.svg') no-repeat; -webkit-mask: url('../Images/svg/user.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/user.svg') no-repeat !important; background-size: contain !important; } } .flxy{ flex-direction: column; } @media (min-width: 768px) { .flxy{ flex-direction: row; } } .sub-flex::-webkit-scrollbar-track { /* border-radius: 100px; */ background-color: red; height: 0px !important; width: 0px !important; } .sub-flex::-webkit-scrollbar{ height: 0px !important; width: 0px !important; } .sub-flex::-webkit-scrollbar-thumb { height: 0px !important; width: 0px !important; border-radius: 0px; /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */ background-color: transparent; } .d-flex { display: flex;-webkit-mask-image: } .solid { font-size: 12px; color: rgba(184, 197, 236, 0.35); } footer { margin-top: 4rem; background: #16092b; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 4rem 0px; position: relative; } /* footer::before{ content: ""; display: block; width: 100vw; height: 1px; background: linear-gradient(90deg, rgba(241,0,136,1) 0%, rgba(99,11,241,0) 100%); position: absolute; top: 0px; left: 0; } */ .container{ margin: auto; } footer .btm { margin-top: 4rem; } footer .container ul li a span{ margin-top: -4px; } footer .container .d-flex{ display: flex; } footer .container .justify-content-between{ justify-content: space-between; } footer .foot-card { padding: 2rem; width: calc(33% - 16px); background: rgba(184, 197, 236, 0.1); border: 1px solid rgba(184, 197, 236, 0.1); border-radius: 1.5rem; transition: 0.5s all; } footer .foot-card .mobile { display: none; } footer .foot-card:hover { background: rgba(241, 0, 136, 0.1); border: 1px solid #f10088; } footer ul{ padding-left: 0px; } footer ul li{ list-style-type: none !important; } footer .foot-card p { font-size: 0.875rem; /* font-family: "Nexa-Regular", sans-serif; */ font-weight: 400; color: rgba(255, 255, 255, 0.64); } footer .foot-card p:first-child { background: rgba(255, 255, 255, 0.16); width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; } footer .foot-card p:first-child span { width: 1.5rem; height: 1.5rem; color: white; } footer .foot-card h5 { font-weight: 700; margin-top: 1rem; margin-bottom: 0.5rem; color: white; } footer .foot-card a.button { font-weight: 700; display: flex; align-items: center; justify-content: center; width: 100%; height: 3rem; background: #630bf1; margin-top: 1.5rem; border-radius: 0.75rem; color: white; } footer .subs { width: 100%; max-width: 196px; } footer .subs .logo { width: 2.5rem; } footer .subs h5 { font-weight: 700; line-height: 24px; font-size: 1rem; letter-spacing: 0.25rem; line-height: 1.5rem; color: rgba(184, 197, 236, 0.65); } footer .subs ul hr { border-color: rgba(184, 197, 236, 0.2); } footer .subs ul li { margin-top: 1rem; } footer .subs ul li a { font-weight: 400; font-size: 1rem; display: flex; align-items: center; color: white; } footer .subs ul li a span { margin-right: 0.5rem; transition: 0.5s ease all; } footer .subs ul li a:hover span { transform: translateX(5px); background: #630bf1; } .socials .svg-icon { width: 1.1rem; height: 1.1rem; -webkit-mask-position: center; mask-position: center; } .socials a { width: 48px; height: 48px; display: flex; margin: 12px 10px 0 0; justify-content: center; align-items: center; background: transparent; border: 1px solid #630bf1; box-sizing: border-box; border-radius: 12px; -webkit-mask-position: center; } .socials a:hover { background: #630bf1; } @media only screen and (max-width: 860px) { footer .foot-card { width: 100%; margin-top: 1.5rem; text-align: center; } footer .foot-card p:first-child { display: none; } footer .foot-card h5 { font-size: 1.5rem; font-weight: 700; } footer .foot-card .mobile { display: block; } footer .foot-card .socials { flex-wrap: wrap; padding: 0px 40px; justify-content: center !important; } footer .foot-card .dsk { display: none; } footer .btm { margin-top: 0px; } footer .subs { max-width: 100% !important; margin-top: 2rem; } footer .subs h5 a { width: 100%; display: flex; align-items: center; justify-content: space-between; pointer-events: none; } footer .subs h5 span { transition: 0.2s ease; -webkit-mask-position: center !important; } footer .subs .actived span { transform: rotate(180deg); } footer .subs ul { display: none; transition: 0.2s ease; } } @media only screen and (max-width: 480px) { .footer { display: grid; justify-items: center; row-gap: 40px; text-align: center; padding: 24px 12px; justify-content: center; } .apply-button { align-self: center; width: 312px; } .products { flex-direction: column; padding: 0; } .product { margin: 8px; } .links { gap: 12px; margin: 2px 0; } } /* HEADER CSS */ @media (max-width: 567px) { header { position: fixed; top: 0px; left: 0px; z-index: 999; } .mobile-menu a img{ width: 32px; } header .sub-flex { background: rgba(8, 1, 20, 0.48); border: 1px solid rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); width: 100vw; overflow-x: scroll; } header .sub-flex a { font-size: 14px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: flex; align-items: center; color: rgba(255, 255, 255, 0.5); border-bottom: 2px solid transparent; padding: 0px 5px; } header .sub-flex a .svg-icon { width: 48px; height: 48px; -webkit-mask-size: 24px !important; -webkit-mask-position: center !important; background: rgba(255, 255, 255, 0.5); } header .sub-flex a.active { color: #f10088; border-bottom: 2px solid #f10088; } header .sub-flex a.active .svg-icon { background: #f10088; } } .mobile-menu-open ul li:nth-child(5) { border-bottom: 1px solid rgba(184, 197, 236, 0.1); } .mobile-menu-open { width: 100vw; height:100vh; position: fixed; justify-content:start !important; z-index: 99999; background: rgba(8, 1, 20, 0.48); border: 1px solid rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); bottom: -100vh; left: 0; transition: .2s ease; } .mobile-menu-open .close-icon { width: 48px; height: 48px; position: absolute; left: 1rem; top: 1rem; background: #16092b; border-radius: 12px; } .menu-open .mobile-menu-open{ bottom: 0px; height: -webkit-fill-available !important; } .mobile-menu-open .close-icon .svg-icon { background: #b8c5ec; width: 48px; height: 48px; } .mobile-menu-open ul { width: 100%; margin-top: 5rem; } .mobile-menu-open ul li { border-top: 1px solid rgba(184, 197, 236, 0.1); display: flex; align-items: center; padding: 0.3rem 2rem; font-size: 1.15rem; } .sub-outer img{ width:50px; } .mobile-menu-open ul li a { width: 100%; padding: 1rem; color: rgba(255, 255, 255, 0.72); display: flex; max-height: 62px; align-items: center; } .mobile-menu-open ul li a svg{ max-width: 40px; width: 40px; height: 40px; margin-right: 1rem; opacity: 0.6; } .mobile-menu-open ul li a span { background: rgba(255, 255, 255, 0.24); border-radius: 50%; width: 1.5rem; margin-right: 1rem; height: 1.5rem; color: rgba(255, 255, 255, 0.72); display: flex; align-items: center; justify-content: center; } .mobile-menu { width: 100vw; background:#16092B; padding: 0.5rem 0.75rem; } .mobile-menu .icons-menu { height: 2.5rem; width: 2.5rem; } .mobile-menu .logo { height: 2.25rem; width: 2.25rem; margin-left: 0.75rem; } /* .fixed-connect { position: fixed; z-index: 99; margin-top: 1rem; left: 0; } */ .blurry { background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.24); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); /* Note: backdrop-filter has minimal browser support */ border-radius: 12px; padding: 8px; } @media (min-width: 768px) { .blurry{ position: fixed; z-index: 99; margin-top: 1rem; right: 100px; } } @media (max-width: 768px) { .blurry { padding: 4px; } } .blurry .spn { color: white; font-size: 0.875rem; margin-right: 1rem; align-items: center; } .blurry .spn img { margin: 0px 12px; width: 1rem; height: 1rem; } .blurry .wlt { color: white; font-size: 0.875rem; display: flex; align-items: center; } .blurry .wlt .svg-icon { width: 1.5rem; height: 1.5rem; background: white; margin-right: 0.5rem; } .blurry .log { background: rgba(0, 0, 0, 0.32); width: 2rem; height: 2rem; margin-left: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .blurry .log:hover { background: rgba(33, 13, 66, 0.6) !important; } .blurry .log .icons-login { background: white; width: 1rem; height: 1rem; } .blurry a { font-size: 14px; color: white; -webkit-font-smoothing: antialiased; letter-spacing: 0.01px; border-radius: 12px; cursor: pointer; font-weight: 600; max-height: 41px; padding: 10px 14px; background: #f10088; display: flex; align-items: center; } @media (max-width: 768px) { #super-hero{ margin-top: 30px !important; } .blurry a { font-size: 12px; padding: 8px 11px !important; } .blurry a.bspin { margin-right: 4px !important; } } .blurry a.bspin { background: rgba(33, 13, 66, 0.4); padding: 10px 14px; margin-right: 8px; } .blurry a.bspin:hover { background: rgba(33, 13, 66, 0.6) !important; } .blurry a:hover { background: #f2309e !important; color: white !important; } .sidebar { width: 5rem; margin: 0px !important; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: 99; background: rgba(8, 1, 20, 0.48); border: 1px solid rgba(255, 255, 255, 0.08); } .sidebar .logo { height: 4.5rem; display: flex; align-items: center; justify-content: center; } .sidebar ul{ padding: 0px; margin: 0px; } .sidebar ul li { height: 4.5rem; border-top: 1px solid rgba(255, 255, 255, 0.08); position: relative; } .sidebar ul li.active { background: #f10088; } .sidebar ul li img{ position: absolute; right: 4px; top:4px; max-width: 22px; } .sidebar ul li a { display: flex; align-items: center; height: 4.5rem; justify-content: center; flex-direction: column; font-size: 0.75rem; line-height: 1rem; color: rgba(255, 255, 255, 0.72); } .sidebar ul li a span { background: rgba(255, 255, 255, 0.24); border-radius: 50%; width: 1.5rem; height: 1.5rem; margin-bottom: 4px; color: rgba(255, 255, 255, 0.72); display: flex; align-items: center; justify-content: center; } .sidebar ul li .sub { background: rgba(8, 1, 20, 0.48); border: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(32px); width: 175px; padding: 0.5rem; border-radius: 24px; opacity: 0; position: absolute; top: 0; left: 79px; min-width: 175px; background-position: center; background-size: cover; transition: all 400ms ease-out; display: none; } .sidebar ul li .sub .filter { display: none; } .sidebar ul li .sub a { height: 40px; display: flex; align-items: center; flex-direction: row; font-size: 0.75rem; border-radius: 24px; color: rgba(255, 255, 255, 0.72); margin-top: 0.6rem; justify-content: start; padding: 0.5rem 0 0.5rem 0.75rem; } .sidebar ul li .sub a:first-child { margin-top: 0px; } .sidebar ul li .sub a span { width: 20px; height: 20px; border-radius: 0px !important; background: rgba(255, 255, 255, 0.72); margin-right: 0.75rem; margin-bottom: 0px; -webkit-mask-size: contain !important; } .sidebar ul li .sub a:hover { background: #f10088; } .sidebar ul li:hover { background: rgba(241, 0, 136, 0.3); } .sidebar ul li .sub a:hover { color: white; } .sidebar ul li .sub a:hover span { background: white; } .sidebar ul li:hover .sub { left: 78px; opacity: 1; display: block; } .sidebar ul li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } header{ padding: 0px !important; } .sidebar ul li .sub .hidden{ display: none !important; } .sidebar ul li:nth-child(4) svg { width: 26px; max-width: 30px; margin-left: 1px; } .sidebar ul li:nth-child(3) svg { width: 22px; } .fixed-connect{ justify-content: end; display: flex; top:0px; } .sidebar ul li.active svg { opacity: 1; } .sidebar ul li.active svg .filler { fill: #590ad9 !important; } .sidebar::before{ content: ""; display: block; width: 5rem; height: 100vh; position: fixed; left: 0px; top: 0px; z-index: -1; background: rgba(8, 1, 20, 0.24); backdrop-filter: blur(8px); } header .ml-0{ margin-left: 0px !important; } /* .fixed-connect{ position: fixed; z-index: 99; margin-top: 1rem; justify-content: end; display: flex; top:0px; } */ .sidebar ul li .sub .hidden{ display: none !important; } header { -webkit-font-smoothing: antialiased; font-weight: 600; letter-spacing: .3px !important; } @media (max-width: 768px) { header .sub-flex{ margin: 0px !important; } header .mobile-menu{ margin: 0px !important; } header .mobile-menu-open{ margin: 0px !important; } header .icons-close-circle{ mask-position: center !important; -webkit-mask-position: center !important; } } @media (min-width: 1200px){ body header .center { /* padding-left: 5.75rem; */ /* padding-right: 5.75rem; */ margin: auto; } body footer .container{ max-width: 1150px !important; padding: 15px; } } body{ overflow-x: hidden; } .sub-outer { padding-bottom: 2rem; margin-top: 2rem; padding-left: 1rem; padding-right: 1rem; width: 100%; } .sub-bottom { padding: 0.5rem 2rem; width: 100%; margin-top: 0.5rem; } .sub-bottom h5 { font-size: 1.25rem; color: white; } .sub-bottom p { font-size: 0.8rem; color: #1cdcc7; } .mobile-menu-open .socials { justify-content: space-between; display: flex; } .mobile-menu-open .socials a { width: 48px; height: 48px; display: flex; margin: 0px !important; justify-content: center; align-items: center; background: transparent; border: 1px solid #630bf1; box-sizing: border-box; border-radius: 12px; -webkit-mask-position: center; } .mobile-menu-open .socials .svg-icon { width: 1.1rem; height: 1.1rem; -webkit-mask-position: center; mask-position: center; } @media (min-width:768px){ .md-hidden { display: none !important; } } .sub hr{ margin-top:0.6rem; border-color: rgba(184, 197, 236, 0.1); } .orientation { position: fixed; width: 100vw; height: 100vh; z-index: 999999; display: flex; align-items: center; flex-direction: column; justify-content: center; background: #080114; display: none; top:0px; left:0px; } @media (min-width: 1000px) { .orientation { display: none !important; } } .orientation h3 { color: white; margin-top: 30px; } @media (orientation: landscape) { body { overflow: hidden; } .orientation { display: flex; } } .sub-flex a:nth-child(2) .svg-icon{ -webkit-mask-size:18px !important; } .walletconnect-qrcode__image{ height:100% !important; } .icons-homenav{ mask: url('../Images/svg/homenew.svg') no-repeat; -webkit-mask: url('../Images/svg/homenew.svg') no-repeat; @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { background: url('../Images/svg/homenew.svg') no-repeat !important; background-size: contain !important; } }