@ivanjk/base-component
Version:
A modular Vue.js component for building UI Components
2 lines (1 loc) • 32.9 kB
CSS
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr;padding:0 2rem}}.ktv-bg-position-bottom{background-position:bottom}.ktv-bg-position-center{background-position:center}.ktv-bg-position-left{background-position:left}.ktv-bg-position-left-bottom{background-position:left bottom}.ktv-bg-position-left-top{background-position:left top}.ktv-bg-position-right{background-position:right}.ktv-bg-position-right-bottom{background-position:right bottom}.ktv-bg-position-right-top{background-position:right top}.ktv-bg-position-top{background-position:top}.ktv-bg-repeat{background-repeat:repeat}.ktv-bg-no-repeat{background-repeat:no-repeat}.ktv-bg-repeat-x{background-repeat:repeat-x}.ktv-bg-repeat-y{background-repeat:repeat-y}.ktv-bg-repeat-round{background-repeat:round}.ktv-bg-repeat-space{background-repeat:space}.ktv-bg-size-auto{background-size:auto}.ktv-bg-size-cover{background-size:cover}.ktv-bg-size-contain{background-size:contain}.ktv-radius-2{border-radius:2px}.ktv-radius-4{border-radius:4px}.ktv-radius-6{border-radius:6px}.ktv-radius-8{border-radius:8px}.ktv-radius-10{border-radius:10px}.ktv-radius-12{border-radius:12px}.ktv-radius-14{border-radius:14px}.ktv-radius-16{border-radius:16px}.ktv-radius-18{border-radius:18px}.ktv-radius-20{border-radius:20px}.ktv-radius-22{border-radius:22px}.ktv-radius-24{border-radius:24px}.ktv-radius-26{border-radius:26px}.ktv-radius-28{border-radius:28px}.ktv-radius-30{border-radius:30px}.ktv-radius-32{border-radius:32px}.ktv-radius-34{border-radius:34px}.ktv-radius-36{border-radius:36px}.ktv-radius-38{border-radius:38px}.ktv-radius-40{border-radius:40px}.ktv-radius-42{border-radius:42px}.ktv-radius-44{border-radius:44px}.ktv-radius-46{border-radius:46px}.ktv-radius-48{border-radius:48px}.ktv-radius-50{border-radius:50px}.ktv-border-solid{border-style:solid}.ktv-border-dashed{border-style:dashed}.ktv-border-dotted{border-style:dotted}.ktv-border-double{border-style:double}.ktv-border-hidden{border-style:hidden}.ktv-border-none{border:none}.ktv-outline-solid{outline-style:solid}.ktv-outline-dashed{outline-style:dashed}.ktv-outline-dotted{outline-style:dotted}.ktv-outline-double{outline-style:double}.ktv-outline-none{outline:none}.white{color:#fff}.green-120{color:#0a753e}.green-110{color:#099c50}.green-100{color:#2bbe72}.green-90{color:#4ac987}.green-80{color:#68d49c}.green-70{color:#87dfb1}.green-60{color:#a6e9c6}.green-50{color:#c4f4db}.green-40{color:#e3fff0}.red-120{color:#a21e1f}.red-110{color:#ca2e2f}.red-100{color:#db4d4e}.red-90{color:#e1696a}.red-80{color:#e78586}.red-70{color:#eda2a2}.red-60{color:#f3bebe}.red-50{color:#f9dada}.red-40{color:#fff6f6}.black-100{color:#121314}.black-80{color:#494a4a}.black-60{color:#828383}.black-50{color:#9f9fa0}.black-40{color:#bcbcbc}.black-30{color:#d8d8d9}.black-20{color:#f5f5f5}.bg-blue,.blue{color:#54a7dc}.background-white{background:#fff}.background-green-100{background:#2bbe72}.background-red{background:#db4d4e}.background-black-100{background:#121314}.background-black-80{background:#494a4a}.background-black-60{background:#828383}.background-black-50{background:#9f9fa0}.background-black-40{background:#bcbcbc}.background-black-30{background:#d8d8d9}.background-black-20{background:#f5f5f5}.background-blue{background:#54a7dc}.background-transparent{background:transparent}.ktv-box-shadow-sm{box-shadow:0 1px 2px #0000000d}.ktv-box-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.ktv-box-shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.ktv-box-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.ktv-box-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.ktv-box-shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.ktv-box-shadow-inner{box-shadow:inset 0 2px 4px #0000000d}.ktv-box-shadow-none{box-shadow:0 0 #0000}.ktv-opacity-0{opacity:0}.ktv-opacity-5{opacity:.05}.ktv-opacity-10{opacity:.1}.ktv-opacity-20{opacity:.2}.ktv-opacity-25{opacity:.25}.ktv-opacity-30{opacity:.3}.ktv-opacity-40{opacity:.4}.ktv-opacity-50{opacity:.5}.ktv-opacity-60{opacity:.6}.ktv-opacity-70{opacity:.7}.ktv-opacity-75{opacity:.75}.ktv-opacity-80{opacity:.8}.ktv-opacity-90{opacity:.9}.ktv-opacity-95{opacity:.95}.ktv-opacity-100{opacity:1}.ktv-flex-1{flex:1 1 0%}.ktv-flex-auto{flex:1 1 auto}.ktv-flex-initial{flex:0 1 auto}.ktv-flex-none{flex:none}.ktv-flex-row{flex-direction:row}.ktv-flex-row-reverse{flex-direction:row-reverse}.ktv-flex-column{flex-direction:column}.ktv-flex-column-reverse{flex-direction:column-reverse}.ktv-flex-wrap{flex-wrap:wrap}.ktv-flex-wrap-reverse{flex-wrap:wrap-reverse}.ktv-flex-nowrap{flex-wrap:nowrap}.ktv-grow{flex-grow:1}.ktv-grow-0{flex-grow:0}.ktv-shrink{flex-shrink:1}.ktv-shrink-0{flex-shrink:0}.ktv-justify-content-normal{justify-content:normal}.ktv-justify-content-start{justify-content:flex-start}.ktv-justify-content-end{justify-content:flex-end}.ktv-justify-content-center{justify-content:center}.ktv-justify-content-between{justify-content:space-between}.ktv-justify-content-around{justify-content:space-around}.ktv-justify-content-evenly{justify-content:space-evenly}.ktv-justify-content-stretch{justify-content:stretch}.ktv-justify-items-start{justify-items:start}.ktv-justify-items-end{justify-items:end}.ktv-justify-items-center{justify-items:center}.ktv-justify-items-stretch{justify-items:stretch}.ktv-justify-self-auto{justify-self:auto}.ktv-justify-self-start{justify-self:start}.ktv-justify-self-end{justify-self:end}.ktv-justify-self-center{justify-self:center}.ktv-justify-self-stretch{justify-self:stretch}.ktv-align-content-normal{align-content:normal}.ktv-align-content-center{align-content:center}.ktv-align-content-start{align-content:flex-start}.ktv-align-content-end{align-content:flex-end}.ktv-align-content-between{align-content:space-between}.ktv-align-content-around{align-content:space-around}.ktv-align-content-evenly{align-content:space-evenly}.ktv-align-content-baseline{align-content:baseline}.ktv-align-content-stretch{align-content:stretch}.ktv-align-items-start{align-items:flex-start}.ktv-align-items-end{align-items:flex-end}.ktv-align-items-center{align-items:center}.ktv-align-items-baseline{align-items:baseline}.ktv-align-items-stretch{align-items:stretch}.ktv-align-self-auto{align-self:auto}.ktv-align-self-start{align-self:flex-start}.ktv-align-self-end{align-self:flex-end}.ktv-align-self-center{align-self:center}.ktv-align-self-stretch{align-self:stretch}.ktv-align-self-baseline{align-self:baseline}.ktv-cursor-auto{cursor:auto}.ktv-cursor-default{cursor:default}.ktv-cursor-pointer{cursor:pointer}.ktv-cursor-wait{cursor:wait}.ktv-cursor-text{cursor:text}.ktv-cursor-move{cursor:move}.ktv-cursor-help{cursor:help}.ktv-cursor-not-allowed{cursor:not-allowed}.ktv-cursor-none{cursor:none}.ktv-cursor-context-menu{cursor:context-menu}.ktv-cursor-progress{cursor:progress}.ktv-cursor-cell{cursor:cell}.ktv-cursor-crosshair{cursor:crosshair}.ktv-cursor-vertical-text{cursor:vertical-text}.ktv-cursor-alias{cursor:alias}.ktv-cursor-copy{cursor:copy}.ktv-cursor-no-drop{cursor:no-drop}.ktv-cursor-grab{cursor:grab}.ktv-cursor-grabbing{cursor:grabbing}.ktv-cursor-all-scroll{cursor:all-scroll}.ktv-cursor-col-resize{cursor:col-resize}.ktv-cursor-row-resize{cursor:row-resize}.ktv-cursor-n-resize{cursor:n-resize}.ktv-cursor-e-resize{cursor:e-resize}.ktv-cursor-s-resize{cursor:s-resize}.ktv-cursor-w-resize{cursor:w-resize}.ktv-cursor-ne-resize{cursor:ne-resize}.ktv-cursor-nw-resize{cursor:nw-resize}.ktv-cursor-se-resize{cursor:se-resize}.ktv-cursor-sw-resize{cursor:sw-resize}.ktv-cursor-ew-resize{cursor:ew-resize}.ktv-cursor-ns-resize{cursor:ns-resize}.ktv-cursor-nesw-resize{cursor:nesw-resize}.ktv-cursor-nwse-resize{cursor:nwse-resize}.ktv-cursor-zoom-in{cursor:zoom-in}.ktv-cursor-zoom-out{cursor:zoom-out}.ktv-scroll-auto{scroll-behavior:auto}.ktv-scroll-smooth{scroll-behavior:smooth}.ktv-select-none{-webkit-user-select:none;user-select:none}.ktv-select-text{-webkit-user-select:text;user-select:text}.ktv-select-all{-webkit-user-select:all;user-select:all}.ktv-select-auto{-webkit-user-select:auto;user-select:auto}.ktv-d-block{display:block}.ktv-d-inline-block{display:inline-block}.ktv-d-inline{display:inline}.ktv-d-flex{display:flex}.ktv-d-inline-flex{display:inline-flex}.ktv-d-table{display:table}.ktv-d-inline-table{display:inline-table}.ktv-d-table-caption{display:table-caption}.ktv-d-table-cell{display:table-cell}.ktv-d-table-column{display:table-column}.ktv-d-table-column-group{display:table-column-group}.ktv-d-table-footer-group{display:table-footer-group}.ktv-d-table-header-group{display:table-header-group}.ktv-d-table-row-group{display:table-row-group}.ktv-d-table-row{display:table-row}.ktv-d-flow-root{display:flow-root}.ktv-d-grid{display:grid}.ktv-d-inline-grid{display:inline-grid}.ktv-d-contents{display:contents}.ktv-d-list-item{display:list-item}.ktv-d-none{display:none}.ktv-float-right{float:right}.ktv-float-left{float:left}.ktv-float-none{float:none}.ktv-object-fit-contain{object-fit:contain}.ktv-object-fit-cover{object-fit:cover}.ktv-object-fit-fill{object-fit:fill}.ktv-object-fit-none{object-fit:none}.ktv-object-fit-scale-down{object-fit:scale-down}.ktv-object-position-bottom{object-position:bottom}.ktv-object-position-center{object-position:center}.ktv-object-position-left{object-position:left}.ktv-object-position-left-bottom{object-position:left bottom}.ktv-object-position-left-top{object-position:left top}.ktv-object-position-right{object-position:right}.ktv-object-position-right-bottom{object-position:right bottom}.ktv-object-position-right-top{object-position:right top}.ktv-object-position-top{object-position:top}.ktv-position-static{position:static}.ktv-position-fixed{position:fixed}.ktv-position-absolute{position:absolute}.ktv-position-relative{position:relative}.ktv-position-sticky{position:sticky}.ktv-overflow-auto{overflow:auto}.ktv-overflow-hidden{overflow:hidden}.ktv-overflow-clip{overflow:clip}.ktv-overflow-visible{overflow:visible}.ktv-overflow-scroll{overflow:scroll}.ktv-overflow-x-auto{overflow-x:auto}.ktv-overflow-y-auto{overflow-y:auto}.ktv-overflow-x-hidden{overflow-x:hidden}.ktv-overflow-y-hidden{overflow-y:hidden}.ktv-overflow-x-clip{overflow-x:clip}.ktv-overflow-y-clip{overflow-y:clip}.ktv-overflow-x-visible{overflow-x:visible}.ktv-overflow-y-visible{overflow-y:visible}.ktv-overflow-x-scroll{overflow-x:scroll}.ktv-overflow-y-scroll{overflow-y:scroll}.ktv-visible{visibility:visible}.ktv-invisible{visibility:hidden}.ktv-visible-collapse{visibility:collapse}.ktv-w-full{width:100%}.ktv-w-screen{width:100vw}.ktv-w-min{width:min-content}.ktv-w-max{width:max-content}.ktv-w-fit{width:fit-content}.ktv-h-full{height:100%}.ktv-h-screen{height:100vh}.ktv-h-min{height:min-content}.ktv-h-max{height:max-content}.ktv-h-fit{height:fit-content}.ktv-column-gap-2{column-gap:2px}.ktv-column-gap-4{column-gap:4px}.ktv-column-gap-6{column-gap:6px}.ktv-column-gap-8{column-gap:8px}.ktv-column-gap-10{column-gap:10px}.ktv-column-gap-12{column-gap:12px}.ktv-column-gap-14{column-gap:14px}.ktv-column-gap-16{column-gap:16px}.ktv-column-gap-18{column-gap:18px}.ktv-column-gap-20{column-gap:20px}.ktv-column-gap-22{column-gap:22px}.ktv-column-gap-24{column-gap:24px}.ktv-column-gap-26{column-gap:26px}.ktv-column-gap-28{column-gap:28px}.ktv-column-gap-30{column-gap:30px}.ktv-column-gap-32{column-gap:32px}.ktv-column-gap-34{column-gap:34px}.ktv-column-gap-36{column-gap:36px}.ktv-column-gap-38{column-gap:38px}.ktv-column-gap-40{column-gap:40px}.ktv-column-gap-42{column-gap:42px}.ktv-column-gap-44{column-gap:44px}.ktv-column-gap-46{column-gap:46px}.ktv-column-gap-48{column-gap:48px}.ktv-column-gap-50{column-gap:50px}.ktv-row-gap-2{row-gap:2px}.ktv-row-gap-4{row-gap:4px}.ktv-row-gap-6{row-gap:6px}.ktv-row-gap-8{row-gap:8px}.ktv-row-gap-10{row-gap:10px}.ktv-row-gap-12{row-gap:12px}.ktv-row-gap-14{row-gap:14px}.ktv-row-gap-16{row-gap:16px}.ktv-row-gap-18{row-gap:18px}.ktv-row-gap-20{row-gap:20px}.ktv-row-gap-22{row-gap:22px}.ktv-row-gap-24{row-gap:24px}.ktv-row-gap-26{row-gap:26px}.ktv-row-gap-28{row-gap:28px}.ktv-row-gap-30{row-gap:30px}.ktv-row-gap-32{row-gap:32px}.ktv-row-gap-34{row-gap:34px}.ktv-row-gap-36{row-gap:36px}.ktv-row-gap-38{row-gap:38px}.ktv-row-gap-40{row-gap:40px}.ktv-row-gap-42{row-gap:42px}.ktv-row-gap-44{row-gap:44px}.ktv-row-gap-46{row-gap:46px}.ktv-row-gap-48{row-gap:48px}.ktv-row-gap-50{row-gap:50px}.ktv-gap-2{gap:2px}.ktv-gap-4{gap:4px}.ktv-gap-6{gap:6px}.ktv-gap-8{gap:8px}.ktv-gap-10{gap:10px}.ktv-gap-12{gap:12px}.ktv-gap-14{gap:14px}.ktv-gap-16{gap:16px}.ktv-gap-18{gap:18px}.ktv-gap-20{gap:20px}.ktv-gap-22{gap:22px}.ktv-gap-24{gap:24px}.ktv-gap-26{gap:26px}.ktv-gap-28{gap:28px}.ktv-gap-30{gap:30px}.ktv-gap-32{gap:32px}.ktv-gap-34{gap:34px}.ktv-gap-36{gap:36px}.ktv-gap-38{gap:38px}.ktv-gap-40{gap:40px}.ktv-gap-42{gap:42px}.ktv-gap-44{gap:44px}.ktv-gap-46{gap:46px}.ktv-gap-48{gap:48px}.ktv-gap-50{gap:50px}.ktv-mb-2{margin-bottom:2px}.ktv-mb-4{margin-bottom:4px}.ktv-mb-6{margin-bottom:6px}.ktv-mb-8{margin-bottom:8px}.ktv-mb-10{margin-bottom:10px}.ktv-mb-12{margin-bottom:12px}.ktv-mb-14{margin-bottom:14px}.ktv-mb-16{margin-bottom:16px}.ktv-mb-18{margin-bottom:18px}.ktv-mb-20{margin-bottom:20px}.ktv-mb-22{margin-bottom:22px}.ktv-mb-24{margin-bottom:24px}.ktv-mb-26{margin-bottom:26px}.ktv-mb-28{margin-bottom:28px}.ktv-mb-30{margin-bottom:30px}.ktv-mb-32{margin-bottom:32px}.ktv-mb-34{margin-bottom:34px}.ktv-mb-36{margin-bottom:36px}.ktv-mb-38{margin-bottom:38px}.ktv-mb-40{margin-bottom:40px}.ktv-mb-42{margin-bottom:42px}.ktv-mb-46{margin-bottom:46px}.ktv-mb-48{margin-bottom:48px}.ktv-mb-50{margin-bottom:50px}.ktv-mt-2{margin-top:2px}.ktv-mt-4{margin-top:4px}.ktv-mt-6{margin-top:6px}.ktv-mt-8{margin-top:8px}.ktv-mt-10{margin-top:10px}.ktv-mt-12{margin-top:12px}.ktv-mt-14{margin-top:14px}.ktv-mt-16{margin-top:16px}.ktv-mt-18{margin-top:18px}.ktv-mt-20{margin-top:20px}.ktv-mt-22{margin-top:22px}.ktv-mt-24{margin-top:24px}.ktv-mt-26{margin-top:26px}.ktv-mt-28{margin-top:28px}.ktv-mt-30{margin-top:30px}.ktv-mt-32{margin-top:32px}.ktv-mt-34{margin-top:34px}.ktv-mt-36{margin-top:36px}.ktv-mt-38{margin-top:38px}.ktv-mt-40{margin-top:40px}.ktv-mt-42{margin-top:42px}.ktv-mt-46{margin-top:46px}.ktv-mt-48{margin-top:48px}.ktv-mt-50{margin-top:50px}.ktv-mr-2{margin-right:2px}.ktv-mr-4{margin-right:4px}.ktv-mr-6{margin-right:6px}.ktv-mr-8{margin-right:8px}.ktv-mr-10{margin-right:10px}.ktv-mr-12{margin-right:12px}.ktv-mr-14{margin-right:14px}.ktv-mr-16{margin-right:16px}.ktv-mr-18{margin-right:18px}.ktv-mr-20{margin-right:20px}.ktv-mr-22{margin-right:22px}.ktv-mr-24{margin-right:24px}.ktv-mr-26{margin-right:26px}.ktv-mr-28{margin-right:28px}.ktv-mr-30{margin-right:30px}.ktv-mr-32{margin-right:32px}.ktv-mr-34{margin-right:34px}.ktv-mr-36{margin-right:36px}.ktv-mr-38{margin-right:38px}.ktv-mr-40{margin-right:40px}.ktv-mr-42{margin-right:42px}.ktv-mr-46{margin-right:46px}.ktv-mr-48{margin-right:48px}.ktv-mr-50{margin-right:50px}.ktv-ml-2{margin-left:2px}.ktv-ml-4{margin-left:4px}.ktv-ml-6{margin-left:6px}.ktv-ml-8{margin-left:8px}.ktv-ml-10{margin-left:10px}.ktv-ml-12{margin-left:12px}.ktv-ml-14{margin-left:14px}.ktv-ml-16{margin-left:16px}.ktv-ml-18{margin-left:18px}.ktv-ml-20{margin-left:20px}.ktv-ml-22{margin-left:22px}.ktv-ml-24{margin-left:24px}.ktv-ml-26{margin-left:26px}.ktv-ml-28{margin-left:28px}.ktv-ml-30{margin-left:30px}.ktv-ml-32{margin-left:32px}.ktv-ml-34{margin-left:34px}.ktv-ml-36{margin-left:36px}.ktv-ml-38{margin-left:38px}.ktv-ml-40{margin-left:40px}.ktv-ml-42{margin-left:42px}.ktv-ml-46{margin-left:46px}.ktv-ml-48{margin-left:48px}.ktv-ml-50{margin-left:50px}.ktv-m-2{margin:2px}.ktv-m-4{margin:4px}.ktv-m-6{margin:6px}.ktv-m-8{margin:8px}.ktv-m-10{margin:10px}.ktv-m-12{margin:12px}.ktv-m-14{margin:14px}.ktv-m-16{margin:16px}.ktv-m-18{margin:18px}.ktv-m-20{margin:20px}.ktv-m-22{margin:22px}.ktv-m-24{margin:24px}.ktv-m-26{margin:26px}.ktv-m-28{margin:28px}.ktv-m-30{margin:30px}.ktv-m-32{margin:32px}.ktv-m-34{margin:34px}.ktv-m-36{margin:36px}.ktv-m-38{margin:38px}.ktv-m-40{margin:40px}.ktv-m-42{margin:42px}.ktv-m-46{margin:46px}.ktv-m-48{margin:48px}.ktv-m-50{margin:50px}.ktv-pb-2{padding-bottom:2px}.ktv-pb-4{padding-bottom:4px}.ktv-pb-6{padding-bottom:6px}.ktv-pb-8{padding-bottom:8px}.ktv-pb-10{padding-bottom:10px}.ktv-pb-12{padding-bottom:12px}.ktv-pb-14{padding-bottom:14px}.ktv-pb-16{padding-bottom:16px}.ktv-pb-18{padding-bottom:18px}.ktv-pb-20{padding-bottom:20px}.ktv-pb-22{padding-bottom:22px}.ktv-pb-24{padding-bottom:24px}.ktv-pb-26{padding-bottom:26px}.ktv-pb-28{padding-bottom:28px}.ktv-pb-30{padding-bottom:30px}.ktv-pb-32{padding-bottom:32px}.ktv-pb-34{padding-bottom:34px}.ktv-pb-36{padding-bottom:36px}.ktv-pb-38{padding-bottom:38px}.ktv-pb-40{padding-bottom:40px}.ktv-pb-42{padding-bottom:42px}.ktv-pb-46{padding-bottom:46px}.ktv-pb-48{padding-bottom:48px}.ktv-pb-50{padding-bottom:50px}.ktv-pt-2{padding-top:2px}.ktv-pt-4{padding-top:4px}.ktv-pt-6{padding-top:6px}.ktv-pt-8{padding-top:8px}.ktv-pt-10{padding-top:10px}.ktv-pt-12{padding-top:12px}.ktv-pt-14{padding-top:14px}.ktv-pt-16{padding-top:16px}.ktv-pt-18{padding-top:18px}.ktv-pt-20{padding-top:20px}.ktv-pt-22{padding-top:22px}.ktv-pt-24{padding-top:24px}.ktv-pt-26{padding-top:26px}.ktv-pt-28{padding-top:28px}.ktv-pt-30{padding-top:30px}.ktv-pt-32{padding-top:32px}.ktv-pt-34{padding-top:34px}.ktv-pt-36{padding-top:36px}.ktv-pt-38{padding-top:38px}.ktv-pt-40{padding-top:40px}.ktv-pt-42{padding-top:42px}.ktv-pt-46{padding-top:46px}.ktv-pt-48{padding-top:48px}.ktv-pt-50{padding-top:50px}.ktv-pr-2{padding-right:2px}.ktv-pr-4{padding-right:4px}.ktv-pr-6{padding-right:6px}.ktv-pr-8{padding-right:8px}.ktv-pr-10{padding-right:10px}.ktv-pr-12{padding-right:12px}.ktv-pr-14{padding-right:14px}.ktv-pr-16{padding-right:16px}.ktv-pr-18{padding-right:18px}.ktv-pr-20{padding-right:20px}.ktv-pr-22{padding-right:22px}.ktv-pr-24{padding-right:24px}.ktv-pr-26{padding-right:26px}.ktv-pr-28{padding-right:28px}.ktv-pr-30{padding-right:30px}.ktv-pr-32{padding-right:32px}.ktv-pr-34{padding-right:34px}.ktv-pr-36{padding-right:36px}.ktv-pr-38{padding-right:38px}.ktv-pr-40{padding-right:40px}.ktv-pr-42{padding-right:42px}.ktv-pr-46{padding-right:46px}.ktv-pr-48{padding-right:48px}.ktv-pr-50{padding-right:50px}.ktv-pl-2{padding-left:2px}.ktv-pl-4{padding-left:4px}.ktv-pl-6{padding-left:6px}.ktv-pl-8{padding-left:8px}.ktv-pl-10{padding-left:10px}.ktv-pl-12{padding-left:12px}.ktv-pl-14{padding-left:14px}.ktv-pl-16{padding-left:16px}.ktv-pl-18{padding-left:18px}.ktv-pl-20{padding-left:20px}.ktv-pl-22{padding-left:22px}.ktv-pl-24{padding-left:24px}.ktv-pl-26{padding-left:26px}.ktv-pl-28{padding-left:28px}.ktv-pl-30{padding-left:30px}.ktv-pl-32{padding-left:32px}.ktv-pl-34{padding-left:34px}.ktv-pl-36{padding-left:36px}.ktv-pl-38{padding-left:38px}.ktv-pl-40{padding-left:40px}.ktv-pl-42{padding-left:42px}.ktv-pl-46{padding-left:46px}.ktv-pl-48{padding-left:48px}.ktv-pl-50{padding-left:50px}.ktv-p-2{padding:2px}.ktv-p-4{padding:4px}.ktv-p-6{padding:6px}.ktv-p-8{padding:8px}.ktv-p-10{padding:10px}.ktv-p-12{padding:12px}.ktv-p-14{padding:14px}.ktv-p-16{padding:16px}.ktv-p-18{padding:18px}.ktv-p-20{padding:20px}.ktv-p-22{padding:22px}.ktv-p-24{padding:24px}.ktv-p-26{padding:26px}.ktv-p-28{padding:28px}.ktv-p-30{padding:30px}.ktv-p-32{padding:32px}.ktv-p-34{padding:34px}.ktv-p-36{padding:36px}.ktv-p-38{padding:38px}.ktv-p-40{padding:40px}.ktv-p-42{padding:42px}.ktv-p-46{padding:46px}.ktv-p-48{padding:48px}.ktv-p-50{padding:50px}.ktv-scale-0{transform:scale(0)}.ktv-scale-x-0{transform:scaleX(0)}.ktv-scale-y-0{transform:scaleY(0)}.ktv-scale-50{transform:scale(.5)}.ktv-scale-x-50{transform:scaleX(.5)}.ktv-scale-y-50{transform:scaleY(.5)}.ktv-scale-75{transform:scale(.75)}.ktv-scale-x-75{transform:scaleX(.75)}.ktv-scale-y-75{transform:scaleY(.75)}.ktv-scale-90{transform:scale(.9)}.ktv-scale-x-90{transform:scaleX(.9)}.ktv-scale-y-90{transform:scaleY(.9)}.ktv-scale-95{transform:scale(.95)}.ktv-scale-x-95{transform:scaleX(.95)}.ktv-scale-y-95{transform:scaleY(.95)}.ktv-scale-100{transform:scale(1)}.ktv-scale-x-100{transform:scaleX(1)}.ktv-scale-y-100{transform:scaleY(1)}.ktv-scale-105{transform:scale(1.05)}.ktv-scale-x-105{transform:scaleX(1.05)}.ktv-scale-y-105{transform:scaleY(1.05)}.ktv-scale-110{transform:scale(1.1)}.ktv-scale-x-110{transform:scaleX(1.1)}.ktv-scale-y-110{transform:scaleY(1.1)}.ktv-scale-125{transform:scale(1.25)}.ktv-scale-x-125{transform:scaleX(1.25)}.ktv-scale-y-125{transform:scaleY(1.25)}.ktv-scale-150{transform:scale(1.5)}.ktv-scale-x-150{transform:scaleX(1.5)}.ktv-scale-y-150{transform:scaleY(1.5)}.ktv-rotate-0{transform:rotate(0)}.ktv-rotate-1{transform:rotate(1deg)}.ktv-rotate-2{transform:rotate(2deg)}.ktv-rotate-3{transform:rotate(3deg)}.ktv-rotate-6{transform:rotate(6deg)}.ktv-rotate-12{transform:rotate(12deg)}.ktv-rotate-45{transform:rotate(45deg)}.ktv-rotate-90{transform:rotate(90deg)}.ktv-rotate-180{transform:rotate(180deg)}.ktv-skew-x-0{transform:skew(0)}.ktv-skew-y-0{transform:skewY(0)}.ktv-skew-x-1{transform:skew(1deg)}.ktv-skew-y-1{transform:skewY(1deg)}.ktv-skew-x-2{transform:skew(2deg)}.ktv-skew-y-2{transform:skewY(2deg)}.ktv-skew-x-3{transform:skew(3deg)}.ktv-skew-y-3{transform:skewY(3deg)}.ktv-skew-x-6{transform:skew(6deg)}.ktv-skew-y-6{transform:skewY(6deg)}.ktv-skew-x-12{transform:skew(12deg)}.ktv-skew-y-12{transform:skewY(12deg)}.ktv-origin-center{transform-origin:center}.ktv-origin-top{transform-origin:top}.ktv-origin-top-right{transform-origin:top right}.ktv-origin-right{transform-origin:right}.ktv-origin-bottom-right{transform-origin:bottom right}.ktv-origin-bottom{transform-origin:bottom}.ktv-origin-bottom-left{transform-origin:bottom left}.ktv-origin-left{transform-origin:left}.ktv-origin-top-left{transform-origin:top left}.ktv-transition-none{transition-property:none}.ktv-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ktv-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ktv-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ktv-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ktv-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ktv-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ktv-duration-0{transition-duration:0s}.ktv-duration-75{transition-duration:75ms}.ktv-duration-100{transition-duration:.1s}.ktv-duration-150{transition-duration:.15s}.ktv-duration-200{transition-duration:.2s}.ktv-duration-300{transition-duration:.3s}.ktv-duration-500{transition-duration:.5s}.ktv-duration-700{transition-duration:.7s}.ktv-duration-1000{transition-duration:1s}.ktv-ease-linear{transition-timing-function:linear}.ktv-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ktv-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ktv-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ktv-delay-0{transition-delay:0s}.ktv-delay-75{transition-delay:75ms}.ktv-delay-100{transition-delay:.1s}.ktv-delay-150{transition-delay:.15s}.ktv-delay-200{transition-delay:.2s}.ktv-delay-300{transition-delay:.3s}.ktv-delay-500{transition-delay:.5s}.ktv-delay-700{transition-delay:.7s}.ktv-delay-1000{transition-delay:1s}.ktv-animate-none{animation:none}.ktv-animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ktv-animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.ktv-animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ktv-animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.ktv-fs-10{font-size:10px}.ktv-fs-12{font-size:12px}.ktv-fs-14{font-size:14px}.ktv-fs-16{font-size:16px}.ktv-fs-18{font-size:18px}.ktv-fs-20{font-size:20px}.ktv-fs-22{font-size:22px}.ktv-fs-24{font-size:24px}.ktv-fs-26{font-size:26px}.ktv-fs-28{font-size:28px}.ktv-fs-30{font-size:30px}.ktv-fs-32{font-size:32px}.ktv-fs-34{font-size:34px}.ktv-fs-36{font-size:36px}.ktv-fs-38{font-size:38px}.ktv-fs-40{font-size:40px}.ktv-fs-42{font-size:42px}.ktv-fs-44{font-size:44px}.ktv-fs-46{font-size:46px}.ktv-fs-48{font-size:48px}.ktv-fs-50{font-size:50px}.ktv-fw-100{font-weight:100}.ktv-fw-200{font-weight:200}.ktv-fw-300{font-weight:300}.ktv-fw-400{font-weight:400}.ktv-fw-500{font-weight:500}.ktv-fw-600{font-weight:600}.ktv-fw-700{font-weight:700}.ktv-fw-800{font-weight:800}.ktv-fw-900{font-weight:900}.ktv-font-italic{font-style:italic}.ktv-font-not-italic{font-style:normal}.ktv-variant-numeric-normal-nums{font-variant-numeric:normal}.ktv-variant-numeric-ordinal{font-variant-numeric:ordinal}.ktv-variant-numeric-slashed-zero{font-variant-numeric:slashed-zero}.ktv-variant-numeric-lining-nums{font-variant-numeric:lining-nums}.ktv-variant-numeric-oldstyle-nums{font-variant-numeric:oldstyle-nums}.ktv-variant-numeric-proportional-nums{font-variant-numeric:proportional-nums}.ktv-variant-numeric-tabular-nums{font-variant-numeric:tabular-nums}.ktv-variant-numeric-diagonal-fractions{font-variant-numeric:diagonal-fractions}.ktv-variant-numeric-stacked-fractions{font-variant-numeric:stacked-fractions}.ktv-lt-2{letter-spacing:2px}.ktv-lt-4{letter-spacing:4px}.ktv-lt-6{letter-spacing:6px}.ktv-lt-8{letter-spacing:8px}.ktv-lt-10{letter-spacing:10px}.ktv-lt-12{letter-spacing:12px}.ktv-lt-14{letter-spacing:14px}.ktv-lt-16{letter-spacing:16px}.ktv-lt-18{letter-spacing:18px}.ktv-lt-20{letter-spacing:20px}.ktv-lt-22{letter-spacing:22px}.ktv-lt-24{letter-spacing:24px}.ktv-lt-26{letter-spacing:26px}.ktv-lt-28{letter-spacing:28px}.ktv-lt-30{letter-spacing:30px}.ktv-lt-32{letter-spacing:32px}.ktv-lt-34{letter-spacing:34px}.ktv-lt-36{letter-spacing:36px}.ktv-lt-38{letter-spacing:38px}.ktv-lt-40{letter-spacing:40px}.ktv-lt-42{letter-spacing:42px}.ktv-lt-44{letter-spacing:44px}.ktv-lt-46{letter-spacing:46px}.ktv-lt-48{letter-spacing:48px}.ktv-lt-50{letter-spacing:50px}.ktv-list-position-inside{list-style-position:inside}.ktv-list-position-outside{list-style-position:outside}.ktv-list-type-none{list-style-type:none}.ktv-list-type-disc{list-style-type:disc}.ktv-list-type-decimal{list-style-type:decimal}.ktv-text-left{text-align:left}.ktv-text-center{text-align:center}.ktv-text-right{text-align:right}.ktv-text-justify{text-align:justify}.ktv-text-start{text-align:start}.ktv-text-end{text-align:end}.ktv-text-decoration-underline{text-decoration-line:underline}.ktv-text-decoration-overline{text-decoration-line:overline}.ktv-text-decoration-line-through{text-decoration-line:line-through}.ktv-text-decoration-no-underline{text-decoration-line:none}.ktv-text-decoration-style-solid{text-decoration-style:solid}.ktv-text-decoration-style-double{text-decoration-style:double}.ktv-text-decoration-style-dotted{text-decoration-style:dotted}.ktv-text-decoration-style-dashed{text-decoration-style:dashed}.ktv-text-decoration-style-wavy{text-decoration-style:wavy}.ktv-underline-offset-auto{text-underline-offset:auto}.ktv-underline-offset-0{text-underline-offset:0px}.ktv-underline-offset-1{text-underline-offset:1px}.ktv-underline-offset-2{text-underline-offset:2px}.ktv-underline-offset-4{text-underline-offset:4px}.ktv-underline-offset-8{text-underline-offset:8px}.ktv-text-transform-uppercase{text-transform:uppercase}.ktv-text-transform-lowercase{text-transform:lowercase}.ktv-text-transform-capitalize{text-transform:capitalize}.ktv-text-transform-normal-case{text-transform:none}.ktv-vertical-align-baseline{vertical-align:baseline}.ktv-vertical-align-top{vertical-align:top}.ktv-vertical-align-middle{vertical-align:middle}.ktv-vertical-align-bottom{vertical-align:bottom}.ktv-vertical-align-text-top{vertical-align:text-top}.ktv-vertical-align-text-bottom{vertical-align:text-bottom}.ktv-vertical-align-sub{vertical-align:sub}.ktv-vertical-align-super{vertical-align:super}.ktv-text-ellipsis-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal}.ktv-text-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.ktv-cursor-pointer:hover{cursor:pointer}.ktv-stroke-0{stroke-width:0}.ktv-stroke-1{stroke-width:1}.ktv-stroke-1-5{stroke-width:1.5}.ktv-stroke-2{stroke-width:2}*{font-family:Roboto,sans-serif}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.button{display:flex;align-items:center;font-weight:700;cursor:pointer;transition:color .5s,background-color .5s}.button svg{width:18px;height:18px;stroke-width:1.5}.button.--default{border:none;background-color:#2bbe72;color:#fff}.button.--default:hover{background:#099c50}.button.--default:focus{background:#0a753e}.button.--green-outline{background-color:transparent;color:#2bbe72;border:1px solid #2BBE72}.button.--green-outline:hover{color:#0a753e;border:1px solid #0A753E}.button.--green-outline:focus{color:#0a753e;border:1px solid #0A753E}.button.--large{height:38px;font-size:14px;border-radius:8px;column-gap:8px;padding:10px}.button.--large svg{width:18px;height:18px}.button.--medium{height:34px;font-size:14px;border-radius:8px;column-gap:8px;padding:8px}.button.--medium svg{width:18px;height:18px}.button.--small{height:30px;font-size:12px;border-radius:6px;column-gap:8px;padding:8px}.button.--small svg{width:16px;height:16px}.custom-display[data-v-794919ec]{display:flex;column-gap:24px}.green[data-v-794919ec]{background-color:#2bbe72;color:#fff;border-radius:8px;padding:0 12px;font-size:14px;font-weight:700;display:flex;align-items:center;column-gap:4px;height:40px;border:none;cursor:pointer}.green[data-v-794919ec]:hover{background-color:#18844e}.green[data-v-794919ec]:focus{background-color:#126d40}.green svg[data-v-794919ec]{width:18px;height:18px}.green.--outline[data-v-794919ec]{background-color:transparent;border:1px solid #2bbe72;color:#2bbe72}.green.--outline[data-v-794919ec]:hover{background-color:transparent;border:1px solid #18844e;color:#18844e}.green.--outline[data-v-794919ec]:focus{background-color:transparent;border:1px solid #126d40;color:#126d40}