mirror of
https://github.com/magnum-opus-nn-cp/frontend.git
synced 2024-11-28 04:23:49 +03:00
1 line
55 KiB
Plaintext
1 line
55 KiB
Plaintext
{"version":3,"file":"static/css/main.5f2ac698.css","mappings":"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SA,aACE,QACF,CAOA,WACE,aAAc,CACd,cACF,CASA,kCACE,QACF,CAOA,WACE,aAAc,CACd,QACF,CAMA,0BACE,oBAAqB,CACrB,SACF,CAMA,sBACE,eAAgB,CAChB,UACF,CAQA,YACE,+BAAiC,CACjC,aAAc,CACd,aACF,CASA,oBACE,yBAA0B,CAC1B,wCAAiC,CAAjC,gCACF,CAMA,iBACE,kBACF,CAOA,sBACE,+BAAiC,CACjC,aACF,CAMA,cACE,aACF,CASA,0CACE,qBACF,CAMA,eACE,iBACF,CAMA,wBACE,iBACF,CAWA,cACE,wBAAyB,CACzB,oBAAqB,CACrB,aACF,CASA,4BACE,QACF,CAMA,8DACE,yBACF,CAMA,iBACE,wBACF,CAMA,iBACE,sBACF,CAOA,iBACE,QAAS,CACT,eACF,CAOA,wBACE,4BAA6B,CAC7B,mBACF,CAMA,wDAEE,WACF,CAMA,4BACE,aAAc,CACd,WACF,CAMA,4BACE,uBACF,CAOA,6BACE,yBAA0B,CAC1B,YACF,CASA,eACE,qBAAuB,CACvB,YAAa,CACb,UAAY,CACZ,uBAAwB,CACxB,0BAAmB,CAAnB,kBAAmB,CACnB,MAAO,CACP,WAAY,CACZ,WAAY,CACZ,iBAAkB,CAClB,OAAQ,CACR,sBAAuB,CACvB,yBAAkB,CAAlB,iBACF,CAEA,2BACE,YACF,CAMA,sCACE,iBACF,CASA,2BACE,eACF,CAMA,wBACE,cACF,CAOA,0CACE,kBACF,CAOA,sCACE,cAAgB,CAAhB,eACF,CAEA,kDACE,kBAAsB,CACtB,iBACF,CCrWA,qCACE,wBAA6B,CAC7B,4BAA6B,CAC7B,aAAc,CACd,YAAa,CACb,sBAAuB,CACvB,oBACF,CAMA,eACE,uBAAgB,CAAhB,eAAgB,CAChB,6KAAuL,CACvL,eAAgB,CAChB,iBACF,CAMA,yBACE,qBACF,CAMA,sCACE,cAAe,CACf,SACF,CCpCA,KACE,2JAaF,CAMA,kBAIE,wLAcF,CCtCA,WAUE,iBACA,CAVA,mBvBLoB,CuBatB,iBACE,CAJA,eAGF,CAPE,6JASA,YASA,kBATA,oBASA,kBvBxBoB,euBwBpB,CATA,2JASA,YASA,kBATA,oBASA,kCATA,+JASA,YASA,iBAEA,CAXA,mBAEA,CAOA,kCAPA,uJASA,YCpCA,iBACA,CDoCA,yBACA,CCtCA,kCDsCA,qKCrCA,CxBMa,KwBLb,aAGF,oKAOE,gCAGF,WAYE,iKADA,kBACA,CALA,UAKA","sources":["pages/chat/ChatPage.module.scss","app/styles/breakpoints.scss","app/styles/mixins.scss","components/Message/Message.module.scss","app/styles/shadow.scss","app/styles/baseText.scss","app/styles/spacing.scss","app/styles/colors.scss","pages/chat/components/ChatForm/components/ChatFormText/ChatFormText.module.scss","components/Textarea/Textarea.module.scss","app/styles/radius.scss","components/Button/Button.module.scss","components/Hint/Hint.module.scss","components/Input/Input.module.scss","pages/chat/components/ChatForm/components/ChatFormSelect/ChatFormSelect.module.scss","components/Checkbox/Checkbox.module.scss","components/Checkbox/BaseCheckboxIcon/BaseCheckboxIcon.module.scss","pages/chat/components/SimpleButton/SimpleButton.module.scss","pages/chat/components/ChatForm/components/ChatFormMultipleRange/ChatFormMultipleRange.module.scss","components/Range/Range.module.scss","pages/chat/components/ChatForm/components/ChatFormMultipleDateDescription/ChatFormMultipleDateDescription.module.scss","pages/chat/components/ChatForm/components/ChatFormPhotoDescription/ChatFormPhotoDescription.module.scss","components/UploadButton/UploadButton.module.scss","components/Loader/Loader.module.scss","pages/deck/DeckPage.module.scss","../node_modules/sanitize.css/sanitize.css","../node_modules/sanitize.css/forms.css","../node_modules/sanitize.css/typography.css","app/styles/fonts.scss","app/styles/index.scss"],"sourcesContent":["@import 'src/app/styles/vars';\n\n// Общий лейаут\n\n.ChatPage {\n\n}\n\n.ChatPage__inner {\n position: relative;\n //width: $breakpoint-tablet-small;\n width: 100%;\n height: 100vh;\n max-height: 100svh;\n margin: 0 auto;\n overflow: hidden;\n background-image: url('./assets/background2.jpg');\n background-size: 150%;\n\n @include media-down(tablet-small) {\n width: 100%;\n }\n}\n\n.ChatPage__container {\n height: 100%;\n position: absolute;\n width: 100%;\n z-index: 1;\n //background-color: rgba($color-on-surface-dark-100, 0.6);\n //background-color: $color-surface-primary;\n background-color: rgba($color-surface-primary, 0.7);\n backdrop-filter: blur(10px);\n padding: $spacing-medium-x $spacing-small 0;\n\n overflow-y: scroll;\n\n @include scrollbar;\n @include flex-col;\n}\n\n// Инпут\n\n.ChatPage__inputContainer {\n position: absolute;\n width: 100%;\n min-height: 100px;\n padding: $spacing-small;\n bottom: 0;\n background-color: rgba($color-surface-primary, 0.6);\n backdrop-filter: blur(10px);\n z-index: 2;\n @include flex-col;\n\n max-height: 100svh;\n overflow-y: auto;\n @include scrollbar;\n}\n\n.ChatPage__skipButton {\n width: 100% !important;\n margin-top: $spacing-small;\n}\n\n// Секция с контентом и сообщениями\n\n.ChatPage__content {\n flex: 1;\n display: flex;\n flex-direction: column;\n //justify-content: flex-end;\n row-gap: $spacing-small;\n}\n\n.ChatPage__message {\n width: fit-content;\n max-width: 66%;\n\n @include media-down(tablet-small) {\n max-width: 100%;\n }\n}\n\n.ChatPage__message_right {\n margin-left: auto;\n}\n\n.ChatPage__message_left {\n margin-right: auto;\n}","$breakpoint-mobile-small: 320px;\n$breakpoint-mobile-large: 375px;\n$breakpoint-tablet-small: 768px;\n$breakpoint-tablet-large: 1024px;\n$breakpoint-desktop-small: 1280px;\n$breakpoint-desktop-medium: 1440px;\n$breakpoint-desktop-large: 1920px;\n\n@mixin media-up($breakpoint) {\n @if $breakpoint == mobile-small {\n @media screen and (min-width: $breakpoint-mobile-small) {\n @content;\n }\n } @else if $breakpoint == mobile-large {\n @media screen and (min-width: $breakpoint-mobile-large) {\n @content;\n }\n } @else if $breakpoint == tablet-small {\n @media screen and (min-width: $breakpoint-tablet-small) {\n @content;\n }\n } @else if $breakpoint == tablet-large {\n @media screen and (min-width: $breakpoint-tablet-large) {\n @content;\n }\n } @else if $breakpoint == desktop-small {\n @media screen and (min-width: $breakpoint-desktop-small) {\n @content;\n }\n } @else if $breakpoint == desktop-medium {\n @media screen and (min-width: $breakpoint-desktop-medium) {\n @content;\n }\n } @else if $breakpoint == desktop-large {\n @media screen and (min-width: $breakpoint-desktop-large) {\n @content;\n }\n }\n}\n\n@mixin media-down($breakpoint) {\n @if $breakpoint == mobile-small {\n @media screen and (max-width: $breakpoint-mobile-small - 1) {\n @content;\n }\n } @else if $breakpoint == mobile-large {\n @media screen and (max-width: $breakpoint-mobile-large - 1) {\n @content;\n }\n } @else if $breakpoint == tablet-small {\n @media screen and (max-width: $breakpoint-tablet-small - 1) {\n @content;\n }\n } @else if $breakpoint == tablet-large {\n @media screen and (max-width: $breakpoint-tablet-large - 1) {\n @content;\n }\n } @else if $breakpoint == desktop-small {\n @media screen and (max-width: $breakpoint-desktop-small - 1) {\n @content;\n }\n } @else if $breakpoint == desktop-medium {\n @media screen and (max-width: $breakpoint-desktop-medium - 1) {\n @content;\n }\n } @else if $breakpoint == desktop-large {\n @media screen and (max-width: $breakpoint-desktop-large - 1) {\n @content;\n }\n }\n}\n","@use 'sass:list';\n\n/* positions */\n\n@mixin position-absolute-full-screen {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n\n/* size */\n\n@mixin size($size) {\n min-width: $size;\n max-width: $size;\n min-height: $size;\n max-height: $size;\n}\n\n/* placeholder */\n\n@mixin placeholder {\n &::placeholder {\n @content;\n }\n}\n\n/* buttons */\n\n@mixin reset-button {\n align-items: flex-start;\n margin: 0;\n padding: 0;\n text-align: center;\n text-decoration: none;\n text-indent: 0;\n letter-spacing: inherit;\n word-spacing: inherit;\n text-transform: none;\n color: inherit;\n border: none;\n outline: none;\n background: none;\n text-shadow: none;\n font: inherit;\n line-height: inherit;\n cursor: default;\n box-sizing: border-box;\n\n &:focus {\n outline: none;\n }\n}\n\n@mixin reset-default-input {\n padding: unset;\n border: none;\n\n &:focus {\n outline: none;\n outline-offset: initial;\n }\n}\n\n/* Хак для того, чтобы убрать браузерные autofill стили */\n@mixin remove-autofill-style {\n &:-webkit-autofill {\n /* stylelint-disable-next-line */\n -webkit-background-clip: text;\n }\n}\n\n/* links */\n\n@mixin link-reset {\n all: unset;\n}\n\n@mixin focus-visible {\n /* stylelint-disable-next-line */\n &:global(.focus-visible) {\n @content;\n }\n}\n\n@mixin line-clamp($n) {\n display: -webkit-box;\n overflow: hidden;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin hide-default-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n opacity: 0;\n}\n\n/* stylelint-disable order/order */\n\n@mixin transition($properties...) {\n $declarations: ();\n\n @each $declaration in $properties {\n $duration: 0.2s;\n $delay: false;\n $timing-function: ease-out;\n $property: all;\n\n @if type-of($declaration) == 'map' {\n $duration: if(map_get($declaration, 'duration'), #{map_get($declaration, 'duration')}, $duration);\n $delay: if(map_get($declaration, 'delay'), #{map_get($declaration, 'delay')}, $delay);\n $timing-function: if(\n map_get($declaration, 'timing-function'),\n #{map_get($declaration, 'timing-function')},\n $timing-function\n );\n $property: if(map_get($declaration, 'property'), #{map_get($declaration, 'property')}, $property);\n } @else {\n $property: $declaration;\n }\n\n $delay-value: if($delay, ' ' + $delay, '');\n $declarations: list.append(\n $declarations,\n #{$property + ' ' + $duration + $delay-value + ' ' + $timing-function},\n comma\n );\n }\n\n transition: $declarations;\n}\n\n/* stylelint-enable order/order */\n\n@mixin flex {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n justify-content: flex-start;\n}\n\n@mixin flex-center {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n\n@mixin flex-between {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n@mixin flex-middle {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n@mixin flex-col {\n display: flex;\n flex-direction: column;\n}\n\n@mixin flex-col-middle {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n@mixin text-overflow {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n\n/* scrollbar */\n\n$scrollbar-width: 12px;\n\n@mixin scrollbar {\n &::-webkit-scrollbar {\n width: $scrollbar-width;\n height: $scrollbar-width;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 4px solid transparent;\n border-radius: 6px;\n background-color: $color-on-surface-light-400;\n background-clip: content-box;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: $color-on-surface-light-300;\n }\n}\n\n@mixin hide-scrollbar {\n overflow-y: auto;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n }\n}","@import 'src/app/styles/vars';\n\n//$message-radius: $radius-large;\n$message-radius: $radius-large-xx;\n\n.Message {\n @include text-body-l-regular;\n\n padding: $spacing-small-x;\n box-shadow: $shadow-short;\n white-space: pre-wrap;\n}\n\n.Message_variant_primary {\n background-color: $color-brand-primary;\n}\n\n.Message_variant_secondary {\n background-color: $color-on-surface-dark-400;\n color: #d0d1d5;\n}\n\n.Message_type_right {\n border-radius: $message-radius $message-radius 0 $message-radius;\n}\n\n.Message_type_left {\n border-radius: $message-radius $message-radius $message-radius 0;\n}","$shadow-dropdown: 0 1px 24px 0 rgb(0 0 0 / 40%);\n$shadow-hover: 0 4px 24px 0 rgb(0 0 0 / 24%);\n$shadow-bottom-item: 0 -2px 12px 0 rgb(0 0 0 / 25%);\n$shadow-top: 0 -4px 1px rgb(20 20 20 / 8%), 0 -12px 6px rgb(20 20 20 / 16%), 0 -8px 20px rgb(20 20 20 / 24%);\n$shadow-left: -4px 0 1px rgb(20 20 20 / 8%), -12px 0 6px rgb(20 20 20 / 16%), -8px 0 20px rgb(20 20 20 / 24%);\n$shadow-right: 4px 0 1px rgb(20 20 20 / 8%), 12px 0 6px rgb(20 20 20 / 16%), 8px 0 20px rgb(20 20 20 / 24%);\n$shadow-short: 0 6px 16px -12px rgb(23 40 77 / 6%);\n","$font-family-raleway: 'Raleway';\n$font-family-ibm-plex-mono: 'IBM Plex Mono';\n\n$font-family-default: system-ui, /* macOS 10.11-10.12 */ -apple-system, /* Windows 6+ */ 'Segoe UI',\n /* Android 4+ */ 'Roboto', /* Ubuntu 10.10+ */ 'Ubuntu', /* Gnome 3+ */ 'Cantarell', /* KDE Plasma 5+ */ 'Noto Sans',\n /* fallback */ sans-serif, /* macOS emoji */ 'Apple Color Emoji', /* Windows emoji */ 'Segoe UI Emoji',\n /* Windows emoji */ 'Segoe UI Symbol', /* Linux emoji */ 'Noto Color Emoji';\n\n// Моноширинный набор шрифтов.\n$font-family-mono: 'Menlo', 'Consolas', 'Roboto Mono', 'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',\n monospace, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n$font-size-10: 10px;\n$font-size-12: 12px;\n$font-size-14: 14px;\n$font-size-16: 16px;\n$font-size-18: 18px;\n$font-size-24: 24px;\n$font-size-32: 32px;\n$font-size-56: 56px;\n\n$font-weight-400: 400;\n$font-weight-500: 500;\n$font-weight-600: 600;\n$font-weight-700: 700;\n\n$line-height-16: 16px;\n$line-height-20: 20px;\n$line-height-24: 24px;\n$line-height-32: 32px;\n$line-height-40: 40px;\n$line-height-67: 67px;\n\n@mixin text-header-h1 {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-56;\n font-weight: $font-weight-700;\n line-height: $line-height-67;\n}\n\n@mixin text-header-h2 {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-32;\n font-weight: $font-weight-700;\n line-height: $line-height-40;\n}\n\n@mixin text-header-h3 {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-24;\n font-weight: $font-weight-700;\n line-height: $line-height-32;\n}\n\n@mixin text-header-h4 {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-18;\n font-weight: $font-weight-700;\n line-height: $line-height-24;\n}\n\n@mixin text-body-l-medium {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-16;\n font-weight: $font-weight-600;\n line-height: $line-height-20;\n}\n\n@mixin text-body-l-regular {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-16;\n font-weight: $font-weight-400;\n line-height: $line-height-20;\n}\n\n@mixin text-body-m-medium {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-14;\n font-weight: $font-weight-600;\n line-height: $line-height-20;\n}\n\n@mixin text-body-m-regular {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-14;\n font-weight: $font-weight-400;\n line-height: $line-height-20;\n}\n\n@mixin text-body-s-medium {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-12;\n font-weight: $font-weight-600;\n line-height: $line-height-16;\n}\n\n@mixin text-body-s-regular {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-12;\n font-weight: $font-weight-400;\n line-height: $line-height-16;\n}\n\n@mixin text-caption-m-medium {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-14;\n font-weight: $font-weight-500;\n line-height: $line-height-20;\n}\n\n@mixin text-caption-m-regular {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-14;\n font-weight: $font-weight-400;\n line-height: $line-height-20;\n}\n\n@mixin text-caption-s-medium {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-10;\n font-weight: $font-weight-500;\n line-height: $line-height-16;\n}\n\n@mixin text-caption-s-regular {\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-10;\n font-weight: $font-weight-400;\n line-height: $line-height-16;\n}\n\n@mixin text-caption-all-caps {\n letter-spacing: 0.04em;\n text-transform: uppercase;\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-12;\n font-weight: $font-weight-600;\n line-height: $line-height-20;\n}\n\n@mixin text-programming-code-medium {\n font-family: $font-family-ibm-plex-mono, $font-family-mono;\n font-size: $font-size-12;\n font-weight: $font-weight-400;\n line-height: $line-height-20;\n}\n\n@mixin text-programming-code-regular {\n font-family: $font-family-ibm-plex-mono, $font-family-mono;\n font-size: $font-size-12;\n font-weight: $font-weight-400;\n line-height: $line-height-16;\n}\n","$spacing-small-4x: 4px;\n$spacing-small-3x: 8px;\n$spacing-small-2x: 12px;\n$spacing-small-x: 16px;\n$spacing-small: 24px;\n$spacing-medium: 32px;\n$spacing-medium-x: 40px;\n$spacing-large: 48px;\n$spacing-large-x: 64px;\n$spacing-large-2x: 72px;\n$spacing-large-3x: 96px;\n$spacing-large-4x: 124px;\n","/* --- surface --- */\n$color-surface-primary: #141414;\n\n/* --- on-surface --- */\n$color-on-surface-dark-100: #1d1d1d;\n$color-on-surface-dark-200: #252525;\n$color-on-surface-dark-300: #2d2d2d;\n$color-on-surface-dark-400: #3e3e3e;\n$color-on-surface-light-400: #5e6166;\n$color-on-surface-light-300: #868a92;\n$color-on-surface-light-200: #c5c6ca;\n$color-on-surface-light-100: #fafafa;\n$color-on-surface-quaternary: #2b2b2b;\n\n/* --- text --- */\n$color-text-primary: #fafafa;\n$color-text-secondary: #c5c6ca;\n$color-text-tertiary: #868a92;\n$color-text-quaternary: #5e6166;\n$color-text-dark: #2b2b2b;\n$color-text-brand: #8e85e5;\n\n/* --- brand --- */\n$color-brand-primary: #695fcf;\n$color-brand-hover: #9288f8;\n$color-brand-disabled: #49428e;\n\n/* --- system --- */\n$color-system-link: #7f9ef3;\n$color-system-success: #10b981;\n$color-system-warning: #f59e0b;\n$color-system-error: #f43f5e;\n$color-system-link-weak: #142144;\n$color-system-success-weak: #042c1f;\n$color-system-warning-weak: #3d2907;\n$color-system-error-weak: #2d1015;\n$color-system-link-hover: #a8c1f8;\n\n/* --- accent --- */\n$color-accent-blue-100: #7f9ef3;\n$color-accent-blue-200: #2b4acb;\n$color-accent-blue-300: #203175;\n$color-accent-blue-400: #191e40;\n$color-accent-pink-100: #f37fb7;\n$color-accent-pink-200: #cb2b83;\n$color-accent-pink-300: #75204f;\n$color-accent-pink-400: #40162f;\n$color-accent-purple-100: #ab7ae0;\n$color-accent-purple-200: #642ab5;\n$color-accent-purple-300: #3e2069;\n$color-accent-purple-400: #21183b;\n$color-accent-green-100: #8fd460;\n$color-accent-green-200: #49aa19;\n$color-accent-green-300: #306317;\n$color-accent-green-400: #1d3712;\n$color-accent-cyan-100: #58d1c9;\n$color-accent-cyan-200: #13a8a8;\n$color-accent-cyan-300: #146262;\n$color-accent-cyan-400: #163b2e;\n$color-accent-orange-100: #f3b765;\n$color-accent-orange-200: #d87a16;\n$color-accent-orange-300: #7c4a15;\n$color-accent-orange-400: #442a11;\n$color-accent-yellow-100: #f3ea62;\n$color-accent-yellow-200: #d8bd14;\n$color-accent-yellow-300: #7c6e14;\n$color-accent-yellow-400: #443611;\n$color-accent-red-100: #f37370;\n$color-accent-red-200: #d32029;\n$color-accent-red-300: #791a1f;\n$color-accent-red-400: #421716;","@import 'src/app/styles/vars';\n\n$chat-input-height: 50px;\n$chat-input-radius: $radius-large-x;\n\n.ChatFormText {\n @include flex-col;\n gap: $spacing-small;\n}\n\n.ChatFormText__richInput {\n @include flex;\n position: relative;\n width: 100%;\n min-height: $chat-input-height;\n height: 100%;\n align-items: stretch;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n }\n}\n\n.ChatFormText__input {\n border-radius: $chat-input-radius 0 0 $chat-input-radius !important;\n flex: 1;\n min-height: 50px !important;\n}\n\n.ChatFormText__richInputButton {\n width: $chat-input-height !important;\n height: auto !important;\n border-radius: 0 $chat-input-radius $chat-input-radius 0 !important;\n padding: 0 !important;\n}\n\n.ChatFormText__buttonIcon {\n width: 24px;\n height: 24px;\n}","@import 'src/app/styles/vars';\n\n.Input {\n @include text-body-m-regular;\n @include transition(border-color, box-shadow);\n\n position: relative;\n display: flex;\n align-items: center;\n min-height: 50px;\n max-height: 300px;\n padding: 15px $spacing-small-x;\n color: $color-text-primary;\n overflow: hidden;\n border: 1px solid transparent;\n border-radius: $radius-small;\n background-color: $color-on-surface-dark-400;\n cursor: text;\n box-sizing: border-box;\n\n overflow-y: auto;\n word-wrap: break-word;\n\n @include scrollbar;\n\n &:hover {\n box-shadow: $shadow-hover;\n }\n}\n\n.Input_error {\n border-color: $color-system-error;\n}\n\n.Input_focus {\n border-color: $color-brand-primary;\n}\n\n.Input_disabled {\n color: $color-text-tertiary;\n border-color: transparent;\n background: $color-on-surface-dark-300;\n cursor: default;\n\n &:hover {\n box-shadow: none;\n }\n}\n\n.Input__input {\n @include reset-default-input;\n @include remove-autofill-style;\n\n position: relative;\n flex-grow: 1;\n min-width: 0;\n height: 100%;\n\n resize: none;\n white-space: break-spaces;\n\n &:placeholder-shown + .Input__clear {\n display: none;\n }\n\n &[type='number'] {\n appearance: textfield;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n appearance: none;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n caret-color: $color-text-primary;\n -webkit-text-fill-color: $color-text-primary;\n }\n}\n\n.Input__input_disabled {\n cursor: default;\n}\n\n.Input__input::placeholder {\n color: $color-text-tertiary;\n opacity: 1;\n}\n\n.Input__icon {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n max-height: 100%;\n color: $color-on-surface-light-300;\n}\n\n.Input__icon_active {\n @include transition(color);\n\n cursor: pointer;\n\n &:hover {\n color: $color-on-surface-light-200;\n }\n}\n\n.Input__icon_left {\n justify-content: flex-start;\n margin-right: $spacing-small-3x;\n margin-left: -$spacing-small-3x;\n}\n\n.Input__icon_right {\n justify-content: flex-end;\n margin-left: $spacing-small-3x;\n\n &:last-child {\n margin-right: -$spacing-small-3x;\n }\n}\n\n.Input__icon_clear {\n @include transition(color);\n\n position: relative;\n cursor: pointer;\n\n &:hover {\n color: $color-on-surface-light-200;\n }\n}\n\n.Input_disabled .Input__icon_clear {\n pointer-events: none;\n}\n","$radius-none: 0;\n$radius-small: 4px;\n$radius-medium: 8px;\n$radius-large: 12px;\n$radius-large-x: 16px;\n$radius-large-xx: 24px;\n","@import 'src/app/styles/vars';\n\n$button-border-width: 2px;\n\n.Button {\n @include text-body-m-medium;\n @include transition(color, background-color, border-color);\n\n position: relative;\n display: flex;\n align-items: center;\n width: max-content;\n padding: 0 ($spacing-small - $button-border-width);\n text-decoration: none;\n color: $color-text-primary;\n border: $button-border-width solid transparent;\n //border-radius: $radius-small;\n border-radius: $radius-large-x;\n background-color: rgb(255 255 255 / 0%);\n box-shadow: none;\n user-select: none;\n cursor: pointer;\n box-sizing: border-box;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n outline: none;\n }\n}\n\n.Button_disabled {\n pointer-events: none;\n}\n\n.Button:focus-visible {\n border-color: $color-brand-hover;\n}\n\n.Button_hasLeft {\n padding-left: $spacing-small-x - $button-border-width;\n}\n\n.Button_hasRight {\n padding-right: $spacing-small-x - $button-border-width;\n}\n\n.Button__content {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n text-align: center;\n}\n\n.Button__loader,\n.Button__contentLeft,\n.Button__contentRight {\n display: flex;\n align-items: center;\n}\n\n.Button__contentLeft {\n margin-right: $spacing-small-3x;\n}\n\n.Button__loader,\n.Button__contentRight {\n margin-left: $spacing-small-3x;\n}\n\n.Button_size_small {\n height: 32px;\n min-height: 32px;\n}\n\n.Button_size_medium {\n height: 40px;\n min-height: 40px;\n}\n\n.Button_size_large {\n height: 48px;\n min-height: 48px;\n}\n\n.Button_variant_primary {\n background-color: $color-brand-primary;\n\n &.Button_hovered,\n &:hover {\n background-color: $color-brand-hover;\n }\n\n &.Button_disabled {\n color: $color-text-tertiary;\n background-color: $color-brand-disabled;\n }\n}\n\n.Button_variant_secondary {\n background-color: $color-on-surface-dark-300;\n\n &.Button_hovered,\n &:hover {\n background-color: $color-on-surface-dark-400;\n }\n\n &.Button_disabled {\n color: $color-text-quaternary;\n }\n}\n\n.Button_stretch_fit {\n width: fit-content;\n}\n\n.Button_stretch_fill {\n width: 100%;\n}\n","@import 'src/app/styles/vars';\n\n.Hint__container {\n position: relative;\n width: fit-content;\n height: 44px;\n\n @include media-down(tablet-small) {\n width: 100%;\n }\n}\n\n.Hint__container_hovered {\n height: unset;\n}\n\n.Hint {\n @include transition(background-color, color, width);\n position: relative;\n //display: inline-block;\n padding: $spacing-small-2x;\n border-radius: $radius-large-x;\n background-color: $color-on-surface-light-400;\n //margin-right: $spacing-small;\n width: fit-content;\n color: $color-text-secondary;\n cursor: pointer;\n\n @include scrollbar;\n overflow-y: auto;\n max-height: 500px;\n\n &:not(.Hint_hovered) {\n white-space: nowrap;\n max-width: 500px;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @include media-down(tablet-small) {\n width: 100%;\n max-width: 100%;\n }\n }\n}\n\n.Hint_hovered {\n width: 100%;\n background-color: $color-brand-hover;\n color: white;\n}\n\n.Hint__tip {\n @include text-caption-m-medium;\n position: absolute;\n top: -4px;\n right: -4px;\n background-color: $color-on-surface-light-100;\n z-index: 1;\n padding: 2px 4px;\n width: 16px;\n height: 16px;\n border-radius: 20px;\n}\n\n.Hint__button {\n width: 100% !important;\n margin-top: $spacing-small-2x;\n}\n\n.Hints {\n @include flex;\n flex-wrap: wrap;\n gap: $spacing-small-x;\n\n @include media-down(tablet-small) {\n flex-direction: column;\n }\n}\n\n.Hints_margin {\n margin-bottom: $spacing-small;\n}\n\n.Hints__stub {\n @include text-body-s-regular;\n color: $color-text-secondary;\n}\n","@import 'src/app/styles/vars';\n\n.Input {\n @include text-body-m-regular;\n @include transition(border-color, box-shadow);\n\n position: relative;\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 $spacing-small-x;\n color: $color-text-primary;\n overflow: hidden;\n border: 1px solid transparent;\n border-radius: $radius-small;\n background-color: $color-on-surface-dark-400;\n cursor: text;\n box-sizing: border-box;\n\n &:hover {\n box-shadow: $shadow-hover;\n }\n}\n\n.Input_error {\n border-color: $color-system-error;\n}\n\n.Input_focus {\n border-color: $color-brand-primary;\n}\n\n.Input_disabled {\n color: $color-text-tertiary;\n border-color: transparent;\n background: $color-on-surface-dark-300;\n cursor: default;\n\n &:hover {\n box-shadow: none;\n }\n}\n\n.Input__input {\n @include reset-default-input;\n @include remove-autofill-style;\n\n position: relative;\n flex-grow: 1;\n min-width: 0;\n height: 100%;\n\n &:placeholder-shown + .Input__clear {\n display: none;\n }\n\n &[type='number'] {\n appearance: textfield;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n appearance: none;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n caret-color: $color-text-primary;\n -webkit-text-fill-color: $color-text-primary;\n }\n}\n\n.Input__input_disabled {\n cursor: default;\n}\n\n.Input__input::placeholder {\n color: $color-text-tertiary;\n opacity: 1;\n}\n\n.Input__icon {\n display: flex;\n flex: 0 0 auto;\n align-items: center;\n max-height: 100%;\n color: $color-on-surface-light-300;\n}\n\n.Input__icon_active {\n @include transition(color);\n\n cursor: pointer;\n\n &:hover {\n color: $color-on-surface-light-200;\n }\n}\n\n.Input__icon_left {\n justify-content: flex-start;\n margin-right: $spacing-small-3x;\n margin-left: -$spacing-small-3x;\n}\n\n.Input__icon_right {\n justify-content: flex-end;\n margin-left: $spacing-small-3x;\n\n &:last-child {\n margin-right: -$spacing-small-3x;\n }\n}\n\n.Input__icon_clear {\n @include transition(color);\n\n position: relative;\n cursor: pointer;\n\n &:hover {\n color: $color-on-surface-light-200;\n }\n}\n\n.Input_disabled .Input__icon_clear {\n pointer-events: none;\n}\n","@import 'src/app/styles/vars';\n\n.ChatFormSelect {\n @include flex-col;\n align-items: flex-start;\n gap: $spacing-small;\n}\n\n.ChatFormSelect__items {\n @include flex-col;\n gap: $spacing-small-3x;\n}","@import 'src/app/styles/vars';\n\n.Checkbox {\n position: relative;\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n user-select: none;\n cursor: pointer;\n\n &,\n &:focus {\n outline: none;\n }\n}\n\n.Checkbox__input {\n @include hide-default-input;\n}\n\n.Checkbox__label {\n @include text-caption-m-regular;\n @include transition(color);\n\n display: inline-flex;\n margin-left: $spacing-small-3x;\n vertical-align: middle;\n color: $color-text-primary;\n}\n\n.Checkbox__icon {\n &::before {\n @include transition(border-color);\n\n position: absolute;\n top: 50%;\n left: 50%;\n width: 32px;\n height: 32px;\n content: '';\n border: 2px solid transparent;\n border-radius: $radius-medium;\n transform: translate(-50%, -50%);\n }\n}\n\n.Checkbox__input:focus-visible + .Checkbox__icon {\n &::before {\n border-color: $color-brand-hover;\n }\n}\n\n.Checkbox:hover .Checkbox__icon {\n border-color: $color-accent-blue-100;\n}\n\n.Checkbox_disabled {\n cursor: default;\n pointer-events: none;\n\n .Checkbox__label {\n color: $color-text-tertiary;\n }\n}\n\n.Checkbox_checked {\n &:hover {\n .Checkbox__icon:not(.Checkbox__icon_radio) {\n background-color: $color-accent-blue-100;\n }\n\n .Checkbox__icon_radio {\n border-color: $color-accent-blue-100;\n }\n }\n}\n\n.Checkbox_radio.Checkbox_checked.Checkbox_disabled:hover .BaseCheckboxIcon_radio {\n border: 6px solid brown;\n background-color: transparent;\n}\n","@import 'src/app/styles/vars';\n\n.BaseCheckboxIcon {\n @include transition(border, background-color);\n\n position: relative;\n display: flex;\n flex: 0 0 16px;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border: 1px solid $color-on-surface-light-300;\n border-radius: $radius-small;\n background-color: transparent;\n box-sizing: border-box;\n}\n\n.BaseCheckboxIcon__icon {\n position: absolute;\n top: 50%;\n left: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: translate(-50%, -50%);\n}\n\n.BaseCheckboxIcon__icon > * {\n @include transition(opacity, color);\n\n color: $color-on-surface-light-100;\n opacity: 0;\n}\n\n.BaseCheckboxIcon__icon_visible > * {\n opacity: 1;\n}\n\n.BaseCheckboxIcon_disabled {\n color: $color-accent-blue-100;\n border-color: $color-accent-blue-300;\n}\n\n.BaseCheckboxIcon_checked {\n border-color: transparent;\n background-color: $color-accent-blue-200;\n\n &.BaseCheckboxIcon_disabled {\n background-color: $color-accent-blue-300;\n }\n}\n\n.BaseCheckboxIcon_radio {\n border-radius: 50%;\n\n &.BaseCheckboxIcon_checked {\n border: 4px solid $color-accent-blue-200;\n background-color: $color-on-surface-light-100;\n }\n\n &.BaseCheckboxIcon_disabled {\n border-color: $color-accent-blue-300;\n }\n\n &.BaseCheckboxIcon_checked.BaseCheckboxIcon_disabled {\n background-color: $color-accent-blue-100;\n }\n}\n","@import 'src/app/styles/vars';\n\n.SimpleButton {\n width: 100% !important;\n\n @include media-down(tablet-small) {\n width: 100% !important;\n }\n}\n\n.SimpleButton__text {\n display: flex;\n align-items: center;\n column-gap: $spacing-small-3x;\n}","@import 'src/app/styles/vars';\n\n.ChatFormMultipleRange {\n @include flex-col;\n max-width: unset;\n align-items: stretch;\n width: 100%;\n margin: 0 auto;\n gap: $spacing-small;\n}\n\n.ChatFormMultipleRange__items {\n @include flex-col;\n gap: $spacing-small;\n flex: 1;\n}\n\n.ChatFormMultipleRange__button {\n width: 100%;\n}","@import 'src/app/styles/vars';\n\n$range-track-height: 10px;\n$range-thumb-height: 24px;\n\n@mixin range-track {\n @include transition(background);\n\n background: $color-on-surface-dark-400;\n height: $range-track-height;\n border-radius: $range-track-height;\n\n &:hover {\n background: $color-on-surface-light-400;\n }\n}\n\n@mixin range-thumb {\n @include transition(background);\n\n width: $range-thumb-height;\n height: $range-thumb-height;\n margin-top: -($range-thumb-height / 2 - $range-track-height / 2);\n border-radius: 50%;\n background: $color-brand-primary;\n\n\n &:hover {\n background: $color-brand-hover;\n }\n}\n\n.Range {\n @include flex-col;\n gap: $spacing-small-3x;\n}\n\n.Range__label {\n\n}\n\n.Range__container {\n @include flex-middle;\n column-gap: $spacing-small-3x;\n}\n\n.Range__inputContainer {\n position: relative;\n height: $range-thumb-height;\n flex: 1;\n}\n\n.Range__input {\n display: block;\n bottom: -7px;\n position: relative;\n width: 100%;\n z-index: 1;\n\n // reset styles\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n\n // track\n &::-webkit-slider-runnable-track {\n @include range-track;\n }\n\n &::-moz-range-track {\n @include range-track;\n }\n\n // thumb\n &::-webkit-slider-thumb {\n -webkit-appearance: none; /* Override default look */\n appearance: none;\n @include range-thumb;\n }\n\n &::-moz-range-thumb {\n border: none; /*Removes extra border that FF applies*/\n border-radius: 0; /*Removes default border-radius that FF applies*/\n @include range-thumb;\n }\n}\n\n.Range__inputContainer:hover {\n .Range__input::-webkit-slider-thumb {\n background: $color-brand-hover;\n }\n\n .Range__input::-moz-range-thumb {\n background: $color-brand-hover;\n }\n\n .Range__input::-webkit-slider-runnable-track {\n background: $color-on-surface-light-400;\n }\n\n .Range__input::-moz-range-track {\n background: $color-on-surface-light-400;\n }\n}\n\n.Range__progress {\n @include transition(background);\n position: absolute;\n background: $color-brand-primary;\n height: $range-track-height;\n border-radius: $range-track-height 0 0 $range-track-height;\n top: 7px;\n left: 0;\n cursor: pointer;\n pointer-events: none;\n z-index: 2;\n}\n\n.Range__inputContainer:hover .Range__progress {\n background: $color-brand-hover;\n}\n\n.Range__tip {\n @include text-caption-m-regular;\n color: $color-text-secondary;\n}\n\n.Range__tip_active {\n color: $color-text-brand;\n min-width: 25px;\n}","@import 'src/app/styles/vars';\n\n.ChatFormMultipleDateDescription {\n @include flex-col;\n gap: $spacing-small;\n}\n\n.ChatFormMultipleDateDescription__items {\n @include flex-col;\n gap: $spacing-small;\n}\n\n.ChatFormMultipleDateDescription__group {\n @include flex-col;\n align-items: flex-end;\n gap: $spacing-small-3x;\n}\n\n.ChatFormMultipleDateDescription__input {\n width: 100%;\n}\n\n.ChatFormMultipleDateDescription__textarea {\n width: 100%;\n}\n\n.ChatFormMultipleDateDescription__buttons {\n @include flex;\n gap: $spacing-small-3x;\n}\n\n.ChatFormMultipleDateDescription__hint {\n white-space: pre-wrap;\n}\n\n.ChatFormMultipleDateDescription__itemName {\n align-self: flex-start;\n}","@import 'src/app/styles/vars';\n\n.ChatFormPhotoDescription {\n @include flex-col;\n gap: $spacing-small;\n}\n\n//\n//.ChatFormText__richInput {\n// @include flex;\n// position: relative;\n// width: 100%;\n// min-height: $chat-input-height;\n// height: 100%;\n// align-items: stretch;\n//\n// &::before {\n// content: '';\n// position: absolute;\n// width: 100%;\n// }\n//}\n//\n//.ChatFormText__input {\n// border-radius: $chat-input-radius 0 0 $chat-input-radius !important;\n// flex: 1;\n// min-height: 50px !important;\n//}\n//\n//.ChatFormText__richInputButton {\n// width: $chat-input-height !important;\n// height: auto !important;\n// border-radius: 0 $chat-input-radius $chat-input-radius 0 !important;\n// padding: 0 !important;\n//}\n//\n//.ChatFormText__buttonIcon {\n// width: 24px;\n// height: 24px;\n//}","@import 'src/app/styles/vars';\n\n.UploadButton {\n width: 100%;\n height: 80px !important;\n //background-color: $color-on-surface-dark-400;\n}\n\n.UploadButton__icon {\n width: 24px;\n height: 24px;\n color: white;\n}\n\n.UploadButton__input {\n display: none;\n}","@import 'src/app/styles/vars';\n\n.Loader {\n display: flex;\n align-items: center;\n width: 20px;\n height: 20px;\n}\n\n.LoaderIcon {\n width: 100%;\n height: 100%;\n color: $color-on-surface-dark-100;\n animation: spinner 0.7s linear infinite;\n}\n\n@keyframes spinner {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}","@import 'src/app/styles/vars';\n\n.DeckPage {\n position: relative;\n height: 100svh;\n color: $color-text-dark;\n}\n\n.DeckPage__loader {\n width: 50px !important;\n height: 50px !important;\n position: absolute;\n top: calc(50% - 25px);\n left: calc(50% - 25px);\n}\n\n.DeckPage__link {\n cursor: pointer;\n}\n\n.DeckPage__span {\n font-size: 14px;\n}","/* Document\n * ========================================================================== */\n\n/**\n * 1. Add border box sizing in all browsers (opinionated).\n * 2. Backgrounds do not repeat by default (opinionated).\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n background-repeat: no-repeat; /* 2 */\n}\n\n/**\n * 1. Add text decoration inheritance in all browsers (opinionated).\n * 2. Add vertical alignment inheritance in all browsers (opinionated).\n */\n\n::before,\n::after {\n text-decoration: inherit; /* 1 */\n vertical-align: inherit; /* 2 */\n}\n\n/**\n * 1. Use the default cursor in all browsers (opinionated).\n * 2. Change the line height in all browsers (opinionated).\n * 3. Breaks words to prevent overflow in all browsers (opinionated).\n * 4. Use a 4-space tab width in all browsers (opinionated).\n * 5. Remove the grey highlight on links in iOS (opinionated).\n * 6. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(:root) {\n cursor: default; /* 1 */\n line-height: 1.5; /* 2 */\n overflow-wrap: break-word; /* 3 */\n -moz-tab-size: 4; /* 4 */\n tab-size: 4; /* 4 */\n -webkit-tap-highlight-color: transparent; /* 5 */\n -webkit-text-size-adjust: 100%; /* 6 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\n:where(body) {\n margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n margin: 0;\n}\n\n/**\n * 1. Correct the inheritance of border color in Firefox.\n * 2. Add the correct box sizing in Firefox.\n */\n\n:where(hr) {\n color: inherit; /* 1 */\n height: 0; /* 2 */\n}\n\n/**\n * Remove the list style on navigation lists in all browsers (opinionated).\n */\n\n:where(nav) :where(ol, ul) {\n list-style-type: none;\n padding: 0;\n}\n\n/**\n * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).\n */\n\n:where(nav li)::before {\n content: \"\\200B\";\n float: left;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n * 3. Prevent overflow of the container in all browsers (opinionated).\n */\n\n:where(pre) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n overflow: auto; /* 3 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, samp) {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n font-size: 80%;\n}\n\n/* Embedded content\n * ========================================================================== */\n\n/*\n * Change the alignment on media elements in all browsers (opinionated).\n */\n\n:where(audio, canvas, iframe, img, svg, video) {\n vertical-align: middle;\n}\n\n/**\n * Remove the border on iframes in all browsers (opinionated).\n */\n\n:where(iframe) {\n border-style: none;\n}\n\n/**\n * Change the fill color to match the text color in all browsers (opinionated).\n */\n\n:where(svg:not([fill])) {\n fill: currentColor;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Collapse border spacing in all browsers (opinionated).\n * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n border-collapse: collapse; /* 1 */\n border-color: inherit; /* 2 */\n text-indent: 0; /* 3 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n margin: 0;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, [type=\"button\" i], [type=\"reset\" i], [type=\"submit\" i]) {\n -webkit-appearance: button;\n}\n\n/**\n * Change the inconsistent appearance in all browsers (opinionated).\n */\n\n:where(fieldset) {\n border: 1px solid #a0a0a0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n vertical-align: baseline;\n}\n\n/**\n * 1. Remove the margin in Firefox and Safari.\n * 3. Change the resize direction in all browsers (opinionated).\n */\n\n:where(textarea) {\n margin: 0; /* 1 */\n resize: vertical; /* 3 */\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where([type=\"search\" i]) {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n background-color: white;\n border: solid;\n color: black;\n height: -moz-fit-content;\n height: fit-content;\n left: 0;\n margin: auto;\n padding: 1em;\n position: absolute;\n right: 0;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n:where(dialog:not([open])) {\n display: none;\n}\n\n/*\n * Add the correct display in Safari.\n */\n\n:where(details > summary:first-of-type) {\n display: list-item;\n}\n\n/* Accessibility\n * ========================================================================== */\n\n/**\n * Change the cursor on busy elements in all browsers (opinionated).\n */\n\n:where([aria-busy=\"true\" i]) {\n cursor: progress;\n}\n\n/*\n * Change the cursor on control elements in all browsers (opinionated).\n */\n\n:where([aria-controls]) {\n cursor: pointer;\n}\n\n/*\n * Change the cursor on disabled, not-editable, or otherwise\n * inoperable elements in all browsers (opinionated).\n */\n\n:where([aria-disabled=\"true\" i], [disabled]) {\n cursor: not-allowed;\n}\n\n/*\n * Change the display on visually hidden accessible elements\n * in all browsers (opinionated).\n */\n\n:where([aria-hidden=\"false\" i][hidden]) {\n display: initial;\n}\n\n:where([aria-hidden=\"false\" i][hidden]:not(:focus)) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n","/**\n * 1. Change the inconsistent appearance in all browsers (opinionated).\n * 2. Add typography inheritance in all browsers (opinionated).\n */\n\n:where(button, input, select, textarea) {\n background-color: transparent; /* 1 */\n border: 1px solid WindowFrame; /* 1 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n letter-spacing: inherit; /* 2 */\n padding: 0.25em 0.375em; /* 1 */\n}\n\n/**\n * Change the inconsistent appearance in all browsers (opinionated).\n */\n\n:where(select) {\n appearance: none;\n background: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E\") no-repeat right center / 1em;\n border-radius: 0;\n padding-right: 1em;\n}\n\n/**\n * Don't show the arrow for multiple choice selects\n */\n\n:where(select[multiple]) {\n background-image: none;\n}\n\n/**\n * Remove the border and padding in all browsers (opinionated).\n */\n\n:where([type=\"color\" i], [type=\"range\" i]) {\n border-width: 0;\n padding: 0;\n}\n","/**\n * Use the default user interface font in all browsers (opinionated).\n */\n\nhtml {\n font-family:\n system-ui,\n /* macOS 10.11-10.12 */ -apple-system,\n /* Windows 6+ */ \"Segoe UI\",\n /* Android 4+ */ \"Roboto\",\n /* Ubuntu 10.10+ */ \"Ubuntu\",\n /* Gnome 3+ */ \"Cantarell\",\n /* KDE Plasma 5+ */ \"Noto Sans\",\n /* fallback */ sans-serif,\n /* macOS emoji */ \"Apple Color Emoji\",\n /* Windows emoji */ \"Segoe UI Emoji\",\n /* Windows emoji */ \"Segoe UI Symbol\",\n /* Linux emoji */ \"Noto Color Emoji\";\n}\n\n/**\n * Use the default monospace user interface font in all browsers (opinionated).\n */\n\ncode,\nkbd,\nsamp,\npre {\n font-family:\n ui-monospace,\n /* macOS 10.10+ */ \"Menlo\",\n /* Windows 6+ */ \"Consolas\",\n /* Android 4+ */ \"Roboto Mono\",\n /* Ubuntu 10.10+ */ \"Ubuntu Monospace\",\n /* KDE Plasma 5+ */ \"Noto Mono\",\n /* KDE Plasma 4+ */ \"Oxygen Mono\",\n /* Linux/OpenOffice fallback */ \"Liberation Mono\",\n /* fallback */ monospace,\n /* macOS emoji */ \"Apple Color Emoji\",\n /* Windows emoji */ \"Segoe UI Emoji\",\n /* Windows emoji */ \"Segoe UI Symbol\",\n /* Linux emoji */ \"Noto Color Emoji\";\n}\n","@import './baseText';\n\n$fonts-path: '../../assets/fonts' !default;\n\n@font-face {\n font-family: $font-family-raleway;\n src: url('#{$fonts-path}/Raleway/Raleway-Regular.woff2') format('woff2'),\n url('#{$fonts-path}/Raleway/Raleway-Regular.woff') format('woff');\n font-weight: $font-weight-400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: $font-family-raleway;\n src: url('#{$fonts-path}/Raleway/Raleway-Medium.woff2') format('woff2'),\n url('#{$fonts-path}/Raleway/Raleway-Medium.woff') format('woff');\n font-weight: $font-weight-500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: $font-family-raleway;\n src: url('#{$fonts-path}/Raleway/Raleway-SemiBold.woff2') format('woff2'),\n url('#{$fonts-path}/Raleway/Raleway-SemiBold.woff') format('woff');\n font-weight: $font-weight-600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: $font-family-raleway;\n src: url('#{$fonts-path}/Raleway/Raleway-Bold.woff2') format('woff2'),\n url('#{$fonts-path}/Raleway/Raleway-Bold.woff') format('woff');\n font-weight: $font-weight-700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: $font-family-ibm-plex-mono;\n src: url('#{$fonts-path}/IBM_Plex_Mono/IBMPlexMono-Regular.woff2') format('woff2'),\n url('#{$fonts-path}/IBM_Plex_Mono/IBMPlexMono-Regular.woff') format('woff');\n font-weight: $font-weight-400;\n font-style: normal;\n font-display: swap;\n}","@import './vars';\n@import './fonts';\n\nhtml {\n color: $color-text-primary;\n //background-color: $color-surface-primary;\n //background-color: black;\n //background-color: $color-on-surface-dark-100;\n font-family: $font-family-raleway, $font-family-default;\n font-size: $font-size-16;\n line-height: $line-height-20;\n}\n\nhtml,\nbody {\n width: 100%;\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'pnum' on, 'lnum' on;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n}\n\na {\n text-decoration: none;\n color: inherit;\n}\n"],"names":[],"sourceRoot":""} |