| | |
|---|
| | | @use "../../styles/variables.scss" as *; |
|---|
| | | |
|---|
| | | @keyframes dropin { |
|---|
| | | 0% { |
|---|
| | | opacity: 0; |
|---|
| | |
|---|
| | | height: 20rem; |
|---|
| | | padding: 0 1rem 1rem 1rem; |
|---|
| | | font-weight: initial; |
|---|
| | | line-height: initial; |
|---|
| | | line-height: normal; |
|---|
| | | font-size: initial; |
|---|
| | | border: 1px solid var(--gray); |
|---|
| | | font-family: var(--bodyFont); |
|---|
| | | border: 1px solid var(--lightgray); |
|---|
| | | background-color: var(--light); |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: 6px 6px 36px 0 rgba(0,0,0,0.25); |
|---|
| | | overflow: scroll; |
|---|
| | | overflow: auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | h1 { |
|---|
| | |
|---|
| | | opacity: 0; |
|---|
| | | transition: opacity 0.3s ease, visibility 0.3s ease; |
|---|
| | | |
|---|
| | | @media all and (max-width: 600px) { |
|---|
| | | @media all and (max-width: $mobileBreakpoint) { |
|---|
| | | display: none !important; |
|---|
| | | } |
|---|
| | | } |
|---|
