Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .nuxt-progress {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- height: 2px;
- width: 0;
- opacity: 1;
- -webkit-transition: width 0.1s, opacity 0.4s;
- -o-transition: width 0.1s, opacity 0.4s;
- transition: width 0.1s, opacity 0.4s;
- background-color: #000;
- z-index: 999999;
- }
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
- html {
- line-height: 1.15;
- -webkit-text-size-adjust: 100%;
- }
- body {
- margin: 0;
- }
- main {
- display: block;
- }
- h1 {
- font-size: 2em;
- margin: 0.67em 0;
- }
- a {
- background-color: transparent;
- }
- strong {
- font-weight: bolder;
- }
- button,
- input {
- font-family: inherit;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- }
- button {
- text-transform: none;
- }
- [type="button"],
- [type="reset"],
- [type="submit"],
- button {
- -webkit-appearance: button;
- }
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner,
- button::-moz-focus-inner {
- border-style: none;
- padding: 0;
- }
- [type="button"]:-moz-focusring,
- [type="reset"]:-moz-focusring,
- [type="submit"]:-moz-focusring,
- button:-moz-focusring {
- outline: 1px dotted ButtonText;
- }
- legend {
- color: inherit;
- display: table;
- max-width: 100%;
- white-space: normal;
- }
- [type="checkbox"],
- [type="radio"],
- legend {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0;
- }
- [type="number"]::-webkit-inner-spin-button,
- [type="number"]::-webkit-outer-spin-button {
- height: auto;
- }
- [type="search"] {
- -webkit-appearance: textfield;
- outline-offset: -2px;
- }
- [type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
- }
- ::-webkit-file-upload-button {
- -webkit-appearance: button;
- font: inherit;
- }
- [hidden],
- template {
- display: none;
- }
- html {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- font-family: sans-serif;
- }
- *,
- :after,
- :before {
- -webkit-box-sizing: inherit;
- box-sizing: inherit;
- }
- h1 {
- margin: 0;
- }
- button {
- background: transparent;
- padding: 0;
- }
- button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color;
- }
- ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- html {
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
- Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji,
- Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
- line-height: 1.5;
- }
- *,
- :after,
- :before {
- border: 0 solid #e2e8f0;
- }
- input::-webkit-input-placeholder {
- color: inherit;
- opacity: 0.5;
- }
- input::-moz-placeholder {
- color: inherit;
- opacity: 0.5;
- }
- input:-ms-input-placeholder {
- color: inherit;
- opacity: 0.5;
- }
- input::-ms-input-placeholder {
- color: inherit;
- opacity: 0.5;
- }
- input::placeholder {
- color: inherit;
- opacity: 0.5;
- }
- [role="button"],
- button {
- cursor: pointer;
- }
- h1 {
- font-size: inherit;
- font-weight: inherit;
- }
- a {
- color: inherit;
- text-decoration: inherit;
- }
- button,
- input {
- padding: 0;
- line-height: inherit;
- color: inherit;
- }
- canvas,
- svg {
- display: block;
- vertical-align: middle;
- }
- :active {
- -webkit-tap-highlight-color: transparent;
- }
- :focus,
- button:focus,
- input:focus {
- outline: none;
- }
- .h-menu {
- -webkit-overflow-scrolling: touch;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- overflow-x: auto;
- position: absolute;
- left: 0;
- right: 0;
- font-size: 0.75rem;
- height: 62px;
- bottom: -17px;
- }
- .h-menu-wrap {
- height: 45px;
- position: relative;
- overflow: hidden;
- }
- .h-menu::-webkit-scrollbar {
- display: none;
- }
- .h-menu-item {
- -webkit-tap-highlight-color: transparent;
- text-transform: uppercase;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- height: 45px;
- -webkit-transition: background-color 0.05s;
- -o-transition: background-color 0.05s;
- transition: background-color 0.05s;
- }
- .h-menu-item:focus {
- background-color: #ebf8ff;
- }
- .h-menu-item:active {
- background-color: #cbd5e0;
- }
- .side-menu {
- width: 250px;
- -webkit-transform: translateX(-250px);
- -ms-transform: translateX(-250px);
- transform: translateX(-250px);
- -webkit-transition: -webkit-transform 0.2s ease-in-out;
- transition: -webkit-transform 0.2s ease-in-out;
- -o-transition: transform 0.2s ease-in-out;
- transition: transform 0.2s ease-in-out;
- transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
- }
- .side-menu.open {
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- .bg-gray-100 {
- background-color: #f7fafc;
- }
- .bg-gray-300 {
- background-color: #e2e8f0;
- }
- .bg-gray-400 {
- background-color: #cbd5e0;
- }
- .bg-gray-500 {
- background-color: #a0aec0;
- }
- .rounded-full {
- border-radius: 9999px;
- }
- .block {
- display: block;
- }
- .flex {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- }
- .flex-col-reverse {
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- }
- .items-center {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- .justify-between {
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- .flex-grow-0 {
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- }
- .font-medium {
- font-weight: 500;
- }
- .font-bold {
- font-weight: 700;
- }
- .h-3 {
- height: 0.75rem;
- }
- .h-8 {
- height: 2rem;
- }
- .h-10 {
- height: 2.5rem;
- }
- .mx-auto {
- margin-left: auto;
- margin-right: auto;
- }
- .mr-2 {
- margin-right: 0.5rem;
- }
- .mt-5 {
- margin-top: 1.25rem;
- }
- .mt-10 {
- margin-top: 2.5rem;
- }
- .max-w-5xl {
- max-width: 64rem;
- }
- .max-w-7xl {
- max-width: 1280px;
- }
- .min-h-screen {
- min-height: 100vh;
- }
- .p-2 {
- padding: 0.5rem;
- }
- .py-2 {
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- }
- .py-3 {
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- }
- .px-4 {
- padding-left: 1rem;
- padding-right: 1rem;
- }
- .px-6 {
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- }
- .absolute {
- position: absolute;
- }
- .relative {
- position: relative;
- }
- .top-0 {
- top: 0;
- }
- .bottom-0 {
- bottom: 0;
- }
- .left-0 {
- left: 0;
- }
- .shadow {
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
- 0 1px 2px 0 rgba(0, 0, 0, 0.06);
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
- }
- .fill-current {
- fill: currentColor;
- }
- .text-center {
- text-align: center;
- }
- .text-gray-400 {
- color: #cbd5e0;
- }
- .text-xs {
- font-size: 0.75rem;
- }
- .text-2xl {
- font-size: 1.5rem;
- }
- .w-3 {
- width: 0.75rem;
- }
- .w-8 {
- width: 2rem;
- }
- .w-56 {
- width: 14rem;
- }
- .w-full {
- width: 100%;
- }
- .z-30 {
- z-index: 30;
- }
- @media (min-width: 768px) {
- .md\:justify-between {
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
- }
- @media (min-width: 1024px) {
- .lg\:bg-gray-300 {
- background-color: #e2e8f0;
- }
- .lg\:hidden {
- display: none;
- }
- .lg\:flex-row {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
- }
- .lg\:h-auto {
- height: auto;
- }
- .lg\:px-0 {
- padding-left: 0;
- padding-right: 0;
- }
- .lg\:shadow-none {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement