@belvo-finance/belvo-vue-components
Version:
## Project setup ``` npm install ```
2 lines • 19.8 kB
CSS
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap);@use "sass:list";.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.col{flex-basis:0;flex-grow:1}.col-1{flex-basis:8.33333%;flex-grow:0}.col-offset-1{margin-left:8.33333%}.col-2{flex-basis:16.66667%;flex-grow:0}.col-offset-2{margin-left:16.66667%}.col-3{flex-basis:25%;flex-grow:0}.col-offset-3{margin-left:25%}.col-4{flex-basis:33.33333%;flex-grow:0}.col-offset-4{margin-left:33.33333%}.col-5{flex-basis:41.66667%;flex-grow:0}.col-offset-5{margin-left:41.66667%}.col-6{flex-basis:50%;flex-grow:0}.col-offset-6{margin-left:50%}.col-7{flex-basis:58.33333%;flex-grow:0}.col-offset-7{margin-left:58.33333%}.col-8{flex-basis:66.66667%;flex-grow:0}.col-offset-8{margin-left:66.66667%}.col-9{flex-basis:75%;flex-grow:0}.col-offset-9{margin-left:75%}.col-10{flex-basis:83.33333%;flex-grow:0}.col-offset-10{margin-left:83.33333%}.col-11{flex-basis:91.66667%;flex-grow:0}.col-offset-11{margin-left:91.66667%}.col-12{flex-basis:100%;flex-grow:0}.col-offset-12{margin-left:100%}.flex-first{order:-1}.flex-last{order:1}.flex-end{display:flex;justify-content:flex-end}.flex-start{display:flex;justify-content:flex-start}.flex-center{display:flex;justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-around{display:flex;justify-content:space-around}.flex-top{align-items:flex-start}.flex-middle{align-items:center}.flex-bottom{align-items:flex-end}.flex-self-center{align-self:center}.flex-self-start{align-self:flex-start}.flex-self-end{align-self:flex-end}@media screen and (min-width:20rem) and (max-width:39.9375rem){.col-sm{flex-basis:0;flex-grow:1}.col-sm-1{flex-basis:8.33333%;flex-grow:0}.col-offset-sm-1{margin-left:8.33333%}.col-sm-2{flex-basis:16.66667%;flex-grow:0}.col-offset-sm-2{margin-left:16.66667%}.col-sm-3{flex-basis:25%;flex-grow:0}.col-offset-sm-3{margin-left:25%}.col-sm-4{flex-basis:33.33333%;flex-grow:0}.col-offset-sm-4{margin-left:33.33333%}.col-sm-5{flex-basis:41.66667%;flex-grow:0}.col-offset-sm-5{margin-left:41.66667%}.col-sm-6{flex-basis:50%;flex-grow:0}.col-offset-sm-6{margin-left:50%}.col-sm-7{flex-basis:58.33333%;flex-grow:0}.col-offset-sm-7{margin-left:58.33333%}.col-sm-8{flex-basis:66.66667%;flex-grow:0}.col-offset-sm-8{margin-left:66.66667%}.col-sm-9{flex-basis:75%;flex-grow:0}.col-offset-sm-9{margin-left:75%}.col-sm-10{flex-basis:83.33333%;flex-grow:0}.col-offset-sm-10{margin-left:83.33333%}.col-sm-11{flex-basis:91.66667%;flex-grow:0}.col-offset-sm-11{margin-left:91.66667%}.col-sm-12{flex-basis:100%;flex-grow:0}.col-offset-sm-12{margin-left:100%}.flex-first-sm{order:-1}.flex-last-sm{order:1}.flex-end-sm{display:flex;justify-content:flex-end}.flex-start-sm{display:flex;justify-content:flex-start}.flex-center-sm{display:flex;justify-content:center}.flex-between-sm{display:flex;justify-content:space-between}.flex-around-sm{display:flex;justify-content:space-around}.flex-top-sm{align-items:flex-start}.flex-middle-sm{align-items:center}.flex-bottom-sm{align-items:flex-end}.flex-self-center-sm{align-self:center}.flex-self-start-sm{align-self:flex-start}.flex-self-end-sm{align-self:flex-end}}@media screen and (min-width:40rem) and (max-width:59.9375rem){.col-md{flex-basis:0;flex-grow:1}.col-md-1{flex-basis:8.33333%;flex-grow:0}.col-offset-md-1{margin-left:8.33333%}.col-md-2{flex-basis:16.66667%;flex-grow:0}.col-offset-md-2{margin-left:16.66667%}.col-md-3{flex-basis:25%;flex-grow:0}.col-offset-md-3{margin-left:25%}.col-md-4{flex-basis:33.33333%;flex-grow:0}.col-offset-md-4{margin-left:33.33333%}.col-md-5{flex-basis:41.66667%;flex-grow:0}.col-offset-md-5{margin-left:41.66667%}.col-md-6{flex-basis:50%;flex-grow:0}.col-offset-md-6{margin-left:50%}.col-md-7{flex-basis:58.33333%;flex-grow:0}.col-offset-md-7{margin-left:58.33333%}.col-md-8{flex-basis:66.66667%;flex-grow:0}.col-offset-md-8{margin-left:66.66667%}.col-md-9{flex-basis:75%;flex-grow:0}.col-offset-md-9{margin-left:75%}.col-md-10{flex-basis:83.33333%;flex-grow:0}.col-offset-md-10{margin-left:83.33333%}.col-md-11{flex-basis:91.66667%;flex-grow:0}.col-offset-md-11{margin-left:91.66667%}.col-md-12{flex-basis:100%;flex-grow:0}.col-offset-md-12{margin-left:100%}.flex-first-md{order:-1}.flex-last-md{order:1}.flex-end-md{display:flex;justify-content:flex-end}.flex-start-md{display:flex;justify-content:flex-start}.flex-center-md{display:flex;justify-content:center}.flex-between-md{display:flex;justify-content:space-between}.flex-around-md{display:flex;justify-content:space-around}.flex-top-md{align-items:flex-start}.flex-middle-md{align-items:center}.flex-bottom-md{align-items:flex-end}.flex-self-center-md{align-self:center}.flex-self-start-md{align-self:flex-start}.flex-self-end-md{align-self:flex-end}}@media screen and (min-width:60rem) and (max-width:9999rem){.col-lg{flex-basis:0;flex-grow:1}.col-lg-1{flex-basis:8.33333%;flex-grow:0}.col-offset-lg-1{margin-left:8.33333%}.col-lg-2{flex-basis:16.66667%;flex-grow:0}.col-offset-lg-2{margin-left:16.66667%}.col-lg-3{flex-basis:25%;flex-grow:0}.col-offset-lg-3{margin-left:25%}.col-lg-4{flex-basis:33.33333%;flex-grow:0}.col-offset-lg-4{margin-left:33.33333%}.col-lg-5{flex-basis:41.66667%;flex-grow:0}.col-offset-lg-5{margin-left:41.66667%}.col-lg-6{flex-basis:50%;flex-grow:0}.col-offset-lg-6{margin-left:50%}.col-lg-7{flex-basis:58.33333%;flex-grow:0}.col-offset-lg-7{margin-left:58.33333%}.col-lg-8{flex-basis:66.66667%;flex-grow:0}.col-offset-lg-8{margin-left:66.66667%}.col-lg-9{flex-basis:75%;flex-grow:0}.col-offset-lg-9{margin-left:75%}.col-lg-10{flex-basis:83.33333%;flex-grow:0}.col-offset-lg-10{margin-left:83.33333%}.col-lg-11{flex-basis:91.66667%;flex-grow:0}.col-offset-lg-11{margin-left:91.66667%}.col-lg-12{flex-basis:100%;flex-grow:0}.col-offset-lg-12{margin-left:100%}.flex-first-lg{order:-1}.flex-last-lg{order:1}.flex-end-lg{display:flex;justify-content:flex-end}.flex-start-lg{display:flex;justify-content:flex-start}.flex-center-lg{display:flex;justify-content:center}.flex-between-lg{display:flex;justify-content:space-between}.flex-around-lg{display:flex;justify-content:space-around}.flex-top-lg{align-items:flex-start}.flex-middle-lg{align-items:center}.flex-bottom-lg{align-items:flex-end}.flex-self-center-lg{align-self:center}.flex-self-start-lg{align-self:flex-start}.flex-self-end-lg{align-self:flex-end}}.row{box-sizing:border-box;display:flex;flex-wrap:wrap;width:100%}.flex{display:flex}.flex-col{display:flex;flex-direction:column}@font-face{font-family:Geomanist;font-style:normal;font-weight:600;src:url(https://statics.belvo.io/fonts/Geomanist-Medium.otf) format("opentype")}@font-face{font-family:Geomanist;font-style:italic;font-weight:300;src:url(https://statics.belvo.io/fonts/Geomanist-Light-Italic.otf) format("opentype")}@font-face{font-family:FiraCode;font-style:normal;font-weight:400;src:url(https://statics.belvo.io/fonts/FiraCode-Regular.ttf) format("truetype")}@font-face{font-family:FiraCode;font-style:normal;font-weight:700;src:url(https://statics.belvo.io/fonts/FiraCode-Bold.ttf) format("truetype")}.text-medium-60{font-family:Geomanist;font-weight:600;font-size:3.75rem;line-height:72px}.text-medium-52{font-family:Geomanist;font-weight:600;font-size:3.25rem;line-height:64px}.text-medium-40{font-family:Geomanist;font-weight:600;font-size:2.5rem;line-height:52px}.text-medium-36{font-family:Geomanist;font-weight:600;font-size:2.25rem;line-height:48px}.text-medium-32{font-family:Geomanist;font-weight:600;font-size:2rem;line-height:44px}.text-medium-28{font-family:'Noto Sans TC';font-weight:500;font-size:1.75rem;line-height:40px}.text-medium-24{font-family:'Noto Sans TC';font-weight:500;font-size:1.5rem;line-height:36px}.text-medium-20{font-family:'Noto Sans TC';font-weight:500;font-size:1.25rem;line-height:32px}.text-medium-18{font-family:'Noto Sans TC';font-weight:500;font-size:1.125rem;line-height:30px}.text-medium-16{font-family:'Noto Sans TC';font-weight:500;font-size:1rem;line-height:28px}.text-medium-14{font-family:'Noto Sans TC';font-weight:500;font-size:.875rem;line-height:26px}.text-medium-12{font-family:'Noto Sans TC';font-weight:500;font-size:.75rem;line-height:24px}.text-regular-28{font-family:'Noto Sans TC';font-weight:400;font-size:1.75rem;line-height:40px}.text-regular-24{font-family:'Noto Sans TC';font-weight:400;font-size:1.5rem;line-height:36px}.text-regular-20{font-family:'Noto Sans TC';font-weight:400;font-size:1.25rem;line-height:32px}.text-regular-18{font-family:'Noto Sans TC';font-weight:400;font-size:1.125rem;line-height:30px}.text-regular-16{font-family:'Noto Sans TC';font-weight:400;font-size:1rem;line-height:28px}.text-regular-14{font-family:'Noto Sans TC';font-weight:400;font-size:.875rem;line-height:26px}.text-regular-12{font-family:'Noto Sans TC';font-weight:400;font-size:.75rem;line-height:24px}.text-code-14{font-family:FiraCode;font-weight:400;font-size:.875rem;line-height:26px}.text-code-12{font-family:FiraCode;font-weight:400;font-size:.75rem;line-height:24px}@font-face{font-family:Geomanist;font-style:normal;font-weight:400;src:url(https://statics.belvo.io/fonts/Geomanist-Regular.otf) format("opentype")}@font-face{font-family:Geomanist;font-style:normal;font-weight:300;src:url(https://statics.belvo.io/fonts/Geomanist-Book.otf) format("opentype")}@font-face{font-family:Geomanist;font-style:normal;font-weight:700;src:url(https://statics.belvo.io/fonts/Geomanist-Bold.otf) format("opentype")}@font-face{font-family:Geomanist;font-style:normal;font-weight:500;src:url(https://statics.belvo.io/fonts/Geomanist-Medium.otf) format("opentype")}@font-face{font-family:Geomanist;font-style:italic;font-weight:300;src:url(https://statics.belvo.io/fonts/Geomanist-Light-Italic.otf) format("opentype")}@font-face{font-family:FiraCode;font-style:normal;font-weight:400;src:url(https://statics.belvo.io/fonts/FiraCode-Regular.ttf) format("truetype")}@font-face{font-family:FiraCode;font-style:normal;font-weight:700;src:url(https://belvo-login-widget.s3.us-east-2.amazonaws.com/fonts/FiraCode-Bold.ttf) format("truetype")}.text-king-title{font-family:Geomanist;font-weight:700}@media screen and (min-width:60rem){.text-king-title{font-size:56px;line-height:64px}}@media screen and (min-width:40rem) and (max-width:59.9375rem){.text-king-title{font-size:56px;line-height:64px}}@media screen and (min-width:20rem) and (max-width:39.9375rem){.text-king-title{font-size:32px;line-height:40px}}.text-title{font-family:Geomanist;font-weight:600}@media screen and (min-width:60rem){.text-title{font-size:32px;line-height:40px}}@media screen and (min-width:40rem) and (max-width:59.9375rem){.text-title{font-size:32px;line-height:40px}}@media screen and (min-width:20rem) and (max-width:39.9375rem){.text-title{font-size:24px;line-height:32px}}.text-title-2{font-family:Geomanist;font-weight:600;font-size:18px;line-height:26px}.text-title-3{font-family:Geomanist;font-weight:300;font-size:24px;line-height:32px}.text-title-4{font-family:Geomanist;font-weight:400;font-size:24px;line-height:32px}.text-title-italic{font-family:Geomanist;font-style:italic;font-weight:300}@media screen and (min-width:60rem){.text-title-italic{font-size:24px;line-height:32px}}@media screen and (min-width:40rem) and (max-width:59.9375rem){.text-title-italic{font-size:24px;line-height:32px}}@media screen and (min-width:20rem) and (max-width:39.9375rem){.text-title-italic{font-size:24px;line-height:32px}}.text-section{font-family:Geomanist;font-weight:300;font-size:16px;line-height:24px}.text-text{font-family:Geomanist;font-weight:400;font-size:16px;line-height:24px}.text-text-small{font-family:Geomanist;font-weight:300;font-size:14px;line-height:22px}.text-text-small2{font-family:Geomanist;font-weight:400;font-size:14px;line-height:22px}.text-text-large{font-family:Geomanist;font-weight:400}@media screen and (min-width:60rem){.text-text-large{font-size:18px;line-height:28px}}@media screen and (min-width:40rem) and (max-width:59.9375rem){.text-text-large{font-size:18px;line-height:28px}}@media screen and (min-width:20rem) and (max-width:39.9375rem){.text-text-large{font-size:16px;line-height:24px}}.text-label{font-family:Geomanist;font-weight:400;font-size:12px;line-height:16px}.text-text-caption{font-family:Geomanist;font-weight:300;font-size:11px;line-height:16px}.text-button{font-family:Geomanist;font-weight:300;font-size:16px;line-height:24px}.text-footer-title{font-family:Geomanist;font-weight:700;font-size:11px;line-height:24px}.text-footer-item{font-family:Geomanist;font-weight:400;font-size:12px;line-height:24px}.code-text-normal{font-family:FiraCode;font-weight:400;line-height:24px}@media screen and (min-width:60rem){.code-text-normal{font-size:16px}}@media screen and (min-width:40rem) and (max-width:59.9375rem){.code-text-normal{font-size:16px}}@media screen and (min-width:20rem) and (max-width:39.9375rem){.code-text-normal{font-size:14px}}.code-text-bold{font-family:FiraCode;font-weight:700;line-height:24px}@media screen and (min-width:60rem){.code-text-bold{font-size:16px}}@media screen and (min-width:40rem) and (max-width:59.9375rem){.code-text-bold{font-size:16px}}@media screen and (min-width:20rem) and (max-width:39.9375rem){.code-text-bold{font-size:14px}}.translate-enter-active,.translate-leave-active{transition:transform .2s ease}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter,.fade-leave-to{opacity:0}.scale-enter-active,.scale-leave-active{transition:width .2s ease}.scale-enter{width:100%}.scale-height-bottom-enter-active,.scale-height-bottom-leave-active{transition:transform .2s ease;transform-origin:bottom}.scale-height-bottom-enter,.scale-height-bottom-leave-to{transform:scaleY(0)}.translateY-enter{animation:translate-in .2s ease-out}.translateY-leave-to{animation:translate-out .2s ease-out}.translateY-in{animation:translate-in .2s ease-out}.translateY-out{animation:translate-out .2s ease-out}@keyframes translateY-in{0%{opacity:0;transform:translateY(128px)}100%{opacity:1;transform:translateY(0)}}@keyframes translateY-out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(128px)}}.z-1{z-index:1}.ripple,.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-6{z-index:6}.z-7{z-index:7}.z-8{z-index:8}.z-9{z-index:9}.z-10{z-index:10}.p-0{padding:0}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-right:0;padding-left:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-xs{padding:.25rem}.py-xs{padding-top:.25rem;padding-bottom:.25rem}.px-xs{padding-right:.25rem;padding-left:.25rem}.pt-xs{padding-top:.25rem}.pr-xs{padding-right:.25rem}.pb-xs{padding-bottom:.25rem}.pl-xs{padding-left:.25rem}.p-s{padding:.5rem}.py-s{padding-top:.5rem;padding-bottom:.5rem}.px-s{padding-right:.5rem;padding-left:.5rem}.pt-s{padding-top:.5rem}.pr-s{padding-right:.5rem}.pb-s{padding-bottom:.5rem}.pl-s{padding-left:.5rem}.p-m{padding:1rem}.py-m{padding-top:1rem;padding-bottom:1rem}.px-m{padding-right:1rem;padding-left:1rem}.pt-m{padding-top:1rem}.pr-m{padding-right:1rem}.pb-m{padding-bottom:1rem}.pl-m{padding-left:1rem}.p-l{padding:1.5rem}.py-l{padding-top:1.5rem;padding-bottom:1.5rem}.px-l{padding-right:1.5rem;padding-left:1.5rem}.pt-l{padding-top:1.5rem}.pr-l{padding-right:1.5rem}.pb-l{padding-bottom:1.5rem}.pl-l{padding-left:1.5rem}.p-xl{padding:2rem}.py-xl{padding-top:2rem;padding-bottom:2rem}.px-xl{padding-right:2rem;padding-left:2rem}.pt-xl{padding-top:2rem}.pr-xl{padding-right:2rem}.pb-xl{padding-bottom:2rem}.pl-xl{padding-left:2rem}.p-2xl{padding:2.5rem}.py-2xl{padding-top:2.5rem;padding-bottom:2.5rem}.px-2xl{padding-right:2.5rem;padding-left:2.5rem}.pt-2xl{padding-top:2.5rem}.pr-2xl{padding-right:2.5rem}.pb-2xl{padding-bottom:2.5rem}.pl-2xl{padding-left:2.5rem}.p-3xl{padding:3rem}.py-3xl{padding-top:3rem;padding-bottom:3rem}.px-3xl{padding-right:3rem;padding-left:3rem}.pt-3xl{padding-top:3rem}.pr-3xl{padding-right:3rem}.pb-3xl{padding-bottom:3rem}.pl-3xl{padding-left:3rem}.m-0{margin:0}.my-0{margin-top:0;margin-bottom:0}.mx-0{margin-right:0;margin-left:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-xs{margin:.25rem}.my-xs{margin-top:.25rem;margin-bottom:.25rem}.mx-xs{margin-right:.25rem;margin-left:.25rem}.mt-xs{margin-top:.25rem}.mr-xs{margin-right:.25rem}.mb-xs{margin-bottom:.25rem}.ml-xs{margin-left:.25rem}.m-s{margin:.5rem}.my-s{margin-top:.5rem;margin-bottom:.5rem}.mx-s{margin-right:.5rem;margin-left:.5rem}.mt-s{margin-top:.5rem}.mr-s{margin-right:.5rem}.mb-s{margin-bottom:.5rem}.ml-s{margin-left:.5rem}.m-m{margin:1rem}.my-m{margin-top:1rem;margin-bottom:1rem}.mx-m{margin-right:1rem;margin-left:1rem}.mt-m{margin-top:1rem}.mr-m{margin-right:1rem}.mb-m{margin-bottom:1rem}.ml-m{margin-left:1rem}.m-l{margin:1.5rem}.my-l{margin-top:1.5rem;margin-bottom:1.5rem}.mx-l{margin-right:1.5rem;margin-left:1.5rem}.mt-l{margin-top:1.5rem}.mr-l{margin-right:1.5rem}.mb-l{margin-bottom:1.5rem}.ml-l{margin-left:1.5rem}.m-xl{margin:2rem}.my-xl{margin-top:2rem;margin-bottom:2rem}.mx-xl{margin-right:2rem;margin-left:2rem}.mt-xl{margin-top:2rem}.mr-xl{margin-right:2rem}.mb-xl{margin-bottom:2rem}.ml-xl{margin-left:2rem}.m-2xl{margin:2.5rem}.my-2xl{margin-top:2.5rem;margin-bottom:2.5rem}.mx-2xl{margin-right:2.5rem;margin-left:2.5rem}.mt-2xl{margin-top:2.5rem}.mr-2xl{margin-right:2.5rem}.mb-2xl{margin-bottom:2.5rem}.ml-2xl{margin-left:2.5rem}.m-3xl{margin:3rem}.my-3xl{margin-top:3rem;margin-bottom:3rem}.mx-3xl{margin-right:3rem;margin-left:3rem}.mt-3xl{margin-top:3rem}.mr-3xl{margin-right:3rem}.mb-3xl{margin-bottom:3rem}.ml-3xl{margin-left:3rem}.border-bottom{border-bottom:1px solid #f0f2f4}.ripple{position:relative}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=belvo-design.min.css.map */