// ============================================================================
// Mixins | Toggle Element
// ============================================================================
// @use "../../dev" as *;
// @use "../../variables" as *;
// @use "../soul_type" as *;

// /// Base styling for a toggle panel container.
// @mixin toggle_panel {
//     background: transparent;
//     @include shadow--none;
//     border-radius: 0;
//     border: q(1) solid #ddd;
// }

// /// Styles for the toggle panel title area.
// @mixin toggle_panel__title {
//     font-size: q(12);
//     padding-right: q(32);
//     position: relative;
// }

// /// Float-end span inside the panel title.
// @mixin toggle_panel__title--float {
//     position: absolute;
//     right: 0;
//     top: 0;
// }

// /// Styles for the toggle panel header.
// @mixin toggle_panel__heading {
//     padding: q(16);
//     background-color: transparent;
// }

// /// Styles for any icon within the panel heading.
// @mixin toggle_panel__heading__icon {
//     font-size: q(12);
//     color: #626262;
// }

// /// Styles for toggle panel spacing between siblings.
// @mixin toggle_panel__gap {
//     margin-top: -q(1);
// }

// /// Styles for the panel body.
// @mixin toggle_panel__body {
//     padding: q(25);
// }

// @use "../../variables" as *;
// @use "../mixins/toggle" as *; // adjust path as needed

// ============================================================================
// Utility Classes | Toggle Panels (Mixin-Based)
// ============================================================================

// .toggle_panel {
//     @include toggle_panel;
// }

// .toggle_panel__title {
//     @include toggle_panel__title;
// }

// .toggle_panel__title--float {
//     @include toggle_panel__title--float;
// }

// .toggle_panel__heading {
//     @include toggle_panel__heading;
// }

// .toggle_panel__heading__icon {
//     @include toggle_panel__heading__icon;
// }

// .toggle_panel__gap {
//     @include toggle_panel__gap;
// }

// .toggle_panel__body {
//     @include toggle_panel__body;
// }
// /* toggles */
// .toggles .panel {
//     background: transparent;
//     @include shadow--none;
//     border-radius: 0;
//     border: q(1) solid #ddd;
// }
// .toggles .panel-title {
//     font-size: q(12);
//     padding-right: q(32);
//     position: relative;
// }
// .toggles .panel-title > span.float-end {
//     position: absolute;
//     right: 0;
//     top: 0;
// }
// .toggles .panel-heading {
//     padding: q(16);
//     background-color: transparent;
// }
// .toggles .panel-heading i {
//     font-size: q(12);
//     color: #626262;
// }
// .toggles .panel + .panel {
//     margin-top: -q(1);
// }
// .toggles .panel-body {
//     padding: q(25);
// }