-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyles.css.map
1 lines (1 loc) · 28.8 KB
/
styles.css.map
1
{"version":3,"file":"styles.css","mappings":";;;;;;;;;;;;;;;;AACA;AAyBA;AAaA;AAWA;AASA;AAqBA;AAEA;AAKA;AAQA;AA9FA;AAyBA;AAaA;AAWA;AASA;AAqBA;AAEA;AAKA;AAQA;AA9FA;AAyBA;AAaA;AAWA;AASA;AAqBA;AAEA;AAKA;AAQA;AC/FA;EACE,0BAA0B;EAC1B,uCAAyC;EACzC,qBAAqB;EACrB,sBAAsB;AACxB;ACJA;EACI;AC+BJ;AD7BA;EACI;EACA;ACgCJ;AD9BA;EACE;ACiCF;AD/BA;;;;;;;;;;;;;;;;;;;;;EAqBE;EACA;EACA;EACA;EACA,cFdgB;EEchB,6BFdgB;AGgDlB;AD/BA;EACE;ACkCF;AD/BA;EACE;ACkCF;AD/BA;EACE;ACkCF;AD/BA;EACE;EACA;ACkCF;AHtFA;AAyBA;AAaA;AAWA;AASA;AAqBA;AAEA;AAKA;AAQA;AIvFA;EACE;EACA;EAEA;EAEA;AD2FF;ACxFA;EACE;EACA;EAAA;EACA,+BJqBmB;EIrBnB,wCJqBmB;EIpBnB,yBJsDwB;EItDxB,gDJsDwB;EIrDxB,WJsDa;EItDb,0BJsDa;EIrDb;EACA;EACA;EACA;EACA;EACA;AD2FF;ACxFE;EACE;AD0FJ;ACtFA;EACE;EACA,cJpB0B;EIoB1B,uCJpB0B;EIqB1B;EAAA;ADyFF;ACtFA;EACE;ADyFF;ACtFA;EACE;EACA;EACA;ADyFF;ACtFA;EACE;ADyFF;ACtFA;EACE;ADyFF;AClFA;EACE;EACA;EACA;EAAA;ADqFF;AClFA;EACE;EACA,wBJlEkB;EIkElB,yCJlEkB;EImElB;EACA;ADqFF;AClFA;EACE;EACA;EACA;ADqFF;AClFA;EACE;ADqFF;AClFA;EACE,mBJ/EkB;EI+ElB,oCJ/EkB;EIgFlB;EACA,mBJlDc;EIkDd,mCJlDc;AGuIhB;AClFA;EACE,yBJxFkB;EIwFlB,0CJxFkB;EIyFlB,mBJvDc;EIuDd,mCJvDc;EIwDd;EAAA;ADqFF;AClFA;;EAEE;UAAA;ADqFF;AClFA;EACE;EACA;ADqFF;AE5LE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EAGA;EAGA;EACA;EACA;EAGA;EAGA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;AF2KJ;AEzKI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AFqKN;AC5MA;;EAEE,yBJlGsB;EIkGtB,8CJlGsB;EImGtB;EACA;EACA;AD+MF;AC5MA;EACE;EACA;EACA;EACA;EACA,+BJnFmB;EImFnB,wCJnFmB;EIoFnB,sBJ/Ge;EI+Gf,uCJ/Ge;AG8TjB;AC9ME;EACE;EAAA;ADgNJ;AC9ME;EACE;ADgNJ;AC9ME;EACE,cJ/Gc;EI+Gd,6BJ/Gc;AG+TlB;ACjNE;EACE,cJ/Gc;EI+Gd,6BJ/Gc;AG+TlB;AC9ME;EACE;EAAA;EACA;EAAA;EACA;EAAA;EACA;EACA;EACA;ADgNJ;ACtNE;EACE;EAAA;EACA;EAAA;EACA;EAAA;EACA;EACA;EACA;ADgNJ;AC5MA;EACE;AD+MF;AC5MA;EACE;EAAA;EACA,mBJ/Gc;EI+Gd,mCJ/Gc;EIgHd,sBJ1Ie;EI0If,uCJ1Ie;AGyVjB;AC5MA;EACE;EACA;AD+MF;ACxMA;EACE;AD2MF;AChME;EACE;ADkMJ;AC9LA;EACE;ADiMF;AC9LA;EACE;ADiMF;AChKA;EACE;IACE;EDmKF;AACF;AChKA;EACE;IACE;EDkKF;AACF;AC/JA;EACE;IACE;EDiKF;AACF;AC9JA;EACE;IACE;EDgKF;AACF;AC7JA;EACE;IACE;ED+JF;AACF;AC5JA;EACE;IACE;ED8JF;AACF,C","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-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$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$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/* @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: #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: 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\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-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 --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 --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}\nhtml.dark {\n --theme: \"dark\";\n --base-background-color: #1a1b1e;\n --base-background-color-alert: #1D1B00;\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.48);\n --base-font-color-secondary-half: rgba(255, 255, 255, 0.48);\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: #303036;\n --collectible-body-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 --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}\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\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\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\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\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\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-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 //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\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 &.dark {\n --theme: \"dark\";\n --base-background-color: #1a1b1e;\n --base-background-color-alert: #{f.theme-transform(#e2e4ff, \"dark\")};\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.48);\n --base-font-color-secondary-half: rgba(255, 255, 255, 0.48);\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: #303036;\n --collectible-body-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 --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 }\n}\n"],"names":[],"sourceRoot":"webpack:///"}