@use '@koobiq/components/core/styles/common/tokens';
@use '../common';

@mixin core() {
    .ic-sidepanel-overlay {
        .kbq-sidepanel-container {
            width: fit-content !important;
            max-width: 960px !important;
            border-radius: var(--kbq-size-m);
        }

        .kbq-sidepanel-container_hide {
            transform: translateX(20%) !important;
        }

        .kbq-sidepanel-content {
            border-radius: var(--kbq-size-m);
        }

        .kbq-sidepanel-container_right {
            top: auto !important;
            right: var(--kbq-size-s) !important;
            bottom: var(--kbq-size-s);
        }
    }
}