//
// Copyright 2022 Google LLC
// SPDX-License-Identifier: Apache-2.0
//

// stylelint-disable selector-class-pattern --
// Selector '.md3-*' should only be used in this project.

// go/keep-sorted start
@use 'sass:map';
// go/keep-sorted end

@mixin styles() {
  .md3-navigation-drawer-modal {
    background-color: var(--_container-color);
    border-radius: var(--_container-shape);
    height: var(--_container-height);

    &.md3-navigation-drawer-modal--opened {
      inline-size: var(--_container-width);
    }

    .md3-navigation-drawer-modal__slot-content {
      min-inline-size: var(--_container-width);
      max-inline-size: var(--_container-width);
    }
  }
}