/home/bdqbpbxa/rc-subdomains/simply-streets-rc.goodface.com.ua/static/css/main.d10c67fa.css.map
{"version":3,"file":"static/css/main.d10c67fa.css","mappings":"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","sources":["components/Button/styles.scss","components/Table/styles.scss","components/Dialog/styles.scss","styles/_mixins.scss","pages/StreetIndex/styles.scss","styles/fonts.css","styles/_reset.scss","styles/global.scss"],"sourcesContent":[".custom-button,\n.custom-button.MuiButtonBase-root.MuiCardActionArea-root {\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n display: inline-flex;\n width: auto;\n justify-content: center;\n align-items: center;\n border-radius: 8px;\n flex-shrink: 0;\n padding: 0 24px;\n gap: 8px;\n\n &.primary {\n transition: 0.3s;\n height: 40px;\n background: var(--Primary-Purple);\n box-shadow: 0px 4px 0px 0px #ab2acc;\n color: #fff;\n margin-bottom: 4px;\n &:hover {\n transform: translateY(2px);\n box-shadow: 0px 2px 0px 0px #ab2acc;\n }\n &:active {\n transform: translateY(4px);\n box-shadow: 0px 0px 0px 0px transparent;\n }\n &.linkedin {\n box-shadow: 0px 4px 0px 0px #005581;\n background: #0076b2;\n &:hover {\n box-shadow: 0px 2px 0px 0px #005581;\n }\n &:active {\n transform: translateY(4px);\n box-shadow: 0px 0px 0px 0px transparent;\n }\n }\n }\n &.text {\n height: 44px;\n color: #40403f;\n }\n &.outlined {\n height: 44px;\n color: #40403f;\n border-radius: 6px;\n border: 1px solid var(--Grayscale-300);\n padding: 0 12px;\n }\n}\n",".my-table {\n &__inner {\n overflow-x: auto;\n }\n &__header {\n padding: 8px 24px;\n border-bottom: 1px solid var(--Grayscale-300);\n }\n &__row {\n border-bottom: 1px solid var(--Grayscale-200);\n padding-left: 24px;\n padding-right: 24px;\n }\n\n &__pagination {\n display: flex;\n justify-content: center;\n\n .MuiPaginationItem-root {\n font-weight: 500;\n min-width: 36px;\n height: 36px;\n color: var(--Grayscale-400);\n font-weight: 500;\n font-size: 16px;\n border-radius: 6px;\n &.MuiPaginationItem-ellipsis {\n padding-top: 9px;\n }\n &.Mui-selected {\n background-color: var(--Grayscale-900);\n color: #fff;\n }\n &:hover:not(.Mui-selected):not(.MuiPaginationItem-ellipsis) {\n background-color: var(--Primary-Purple);\n color: #fff;\n }\n }\n }\n .header-col {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n svg {\n color: var(--Grayscale-350);\n }\n &.sorted {\n cursor: pointer;\n &:hover {\n svg {\n color: var(--Grayscale-900);\n }\n }\n }\n }\n}\n","@import \"styles/mixins\";\n\n.custom-dialog {\n box-sizing: border-box;\n .MuiPaper-root {\n max-width: 460px;\n border-radius: 20px;\n .MuiDialogTitle-root {\n padding: 40px 40px 16px;\n }\n .MuiDialogContent-root {\n padding: 0 40px;\n }\n @include w($lg) {\n width: 100%;\n margin-left: 16px;\n margin-right: 16px;\n }\n }\n &__actions {\n padding: 0 40px 40px;\n // &:empty {\n // padding: 0 0 24px 0;\n // }\n }\n &.street-detailed-popup {\n @include w($md) {\n .MuiPaper-root {\n .MuiDialogTitle-root {\n padding: 16px;\n }\n .MuiDialogContent-root {\n padding: 0 16px;\n }\n }\n }\n }\n}\n","// breakpoints\n$sm: 640px;\n$md: 768px;\n$lg: 1024px;\n$xl: 1200px;\n$xxl: 1366px;\n\n@mixin w($window-size) {\n @media screen and (max-width: ($window-size - 1px)) {\n @content;\n }\n}\n","@import \"styles/mixins\";\n\n.filters-dialog {\n .MuiTypography-root.MuiDialogTitle-root {\n display: none;\n }\n .MuiDialogContent-root {\n padding: 0 !important;\n }\n .custom-dialog__actions {\n display: none;\n }\n @include w($md) {\n .MuiTypography-root.MuiDialogTitle-root {\n display: block;\n padding: 0;\n }\n }\n}\n","@font-face {\n font-family: 'SFProText';\n src: url('/public/fonts/SFProText-Bold.ttf') format('truetype');\n font-weight: 700;\n font-style: normal;\n}\n@font-face {\n font-family: 'SFProText';\n src: url('/public/fonts/SFProText-Medium.ttf') format('truetype');\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: 'SFProText';\n src: url('/public/fonts/SFProText-Regular.ttf') format('truetype');\n font-weight: 400;\n font-style: normal;\n}\n","* {\n padding: 0;\n margin: 0;\n border: none;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\na,\na:link,\na:visited {\n text-decoration: none;\n}\n\na:hover {\n text-decoration: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n font-size: inherit;\n font-weight: inherit;\n}\n\nul,\nul li {\n list-style: none;\n}\n\nimg {\n vertical-align: top;\n}\n\nimg,\nsvg {\n max-width: 100%;\n height: auto;\n}\n\naddress {\n font-style: normal;\n}\n\ninput,\ntextarea,\nbutton,\nselect {\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n background-color: transparent;\n}\n\ninput::-ms-clear {\n display: none;\n}\n\nbutton,\ninput[type=\"submit\"] {\n display: inline-block;\n box-shadow: none;\n background-color: transparent;\n background: none;\n cursor: pointer;\n}\n\ninput:focus,\ninput:active,\nbutton:focus,\nbutton:active {\n outline: none;\n}\n\nbutton::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n}\n","@import \"styles/mixins\";\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n color: #40403f;\n font-family: \"SFProText\";\n font-size: 16px;\n}\n\n:root {\n --Grayscale-100: #f7fbf4;\n --Grayscale-200: #eaf0e6;\n --Grayscale-300: #d7dacb;\n --Grayscale-350: #b0b2a4;\n --Grayscale-400: #898b87;\n --Grayscale-900: #40403f;\n\n --Primary-Purple: #ca50ea;\n\n --Secondary-Blue: #2dbfe0;\n --Secondary-Light-Blue: #b5effc;\n\n --Secondary-Gree: #18d02b;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 54px;\n border-bottom: 1px solid var(--Grayscale-300);\n background: var(--Grayscale-100);\n padding: 0 24px;\n @include w($lg) {\n // display: none;\n padding: 0 16px;\n }\n .custom-button.burger-button {\n padding: 0;\n width: 30px;\n border: 1px solid var(--Primary-Purple);\n height: 30px !important;\n background: white !important;\n }\n}\n\n.navigation {\n height: 100%;\n a {\n position: relative;\n span {\n color: var(--Grayscale-900);\n }\n svg {\n color: var(--Grayscale-400);\n }\n &::after {\n content: \"\";\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n height: 3px;\n background-color: transparent;\n }\n &.active {\n // font-weight: 700;\n text-shadow: -1px 0px 0px var(--Grayscale-900);\n svg {\n color: currentColor;\n }\n &::after {\n background-color: currentColor;\n }\n }\n }\n}\n\n.footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 48px;\n border-top: 1px solid var(--Grayscale-300);\n background: var(--Grayscale-100);\n padding: 0 24px;\n gap: 16px;\n @include w($lg) {\n padding: 16px;\n flex-direction: column;\n height: auto;\n & > div:first-child {\n order: 3;\n }\n }\n}\n\n.footer-link {\n font-weight: 500;\n font-size: 14px;\n color: var(--Grayscale-400);\n}\n\n.vote-button {\n display: flex;\n width: 44px;\n height: 44px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 8px;\n border-radius: 8px;\n border: 1px solid var(--Grayscale-300);\n transition: 0.3s;\n font-size: 16px;\n font-weight: 500;\n &:hover {\n background-color: var(--Primary-Purple);\n color: #fff;\n }\n}\n\n.vote-block {\n @include w($lg) {\n width: 560px;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n &__karma-block.MuiBox-root {\n box-sizing: border-box;\n padding: 16px;\n width: 100%;\n }\n &__add.MuiBox-root {\n position: relative;\n transform: none;\n inset: inherit;\n margin-left: auto;\n }\n }\n @include w($sm) {\n &__buttons.MuiBox-root {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 20px;\n & > button {\n }\n }\n }\n}\n\n.custom-tooltip {\n display: flex;\n cursor: pointer;\n color: var(--Grayscale-300);\n}\n\n.auth-tab {\n .MuiButtonBase-root.MuiTab-root {\n font-weight: 500;\n font-size: 16px;\n text-transform: inherit;\n width: 50%;\n &:not(.Mui-selected) {\n color: inherit;\n }\n &.Mui-selected {\n font-weight: 700;\n }\n }\n .MuiTabs-indicator {\n height: 3px;\n }\n}\n\n.custom-select {\n height: 44px !important;\n .MuiSelect-select {\n padding: 10.5px 16px !important;\n }\n .MuiSelect-icon {\n top: calc(50% - 0.6em);\n }\n &:has(input[value=\"\"]) {\n .MuiSelect-select.MuiSelect-outlined.MuiInputBase-input.MuiOutlinedInput-input {\n color: rgb(64, 64, 63);\n opacity: 0.4;\n }\n }\n}\n\n.avatar-block {\n &-profile {\n flex-direction: column;\n gap: 16px;\n }\n &-detailed {\n gap: 40px;\n .avatar-block__info {\n align-items: flex-start;\n }\n @include w($md) {\n gap: 16px;\n\n flex-direction: column;\n .avatar-block__info {\n align-items: center;\n }\n }\n }\n}\n\n.avatar-item {\n cursor: pointer;\n &.selected {\n outline: 1px solid var(--Grayscale-900);\n border-color: var(--Grayscale-900);\n }\n &:hover:not(.checked) {\n border-color: var(--Primary-Purple);\n outline: 1px solid var(--Primary-Purple);\n }\n}\n\n.rate-street-img {\n @include w($md) {\n img {\n aspect-ratio: 358 / 208;\n object-fit: cover;\n }\n }\n}\n\n.choose-avatar-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 24px 36px;\n padding: 20px 0 40px;\n @include w(500px) {\n margin: 0 -16px;\n gap: 16px;\n justify-content: center;\n .MuiAvatar-root {\n width: 70px;\n height: 70px;\n }\n .avatar-item {\n padding: 10px;\n width: 80px;\n height: 80px;\n }\n }\n}\n\n.custom-list {\n color: var(--Grayscale-900);\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 138.462% */\n li {\n list-style: disc;\n & + li {\n margin-top: 8px;\n }\n }\n}\n\n.MuiTypography-root.MuiTypography-h1 {\n @include w($lg) {\n font-size: 32px;\n }\n}\n\n.rating-chart {\n margin-top: -20px;\n .MuiBarElement-root {\n stroke: #2dbfe0;\n }\n .MuiChartsAxis-tickLabel {\n font-size: 14px !important;\n }\n .MuiChartsAxis-tick {\n display: none;\n }\n}\n\n.custom-link {\n color: var(--Primary-Purple);\n}\n\n.custom-button-group {\n box-sizing: border-box;\n padding: 2px;\n gap: 2px;\n // background: var(--Grayscale-200, #EAF0E6);\n .MuiButtonBase-root.MuiCardActionArea-root.custom-button {\n border-radius: 4px;\n height: 32px;\n padding: 0 8px;\n color: var(--Grayscale-400);\n font-weight: 500;\n\n &.active {\n color: var(--Grayscale-900);\n font-weight: 700;\n background: var(--Grayscale-200);\n }\n }\n &.icons-variant {\n border-radius: 8px;\n .MuiButtonBase-root.MuiCardActionArea-root.custom-button {\n border-radius: 6px;\n height: 38px;\n width: 38px;\n }\n }\n}\n\n.custom-radio-group {\n margin-right: -16px;\n}\n.custom-radio {\n .MuiTypography-root.MuiFormControlLabel-label {\n font-size: 14px;\n }\n}\n"],"names":[],"sourceRoot":""}