ui-library-starter-2/dist/ui-library-starter-2.css

UI Library Starter 2

[data-v-6ac6bee4]{margin:0;padding:0;box-sizing:border-box}img[data-v-6ac6bee4],picture[data-v-6ac6bee4]{max-width:100%;display:block}a[data-v-6ac6bee4]{color:inherit}address[data-v-6ac6bee4]{font-style:normal}a[data-v-6ac6bee4],a[data-v-6ac6bee4]:active,a[data-v-6ac6bee4]:focus,a[data-v-6ac6bee4]:hover,button[data-v-6ac6bee4],button[data-v-6ac6bee4]:active,button[data-v-6ac6bee4]:focus,button[data-v-6ac6bee4]:hover,input[data-v-6ac6bee4],input[data-v-6ac6bee4]:active,input[data-v-6ac6bee4]:focus,input[data-v-6ac6bee4]:hover,textarea[data-v-6ac6bee4],textarea[data-v-6ac6bee4]:active,textarea[data-v-6ac6bee4]:focus,textarea[data-v-6ac6bee4]:hover{outline:none!important}table[data-v-6ac6bee4]{width:100%}button[data-v-6ac6bee4]{cursor:pointer;padding:4px 8px}button[data-v-6ac6bee4]:disabled,button[disabled][data-v-6ac6bee4]{cursor:default}.fade-enter-active[data-v-6ac6bee4]{-webkit-animation:fade-6ac6bee4 .2s forwards;animation:fade-6ac6bee4 .2s forwards}.fade-leave-active[data-v-6ac6bee4]{animation:fade-6ac6bee4 .2s reverse}@-webkit-keyframes fade-6ac6bee4{0%{opacity:0}to{opacity:1}}@keyframes fade-6ac6bee4{0%{opacity:0}to{opacity:1}}[data-v-f73f4548]{margin:0;padding:0;box-sizing:border-box}img[data-v-f73f4548],picture[data-v-f73f4548]{max-width:100%;display:block}a[data-v-f73f4548]{color:inherit}address[data-v-f73f4548]{font-style:normal}a[data-v-f73f4548],a[data-v-f73f4548]:active,a[data-v-f73f4548]:focus,a[data-v-f73f4548]:hover,button[data-v-f73f4548],button[data-v-f73f4548]:active,button[data-v-f73f4548]:focus,button[data-v-f73f4548]:hover,input[data-v-f73f4548],input[data-v-f73f4548]:active,input[data-v-f73f4548]:focus,input[data-v-f73f4548]:hover,textarea[data-v-f73f4548],textarea[data-v-f73f4548]:active,textarea[data-v-f73f4548]:focus,textarea[data-v-f73f4548]:hover{outline:none!important}table[data-v-f73f4548]{width:100%}button[data-v-f73f4548]{cursor:pointer;padding:4px 8px}button[data-v-f73f4548]:disabled,button[disabled][data-v-f73f4548]{cursor:default}.fade-enter-active[data-v-f73f4548]{-webkit-animation:fade-f73f4548 .2s forwards;animation:fade-f73f4548 .2s forwards}.fade-leave-active[data-v-f73f4548]{animation:fade-f73f4548 .2s reverse}@-webkit-keyframes fade-f73f4548{0%{opacity:0}to{opacity:1}}@keyframes fade-f73f4548{0%{opacity:0}to{opacity:1}}.menu[data-v-f73f4548]{list-style:none}.menu__item[data-v-f73f4548]{color:#fff;margin-bottom:20px;font-family:Ubuntu;letter-spacing:normal;font-size:32px;line-height:36px;font-weight:700}.menu__item a[data-v-f73f4548]{text-decoration:none}.menu__item a[data-v-f73f4548]:hover{text-decoration:underline}[data-v-b7677cfa]{margin:0;padding:0;box-sizing:border-box}img[data-v-b7677cfa],picture[data-v-b7677cfa]{max-width:100%;display:block}a[data-v-b7677cfa]{color:inherit}address[data-v-b7677cfa]{font-style:normal}a[data-v-b7677cfa],a[data-v-b7677cfa]:active,a[data-v-b7677cfa]:focus,a[data-v-b7677cfa]:hover,button[data-v-b7677cfa],button[data-v-b7677cfa]:active,button[data-v-b7677cfa]:focus,button[data-v-b7677cfa]:hover,input[data-v-b7677cfa],input[data-v-b7677cfa]:active,input[data-v-b7677cfa]:focus,input[data-v-b7677cfa]:hover,textarea[data-v-b7677cfa],textarea[data-v-b7677cfa]:active,textarea[data-v-b7677cfa]:focus,textarea[data-v-b7677cfa]:hover{outline:none!important}table[data-v-b7677cfa]{width:100%}button[data-v-b7677cfa]{cursor:pointer;padding:4px 8px}button[data-v-b7677cfa]:disabled,button[disabled][data-v-b7677cfa]{cursor:default}.fade-enter-active[data-v-b7677cfa]{-webkit-animation:fade-b7677cfa .2s forwards;animation:fade-b7677cfa .2s forwards}.fade-leave-active[data-v-b7677cfa]{animation:fade-b7677cfa .2s reverse}@-webkit-keyframes fade-b7677cfa{0%{opacity:0}to{opacity:1}}@keyframes fade-b7677cfa{0%{opacity:0}to{opacity:1}}.layout[data-v-b7677cfa]{width:100%;position:relative;padding-left:400px;transition:padding-left .1s}.layout--min[data-v-b7677cfa]{padding-left:80px}.layout--min .layout__sidebar[data-v-b7677cfa]{width:80px}.layout--min .layout__menu[data-v-b7677cfa]{display:none}.layout__sidebar[data-v-b7677cfa]{width:400px;transition:width .1s;height:100%;position:fixed;left:0;top:0;bottom:0;padding:100px 20px 40px;background:#13334c;background:var(--sea)}.layout__content[data-v-b7677cfa]{flex-grow:1;width:100%;height:100%;background:#efefef;background:var(--content);color:#0d2233;color:var(--text);padding:20px}.layout__content-wrapper[data-v-b7677cfa]{display:flex;flex-direction:column;width:100%;min-height:100vh}.layout__toggle[data-v-b7677cfa]{position:absolute;right:20px;top:20px}.layout__header[data-v-b7677cfa]{display:flex;justify-content:space-between;padding:20px;background:#fff;background:var(--header)}.layout__header button+button[data-v-b7677cfa]{margin-left:20px}.layout__header-right[data-v-b7677cfa]{display:flex}.layout__language-switch[data-v-b7677cfa]{margin-left:20px}.layout__name[data-v-b7677cfa]{text-decoration:none;position:absolute;left:20px;top:20px;white-space:nowrap;color:#fed564;font-family:Ubuntu;letter-spacing:normal;font-size:32px;line-height:36px;font-weight:700}.test-component__color[data-v-0c2419dd]{display:flex;align-items:center;justify-content:center}[data-v-0c2419dd]{margin:0;padding:0;box-sizing:border-box}img[data-v-0c2419dd],picture[data-v-0c2419dd]{max-width:100%;display:block}a[data-v-0c2419dd]{color:inherit}address[data-v-0c2419dd]{font-style:normal}a[data-v-0c2419dd],a[data-v-0c2419dd]:active,a[data-v-0c2419dd]:focus,a[data-v-0c2419dd]:hover,button[data-v-0c2419dd],button[data-v-0c2419dd]:active,button[data-v-0c2419dd]:focus,button[data-v-0c2419dd]:hover,input[data-v-0c2419dd],input[data-v-0c2419dd]:active,input[data-v-0c2419dd]:focus,input[data-v-0c2419dd]:hover,textarea[data-v-0c2419dd],textarea[data-v-0c2419dd]:active,textarea[data-v-0c2419dd]:focus,textarea[data-v-0c2419dd]:hover{outline:none!important}table[data-v-0c2419dd]{width:100%}button[data-v-0c2419dd]{cursor:pointer;padding:4px 8px}button[data-v-0c2419dd]:disabled,button[disabled][data-v-0c2419dd]{cursor:default}.fade-enter-active[data-v-0c2419dd]{-webkit-animation:fade-0c2419dd .2s forwards;animation:fade-0c2419dd .2s forwards}.fade-leave-active[data-v-0c2419dd]{animation:fade-0c2419dd .2s reverse}@-webkit-keyframes fade-0c2419dd{0%{opacity:0}to{opacity:1}}@keyframes fade-0c2419dd{0%{opacity:0}to{opacity:1}}.test-component[data-v-0c2419dd]{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}.test-component__text[data-v-0c2419dd]{margin-bottom:20px;font-family:Ubuntu;letter-spacing:normal;font-size:40px;line-height:44px;font-weight:700}.test-component__color[data-v-0c2419dd]{height:200px;color:#efefef;color:var(--content)}.test-component__color-wrapper[data-v-0c2419dd]{display:inline-block;padding:4px 8px;text-align:center}.test-component__color-name[data-v-0c2419dd]{font-family:Ubuntu;letter-spacing:normal;font-size:32px;line-height:36px;font-weight:700}.test-component__color-value[data-v-0c2419dd]{font-family:Ubuntu;letter-spacing:normal;font-size:24px;line-height:28px;font-weight:400}.notfound__404,.route{font-size:40px;line-height:44px;font-weight:700}.notfound__404,.notfound__text,.route{font-family:Ubuntu;letter-spacing:normal}.notfound__text{font-size:20px;line-height:28px;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}img,picture{max-width:100%;display:block}a{color:inherit}address{font-style:normal}a,a:active,a:focus,a:hover,button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover,textarea,textarea:active,textarea:focus,textarea:hover{outline:none!important}table{width:100%}button{cursor:pointer;padding:4px 8px}button:disabled,button[disabled]{cursor:default}.fade-enter-active{-webkit-animation:fade .2s forwards;animation:fade .2s forwards}.fade-leave-active{animation:fade .2s reverse}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@font-face{font-family:Ubuntu;src:url(fonts/Ubuntu-Regular.727901eb.eot);src:local("Ubuntu Regular"),local("Ubuntu-Regular"),url(fonts/Ubuntu-Regular.727901eb.eot?#iefix) format("embedded-opentype"),url(fonts/Ubuntu-Regular.787ffd92.woff2) format("woff2"),url(fonts/Ubuntu-Regular.118585c5.woff) format("woff"),url(fonts/Ubuntu-Regular.6455d1a7.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu;src:url(fonts/Ubuntu-Bold.d2517f52.eot);src:local("Ubuntu Bold"),local("Ubuntu-Bold"),url(fonts/Ubuntu-Bold.d2517f52.eot?#iefix) format("embedded-opentype"),url(fonts/Ubuntu-Bold.0b0add07.woff2) format("woff2"),url(fonts/Ubuntu-Bold.9bd2c03b.woff) format("woff"),url(fonts/Ubuntu-Bold.1e456c07.ttf) format("truetype");font-weight:700;font-style:bold}:root{scroll-behavior:smooth}body{font-family:Ubuntu,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;overflow-x:hidden}