27 lines
656 B
SCSS
27 lines
656 B
SCSS
|
// "--color-text-error" is too bright, while "--color-error" isn't adjusted for
|
||
|
|
// light theme. Using the value of RED_COLOR from icon.jsx.
|
||
|
|
$text-color: #e2495e;
|
||
|
|
|
||
|
|
.geo-restriction-info {
|
||
|
|
display: flex;
|
||
|
|
margin: var(--spacing-m) 0;
|
||
|
|
align-items: center;
|
||
|
|
flex-direction: column;
|
||
|
|
background: var(--color-card-background);
|
||
|
|
border-radius: var(--border-radius);
|
||
|
|
color: $text-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
.geo-restriction-info__container {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: var(--spacing-l);
|
||
|
|
margin-bottom: var(--spacing-l);
|
||
|
|
}
|
||
|
|
|
||
|
|
.geo-restriction-info__title {
|
||
|
|
font-size: var(--font-large);
|
||
|
|
font-style: italic;
|
||
|
|
margin-left: var(--spacing-s);
|
||
|
|
}
|