@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); }
    }
}