@use "sass:map";
@use "../../01-core/prefix" as *;
@use "./overlay.mixins" as overlay;
@use "./overlay.config" as config;

@layer ss.components {
    .#{$ss-prefix-module}-overlay {
        @include overlay.ss-overlay;

        &__aside {
            @include overlay.ss-overlay-aside;

            &--left {
                left: map.get(config.$ss-overlay-config, inset);
            }
            &--right {
                right: map.get(config.$ss-overlay-config, inset);
            }

            &.is-collapsed {
                display: none;
            }
        }

        &__bottom-center,
        &__top-center {
            @include overlay.ss-overlay-bar;
        }

        &__bottom-center {
            bottom: map.get(config.$ss-overlay-config, bar-offset);
        }
        &__top-center {
            top: map.get(config.$ss-overlay-config, bar-offset);
        }
    }
}