LingoSynth/lingosynth/app/static/css/input.css.map

{"version":3,"sourceRoot":"","sources":["input.sass","_vars.sass"],"names":[],"mappings":"AAEA;EACI;IACI;;EACJ;IACI;;;AAGR;EACI;IACI,YCHM;;EDKV;IACI,YCRC;;;ADUT;EACI;IACI;;EAEJ;IACI;;;AAER;EACI;EACA;EAEA,YCJO;EDMP;EACA;;AAEA;EACI;;AAEJ;EACI,YCdG;;ADgBP;EACI;;AAEJ;EACI,YCpCC;EDqCD,OC5BD;;AD8BH;EACI;;AAEJ;EACI;EACA;EAKA;;AAHA;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAEZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YCtDO;EDuDP,OC/DG;EDgEH;EACA;EACA;EAEA;EAEA;;;AAEJ;EACI;EACA;EACA;EACA,YCpFQ;EDqFR;EACA;EACA;EAEA,OCjFG;;ADmFH;EACI,YC7FC;;AD+FL;EACI;EACA;;AAEJ;EACI,YCrFG;;ADuFH;EACI,YCzFD;;AD2FP;EACI,YCtGF;;ADwGE;EACI,YCxGA;;;AD0GZ;EACI;EACA","sourcesContent":["@import '_vars'\r\n\r\n@keyframes rotate-gradient\r\n    from\r\n        transform: rotate(0deg) scale(2)\r\n    to\r\n        transform: rotate(360deg) scale(2)\r\n\r\n\r\n@keyframes pulsing\r\n    0%\r\n        background: $accent-dead\r\n        \r\n    100%\r\n        background: $accent\r\n\r\n@keyframes rotate\r\n    0%\r\n        transform: rotate(0deg)\r\n        \r\n    100%\r\n        transform: rotate(360deg)\r\n\r\ndiv.input-wrapper\r\n    position: relative\r\n    overflow: hidden\r\n\r\n    background: $surface0\r\n\r\n    padding: 2px 3px\r\n    border-radius: 0.5rem\r\n\r\n    *\r\n        border-color: $surface0 !important\r\n\r\n    .CodeMirror\r\n        background: $surface1\r\n\r\n    .CodeMirror-wrap:first-child\r\n        background: green !important\r\n\r\n    *::selection\r\n        background: $accent\r\n        color: $text\r\n\r\n    .CodeMirror-cursors\r\n        filter: invert(1)\r\n\r\n    &.loading\r\n        cursor: wait !important\r\n        position: relative\r\n\r\n        *\r\n            pointer-events: none\r\n\r\n        animation: pulsing 1s ease-in-out infinite alternate\r\n\r\n        &::before\r\n            content: ''\r\n            display: block\r\n            z-index: -1\r\n            position: absolute\r\n            top: 1rem\r\n            left: 1rem\r\n            right: 1rem\r\n            bottom: 1rem\r\n\r\n            background-image: conic-gradient(from 0deg, $teal, $yellow, $peach)\r\n            animation: rotate-gradient 1s linear infinite\r\n\r\ntextarea\r\n    width: 100%\r\n    height: 400px\r\n    font-size: 16px\r\n    line-height: 1.5\r\n    padding: 1rem\r\n    border-radius: 0.5rem\r\n    background: $surface0\r\n    color: $text\r\n    resize: none\r\n    outline: none\r\n    transition: border 0.1s ease-in-out\r\n\r\n    min-height: 300px\r\n\r\n    box-shadow: 0 0 40px 0 $crust\r\n\r\nbutton\r\n    margin-top: 1rem\r\n    padding: 0.8rem 1.5rem\r\n    border-radius: 0.5rem\r\n    background: $accent-bg\r\n    font-size: 18px\r\n    cursor: pointer\r\n    transition: background 0.1s ease-in-out\r\n\r\n    color: $text\r\n\r\n    &:hover\r\n        background: $accent\r\n\r\n    &.loading\r\n        cursor: progress\r\n        animation: pulsing 1s ease-in-out infinite alternate\r\n\r\n    &.secondary\r\n        background: $surface2\r\n\r\n        &:hover\r\n            background: $overlay0\r\n\r\n    &.done\r\n        background: $alt\r\n\r\n        &:hover\r\n            background: $alt-light\r\n\r\ni.ti.ti-loader-2\r\n    display: inline-block\r\n    animation: rotate 1s linear infinite\r\n","$red: #ed8796\r\n$maroon: #ee99a0\r\n$peach: #f5a97f\r\n$yellow: #eed49f\r\n$green: #a6da95\r\n\r\n$accent: #268678\r\n$accent-bg: #1c6e63\r\n$accent-dead: #54867e\r\n\r\n$alt: #2c589f\r\n$alt-light: #3866b0\r\n\r\n$teal: #2bafb9\r\n\r\n$text: #eaedf7\r\n$subtext1: #b8c0e0\r\n$subtext0: #a5adcb\r\n$overlay2: #939ab7\r\n$overlay1: #8087a2\r\n$overlay0: #6e738d\r\n$surface2: #5b6078\r\n$surface1: #494d64\r\n$surface0: #363a4f\r\n$base: #24273a\r\n$mantle: #1e2030\r\n$crust: #181926"]}