h4[data-v-5b2dc27e]{position:sticky;left:0;font:700 .81rem Roboto;color:var(--color-light-grey-4);text-align:left;background:var(--color-black);margin:0;padding:1rem 0;cursor:grab;text-overflow:clip;border-bottom:1px solid var(--color-dark-grey-4)}span{&[data-v-5b2dc27e]{display:flex;justify-content:center;align-items:stretch;text-align:center;cursor:grab;border-bottom:1px solid var(--color-dark-grey-4)}div{&[data-v-5b2dc27e]{display:flex;justify-content:center;align-items:stretch;width:100%}p[data-v-5b2dc27e]{display:flex;align-items:center;justify-content:center;font:300 .81rem Roboto;color:var(--color-light-grey-4);text-align:center;cursor:grab;margin:0 2px;padding:1rem 0;width:100%;min-height:1rem}.img-container{&[data-v-5b2dc27e]{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;margin:0 2px}img[data-v-5b2dc27e]{width:18px;height:18px;background:var(--color-light-grey-7);border-radius:50%}}.bg-1[data-v-5b2dc27e]{background-color:var(--color-dark-grey-5)}.bg-2[data-v-5b2dc27e]{background-color:var(--color-dark-grey-3)}.last-col[data-v-5b2dc27e]{margin-right:0}}}@media(max-width:991px){h4[data-v-5b2dc27e]{overflow:hidden;padding:.8rem 0}}.hidden{button{display:none!important}height:16px}.main-markets{.searchbox-wrapper{position:relative;width:100%;max-width:420px;display:flex;justify-content:center;.btn-reset{width:40px;height:3rem;position:absolute;top:18px;right:0;background:transparent;outline:none;border:none;color:var(--color-light-grey-7)}}.markets-intro{display:flex;padding:0;justify-content:center;text-align:center;margin-bottom:90px;width:min(85%,var(--width-max));h1{font:700 3.625rem Roboto;color:var(--color-light-grey-4)}p{font:300 1rem/1.5rem Roboto;color:var(--color-light-grey-7)}input{display:flex;height:3rem;width:min(80%,25rem);padding-left:3rem;padding-right:3rem;margin-top:1rem;border:1px solid var(--color-dark-grey-4);border-radius:3px;font:300 1rem/1.5rem Roboto;color:var(--color-light-grey-7);background:transparent url(/search.svg) no-repeat 4% 50%;&:focus{outline:1px solid var(--color-light-grey-8)}&:active{outline:1px solid var(--color-light-grey-8)}}}.export-container{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;width:min(85%,var(--width-max));margin:1rem 1.5rem 1rem 0;padding:0;button{display:flex;gap:.5rem;border:none;background:transparent;font:300 .875rem Roboto;color:var(--color-silver);transition:.1s;padding:0;&:hover,&:active{color:var(--color-light-grey-4);.export-icon{background:url(/export-icon-hover.svg) no-repeat center;background-size:contain;width:1rem;height:1rem}}&:focus-visible{border:1px solid var(--color-light-grey-8)}.export-icon{display:flex;background:url(/export-icon.svg) no-repeat center;background-size:contain;width:1rem;height:1rem;transition:.1s}}.export-options-container{position:absolute;display:flex;flex-direction:column;background:var(--color-dark-grey-3);translate:0 133px;border-radius:3px;box-shadow:0 3px 11px var(--export-bg);padding:.75rem;width:5rem;z-index:3;h4{font:.68rem Roboto;color:var(--color-silver);margin:0 0 .5rem}button{display:flex;font:1rem Roboto;color:var(--color-light-grey-4);border-bottom:1px solid var(--color-dark-grey-4);padding:.5rem .25rem;transition:ease-in 80ms;&:hover{background:var(--color-dark-grey-4)}&:last-child{border-bottom:none}}hr{width:100%;border:1px solid var(--color-dark-grey-4)}}}.markets-grid-container{width:min(85%,var(--width-max));margin:0 auto;padding:0;.markets-grid{position:relative;display:grid;grid-template-columns:26.25rem repeat(14,158px);overflow:scroll;width:min(100%,var(--width-max));scrollbar-width:thin;scrollbar-color:var(--color-dark-grey-4) var(--color-black);&::-webkit-scrollbar{width:.8rem;height:.8rem;background:var(--color-black);border:solid 2px var(--color-black)}&::-webkit-scrollbar-track,&::-webkit-scrollbar-thumb,&::-webkit-scrollbar-corner{background:var(--color-black);margin-top:2.2rem;border:solid 2px var(--color-black)}&::-webkit-scrollbar-thumb{background:var(--color-dark-grey-4);border-radius:2rem;&:hover{color:var(--color-blue);cursor:pointer}}button{font:700 .81rem Roboto Mono;text-transform:uppercase;color:var(--color-light-grey-8);border:none;background:var(--color-black);margin:0;padding:.5rem 0;border-bottom:2px solid var(--color-dark-grey-4)}.market-categories{position:sticky;top:0;align-self:flex-start;z-index:1;padding:0;&:after{position:absolute;content:"";background:var(--market-gradient);width:100%;height:16px;left:0}span{display:flex;justify-content:center;align-items:center;margin:0 2px;padding:.62rem 0}.text-left{text-align:left;justify-content:flex-start}.bg-1{background-color:var(--color-dark-grey-5)}.bg-2{background-color:var(--color-dark-grey-3)}.last-col{margin-right:0}}.text-left{text-align:left;position:sticky;left:0;background:var(--color-black);z-index:2}.active{border-bottom:2px solid var(--color-blue)}}.fixedHeight{height:50rem}}@media(max-width:991px){.markets-intro{h1{font-size:40px}p{margin:16px auto;width:70%}}.markets-grid-container{margin-bottom:100px;.markets-grid{grid-template-columns:18rem repeat(14,120px);background:var(--color-black)}}}@media(max-width:767px){.markets-intro{p{width:100%;margin:1rem 0}}.markets-grid-container{.markets-grid{grid-template-columns:15rem repeat(14,120px)}}}@media(max-width:575px){.markets-intro{margin-bottom:42px;width:min(85%,30rem);text-align:left;h1{font-size:32px;width:100%}.searchbox-wrapper{input{width:min(100%,var(--width-max))}}}.markets-grid-container{margin-bottom:80px;.markets-grid{grid-template-columns:10rem repeat(14,120px);h4{font-size:.71rem;display:flex;align-items:center;padding:0 .2rem;max-height:49px;overflow:hidden}}}}}