:root{--color-primary-black: #000;--color-primary-white: #FFF;--color-primary-blue: #1454FF;--color-primary-red: #E11D1D;--color-kodex-blue: #1454FF;--color-blue-dark: #000084;--color-blue-light1: #41AFFF;--color-blue-light2: #94D2FF;--color-blue-light3: #CFE9FF;--color-blue-hover: #033CD4;--color-orange-dark: #A01E00;--color-orange: #FA5317;--color-orange-light1: #FAA264;--color-orange-light2: #FACFAA;--color-pink-dark: #8C0054;--color-pink: #F000E8;--color-pink-light1: #FF80FF;--color-pink-light2: #FFC2FF;--color-purple-dark: #37007D;--color-purple: #6D13F7;--color-purple-light1: #A07DFF;--color-purple-light2: #D2C3FF;--color-mint-dark: #005955;--color-mint: #00D4D0;--color-mint-light1: #82E8E8;--color-mint-light2: #C3F6F0;--color-fund-blue1: #003CDC;--color-fund-blue2: #1898F4;--color-blue1: #326af3;--color-blue3: #00B7FF;--color-lime: #DAFE52;--color-green: #4CA951;--color-purple2: #4E00C7;--color-purple3: #7426ED;--color-green2: #5CBC62;--color-green3: #0D3F3C;--color-green4: #017A78;--color-green5: #00A2A0;--color-yellow1: #FFD52B;--color-yellow2: #FBB938;--color-pink2: #CE007C;--color-pink3: #FCAFFC;--color-pink4: #FF80A9;--color-orange1: #F65742;--color-gray-typo1: #111;--color-gray-typo2: #4D4D4D;--color-gray-typo3: #080101;--color-gray-typo4: #888888;--color-gray-typo5: #ACACAC;--color-gray-typo6: #616161}.hidden,[hidden]{display:none !important}.a11y{position:absolute !important;overflow:hidden;height:1px;width:1px;clip:rect(1px, 1px, 1px, 1px)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pre-line{white-space:pre-line}[motion-hover=out]{transition:transform .4s ease !important}@media(hover: hover){[motion-hover=out]:hover{transform:scale(0.97) !important}}[motion-hover=in]{transform:scale(1);transition:transform .4s ease !important}@media(hover: hover){[motion-hover=in]:hover{transform:scale(1.03) !important}}[motion-hover=up]{transform:translateY(0);transition:transform .4s ease !important}@media(hover: hover){[motion-hover=up]:hover{transform:translateY(calc(max(1rem, 0.8334vw) * (-10 / 16))) !important}}[motion-hover=s-up]{transform:translateY(0);transition:transform .4s ease !important}@media(hover: hover){[motion-hover=s-up]:hover{transform:translateY(calc(max(1rem, 0.8334vw) * (-5 / 16))) !important}}[motion-hover=shadow]{transform:translateY(0);transition:transform .4s ease,box-shadow .4s ease !important}@media(hover: hover){[motion-hover=shadow]:hover{transform:translateY(calc(max(1rem, 0.8334vw) * (-10 / 16))) !important;box-shadow:0px 5px 7px rgba(0,0,0,.03)}}[motion-hover=padding]{padding:calc(max(1rem, 0.8334vw) * (12 / 16));transition:padding .4s ease !important}@media(hover: hover){[motion-hover=padding]:hover{padding:calc(max(1rem, 0.8334vw) * (0 / 16))}}.popup-etf{width:100vw;height:100vh;position:fixed;top:0;left:0;box-sizing:border-box}.popup_ctn{padding:calc(max(1rem, 0.8334vw) * (60 / 16)) calc(max(1rem, 0.8334vw) * (48 / 16)) calc(max(1rem, 0.8334vw) * (50 / 16));width:calc(max(1rem, 0.8334vw) * (520 / 16));background:rgba(225,225,225,.05);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:calc(max(1rem, 0.8334vw) * (48 / 16));border:1px solid rgba(255,255,255,.2);position:absolute;left:calc(max(1rem, 0.8334vw) * (60 / 16));top:170px;cursor:default}.popup_close{width:calc(max(1rem, 0.8334vw) * (24 / 16));height:calc(max(1rem, 0.8334vw) * (24 / 16));position:absolute;top:calc(max(1rem, 0.8334vw) * (36 / 16));right:calc(max(1rem, 0.8334vw) * (36 / 16));cursor:pointer}.popup_close:before{content:"";display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;width:24px;height:24px;background:url(/assets/icons/basic/delete-xl.svg) no-repeat center center/100%;width:calc(max(1rem, 0.8334vw) * (24 / 16));height:calc(max(1rem, 0.8334vw) * (24 / 16));filter:invert(1)}.popup_header{display:flex;align-items:center;margin-bottom:calc(max(1rem, 0.8334vw) * (25 / 16))}.popup_header .icon{width:48px;height:48px;background-color:rgba(236,239,243,.5019607843);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:calc(max(1rem, 0.8334vw) * (15 / 16))}@media screen and (min-width: 1200px){.popup_header .icon{width:calc(max(1rem, 0.8334vw) * (48 / 16));height:calc(max(1rem, 0.8334vw) * (48 / 16))}.popup_header .icon img{width:calc(max(1rem, 0.8334vw) * (27 / 16));height:calc(max(1rem, 0.8334vw) * (19 / 16))}}.popup_content_copy{padding-bottom:calc(max(1rem, 0.8334vw) * (40 / 16));border-bottom:1px solid rgba(255,255,255,.3)}.popup_content .noti{margin-top:.9259vw}.popup_content .keywords{margin-top:calc(max(1rem, 0.8334vw) * (36 / 16))}.popup_content .keywords h2{margin-bottom:calc(max(1rem, 0.8334vw) * (22 / 16))}.popup_content .keywords ul{display:flex;justify-content:space-around}.popup_content .keywords ul li{text-align:center}.popup_content .keywords ul li .icon{width:calc(max(1rem, 0.8334vw) * (100 / 16));height:calc(max(1rem, 0.8334vw) * (100 / 16));display:flex;justify-content:center;align-items:center}.popup_content .keywords ul li .icon img{max-height:100%}@media screen and (min-width: 1200px){.popup_content .keywords ul li .icon{width:5.2083vw;height:5.2083vw}}@media screen and (max-width: 500px){.popup-etf{z-index:3001;overflow-y:scroll}.popup_ctn{top:0;left:0;width:100%;border-radius:0;padding:16px;padding-bottom:50px;min-height:100%}.popup_ctn .product-list{position:relative;top:0;margin-top:48px;right:auto;padding-right:0}.popup_ctn .product-list_ctn{padding-bottom:50px}.popup_ctn .product-list_grid{display:grid;grid-template-columns:repeat(2, 1fr);padding:0px;gap:8px}.popup_ctn .product-list_item{min-width:auto;margin-bottom:0}.popup_ctn .product-list_item .viewers-count_nb .unit{display:none}.popup_ctn .product-list_item .viewers-count_nb:before{content:"";display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;width:24px;height:24px;background:url(/assets/icons/basic/eye-icon.svg) no-repeat center center/100%;width:12px;height:9px;margin-right:6px}.popup_ctn .product-list_item .viewers-count_txt{display:none}.popup_ctn .product-list_item .brands>ul{flex-wrap:wrap}}.product-list{position:fixed;right:max(6.4rem,5vw);top:max(10.8rem,19vh);bottom:calc(max(1rem, 0.8334vw) * (24 / 16));overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;padding-right:30px;margin-right:-30px}.product-list::-webkit-scrollbar{width:1px;background-color:rgba(255,255,255,.15)}.product-list::-webkit-scrollbar-thumb{width:1px;background-color:rgba(255,255,255,.8)}.product-list.scroll:before,.product-list.scroll .custom-handle{display:block}.product-list:before{content:"";display:none;width:1px;height:95%;background-color:rgba(255,255,255,.15);position:absolute;right:20px;top:0}.product-list .custom-handle{display:none;width:1px;height:20%;background-color:rgba(255,255,255,.8);position:absolute;right:20px;top:0}@media screen and (max-width: 900px){.product-list_ctn{padding-bottom:10rem}}.product-list_item{min-width:calc(max(1rem, 0.8334vw) * (202 / 16));max-width:calc(max(1rem, 0.8334vw) * (304 / 16));height:calc(max(1rem, 0.8334vw) * (215 / 16));background:rgba(45,47,60,.1);border-radius:calc(max(1rem, 0.8334vw) * (30 / 16));border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin-bottom:calc(max(1rem, 0.8334vw) * (16 / 16));display:flex;flex-direction:column;align-items:flex-start;position:relative;cursor:pointer;transition:background-color .5s ease}.product-list_item a{display:block;width:100%;height:100%;padding:calc(max(1rem, 0.8334vw) * (24 / 16))}.product-list_item:hover{background-color:rgba(45,47,60,.7)}.product-list_item:hover:after{content:"";display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;width:24px;height:24px;background:url(/assets/icons/arrow/arrow_up_xl.svg) no-repeat center center/100%;width:calc(max(1rem, 0.8334vw) * (18 / 16));height:calc(max(1rem, 0.8334vw) * (18 / 16));position:absolute;top:calc(max(1rem, 0.8334vw) * (28 / 16));right:calc(max(1rem, 0.8334vw) * (28 / 16));transform:rotate(95deg);filter:invert(1)}.product-list_item:hover .viewers-count{display:none}.product-list .item_header{width:100%;display:flex;justify-content:space-between;margin-bottom:8px}.product-list .item_header .viewers-count{color:rgba(255,255,255,.5);font-size:max(1.1rem,.7292vw);font-weight:500;line-height:1;letter-spacing:-0.01em}.product-list .item_header .viewers-count_nb{color:#fff}.product-list .number{display:flex;font-weight:500;margin-bottom:12px}.product-list .number .percent{display:flex;align-items:center;font-weight:500}.product-list .number .percent.red{color:#e11d1d;margin-left:10px}.product-list .number .percent.red:before{display:block;content:"";width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-bottom:7px solid #e11d1d;margin-right:5px}.product-list .number .percent.blue{color:#00b7ff;margin-left:10px}.product-list .number .percent.blue:before{display:block;content:"";width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:7px solid #00b7ff;margin-right:5px}.product-list .item_footer .subtitle{color:rgba(255,255,255,.5);font-size:max(1rem,.7292vw);line-height:1.3;letter-spacing:-0.01em;margin-bottom:calc(max(1rem, 0.8334vw) * (8 / 16))}.product-list .item_footer .brands{display:flex;font-size:max(1.2rem,.7813vw);font-weight:400;line-height:1;font-family:"Red Hat"}.product-list .item_footer .brands ul{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.product-list .item_footer .brands ul li{flex:0 0 auto;border-radius:8px;border:1px solid rgba(255,255,255,.2);padding:6px 10px}.product-list .item_footer .brands .brands-nb{color:#00d4d0;margin-left:8px}@media screen and (min-width: 2500px){.product-list{height:calc(100% - max(10.8rem,22vh))}}
:root{--color-primary-black: #000;--color-primary-white: #FFF;--color-primary-blue: #1454FF;--color-primary-red: #E11D1D;--color-kodex-blue: #1454FF;--color-blue-dark: #000084;--color-blue-light1: #41AFFF;--color-blue-light2: #94D2FF;--color-blue-light3: #CFE9FF;--color-blue-hover: #033CD4;--color-orange-dark: #A01E00;--color-orange: #FA5317;--color-orange-light1: #FAA264;--color-orange-light2: #FACFAA;--color-pink-dark: #8C0054;--color-pink: #F000E8;--color-pink-light1: #FF80FF;--color-pink-light2: #FFC2FF;--color-purple-dark: #37007D;--color-purple: #6D13F7;--color-purple-light1: #A07DFF;--color-purple-light2: #D2C3FF;--color-mint-dark: #005955;--color-mint: #00D4D0;--color-mint-light1: #82E8E8;--color-mint-light2: #C3F6F0;--color-fund-blue1: #003CDC;--color-fund-blue2: #1898F4;--color-blue1: #326af3;--color-blue3: #00B7FF;--color-lime: #DAFE52;--color-green: #4CA951;--color-purple2: #4E00C7;--color-purple3: #7426ED;--color-green2: #5CBC62;--color-green3: #0D3F3C;--color-green4: #017A78;--color-green5: #00A2A0;--color-yellow1: #FFD52B;--color-yellow2: #FBB938;--color-pink2: #CE007C;--color-pink3: #FCAFFC;--color-pink4: #FF80A9;--color-orange1: #F65742;--color-gray-typo1: #111;--color-gray-typo2: #4D4D4D;--color-gray-typo3: #080101;--color-gray-typo4: #888888;--color-gray-typo5: #ACACAC;--color-gray-typo6: #616161}.hidden,[hidden]{display:none !important}.a11y{position:absolute !important;overflow:hidden;height:1px;width:1px;clip:rect(1px, 1px, 1px, 1px)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pre-line{white-space:pre-line}[motion-hover=out]{transition:transform .4s ease !important}@media(hover: hover){[motion-hover=out]:hover{transform:scale(0.97) !important}}[motion-hover=in]{transform:scale(1);transition:transform .4s ease !important}@media(hover: hover){[motion-hover=in]:hover{transform:scale(1.03) !important}}[motion-hover=up]{transform:translateY(0);transition:transform .4s ease !important}@media(hover: hover){[motion-hover=up]:hover{transform:translateY(calc(max(1rem, 0.8334vw) * (-10 / 16))) !important}}[motion-hover=s-up]{transform:translateY(0);transition:transform .4s ease !important}@media(hover: hover){[motion-hover=s-up]:hover{transform:translateY(calc(max(1rem, 0.8334vw) * (-5 / 16))) !important}}[motion-hover=shadow]{transform:translateY(0);transition:transform .4s ease,box-shadow .4s ease !important}@media(hover: hover){[motion-hover=shadow]:hover{transform:translateY(calc(max(1rem, 0.8334vw) * (-10 / 16))) !important;box-shadow:0px 5px 7px rgba(0,0,0,.03)}}[motion-hover=padding]{padding:calc(max(1rem, 0.8334vw) * (12 / 16));transition:padding .4s ease !important}@media(hover: hover){[motion-hover=padding]:hover{padding:calc(max(1rem, 0.8334vw) * (0 / 16))}}body,html{height:100%;margin:0;box-sizing:border-box}.virtual{height:100%;color:#fff}#root{height:100%;background:#000;background:linear-gradient(90deg, rgb(10, 4, 52) 0%, rgb(17, 14, 27) 53%, rgb(10, 4, 52) 100%)}.audio-btn{position:absolute;bottom:calc(max(1rem, 0.8334vw) * (60 / 16));left:max(6.4rem,5vw);z-index:10;cursor:pointer}.audio-btn .audio-on{width:25px;height:25px}.audio-btn.playing .audio-off{opacity:0;display:none}.audio-btn.muted .audio-on{display:none}.marker:hover{cursor:pointer}.pin-wrapper.hide{opacity:0;transform:scale(0)}.pin-wrapper{position:relative;user-select:none;z-index:1;text-align:center;transition:all .2s ease-in-out}.pin-wrapper:hover{transform:scale(1.4)}.pin-wrapper .svg{pointer-events:none;height:40px;margin-bottom:8px}.pin-wrapper .label{pointer-events:none;position:relative;color:#fff;font-size:20px;font-weight:500;text-shadow:0px 0px 12px rgba(0,0,0,.7)}.markers{position:fixed;left:max(6.4rem,5vw);top:50%;transform:translateY(-50%)}.markers .line{width:1px;height:100%;background-color:rgba(255,255,255,.15);position:absolute;left:20px;top:0}.markers .circle{width:28px;height:28px;border-radius:50%;background-color:rgba(0,212,208,.1);position:absolute;top:-58px;left:7px}.markers .circle:before{content:"";display:block;position:absolute;top:50%;border-radius:50%;transform:translate(-50%, -50%);background-color:#00d4d0;width:12px;height:12px;left:50%}.markers ul{list-style:none;position:relative;padding:calc(max(1rem, 0.8334vw) * (20 / 16)) 0 0 80px}.markers ul li{display:flex;align-items:center;padding-bottom:calc(max(1rem, 0.8334vw) * (50 / 16));cursor:pointer}.markers ul li:last-child{margin-bottom:0}.markers ul li.active,.markers ul li:hover{position:relative}.markers ul li.active span,.markers ul li:hover span{color:#00d4d0}.markers ul li>.icon{pointer-events:none;margin-right:24px;user-select:none}.markers ul li span{appearance:none;background-color:rgba(0,0,0,0);border:0;text-transform:uppercase;color:#fff;pointer-events:none}@media screen and (max-width: 500px){.markers{transform:none;top:170px;left:20px;width:140px;height:45px;background:rgba(225,225,225,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.markers_label{position:relative;display:flex;align-items:center;height:45px;padding:15px 18px}.markers_label:after{content:"";display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;width:24px;height:24px;background:url(/assets/icons/arrow/chevron_xl.svg) no-repeat center center/100%;width:calc(max(1rem, 0.8334vw) * (24 / 16));height:calc(max(1rem, 0.8334vw) * (24 / 16));position:absolute;top:calc(max(1rem, 0.8334vw) * (24 / 16));right:calc(max(1rem, 0.8334vw) * (24 / 16));transform:rotate(-90deg);filter:invert(1)}.markers.open{height:auto}.markers.open .markers_label:after{transform:rotate(90deg)}.markers.open ul{display:block;padding:15px 0 0;margin:0 18px;border-top:1px solid rgba(97,102,118,.2)}.markers ul{padding:0;display:none}.markers ul li{padding-bottom:calc(max(1rem, 0.8334vw) * (27 / 16))}.markers .line,.markers .circle{display:none}}.intro{width:100vw;height:100vh;display:flex;align-items:center;flex-direction:column;color:#fff;margin-top:calc(max(1rem, 0.8334vw) * (240 / 16));position:fixed;top:0;left:0;z-index:10}.intro__title{font-weight:700;font-size:max(5.7rem,4.4792vw);margin-bottom:calc(max(1rem, 0.8334vw) * (24 / 16))}.intro__subtitle{margin-bottom:calc(max(1rem, 0.8334vw) * (40 / 16))}.intro__btn{border:1px solid rgba(255,255,255,.8);border-radius:16px;font-size:max(1.5rem,.9375vw);text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;padding:16px 48px 16px 32px}@media screen and (min-width: 1900px){.intro__btn{padding:calc(max(1rem, 0.8334vw) * (16 / 16)) calc(max(1rem, 0.8334vw) * (48 / 16)) calc(max(1rem, 0.8334vw) * (16 / 16)) calc(max(1rem, 0.8334vw) * (32 / 16))}}.intro__btn>.label{width:100%;height:calc(max(1rem, 0.8334vw) * (20 / 16));overflow:hidden}.intro__btn>.label p{transform:translateY(0);transition:transform .5s ease-out;font-weight:500}.intro__btn:before,.intro__btn:after{content:"";display:block;position:absolute;top:50%}.intro__btn:before{width:1px;height:12px;background-color:#fff;transform:rotate(90deg) translateX(-6.5px);right:32px}.intro__btn:after{width:8px;height:8px;border-top:1px solid #fff;border-left:1px solid #fff;right:22px;transform:rotate(135deg) translateY(6px)}.intro__btn:hover>.label p{transform:translateY(calc(-21 / 16 * 1em));transition:transform .5s ease-out}.intro__btn:hover>.label p:after{content:"START EXPERIENCE";display:block;margin-top:calc(5 / 18 * 1em)}.tutorial{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1}.tutorial:before{display:block;content:"";width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,.5);z-index:2}.tutorial-ctn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;z-index:3}.tutorial-content{padding:calc(max(1rem, 0.8334vw) * (36 / 16)) calc(max(1rem, 0.8334vw) * (24 / 16));width:calc(max(1rem, 0.8334vw) * (380 / 16));height:calc(max(1rem, 0.8334vw) * (320 / 16));background:rgba(148,210,255,.09);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(15px);border-radius:calc(max(1rem, 0.8334vw) * (40 / 16));border:1px solid rgba(255,255,255,.2)}.tutorial-loaders{width:100%;height:1px;margin:0 0 calc(max(1rem, 0.8334vw) * (36 / 16));position:relative;display:flex;justify-content:space-between}.tutorial-loaders:before,.tutorial-loaders:after{content:"";display:block;position:absolute;top:0;width:calc(50% - 2px);height:1px;background:#fff;opacity:.5}.tutorial-loaders:after{right:0}.tutorial-loaders .loader{position:absolute;opacity:1;height:1px;background:#fff;top:0}.tutorial-loaders .loader:last-child{left:calc(50% + 1px)}.tutorial-skip{text-align:center;text-decoration:underline;color:#fff;opacity:.7;margin-top:calc(max(1rem, 0.8334vw) * (16 / 16));cursor:pointer;font-size:max(1.2rem,.7292vw)}.tutorial .animations{position:relative}.tutorial .lottie-ctn{position:absolute;top:0;left:0;text-align:center;width:100%}.tutorial .lottie-ctn .tag{line-height:150%;margin-bottom:calc(max(1rem, 0.8334vw) * (36 / 16));white-space:pre-wrap}.tutorial .lottie-ctn .lottie-content{width:140px;height:140px;margin:0 auto}@media screen and (min-width: 700px){.tutorial .lottie-ctn .lottie-content{width:calc(max(1rem, 0.8334vw) * (120 / 16));height:calc(max(1rem, 0.8334vw) * (120 / 16))}}@media screen and (max-width: 500px){.tutorial{z-index:3001}.tutorial-content{width:100vw;height:100vh;border-radius:0}.tutorial-skip{position:fixed;bottom:calc(max(1rem, 0.8334vw) * (60 / 16))}.tutorial .animations{height:100%}.tutorial .lottie-ctn{top:50%;transform:translateY(-50%)}}