magnum-opus-nn-cp/frontend
1
0
Fork 0
mirror of https://github.com/magnum-opus-nn-cp/frontend.git synced 2024-11-25 02:53:46 +03:00
Code Issues Packages Projects Releases Wiki Activity
efffd63ae1
frontend/pitch-deck/static/css/main.5f2ac698.css.map
Pavel Torbeev 07ea67ec81 init
2023-09-08 19:03:31 +03:00

1 line
55 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{"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":""}
Reference in New Issue View Git Blame Copy Permalink