@import './var.scss';

:root {
    --orientation-background-color: #{$orientation-background-color};
    --orientation-font-size: #{$orientation-font-size};
    --orientation-icon-height: #{$orientation-icon-height};
}

.jing-orientation {
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--orientation-background-color);
    &__inner {
        position: absolute !important;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        &-icon {
            width: 100%;
            height: var(--orientation-icon-height);
            margin-bottom: calc(var(--horizontal-gap) * 2);
        }
        &-desc {
            display: block;
            font-size: var(--font-size-lg);
            font-weight: var(--font-weight-bold);
            line-height: var(--line-height-md);
        }
    }
}