|
|
|
|
@ -10,9 +10,13 @@
|
|
|
|
|
--half-height calc(100vh / var(--resolution))
|
|
|
|
|
|
|
|
|
|
padding 12px
|
|
|
|
|
position absolute
|
|
|
|
|
border-radius 20px
|
|
|
|
|
background var(--background-block)
|
|
|
|
|
position absolute
|
|
|
|
|
border-radius 24px
|
|
|
|
|
background var(--glass-bg-active)
|
|
|
|
|
border 1px solid var(--glass-border)
|
|
|
|
|
backdrop-filter var(--glass-blur)
|
|
|
|
|
-webkit-backdrop-filter var(--glass-blur)
|
|
|
|
|
box-shadow var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.08)
|
|
|
|
|
display flex
|
|
|
|
|
flex-direction column
|
|
|
|
|
transition .25s
|
|
|
|
|
@ -107,7 +111,7 @@
|
|
|
|
|
width 100%
|
|
|
|
|
&:focus
|
|
|
|
|
outline none
|
|
|
|
|
border-color var(--color-active)
|
|
|
|
|
border-color var(--glass-border-active)
|
|
|
|
|
&::placeholder
|
|
|
|
|
color white
|
|
|
|
|
opacity .45
|
|
|
|
|
|