-
Notifications
You must be signed in to change notification settings - Fork 1
/
styles.4798e9fcd11794f0.css.map
1 lines (1 loc) · 31.1 KB
/
styles.4798e9fcd11794f0.css.map
1
{"version":3,"sources":["./src/scss/abstracts/_variables.scss","./src/assets/fonts/Roboto/Flex.css","./src/scss/base/_reset.scss","./src/scss/styles.scss","./src/scss/base/_base.scss","./src/scss/themes/abstracts/_variables.scss"],"sourcesContent":["$theme: var(--theme);\n/* Color */\n$base-color-static: var(--base-color-static);\n$base-color: var(--base-color);\n$color-lightened-1: var(--color-lightened-1);\n$color-lightened-2: var(--color-lightened-2);\n$color-lightened-3: var(--color-lightened-3);\n$color-lightened-4: var(--color-lightened-4);\n$color-lightened-5: var(--color-lightened-5);\n$color-lightened-6: var(--color-lightened-6);\n$color-lightened-65: var(--color-lightened-65);\n$color-lightened-675: var(--color-lightened-675);\n$color-lightened-7: var(--color-lightened-7);\n$base-end-color-static: var(--base-end-color-static);\n$base-end-color: var(--base-end-color);\n$base-background-color: var(--base-background-color);\n$base-background-color-alert: var(--base-background-color-alert);\n$base-color-alert: var(--base-color-alert);\n$base-blue-color: var(--base-blue-color);\n$base-blue-color-lightened: var(--base-blue-color-lightened);\n$base-red-color: var(--base-red-color);\n$base-green-color: var(--base-green-color);\n$base-green-color-lightened: var(--base-green-color-lightened);\n$base-font-color: var(--base-font-color);\n$base-font-color-secondary: var(--base-font-color-secondary);\n$base-font-color-secondary-half: var(--base-font-color-secondary-half);\n\n/* Box Shadow */\n\n$base-box-shadow-color: var(--base-box-shadow-color);\n$base-box-shadow-color-dark: var(--base-box-shadow-color-dark);\n\n$box-shadow: var(--box-shadow);\n$box-shadow-top: var(--box-shadow-top);\n$box-shadow-right: var(--box-shadow-right);\n$box-shadow-bottom: var(--box-shadow-bottom);\n$box-shadow-left: var(--box-shadow-left);\n$box-shadow-dark: var(--box-shadow-dark);\n$box-shadow-darkest: var(--box-shadow-darkest);\n\n/* Border */\n$border-radius: var(--border-radius);\n$border-radius-hard: var(--border-radius-hard);\n$border-radius-hardest: var(--border-radius-hardest);\n$border-color: var(--border-color);\n$border-color-dark-only: var(--border-color-dark-only);\n$border-width: var(--border-width);\n$border-width-thin: var(--border-width-thin);\n$border-width-thick: var(--border-width-thick);\n$border-width-dark-only: var(--border-width-dark-only);\n\n/* Filter */\n$base-filter-brightness-5: var(--base-filter-brightness-5);\n$base-filter-contrast-1: var(--base-filter-contrast-1);\n$base-filter-invert-1: var(--base-filter-invert-1);\n$base-filter-contrast-invert-00: var(--base-filter-contrast-invert-00);\n$base-filter-contrast-invert-01: var(--base-filter-contrast-invert-01);\n$base-filter-contrast-invert-10: var(--base-filter-contrast-invert-10);\n$base-filter-contrast-invert-11: var(--base-filter-contrast-invert-11);\n\n/* Components */\n$header-background-color: var(--header-background-color);\n$collectible-background-color: var(--collectible-background-color);\n$collectible-body-background-color: var(--collectible-body-background-color);\n$balances-background-color: var(--balances-background-color);\n$modal-container-background-color: var(--modal-container-background-color);\n$asset-background-color: var(--asset-background-color);\n$send-button-border-color: var(--send-button-border-color);\n$send-button-background-color: var(--send-button-background-color);\n$send-button-tez-border-color: var(--send-button-tez-border-color);\n$send-button-tez-background-color: var(--send-button-tez-background-color);\n$send-button-tez-icon-color: var(--send-button-tez-icon-color);\n$send-button-buy-icon-color: var(--send-button-buy-icon-color);\n$send-button-buy-border-color: var(--send-button-buy-border-color);\n$send-button-buy-background-color: var(--send-button-buy-background-color);\n$collectible-thumbnail-border-radius: var(--collectible-thumbnail-border-radius);\n$search-bar-background-color: var(--search-bar-background-color);\n$moonpay-iframe-filter: var(--moonpay-iframe-filter);\n$dropdown-icon-invert: var(--dropdown-icon-invert);\n\n$button-background-color: var(--button-background-color);\n$button-color: var(--button-color);\n$button-red-background-color: var(--button-red-background-color);\n$button-red-color: var(--button-red-color);\n$button-border-color: var(--button-border-color);\n\n$background-expected-color: var(--background-expected-color);\n$background-from-color: var(--background-from-color);\n$lqd-font-secondary: var(--lqd-font-secondary);\n$lqd-font-terinary: var(--lqd-font-terinary);\n$lqd-chart-filler-background-color: var(--lqd-chart-filler-background-color);\n/* @media */\n\n/* Default Break */\n$lower-break: 63em;\n$middle-break: 127em;\n$upper-break: 255em;\n\n/* Font Break */\n$font-break-0: 253em;\n$font-break-1: 153em;\n$font-break-2: 123em;\n$font-break-3: 103em;\n$font-break-4: 83em;\n$font-break-5: 63em;\n\n/* Layout Break */\n$layout-break-0: 253em;\n$layout-break-1: 173em;\n$layout-break-2: 123em;\n$layout-break-3: 83em;\n$layout-break-4: 73em;\n$layout-break-5: 63em;\n$layout-break-6: 43em;\n\n// Offsets\n$font-offset-mobile: 1.2;\n\n$compactness: var(--compactness);\n\n$isMobile: var(--is-mobile);","@font-face {\n font-family: 'Roboto-Flex';\n src: url('./Flex.ttf') format('truetype');\n font-weight: 100 1200;\n font-stretch: 10% 150%;\n}","@use '../abstracts/variables'as v;\nbody {\n background-color: #F4F4F4;\n}\nhtml, body {\n height: 100%;\n margin: 0;\n}\nbutton:focus, input:focus, textarea:focus {\n outline: none;\n}\np,\nspan,\nH1,\nH2,\nH3,\nH5,\nH6,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nsmall,\nbutton,\ndiv,\nth,\ntd,\nlabel,\ninput,\ntextarea {\n margin: 0;\n outline: none;\n resize: none;\n font-weight: 400;\n color: v.$base-font-color;\n}\n\nth {\n text-align: inherit;\n}\n\ntable {\n border-collapse: collapse;\n}\n\na, a:-webkit-any-link {\n text-decoration: none;\n}\n\ninput:not([type='radio']), textarea {\n -webkit-appearance: none;\n line-height: normal;\n}","/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* Components */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* Components */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* Components */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap\");\n@import \"../assets/fonts/Roboto/Flex.css\";\nbody {\n background-color: #F4F4F4;\n}\n\nhtml, body {\n height: 100%;\n margin: 0;\n}\n\nbutton:focus, input:focus, textarea:focus {\n outline: none;\n}\n\np,\nspan,\nH1,\nH2,\nH3,\nH5,\nH6,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nsmall,\nbutton,\ndiv,\nth,\ntd,\nlabel,\ninput,\ntextarea {\n margin: 0;\n outline: none;\n resize: none;\n font-weight: 400;\n color: var(--base-font-color);\n}\n\nth {\n text-align: inherit;\n}\n\ntable {\n border-collapse: collapse;\n}\n\na, a:-webkit-any-link {\n text-decoration: none;\n}\n\ninput:not([type=radio]), textarea {\n -webkit-appearance: none;\n line-height: normal;\n}\n\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* Components */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n.noselection, button {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\nbutton {\n outline: none;\n border: var(--border-width) solid var(--button-border-color);\n border-radius: var(--border-radius-hard);\n background-color: var(--button-background-color);\n color: var(--button-color);\n padding: 1rem 2rem;\n font-size: 1.25rem;\n cursor: pointer;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\nbutton img {\n height: 1rem;\n}\n\nbutton.selected, .button.selected {\n font-weight: 600 !important;\n color: var(--base-blue-color-lightened);\n border-color: var(--base-blue-color-lightened) !important;\n}\n\n.flex-column-wrap, .flex-column, .flex-row-wrap, .flex-row, .flex {\n display: flex;\n}\n\n.flex-row-wrap, .flex-row {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n\n.flex-column-wrap, .flex-column {\n flex-direction: column;\n}\n\n.flex-column-wrap, .flex-row-wrap {\n flex-wrap: wrap;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n}\n\n* {\n scrollbar-width: thin;\n scrollbar-color: var(--color-lightened-3);\n font-family: \"Roboto\", serif;\n -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;\n}\n\nbody * {\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n*::-webkit-scrollbar {\n width: 0.5rem;\n}\n\n*::-webkit-scrollbar-track {\n background: var(--color-lightened-6);\n margin: 1.5rem 0;\n border-radius: var(--border-radius);\n}\n\n*::-webkit-scrollbar-thumb {\n background-color: var(--color-lightened-3);\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--color-lightened-3);\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n appearance: none;\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n appearance: none;\n}\n\nhtml {\n font-size: 16px;\n -webkit-text-size-adjust: none;\n}\n\nhtml {\n --theme: \"default\";\n --base-background-color: #f8f9fa;\n --base-background-color-alert: #e2e4ff;\n --base-color-alert: #333333;\n --base-color-static: #000;\n --base-color: #000;\n --color-lightened-1: #4a5d75;\n --color-lightened-2: #98a0ab;\n --color-lightened-3: #b9bfc7;\n --color-lightened-4: #c1cdd5;\n --color-lightened-5: #dae1e6;\n --color-lightened-6: #e6eaef;\n --color-lightened-65: #f0f2f4;\n --color-lightened-7: #f8f9fa;\n --base-end-color-static: #fff;\n --base-end-color: #fff;\n --base-blue-color: #5963ff;\n --base-blue-color-lightened: #7178e3;\n --base-red-color: #eb4e39;\n --base-green-color: #86cf2d;\n --base-green-color-lightened: #3bd13b;\n --base-font-color: #333333;\n --base-font-color-secondary: #717171;\n --base-font-color-secondary-half: #555555;\n --base-box-shadow-color: #33333322;\n --base-box-shadow-color-dark: #3333;\n --base-box-shadow-color-darkest: #0003;\n --box-shadow: 0px 4px 12px var(--base-box-shadow-color);\n --box-shadow-top: 0 12px 6px -6px var(--base-box-shadow-color);\n --box-shadow-right: 12px 0 6px -6px var(--base-box-shadow-color);\n --box-shadow-bottom: 0 -12px 6px -6px var(--base-box-shadow-color);\n --box-shadow-left: -12px 0 6px -6px var(--base-box-shadow-color);\n --box-shadow-dark: 0px 6px 12px var(--base-box-shadow-color-dark);\n --box-shadow-darkest: 0px 6px 12px var(--base-box-shadow-color-darkest);\n --border-radius: 16px;\n --border-radius-hard: calc(var(--border-radius) * 2.5);\n --border-radius-hardest: calc(var(--border-radius) * 25);\n --border-color: #eff0f1;\n --border-color-dark-only: #00000000;\n --border-width: 0.1875em;\n --border-width-thin: calc((var(--border-width) / 4) * 3);\n --border-width-thick: calc(var(--border-width) * 2);\n --border-width-dark-only: 0rem;\n --base-filter-brightness-5: unset;\n --base-filter-contrast-1: unset;\n --base-filter-invert-1: unset;\n --base-filter-contrast-invert-00: unset;\n --base-filter-contrast-invert-01: unset;\n --base-filter-contrast-invert-10: unset;\n --base-filter-contrast-invert-11: unset;\n --layout-break-5: 63em;\n --compactness: 1;\n --is-mobile: 0;\n --header-background-color: var(--base-end-color);\n --modal-container-background-color: var(--color-lightened-7);\n --collectible-background-color: var(--base-end-color);\n --collectible-body-background-color: var(--color-lightened-6);\n --collectible-thumbnail-border-radius: calc(var(--border-radius) / 2);\n --balances-background-color: var(--base-end-color);\n --moonpay-iframe-filter: unset;\n --dropdown-icon-invert: invert(1);\n --send-button-border-color: var(--border-color);\n --send-button-background-color: transparent;\n --send-button-tez-border-color: var(--base-blue-color-lightened);\n --send-button-tez-background-color: var(--base-blue-color-lightened);\n --send-button-tez-icon-color: var(--base-end-color);\n --send-button-buy-border-color: var(--base-blue-color-lightened);\n --send-button-buy-background-color: inherit;\n --send-button-buy-icon-color: var(--base-blue-color-lightened);\n --button-background-color: var(--base-blue-color-lightened);\n --button-color: var(--base-end-color);\n --button-red-background-color: var(--base-red-color);\n --button-red-color: var(--base-end-color);\n --button-background-color: var(--base-blue-color-lightened);\n --button-color: var(--base-end-color);\n --button-red-background-color: var(--base-red-color);\n --button-red-color: var(--base-end-color);\n --button-border-color: transparent;\n --search-bar-background-color: #d0d8e1;\n --background-expected-color: #f2f3ff;\n --background-from-color: #f7f7f7;\n --lqd-font-secondary: #666666;\n --lqd-font-terinary: #858585;\n --lqd-chart-filler-background-color: #5963ff1a;\n}\nhtml.dark {\n --theme: \"dark\";\n --base-background-color: #1a1b1e;\n --base-background-color-alert: #E6E6E6;\n --base-color-alert: #333333;\n --base-color: #000;\n --color-lightened-1: #888b8d;\n --color-lightened-2: #787b7d;\n --color-lightened-3: #686b6d;\n --color-lightened-4: #585b5d;\n --color-lightened-5: #484b4d;\n --color-lightened-6: #383b3d;\n --color-lightened-65: #252526;\n --color-lightened-7: #252526;\n --border-color: #333337;\n --border-color-dark-only: #333337;\n --base-end-color: #1d1d21;\n --base-font-color: #c9d1d9;\n --base-font-color-secondary: rgba(255, 255, 255, 0.60);\n --base-font-color-secondary-half: rgba(255, 255, 255, 0.60);\n --border-width-dark-only: var(--border-width);\n --base-filter-brightness-5: brightness(5);\n --base-filter-contrast-0: contrast(0);\n --base-filter-contrast-1: contrast(1);\n --base-filter-invert-0: invert(0);\n --base-filter-invert-1: invert(1);\n --base-filter-contrast-invert-00: var(--base-filter-contrast-0) var(--base-filter-invert-0);\n --base-filter-contrast-invert-01: var(--base-filter-contrast-0) var(--base-filter-invert-1);\n --base-filter-contrast-invert-10: var(--base-filter-contrast-1) var(--base-filter-invert-0);\n --base-filter-contrast-invert-11: var(--base-filter-contrast-1) var(--base-filter-invert-1);\n /* Components */\n --header-background-color: #1d1d21;\n --collectible-background-color: #393940;\n --collectible-body-background-color: #26262b;\n --balances-background-color: #26262b;\n --modal-container-background-color: #26262b;\n --send-button-border-color: var(--border-color);\n --send-button-background-color: var(--border-color);\n --send-button-tez-icon-color: var(--border-color);\n --send-button-buy-border-color: var(--base-blue-color-lightened);\n --send-button-buy-background-color: inherit;\n --send-button-buy-icon-color: var(--base-blue-color-lightened);\n --collectible-thumbnail-border-radius: 0;\n --search-bar-background-color: #303036;\n --moonpay-iframe-filter: invert(0.925) hue-rotate(175deg);\n --dropdown-icon-invert: invert(0);\n --button-background-color: var(--base-end-color);\n --button-color: var(--base-blue-color-lightened);\n --button-red-background-color: var(--base-end-color);\n --button-red-color: var(--base-red-color);\n --button-border-color: var(--base-blue-color-lightened);\n --background-expected-color: #393940;\n --background-from-color: #26262b;\n --lqd-font-secondary: #999999;\n --lqd-font-terinary: #7a7a7a;\n --lqd-chart-filler-background-color: rgba(89, 99, 255, 0.114);\n}\n\nhtml,\nbody {\n background-color: var(--base-background-color);\n overflow: scroll;\n overflow-y: auto !important;\n overflow-x: hidden !important;\n}\n\nform {\n width: 100%;\n display: contents;\n}\n\ninput {\n text-align: left;\n height: 4.5rem;\n padding: 1px 1px 1px 2em;\n box-sizing: border-box;\n border-radius: var(--border-radius-hard);\n background-color: var(--base-end-color);\n}\ninput:focus {\n border-color: var(--base-blue-color) !important;\n}\ninput:disabled {\n filter: opacity(0.85);\n}\ninput::placeholder {\n color: var(--base-font-color);\n}\ninput:autofill, input:autofill:hover, input:autofill:focus {\n box-shadow: 0 0 0 1000px var(--base-end-color) inset !important;\n color: var(--base-font-color) !important;\n -webkit-text-fill-color: var(--base-font-color) !important;\n background-clip: content-box !important;\n padding: 1px 1px 1px 2em !important;\n -webkit-appearance: none !important;\n}\n\nform {\n width: 100%;\n display: contents;\n}\n\nh1 {\n font-weight: 500;\n}\n\ntextarea {\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n background-color: var(--base-end-color);\n}\n\nbr {\n height: 0;\n margin: 0.625rem 0;\n}\n\n.button {\n cursor: pointer;\n}\nbutton:hover {\n filter: saturate(1.5);\n}\n\n.block {\n display: block;\n}\n\n.inline {\n display: inline-block;\n}\n\n@media (max-width: 253em) {\n html {\n font-size: 100%;\n }\n}\n@media (max-width: 153em) {\n html {\n font-size: 90%;\n }\n}\n@media (max-width: 123em) {\n html {\n font-size: 80%;\n }\n}\n@media (max-width: 103em) {\n html {\n font-size: 70%;\n }\n}\n@media (max-width: 83em) {\n html {\n font-size: 60%;\n }\n}\n@media (max-width: 63em) {\n html {\n font-size: 50%;\n }\n}","@use \"../abstracts/variables\" as v;\n@use \"../abstracts/mixins\" as m;\n@use \"../themes/abstracts/variables\" as t;\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;700&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap\");\n@import \"../assets/fonts/Roboto/Flex.css\";\n\n%noselection {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n%base-button {\n outline: none;\n border: v.$border-width solid v.$button-border-color;\n border-radius: v.$border-radius-hard;\n background-color: v.$button-background-color;\n color: v.$button-color;\n padding: 1rem 2rem;\n font-size: 1.25rem;\n cursor: pointer;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n @extend %noselection;\n\n img {\n height: 1rem;\n }\n}\n\n%base-button-selected {\n font-weight: 600 !important;\n color: v.$base-blue-color-lightened;\n border-color: v.$base-blue-color-lightened !important;\n}\n\n%flex {\n display: flex;\n}\n\n%row {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n\n%column {\n flex-direction: column;\n}\n\n%wrap {\n flex-wrap: wrap;\n}\n\n%nowrap {\n flex-wrap: nowrap;\n}\n\n%grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n}\n\n* {\n scrollbar-width: thin;\n scrollbar-color: v.$color-lightened-3;\n font-family: \"Roboto\", serif;\n -webkit-tap-highlight-color: #fff0 !important;\n}\n\nbody * {\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n\n*::-webkit-scrollbar {\n width: 0.5rem;\n}\n\n*::-webkit-scrollbar-track {\n background: v.$color-lightened-6;\n margin: 1.5rem 0;\n border-radius: v.$border-radius;\n}\n\n*::-webkit-scrollbar-thumb {\n background-color: v.$color-lightened-3;\n border-radius: v.$border-radius;\n border: v.$border-width solid v.$color-lightened-3;\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n appearance: none;\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n appearance: none;\n}\n\nhtml {\n font-size: 16px;\n -webkit-text-size-adjust: none;\n}\n\n@include t.themes;\n\nhtml,\nbody {\n background-color: v.$base-background-color;\n overflow: scroll;\n overflow-y: auto !important;\n overflow-x: hidden !important;\n}\n\nform {\n width: 100%;\n display: contents;\n}\n\ninput {\n text-align: left;\n height: 4.5rem;\n padding: 1px 1px 1px 2em;\n box-sizing: border-box;\n border-radius: v.$border-radius-hard;\n background-color: $base-end-color;\n &:focus {\n border-color: v.$base-blue-color !important;\n }\n &:disabled {\n filter: opacity(0.85);\n }\n &::placeholder {\n color: $base-font-color;\n }\n &:autofill, &:autofill:hover, &:autofill:focus {\n box-shadow: 0 0 0 1000px $base-end-color inset !important;\n color: $base-font-color !important;\n -webkit-text-fill-color: $base-font-color !important;\n background-clip: content-box !important;\n padding: 1px 1px 1px 2em !important;\n -webkit-appearance: none !important;\n }\n}\n\nform {\n width: 100%;\n display: contents;\n}\n\nh1 {\n font-weight: 500;\n}\n\ntextarea {\n border: v.$border-width solid v.$border-color;\n border-radius: v.$border-radius;\n background-color: v.$base-end-color;\n}\n\nbr {\n height: 0;\n margin: 0.625rem 0;\n}\n\n.noselection {\n @extend %noselection;\n}\n\n.button {\n cursor: pointer;\n &.selected {\n @extend %base-button-selected;\n }\n}\n\nbutton {\n @extend %base-button;\n &.selected {\n @extend %base-button-selected;\n }\n &:hover {\n filter: saturate(1.5);\n }\n}\n\n.block {\n display: block;\n}\n\n.inline {\n display: inline-block;\n}\n\n.flex {\n @extend %flex;\n\n &-row {\n @extend %flex;\n @extend %row;\n\n &-wrap {\n @extend %flex;\n @extend %row;\n @extend %wrap;\n }\n }\n\n &-column {\n @extend %flex;\n @extend %column;\n\n &-wrap {\n @extend %flex;\n @extend %column;\n @extend %wrap;\n }\n }\n}\n\n.grid {\n @extend %grid;\n}\n\n@media (max-width: v.$font-break-0) {\n html {\n font-size: 100%;\n }\n}\n\n@media (max-width: v.$font-break-1) {\n html {\n font-size: 90%;\n }\n}\n\n@media (max-width: v.$font-break-2) {\n html {\n font-size: 80%;\n }\n}\n\n@media (max-width: v.$font-break-3) {\n html {\n font-size: 70%;\n }\n}\n\n@media (max-width: v.$font-break-4) {\n html {\n font-size: 60%;\n }\n}\n\n@media (max-width: v.$font-break-5) {\n html {\n font-size: 50%;\n }\n}","@use \"./functions\" as f;\n\n@mixin themes {\n html {\n --theme: \"default\";\n --base-background-color: #f8f9fa;\n --base-background-color-alert: #e2e4ff;\n --base-color-alert: #333333;\n --base-color-static: #000;\n --base-color: #000;\n --color-lightened-1: #4a5d75;\n --color-lightened-2: #98a0ab;\n --color-lightened-3: #b9bfc7;\n --color-lightened-4: #c1cdd5;\n --color-lightened-5: #dae1e6;\n --color-lightened-6: #e6eaef;\n --color-lightened-65: #f0f2f4;\n --color-lightened-7: #f8f9fa;\n --base-end-color-static: #fff;\n --base-end-color: #fff;\n\n --base-blue-color: #5963ff;\n --base-blue-color-lightened: #7178e3;\n --base-red-color: #eb4e39;\n --base-green-color: #86cf2d;\n --base-green-color-lightened: #3bd13b;\n --base-font-color: #333333;\n --base-font-color-secondary: #717171;\n --base-font-color-secondary-half: #555555;\n\n --base-box-shadow-color: #33333322;\n --base-box-shadow-color-dark: #3333;\n --base-box-shadow-color-darkest: #0003;\n\n --box-shadow: 0px 4px 12px var(--base-box-shadow-color); // base\n --box-shadow-top: 0 12px 6px -6px var(--base-box-shadow-color);\n --box-shadow-right: 12px 0 6px -6px var(--base-box-shadow-color);\n --box-shadow-bottom: 0 -12px 6px -6px var(--base-box-shadow-color);\n --box-shadow-left: -12px 0 6px -6px var(--base-box-shadow-color);\n --box-shadow-dark: 0px 6px 12px var(--base-box-shadow-color-dark);\n --box-shadow-darkest: 0px 6px 12px var(--base-box-shadow-color-darkest);\n\n --border-radius: 16px;\n --border-radius-hard: calc(#{var(--border-radius)} * 2.5);\n --border-radius-hardest: calc(#{var(--border-radius)} * 25);\n --border-color: #eff0f1;\n --border-color-dark-only: #00000000;\n --border-width: 0.1875em;\n --border-width-thin: calc((#{var(--border-width)} / 4) * 3);\n --border-width-thick: calc(#{var(--border-width)} * 2);\n --border-width-dark-only: 0rem;\n\n --base-filter-brightness-5: unset;\n --base-filter-contrast-1: unset;\n --base-filter-invert-1: unset;\n --base-filter-contrast-invert-00: unset;\n --base-filter-contrast-invert-01: unset;\n --base-filter-contrast-invert-10: unset;\n --base-filter-contrast-invert-11: unset;\n\n --layout-break-5: 63em;\n --compactness: 1;\n --is-mobile: 0;\n\n //header\n --header-background-color: var(--base-end-color);\n\n //model\n --modal-container-background-color: var(--color-lightened-7);\n\n //nfts/collectibles\n --collectible-background-color: var(--base-end-color);\n --collectible-body-background-color: var(--color-lightened-6);\n --collectible-thumbnail-border-radius: calc(var(--border-radius) / 2);\n\n //balances\n --balances-background-color: var(--base-end-color);\n\n //moonpay\n --moonpay-iframe-filter: unset;\n\n //UI\n --dropdown-icon-invert: invert(1);\n\n --send-button-border-color: var(--border-color);\n --send-button-background-color: transparent;\n --send-button-tez-border-color: var(--base-blue-color-lightened);\n --send-button-tez-background-color: var(--base-blue-color-lightened);\n --send-button-tez-icon-color: var(--base-end-color);\n --send-button-buy-border-color: var(--base-blue-color-lightened);\n --send-button-buy-background-color: inherit;\n --send-button-buy-icon-color: var(--base-blue-color-lightened);\n\n --button-background-color: var(--base-blue-color-lightened);\n --button-color: var(--base-end-color);\n --button-red-background-color: var(--base-red-color);\n --button-red-color: var(--base-end-color);\n\n --button-background-color: var(--base-blue-color-lightened);\n --button-color: var(--base-end-color);\n --button-red-background-color: var(--base-red-color);\n --button-red-color: var(--base-end-color);\n --button-border-color: transparent;\n\n --search-bar-background-color: #d0d8e1;\n\n //lqd\n\n --background-expected-color: #f2f3ff;\n --background-from-color: #f7f7f7;\n\n --lqd-font-secondary: #666666;\n --lqd-font-terinary: #858585;\n\n --lqd-chart-filler-background-color: #5963ff1a;\n\n &.dark {\n --theme: \"dark\";\n --base-background-color: #1a1b1e;\n --base-background-color-alert: #E6E6E6;\n --base-color-alert: #333333;\n --base-color: #{f.theme-transform(#000)};\n --color-lightened-1: #888b8d;\n --color-lightened-2: #787b7d;\n --color-lightened-3: #686b6d;\n --color-lightened-4: #585b5d;\n --color-lightened-5: #484b4d;\n --color-lightened-6: #383b3d;\n --color-lightened-65: #252526;\n --color-lightened-7: #252526;\n\n --border-color: #333337;\n --border-color-dark-only: #333337;\n\n --base-end-color: #1d1d21;\n --base-font-color: #c9d1d9;\n --base-font-color-secondary: rgba(255, 255, 255, 0.60);\n --base-font-color-secondary-half: rgba(255, 255, 255, 0.60);\n\n --border-width-dark-only: var(--border-width);\n\n --base-filter-brightness-5: #{brightness(5)};\n --base-filter-contrast-0: #{contrast(0)};\n --base-filter-contrast-1: #{contrast(1)};\n --base-filter-invert-0: #{invert(0)};\n --base-filter-invert-1: #{invert(1)};\n --base-filter-contrast-invert-00: var(--base-filter-contrast-0) var(--base-filter-invert-0);\n --base-filter-contrast-invert-01: var(--base-filter-contrast-0) var(--base-filter-invert-1);\n --base-filter-contrast-invert-10: var(--base-filter-contrast-1) var(--base-filter-invert-0);\n --base-filter-contrast-invert-11: var(--base-filter-contrast-1) var(--base-filter-invert-1);\n\n /* Components */\n --header-background-color: #1d1d21;\n --collectible-background-color: #393940;\n --collectible-body-background-color: #26262b;\n --balances-background-color: #26262b;\n --modal-container-background-color: #26262b;\n --send-button-border-color: var(--border-color);\n --send-button-background-color: var(--border-color);\n --send-button-tez-icon-color: var(--border-color);\n --send-button-buy-border-color: var(--base-blue-color-lightened);\n --send-button-buy-background-color: inherit;\n --send-button-buy-icon-color: var(--base-blue-color-lightened);\n\n --collectible-thumbnail-border-radius: 0;\n --search-bar-background-color: #303036;\n --moonpay-iframe-filter: invert(0.925) hue-rotate(175deg);\n --dropdown-icon-invert: invert(0);\n\n --button-background-color: var(--base-end-color);\n --button-color: var(--base-blue-color-lightened);\n --button-red-background-color: var(--base-end-color);\n --button-red-color: var(--base-red-color);\n --button-border-color: var(--base-blue-color-lightened);;\n\n --background-expected-color: #393940;\n --background-from-color: #26262b;\n\n --lqd-font-secondary: #999999;\n --lqd-font-terinary: #7a7a7a;\n\n --lqd-chart-filler-background-color: rgba(89, 99, 255, 0.114);\n }\n }\n}\n"],"mappings":"gSCAA,WACE,wBACA,sDACA,qBACA,sBCHF,KACI,yBAEJ,UACI,qBAGJ,wCACE,aAEF,6FAsBE,aACA,YACA,gBACA,WAAA,6BAGF,GACE,mBAGF,MACE,yBAGF,qBACE,qBAGF,iCACE,wBACA,mBE7CF,oBACE,2BACA,yBAEA,sBAEA,iBAGF,OACE,aACA,iCAAA,+EACA,wCACA,yBAAA,gDACA,WAAA,4CAEA,kBACA,eACA,gBACA,yBACA,qBAGA,WACE,YAIJ,iCACE,0BACA,cAAA,uCACA,+BAAA,wDAGF,8DACE,aAGF,yBACE,mBACA,8BACA,mBAGF,+BACE,sBAGF,iCACE,eAOF,MACE,aACA,oCACA,gBAAA,WAGF,EACE,qBACA,wBAAA,yCACA,yBACA,0DAGF,OACE,8BACA,2BACA,0BAGF,qBACE,YAGF,2BACE,mBAAA,uEAEA,mCAGF,2BACE,yBAAA,6DACA,mCACA,6BAAA,0DAQF,4FAEE,wBAAA,gBAGF,KACE,eACA,8BC5GA,KACE,mBACA,iCACA,uCACA,4BACA,0BACA,mBACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,6BACA,8BACA,uBAEA,2BACA,qCACA,0BACA,4BACA,sCACA,2BACA,qCACA,0CAEA,mCACA,oCACA,uCAEA,wDACA,+DACA,iEACA,mEACA,iEACA,kEACA,wEAEA,sBACA,uDACA,yDACA,wBACA,oCACA,wBACA,yDACA,oDACA,+BAEA,kCACA,gCACA,8BACA,wCACA,wCACA,wCACA,wCAEA,uBACA,iBACA,eAGA,iDAGA,6DAGA,sDACA,8DACA,sEAGA,mDAGA,+BAGA,kCAEA,gDACA,4CACA,iEACA,qEACA,oDACA,iEACA,4CACA,+DAOA,4DACA,sCACA,qDACA,0CACA,mCAEA,uCAIA,qCACA,iCAEA,8BACA,6BAEA,+CAEA,UACE,gBACA,iCACA,uCACA,4BACA,mBACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,6BAEA,wBACA,kCAEA,0BACA,2BACA,qDACA,0DAEA,8CAEA,0CACA,sCACA,sCACA,kCACA,kCACA,4FACA,4FACA,4FACA,4FAGA,mCACA,wCACA,6CACA,qCACA,4CACA,gDACA,oDACA,kDACA,iEACA,4CACA,+DAEA,yCACA,uCACA,yDACA,kCAEA,iDACA,iDACA,qDACA,0CACA,wDAEA,qCACA,iCAEA,8BACA,6BAEA,6DDjEN,UAEE,yBAAA,8CACA,gBACA,0BACA,4BAQF,MACE,gBACA,sCAEA,yCACA,wCACA,sBAAA,uCACA,YACE,+BAAA,8CAEF,eACE,oBAEF,wBACE,WAAA,6BADF,mBACE,WAAA,6BAEF,iFACE,6CAAA,8DACA,qBAAA,uCACA,0CAAA,yDACA,wEAEA,kCANF,yDACE,6CAAA,8DACA,qBAAA,uCACA,0CAAA,yDACA,wEAEA,kCAIJ,KACE,WACA,iBAGF,GACE,gBAGF,SACE,6BAAA,wEACA,mCACA,sBAAA,uCAGF,GACE,0BAQF,QACE,eAWA,aACE,qBAIJ,OACE,cAGF,QACE,qBAiCF,0BACE,KACE,gBAIJ,0BACE,KACE,eAIJ,0BACE,KACE,eAIJ,0BACE,KACE,eAIJ,yBACE,KACE,eAIJ,yBACE,KACE","names":[],"sourceRoot":"webpack:///","file":"styles.4798e9fcd11794f0.css"}