-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstyles.90cb12c3fcb76082a23a.css.map
1 lines (1 loc) · 27.1 KB
/
styles.90cb12c3fcb76082a23a.css.map
1
{"version":3,"sources":["styles.90cb12c3fcb76082a23a.css","src/assets/fonts/Roboto/Flex.css","base/_reset.scss","styles.scss","base/_base.scss","abstracts/_variables.scss","themes/abstracts/_variables.scss"],"names":[],"mappings":"AAAA,mGAAmG,CACnG,wGAAwG,CACxG,8FAA8F,CCF9F,WACE,uBAA0B,CAC1B,yDAAyC,CACzC,oBAAqB,CACrB,qBACF,CCJA,KACI,wBC4BJ,CD1BA,UACI,YACA,QC6BJ,CD3BA,wCACE,YC8BF,CD5BA,oFAqBE,SACA,aACA,YACA,gBACA,4BC+BF,CD5BA,GACE,kBC+BF,CD5BA,MACE,wBC+BF,CD5BA,qBACE,oBC+BF,CD5BA,iCACE,wBACA,kBC+BF,CC5EA,oBACE,2BACA,yBAEA,sBAEA,gBDuFF,CCpFA,OACE,aACA,YACA,uCCmBmB,CDlBnB,iDCH0B,CDI1B,kCCTsB,CDUtB,kBACA,kBACA,eACA,gBACA,yBACA,oBDuFF,CCpFE,WACE,WDsFJ,CClFA,iCACE,0BACA,sCCpB0B,CDqB1B,uDDqFF,CClFA,8DACE,YDqFF,CClFA,yBACE,mBACA,8BACA,kBDqFF,CClFA,+BACE,qBDqFF,CClFA,iCACE,cDqFF,CC9EA,MACE,aACA,oCACA,UDiFF,CC9EA,EACE,qBACA,6CClEuB,CDmEvB,yBACA,2CDiFF,CC9EA,OACE,8BACA,2BACA,yBDiFF,CC9EA,oBACE,WDiFF,CC9EA,0BACE,wCC/EuB,CDgFvB,gBACA,kCDiFF,CC9EA,0BACE,8CCxFuB,CDyFvB,kCCzDc,CD0Dd,8DDiFF,CC9EA,KACE,eACA,8BEjGE,kBACA,gCACA,sCACA,yBACA,kBACA,iCACA,iCACA,iCACA,iCACA,iCACA,iCACA,kCACA,iCACA,6BACA,sBAEA,0BACA,oCACA,yBACA,2BACA,0BACA,oCACA,yCAEA,2DACA,gDAEA,uDACA,8DACA,gEACA,kEACA,gEACA,iEAEA,0BACA,oDACA,wDACA,uBACA,qCACA,yBACA,wDACA,mDACA,8BAEA,iCACA,+BACA,6BACA,uCACA,uCACA,uCACA,uCAEA,sBACA,gBACA,aH4HJ,CC5EA,UAEE,6CC7FsB,CD8FtB,gBACA,0BACA,2BDmIF,CChIA,MACE,gBACA,0BACA,mBACA,uCC/EmB,CDgFnB,sCDmIF,CChIA,GACE,eDmIF,CChIA,SACE,qDACA,kCC1Fc,CD2Fd,sCDmIF,CChIA,MAEE,SACA,gBDmIF,CC5HA,QACE,cD+HF,CCpHE,aACE,kBDsHJ,CClHA,OACE,aDqHF,CClHA,QACE,oBDqHF,CCpFA,yBACE,KACE,cDuFF,CACF,CCpFA,yBACE,KACE,aDsFF,CACF,CCnFA,yBACE,KACE,aDqFF,CACF,CClFA,yBACE,KACE,aDoFF,CACF,CCjFA,wBACE,KACE,aDmFF,CACF,CChFA,wBACE,KACE,aDkFF,CACF","file":"styles.90cb12c3fcb76082a23a.css","sourcesContent":["@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\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n@font-face {\r\n font-family: 'Roboto-Flex';\r\n src: url('Flex.1ad565da860a0c3d5561.ttf') format('truetype');\r\n font-weight: 100 1200;\r\n font-stretch: 10% 150%;\r\n}\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: var(--base-font-color);\n}\nth {\n text-align: inherit;\n}\ntable {\n border-collapse: collapse;\n}\na, a:-webkit-any-link {\n text-decoration: none;\n}\ninput:not([type=radio]), textarea {\n -webkit-appearance: none;\n line-height: normal;\n}\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\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 -moz-user-select: none;\n user-select: none;\n}\nbutton {\n outline: none;\n border: none;\n border-radius: var(--border-radius-hard);\n background-color: var(--base-blue-color-lightened);\n color: var(--base-end-color-static);\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}\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.flex-column-wrap, .flex-column, .flex-row-wrap, .flex-row, .flex {\n display: flex;\n}\n.flex-row-wrap, .flex-row {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.flex-column-wrap, .flex-column {\n flex-direction: column;\n}\n.flex-column-wrap, .flex-row-wrap {\n flex-wrap: wrap;\n}\n.grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n}\n* {\n scrollbar-width: thin;\n scrollbar-color: var(--base-color-lightened-3);\n font-family: \"Roboto\", serif;\n -webkit-tap-highlight-color: #fff0 !important;\n}\nbody * {\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n}\n*::-webkit-scrollbar {\n width: 0.5rem;\n}\n*::-webkit-scrollbar-track {\n background: var(--base-color-lightened-6);\n margin: 1.5rem 0;\n border-radius: var(--border-radius);\n}\n*::-webkit-scrollbar-thumb {\n background-color: var(--base-color-lightened-3);\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--base-color-lightened-3);\n}\nhtml {\n font-size: 16px;\n -webkit-text-size-adjust: none;\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 --base-color-lightened-1: #4a5d75;\n --base-color-lightened-2: #98a0ab;\n --base-color-lightened-3: #b9bfc7;\n --base-color-lightened-4: #c1cdd5;\n --base-color-lightened-5: #dae1e6;\n --base-color-lightened-6: #e6eaef;\n --base-color-lightened-65: #f0f2f4;\n --base-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-font-color: #3e4855;\n --base-font-color-secondary: #98a0ab;\n --base-font-color-secondary-half: #6b7480;\n --base-box-shadow-color: #33333322;\n --base-box-shadow-color-dark: #3333;\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 --border-radius: 0.9375rem;\n --border-radius-hard: calc(var(--border-radius) * 2);\n --border-radius-hardest: calc(var(--border-radius) * 10);\n --border-color: #eff0f1;\n --border-color-dark-only: #00000000;\n --border-width: 0.1875rem;\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}\nhtml,\nbody {\n background-color: var(--base-background-color);\n overflow: scroll;\n overflow-y: auto !important;\n overflow-x: hidden !important;\n}\ninput {\n text-align: left;\n height: calc(2.5rem - 4px);\n padding: 0 0 0 2rem;\n border-radius: var(--border-radius-hard);\n background-color: var(--base-end-color);\n}\nh1 {\n font-weight: 500;\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}\nBR,\nbr {\n height: 0;\n margin: 0.625rem 0;\n}\n.button {\n cursor: pointer;\n}\nbutton:hover {\n filter: invert(0.05);\n}\n.block {\n display: block;\n}\n.inline {\n display: inline-block;\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}\n","@font-face {\r\n font-family: 'Roboto-Flex';\r\n src: url('./Flex.ttf') format('truetype');\r\n font-weight: 100 1200;\r\n font-stretch: 10% 150%;\r\n}","@use '../abstracts/variables'as v;\r\nbody {\r\n background-color: #F4F4F4;\r\n}\r\nhtml, body {\r\n height: 100%;\r\n margin: 0;\r\n}\r\nbutton:focus, input:focus, textarea:focus {\r\n outline: none;\r\n}\r\np,\r\nspan,\r\nH1,\r\nH2,\r\nH3,\r\nH5,\r\nH6,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nsmall,\r\nbutton,\r\ndiv,\r\nth,\r\ntd,\r\nlabel,\r\ninput,\r\ntextarea {\r\n margin: 0;\r\n outline: none;\r\n resize: none;\r\n font-weight: 400;\r\n color: v.$base-font-color;\r\n}\r\n\r\nth {\r\n text-align: inherit;\r\n}\r\n\r\ntable {\r\n border-collapse: collapse;\r\n}\r\n\r\na, a:-webkit-any-link {\r\n text-decoration: none;\r\n}\r\n\r\ninput:not([type='radio']), textarea {\r\n -webkit-appearance: none;\r\n line-height: normal;\r\n}","/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\n/* @media */\n/* Default Break */\n/* Font Break */\n/* Layout Break */\n/* Color */\n/* Box Shadow */\n/* Border */\n/* Filter */\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/* @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: none;\n border-radius: var(--border-radius-hard);\n background-color: var(--base-blue-color-lightened);\n color: var(--base-end-color-static);\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(--base-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(--base-color-lightened-6);\n margin: 1.5rem 0;\n border-radius: var(--border-radius);\n}\n\n*::-webkit-scrollbar-thumb {\n background-color: var(--base-color-lightened-3);\n border-radius: var(--border-radius);\n border: var(--border-width) solid var(--base-color-lightened-3);\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 --base-color-lightened-1: #4a5d75;\n --base-color-lightened-2: #98a0ab;\n --base-color-lightened-3: #b9bfc7;\n --base-color-lightened-4: #c1cdd5;\n --base-color-lightened-5: #dae1e6;\n --base-color-lightened-6: #e6eaef;\n --base-color-lightened-65: #f0f2f4;\n --base-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-font-color: #3e4855;\n --base-font-color-secondary: #98a0ab;\n --base-font-color-secondary-half: #6b7480;\n --base-box-shadow-color: #33333322;\n --base-box-shadow-color-dark: #3333;\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 --border-radius: 0.9375rem;\n --border-radius-hard: calc(var(--border-radius) * 2);\n --border-radius-hardest: calc(var(--border-radius) * 10);\n --border-color: #eff0f1;\n --border-color-dark-only: #00000000;\n --border-width: 0.1875rem;\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}\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: calc(2.5rem - 4px);\n padding: 0 0 0 2rem;\n border-radius: var(--border-radius-hard);\n background-color: var(--base-end-color);\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,\nbr {\n height: 0;\n margin: 0.625rem 0;\n}\n\n.button {\n cursor: pointer;\n}\nbutton:hover {\n filter: invert(0.05);\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;\r\n@use \"../abstracts/mixins\" as m;\r\n@use \"../themes/abstracts/variables\" as t;\r\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap\");\r\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;700&display=swap\");\r\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap\");\r\n@import \"../assets/fonts/Roboto/Flex.css\";\r\n\r\n%noselection {\r\n -webkit-touch-callout: none;\r\n -webkit-user-select: none;\r\n -khtml-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n%base-button {\r\n outline: none;\r\n border: none;\r\n border-radius: v.$border-radius-hard;\r\n background-color: v.$base-blue-color-lightened;\r\n color: v.$base-end-color-static;\r\n padding: 1rem 2rem;\r\n font-size: 1.25rem;\r\n cursor: pointer;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n @extend %noselection;\r\n\r\n img {\r\n height: 1rem;\r\n }\r\n}\r\n\r\n%base-button-selected {\r\n font-weight: 600 !important;\r\n color: v.$base-blue-color-lightened;\r\n border-color: v.$base-blue-color-lightened !important;\r\n}\r\n\r\n%flex {\r\n display: flex;\r\n}\r\n\r\n%row {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n%column {\r\n flex-direction: column;\r\n}\r\n\r\n%wrap {\r\n flex-wrap: wrap;\r\n}\r\n\r\n%nowrap {\r\n flex-wrap: nowrap;\r\n}\r\n\r\n%grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n}\r\n\r\n* {\r\n scrollbar-width: thin;\r\n scrollbar-color: v.$base-color-lightened-3;\r\n font-family: \"Roboto\", serif;\r\n -webkit-tap-highlight-color: #fff0 !important;\r\n}\r\n\r\nbody * {\r\n -webkit-text-size-adjust: 100%;\r\n -moz-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n}\r\n\r\n*::-webkit-scrollbar {\r\n width: 0.5rem;\r\n}\r\n\r\n*::-webkit-scrollbar-track {\r\n background: v.$base-color-lightened-6;\r\n margin: 1.5rem 0;\r\n border-radius: v.$border-radius;\r\n}\r\n\r\n*::-webkit-scrollbar-thumb {\r\n background-color: v.$base-color-lightened-3;\r\n border-radius: v.$border-radius;\r\n border: v.$border-width solid v.$base-color-lightened-3;\r\n}\r\n\r\nhtml {\r\n font-size: 16px;\r\n -webkit-text-size-adjust: none;\r\n}\r\n\r\n@include t.themes;\r\n\r\nhtml,\r\nbody {\r\n background-color: v.$base-background-color;\r\n overflow: scroll;\r\n overflow-y: auto !important;\r\n overflow-x: hidden !important;\r\n}\r\n\r\ninput {\r\n text-align: left;\r\n height: calc(2.5rem - 4px);\r\n padding: 0 0 0 2rem;\r\n border-radius: v.$border-radius-hard;\r\n background-color: v.$base-end-color;\r\n}\r\n\r\nh1 {\r\n font-weight: 500;\r\n}\r\n\r\ntextarea {\r\n border: v.$border-width solid v.$border-color;\r\n border-radius: v.$border-radius;\r\n background-color: v.$base-end-color;\r\n}\r\n\r\nBR,\r\nbr {\r\n height: 0;\r\n margin: 0.625rem 0;\r\n}\r\n\r\n.noselection {\r\n @extend %noselection;\r\n}\r\n\r\n.button {\r\n cursor: pointer;\r\n &.selected {\r\n @extend %base-button-selected;\r\n }\r\n}\r\n\r\nbutton {\r\n @extend %base-button;\r\n &.selected {\r\n @extend %base-button-selected;\r\n }\r\n &:hover {\r\n filter: invert(0.05);\r\n }\r\n}\r\n\r\n.block {\r\n display: block;\r\n}\r\n\r\n.inline {\r\n display: inline-block;\r\n}\r\n\r\n.flex {\r\n @extend %flex;\r\n\r\n &-row {\r\n @extend %flex;\r\n @extend %row;\r\n\r\n &-wrap {\r\n @extend %flex;\r\n @extend %row;\r\n @extend %wrap;\r\n }\r\n }\r\n\r\n &-column {\r\n @extend %flex;\r\n @extend %column;\r\n\r\n &-wrap {\r\n @extend %flex;\r\n @extend %column;\r\n @extend %wrap;\r\n }\r\n }\r\n}\r\n\r\n.grid {\r\n @extend %grid;\r\n}\r\n\r\n@media (max-width: v.$font-break-0) {\r\n html {\r\n font-size: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: v.$font-break-1) {\r\n html {\r\n font-size: 90%;\r\n }\r\n}\r\n\r\n@media (max-width: v.$font-break-2) {\r\n html {\r\n font-size: 80%;\r\n }\r\n}\r\n\r\n@media (max-width: v.$font-break-3) {\r\n html {\r\n font-size: 70%;\r\n }\r\n}\r\n\r\n@media (max-width: v.$font-break-4) {\r\n html {\r\n font-size: 60%;\r\n }\r\n}\r\n\r\n@media (max-width: v.$font-break-5) {\r\n html {\r\n font-size: 50%;\r\n }\r\n}\r\n","$theme: var(--theme);\r\n/* Color */\r\n$base-color-static: var(--base-color-static);\r\n$base-color: var(--base-color);\r\n$base-color-lightened-1: var(--base-color-lightened-1);\r\n$base-color-lightened-2: var(--base-color-lightened-2);\r\n$base-color-lightened-3: var(--base-color-lightened-3);\r\n$base-color-lightened-4: var(--base-color-lightened-4);\r\n$base-color-lightened-5: var(--base-color-lightened-5);\r\n$base-color-lightened-6: var(--base-color-lightened-6);\r\n$base-color-lightened-65: var(--base-color-lightened-65);\r\n$base-color-lightened-675: var(--base-color-lightened-675);\r\n$base-color-lightened-7: var(--base-color-lightened-7);\r\n$base-end-color-static: var(--base-end-color-static);\r\n$base-end-color: var(--base-end-color);\r\n$base-background-color: var(--base-background-color);\r\n$base-background-color-alert: var(--base-background-color-alert);\r\n$base-blue-color: var(--base-blue-color);\r\n$base-blue-color-lightened: var(--base-blue-color-lightened);\r\n$base-red-color: var(--base-red-color);\r\n$base-green-color: var(--base-green-color);\r\n$base-font-color: var(--base-font-color);\r\n$base-font-color-secondary: var(--base-font-color-secondary);\r\n$base-font-color-secondary-half: var(--base-font-color-secondary-half);\r\n\r\n/* Box Shadow */\r\n\r\n$base-box-shadow-color: var(--base-box-shadow-color);\r\n$base-box-shadow-color-dark: var(--base-box-shadow-color-dark);\r\n\r\n$box-shadow: var(--box-shadow);\r\n$box-shadow-top: var(--box-shadow-top);\r\n$box-shadow-right: var(--box-shadow-right);\r\n$box-shadow-bottom: var(--box-shadow-bottom);\r\n$box-shadow-left: var(--box-shadow-left);\r\n$box-shadow-dark: var(--box-shadow-dark);\r\n\r\n/* Border */\r\n$border-radius: var(--border-radius);\r\n$border-radius-hard: var(--border-radius-hard);\r\n$border-radius-hardest: var(--border-radius-hardest);\r\n$border-color: var(--border-color);\r\n$border-color-dark-only: var(--border-color-dark-only);\r\n$border-width: var(--border-width);\r\n$border-width-thin: var(--border-width-thin);\r\n$border-width-thick: var(--border-width-thick);\r\n$border-width-dark-only: var(--border-width-dark-only);\r\n\r\n/* Filter */\r\n$base-filter-brightness-5: var(--base-filter-brightness-5);\r\n$base-filter-contrast-1: var(--base-filter-contrast-1);\r\n$base-filter-invert-1: var(--base-filter-invert-1);\r\n$base-filter-contrast-invert-00: var(--base-filter-contrast-invert-00);\r\n$base-filter-contrast-invert-01: var(--base-filter-contrast-invert-01);\r\n$base-filter-contrast-invert-10: var(--base-filter-contrast-invert-10);\r\n$base-filter-contrast-invert-11: var(--base-filter-contrast-invert-11);\r\n\r\n/* @media */\r\n\r\n/* Default Break */\r\n$lower-break: 63em;\r\n$middle-break: 127em;\r\n$upper-break: 255em;\r\n\r\n/* Font Break */\r\n$font-break-0: 253em;\r\n$font-break-1: 153em;\r\n$font-break-2: 123em;\r\n$font-break-3: 103em;\r\n$font-break-4: 83em;\r\n$font-break-5: 63em;\r\n\r\n/* Layout Break */\r\n$layout-break-0: 253em;\r\n$layout-break-1: 173em;\r\n$layout-break-2: 123em;\r\n$layout-break-3: 83em;\r\n$layout-break-4: 73em;\r\n$layout-break-5: 63em;\r\n$layout-break-6: 43em;\r\n\r\n// Offsets\r\n$font-offset-mobile: 1.2;\r\n\r\n$compactness: var(--compactness);\r\n\r\n$isMobile: var(--is-mobile);","@use './functions' as f;\r\n\r\n@mixin themes {\r\n html {\r\n --theme: \"default\";\r\n --base-background-color: #f8f9fa;\r\n --base-background-color-alert: #e2e4ff;\r\n --base-color-static: #000;\r\n --base-color: #000;\r\n --base-color-lightened-1: #4a5d75;\r\n --base-color-lightened-2: #98a0ab;\r\n --base-color-lightened-3: #b9bfc7;\r\n --base-color-lightened-4: #c1cdd5;\r\n --base-color-lightened-5: #dae1e6;\r\n --base-color-lightened-6: #e6eaef;\r\n --base-color-lightened-65: #f0f2f4;\r\n --base-color-lightened-7: #f8f9fa;\r\n --base-end-color-static: #fff;\r\n --base-end-color: #fff;\r\n \r\n --base-blue-color: #5963ff;\r\n --base-blue-color-lightened: #7178e3;\r\n --base-red-color: #eb4e39;\r\n --base-green-color: #86cf2d;\r\n --base-font-color: #3e4855;\r\n --base-font-color-secondary: #98a0ab;\r\n --base-font-color-secondary-half: #6b7480;\r\n\r\n --base-box-shadow-color: #33333322;\r\n --base-box-shadow-color-dark: #3333;\r\n \r\n --box-shadow: 0px 4px 12px var(--base-box-shadow-color); // base\r\n --box-shadow-top: 0 12px 6px -6px var(--base-box-shadow-color);\r\n --box-shadow-right: 12px 0 6px -6px var(--base-box-shadow-color);\r\n --box-shadow-bottom: 0 -12px 6px -6px var(--base-box-shadow-color);\r\n --box-shadow-left: -12px 0 6px -6px var(--base-box-shadow-color);\r\n --box-shadow-dark: 0px 6px 12px var(--base-box-shadow-color-dark);\r\n \r\n --border-radius: 0.9375rem;\r\n --border-radius-hard: calc(#{var(--border-radius)} * 2);\r\n --border-radius-hardest: calc(#{var(--border-radius)} * 10);\r\n --border-color: #eff0f1;\r\n --border-color-dark-only: #00000000;\r\n --border-width: 0.1875rem;\r\n --border-width-thin: calc((#{var(--border-width)} / 4) * 3);\r\n --border-width-thick: calc(#{var(--border-width)} * 2);\r\n --border-width-dark-only: 0rem;\r\n\r\n --base-filter-brightness-5: unset;\r\n --base-filter-contrast-1: unset;\r\n --base-filter-invert-1: unset;\r\n --base-filter-contrast-invert-00: unset;\r\n --base-filter-contrast-invert-01: unset;\r\n --base-filter-contrast-invert-10: unset;\r\n --base-filter-contrast-invert-11: unset;\r\n\r\n --layout-break-5: 63em;\r\n --compactness: 1;\r\n --is-mobile: 0;\r\n\r\n \r\n\r\n // &.dark {\r\n // --theme: \"dark\";\r\n // --base-background-color: #1e1e1e;\r\n // --base-background-color-alert: #{f.theme-transform(#e2e4ff, \"dark\")};\r\n // --base-color: #{f.theme-transform(#000)};\r\n // --base-color-lightened-1: #888b8d;\r\n // --base-color-lightened-2: #787b7d;\r\n // --base-color-lightened-3: #686b6d;\r\n // --base-color-lightened-4: #585b5d;\r\n // --base-color-lightened-5: #484b4d;\r\n // --base-color-lightened-6: #383b3d;\r\n // --base-color-lightened-65:#252526;\r\n // --base-color-lightened-7: #252526;\r\n\r\n // --border-color: #98a0ab;\r\n // --border-color-dark-only: #{f.theme-transform(#00000000, \"dark\")};\r\n \r\n // --base-end-color: #252526;\r\n // --base-font-color: #fff;\r\n // --base-font-color-secondary: #98a0ab;\r\n // --base-font-color-secondary-half: #98a0ab;\r\n\r\n // --border-width-dark-only: var(--border-width);\r\n\r\n // --base-filter-brightness-5: #{brightness(5)};\r\n // --base-filter-contrast-0: #{contrast(0)};\r\n // --base-filter-contrast-1: #{contrast(1)};\r\n // --base-filter-invert-0: #{invert(0)};\r\n // --base-filter-invert-1: #{invert(1)};\r\n // --base-filter-contrast-invert-00: var(--base-filter-contrast-0) var(--base-filter-invert-0);\r\n // --base-filter-contrast-invert-01: var(--base-filter-contrast-0) var(--base-filter-invert-1);\r\n // --base-filter-contrast-invert-10: var(--base-filter-contrast-1) var(--base-filter-invert-0);\r\n // --base-filter-contrast-invert-11: var(--base-filter-contrast-1) var(--base-filter-invert-1);\r\n // }\r\n }\r\n}\r\n"],"sourceRoot":"webpack:///"}