@font-face{font-family:Neue Haas Grotesk Display Pro\";src:url(/NeueHaasDisplayMediu.b874ac53.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Aktiv Grotesk Regular;src:url(/AktivGrotesk-Regular.6d5dbd76.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aktiv Grotesk Bold;src:url(/AktivGrotesk-Bold.5ceb5947.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100%}@media only screen and (max-width:62.5em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}@media only screen and (max-width:37.5em){html{font-size:46.87%}}@media only screen and (min-width:112.5em){html{font-size:75%}}body{font-family:Aktiv Grotesk Regular,sans-serif;color:#fff;background-color:#101119;background-repeat:no-repeat;background-position:bottom;background-size:100%;min-height:75rem;width:100%}.container{display:none;grid-template-columns:1fr repeat(12,minmax(min-content,10rem)) 1fr;grid-row-gap:5rem;padding:3rem;height:100%}@media only screen and (max-width:37.5em){.container{display:flex;overflow:hidden;width:100%;flex-direction:column}}.h1{font-size:4.5rem;font-family:Aktiv Grotesk Bold,sans-serif;color:#fff;letter-spacing:-3px}.convert-container__box .amount,.h2{font-size:3rem;text-transform:capitalize;letter-spacing:-1.5px;margin-bottom:2rem}.h3{font-size:1.3rem;letter-spacing:2px;padding:1rem 0}.h3,.h4{text-transform:uppercase}.h4{font-size:1rem;color:#757373;margin-bottom:1rem}.paragraph{font-size:1.35rem;color:#757373}.loader{position:fixed;width:100%;height:100vh;background-color:#567dfd;overflow:hidden;z-index:999}.loader__wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.loader__wrapper .convert-from,.loader__wrapper .convert-to,.loader__wrapper .equal{letter-spacing:2px}.p{color:#fff;font-size:1.5rem;font-family:Aktiv Grotesk Bold,sans-serif;margin-bottom:2rem}.desktop-mode{display:flex;height:100vh;width:100%;background-color:#101119;overflow:hidden;position:fixed}@media only screen and (max-width:37.5em){.desktop-mode{display:none}}.desktop-mode .desktop-marquee{cursor:pointer;border-top:1px solid #bdbcbc;border-bottom:1px solid #bdbcbc;animation:swipe 500s linear infinite normal;display:flex;height:25.74vh!important;top:35%;position:absolute;transform:rotate(270deg);transform-origin:71vh 427%;margin:4vh 0}.desktop-mode .desktop-marqueeText{color:#bdbcbc;font-family:Neue Haas Grotesk Display Pro,Arial,Helvetica,sans-serif;transition:all .1s linear;font-size:6.25rem;padding:4.25rem 3.46875rem;width:700px}.convert-container{grid-column:2/14;background-color:#101119;padding:2.5rem 3rem 2rem 1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:top}@media only screen and (max-width:37.5em){.convert-container{flex-direction:column}}.convert-container__box{flex-basis:25%}@media only screen and (max-width:37.5em){.convert-container__box:not(:last-child){margin-bottom:2.5rem}.convert-container__box:last-child{display:flex;flex-direction:row;width:100%}}.convert-container__box:nth-child(3) .amount-flex input,.convert-container__box select{background-color:#fff;padding:1.2rem;border:3px solid #fff;cursor:pointer;outline:none}.convert-container__box:nth-child(2){display:flex;flex-direction:column}.convert-container__box:nth-child(2) .currency{display:flex;margin-bottom:1.5rem}.convert-container__box:nth-child(2) .currency .from{width:30%;display:flex;flex-direction:column}.convert-container__box:nth-child(2) .currency .swap{width:40%;border:none;padding:0 4.5rem;background:transparent}.convert-container__box:nth-child(2) .currency .swap button{border:4px solid;background:transparent;width:55px;height:100%;line-height:3;font-size:2rem;display:grid;border-radius:109%;outline:none;background-repeat:no-repeat;background-position:50%;background-image:url(/converter-icon.0bfada03.svg)}.convert-container__box:nth-child(2) .currency .to{width:30%;display:flex;flex-direction:column}.convert-container__box:nth-child(2) .rate-container{display:flex;justify-content:center}.convert-container__box:first-child{align-self:center}@media only screen and (max-width:37.5em){.convert-container__box:first-child{align-self:flex-start}.convert-container__box:first-child p{width:70%}}.convert-container__box:nth-child(3) .amount-flex{display:flex;flex-direction:column}.convert-container__box:nth-child(3) .amount-flex input{cursor:text;margin-bottom:2rem;outline:none}.convert-container__box .amount{margin-bottom:2rem;padding-bottom:3.5rem;margin-top:0;width:50%;text-align:center;background-position-y:70%}.convert-container__box .amount:before{content:"=";display:flex;margin:0 15%;position:relative;bottom:-3.5rem}.nav{grid-column:1/15;display:flex;align-items:center}.nav .sabi-logo{font-style:italic;margin-right:auto;font-weight:900;font-size:4rem}.nav .sabi-logo:after{content:"Satisfied Rate";font-size:1rem;text-transform:uppercase;display:flex;font-style:normal;letter-spacing:1px}.nav .timeContainer{display:flex;align-items:center}.nav .time{margin-left:2rem;padding:1.2rem 2rem;background-color:#fff;color:#000;text-transform:uppercase;font-size:1.2rem;background-repeat:no-repeat;background-position:68% 48%}.marquee{display:flex;align-items:center}@media only screen and (max-width:56.25em){.marquee{flex-direction:column}.marquee__rates{margin-top:3rem}}.marquee__heading{margin-right:auto;display:flex;flex-direction:column}.marquee .date{font-size:1.4rem;letter-spacing:0;padding:2rem 4rem;text-transform:uppercase;color:#fff;margin-top:2rem;font-family:Aktiv Grotesk Bold,sans-serif;align-self:flex-start}.marquee__rates{width:75rem;overflow-x:hidden;position:relative}@media only screen and (max-width:37.5em){.marquee__rates{width:55rem}}@media only screen and (max-width:28.4375em){.marquee__rates{width:40rem}}@media only screen and (max-width:22.5em){.marquee__rates{width:30rem}}.marquee__rates:before{background-image:linear-gradient(90deg,#101119 3%,rgba(7,7,7,0) 25%)}.marquee__rates:after,.marquee__rates:before{content:"";display:block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1}.marquee__rates:after{background-image:linear-gradient(270deg,#101119 3%,rgba(7,7,7,0) 25%)}.marquee__rates .table-wrapper{display:flex;animation:swipe 30s ease-in-out infinite alternate}.marquee__rates .table-wrapper table{border-spacing:1rem;border-collapse:separate;margin-right:1rem}.marquee__rates .table-wrapper table tr th{text-transform:capitalize;color:#567dfd;text-align:left;padding-right:1rem}.marquee__rates .table-wrapper table tr td{padding:1rem 0;font-size:1.3rem}.marquee__rates .table-wrapper table tr .code{color:#fff;font-size:1.5rem}footer{width:100%;padding:1rem 3rem;position:absolute;bottom:0}footer .credits{text-transform:uppercase;font-size:1rem;letter-spacing:2px}footer .credits-modal{position:fixed;bottom:0;left:0;height:40vh;width:100%;color:#000;background-color:#fff;border-top-right-radius:1rem;border-top-left-radius:1rem;display:none;flex-direction:column;padding:3rem;gap:40px;transform:translateY(290px);touch-action:none;z-index:5}footer .credits-modal .credits-marquee{cursor:pointer;border-top:1px solid #bdbcbc;border-bottom:1px solid #bdbcbc;animation:swipe 80s linear infinite normal;display:flex}@media only screen and (max-width:37.5em){footer .credits-modal .credits-marquee{position:absolute!important;height:15.74vh!important;transform:rotate(270deg);transform-origin:71vh 427%;margin:4vh 0;top:15%;z-index:-1;opacity:.5}}footer .credits-modal .credits-marqueeText{color:#bdbcbc;font-family:Neue Haas Grotesk Display Pro,Arial,Helvetica,sans-serif;transition:all .1s linear}@media only screen and (max-width:37.5em){footer .credits-modal .credits-marqueeText{padding:0 3.9vh;font-size:7.25rem;line-height:98.49%;padding:4.25rem 3.46875rem}}footer .credits-modal.show{display:flex;transform:translateY(0)}@keyframes swipe{0%{transform:translateX(2%)}to{transform:translateX(-110%)}}.one{width:100%;display:flex;justify-content:space-between;padding:0 3rem 0 2rem;height:5vh}
/*# sourceMappingURL=/main.92a8cad4.css.map */