/**
 * WISECP · Web Hosting Billing and Digital Services Platform
 *
 * Copyright (c) WISECP LLC — All rights reserved.
 * Unlicensed copying, distribution or use is prohibited.
 *
 * Terms of service: https://wisecp.com/terms-of-service
 */
:root {
  --mz-shade-target: black;
  --mz-primary-text: var(--mz-primary);
  --mz-secondary-text: var(--mz-secondary);
}
[data-bs-theme="dark"] {
  --mz-shade-target: white;
  --mz-primary-text: color-mix(in srgb, var(--mz-primary) 50%, white);
  --mz-secondary-text: color-mix(in srgb, var(--mz-secondary) 55%, white);
}
:root,
[data-bs-theme="dark"] {
  --mz-primary-hover: color-mix(in srgb, var(--mz-primary) 85%, var(--mz-shade-target));
  --mz-primary-active: color-mix(in srgb, var(--mz-primary) 75%, var(--mz-shade-target));
  --mz-primary-subtle: color-mix(in srgb, var(--mz-primary) 10%, var(--mz-surface-bg));
  --mz-primary-emphasis: color-mix(in srgb, var(--mz-primary) 70%, var(--mz-body-color));
  --mz-secondary-hover: color-mix(in srgb, var(--mz-secondary) 85%, var(--mz-shade-target));
  --mz-secondary-active: color-mix(in srgb, var(--mz-secondary) 75%, var(--mz-shade-target));
  --mz-secondary-subtle: color-mix(in srgb, var(--mz-secondary) 10%, var(--mz-surface-bg));
  --mz-secondary-emphasis: color-mix(in srgb, var(--mz-secondary) 70%, var(--mz-body-color));
  --mz-success-hover: color-mix(in srgb, var(--mz-success) 85%, var(--mz-shade-target));
  --mz-success-active: color-mix(in srgb, var(--mz-success) 75%, var(--mz-shade-target));
  --mz-on-primary: var(--bs-white);
  --mz-focus-ring: 0 0 0 0.25rem rgba(var(--mz-primary-rgb), 0.15);
  --mz-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --mz-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
  --mz-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
}
:root,
[data-bs-theme="dark"] {
  --bs-primary: var(--mz-primary);
  --bs-primary-rgb: var(--mz-primary-rgb);
  --bs-secondary: var(--mz-secondary);
  --bs-secondary-rgb: var(--mz-secondary-rgb);
  --bs-body-font-family: var(--mz-font-family);
  --bs-body-font-size: var(--mz-font-size-base);
  --bs-body-color: var(--mz-body-color);
  --bs-body-bg: var(--mz-body-bg);
  --bs-heading-color: var(--mz-heading-color);
  --bs-secondary-color: var(--mz-muted-color);
  --bs-tertiary-bg: var(--mz-body-bg);
  --bs-border-color: var(--mz-border-color);
  --bs-border-radius: var(--mz-radius);
  --bs-border-radius-sm: calc(var(--mz-radius) * 0.75);
  --bs-border-radius-lg: calc(var(--mz-radius) * 1.5);
  --bs-link-color: var(--mz-primary-text);
  --bs-link-color-rgb: var(--mz-primary-rgb);
  --bs-link-hover-color: var(--mz-primary-hover);
  --bs-primary-bg-subtle: var(--mz-primary-subtle);
  --bs-primary-border-subtle: color-mix(in srgb, var(--mz-primary) 25%, var(--mz-surface-bg));
  --bs-primary-text-emphasis: var(--mz-primary-emphasis);
  --bs-success: var(--mz-success);
  --bs-success-rgb: var(--mz-success-rgb);
  --bs-success-bg-subtle: color-mix(in srgb, var(--mz-success) 15%, var(--mz-surface-bg));
  --bs-success-border-subtle: color-mix(in srgb, var(--mz-success) 30%, var(--mz-surface-bg));
  --bs-success-text-emphasis: color-mix(in srgb, var(--mz-success) 70%, var(--mz-body-color));
  --bs-focus-ring-color: rgba(var(--mz-primary-rgb), 0.15);
}
body {
  overflow-x: clip;
  overflow-y: scroll;
}
body.modal-open .scroll-top,
body.modal-open .mz-toast-container {
  inset-inline-end: calc(1.25rem + var(--mz-scrollbar-w, 0px));
}
body.modal-open .customizer-launcher {
  inset-inline-end: var(--mz-scrollbar-w, 0px);
}
a {
  color: var(--mz-primary-text);
  transition: all 0.3s ease-out;
}
a:hover {
  color: var(--mz-primary-hover);
}
.breadcrumb-item a {
  text-decoration: none;
  color: var(--mz-muted-color);
}
.breadcrumb-item a:hover {
  color: var(--mz-body-color);
}
.btn {
  --bs-btn-border-radius: var(--mz-radius);
  font-weight: 500;
}
.btn-primary {
  --bs-btn-bg: var(--mz-primary);
  --bs-btn-border-color: var(--mz-primary);
  --bs-btn-hover-bg: var(--mz-primary-hover);
  --bs-btn-hover-border-color: var(--mz-primary-hover);
  --bs-btn-active-bg: var(--mz-primary-active);
  --bs-btn-active-border-color: var(--mz-primary-active);
  --bs-btn-disabled-bg: var(--mz-primary);
  --bs-btn-disabled-border-color: var(--mz-primary);
  --bs-btn-focus-shadow-rgb: var(--mz-primary-rgb);
}
.btn-outline-primary {
  --bs-btn-color: var(--mz-primary-text);
  --bs-btn-border-color: var(--mz-primary-text);
  --bs-btn-hover-bg: var(--mz-primary);
  --bs-btn-hover-border-color: var(--mz-primary);
  --bs-btn-active-bg: var(--mz-primary-active);
  --bs-btn-active-border-color: var(--mz-primary-active);
  --bs-btn-disabled-color: var(--mz-primary-text);
  --bs-btn-disabled-border-color: var(--mz-primary-text);
  --bs-btn-focus-shadow-rgb: var(--mz-primary-rgb);
}
.btn-secondary {
  --bs-btn-bg: var(--mz-secondary);
  --bs-btn-border-color: var(--mz-secondary);
  --bs-btn-hover-bg: var(--mz-secondary-hover);
  --bs-btn-hover-border-color: var(--mz-secondary-hover);
  --bs-btn-active-bg: var(--mz-secondary-active);
  --bs-btn-active-border-color: var(--mz-secondary-active);
  --bs-btn-disabled-bg: var(--mz-secondary);
  --bs-btn-disabled-border-color: var(--mz-secondary);
  --bs-btn-focus-shadow-rgb: var(--mz-secondary-rgb);
}
.btn-outline-secondary {
  --bs-btn-color: var(--mz-secondary-text);
  --bs-btn-border-color: var(--mz-secondary-text);
  --bs-btn-hover-bg: var(--mz-secondary);
  --bs-btn-hover-border-color: var(--mz-secondary);
  --bs-btn-active-bg: var(--mz-secondary-active);
  --bs-btn-active-border-color: var(--mz-secondary-active);
  --bs-btn-disabled-color: var(--mz-secondary-text);
  --bs-btn-disabled-border-color: var(--mz-secondary-text);
  --bs-btn-focus-shadow-rgb: var(--mz-secondary-rgb);
}
.btn-success {
  --bs-btn-bg: var(--mz-success);
  --bs-btn-border-color: var(--mz-success);
  --bs-btn-hover-bg: var(--mz-success-hover);
  --bs-btn-hover-border-color: var(--mz-success-hover);
  --bs-btn-active-bg: var(--mz-success-active);
  --bs-btn-active-border-color: var(--mz-success-active);
  --bs-btn-disabled-bg: var(--mz-success);
  --bs-btn-disabled-border-color: var(--mz-success);
  --bs-btn-focus-shadow-rgb: var(--mz-success-rgb);
}
.btn-ghost {
  --bs-btn-color: var(--mz-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--mz-primary-text);
  --bs-btn-hover-bg: var(--mz-primary-subtle);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--mz-primary-text);
  --bs-btn-active-bg: color-mix(in srgb, var(--mz-primary) 16%, var(--mz-surface-bg));
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-shadow-rgb: var(--mz-primary-rgb);
}
.btn-soft {
  --bs-btn-color: var(--mz-body-color);
  --bs-btn-bg: var(--mz-primary-subtle);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--mz-primary-text);
  --bs-btn-hover-bg: color-mix(in srgb, var(--mz-primary) 16%, var(--mz-surface-bg));
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--mz-primary-text);
  --bs-btn-active-bg: color-mix(in srgb, var(--mz-primary) 20%, var(--mz-surface-bg));
  --bs-btn-active-border-color: transparent;
  --bs-btn-focus-shadow-rgb: var(--mz-primary-rgb);
}
.badge-secondary-soft {
  background-color: var(--mz-secondary-subtle);
  color: var(--mz-secondary-emphasis);
}
.wcp-table thead th[data-sortable] {
  cursor: pointer;
}
.wcp-table {
  overflow-x: clip;
}
.wcp-table .table-responsive {
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: var(--mz-radius);
}
.wcp-table .wcp-table-body {
  background-color: var(--mz-surface-bg);
}
.wcp-table .btn-soft {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: color-mix(in srgb, var(--mz-body-color) 16%, transparent);
  --bs-btn-hover-bg: color-mix(in srgb, var(--mz-body-color) 8%, transparent);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--mz-body-color) 28%, transparent);
  --bs-btn-active-bg: color-mix(in srgb, var(--mz-body-color) 12%, transparent);
  --bs-btn-active-border-color: color-mix(in srgb, var(--mz-body-color) 30%, transparent);
}
.wcp-status-spin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: -0.125em;
  transform-origin: center;
}
@media (prefers-reduced-motion: no-preference) {
  .wcp-status-spin {
    animation: wcp-status-spin 2.4s linear infinite;
  }
}
@keyframes wcp-status-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 575.98px) {
  .wcp-table-per-page-section label {
    display: none;
  }
  .wcp-table-head-search {
    flex: 1 1 auto;
    min-inline-size: 0;
  }
}
.list-title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-block: 0;
  color: var(--mz-heading-color);
}
.list-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
  gap: 1rem;
  margin-block-end: 1.75rem;
}
.list-tile {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  inline-size: 100%;
  padding: 1rem 1.1rem;
  background-color: var(--mz-surface-bg);
  border: none;
  border-radius: var(--mz-radius);
  overflow: hidden;
  text-align: start;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.list-tile:hover {
  border-color: color-mix(in srgb, var(--list-accent, var(--mz-primary)) 45%, var(--mz-border-color));
}
.list-tile.is-active {
  border-color: var(--list-accent, var(--mz-primary));
  box-shadow: inset 0 0 0 1px var(--list-accent, var(--mz-primary));
}
.list-tile-watermark {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0.9rem;
  z-index: -1;
  transform: translateY(-50%);
  font-size: 4rem;
  line-height: 1;
  opacity: 0.09;
  color: var(--list-accent, var(--mz-primary));
  pointer-events: none;
}
.list-tile:before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 3px;
  background-color: var(--list-accent, var(--mz-primary));
}
.list-tile-ico {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.6rem;
  block-size: 2.6rem;
  border-radius: calc(var(--mz-radius) * 0.85);
  font-size: 1.2rem;
  background-color: color-mix(in srgb, var(--list-accent, var(--mz-primary)) 12%, var(--mz-surface-bg));
  color: var(--list-accent, var(--mz-primary-text));
}
.list-tile-value {
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--mz-heading-color);
}
.list-tile-label {
  color: var(--mz-muted-color);
  font-size: 0.85rem;
}
.list-tile-figure {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.45rem;
  row-gap: 0.1rem;
}
.list-tile-sub {
  font-size: 1rem;
  font-weight: 500;
  color: var(--list-accent, var(--mz-primary-text));
}
.list-tile-primary {
  --list-accent: var(--mz-primary-text);
}
.list-tile-success {
  --list-accent: var(--bs-success-text-emphasis);
}
.list-tile-warning {
  --list-accent: var(--bs-warning-text-emphasis);
}
.list-tile-danger {
  --list-accent: var(--bs-danger-text-emphasis);
}
.list-tile-info {
  --list-accent: var(--bs-info-text-emphasis);
}
@media (max-width: 575.98px) {
  .list-summary {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    margin-block-end: 1rem;
  }
  .list-tile {
    padding: 1rem;
    gap: 0.5rem;
  }
  .list-tile-ico {
    inline-size: 2rem;
    block-size: 2rem;
    font-size: 0.95rem;
  }
  .list-tile-value {
    font-size: 1.15rem;
  }
  .list-tile-watermark {
    font-size: 2.6rem;
    inset-inline-end: 0.6rem;
  }
}
.form-control,
.form-select {
  border-radius: var(--mz-radius);
}
.form-control:not(.form-control-sm):not(.form-control-lg),
.form-select:not(.form-select-sm):not(.form-select-lg) {
  font-size: var(--mz-font-size-base);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--mz-body-color);
  -webkit-box-shadow: 0 0 0 100rem var(--mz-surface-bg) inset;
  box-shadow: 0 0 0 100rem var(--mz-surface-bg) inset;
  caret-color: var(--mz-body-color);
  transition: background-color 9999s ease-in-out 0s;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--mz-primary-text);
  box-shadow: var(--mz-focus-ring);
}
.form-control::placeholder {
  color: color-mix(in srgb, var(--mz-muted-color) 60%, transparent);
}
.form-check-input:not([role="switch"]) {
  border-color: var(--mz-muted-color);
}
.form-check {
  padding-inline-start: 1.5rem;
}
.form-switch {
  padding-inline-start: 2.5rem;
}
.form-check-input {
  inline-size: 1rem;
  block-size: 1rem;
}
.form-check .form-check-input {
  margin-inline-start: -1.5rem;
}
.form-switch .form-check-input {
  inline-size: 2rem;
  margin-inline-start: -2.5rem;
}
.form-check-input:checked {
  background-color: var(--mz-primary);
  border-color: var(--mz-primary);
}
.form-check-input:focus {
  border-color: var(--mz-primary);
  box-shadow: var(--mz-focus-ring);
}
.form-range::-webkit-slider-thumb {
  background-color: var(--mz-primary);
}
.form-range::-moz-range-thumb {
  background-color: var(--mz-primary);
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow:
    0 0 0 1px var(--mz-surface-bg),
    var(--mz-focus-ring);
}
.form-range:focus::-moz-range-thumb {
  box-shadow:
    0 0 0 1px var(--mz-surface-bg),
    var(--mz-focus-ring);
}
.form-range::-webkit-slider-thumb:active {
  background-color: color-mix(in srgb, var(--mz-primary) 30%, var(--mz-surface-bg));
}
.form-range::-moz-range-thumb:active {
  background-color: color-mix(in srgb, var(--mz-primary) 30%, var(--mz-surface-bg));
}
.form-switch .form-check-input:focus:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.nav-pills {
  --bs-nav-pills-link-active-bg: var(--mz-primary);
}
.nav {
  --bs-nav-link-color: var(--mz-body-color);
  --bs-nav-link-hover-color: var(--mz-primary-text);
}
.nav-link:focus-visible {
  box-shadow: var(--mz-focus-ring);
}
.pagination {
  --bs-pagination-color: var(--mz-body-color);
  --bs-pagination-bg: var(--mz-surface-bg);
  --bs-pagination-border-color: var(--mz-border-color);
  --bs-pagination-hover-color: var(--mz-heading-color);
  --bs-pagination-hover-bg: color-mix(in srgb, var(--mz-body-color) 5%, var(--mz-surface-bg));
  --bs-pagination-hover-border-color: var(--mz-border-color);
  --bs-pagination-focus-color: var(--mz-heading-color);
  --bs-pagination-focus-bg: color-mix(in srgb, var(--mz-body-color) 5%, var(--mz-surface-bg));
  --bs-pagination-focus-box-shadow: var(--mz-focus-ring);
  --bs-pagination-active-color: var(--mz-heading-color);
  --bs-pagination-active-bg: color-mix(in srgb, var(--mz-body-color) 14%, var(--mz-surface-bg));
  --bs-pagination-active-border-color: var(--mz-border-color);
  --bs-pagination-disabled-color: var(--mz-muted-color);
  --bs-pagination-disabled-bg: var(--mz-surface-bg);
  --bs-pagination-disabled-border-color: var(--mz-border-color);
}
.dropdown-menu {
  --bs-dropdown-bg: var(--mz-surface-bg);
  --bs-dropdown-link-active-bg: var(--mz-primary);
  --bs-dropdown-border-color: var(--mz-border-color);
  --bs-dropdown-border-radius: var(--mz-radius);
  box-shadow: var(--mz-shadow);
}
@keyframes dropdownOpen {
  0% {
    opacity: 0;
    transform: translateY(-0.5rem) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.dropdown-menu.show {
  animation: dropdownOpen 0.18s ease;
  will-change: transform;
}
.progress,
.progress-stacked {
  --bs-progress-bar-bg: var(--mz-primary);
}
.card {
  --bs-card-bg: var(--mz-surface-bg);
  --bs-card-border-color: var(--mz-border-color);
  --bs-card-border-radius: var(--mz-radius);
  box-shadow: var(--mz-shadow-sm);
}
.modal-content {
  background-color: var(--mz-surface-bg);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--mz-shadow-lg);
}
.modal-header {
  align-items: center;
  justify-content: flex-start;
  gap: 0.875rem;
  padding: 1.25rem 1.5rem;
  border-block-end: 1px solid var(--mz-border-color);
}
.modal-header .btn-close {
  margin-inline-start: auto;
  align-self: flex-start;
}
.modal-title {
  font-weight: 700;
  color: var(--mz-heading-color);
}
.modal-titles {
  min-inline-size: 0;
}
.modal-subtitle {
  margin: 0;
  font-size: 0.8rem;
  color: var(--mz-muted-color);
}
.modal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  border-radius: var(--mz-radius);
  background-color: var(--mz-primary-subtle);
  color: var(--mz-primary-text);
  font-size: 1.35rem;
  line-height: 1;
}
.modal-icon--danger {
  background-color: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
}
.modal-icon--success {
  background-color: var(--bs-success-bg-subtle);
  color: var(--bs-success-text-emphasis);
}
.modal-icon--warning {
  background-color: var(--bs-warning-bg-subtle);
  color: var(--bs-warning-text-emphasis);
}
.modal-icon--info {
  background-color: var(--bs-info-bg-subtle);
  color: var(--bs-info-text-emphasis);
}
.modal-footer {
  padding: 1rem 1.5rem;
  background-color: var(--mz-body-bg);
  border-block-start: 1px solid var(--mz-border-color);
  border-end-start-radius: var(--bs-border-radius-lg);
  border-end-end-radius: var(--bs-border-radius-lg);
}
.modal-body {
  padding: 1.5rem;
}
.modal-backdrop {
  background-color: #0006;
}
.modal-backdrop.fade {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition:
    opacity 0.2s ease-out,
    -webkit-backdrop-filter 0.2s ease-out,
    backdrop-filter 0.2s ease-out;
}
.modal-backdrop.show {
  opacity: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.modal.fade .modal-dialog {
  transform: scale(0.97);
  opacity: 0;
  transition:
    transform 0.2s ease-out,
    opacity 0.2s ease-out;
}
.modal.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}
.toast {
  --bs-toast-bg: var(--mz-surface-bg);
  --bs-toast-border-radius: var(--mz-radius);
  box-shadow: var(--mz-shadow);
}
.tooltip {
  --bs-tooltip-bg: var(--mz-heading-color);
  --bs-tooltip-color: var(--mz-surface-bg);
  --bs-tooltip-opacity: 1;
  --bs-tooltip-font-size: 0.8rem;
  --bs-tooltip-padding-x: 0.625rem;
  --bs-tooltip-padding-y: 0.375rem;
  --bs-tooltip-border-radius: var(--mz-radius);
  --bs-tooltip-max-width: 16rem;
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-bg: var(--mz-surface-bg);
}
.list-group {
  --bs-list-group-bg: var(--mz-surface-bg);
  --bs-list-group-active-bg: var(--mz-primary);
  --bs-list-group-active-border-color: var(--mz-primary);
  --bs-list-group-border-radius: var(--mz-radius);
}
.accordion {
  --bs-accordion-bg: var(--mz-surface-bg);
  --bs-accordion-active-bg: var(--mz-primary-subtle);
  --bs-accordion-active-color: var(--mz-primary-emphasis);
  --bs-accordion-btn-focus-box-shadow: var(--mz-focus-ring);
  --bs-accordion-border-radius: var(--mz-radius);
}
:root {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--mz-muted-color) 45%, transparent) transparent;
}
* {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--mz-muted-color) 45%, transparent) transparent;
}
@supports selector(::-webkit-scrollbar) {
  :root,
  body * {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
  }
  ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background: #88888854;
    border-radius: 10px;
    border: 3.5px solid transparent;
    background-clip: padding-box;
  }
  ::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body {
  min-block-size: 100vh;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
}
body > main {
  flex: 1 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
}
.fs-7 {
  font-size: 0.85rem;
}
.fs-8 {
  font-size: 0.8rem;
}
.fs-9 {
  font-size: 0.7rem;
}
.num-tabular {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.btn,
.form-control,
.form-select,
.nav-link,
.dropdown-item {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation-duration: 0.01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
  }
}
:focus:not(:focus-visible) {
  outline: 0;
}
.btn-close:focus:not(:focus-visible),
.nav-link:focus:not(:focus-visible),
.page-link:focus:not(:focus-visible),
.dropdown-item:focus:not(:focus-visible),
.accordion-button:focus:not(:focus-visible) {
  box-shadow: none;
}
.site-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 1030;
  background-color: color-mix(in srgb, var(--mz-surface-bg) 86%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: var(--mz-shadow-sm);
}
.site-brand {
  text-decoration: none;
  color: var(--mz-heading-color);
}
.site-logo {
  block-size: 2.35rem;
  max-inline-size: 9rem;
  inline-size: auto;
  object-fit: contain;
  object-position: left center;
}
.site-logo-dark,
[data-bs-theme="dark"] .site-logo-light {
  display: none;
}
[data-bs-theme="dark"] .site-logo-dark {
  display: inline-block;
}
.site-brand-text {
  display: none;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--mz-heading-color);
}
.site-brand.brand-no-logo .site-logo {
  display: none;
}
.site-brand.brand-no-logo .site-brand-text {
  display: inline-block;
}
.chrome-dark {
  color: var(--mz-chrome-color);
  --bs-heading-color: var(--mz-chrome-color);
}
.chrome-dark .site-logo-light {
  display: none;
}
.chrome-dark .site-logo-dark {
  display: inline-block;
}
.chrome-dark .site-brand-text {
  color: var(--mz-chrome-color);
}
.chrome-dark .site-brand.logo-boxed .site-logo {
  background-color: var(--bs-white);
  padding: 0.3rem 0.55rem;
  border-radius: calc(var(--mz-radius) * 0.6);
}
.site-header.chrome-dark {
  background-color: color-mix(in srgb, var(--mz-chrome-bg) 94%, transparent);
  box-shadow: none;
  border-block-end: 1px solid var(--mz-chrome-border);
}
.chrome-overlay .topbar {
  position: relative;
  z-index: 1031;
  background-color: transparent;
  border-block-end-color: transparent;
}
.chrome-overlay .site-header.chrome-dark {
  background-color: transparent;
  border-block-end-color: transparent;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease;
}
.chrome-overlay .site-header.chrome-dark.is-scrolled {
  background-color: color-mix(in srgb, var(--mz-chrome-bg) 94%, transparent);
  border-block-end-color: var(--mz-chrome-border);
}
.chrome-dark .site-nav .nav-link {
  color: var(--mz-chrome-muted);
}
.chrome-dark .site-nav .nav-link:hover,
.chrome-dark .site-nav .nav-link.active,
.chrome-dark .site-nav .dropdown:hover > .nav-link,
.chrome-dark .site-nav .dropdown:focus-within > .nav-link {
  background-color: var(--mz-chrome-border);
  color: var(--mz-chrome-color);
}
.chrome-dark .btn-soft,
.chrome-dark .btn-ghost {
  --bs-btn-color: var(--mz-chrome-color);
  --bs-btn-bg: var(--mz-chrome-border);
  --bs-btn-hover-color: var(--mz-chrome-color);
  --bs-btn-hover-bg: color-mix(in srgb, var(--mz-chrome-color) 18%, transparent);
  --bs-btn-active-color: var(--mz-chrome-color);
  --bs-btn-active-bg: color-mix(in srgb, var(--mz-chrome-color) 24%, transparent);
}
.chrome-dark .btn-ghost {
  --bs-btn-bg: transparent;
}
.chrome-dark .eyebrow {
  color: color-mix(in srgb, var(--mz-secondary) 60%, white);
}
.chrome-dark .section-head .section-lead {
  color: var(--mz-chrome-muted);
}
.chrome-dark .card {
  color: var(--mz-body-color);
  --bs-heading-color: var(--mz-heading-color);
  --bs-secondary-color: var(--mz-muted-color);
}
.scroll-top {
  position: fixed;
  inset-block-end: 1.25rem;
  inset-inline-end: 1.25rem;
  z-index: 1039;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  border-radius: 50%;
  box-shadow: var(--mz-shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.5rem);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s;
}
.scroll-top.show {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.locale-toggle {
  border: 1px solid var(--mz-border-color);
  border-radius: 2rem;
  padding-inline: 0.75rem;
}
.locale-toggle:hover {
  border-color: color-mix(in srgb, var(--mz-primary) 35%, var(--mz-border-color));
}
.locale-menu {
  min-inline-size: 15rem;
  padding: 0.5rem;
  border-radius: calc(var(--mz-radius) * 1.5);
}
.locale-menu .locale-tabs {
  gap: 0.25rem;
  margin-block-end: 0.5rem;
}
.locale-menu .locale-tabs .nav-link {
  font-size: 0.78rem;
  font-weight: 600;
  padding-block: 0.35rem;
  border-radius: calc(var(--mz-radius) * 0.75);
}
.locale-menu .locale-search {
  margin-block-end: 0.5rem;
  font-size: 0.78rem;
}
.locale-menu .locale-list {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  max-block-size: 12.5rem;
  overflow-y: auto;
  padding-inline-end: 0.25rem;
}
.locale-menu .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.85rem;
  padding-block: 0.45rem;
  padding-inline: 0.625rem;
  border-radius: calc(var(--mz-radius) * 0.75);
}
.locale-menu .dropdown-item .bi-check2 {
  visibility: hidden;
  color: var(--mz-primary-text);
}
.locale-menu .dropdown-item:hover {
  background-color: var(--mz-primary-subtle);
}
.locale-menu .dropdown-item.active {
  background-color: var(--mz-primary-subtle);
  color: var(--mz-heading-color);
}
.locale-menu .dropdown-item.active .bi-check2 {
  visibility: visible;
}
.footer-locale .locale-caret {
  font-size: 0.7rem;
  transition: transform 0.2s ease;
}
.footer-locale .locale-toggle[aria-expanded="true"] .locale-caret {
  transform: rotate(180deg);
}
@keyframes dropupOpen {
  0% {
    opacity: 0;
    transform: translateY(0.5rem) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.dropup .dropdown-menu.show {
  animation: dropupOpen 0.18s ease;
}
.nav-dropdown {
  min-inline-size: 17rem;
  padding: 0.5rem;
  border-radius: calc(var(--mz-radius) * 1.5);
}
.nav-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  white-space: normal;
  padding-block: 0.5rem;
  padding-inline: 0.625rem;
  border-radius: calc(var(--mz-radius) * 0.75);
}
.nav-dropdown .dropdown-item .icon-disc {
  inline-size: 2.25rem;
  block-size: 2.25rem;
  font-size: 1rem;
}
.icon-disc.is-logo {
  overflow: hidden;
  padding: 0.35rem;
  background-color: var(--bs-white);
  box-shadow: inset 0 0 0 1px var(--mz-border-color);
}
.icon-disc.is-logo img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
.nav-dropdown .item-title {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--mz-heading-color);
}
.nav-dropdown .item-desc {
  display: block;
  font-size: 0.75rem;
  color: var(--mz-muted-color);
}
.nav-dropdown .item-title .badge {
  margin-inline-start: 0.35rem;
  vertical-align: middle;
  font-size: 0.65rem;
}
.nav-dropdown .dropdown-item:hover,
.nav-dropdown .dropdown-item.active {
  background-color: var(--mz-primary-subtle);
  color: inherit;
}
.topbar {
  background-color: var(--mz-chrome-bg-deep);
  color: var(--mz-chrome-muted);
  border-block-end: 1px solid var(--mz-chrome-border);
}
.topbar-link {
  display: inline-flex;
  align-items: center;
  padding-block: 0.3rem;
  color: var(--mz-chrome-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.topbar-link:hover {
  color: var(--mz-chrome-color);
}
@media (max-width: 575.98px) {
  .topbar .container > .ms-auto {
    column-gap: 0.75rem;
  }
}
.topbar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  border-radius: 50%;
  color: var(--mz-chrome-muted);
  text-decoration: none;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}
.topbar-icon:hover {
  color: var(--mz-chrome-color);
  background-color: var(--mz-chrome-border);
}
.chrome-dark .locale-toggle {
  border-color: var(--mz-chrome-border);
  color: var(--mz-chrome-muted);
}
.chrome-dark .locale-toggle:hover {
  color: var(--mz-chrome-color);
  border-color: var(--mz-chrome-muted);
}
.site-nav .nav-link {
  font-weight: 500;
  padding-block: 0.5rem;
  padding-inline: 0.9rem;
  border-radius: 2rem;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.site-nav .nav-link:hover,
.site-nav .nav-link.active,
.site-nav .dropdown:hover > .nav-link,
.site-nav .dropdown:focus-within > .nav-link {
  background-color: var(--mz-primary-subtle);
  color: var(--mz-primary-text);
}
.site-nav .nav-chevron {
  display: inline-grid;
  place-items: center;
  inline-size: 0.6rem;
  block-size: 0.75rem;
  line-height: 1;
  font-size: 0.6rem;
  margin-inline-start: 0.35rem;
  vertical-align: middle;
}
.site-nav .dropdown-menu {
  margin-block-start: 0;
}
.site-header > .container {
  position: relative;
}
.site-nav .dropdown:has(> .nav-mega) {
  position: static;
}
.site-nav .dropdown:has(> .nav-mega):hover:after,
.site-nav .dropdown:has(> .nav-mega):focus-within:after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 0.75rem;
}
.nav-mega {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 100%;
  inline-size: auto;
  padding: 0;
  border-radius: calc(var(--mz-radius) * 1.6);
  box-shadow: var(--mz-shadow-lg);
  overflow: hidden;
}
.nav-mega .nav-mega-grid {
  display: flex;
  align-items: stretch;
  gap: 1.5rem;
  padding: 1.5rem;
}
.nav-mega-col {
  flex: 1 1 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.nav-mega-col + .nav-mega-col {
  border-inline-start: 1px solid var(--mz-border-color);
  padding-inline-start: 1.5rem;
}
.nav-mega-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mz-muted-color);
  padding-inline: 0.625rem;
  margin-block-end: 0.375rem;
}
.nav-mega .dropdown-item {
  white-space: normal;
  border-radius: calc(var(--mz-radius) * 0.9);
}
.nav-mega .dropdown-item .icon-disc {
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.nav-mega .dropdown-item:hover .icon-disc,
.nav-mega .dropdown-item:focus-visible .icon-disc {
  background-color: var(--mz-primary);
  color: var(--mz-on-primary);
}
.nav-mega-feature {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 0 0 17.5rem;
  padding: 1.35rem;
  border: 1px solid var(--mz-chrome-border);
  border-radius: calc(var(--mz-radius) * 1.2);
  text-decoration: none;
  background-color: var(--mz-chrome-bg);
  color: var(--mz-chrome-color);
  transition: border-color 0.2s ease;
}
.nav-mega-feature:hover {
  color: var(--mz-chrome-color);
  border-color: color-mix(in srgb, var(--mz-chrome-color) 30%, transparent);
}
@media (max-width: 1199.98px) {
  .nav-mega .nav-mega-feature {
    display: none;
  }
}
.nav-mega-feature:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(18rem 12rem at 100% 0%, color-mix(in srgb, var(--mz-secondary) 30%, transparent), transparent 70%),
    radial-gradient(16rem 12rem at 0% 100%, color-mix(in srgb, var(--mz-primary) 35%, transparent), transparent 65%);
  pointer-events: none;
}
[dir="rtl"] .nav-mega-feature:before {
  background-image:
    radial-gradient(18rem 12rem at 0% 0%, color-mix(in srgb, var(--mz-secondary) 30%, transparent), transparent 70%),
    radial-gradient(16rem 12rem at 100% 100%, color-mix(in srgb, var(--mz-primary) 35%, transparent), transparent 65%);
}
.nav-mega-feature > * {
  position: relative;
}
.nav-mega-eyebrow {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--mz-secondary) 60%, white);
}
.nav-mega-title {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.nav-mega-text {
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--mz-chrome-muted);
}
.nav-mega-feature .link-arrow {
  margin-block-start: auto;
  color: var(--mz-chrome-color);
}
.nav-mega-foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem 1.5rem;
  padding-block: 0.7rem;
  padding-inline: 1.5rem;
  background-color: var(--mz-body-bg);
  border-block-start: 1px solid var(--mz-border-color);
}
.nav-mega-foot-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--mz-muted-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.nav-mega-foot-link .bi {
  font-size: 0.95rem;
}
.nav-mega-foot-link:hover {
  color: var(--mz-primary-text);
}
.nav-mega-status .status-dot,
.footer-status .status-dot {
  inline-size: 0.5rem;
  block-size: 0.5rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--mz-success);
  animation: nav-mega-status-pulse 2.4s ease-out infinite;
}
@keyframes nav-mega-status-pulse {
  0% {
    box-shadow: 0 0 rgba(var(--mz-success-rgb), 0.45);
  }
  70% {
    box-shadow: 0 0 0 0.35rem rgba(var(--mz-success-rgb), 0);
  }
  to {
    box-shadow: 0 0 rgba(var(--mz-success-rgb), 0);
  }
}
@media (min-width: 992px) {
  .site-nav .dropdown:hover > .dropdown-menu,
  .site-nav .dropdown:focus-within > .dropdown-menu {
    display: block;
    animation: dropdownOpen 0.18s ease;
  }
}
.nav-dropdown .dropdown-sub {
  position: relative;
}
.nav-dropdown .dropdown-sub:hover > .dropdown-item,
.nav-dropdown .dropdown-sub:focus-within > .dropdown-item {
  background-color: var(--mz-primary-subtle);
}
.nav-sub-toggle .nav-sub-caret {
  margin-inline-start: auto;
  font-size: 0.7rem;
  color: var(--mz-muted-color);
}
[dir="rtl"] .nav-sub-toggle .nav-sub-caret {
  transform: scaleX(-1);
}
.nav-sub-menu {
  position: absolute;
  inset-inline-start: calc(100% - 0.25rem);
  inset-block-start: -0.5rem;
}
@media (min-width: 992px) {
  .site-nav .dropdown-sub:hover > .nav-sub-menu,
  .site-nav .dropdown-sub:focus-within > .nav-sub-menu {
    display: block;
    animation: dropdownOpen 0.18s ease;
  }
}
.site-drawer {
  max-inline-size: 20rem;
}
.site-drawer .offcanvas-header {
  border-block-end: 1px solid var(--mz-border-color);
}
.drawer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.drawer-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  inline-size: 100%;
  padding: 0.65rem 0.75rem;
  border: 0;
  background: none;
  text-align: start;
  font-weight: 500;
  color: var(--mz-body-color);
  text-decoration: none;
  border-radius: calc(var(--mz-radius) * 0.75);
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.drawer-link:hover,
.drawer-link.active {
  background-color: var(--mz-primary-subtle);
  color: var(--mz-primary-text);
}
.drawer-link > .bi:first-child {
  font-size: 1.05rem;
  color: var(--mz-primary-text);
}
.drawer-caret {
  margin-inline-start: auto;
  font-size: 0.65rem;
  transition: transform 0.2s ease;
}
.drawer-link[aria-expanded="true"] .drawer-caret {
  transform: rotate(180deg);
}
.drawer-sub {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-block: 0.25rem;
  margin-inline-start: 1.35rem;
  padding-inline-start: 1.2rem;
  border-inline-start: 2px solid var(--mz-border-color);
}
.drawer-sublink {
  padding: 0.45rem 0.5rem;
  font-size: 0.9rem;
  color: var(--mz-body-color);
  text-decoration: none;
  border-radius: calc(var(--mz-radius) * 0.5);
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.drawer-sublink:hover {
  background-color: var(--mz-primary-subtle);
  color: var(--mz-primary-text);
}
.drawer-toggle {
  --bs-btn-color: var(--mz-primary-text);
}
.header-icon-btn {
  inline-size: 2.4rem;
  block-size: 2.4rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  border-radius: 50%;
}
.cart-count {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  min-inline-size: 0.95rem;
  block-size: 0.95rem;
  padding-inline: 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: 600;
  line-height: 1;
  color: var(--mz-on-primary);
  background-color: var(--mz-secondary);
  border-radius: 1rem;
}
.header-icon-btn.account-avatar {
  --bs-btn-color: var(--mz-primary-text);
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.chrome-dark .header-icon-btn.account-avatar {
  --bs-btn-color: var(--mz-chrome-color);
}
.account-menu {
  min-inline-size: 16.5rem;
}
.account-menu-head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.375rem 0.625rem 0.75rem;
  position: relative;
}
a.account-menu-name {
  text-decoration: none;
}
.account-avatar-lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 50%;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: var(--mz-primary-text);
  background-color: var(--mz-primary-subtle);
}
.account-avatar,
.account-avatar-lg {
  overflow: hidden;
}
.account-avatar-img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.account-avatar-lg-wrap {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
.account-avatar-shop {
  position: absolute;
  inset-block-end: -0.45rem;
  inset-inline-end: -0.15rem;
  inline-size: 1.1rem;
  block-size: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: var(--mz-secondary-text);
  background-color: var(--mz-surface-bg);
  border-radius: 50%;
  text-decoration: none;
  z-index: 2;
}
.account-menu-name {
  display: block;
  font-weight: 600;
  line-height: 1.2;
  color: var(--mz-heading-color);
}
.account-menu-email {
  display: block;
  font-size: 0.75rem;
  color: var(--mz-muted-color);
}
.account-avatar-lg {
  text-decoration: none;
}
.account-menu-balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-block-end: 0.25rem;
  padding: 0.5rem 0.625rem;
  border-radius: calc(var(--mz-radius) * 0.75);
  background-color: var(--mz-primary-subtle);
  font-size: 0.8rem;
  color: var(--mz-primary-emphasis);
}
.account-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-block: 0.5rem;
  padding-inline: 0.625rem;
  border-radius: calc(var(--mz-radius) * 0.75);
  font-size: 0.875rem;
  color: var(--mz-body-color);
}
.account-menu .dropdown-item > .bi {
  inline-size: 1.1rem;
  font-size: 1rem;
  text-align: center;
  color: var(--mz-muted-color);
}
.account-menu .dropdown-item:hover,
.account-menu .dropdown-item:focus {
  background-color: var(--mz-primary-subtle);
  color: var(--mz-body-color);
}
.account-menu .dropdown-item:hover > .bi,
.account-menu .dropdown-item:focus > .bi {
  color: var(--mz-primary-text);
}
.client-subnav {
  background: linear-gradient(0deg, var(--mz-body-bg) 0%, var(--mz-border-color) 100%);
}
.client-subnav-inner {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.client-subnav-nav {
  display: flex;
  align-items: stretch;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
  flex: 1 1 auto;
  min-inline-size: 0;
}
.client-subnav-nav::-webkit-scrollbar {
  display: none;
}
.client-subnav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  padding-block: 0.85rem;
  padding-inline: 0.75rem;
  margin-block-end: -1px;
  border-block-end: 2px solid transparent;
  font-weight: 500;
  color: var(--mz-muted-color);
  text-decoration: none;
  transition:
    color 0.2s ease,
    border-color 0.2s ease;
}
.client-subnav-link .bi {
  font-size: 1rem;
}
.client-subnav-link:hover {
  color: var(--mz-body-color);
}
.client-subnav-link.active {
  color: var(--mz-primary-text);
  border-block-end-color: var(--mz-primary);
}
.account-switcher {
  flex-shrink: 0;
}
.account-switcher-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  max-inline-size: 13rem;
  padding-block: 0.3rem;
  padding-inline: 0.45rem;
  border: 1px solid var(--mz-border-color);
  border-radius: var(--mz-radius);
  background: var(--mz-surface-bg);
  color: var(--mz-body-color);
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}
.account-switcher-toggle:hover {
  background: var(--mz-primary-subtle);
  border-color: color-mix(in srgb, var(--mz-primary) 35%, var(--mz-border-color));
}
.account-switcher-ava {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  border-radius: 50%;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--mz-primary-text);
  background-color: var(--mz-primary-subtle);
}
.account-switcher-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-inline-size: 0;
  line-height: 1.1;
}
.account-switcher-reseller,
.account-switcher-tag {
  flex-shrink: 0;
}
.account-switcher-name {
  max-inline-size: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--mz-heading-color);
}
.account-switcher-role,
.account-switcher-sub {
  font-size: 0.7rem;
  color: var(--mz-muted-color);
}
.account-switcher-caret {
  flex-shrink: 0;
  font-size: 0.9rem;
  color: var(--mz-muted-color);
}
.account-switcher-menu {
  min-inline-size: 16rem;
}
.account-switcher-menu .dropdown-item:not(.account-switcher-item) {
  font-size: 0.85rem;
}
.account-switcher-label {
  padding: 0.25rem 1rem 0.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--mz-muted-color);
}
.account-switcher-item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-inline-end: auto;
  min-inline-size: 0;
  line-height: 1.15;
}
.account-switcher-check {
  flex-shrink: 0;
  color: var(--mz-primary-text);
  opacity: 0;
}
.account-switcher-item.is-active {
  background-color: var(--mz-primary-subtle);
}
.account-switcher-item.is-active .account-switcher-check {
  opacity: 1;
}
@media (max-width: 575.98px) {
  .account-switcher-text,
  .account-switcher-reseller {
    display: none;
  }
}
@keyframes accountSwitcherBloom {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  55% {
    transform: scale(1.15);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.account-switcher-toggle.is-bloom {
  animation: accountSwitcherBloom 0.55s ease-out 2s both;
}
.site-footer {
  position: relative;
  background-color: var(--mz-chrome-bg);
  color: var(--mz-chrome-muted);
}
.site-footer:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--mz-chrome-color) 0.9px, transparent 1.3px);
  background-size: 9px 9px;
  opacity: 0.16;
  -webkit-mask-image: url(../images/world-map.svg);
  mask-image: url(../images/world-map.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  pointer-events: none;
}
.site-footer > * {
  position: relative;
}
.site-footer .footer-heading {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mz-chrome-color);
  margin-block-end: 1rem;
}
.site-footer .footer-link {
  display: block;
  padding-block: 0.3rem;
  font-size: 0.9rem;
  color: var(--mz-chrome-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}
.site-footer .footer-base .footer-link {
  font-size: 0.8rem;
}
.site-footer .footer-link:hover {
  color: var(--mz-chrome-color);
}
.footer-top {
  display: grid;
  gap: 2.5rem;
  padding-block: 4rem 3.5rem;
}
@media (min-width: 992px) {
  .footer-top {
    grid-template-columns: minmax(0, 21rem) minmax(0, 1fr);
    gap: 5rem;
  }
}
.footer-brand-desc {
  color: var(--mz-chrome-muted);
  max-inline-size: 24rem;
}
.footer-phone {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--mz-chrome-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-phone:hover {
  color: color-mix(in srgb, var(--mz-secondary) 55%, white);
}
.footer-controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.footer-appearance {
  display: inline-flex;
  gap: 0.125rem;
  padding: 0.1875rem;
  border: 1px solid var(--mz-chrome-border);
  border-radius: 10rem;
}
.footer-appearance-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.85rem;
  block-size: 1.85rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: transparent;
  color: var(--mz-chrome-muted);
  font-size: 0.9rem;
  transition:
    color 0.15s ease,
    background-color 0.15s ease;
}
.footer-appearance-btn:hover {
  color: var(--mz-chrome-color);
}
.footer-appearance-btn:focus-visible {
  outline: 2px solid var(--mz-chrome-color);
  outline-offset: 1px;
}
.footer-appearance-btn.active {
  color: var(--mz-chrome-color);
  background-color: color-mix(in srgb, var(--mz-chrome-color) 12%, transparent);
}
.footer-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem 1.5rem;
}
@media (min-width: 768px) {
  .footer-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.footer-powered-band {
  padding-block: 0.85rem;
  text-align: center;
  background-color: color-mix(in srgb, var(--mz-chrome-bg-deep) 35%, var(--mz-chrome-bg));
}
.footer-base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
  padding-block: 1.5rem;
  border-block-start: 1px solid var(--mz-chrome-border);
}
.footer-base-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin-inline-start: auto;
}
.footer-status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--mz-chrome-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-status:hover {
  color: var(--mz-chrome-color);
}
.section-head {
  text-align: center;
  margin-block-end: 2.5rem;
}
.section-head h2 {
  margin-block: 0.25rem 0.75rem;
}
.section-head .section-lead {
  max-inline-size: 40rem;
  margin-inline: auto;
  margin-block-end: 0;
  color: var(--mz-muted-color);
}
.section-head-start {
  text-align: start;
  margin-block-end: 0;
}
.section-head-start .section-lead {
  margin-inline: 0;
}
.bg-surface {
  background-color: var(--mz-surface-bg);
}
.band-dark,
.stat-band {
  background-color: var(--mz-chrome-bg);
}
.stat-item {
  text-align: center;
}
.stat-value {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--mz-chrome-color);
}
.stat-label {
  margin-block-start: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mz-chrome-muted);
}
.brand-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem 3rem;
}
.brand-strip .brand-logo {
  block-size: 1.75rem;
  inline-size: auto;
  max-inline-size: 9rem;
  filter: grayscale(1);
  opacity: 0.55;
  transition:
    filter 0.2s ease,
    opacity 0.2s ease;
}
.brand-strip .brand-item:hover .brand-logo {
  filter: none;
  opacity: 1;
}
[data-bs-theme="dark"] .brand-strip .brand-logo {
  filter: grayscale(1) invert(0.8) brightness(1.4);
  opacity: 0.6;
}
[data-bs-theme="dark"] .brand-strip .brand-item:hover .brand-logo {
  filter: grayscale(1) invert(0.8) brightness(1.7);
  opacity: 1;
}
.js-reveal [data-reveal] {
  opacity: 0;
  translate: 0 1.75rem;
  transition:
    opacity 0.6s ease-out,
    translate 0.6s ease-out;
  pointer-events: none;
}
.js-reveal [data-reveal].is-revealed {
  opacity: 1;
  translate: 0 0;
  pointer-events: auto;
}
.newsletter-band {
  background-color: var(--mz-surface-bg);
}
.newsletter-panel {
  display: grid;
  gap: 1.75rem;
  align-items: center;
  padding: 2rem;
  background-color: var(--mz-chrome-bg);
  border: 1px solid var(--mz-chrome-border);
  border-radius: calc(var(--mz-radius) * 2);
  box-shadow: var(--mz-shadow-lg);
}
@media (min-width: 992px) {
  .newsletter-panel {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 3rem;
    padding: 2.5rem 3rem;
  }
}
.newsletter-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-block-end: 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: color-mix(in srgb, var(--mz-secondary) 60%, white);
}
.newsletter-form {
  max-inline-size: 34rem;
  margin-inline: auto;
}
.newsletter-panel .newsletter-form {
  max-inline-size: none;
  margin-inline: 0;
}
.newsletter-panel .newsletter-controls {
  justify-content: flex-start;
}
.newsletter-band .form-check-label {
  color: var(--mz-chrome-muted);
}
.newsletter-band .form-check-label a {
  color: var(--mz-chrome-color);
  text-decoration: underline;
}
.newsletter-band .form-check-input {
  background-color: color-mix(in srgb, var(--mz-chrome-color) 10%, transparent);
  border-color: var(--mz-chrome-border);
}
.newsletter-band .form-check-input:checked {
  background-color: var(--mz-secondary);
  border-color: var(--mz-secondary);
}
.newsletter-band .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.newsletter-form .newsletter-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.newsletter-form .form-control {
  flex: 1 1 16rem;
  background-color: color-mix(in srgb, var(--mz-chrome-color) 8%, transparent);
  border-color: var(--mz-chrome-border);
  color: var(--mz-chrome-color);
}
.newsletter-form .form-control::placeholder {
  color: var(--mz-chrome-muted);
}
.newsletter-form .form-control:focus {
  background-color: color-mix(in srgb, var(--mz-chrome-color) 12%, transparent);
  color: var(--mz-chrome-color);
  border-color: var(--mz-secondary);
  box-shadow: 0 0 0 0.25rem rgba(var(--mz-secondary-rgb), 0.2);
}
.newsletter-form .captcha-mock .form-control {
  background-color: var(--mz-surface-bg);
  border-color: var(--mz-border-color);
  color: var(--mz-body-color);
}
.newsletter-form .captcha-mock .form-control::placeholder {
  color: var(--mz-muted-color);
}
.newsletter-form .captcha-mock .form-control:focus {
  background-color: var(--mz-surface-bg);
  color: var(--mz-body-color);
}
.newsletter-form .form-control:-webkit-autofill,
.newsletter-form .form-control:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--mz-chrome-color);
  caret-color: var(--mz-chrome-color);
  -webkit-box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--mz-chrome-color) 8%, var(--mz-chrome-bg)) inset;
  transition: background-color 9999s ease-in-out 0s;
}
.newsletter-form .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--mz-chrome-color);
  caret-color: var(--mz-chrome-color);
  -webkit-box-shadow:
    0 0 0 0.25rem rgba(var(--mz-secondary-rgb), 0.2),
    0 0 0 100vmax color-mix(in srgb, var(--mz-chrome-color) 12%, var(--mz-chrome-bg)) inset;
  transition: background-color 9999s ease-in-out 0s;
}
.newsletter-form .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.newsletter-band .newsletter-sub {
  color: var(--mz-chrome-muted);
}
.contact-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  block-size: 100%;
  padding: 1.5rem 1.75rem;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: calc(var(--mz-radius) * 1.5);
  text-decoration: none;
  color: var(--mz-body-color);
}
.contact-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 3.25rem;
  block-size: 3.25rem;
  flex-shrink: 0;
  border-radius: 50%;
  font-size: 1.4rem;
  color: var(--mz-secondary-text);
  background-color: var(--mz-secondary-subtle);
}
.contact-body {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
  min-inline-size: 0;
}
.contact-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mz-muted-color);
}
.contact-value {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--mz-heading-color);
  word-break: break-word;
}
.contact-sub {
  font-size: 0.85rem;
  color: var(--mz-muted-color);
}
.contact-arrow {
  flex-shrink: 0;
  color: var(--mz-secondary-text);
  transition: transform 0.2s ease;
}
.contact-card:hover .contact-arrow {
  transform: translate(0.25rem);
}
[dir="rtl"] .contact-arrow {
  transform: scaleX(-1);
}
[dir="rtl"] .contact-card:hover .contact-arrow {
  transform: scaleX(-1) translate(0.25rem);
}
.strip-label {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--mz-primary-text);
}
.tracking-tight {
  letter-spacing: -0.02em;
}
.page-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(3rem, 2.25rem + 2.5vw, 4.5rem);
  background-color: var(--mz-chrome-bg);
}
.chrome-overlay .page-hero {
  margin-block-start: calc(-1 * var(--mz-chrome-offset, 6.25rem));
  padding-block-start: calc(clamp(3rem, 2.25rem + 2.5vw, 4.5rem) + var(--mz-chrome-offset, 6.25rem));
}
.page-hero-media {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.page-hero-scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to right,
      color-mix(in srgb, var(--mz-chrome-bg) 88%, transparent) 20%,
      color-mix(in srgb, var(--mz-chrome-bg) 55%, transparent) 62%,
      color-mix(in srgb, var(--mz-chrome-bg) 28%, transparent)
    ),
    linear-gradient(#0000003d, #0000003d);
}
[dir="rtl"] .page-hero-scrim {
  background:
    linear-gradient(
      to left,
      color-mix(in srgb, var(--mz-chrome-bg) 88%, transparent) 20%,
      color-mix(in srgb, var(--mz-chrome-bg) 55%, transparent) 62%,
      color-mix(in srgb, var(--mz-chrome-bg) 28%, transparent)
    ),
    linear-gradient(#0000003d, #0000003d);
}
.page-hero-plain {
  background-image:
    radial-gradient(42rem 20rem at 12% -30%, color-mix(in srgb, var(--mz-primary) 34%, transparent), transparent 65%),
    radial-gradient(34rem 18rem at 96% 135%, color-mix(in srgb, var(--mz-secondary) 22%, transparent), transparent 60%);
}
[dir="rtl"] .page-hero-plain {
  background-image:
    radial-gradient(42rem 20rem at 88% -30%, color-mix(in srgb, var(--mz-primary) 34%, transparent), transparent 65%),
    radial-gradient(34rem 18rem at 4% 135%, color-mix(in srgb, var(--mz-secondary) 22%, transparent), transparent 60%);
}
.page-hero > .container {
  position: relative;
}
.page-hero .breadcrumb {
  --bs-breadcrumb-divider-color: var(--mz-chrome-muted);
  --bs-breadcrumb-item-active-color: var(--mz-chrome-color);
}
.page-hero .breadcrumb-item a {
  color: var(--mz-chrome-muted);
  transition: color 0.2s ease;
}
.page-hero .breadcrumb-item a:hover {
  color: var(--mz-chrome-color);
}
.page-hero-title {
  font-size: clamp(1.875rem, 4vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  text-wrap: balance;
}
.page-hero-lead {
  font-size: 1.0625rem;
  max-inline-size: 40rem;
  color: color-mix(in srgb, var(--mz-chrome-color) 82%, transparent);
}
.page-hero-search {
  max-inline-size: 44rem;
}
.domain-search {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: calc(var(--mz-radius) * 2);
  box-shadow:
    var(--mz-shadow-lg),
    0 0 0 0.5rem color-mix(in srgb, var(--mz-primary) 6%, transparent);
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}
.domain-search:focus-within {
  border-color: var(--mz-primary-text);
  box-shadow:
    var(--mz-shadow-lg),
    0 0 0 0.5rem color-mix(in srgb, var(--mz-primary) 12%, transparent);
}
.domain-search .form-control {
  border: 0;
  background: transparent;
  font-size: 1.05rem;
  padding-block: 0.75rem;
  padding-inline: 1rem;
}
.domain-search .form-control:focus {
  box-shadow: none;
}
.domain-search .btn {
  padding-block: 0.75rem;
  padding-inline: 1.5rem;
  border-radius: calc(var(--mz-radius) * 1.5);
  white-space: nowrap;
}
.cta-band {
  position: relative;
  overflow: hidden;
  padding: 3.5rem 2rem;
  border-radius: calc(var(--mz-radius) * 2.5);
  background: linear-gradient(135deg, var(--mz-primary), color-mix(in srgb, var(--mz-primary) 65%, var(--mz-secondary)));
  color: var(--mz-on-primary);
  --bs-heading-color: var(--mz-on-primary);
  text-align: center;
}
.cta-band:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(color-mix(in srgb, var(--mz-on-primary) 18%, transparent) 1px, transparent 1px);
  background-size: 1.25rem 1.25rem;
  -webkit-mask-image: radial-gradient(ellipse at center, black, transparent 75%);
  mask-image: radial-gradient(ellipse at center, black, transparent 75%);
  pointer-events: none;
}
.cta-band > * {
  position: relative;
}
.cta-band .cta-title {
  font-weight: 800;
  letter-spacing: -0.02em;
}
.plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1.25rem;
  justify-content: center;
}
.plan-card {
  position: relative;
  text-align: start;
}
.plan-card .plan-badge {
  position: absolute;
  inset-block-start: -0.8rem;
  inset-inline: 0;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.plan-card .plan-badge .badge {
  font-weight: 600;
}
.plan-card {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}
.plan-card:hover {
  transform: translateY(-0.25rem);
  box-shadow: var(--mz-shadow);
}
.plan-row.plan-popular {
  border-color: color-mix(in srgb, var(--mz-success) 50%, var(--mz-border-color));
  box-shadow: var(--mz-shadow);
}
@property --spot-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 88%;
}
@property --spot-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
.plan-card.plan-popular {
  background-color: var(--mz-chrome-bg);
  border-color: var(--mz-chrome-border);
  box-shadow: var(--mz-shadow-lg);
  color: var(--mz-chrome-color);
  --bs-heading-color: color-mix(in srgb, var(--mz-secondary) 55%, white);
  --bs-secondary-color: var(--mz-chrome-muted);
  --spot-x: 88%;
  --spot-y: 0%;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    --spot-x 0.5s ease,
    --spot-y 0.5s ease;
}
[dir="rtl"] .plan-card.plan-popular {
  --spot-x: 12%;
}
.plan-card.plan-popular:hover {
  box-shadow: var(--mz-shadow-lg);
}
.plan-card.plan-popular:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image:
    radial-gradient(20rem 14rem at 100% 0%, color-mix(in srgb, var(--mz-secondary) 26%, transparent), transparent 70%),
    radial-gradient(18rem 14rem at 0% 100%, color-mix(in srgb, var(--mz-primary) 34%, transparent), transparent 65%);
  pointer-events: none;
}
[dir="rtl"] .plan-card.plan-popular:before {
  background-image:
    radial-gradient(20rem 14rem at 0% 0%, color-mix(in srgb, var(--mz-secondary) 26%, transparent), transparent 70%),
    radial-gradient(18rem 14rem at 100% 100%, color-mix(in srgb, var(--mz-primary) 34%, transparent), transparent 65%);
}
.plan-card.plan-popular .card-body {
  position: relative;
}
.plan-card.plan-popular:after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background-image: radial-gradient(9rem 9rem at var(--spot-x) var(--spot-y), var(--mz-secondary), transparent 70%);
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-clip: content-box, border-box;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.plan-card.plan-popular:hover:after {
  opacity: 1;
}
.plan-card.plan-popular .plan-badge {
  z-index: 1;
}
.plan-card .plan-price .price-now {
  font-size: 2.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--mz-heading-color);
}
#sd-upgrade .plan-card .price-now {
  font-size: 1.75rem;
  line-height: 1.5;
}
.plan-card .plan-features strong {
  font-weight: 600;
  color: var(--bs-heading-color);
}
.plan-card .plan-price.price-band {
  background-color: var(--mz-body-bg);
  margin-inline: -1.5rem;
  padding-block: 0.75rem;
  padding-inline: 1.5rem;
}
.plan-card.plan-popular .plan-price.price-band {
  background-color: color-mix(in srgb, var(--mz-chrome-bg-deep) 65%, transparent);
}
.plan-card.plan-popular .plan-price .price-now {
  color: var(--mz-chrome-color);
}
.plan-card.plan-popular .billing-compare {
  --bs-btn-color: var(--mz-chrome-muted);
  --bs-btn-hover-color: var(--mz-chrome-color);
}
.plan-card.plan-popular .plan-billing-table {
  --bs-table-color: var(--mz-chrome-color);
  --bs-table-border-color: var(--mz-chrome-border);
  color: var(--mz-chrome-color);
}
.plan-card.plan-popular .plan-billing-table tr.cycle-current > td {
  background-color: var(--mz-chrome-border);
}
.plan-card.plan-popular .plan-features strong {
  color: var(--mz-chrome-color);
}
.table.plan-billing-table {
  --bs-table-bg: transparent;
}
.plan-price .table-responsive,
.plan-row-billing .table-responsive {
  border-radius: var(--mz-radius);
  overflow: hidden;
}
.billing-compare .bi-chevron-down {
  display: inline-block;
  transition: transform 0.2s ease;
}
.billing-compare:not(.collapsed) .bi-chevron-down {
  transform: rotate(180deg);
}
.plan-billing-table tr.cycle-current > td {
  background-color: rgba(var(--mz-primary-rgb), 0.06);
  font-weight: 600;
}
.plan-rows {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.plan-row .plan-row-main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  align-items: center;
  padding: 1rem 1.25rem;
}
.plan-row .plan-row-id {
  grid-column: 1 / -1;
}
.plan-row .plan-row-actions {
  justify-self: end;
}
@media (min-width: 992px) {
  .plan-row .plan-row-main {
    grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)) auto auto;
  }
  .plan-row .plan-row-id {
    grid-column: auto;
  }
}
.plan-row .price-now {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--mz-heading-color);
}
.plan-row .plan-row-details {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding: 1rem 1.25rem;
  border-block-start: 1px solid var(--mz-border-color);
  background-color: var(--mz-body-bg);
  border-end-start-radius: var(--bs-card-inner-border-radius);
  border-end-end-radius: var(--bs-card-inner-border-radius);
}
.plan-row .plan-row-chips {
  flex: 1 1 18rem;
}
.plan-row .plan-row-billing {
  flex: 0 1 24rem;
  min-inline-size: 18rem;
}
.plan-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.75rem;
  border: 1px solid var(--mz-border-color);
  border-radius: 2rem;
  background-color: var(--mz-surface-bg);
  font-size: 0.75rem;
  font-weight: 600;
}
.plan-chip .bi {
  color: var(--mz-success);
}
.plan-row.plan-soldout .plan-row-spec,
.plan-row.plan-soldout .plan-row-price {
  opacity: 0.55;
}
.billing-toggle {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem;
  border: 1px solid var(--mz-border-color);
  border-radius: 2rem;
  background-color: var(--mz-surface-bg);
}
.billing-toggle .billing-option {
  border: 0;
  background: transparent;
  border-radius: 2rem;
  padding-block: 0.4rem;
  padding-inline: 0.95rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--mz-muted-color);
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}
.billing-toggle .billing-option:hover {
  color: var(--mz-heading-color);
}
.billing-toggle .billing-option.active {
  background-color: var(--mz-primary);
  color: var(--mz-on-primary);
}
.plan-card .plan-features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.plan-card .plan-features .bi {
  color: var(--bs-success);
  margin-inline-end: 0.5rem;
}
.page-faq {
  max-inline-size: 46rem;
  margin-inline: auto;
}
.form-label {
  font-weight: 600;
}
input[type="password"].form-control {
  font-family:
    system-ui,
    -apple-system,
    Segoe UI,
    sans-serif;
  letter-spacing: 0.125em;
}
input[type="password"].form-control::placeholder {
  font-family: var(--mz-font-family);
  letter-spacing: normal;
}
.checkout-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.checkout-step {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--mz-muted-color);
  font-size: 0.85rem;
  font-weight: 600;
}
.checkout-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  border-radius: 50%;
  border: 1px solid var(--mz-border-color);
  background-color: var(--mz-surface-bg);
  font-variant-numeric: tabular-nums;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
.checkout-step.is-active {
  color: var(--mz-heading-color);
}
.checkout-step.is-active .checkout-step-num {
  background-color: var(--mz-primary);
  border-color: var(--mz-primary);
  color: var(--mz-on-primary);
}
.checkout-step.is-done {
  color: var(--mz-primary-text);
}
.checkout-step.is-done .checkout-step-num {
  background-color: var(--mz-primary-subtle);
  border-color: transparent;
  color: var(--mz-primary-text);
}
.checkout-step-sep {
  inline-size: 1.5rem;
  block-size: 1px;
  background-color: var(--mz-border-color);
}
@media (max-width: 575.98px) {
  .checkout-step-sep {
    inline-size: 0.75rem;
  }
}
.option-card {
  position: relative;
  display: block;
  block-size: 100%;
  margin-block-end: 0;
  padding: 1rem 1.125rem;
  cursor: pointer;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: var(--mz-radius);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}
.option-card:hover {
  border-color: var(--mz-primary-text);
}
.option-card .form-check-input {
  margin-block-start: 0;
  flex-shrink: 0;
}
.option-card .form-check.form-switch {
  display: flex;
  align-items: center;
  margin: 0;
  padding-inline-start: 0;
  min-block-size: 0;
}
.option-card .form-check.form-switch .form-check-input {
  float: none;
  margin-inline-start: 0;
}
.option-card-radio .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.option-card:has(.form-check-input:checked),
.option-card.option-card-active {
  background-color: var(--mz-primary-subtle);
  box-shadow: 0 0 0 0.7px var(--mz-primary);
}
.option-card:has(.form-check-input:checked) .price-chip,
.option-card.option-card-active .price-chip {
  background-color: var(--mz-surface-bg);
}
.option-card:has(.form-check-input:focus-visible) {
  box-shadow: var(--mz-focus-ring);
}
.option-card:has(.form-check-input:disabled) {
  opacity: 0.55;
  cursor: default;
}
.option-card:has(.form-check-input:disabled):hover {
  border-color: var(--mz-border-color);
}
.option-card-sm {
  padding: 0.625rem 0.75rem;
}
.option-versions {
  margin-block-start: 0.75rem;
  padding: 0.75rem;
  border: 1px dashed var(--mz-border-color);
  border-radius: var(--mz-radius);
}
.option-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  gap: 0.5rem;
}
.option-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 2rem;
  block-size: 2rem;
  border-radius: calc(var(--mz-radius) * 0.75);
  background-color: var(--mz-body-bg);
  color: var(--mz-primary-text);
  font-size: 1rem;
}
.option-media img {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  object-fit: contain;
}
.label-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  border-radius: calc(var(--mz-radius) * 0.6);
  background-color: var(--mz-body-bg);
  color: var(--mz-primary-text);
  font-size: 1.04rem;
}
.label-media img {
  inline-size: 1.3rem;
  block-size: 1.3rem;
  object-fit: contain;
}
.price-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.625rem;
  border-radius: 10rem;
  background-color: var(--mz-primary-subtle);
  color: var(--mz-primary-text);
  font-size: 0.8rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.option-card-toggle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "media body control";
  align-items: center;
  column-gap: 1rem;
}
.option-card-toggle > .option-media {
  grid-area: media;
}
.option-card-toggle > .option-toggle-body {
  grid-area: body;
  min-inline-size: 0;
}
.option-card-toggle > .form-check,
.option-card-toggle > .form-check-input {
  grid-area: control;
}
.option-card-toggle:has(.price-chip) {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "media body price control";
}
.option-card-toggle > .price-chip {
  grid-area: price;
  justify-self: start;
}
@media (max-width: 575.98px) {
  .option-card-toggle:has(.price-chip) {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "media body  control" "media price control";
    row-gap: 0.375rem;
  }
}
.order-summary {
  position: sticky;
  inset-block-start: 5.5rem;
}
.order-summary-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-block-end: 0.625rem;
}
.order-summary-line .summary-label {
  color: var(--mz-body-color);
}
.order-summary-line .summary-sub {
  color: var(--mz-muted-color);
  font-size: 0.8rem;
}
.order-summary-line .summary-value {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.order-summary-total {
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--mz-heading-color);
}
.order-summary-total .summary-value {
  font-variant-numeric: tabular-nums;
}
.summary-addon[hidden] {
  display: none;
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.reveal {
  animation: fade-up 0.6s ease both;
}
.reveal-2 {
  animation-delay: 0.1s;
}
.reveal-3 {
  animation-delay: 0.2s;
}
.reveal-4 {
  animation-delay: 0.3s;
}
.reveal-5 {
  animation-delay: 0.4s;
}
.product-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  block-size: 100%;
  padding: 1.75rem;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: calc(var(--mz-radius) * 1.5);
  text-decoration: none;
  color: var(--mz-body-color);
}
.product-card .product-price {
  margin-block-start: auto;
  font-size: 0.85rem;
  color: var(--mz-muted-color);
}
.product-card .product-price strong {
  font-size: 1.15rem;
  color: var(--mz-heading-color);
}
.card-flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.card-flow > * {
  flex: 1 1 15rem;
  max-inline-size: 22rem;
}
.hover-lift {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}
.hover-lift:hover {
  transform: translateY(-0.25rem);
  box-shadow: var(--mz-shadow);
  border-color: color-mix(in srgb, var(--mz-primary) 35%, var(--mz-border-color));
}
.icon-disc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  flex-shrink: 0;
  border-radius: var(--mz-radius);
  background-color: var(--mz-primary-subtle);
  color: var(--mz-primary-text);
  font-size: 1.25rem;
}
.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 600;
  text-decoration: none;
}
.link-arrow .bi {
  transition: translate 0.2s ease;
}
.link-arrow:hover .bi {
  translate: 0.25rem 0;
}
[dir="rtl"] .link-arrow:hover .bi {
  translate: -0.25rem 0;
}
.stat-card {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  block-size: 100%;
  padding: 1.25rem;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: calc(var(--mz-radius) * 1.5);
  color: var(--mz-body-color);
  text-decoration: none;
}
.stat-card-body {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.stat-card-value {
  max-inline-size: 100%;
  overflow: hidden;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--mz-heading-color);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stat-card-label {
  font-size: 0.8rem;
  color: var(--mz-muted-color);
}
.stat-card-arrow {
  flex-shrink: 0;
  margin-inline-start: auto;
  font-size: 0.8rem;
  color: var(--mz-muted-color);
  transition:
    translate 0.2s ease,
    color 0.2s ease;
}
.stat-card:hover .stat-card-arrow {
  translate: 0.2rem 0;
  color: var(--mz-primary-text);
}
[dir="rtl"] .stat-card:hover .stat-card-arrow {
  translate: -0.2rem 0;
}
@media (max-width: 575.98px) {
  .stat-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1rem;
  }
  .stat-card-arrow {
    display: none;
  }
}
.table {
  --bs-table-bg: var(--mz-surface-bg);
  --bs-table-color: var(--mz-body-color);
  --bs-table-hover-bg: color-mix(in srgb, var(--mz-primary-text) 4%, var(--mz-surface-bg));
  --bs-table-hover-color: var(--mz-body-color);
}
.table > :not(caption) > * > * {
  transition: box-shadow 0.2s ease;
}
.table .col-checkbox {
  inline-size: 2.5rem;
}
.card > .table-responsive:first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.card > .table-responsive:last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.progress-thin {
  block-size: 0.3rem;
}
.badge {
  font-weight: 500;
  border-radius: calc(var(--mz-radius) * 0.75);
}
.badge.bg-primary-subtle {
  color: color-mix(in srgb, var(--bs-primary-text-emphasis) 93%, var(--bs-primary-bg-subtle)) !important;
}
.badge.bg-secondary-subtle {
  background-color: color-mix(in srgb, var(--bs-secondary-bg-subtle) 55%, var(--mz-surface-bg)) !important;
  color: color-mix(in srgb, var(--mz-muted-color) 90%, var(--mz-shade-target)) !important;
}
.badge.bg-info-subtle {
  color: color-mix(in srgb, var(--bs-info-text-emphasis) 90%, var(--bs-info-bg-subtle)) !important;
}
.badge.bg-warning-subtle {
  color: color-mix(in srgb, var(--bs-warning-text-emphasis) 93%, var(--bs-warning-bg-subtle)) !important;
}
.badge.bg-danger-subtle {
  color: color-mix(in srgb, var(--bs-danger-text-emphasis) 79%, var(--bs-danger-bg-subtle)) !important;
}
.badge.bg-success-subtle {
  color: color-mix(in srgb, var(--bs-success-text-emphasis) 70%, var(--mz-shade-target)) !important;
}
[data-bs-theme="dark"] .badge.bg-primary-subtle {
  color: color-mix(in srgb, var(--bs-primary-text-emphasis) 67%, var(--mz-shade-target)) !important;
}
[data-bs-theme="dark"] .badge.bg-secondary-subtle {
  background-color: color-mix(in srgb, var(--bs-secondary-bg-subtle) 55%, var(--mz-surface-bg)) !important;
  color: var(--mz-muted-color) !important;
}
[data-bs-theme="dark"] .badge.bg-success-subtle {
  color: color-mix(in srgb, var(--bs-success-text-emphasis) 87%, var(--mz-shade-target)) !important;
}
[data-bs-theme="dark"] .badge.bg-info-subtle {
  color: color-mix(in srgb, var(--bs-info-text-emphasis) 73%, var(--bs-info-bg-subtle)) !important;
}
[data-bs-theme="dark"] .badge.bg-warning-subtle {
  color: color-mix(in srgb, var(--bs-warning-text-emphasis) 69%, var(--bs-warning-bg-subtle)) !important;
}
[data-bs-theme="dark"] .badge.bg-danger-subtle {
  color: color-mix(in srgb, var(--bs-danger-text-emphasis) 90%, var(--bs-danger-bg-subtle)) !important;
}
.captcha-slot {
  display: flex;
  justify-content: center;
}
.captcha-slot .captcha-mock {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  inline-size: 100%;
  padding: 0.6rem 0.75rem;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: var(--mz-radius);
  box-shadow: var(--mz-shadow-sm);
}
.captcha-mock-checkbox {
  justify-content: space-between;
  max-inline-size: 19rem;
}
.captcha-mock-code {
  max-inline-size: 27rem;
  flex-wrap: wrap;
}
.captcha-mock-code .form-control {
  flex: 1 1 8rem;
  min-inline-size: 0;
}
.captcha-slot .form-control.is-invalid {
  background-image: none;
  padding-inline-end: 0.75rem;
}
.captcha-code {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  font-style: italic;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.3em;
  color: var(--mz-heading-color);
  background-color: var(--mz-body-bg);
  background-image: repeating-linear-gradient(
    -55deg,
    transparent 0 6px,
    color-mix(in srgb, var(--mz-muted-color) 25%, transparent) 6px 7px
  );
  border: 1px solid var(--mz-border-color);
  border-radius: calc(var(--mz-radius) * 0.75);
  user-select: none;
}
.mz-empty-state,
.wcp-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding-block: 3rem;
  padding-inline: 1.5rem;
  text-align: center;
  color: var(--mz-muted-color);
  animation: fade-up 0.45s ease both;
}
main:has(> section > .list-page > .is-page),
main > section:has(> .list-page > .is-page),
section > .list-page:has(> .is-page) {
  display: flex;
  flex-direction: column;
}
main > section:has(> .list-page > .is-page),
section > .list-page:has(> .is-page),
.mz-empty-state.is-page,
.wcp-empty-state.is-page {
  flex: 1 0 auto;
}
main:has(> section > * > .addon-page > .is-page),
main > section:has(> * > .addon-page > .is-page),
section > *:has(> .addon-page > .is-page),
.addon-page:has(> .is-page) {
  display: flex;
  flex-direction: column;
}
main > section:has(> * > .addon-page > .is-page),
section > *:has(> .addon-page > .is-page),
.addon-page:has(> .is-page) {
  flex: 1 0 auto;
}
.mz-empty-state > .bi,
.wcp-empty-state > .bi {
  font-size: 2.5rem;
  opacity: 0.5;
}
.mz-skeleton {
  display: inline-block;
  inline-size: 100%;
  block-size: 1rem;
  border-radius: calc(var(--mz-radius) * 0.5);
  background: linear-gradient(
    90deg,
    var(--mz-border-color) 25%,
    color-mix(in srgb, var(--mz-border-color) 50%, var(--mz-surface-bg)) 50%,
    var(--mz-border-color) 75%
  );
  background-size: 200% 100%;
  animation: mz-skeleton-wave 1.5s ease-in-out infinite;
}
@keyframes mz-skeleton-wave {
  0% {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.mz-toast-container {
  position: fixed;
  inset-block-end: 1.25rem;
  inset-inline-end: 1.25rem;
  z-index: 1090;
}
.mz-toast-container .toast-action {
  flex-shrink: 0;
  align-self: center;
  font-weight: 600;
  font-size: 0.85rem;
  white-space: nowrap;
  padding-inline: 0.5rem;
  color: var(--mz-primary-text);
  text-decoration: none;
}
.mz-toast-container .toast-action:hover {
  text-decoration: underline;
}
.mz-toast {
  --bs-toast-border-color: var(--mz-border-color);
  border-inline-start: 0.3rem solid var(--mz-border-color);
  box-shadow: var(--mz-shadow-lg);
}
.mz-toast-success {
  border-inline-start-color: var(--bs-success);
}
.mz-toast-danger {
  border-inline-start-color: var(--bs-danger);
}
.mz-toast-warning {
  border-inline-start-color: var(--bs-warning);
}
.mz-toast-info {
  border-inline-start-color: var(--bs-info);
}
.mz-password-strength {
  display: flex;
  gap: 0.25rem;
  margin-block-start: 0.5rem;
}
.mz-password-strength .strength-bar {
  block-size: 0.25rem;
  flex: 1;
  border-radius: 1rem;
  background-color: var(--mz-border-color);
  transition: background-color 0.2s ease;
}
.mz-password-strength[data-strength="1"] .strength-bar:nth-child(-n + 1) {
  background-color: var(--bs-danger);
}
.mz-password-strength[data-strength="2"] .strength-bar:nth-child(-n + 2) {
  background-color: var(--bs-warning);
}
.mz-password-strength[data-strength="3"] .strength-bar:nth-child(-n + 3) {
  background-color: var(--bs-info);
}
.mz-password-strength[data-strength="4"] .strength-bar:nth-child(-n + 4) {
  background-color: var(--bs-success);
}
.file-upload-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  text-align: center;
  padding: 1.5rem;
  border: 1px dashed var(--mz-border-color);
  border-radius: var(--mz-radius);
  background-color: var(--mz-body-bg);
  color: var(--mz-muted-color);
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease;
}
.file-upload-drop:hover,
.file-upload-drop.is-dragover {
  border-color: var(--mz-primary);
  background-color: var(--mz-primary-subtle);
}
.file-upload-drop:focus-within {
  border-color: var(--mz-primary);
  box-shadow: var(--mz-focus-ring);
}
.file-upload.is-invalid .file-upload-drop {
  border-color: var(--bs-danger);
}
.file-upload-list {
  list-style: none;
  margin-block: 0.5rem 0;
  margin-inline: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.5rem;
}
.file-upload-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-block-size: 3.25rem;
  padding-block: 0.5rem;
  padding-inline: 0.625rem 0.5rem;
  border: 1px solid var(--mz-border-color);
  border-radius: var(--mz-radius);
  background-color: var(--mz-surface-bg);
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}
.file-upload-item:hover {
  border-color: color-mix(in srgb, var(--mz-primary) 35%, var(--mz-border-color));
  box-shadow: var(--mz-shadow-sm);
}
.file-upload-item.is-error {
  border-color: var(--bs-danger-border-subtle);
  background-color: var(--bs-danger-bg-subtle);
}
.file-upload-item-media {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  border-radius: calc(var(--mz-radius) - 0.15rem);
  overflow: hidden;
  background-color: var(--mz-primary-subtle);
  color: var(--mz-primary-text);
  font-size: 1.05rem;
}
.file-upload-item-media img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.file-upload-item.is-error .file-upload-item-media {
  background-color: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
}
.file-upload-item-body {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
}
.file-upload-item-name {
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file-upload-item-meta {
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--mz-muted-color);
}
.file-upload-item.is-error .file-upload-item-meta {
  color: var(--bs-danger-text-emphasis);
}
.file-upload-item-remove {
  --bs-btn-color: var(--mz-muted-color);
  --bs-btn-hover-color: var(--bs-danger);
  --bs-btn-active-color: var(--bs-danger);
  --bs-btn-hover-bg: var(--bs-danger-bg-subtle);
  --bs-btn-active-bg: var(--bs-danger-bg-subtle);
  flex-shrink: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .file-upload-item {
    animation: file-upload-item-in 0.2s ease both;
  }
}
@keyframes file-upload-item-in {
  0% {
    opacity: 0;
    transform: translateY(0.25rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.file-upload-compact .file-upload-drop {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  text-align: start;
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
}
.file-upload-compact .file-upload-drop .icon-disc {
  inline-size: 1.75rem;
  block-size: 1.75rem;
  font-size: 0.95rem;
}
.file-upload-compact .file-upload-drop > .fs-8 {
  display: none;
}
.wui-collapse {
  --wui-collapse-duration: 0.42s;
  --wui-collapse-ease: cubic-bezier(0.22, 1, 0.36, 1);
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--wui-collapse-duration) var(--wui-collapse-ease);
}
.wui-collapse.wui-show {
  grid-template-rows: 1fr;
}
.wui-collapse > .wui-collapse-inner {
  min-block-size: 0;
  min-inline-size: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-0.375rem);
  visibility: hidden;
  transition:
    opacity calc(var(--wui-collapse-duration) - 0.06s) ease,
    transform var(--wui-collapse-duration) var(--wui-collapse-ease),
    visibility 0s linear var(--wui-collapse-duration);
}
.wui-collapse.wui-show > .wui-collapse-inner {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition:
    opacity calc(var(--wui-collapse-duration) - 0.06s) ease 0.04s,
    transform var(--wui-collapse-duration) var(--wui-collapse-ease),
    visibility 0s;
}
.wui-collapse.wui-shown > .wui-collapse-inner {
  overflow: visible;
}
.wui-collapse-horizontal {
  grid-template-rows: 1fr;
  grid-template-columns: 0fr;
  transition: grid-template-columns var(--wui-collapse-duration) var(--wui-collapse-ease);
}
.wui-collapse-horizontal.wui-show {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.wui-collapse-horizontal > .wui-collapse-inner {
  min-inline-size: 0;
  transform: translate(-0.375rem);
}
[dir="rtl"] .wui-collapse-horizontal > .wui-collapse-inner {
  transform: translate(0.375rem);
}
.wui-collapse-horizontal.wui-show > .wui-collapse-inner {
  transform: none;
}
.wui-collapse-caret {
  display: inline-block;
  transition: transform 0.2s ease;
}
[data-wui-toggle][aria-expanded="true"] .wui-collapse-caret {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
  .wui-collapse,
  .wui-collapse > .wui-collapse-inner,
  .wui-collapse.wui-show > .wui-collapse-inner {
    transition: none;
  }
  .wui-collapse > .wui-collapse-inner {
    transform: none;
    transition: visibility 0s;
  }
  .wui-collapse-caret {
    transition: none;
  }
}
@media print {
  .cookie-notice {
    display: none !important;
  }
  .wui-collapse {
    grid-template-rows: auto !important;
    transition: none !important;
  }
  .wui-collapse-horizontal {
    grid-template-columns: auto !important;
  }
  .wui-collapse > .wui-collapse-inner {
    overflow: visible !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    transition: none !important;
  }
  .wui-collapse-caret {
    display: none !important;
  }
}
.wui-collapse.wui-show > .wui-collapse-inner.wui-collapse-overflow-visible {
  overflow: visible;
}
.ts-wrapper.plugin-dropdown_input .ts-dropdown .dropdown-input {
  border-color: var(--mz-border-color);
}
.ts-wrapper.plugin-dropdown_input.focus .ts-dropdown .dropdown-input,
.ts-wrapper.focus .ts-control,
.ts-wrapper.plugin-dropdown_input.focus .ts-control,
.ts-wrapper.plugin-dropdown_input.focus.dropdown-active .ts-control {
  border-color: var(--mz-border-color);
  box-shadow: none;
}
.ts-wrapper .ts-control,
.ts-wrapper .ts-control > input {
  outline: 0;
}
.ts-wrapper .ts-control > input:focus {
  outline: 0;
  box-shadow: none;
}
.ts-wrapper .ts-dropdown .dropdown-input-wrap .dropdown-input:focus {
  outline: 0;
  border-color: var(--mz-border-color);
  box-shadow: none;
}
.ts-dropdown-content {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--mz-muted-color) 45%, transparent) transparent;
}
.iti {
  width: 100%;
  --iti-border-color: var(--mz-border-color);
  --iti-dropdown-bg: var(--mz-surface-bg);
  --iti-hover-color: var(--bs-tertiary-bg);
  --iti-dialcode-color: var(--mz-muted-color);
  --iti-arrow-color: var(--mz-muted-color);
  --iti-search-icon-color: var(--mz-muted-color);
}
.iti__selected-country-primary {
  border-start-start-radius: calc(var(--mz-radius) - 1px);
  border-end-start-radius: calc(var(--mz-radius) - 1px);
}
.iti__dropdown-content {
  border: 1px solid var(--mz-border-color);
  border-radius: var(--mz-radius);
  box-shadow: var(--mz-shadow);
  overflow: hidden;
  margin-block-start: 0.25rem;
  font-size: 0.9rem;
}
.iti__search-input-wrapper {
  padding: 0.3rem 0.65rem;
}
.iti__search-input {
  border: 0;
  background-color: transparent;
  color: var(--mz-body-color);
  font-size: 0.9rem;
  padding-block: 0.25rem;
  padding-inline: 1.5rem 0.5rem;
}
.iti__search-icon {
  left: 13px;
}
.iti__search-input:focus {
  outline: none;
  box-shadow: none;
}
.iti__search-icon-svg {
  display: none;
}
.iti__search-icon:before {
  font-family: bootstrap-icons;
  content: "";
  font-size: 0.875rem;
  line-height: 1;
  color: var(--mz-muted-color);
}
.iti__country-list {
  padding-block: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--mz-muted-color) 45%, transparent) transparent;
}
.iti__country {
  padding: 0.25rem 0.75rem;
}
.ts-wrapper .ts-dropdown {
  background-color: var(--mz-surface-bg);
  font-size: 0.9rem;
}
.ts-dropdown .dropdown-input-wrap {
  position: relative;
  margin-block-start: 0.3125rem;
}
.ts-dropdown .dropdown-input-wrap .ts-search-icon {
  position: absolute;
  inset-inline-start: 0.85rem;
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--mz-muted-color);
  font-size: 0.875rem;
  pointer-events: none;
}
.ts-dropdown .dropdown-input-wrap .dropdown-input {
  padding-inline-start: 2.1rem;
  border: 0;
}
.ts-flag-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ts-flag-row .iti__flag {
  margin: 0;
  flex-shrink: 0;
}
.ts-icon-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
}
.ts-icon-row > i,
.ts-icon-row > .ts-icon-img {
  inline-size: 1rem;
  block-size: 1rem;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  font-size: 0.9rem;
  line-height: 1;
}
.ts-icon-row > .ts-icon-img {
  object-fit: contain;
  border-radius: 0.15rem;
}
.ts-icon-row > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ts-rich-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  width: 100%;
}
.ts-rich-info {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.ts-rich-title {
  font-weight: 600;
  line-height: 1.25;
}
.ts-rich-meta {
  font-size: 0.8125rem;
  color: var(--mz-muted-color);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ts-rich-badge {
  flex-shrink: 0;
  align-self: center;
}
.ts-rich-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.ts-rich-item .ts-rich-title {
  font-weight: 500;
}
.ts-rich-meta-inline {
  font-size: 0.8125rem;
  color: var(--mz-muted-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ts-wrapper .ts-rich-dropdown .option {
  padding: 0.6rem 0.95rem;
  border-bottom: 1px solid color-mix(in srgb, var(--mz-border-color) 55%, transparent);
}
.ts-wrapper .ts-rich-dropdown .option:last-child {
  border-bottom: 0;
}
.ts-rich-dropdown .ts-rich-group {
  padding: 0.6rem 0.95rem 0.4rem;
  line-height: 1.2;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--mz-muted-color);
}
.ts-rich-dropdown .optgroup + .optgroup .ts-rich-group {
  border-top: 1px solid var(--mz-border-color);
  margin-top: 0.15rem;
}
.list-pagehead {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-block-end: 1.5rem;
}
.list-order {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.list-attention {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-block-end: 1.25rem;
}
.list-alert {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.7rem 1rem;
  border-radius: var(--mz-radius);
  border: 1px solid transparent;
  font-size: 0.875rem;
}
.list-alert-ico {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.list-alert-body {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.list-alert-body strong {
  font-weight: 700;
}
.list-alert-body a,
.dash-alert-body a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
  text-underline-offset: 0.15em;
  transition: text-decoration-color 0.2s ease;
}
.list-alert-body a:hover,
.dash-alert-body a:hover {
  color: inherit;
  text-decoration-color: currentColor;
}
.list-alert-danger {
  color: var(--bs-danger-text-emphasis);
  background: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
}
.list-alert-warning {
  color: var(--bs-warning-text-emphasis);
  background: var(--bs-warning-bg-subtle);
  border-color: var(--bs-warning-border-subtle);
}
.list-alert-danger .btn-outline-danger {
  --bs-btn-color: var(--bs-danger-text-emphasis);
  --bs-btn-border-color: color-mix(in srgb, var(--bs-danger-text-emphasis) 40%, transparent);
  --bs-btn-hover-bg: var(--bs-danger-text-emphasis);
  --bs-btn-hover-border-color: var(--bs-danger-text-emphasis);
  --bs-btn-hover-color: var(--bs-danger-bg-subtle);
  --bs-btn-active-bg: var(--bs-danger-text-emphasis);
  --bs-btn-active-border-color: var(--bs-danger-text-emphasis);
  --bs-btn-active-color: var(--bs-danger-bg-subtle);
}
.list-alert-warning .btn-outline-warning {
  --bs-btn-color: var(--bs-warning-text-emphasis);
  --bs-btn-border-color: color-mix(in srgb, var(--bs-warning-text-emphasis) 40%, transparent);
  --bs-btn-hover-bg: var(--bs-warning-text-emphasis);
  --bs-btn-hover-border-color: var(--bs-warning-text-emphasis);
  --bs-btn-hover-color: var(--bs-warning-bg-subtle);
  --bs-btn-active-bg: var(--bs-warning-text-emphasis);
  --bs-btn-active-border-color: var(--bs-warning-text-emphasis);
  --bs-btn-active-color: var(--bs-warning-bg-subtle);
}
.mz-alert-close {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  margin-inline-end: -0.25rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: transparent;
  color: inherit;
  opacity: 0.55;
  cursor: pointer;
  transition:
    opacity 0.2s ease,
    background-color 0.2s ease;
}
.mz-alert-close:hover,
.mz-alert-close:focus-visible {
  opacity: 1;
  background-color: color-mix(in srgb, currentColor 14%, transparent);
}
.mz-alert-close .bi {
  font-size: 1rem;
}
.announcements {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-block-end: 1.25rem;
}
.announcement {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.4rem 0.85rem;
  padding: 0.85rem 1rem;
  border-radius: var(--mz-radius);
  border: 1px solid transparent;
}
.announcement-ico {
  font-size: 1.2rem;
  line-height: 1.45;
  flex-shrink: 0;
}
.announcement-body {
  flex: 1 1 16rem;
  min-inline-size: 0;
}
.announcement-title {
  display: block;
  font-weight: 700;
}
.announcement-text {
  margin: 0;
  font-size: 0.875rem;
}
.announcement-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem 0.5rem;
  margin-inline-start: auto;
  align-self: center;
  flex-shrink: 0;
}
.announcement-more.btn {
  color: inherit;
  border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
  background-color: transparent;
  white-space: nowrap;
}
.announcement-more.btn:hover,
.announcement-more.btn:focus-visible {
  color: inherit;
  border-color: currentColor;
  background-color: color-mix(in srgb, currentColor 12%, transparent);
}
.announcement-info {
  color: var(--bs-info-text-emphasis);
  background-color: var(--bs-info-bg-subtle);
  border-color: var(--bs-info-border-subtle);
}
.announcement-warning {
  color: var(--bs-warning-text-emphasis);
  background-color: var(--bs-warning-bg-subtle);
  border-color: var(--bs-warning-border-subtle);
}
.announcement-success {
  color: var(--bs-success-text-emphasis);
  background-color: var(--bs-success-bg-subtle);
  border-color: var(--bs-success-border-subtle);
}
.announcement-danger {
  color: var(--bs-danger-text-emphasis);
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
}
.announcement-primary {
  color: var(--mz-primary-text);
  background-color: var(--mz-primary-subtle);
  border-color: color-mix(in srgb, var(--mz-primary) 25%, transparent);
}
.list-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-block-end: 0.85rem;
  padding: 0.8rem 1rem;
  background-color: var(--mz-surface-bg);
  border-radius: calc(var(--mz-radius) * 1.25);
}
.list-search {
  flex: 1 1 16rem;
  max-inline-size: 22rem;
}
.list-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-inline-start: auto;
}
.list-control-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--mz-body-color);
  margin-inline-end: 0.1rem;
}
.list-controls .form-select {
  min-inline-size: 9rem;
}
.list-count {
  font-size: 0.8rem;
  color: var(--mz-muted-color);
  margin: 0;
}
.list-foot-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}
.list-perpage {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.list-perpage .form-select {
  font-size: 0.8rem;
}
.list-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin-block-start: 1.25rem;
}
.list-pagination .pagination {
  margin: 0;
}
@media (max-width: 575.98px) {
  .list-pagehead {
    margin-block-end: 1rem;
  }
  .list-foot {
    justify-content: center;
  }
}
.list-page .list-tile:before {
  content: none;
}
.list-page .list-tile {
  box-shadow: inset 3px 0 0 0 var(--list-accent, var(--mz-primary));
}
.list-page .list-tile.is-active {
  box-shadow:
    inset 3px 0 0 0 var(--list-accent, var(--mz-primary)),
    inset 0 0 0 1px var(--list-accent, var(--mz-primary));
}
[dir="rtl"] .list-page .list-tile {
  box-shadow: inset -3px 0 0 0 var(--list-accent, var(--mz-primary));
}
[dir="rtl"] .list-page .list-tile.is-active {
  box-shadow:
    inset -3px 0 0 0 var(--list-accent, var(--mz-primary)),
    inset 0 0 0 1px var(--list-accent, var(--mz-primary));
}
.list-rows {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.list-toolbar,
.list-rows {
  scroll-margin-block-start: 5rem;
}
.list-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem 1rem;
  padding: 0.9rem 1.1rem;
  background-color: var(--mz-surface-bg);
  border-radius: calc(var(--mz-radius) * 1.25);
  box-shadow: var(--mz-shadow-sm);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
.list-item:hover {
  transform: translateY(-1px);
  box-shadow: var(--mz-shadow);
  border-color: color-mix(in srgb, var(--mz-primary) 28%, var(--mz-border-color));
}
.list-item.is-hidden {
  display: none;
}
.list-item[data-status="closed"],
.list-item[data-status="cancelled"] {
  opacity: 0.7;
}
.list-item[data-status="closed"]:hover,
.list-item[data-status="cancelled"]:hover {
  opacity: 1;
}
.list-item.is-info {
  background-color: color-mix(in srgb, var(--bs-info) 7%, var(--mz-surface-bg));
}
.list-item.is-danger {
  background-color: color-mix(in srgb, var(--bs-danger) 7%, var(--mz-surface-bg));
}
.list-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  flex-shrink: 0;
  border-radius: var(--mz-radius);
  font-size: 1rem;
  background-color: color-mix(in srgb, var(--list-accent, var(--mz-primary)) 10%, var(--mz-surface-bg));
}
.list-ico img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.list-ico.has-logo {
  background-color: var(--bs-white);
  box-shadow: inset 0 0 0 1px var(--mz-border-color);
  padding: 0.35rem;
}
.list-ico.has-logo img {
  object-fit: contain;
  border-radius: 0;
}
.list-item.is-info .list-ico {
  --list-accent: var(--bs-info);
}
.list-item.is-danger .list-ico {
  --list-accent: var(--bs-danger);
}
.list-item:not([data-status="active"]) .list-ico.has-logo {
  opacity: 0.5;
  filter: grayscale(1);
  transition:
    opacity 0.2s ease,
    filter 0.2s ease;
}
.list-item:not([data-status="active"]):hover .list-ico.has-logo {
  opacity: 1;
  filter: grayscale(0);
}
.list-main {
  flex: 1 1 15rem;
  min-inline-size: 0;
}
.list-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
}
.list-name {
  font-weight: 600;
  color: var(--mz-heading-color);
  text-decoration: none;
}
.list-name:hover {
  color: var(--mz-primary-text);
}
.list-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-block-start: 0.3rem;
}
.list-ident {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--mz-muted-color);
  overflow-wrap: anywhere;
}
.list-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background-color: color-mix(in srgb, var(--mz-muted-color) 12%, transparent);
  color: var(--mz-body-color);
}
.list-chip-btn {
  border: 1px solid transparent;
  font-family: inherit;
  cursor: pointer;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease;
}
.list-chip-btn:hover {
  border-color: color-mix(in srgb, var(--mz-muted-color) 35%, transparent);
}
.list-chip-btn.is-on {
  background-color: var(--bs-success-bg-subtle);
  color: var(--bs-success-text-emphasis);
}
.list-chip-btn.is-on:hover {
  border-color: color-mix(in srgb, var(--bs-success-text-emphasis) 35%, transparent);
}
.list-chip-btn:disabled {
  cursor: default;
  opacity: 0.65;
}
.list-chip-btn:disabled:hover {
  border-color: transparent;
}
.list-orderid {
  font-size: 0.72rem;
  color: var(--mz-muted-color);
  font-weight: 500;
}
.list-side {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10.5rem 11rem;
  align-items: center;
  column-gap: 1rem;
  border-block-start: 1px dashed var(--mz-border-color);
  margin-block-start: 0.15rem;
  padding-block-start: 0.75rem;
}
.list-due {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  text-align: start;
}
.list-due-date {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--mz-heading-color);
}
.list-due-rem {
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--mz-muted-color);
}
.list-due-rem.is-soon {
  color: var(--bs-warning-text-emphasis);
}
.list-due-rem.is-critical {
  color: var(--bs-danger-text-emphasis);
}
.list-due-lifetime,
.list-due-none {
  display: inline-flex;
  align-items: center;
  font-size: 0.78rem;
  color: var(--mz-muted-color);
}
.list-due-pending {
  display: inline-flex;
  align-items: center;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--bs-info-text-emphasis);
}
.list-meter {
  inline-size: 100%;
  max-inline-size: 7rem;
  block-size: 0.3rem;
  margin-block-start: 0.1rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--mz-primary) 14%, var(--mz-surface-bg));
  overflow: hidden;
}
.list-meter > span {
  display: block;
  inline-size: 0;
  block-size: 100%;
  border-radius: inherit;
  background: var(--mz-primary);
  transition: inline-size 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.list-due:has(.list-due-rem.is-soon) .list-meter {
  background: color-mix(in srgb, var(--bs-warning) 16%, var(--mz-surface-bg));
}
.list-due:has(.list-due-rem.is-soon) .list-meter > span {
  background: var(--bs-warning);
}
.list-due:has(.list-due-rem.is-critical) .list-meter {
  background: color-mix(in srgb, var(--bs-danger) 16%, var(--mz-surface-bg));
}
.list-due:has(.list-due-rem.is-critical) .list-meter > span {
  background: var(--bs-danger);
}
.list-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.1rem;
  text-align: end;
}
.list-amount {
  font-weight: 600;
  color: var(--mz-heading-color);
}
.list-cycle {
  font-size: 0.72rem;
  color: var(--mz-muted-color);
  font-weight: 500;
}
.list-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  flex-shrink: 0;
  grid-column: 3;
}
.list-side:not(:has(.list-price)) .list-due {
  grid-column: 1 / 3;
}
.list-due,
.list-price,
.list-actions,
.list-manage {
  min-inline-size: 0;
}
.list-actions .btn-soft {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: color-mix(in srgb, var(--mz-body-color) 16%, transparent);
  --bs-btn-hover-bg: color-mix(in srgb, var(--mz-body-color) 8%, transparent);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--mz-body-color) 28%, transparent);
  --bs-btn-active-bg: color-mix(in srgb, var(--mz-body-color) 12%, transparent);
  --bs-btn-active-border-color: color-mix(in srgb, var(--mz-body-color) 30%, transparent);
}
.list-actions .dropdown-item .bi {
  margin-inline-end: 0.5rem;
}
.list-item:has(.dropdown-menu.show) {
  z-index: 4;
}
.list-actions .dropdown-menu {
  --bs-dropdown-min-width: 12rem;
  border-radius: calc(var(--mz-radius) * 1.15);
  box-shadow: var(--mz-shadow-lg);
  padding: 0.35rem;
}
.list-actions .dropdown-item {
  display: flex;
  align-items: center;
  padding-block: 0.5rem;
  border-radius: calc(var(--mz-radius) * 0.85);
  font-size: 0.875rem;
}
.list-actions .dropdown-item.text-danger:hover,
.list-actions .dropdown-item.text-danger:focus {
  background-color: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
}
.list-empty {
  border: 1px dashed var(--mz-border-color);
  border-radius: calc(var(--mz-radius) * 1.25);
}
@media (prefers-reduced-motion: no-preference) {
  .list-item.list-animate {
    animation: list-fade 0.32s ease both;
  }
}
@keyframes list-fade {
  0% {
    opacity: 0;
    transform: translateY(0.4rem);
  }
  to {
    transform: none;
  }
}
@media (min-width: 992px) {
  .list-item {
    flex-wrap: nowrap;
    gap: 1.25rem;
    padding: 1rem 1.25rem;
  }
  .list-side {
    flex: 0 0 auto;
    grid-template-columns: 11rem 10.5rem 11rem;
    column-gap: 1.25rem;
    border-block-start: 0;
    margin-block-start: 0;
    padding-block-start: 0;
  }
  .list-manage {
    flex: 1 1 auto;
  }
}
@media (max-width: 767.98px) {
  .list-controls {
    inline-size: 100%;
    margin-inline-start: 0;
  }
  .list-controls .form-select {
    flex: 1 1 7rem;
    inline-size: auto;
    min-inline-size: 0;
  }
}
@media (max-width: 575.98px) {
  .list-order {
    inline-size: 100%;
    justify-content: center;
  }
  .list-control-label {
    display: none;
  }
  .list-search {
    flex: 1 1 100%;
    max-inline-size: none;
  }
  .list-alert-ico {
    display: none;
  }
  .list-alert .btn {
    flex: 1 1 100%;
  }
  .list-side {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1rem;
  }
  .list-due {
    flex: 1 1 auto;
  }
  .list-price {
    flex: 0 0 auto;
    margin-inline-start: auto;
    align-items: flex-end;
    text-align: end;
  }
  .list-actions {
    flex: 1 1 100%;
  }
  .list-actions .list-manage {
    flex: 1 1 auto;
    justify-content: center;
  }
}
.list-skeleton {
  display: none;
  flex-direction: column;
  gap: 0.75rem;
}
.list-page.is-loading .list-skeleton {
  display: flex;
}
.list-page.is-loading .list-rows > .list-item,
.list-page.is-loading .list-empty,
.list-page.is-loading .list-foot {
  display: none;
}
.list-skel-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem 1rem;
  padding: 0.9rem 1.1rem;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: calc(var(--mz-radius) * 1.25);
  box-shadow: var(--mz-shadow-sm);
}
.list-skel-ico {
  inline-size: 2.75rem;
  block-size: 2.75rem;
  flex-shrink: 0;
  border-radius: var(--mz-radius);
}
.list-skel-main {
  flex: 1 1 15rem;
  min-inline-size: 0;
}
.list-skel-line {
  display: block;
  block-size: 0.85rem;
}
.list-skel-line.is-title {
  inline-size: 45%;
  max-inline-size: 12rem;
}
.list-skel-line.is-meta {
  inline-size: 65%;
  max-inline-size: 16rem;
  block-size: 0.7rem;
  margin-block-start: 0.55rem;
}
.list-skel-side {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10.5rem 11rem;
  align-items: center;
  column-gap: 1rem;
  border-block-start: 1px dashed var(--mz-border-color);
  margin-block-start: 0.15rem;
  padding-block-start: 0.75rem;
}
.list-skel-side .list-skel-line {
  inline-size: 5rem;
}
.list-skel-side .list-skel-line.is-price {
  inline-size: 4rem;
  justify-self: end;
}
.list-skel-btn {
  inline-size: 6.75rem;
  block-size: 2.1rem;
  flex-shrink: 0;
  justify-self: end;
  border-radius: var(--mz-radius);
}
@media (min-width: 992px) {
  .list-skel-row {
    flex-wrap: nowrap;
    gap: 1.25rem;
    padding: 1rem 1.25rem;
  }
  .list-skel-side {
    flex: 0 0 auto;
    grid-template-columns: 11rem 10.5rem 11rem;
    column-gap: 1.25rem;
    border-block-start: 0;
    margin-block-start: 0;
    padding-block-start: 0;
  }
}
@media (max-width: 575.98px) {
  .list-skel-side {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1rem;
  }
  .list-skel-btn {
    flex: 1 1 100%;
  }
}
.nav-dropdown .dropdown-item,
.account-menu .dropdown-item,
.account-menu-head,
.account-menu-balance,
.drawer-link,
.locale-menu .dropdown-item,
.nav-dropdown .item-title {
  min-inline-size: 0;
}
.nav-dropdown .item-title .badge {
  white-space: nowrap;
}
.account-menu-email,
.drawer-sublink {
  overflow-wrap: anywhere;
}
.order-summary-line .summary-label {
  min-inline-size: 0;
  flex: 1 1 auto;
}
.list-head {
  min-inline-size: 0;
}
.list-name,
.list-tile-label {
  overflow-wrap: anywhere;
}
.list-alert-body {
  min-inline-size: 0;
}
.list-alert-body a,
.option-toggle-body .fw-semibold,
.option-toggle-body .fs-8 {
  overflow-wrap: anywhere;
}
.option-card-toggle .price-chip {
  max-inline-size: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-title {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.checkout-step {
  min-inline-size: 0;
}
.dash-modal .modal-content {
  border: 0;
  border-radius: calc(var(--mz-radius) * 1.8);
  box-shadow: var(--mz-shadow-lg);
}
.dash-modal .modal-body h2 {
  letter-spacing: -0.01em;
}
.dash-modal .modal-body > p {
  max-inline-size: 24rem;
  margin-inline: auto;
}
.dash-modal .modal-footer {
  padding: 0 3rem 2rem;
  background-color: transparent;
  border-block-start: 0;
  gap: 0.625rem;
}
.dash-modal .modal-footer > .btn {
  flex: 1 1 0;
  margin: 0;
}
.dash-modal-ico {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 3.75rem;
  block-size: 3.75rem;
  border-radius: 50%;
  font-size: 1.7rem;
  margin-block-end: 1.25rem;
  animation: dash-ico-pop 0.4s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.dash-modal-ico:before,
.dash-modal-ico:after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  background: transparent;
  transform-origin: center;
  animation: dash-ico-ring 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.dash-modal-ico:before {
  inset: -0.4rem;
  border: 0.4rem solid color-mix(in srgb, currentColor 10%, transparent);
  animation-delay: 0.1s;
}
.dash-modal-ico:after {
  inset: -0.85rem;
  border: 0.45rem solid color-mix(in srgb, currentColor 5%, transparent);
  animation-delay: 0.2s;
}
@keyframes dash-ico-pop {
  0% {
    opacity: 0;
    transform: scale(0.82);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dash-ico-ring {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dash-modal-ico {
    animation: none;
  }
  .dash-modal-ico:before,
  .dash-modal-ico:after {
    animation: none;
  }
}
.cookie-notice {
  position: fixed;
  inset-inline-start: 1.5rem;
  inset-block-end: 1.5rem;
  z-index: 1040;
  inline-size: min(23rem, calc(100% - 2rem));
  transition:
    opacity 0.26s ease,
    transform 0.26s ease;
}
.cookie-notice[hidden] {
  display: none;
}
.cookie-notice.is-leaving {
  opacity: 0;
  transform: translateY(0.5rem);
  pointer-events: none;
}
.cookie-notice:not([hidden]) {
  animation: cookie-notice-in 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@keyframes cookie-notice-in {
  0% {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cookie-notice {
    transition: none;
    animation: none;
  }
}
.cookie-notice-card {
  background: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: 12px;
  padding: 1rem;
  box-shadow:
    0 1px 2px rgba(var(--mz-primary-rgb), 0.04),
    0 10px 28px -10px rgba(var(--mz-primary-rgb), 0.16);
}
.cookie-notice-text {
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--mz-muted-color);
  margin: 0 0 0.85rem;
  letter-spacing: -0.002em;
}
.cookie-notice-text a {
  color: var(--mz-heading-color);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: color-mix(in srgb, var(--mz-heading-color) 32%, transparent);
  transition: text-decoration-color 0.15s;
}
.cookie-notice-text a:hover {
  text-decoration-color: currentColor;
}
.cookie-notice-cats {
  display: grid;
  gap: 0.7rem;
  padding-block-end: 0.9rem;
}
.cookie-notice-cats-title {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mz-muted-color);
}
.cookie-cat {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  margin: 0;
  cursor: pointer;
}
.cookie-cat:has(.cookie-cat-input:disabled) {
  cursor: default;
}
.cookie-cat-input {
  inline-size: 1rem;
  block-size: 1rem;
  margin-block-start: 0.1rem;
  flex: 0 0 auto;
  accent-color: var(--mz-primary);
}
.cookie-cat-body {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}
.cookie-cat-name {
  font-size: 0.78125rem;
  font-weight: 600;
  color: var(--mz-heading-color);
  letter-spacing: -0.006em;
}
.cookie-cat-desc {
  font-size: 0.75rem;
  line-height: 1.45;
  color: var(--mz-muted-color);
}
.cookie-notice-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.cookie-btn {
  font-size: 0.78125rem;
  font-weight: 550;
  line-height: 1.15;
  padding: 0.475rem 0.85rem;
  border-radius: 7px;
  border: 1px solid transparent;
  white-space: nowrap;
  transition:
    background-color 0.15s,
    border-color 0.15s,
    color 0.15s;
}
.cookie-btn:focus-visible {
  outline: 2px solid var(--mz-primary);
  outline-offset: 2px;
}
.cookie-btn-solid {
  background: var(--mz-primary);
  color: #fff;
}
.cookie-btn-solid:hover {
  background: color-mix(in srgb, var(--mz-primary) 87%, #000);
}
.cookie-btn-ghost {
  background: transparent;
  border-color: var(--mz-border-color);
  color: var(--mz-heading-color);
}
.cookie-btn-ghost:hover {
  background: color-mix(in srgb, var(--mz-heading-color) 5%, transparent);
}
.cookie-btn-bare {
  background: transparent;
  color: var(--mz-muted-color);
  padding-inline: 0.35rem;
  margin-inline-start: auto;
}
.cookie-btn-bare:hover {
  color: var(--mz-heading-color);
}
@media (max-width: 575.98px) {
  .cookie-notice {
    inset-inline: 0.75rem;
    inline-size: auto;
    inset-block-end: 0.75rem;
  }
  .cookie-btn-bare {
    margin-inline-start: 0;
  }
}
@media (max-width: 575.98px) {
  body:has(.cookie-notice:not([hidden])) .scroll-top {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.wcp-acc {
  --wcp-radius: var(--mz-radius);
  --wcp-border-color: var(--mz-border-color);
  --wcp-heading-color: var(--mz-heading-color);
  --wcp-muted-color: var(--mz-muted-color);
  --wcp-muted-soft: color-mix(in srgb, var(--mz-muted-color) 72%, transparent);
  --wcp-primary-text: var(--mz-primary-text);
  --wcp-shadow-sm: var(--mz-shadow-sm);
  --wcp-focus-ring: var(--mz-focus-ring);
  --wcp-font-size-base: var(--mz-font-size-base);
  --wcp-sunken-bg: color-mix(in srgb, var(--mz-body-color) 4%, transparent);
  --wcp-hover-tint: color-mix(in srgb, var(--mz-body-color) 6%, transparent);
  --wcp-elevated-bg: var(--mz-surface-bg);
  background: var(--wcp-sunken-bg);
  border-radius: var(--wcp-radius);
  padding: 0.35rem;
}
.wcp-acc-item {
  border-radius: calc(var(--wcp-radius) - 3px);
  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}
.wcp-acc-item + .wcp-acc-item {
  box-shadow: inset 0 1px 0 var(--wcp-border-color);
}
.wcp-acc-item:has(> .wui-collapse.wui-show) {
  background: var(--wcp-elevated-bg);
  box-shadow:
    var(--wcp-shadow-sm),
    0 0 0 1px var(--wcp-border-color);
}
.wcp-acc-item:has(> .wui-collapse.wui-show) + .wcp-acc-item {
  box-shadow: none;
}
.wcp-acc:has(> .wcp-acc-item:only-child) {
  background: none;
  padding: 0;
}
.wcp-acc:has(> .wcp-acc-item:only-child) > .wcp-acc-item {
  box-shadow: 0 0 0 1px var(--wcp-border-color);
  border-radius: var(--wcp-radius);
}
.wcp-acc-header {
  margin: 0;
}
.wcp-acc-head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  inline-size: 100%;
  padding: 0.6rem 0.75rem;
  min-block-size: 2.6rem;
  background: none;
  border: 0;
  text-align: start;
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: var(--wcp-font-size-base);
  line-height: 1.35;
  cursor: pointer;
  border-radius: calc(var(--wcp-radius) - 3px);
}
.wcp-acc-item:not(:has(> .wui-collapse.wui-show)) > .wcp-acc-header > .wcp-acc-head:hover {
  background: var(--wcp-hover-tint);
}
.wcp-acc-head:focus-visible {
  outline: 0;
  box-shadow: var(--wcp-focus-ring);
}
.wcp-acc-ico {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  inline-size: 1.35rem;
  font-size: 0.95rem;
  color: var(--wcp-muted-color);
}
.wcp-acc-item:has(> .wui-collapse.wui-show) .wcp-acc-ico {
  color: var(--wcp-primary-text);
}
.wcp-acc-title {
  flex: 1 1 auto;
  min-inline-size: 0;
  font-weight: 600;
  color: var(--wcp-heading-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wcp-acc-state {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.75rem;
  color: var(--wcp-muted-color);
  white-space: nowrap;
}
.wcp-acc-state .wcp-badge-soft {
  font-size: 0.68rem;
}
.wcp-acc-state-empty {
  color: var(--wcp-muted-soft);
}
.wcp-acc-caret {
  flex: 0 0 auto;
  font-size: 0.7rem;
  color: var(--wcp-muted-color);
  transition: rotate 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.wcp-acc-head[aria-expanded="true"] .wcp-acc-caret {
  rotate: 180deg;
}
.wcp-acc-body {
  padding: 0.35rem 0.75rem 1.15rem;
}
@media (prefers-reduced-motion: reduce) {
  .wcp-acc-item,
  .wcp-acc-caret {
    transition: none;
  }
}
.site-brand.logo-needs-plate .site-logo {
  background: #fff;
  padding: 0.2rem 0.35rem;
  border-radius: calc(var(--mz-radius) * 0.7);
}
.store-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  gap: 0.5rem;
  margin: 0 0 1.25rem;
  padding: 0.65rem;
  background-color: color-mix(in srgb, var(--mz-primary) 4%, var(--mz-body-bg));
  border: 1px solid color-mix(in srgb, var(--mz-primary-text) 10%, var(--mz-border-color));
  border-radius: calc(var(--mz-radius) * 1.3);
}
.store-tabs .nav-item {
  min-inline-size: 0;
}
.store-tabs .nav-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  inline-size: 100%;
  min-block-size: 3.25rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid transparent;
  border-radius: calc(var(--mz-radius) * 1.05);
  background-color: transparent;
  color: var(--mz-muted-color);
  font-size: 0.82rem;
  font-weight: 650;
  text-align: start;
  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.store-tabs .nav-link:hover {
  color: var(--mz-heading-color);
  background-color: color-mix(in srgb, var(--mz-surface-bg) 70%, transparent);
}
.store-tabs .nav-link.active {
  color: var(--mz-heading-color);
  background-color: var(--mz-surface-bg);
  border-color: var(--mz-border-color);
  box-shadow: var(--mz-shadow-sm);
}
.store-tabs .nav-link:focus-visible {
  box-shadow: var(--mz-focus-ring);
}
.store-tab-label {
  display: inline-flex;
  align-items: center;
  min-inline-size: 0;
  gap: 0.5rem;
}
.store-tab-label i {
  flex: 0 0 auto;
  color: var(--mz-primary-text);
  font-size: 0.95rem;
}
.store-tab-count {
  flex: 0 0 auto;
  margin-inline-start: auto;
  padding-inline: 0.4rem;
  font-weight: 500;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}
.store-tab-content {
  padding: clamp(1.25rem, 3vw, 2rem);
  background-color: color-mix(in srgb, var(--mz-primary) 4%, var(--mz-body-bg));
}
.store-tab-content > .tab-pane {
  min-inline-size: 0;
}
@media (max-width: 767.98px) {
  .store-tabs {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0.35rem;
    padding: 0.5rem;
  }
  .store-tabs .nav-link {
    min-block-size: 3rem;
    padding: 0.6rem;
    font-size: 0.72rem;
  }
  .store-tab-content {
    padding: 1rem;
  }
}
@media (max-width: 575.98px) {
  .store-tabs .nav-link {
    gap: 0.35rem;
    padding-inline: 0.45rem;
  }
  .store-tab-label {
    gap: 0.35rem;
    font-size: 0.68rem;
  }
  .store-tab-label[data-short] {
    font-size: 0;
  }
  .store-tab-label[data-short]:after {
    content: attr(data-short);
    font-size: 0.68rem;
  }
  .store-tab-label i {
    font-size: 0.8rem;
  }
}
@media (max-width: 359.98px) {
  .store-tabs .nav-link {
    gap: 0.2rem;
    padding-inline: 0.3rem;
  }
  .store-tab-label i {
    display: none;
  }
  .store-tab-label[data-short]:after {
    font-size: 0.62rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .store-tabs .nav-link,
  .store-tab-content .fade {
    transition: none;
  }
}