@charset "UTF-8";/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13, 110, 253;
  --bs-secondary-rgb:108, 117, 125;
  --bs-success-rgb:25, 135, 84;
  --bs-info-rgb:13, 202, 240;
  --bs-warning-rgb:255, 193, 7;
  --bs-danger-rgb:220, 53, 69;
  --bs-light-rgb:248, 249, 250;
  --bs-dark-rgb:33, 37, 41;
  --bs-primary-text-emphasis:#052c65;
  --bs-secondary-text-emphasis:#2b2f32;
  --bs-success-text-emphasis:#0a3622;
  --bs-info-text-emphasis:#055160;
  --bs-warning-text-emphasis:#664d03;
  --bs-danger-text-emphasis:#58151c;
  --bs-light-text-emphasis:#495057;
  --bs-dark-text-emphasis:#495057;
  --bs-primary-bg-subtle:#cfe2ff;
  --bs-secondary-bg-subtle:#e2e3e5;
  --bs-success-bg-subtle:#d1e7dd;
  --bs-info-bg-subtle:#cff4fc;
  --bs-warning-bg-subtle:#fff3cd;
  --bs-danger-bg-subtle:#f8d7da;
  --bs-light-bg-subtle:#fcfcfd;
  --bs-dark-bg-subtle:#ced4da;
  --bs-primary-border-subtle:#9ec5fe;
  --bs-secondary-border-subtle:#c4c8cb;
  --bs-success-border-subtle:#a3cfbb;
  --bs-info-border-subtle:#9eeaf9;
  --bs-warning-border-subtle:#ffe69c;
  --bs-danger-border-subtle:#f1aeb5;
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#adb5bd;
  --bs-white-rgb:255, 255, 255;
  --bs-black-rgb:0, 0, 0;
  --bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-color-rgb:33, 37, 41;
  --bs-body-bg:#fff;
  --bs-body-bg-rgb:255, 255, 255;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0, 0, 0;
  --bs-secondary-color:rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:33, 37, 41;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233, 236, 239;
  --bs-tertiary-color:rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:33, 37, 41;
  --bs-tertiary-bg:#f8f9fa;
  --bs-tertiary-bg-rgb:248, 249, 250;
  --bs-heading-color:inherit;
  --bs-link-color:#0d6efd;
  --bs-link-color-rgb:13, 110, 253;
  --bs-link-decoration:underline;
  --bs-link-hover-color:#0a58ca;
  --bs-link-hover-color-rgb:10, 88, 202;
  --bs-code-color:#d63384;
  --bs-highlight-color:#212529;
  --bs-highlight-bg:#fff3cd;
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:50rem;
  --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width:0.25rem;
  --bs-focus-ring-opacity:0.25;
  --bs-focus-ring-color:rgba(13, 110, 253, 0.25);
  --bs-form-valid-color:#198754;
  --bs-form-valid-border-color:#198754;
  --bs-form-invalid-color:#dc3545;
  --bs-form-invalid-border-color:#dc3545;
}*,
*::before,
*::after{
  box-sizing:border-box;
}@media (prefers-reduced-motion: no-preference){
  :root{
    scroll-behavior:smooth;
  }
}body{
  margin:0;
  font-family:var(--bs-body-font-family);
  font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight);
  line-height:var(--bs-body-line-height);
  color:var(--bs-body-color);
  text-align:var(--bs-body-text-align);
  background-color:var(--bs-body-bg);
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}h6, .h6, h5, .h5, h3, .h3{
  margin-top:0;
  margin-bottom:0.5rem;
  font-weight:500;
  line-height:1.2;
  color:var(--bs-heading-color);
}h3, .h3{
  font-size:calc(1.3rem + 0.6vw);
}@media (min-width: 1200px){
  h3, .h3{
    font-size:1.75rem;
  }
}h5, .h5{
  font-size:1.25rem;
}h6, .h6{
  font-size:1rem;
}p{
  margin-top:0;
  margin-bottom:1rem;
}address{
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit;
}
ul{
  padding-left:2rem;
}
ul{
  margin-top:0;
  margin-bottom:1rem;
}
ul ul{
  margin-bottom:0;
}b,
strong{
  font-weight:bolder;
}small, .small{
  font-size:0.875em;
}mark, .mark{
  padding:0.1875em;
  color:var(--bs-highlight-color);
  background-color:var(--bs-highlight-bg);
}sub{
  position:relative;
  font-size:0.75em;
  line-height:0;
  vertical-align:baseline;
}sub{
  bottom:-0.25em;
}a{
  color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration:underline;
}a:hover{
  --bs-link-color-rgb:var(--bs-link-hover-color-rgb);
}a:not([href]):not([class]), a:not([href]):not([class]):hover{
  color:inherit;
  text-decoration:none;
}
code{
  font-family:var(--bs-font-monospace);
  font-size:1em;
}code{
  font-size:0.875em;
  color:var(--bs-code-color);
  word-wrap:break-word;
}a > code{
  color:inherit;
}img,
svg{
  vertical-align:middle;
}table{
  caption-side:bottom;
  border-collapse:collapse;
}caption{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  color:var(--bs-secondary-color);
  text-align:left;
}th{
  text-align:inherit;
  text-align:-webkit-match-parent;
}thead,
tbody,
tr,
td,
th{
  border-color:inherit;
  border-style:solid;
  border-width:0;
}label{
  display:inline-block;
}button{
  border-radius:0;
}button:focus:not(:focus-visible){
  outline:0;
}input,
button,
select{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}button,
select{
  text-transform:none;
}[role=button]{
  cursor:pointer;
}select{
  word-wrap:normal;
}select:disabled{
  opacity:1;
}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{
  display:none !important;
}button,
[type=button]{
  -webkit-appearance:button;
}button:not(:disabled),
[type=button]:not(:disabled){
  cursor:pointer;
}::-moz-focus-inner{
  padding:0;
  border-style:none;
}legend{
  float:left;
  width:100%;
  padding:0;
  margin-bottom:0.5rem;
  line-height:inherit;
  font-size:calc(1.275rem + 0.3vw);
}@media (min-width: 1200px){
  legend{
    font-size:1.5rem;
  }
}legend + *{
  clear:left;
}::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field{
  padding:0;
}::-webkit-inner-spin-button{
  height:auto;
}[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}[type=search]::-webkit-search-cancel-button{
  cursor:pointer;
  filter:grayscale(1);
}::-webkit-search-decoration{
  -webkit-appearance:none;
}::-webkit-color-swatch-wrapper{
  padding:0;
}::file-selector-button{
  font:inherit;
  -webkit-appearance:button;
}output{
  display:inline-block;
}summary{
  display:list-item;
  cursor:pointer;
}progress{
  vertical-align:baseline;
}[hidden]{
  display:none !important;
}.container{
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width:100%;
  padding-right:calc(var(--bs-gutter-x)*0.5);
  padding-left:calc(var(--bs-gutter-x)*0.5);
  margin-right:auto;
  margin-left:auto;
}@media (min-width: 576px){
   .container{
    max-width:540px;
  }
}@media (min-width: 768px){
   .container{
    max-width:720px;
  }
}@media (min-width: 992px){
   .container{
    max-width:960px;
  }
}@media (min-width: 1200px){
   .container{
    max-width:1140px;
  }
}@media (min-width: 1400px){
   .container{
    max-width:1320px;
  }
}:root{
  --bs-breakpoint-xs:0;
  --bs-breakpoint-sm:576px;
  --bs-breakpoint-md:768px;
  --bs-breakpoint-lg:992px;
  --bs-breakpoint-xl:1200px;
  --bs-breakpoint-xxl:1400px;
}.row{
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  display:flex;
  flex-wrap:wrap;
  margin-top:calc(var(--bs-gutter-y)*-1);
  margin-right:calc(var(--bs-gutter-x)*-0.5);
  margin-left:calc(var(--bs-gutter-x)*-0.5);
}.row > *{
  flex-shrink:0;
  width:100%;
  max-width:100%;
  padding-right:calc(var(--bs-gutter-x)*0.5);
  padding-left:calc(var(--bs-gutter-x)*0.5);
  margin-top:var(--bs-gutter-y);
}.table{
  --bs-table-color-type:initial;
  --bs-table-bg-type:initial;
  --bs-table-color-state:initial;
  --bs-table-bg-state:initial;
  --bs-table-color:var(--bs-emphasis-color);
  --bs-table-bg:var(--bs-body-bg);
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-emphasis-color);
  --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color:var(--bs-emphasis-color);
  --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color:var(--bs-emphasis-color);
  --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
  width:100%;
  margin-bottom:1rem;
  vertical-align:top;
  border-color:var(--bs-table-border-color);
}.table > :not(caption) > * > *{
  padding:0.5rem 0.5rem;
  color:var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color:var(--bs-table-bg);
  border-bottom-width:var(--bs-border-width);
  box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}.table > tbody{
  vertical-align:inherit;
}.table > thead{
  vertical-align:bottom;
}.table-sm > :not(caption) > * > *{
  padding:0.25rem 0.25rem;
}.table-borderless > :not(caption) > * > *{
  border-bottom-width:0;
}.table-borderless > :not(:first-child){
  border-top-width:0;
}.form-label{
  margin-bottom:0.5rem;
}.form-control{
  display:block;
  width:100%;
  padding:0.375rem 0.75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:var(--bs-body-color);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:var(--bs-body-bg);
  background-clip:padding-box;
  border:var(--bs-border-width) solid var(--bs-border-color);
  border-radius:var(--bs-border-radius);
  transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}@media (prefers-reduced-motion: reduce){
  .form-control{
    transition:none;
  }
}.form-control[type=file]{
  overflow:hidden;
}.form-control[type=file]:not(:disabled):not([readonly]){
  cursor:pointer;
}.form-control:focus{
  color:var(--bs-body-color);
  background-color:var(--bs-body-bg);
  border-color:#86b7fe;
  outline:0;
  box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}.form-control::-webkit-date-and-time-value{
  min-width:85px;
  height:1.5em;
  margin:0;
}.form-control::-webkit-datetime-edit{
  display:block;
  padding:0;
}.form-control::-moz-placeholder{
  color:var(--bs-secondary-color);
  opacity:1;
}.form-control::placeholder{
  color:var(--bs-secondary-color);
  opacity:1;
}.form-control:disabled{
  background-color:var(--bs-secondary-bg);
  opacity:1;
}.form-control::file-selector-button{
  padding:0.375rem 0.75rem;
  margin:-0.375rem -0.75rem;
  margin-inline-end:0.75rem;
  color:var(--bs-body-color);
  background-color:var(--bs-tertiary-bg);
  pointer-events:none;
  border-color:inherit;
  border-style:solid;
  border-width:0;
  border-inline-end-width:var(--bs-border-width);
  border-radius:0;
  transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}@media (prefers-reduced-motion: reduce){
  .form-control::file-selector-button{
    transition:none;
  }
}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{
  background-color:var(--bs-secondary-bg);
}.form-check{
  display:block;
  min-height:1.5rem;
  padding-left:1.5em;
  margin-bottom:0.125rem;
}.form-check .form-check-input{
  float:left;
  margin-left:-1.5em;
}.form-check-input{
  --bs-form-check-bg:var(--bs-body-bg);
  flex-shrink:0;
  width:1em;
  height:1em;
  margin-top:0.25em;
  vertical-align:top;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:var(--bs-form-check-bg);
  background-image:var(--bs-form-check-bg-image);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  border:var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}.form-check-input[type=checkbox]{
  border-radius:0.25em;
}.form-check-input:active{
  filter:brightness(90%);
}.form-check-input:focus{
  border-color:#86b7fe;
  outline:0;
  box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}.form-check-input:checked{
  background-color:#0d6efd;
  border-color:#0d6efd;
}.form-check-input:checked[type=checkbox]{
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e");
}.form-check-input[type=checkbox]:indeterminate{
  background-color:#0d6efd;
  border-color:#0d6efd;
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e");
}.form-check-input:disabled{
  pointer-events:none;
  filter:none;
  opacity:0.5;
}.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label{
  cursor:default;
  opacity:0.5;
}.form-switch{
  padding-left:2.5em;
}.form-switch .form-check-input{
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
  width:2em;
  margin-left:-2.5em;
  background-image:var(--bs-form-switch-bg);
  background-position:left center;
  border-radius:2em;
  transition:background-position 0.15s ease-in-out;
}@media (prefers-reduced-motion: reduce){
  .form-switch .form-check-input{
    transition:none;
  }
}.form-switch .form-check-input:focus{
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e");
}.form-switch .form-check-input:checked{
  background-position:right center;
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}.form-range{
  width:100%;
  height:1.5rem;
  padding:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:transparent;
}.form-range:focus{
  outline:0;
}.form-range:focus::-webkit-slider-thumb{
  box-shadow:0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}.form-range:focus::-moz-range-thumb{
  box-shadow:0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}.form-range::-moz-focus-outer{
  border:0;
}.form-range::-webkit-slider-thumb{
  width:1rem;
  height:1rem;
  margin-top:-0.25rem;
  -webkit-appearance:none;
  appearance:none;
  background-color:#0d6efd;
  border:0;
  border-radius:1rem;
  -webkit-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}@media (prefers-reduced-motion: reduce){
  .form-range::-webkit-slider-thumb{
    -webkit-transition:none;
    transition:none;
  }
}.form-range::-webkit-slider-thumb:active{
  background-color:#b6d4fe;
}.form-range::-webkit-slider-runnable-track{
  width:100%;
  height:0.5rem;
  color:transparent;
  cursor:pointer;
  background-color:var(--bs-secondary-bg);
  border-color:transparent;
  border-radius:1rem;
}.form-range::-moz-range-thumb{
  width:1rem;
  height:1rem;
  -moz-appearance:none;
  appearance:none;
  background-color:#0d6efd;
  border:0;
  border-radius:1rem;
  -moz-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}@media (prefers-reduced-motion: reduce){
  .form-range::-moz-range-thumb{
    -moz-transition:none;
    transition:none;
  }
}.form-range::-moz-range-thumb:active{
  background-color:#b6d4fe;
}.form-range::-moz-range-track{
  width:100%;
  height:0.5rem;
  color:transparent;
  cursor:pointer;
  background-color:var(--bs-secondary-bg);
  border-color:transparent;
  border-radius:1rem;
}.form-range:disabled{
  pointer-events:none;
}.form-range:disabled::-webkit-slider-thumb{
  background-color:var(--bs-secondary-color);
}.form-range:disabled::-moz-range-thumb{
  background-color:var(--bs-secondary-color);
}.input-group{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%;
}.input-group > .form-control{
  position:relative;
  flex:1 1 auto;
  width:1%;
  min-width:0;
}.input-group > .form-control:focus{
  z-index:5;
}.input-group .btn{
  position:relative;
  z-index:2;
}.input-group .btn:focus{
  z-index:5;
}.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  margin-left:calc(var(--bs-border-width)*-1);
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}.btn{
  --bs-btn-padding-x:0.75rem;
  --bs-btn-padding-y:0.375rem;
  --bs-btn-font-family:;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:var(--bs-body-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-width:var(--bs-border-width);
  --bs-btn-border-color:transparent;
  --bs-btn-border-radius:var(--bs-border-radius);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity:0.65;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display:inline-block;
  padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family:var(--bs-btn-font-family);
  font-size:var(--bs-btn-font-size);
  font-weight:var(--bs-btn-font-weight);
  line-height:var(--bs-btn-line-height);
  color:var(--bs-btn-color);
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius:var(--bs-btn-border-radius);
  background-color:var(--bs-btn-bg);
  transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}@media (prefers-reduced-motion: reduce){
  .btn{
    transition:none;
  }
}.btn:hover{
  color:var(--bs-btn-hover-color);
  background-color:var(--bs-btn-hover-bg);
  border-color:var(--bs-btn-hover-border-color);
}.btn:focus-visible{
  color:var(--bs-btn-hover-color);
  background-color:var(--bs-btn-hover-bg);
  border-color:var(--bs-btn-hover-border-color);
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow);
} :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show{
  color:var(--bs-btn-active-color);
  background-color:var(--bs-btn-active-bg);
  border-color:var(--bs-btn-active-border-color);
} :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible{
  box-shadow:var(--bs-btn-focus-box-shadow);
}.btn:disabled, .btn.disabled{
  color:var(--bs-btn-disabled-color);
  pointer-events:none;
  background-color:var(--bs-btn-disabled-bg);
  border-color:var(--bs-btn-disabled-border-color);
  opacity:var(--bs-btn-disabled-opacity);
}.btn-secondary{
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130, 138, 145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#6c757d;
  --bs-btn-disabled-border-color:#6c757d;
}.btn-outline-primary{
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13, 110, 253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --bs-gradient:none;
}.btn-outline-secondary{
  --bs-btn-color:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#6c757d;
  --bs-btn-focus-shadow-rgb:108, 117, 125;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#6c757d;
  --bs-btn-active-border-color:#6c757d;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#6c757d;
  --bs-gradient:none;
}.btn-outline-danger{
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220, 53, 69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none;
}.btn-sm{
  --bs-btn-padding-y:0.25rem;
  --bs-btn-padding-x:0.5rem;
  --bs-btn-font-size:0.875rem;
  --bs-btn-border-radius:var(--bs-border-radius-sm);
}.fade{
  transition:opacity 0.15s linear;
}@media (prefers-reduced-motion: reduce){
  .fade{
    transition:none;
  }
}.fade:not(.show){
  opacity:0;
}.collapse:not(.show){
  display:none;
}
.dropdown{
  position:relative;
}.btn-group{
  position:relative;
  display:inline-flex;
  vertical-align:middle;
}.btn-group > .btn{
  position:relative;
  flex:1 1 auto;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active{
  z-index:1;
}.btn-group{
  border-radius:var(--bs-border-radius);
}.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child){
  margin-left:calc(var(--bs-border-width)*-1);
}.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}.card{
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color:;
  --bs-card-subtitle-color:;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow:;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color:;
  --bs-card-height:;
  --bs-card-color:;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:var(--bs-card-height);
  color:var(--bs-body-color);
  word-wrap:break-word;
  background-color:var(--bs-card-bg);
  background-clip:border-box;
  border:var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius:var(--bs-card-border-radius);
}.card > .list-group{
  border-top:inherit;
  border-bottom:inherit;
}.card > .list-group:first-child{
  border-top-width:0;
  border-top-left-radius:var(--bs-card-inner-border-radius);
  border-top-right-radius:var(--bs-card-inner-border-radius);
}.card > .list-group:last-child{
  border-bottom-width:0;
  border-bottom-right-radius:var(--bs-card-inner-border-radius);
  border-bottom-left-radius:var(--bs-card-inner-border-radius);
}.badge{
  --bs-badge-padding-x:0.65em;
  --bs-badge-padding-y:0.35em;
  --bs-badge-font-size:0.75em;
  --bs-badge-font-weight:700;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:var(--bs-border-radius);
  display:inline-block;
  padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size:var(--bs-badge-font-size);
  font-weight:var(--bs-badge-font-weight);
  line-height:1;
  color:var(--bs-badge-color);
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  border-radius:var(--bs-badge-border-radius);
}.badge:empty{
  display:none;
}.btn .badge{
  position:relative;
  top:-1px;
}@keyframes progress-bar-stripes{
  0%{
    background-position-x:var(--bs-progress-height);
  }
}.progress{
  --bs-progress-height:1rem;
  --bs-progress-font-size:0.75rem;
  --bs-progress-bg:var(--bs-secondary-bg);
  --bs-progress-border-radius:var(--bs-border-radius);
  --bs-progress-box-shadow:var(--bs-box-shadow-inset);
  --bs-progress-bar-color:#fff;
  --bs-progress-bar-bg:#0d6efd;
  --bs-progress-bar-transition:width 0.6s ease;
  display:flex;
  height:var(--bs-progress-height);
  overflow:hidden;
  font-size:var(--bs-progress-font-size);
  background-color:var(--bs-progress-bg);
  border-radius:var(--bs-progress-border-radius);
}.list-group{
  --bs-list-group-color:var(--bs-body-color);
  --bs-list-group-bg:var(--bs-body-bg);
  --bs-list-group-border-color:var(--bs-border-color);
  --bs-list-group-border-width:var(--bs-border-width);
  --bs-list-group-border-radius:var(--bs-border-radius);
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:var(--bs-secondary-color);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
  --bs-list-group-action-active-color:var(--bs-body-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-bg);
  --bs-list-group-disabled-color:var(--bs-secondary-color);
  --bs-list-group-disabled-bg:var(--bs-body-bg);
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  display:flex;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  border-radius:var(--bs-list-group-border-radius);
}.list-group-item{
  position:relative;
  display:block;
  padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color:var(--bs-list-group-color);
  text-decoration:none;
  background-color:var(--bs-list-group-bg);
  border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}.list-group-item:first-child{
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
}.list-group-item:last-child{
  border-bottom-right-radius:inherit;
  border-bottom-left-radius:inherit;
}.list-group-item.disabled, .list-group-item:disabled{
  color:var(--bs-list-group-disabled-color);
  pointer-events:none;
  background-color:var(--bs-list-group-disabled-bg);
}.list-group-item.active{
  z-index:2;
  color:var(--bs-list-group-active-color);
  background-color:var(--bs-list-group-active-bg);
  border-color:var(--bs-list-group-active-border-color);
}.list-group-item + .list-group-item{
  border-top-width:0;
}.list-group-item + .list-group-item.active{
  margin-top:calc(var(--bs-list-group-border-width)*-1);
  border-top-width:var(--bs-list-group-border-width);
}.btn-close{
  --bs-btn-close-color:#000;
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");
  --bs-btn-close-opacity:0.5;
  --bs-btn-close-hover-opacity:0.75;
  --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity:1;
  --bs-btn-close-disabled-opacity:0.25;
  box-sizing:content-box;
  width:1em;
  height:1em;
  padding:0.25em 0.25em;
  color:var(--bs-btn-close-color);
  background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter:var(--bs-btn-close-filter);
  border:0;
  border-radius:0.375rem;
  opacity:var(--bs-btn-close-opacity);
}.btn-close:hover{
  color:var(--bs-btn-close-color);
  text-decoration:none;
  opacity:var(--bs-btn-close-hover-opacity);
}.btn-close:focus{
  outline:0;
  box-shadow:var(--bs-btn-close-focus-shadow);
  opacity:var(--bs-btn-close-focus-opacity);
}.btn-close:disabled, .btn-close.disabled{
  pointer-events:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  opacity:var(--bs-btn-close-disabled-opacity);
}:root{
  --bs-btn-close-filter:;
}.toast{
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:0.75rem;
  --bs-toast-padding-y:0.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:0.875rem;
  --bs-toast-color:;
  --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width:var(--bs-border-width);
  --bs-toast-border-color:var(--bs-border-color-translucent);
  --bs-toast-border-radius:var(--bs-border-radius);
  --bs-toast-box-shadow:var(--bs-box-shadow);
  --bs-toast-header-color:var(--bs-secondary-color);
  --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color:var(--bs-border-color-translucent);
  width:var(--bs-toast-max-width);
  max-width:100%;
  font-size:var(--bs-toast-font-size);
  color:var(--bs-toast-color);
  pointer-events:auto;
  background-color:var(--bs-toast-bg);
  background-clip:padding-box;
  border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow:var(--bs-toast-box-shadow);
  border-radius:var(--bs-toast-border-radius);
}.toast.showing{
  opacity:0;
}.toast:not(.show){
  display:none;
}.toast-container{
  --bs-toast-zindex:1090;
  position:absolute;
  z-index:var(--bs-toast-zindex);
  width:-moz-max-content;
  width:max-content;
  max-width:100%;
  pointer-events:none;
}.toast-container > :not(:last-child){
  margin-bottom:var(--bs-toast-spacing);
}.modal{
  --bs-modal-zindex:1055;
  --bs-modal-width:500px;
  --bs-modal-padding:1rem;
  --bs-modal-margin:0.5rem;
  --bs-modal-color:var(--bs-body-color);
  --bs-modal-bg:var(--bs-body-bg);
  --bs-modal-border-color:var(--bs-border-color-translucent);
  --bs-modal-border-width:var(--bs-border-width);
  --bs-modal-border-radius:var(--bs-border-radius-lg);
  --bs-modal-box-shadow:var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-modal-header-padding-x:1rem;
  --bs-modal-header-padding-y:1rem;
  --bs-modal-header-padding:1rem 1rem;
  --bs-modal-header-border-color:var(--bs-border-color);
  --bs-modal-header-border-width:var(--bs-border-width);
  --bs-modal-title-line-height:1.5;
  --bs-modal-footer-gap:0.5rem;
  --bs-modal-footer-bg:;
  --bs-modal-footer-border-color:var(--bs-border-color);
  --bs-modal-footer-border-width:var(--bs-border-width);
  position:fixed;
  top:0;
  left:0;
  z-index:var(--bs-modal-zindex);
  display:none;
  width:100%;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  outline:0;
}.modal-dialog{
  position:relative;
  width:auto;
  margin:var(--bs-modal-margin);
  pointer-events:none;
}.modal.fade .modal-dialog{
  transform:translate(0, -50px);
  transition:transform 0.3s ease-out;
}@media (prefers-reduced-motion: reduce){
  .modal.fade .modal-dialog{
    transition:none;
  }
}.modal.show .modal-dialog{
  transform:none;
}.modal-content{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  color:var(--bs-modal-color);
  pointer-events:auto;
  background-color:var(--bs-modal-bg);
  background-clip:padding-box;
  border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius:var(--bs-modal-border-radius);
  outline:0;
}.modal-header{
  display:flex;
  flex-shrink:0;
  align-items:center;
  padding:var(--bs-modal-header-padding);
  border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius:var(--bs-modal-inner-border-radius);
  border-top-right-radius:var(--bs-modal-inner-border-radius);
}.modal-header .btn-close{
  padding:calc(var(--bs-modal-header-padding-y)*0.5) calc(var(--bs-modal-header-padding-x)*0.5);
  margin-top:calc(var(--bs-modal-header-padding-y)*-0.5);
  margin-right:calc(var(--bs-modal-header-padding-x)*-0.5);
  margin-bottom:calc(var(--bs-modal-header-padding-y)*-0.5);
  margin-left:auto;
}.modal-title{
  margin-bottom:0;
  line-height:var(--bs-modal-title-line-height);
}.modal-body{
  position:relative;
  flex:1 1 auto;
  padding:var(--bs-modal-padding);
}.modal-footer{
  display:flex;
  flex-shrink:0;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*0.5);
  background-color:var(--bs-modal-footer-bg);
  border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius:var(--bs-modal-inner-border-radius);
  border-bottom-left-radius:var(--bs-modal-inner-border-radius);
}.modal-footer > *{
  margin:calc(var(--bs-modal-footer-gap)*0.5);
}@media (min-width: 576px){
  .modal{
    --bs-modal-margin:1.75rem;
    --bs-modal-box-shadow:var(--bs-box-shadow);
  }
  .modal-dialog{
    max-width:var(--bs-modal-width);
    margin-right:auto;
    margin-left:auto;
  }
}@media (min-width: 992px){
  .modal-lg{
    --bs-modal-width:800px;
  }
}:root{
  --bs-carousel-indicator-active-bg:#fff;
  --bs-carousel-caption-color:#fff;
  --bs-carousel-control-icon-filter:;
}
.spinner-border{
  display:inline-block;
  flex-shrink:0;
  width:var(--bs-spinner-width);
  height:var(--bs-spinner-height);
  vertical-align:var(--bs-spinner-vertical-align);
  border-radius:50%;
  animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}@keyframes spinner-border{
  to{
    transform:rotate(360deg);
  }
}.spinner-border{
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-border-width:0.25em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-border;
  border:var(--bs-spinner-border-width) solid currentcolor;
  border-right-color:transparent;
}.spinner-border-sm{
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
  --bs-spinner-border-width:0.2em;
}@keyframes spinner-grow{
  0%{
    transform:scale(0);
  }
  50%{
    opacity:1;
    transform:none;
  }
}@media (prefers-reduced-motion: reduce){
  .spinner-border{
    --bs-spinner-animation-speed:1.5s;
  }
}.placeholder{
  display:inline-block;
  min-height:1em;
  vertical-align:middle;
  cursor:wait;
  background-color:currentcolor;
  opacity:0.5;
}.placeholder.btn::before{
  display:inline-block;
  content:"";
}@keyframes placeholder-glow{
  50%{
    opacity:0.2;
  }
}@keyframes placeholder-wave{
  100%{
    -webkit-mask-position:-200% 0%;
    mask-position:-200% 0%;
  }
}.ratio{
  position:relative;
  width:100%;
}.ratio::before{
  display:block;
  padding-top:var(--bs-aspect-ratio);
  content:"";
}.ratio > *{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}.visually-hidden{
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}.visually-hidden:not(caption){
  position:absolute !important;
}.visually-hidden *{
  overflow:hidden !important;
}.overflow-auto{
  overflow:auto !important;
}.d-block{
  display:block !important;
}.d-flex{
  display:flex !important;
}.d-none{
  display:none !important;
}.border{
  border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}.border-top{
  border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}.border-bottom{
  border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}.w-100{
  width:100% !important;
}.flex-column{
  flex-direction:column !important;
}.flex-grow-1{
  flex-grow:1 !important;
}.justify-content-between{
  justify-content:space-between !important;
}.align-items-start{
  align-items:flex-start !important;
}.align-items-center{
  align-items:center !important;
}.mt-1{
  margin-top:0.25rem !important;
}.mt-2{
  margin-top:0.5rem !important;
}.mt-3{
  margin-top:1rem !important;
}.me-1{
  margin-right:0.25rem !important;
}.me-2{
  margin-right:0.5rem !important;
}.mb-0{
  margin-bottom:0 !important;
}.mb-1{
  margin-bottom:0.25rem !important;
}.mb-2{
  margin-bottom:0.5rem !important;
}.mb-3{
  margin-bottom:1rem !important;
}.ms-1{
  margin-left:0.25rem !important;
}.pe-2{
  padding-right:0.5rem !important;
}.text-primary{
  --bs-text-opacity:1;
  color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}.text-warning{
  --bs-text-opacity:1;
  color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}.text-danger{
  --bs-text-opacity:1;
  color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}.text-muted{
  --bs-text-opacity:1;
  color:var(--bs-secondary-color) !important;
}.bg-secondary{
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}.bg-success{
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}.bg-warning{
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}.bg-danger{
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}.bg-light{
  --bs-bg-opacity:1;
  background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}.bg-success-subtle{
  background-color:var(--bs-success-bg-subtle) !important;
}.bg-info-subtle{
  background-color:var(--bs-info-bg-subtle) !important;
}.bg-warning-subtle{
  background-color:var(--bs-warning-bg-subtle) !important;
}.visible{
  visibility:visible !important;
}:root{
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#ffffff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}html,
body{
  color:#131313;
  font-family:'OpenSans';
  font-size:10.4px;
  height:100%;
  width:100%;
}@media screen and (min-width: 768px){html,
body{
    font-size:12.8px
}
  }@media screen and (min-width: 1024px){html,
body{
    font-size:16px
}
  }a,
a:active,
a:hover,
a:visited{
  text-decoration:none;
}@font-face{
  font-family:'OpenSans';
  src:url(fonts/OpenSans-Light.eot);
  src:url(fonts/OpenSans-Light.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Light.woff2) format('woff2'), url(fonts/OpenSans-Light.woff) format('woff'), url(fonts/OpenSans-Light.ttf) format('truetype');
  font-weight:200;
  font-style:normal;
  font-display:swap;
}@font-face{
  font-family:'OpenSans';
  src:url(fonts/OpenSans-Regular.eot);
  src:url(fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Regular.woff2) format('woff2'), url(fonts/OpenSans-Regular.woff) format('woff'), url(fonts/OpenSans-Regular.ttf) format('truetype');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}@font-face{
  font-family:'OpenSans';
  src:url(fonts/OpenSans-Bold.eot);
  src:url(fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/OpenSans-Bold.woff2) format('woff2'), url(fonts/OpenSans-Bold.woff) format('woff'), url(fonts/OpenSans-Bold.ttf) format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}:root{
  --xs:640px;
  --s:768px;
  --m:1024px;
  --l:1280px;
  --xl:1440px;
}.is{
}body{
  overflow-x:hidden;
  margin:0;
  padding:0;
}.sidebar{
  position:fixed;
  top:0;
  left:0;
  width:300px;
  height:100vh;
  background:#ffffff;
  border-right:1px solid #dee2e6;
  display:flex;
  flex-direction:column;
  z-index:1030;
  transition:transform 0.3s ease;
}.sidebar-header{
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:0.5rem;
  padding:0.5rem 0.75rem;
  background:#ffffff;
  border-bottom:1px solid #e9ecef;
  position:sticky;
  top:0;
  z-index:10;
}.sidebar-content{
  flex:1;
  overflow-y:auto;
  padding:0.75rem;
  display:flex;
  flex-direction:column;
}.sidebar-close-btn{
  display:none;
  background:transparent;
  border:none;
  padding:0.5rem;
  cursor:pointer;
  color:#6c757d;
  font-size:1.25rem;
  line-height:1;
  transition:color 0.15s ease;
}.sidebar-close-btn:hover{
  color:#212529;
}.sidebar-toggle-btn{
  display:none;
  position:fixed;
  top:0.5rem;
  left:0.5rem;
  z-index:1040;
  background:#0d6efd;
  color:#ffffff;
  border:none;
  border-radius:0.375rem;
  padding:0.5rem 0.75rem;
  font-size:1.25rem;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);
  transition:background 0.15s ease;
}.sidebar-toggle-btn:hover{
  background:#0b5ed7;
}@media (max-width: 767px){
  .sidebar{
    width:100%;
    max-width:320px;
    transform:translateX(-100%);
    box-shadow:2px 0 10px rgba(0, 0, 0, 0.1);
  }

  .sidebar.open{
    transform:translateX(0);
  }

  .sidebar-close-btn{
    display:block;
  }

  .sidebar-toggle-btn{
    display:block;
  }
  .sidebar.open ~ .sidebar-toggle-btn{
    display:none;
  }
}@media (min-width: 768px) and (max-width: 991px){
  .sidebar{
    width:280px;
  }

  #map{
    margin-left:280px;
    width:calc(100% - 280px);
  }
}@media (min-width: 992px){
  body{
    display:flex;
  }

  .sidebar{
    width:300px;
  }

  .sidebar-close-btn{
    display:none;
  }

  .sidebar-toggle-btn{
    display:none;
  }

  #map{
    flex-grow:1;
    margin-left:300px;
    height:100vh;
    width:calc(100% - 300px);
  }
}.mode-selector-dropdown{
  flex:1;
  position:relative;
}#startLocationContainer{
  background-color:#f8f9fa;
  border-bottom:1px solid #dee2e6;
  display:flex;
  gap:0.5rem;
  padding:0.5rem;
  margin-bottom:0.5rem;
  border-radius:0.375rem;
}#startLocation{
  background-color:#e9ecef;
  font-size:0.8rem;
  flex-grow:1;
  padding:0.375rem 0.5rem;
}.btn-group{
  display:flex;
  flex-direction:column;
  gap:0.15rem;
}.btn-group .btn{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0.25rem 0.5rem;
  border-radius:0.25rem !important;
}#reachability.active{
  background-color:#6c757d;
  color:#ffffff;
}#reachability{
  background-color:transparent;
  font-size:0.8rem;
  padding:0.375rem 0.75rem;
}#courseList{
  flex-grow:1;
  overflow-y:auto;
}.course-entry{
  border:1px solid #dee2e6;
  font-size:0.9rem;
  padding:0.5rem;
  margin-bottom:0.5rem;
  border-radius:0.375rem;
  background:#ffffff;
  cursor:pointer;
  transition:border-color 0.15s ease, box-shadow 0.15s ease;
}.course-entry:hover{
  border-color:#0d6efd;
  box-shadow:0 1px 4px rgba(13, 110, 253, 0.1);
}.course-content{
  display:flex;
  justify-content:space-between;
  align-items:center;
}.course-name-column{
  flex:1;
  padding-right:0.5rem;
}.course-info-column{
  text-align:right;
  display:flex;
  flex-direction:column;
}.course-entry .course-name{
  font-size:0.875rem;
  margin:0;
  padding:0;
  word-wrap:break-word;
  hyphens:auto;
  font-weight:500;
}.course-entry .course-distance,
.course-entry .course-duration{
  font-size:0.75rem;
  color:#6c757d;
  white-space:nowrap;
}.course-details{
  background-color:#f8f9fa;
  border-top:1px solid #dee2e6;
  margin-top:0.5rem;
  padding-top:0.5rem;
  font-size:0.8rem;
}.course-details p{
  margin-bottom:0.25rem;
}.course-entry.selected{
  background-color:#e7f1ff;
  border-color:#0d6efd;
}.course-entry.selected .course-name-column{
  background-color:transparent;
}.highlight{
  background-color:#fff3cd;
}@media (min-width: 992px){
  #startLocationContainer{
    flex-direction:row;
    align-items:flex-start;
    padding:0.25rem;
    margin-bottom:0.25rem;
  }

  #startLocation{
    padding:0.25rem 0.5rem;
    font-size:0.75rem;
  }

  .btn-group .btn{
    padding:0.2rem 0.4rem;
    font-size:0.8rem;
  }

  .btn-group .btn i{
    font-size:0.7rem;
  }

  .course-entry{
    padding:0.375rem;
  }

  .course-entry .course-name{
    font-size:0.8rem;
  }

  .course-entry .course-distance,
  .course-entry .course-duration{
    font-size:0.65rem;
  }
}.d-none{
  display:none !important;
}.d-flex{
  display:flex !important;
}.d-block{
  display:block !important;
}.flex-column{
  flex-direction:column !important;
}.flex-grow-1{
  flex-grow:1 !important;
}.mb-0{
  margin-bottom:0 !important;
}.mb-3{
  margin-bottom:1rem !important;
}.mt-3{
  margin-top:1rem !important;
}.w-100{
  width:100% !important;
}.text-muted{
  color:#6c757d !important;
}.overflow-auto{
  overflow:auto !important;
}.shop-badge{
  display:inline-block;
  padding:0.15rem 0.4rem;
  font-size:0.7rem;
  font-weight:600;
  color:#ffffff;
  background-color:#000000;
  border-radius:3px;
  margin-right:0.35rem;
  vertical-align:middle;
}.shop-entry{
  border-left:3px solid #000000;
}.coordinates{
  cursor:pointer;
  text-decoration:underline;
  color:#0000ff;
}.coordinates:hover{
  color:#00008b;
}.custom-geocoder{
  width:36px;
  transition:width 0.3s;
  overflow:hidden;
}.custom-geocoder.expanded{
  width:250px;
}.maplibregl-ctrl-help{
  width:30px;
  height:30px;
  background-color:#ffffff;
  border:none;
  cursor:pointer;
  padding:0;
  outline:none;
  font-size:18px;
  font-weight:bold;
  color:#333333;
}.maplibregl-ctrl-help:hover{
  background-color:#f0f0f0;
}.maplibregl-ctrl-projection{
  width:30px;
  height:30px;
  background-color:#ffffff;
  border:none;
  cursor:pointer;
  padding:0;
  outline:none;
  font-size:16px;
  color:#333333;
  display:flex;
  align-items:center;
  justify-content:center;
}.maplibregl-ctrl-projection:hover{
  background-color:#f0f0f0;
}.maplibregl-ctrl-projection i{
  pointer-events:none;
}.offline-indicator{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  background:#dc3545;
  color:#ffffff;
  text-align:center;
  padding:4px;
  font-size:14px;
  z-index:1001;
  transform:translateY(-100%);
  transition:transform 0.3s ease;
}.offline-indicator.visible{
  transform:translateY(0) translateX(-50%);
}#toast-container{
  position:fixed;
  top:20px;
  right:20px;
  z-index:9999;
  pointer-events:none;
}.toast{
  background-color:var(--toast-color, #17a2b8);
  color:#ffffff;
  padding:12px 24px;
  border-radius:4px;
  margin-bottom:10px;
  min-width:200px;
  max-width:400px;
  box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
  pointer-events:auto;
  transition:transform 0.2s ease, opacity 0.2s ease;
}@keyframes fadeIn{
  from{
    opacity:0;
    transform:translateY(-20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}@keyframes fadeOut{
  from{
    opacity:1;
    transform:translateY(0);
  }
  to{
    opacity:0;
    transform:translateY(-20px);
  }
}.toast.fade-in{
  animation:fadeIn 0.3s ease-in forwards;
}.toast.fade-out{
  animation:fadeOut 0.3s ease-out forwards;
}@media (max-width: 576px){
  #toast-container{
    top:auto;
    bottom:20px;
    left:20px;
    right:20px;
  }

  .toast{
    width:100%;
    max-width:none;
    margin-bottom:8px;
  }
}.sidebar-content{
  overflow-y:auto;
  padding:0.75rem;
  padding-right:0.5rem;
  scrollbar-gutter:stable;
}.mode-selector-dropdown{
  position:relative;
}.mode-dropdown-toggle{
  display:flex;
  align-items:center;
  gap:0.5rem;
  width:100%;
  padding:0.375rem 0.75rem;
  border:1px solid #e9ecef;
  border-radius:0.375rem;
  background:rgba(255, 255, 255, 0.95);
  backdrop-filter:blur(5px);
  color:#212529;
  font-size:0.875rem;
  font-weight:500;
  cursor:pointer;
  transition:all 0.2s ease;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.06);
}.mode-dropdown-toggle:hover{
  border-color:#0d6efd;
  box-shadow:0 2px 12px rgba(13, 110, 253, 0.15);
}.mode-dropdown-toggle:focus{
  outline:none;
  border-color:#0d6efd;
  box-shadow:0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}.mode-dropdown-toggle .mode-icon{
  font-size:1rem;
  color:#0d6efd;
}.mode-dropdown-toggle .mode-text{
  flex:1;
  text-align:left;
}.mode-dropdown-toggle .dropdown-arrow{
  font-size:0.75rem;
  color:#6c757d;
  transition:transform 0.2s ease;
}.mode-dropdown-toggle[aria-expanded="true"] .dropdown-arrow{
  transform:rotate(180deg);
}.mode-dropdown-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  padding:0.25rem;
  margin:0.125rem 0 0 0;
  border:1px solid #e9ecef;
  border-radius:0.375rem;
  background:rgba(255, 255, 255, 0.98);
  backdrop-filter:blur(5px);
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
  z-index:1000;
  list-style:none !important;
}.mode-dropdown-menu li{
  list-style:none !important;
  margin:0;
  padding:0;
}.mode-dropdown-menu.show{
  display:block;
}.mode-option{
  display:flex;
  align-items:center;
  gap:0.5rem;
  padding:0.375rem 0.625rem;
  border:none;
  border-radius:0.25rem;
  background:transparent;
  color:#495057;
  font-size:0.8125rem;
  font-weight:500;
  cursor:pointer;
  transition:all 0.15s ease;
  width:100%;
  text-align:left;
}.mode-option:hover{
  background:#f8f9fa;
  color:#212529;
}.mode-option.active{
  background:#0d6efd;
  color:#ffffff;
}.mode-option.active small{
  color:rgba(255, 255, 255, 0.8);
}.mode-option i{
  font-size:0.875rem;
}.mode-option span{
  display:inline;
}.mode-option small{
  display:none;
}#route-planner-content{
  padding:0;
  width:100%;
}.location-input-group{
  position:relative;
  margin-bottom:0.75rem;
}.location-input-group .input-group{
  display:flex;
}.location-input{
  flex:1;
  padding:0.5rem 0.75rem;
  border:1px solid #dee2e6;
  border-radius:0.375rem 0 0 0.375rem;
  font-size:0.875rem;
  transition:border-color 0.15s ease;
  border-right:none;
  background:#ffffff;
}.location-input::-moz-placeholder{
  color:#adb5bd;
  font-size:0.8rem;
}.location-input::placeholder{
  color:#adb5bd;
  font-size:0.8rem;
}.location-clear-btn{
  border:1px solid #dee2e6;
  border-left:none;
  border-radius:0 0.375rem 0.375rem 0;
  padding:0.5rem 0.625rem;
  background:#f8f9fa;
  color:#6c757d;
  transition:all 0.15s ease;
}.location-clear-btn:hover{
  background:#e9ecef;
  color:#495057;
}.location-input:focus{
  outline:none;
  border-color:#0d6efd;
  box-shadow:0 0 0 0.15rem rgba(13, 110, 253, 0.2);
}.location-input:focus + .location-clear-btn{
  border-color:#0d6efd;
}.location-input.has-value{
  border-color:#198754;
}.location-input.has-value + .location-clear-btn{
  border-color:#198754;
}.location-label{
  position:absolute;
  top:-0.5rem;
  left:0.5rem;
  background:#ffffff;
  padding:0 0.25rem;
  font-size:0.75rem;
  font-weight:500;
  color:#6c757d;
}.location-input.has-value ~ .location-label{
  color:#198754;
}.route-options{
  background:#f8f9fa;
  border-radius:0.375rem;
  padding:0.75rem;
  margin-bottom:0.75rem;
}.route-options .form-label{
  font-size:0.8rem;
  margin-bottom:0.5rem;
  color:#495057;
}.route-options .form-range{
  height:0.5rem;
}.route-options h6{
  margin-bottom:0.75rem;
  color:#495057;
}#route-planner-content .btn-outline-danger{
  font-size:0.8rem;
  padding:0.375rem 0.75rem;
  border-color:#dee2e6;
  color:#6c757d;
}#route-planner-content .btn-outline-danger:hover{
  background:#dc3545;
  border-color:#dc3545;
  color:#ffffff;
}.route-empty-state{
  background:#f8f9fa;
  border-radius:0.375rem;
  padding:0.75rem;
  text-align:center;
}.route-empty-state h6{
  font-size:0.875rem;
  font-weight:600;
  color:#495057;
  margin-bottom:0.5rem;
}.route-empty-state p{
  font-size:0.8rem;
  color:#6c757d;
  margin-bottom:0.5rem;
}.route-empty-state ul{
  text-align:left;
  padding-left:1.25rem;
  margin-bottom:0.5rem;
}.route-empty-state li{
  font-size:0.75rem;
  color:#6c757d;
  margin-bottom:0.25rem;
}.route-empty-state .text-muted{
  font-size:0.75rem;
}.route-summary{
  display:flex;
  gap:0.75rem;
  background:#ffffff;
  border:1px solid #e9ecef;
  border-radius:0.375rem;
  padding:0.75rem;
  margin-bottom:0.75rem;
}.route-stat{
  flex:1;
  text-align:center;
}.route-stat strong{
  display:block;
  font-size:1rem;
  color:#0d6efd;
  margin-bottom:0.125rem;
}.route-stat small{
  color:#6c757d;
  font-size:0.75rem;
}.courses-along-route{
  margin-bottom:0.75rem;
}.courses-along-route h6{
  font-size:0.8rem;
  margin-bottom:0.5rem;
  color:#495057;
}.route-course-item{
  background:#ffffff;
  border:1px solid #e9ecef;
  border-radius:0.375rem;
  padding:1rem;
  margin-bottom:0.75rem;
  cursor:pointer;
  transition:all 0.2s ease;
}.route-course-item:hover{
  border-color:#0d6efd;
  transform:translateY(-1px);
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
}.route-course-item.selected{
  border-color:#0d6efd;
  background:#f0f7ff;
  box-shadow:0 0 0 2px rgba(13, 110, 253, 0.25);
}.route-course-item.selected:hover{
  transform:none;
}.route-course-header{
  display:flex;
  justify-content:between;
  align-items:flex-start;
  margin-bottom:0.5rem;
}.route-course-name{
  font-weight:600;
  color:#212529;
  margin:0;
  flex:1;
}.route-course-detour{
  font-size:0.875rem;
  color:#f59e0b;
  font-weight:500;
}.route-course-tags{
  display:flex;
  gap:0.5rem;
  flex-wrap:wrap;
}.route-course-tag{
  background:#e9ecef;
  color:#495057;
  padding:0.25rem 0.5rem;
  border-radius:0.25rem;
  font-size:0.75rem;
}@media (max-width: 768px){
  .route-planner-content{
    padding:0.75rem;
  }
  
  .route-summary{
    flex-direction:column;
    gap:0.75rem;
  }
  
  .route-stat{
    text-align:left;
  }
}@keyframes spin{
  to{
    transform:rotate(360deg);
  }
}#find-more-courses{
  position:relative;
  overflow:hidden;
  transition:all 0.3s ease;
}#find-more-courses:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(13, 110, 253, 0.3);
}#find-more-courses:disabled{
  transform:none;
  box-shadow:none;
}#find-more-courses small{
  font-size:0.75rem;
  line-height:1.2;
  margin-top:0.25rem;
}.no-courses-found{
  text-align:center;
  padding:2rem;
  color:#6c757d;
}.no-courses-found i{
  font-size:3rem;
  margin-bottom:1rem;
  opacity:0.5;
}.route-detour-overlay{
  position:fixed;
  background:rgba(255, 255, 255, 0.95);
  backdrop-filter:blur(5px);
  border:1px solid #e9ecef;
  border-radius:0.5rem;
  box-shadow:0 4px 20px rgba(0, 0, 0, 0.15);
  z-index:2000;
  max-width:250px;
  pointer-events:none;
  animation:fadeInScale 0.2s ease-out;
}.detour-overlay-content{
  padding:0.75rem;
}.detour-overlay-content h6{
  margin:0 0 0.5rem 0;
  font-size:0.875rem;
  font-weight:600;
  color:#212529;
  line-height:1.3;
}.detour-stats{
  display:flex;
  gap:0.75rem;
  margin-bottom:0.5rem;
}.detour-time{
  background:#fff3cd;
  color:#856404;
  padding:0.25rem 0.5rem;
  border-radius:0.25rem;
  font-size:0.75rem;
  font-weight:600;
}.detour-distance{
  background:#d1ecf1;
  color:#0c5460;
  padding:0.25rem 0.5rem;
  border-radius:0.25rem;
  font-size:0.75rem;
  font-weight:600;
}.detour-totals{
  color:#6c757d;
  font-size:0.75rem;
  border-top:1px solid #e9ecef;
  padding-top:0.5rem;
}@keyframes fadeInScale{
  from{
    opacity:0;
    transform:scale(0.9) translateY(10px);
  }
  to{
    opacity:1;
    transform:scale(1) translateY(0);
  }
}.osm-review-item{
  transition:background-color 0.2s ease;
}.osm-review-item:hover{
  background-color:#f8f9fa;
}.osm-review-item .feature-details{
  display:none;
  border-top:1px solid #e9ecef;
  padding-top:0.5rem;
}.osm-review-item .feature-details.show{
  display:block;
}.osm-review-item .feature-details table{
  font-size:0.8rem;
}.osm-review-item .feature-details td{
  padding:0.1rem 0;
}.tile-loading-indicator{
  position:absolute;
  top:20px;
  right:20px;
  background-color:rgba(var(--bs-body-bg-rgb), 0.95);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1000;
  border-radius:8px;
  padding:0.75rem 1rem;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
  border:1px solid var(--bs-border-color);
  max-width:200px;
}.tile-loading-indicator.show{
  display:flex;
}.tile-loading-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
  padding:2rem;
  background:var(--bs-body-bg);
  border:1px solid var(--bs-border-color);
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);
}.loading-spinner{
  width:32px;
  height:32px;
  border:3px solid var(--bs-primary-bg-subtle);
  border-top:3px solid var(--bs-primary);
  border-radius:50%;
  animation:spin 1s linear infinite;
}@keyframes spin{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}.loading-text{
  color:var(--bs-body-color);
  font-size:0.9rem;
  font-weight:500;
}.tile-error-indicator{
  position:absolute;
  bottom:80px;
  right:20px;
  max-width:300px;
  display:none;
  z-index:1001;
  animation:slideInRight 0.3s ease-out;
}.tile-error-indicator.show{
  display:block;
}.tile-error-content{
  display:flex;
  align-items:center;
  gap:0.75rem;
  padding:1rem;
  background:var(--bs-danger-bg-subtle);
  border:1px solid var(--bs-danger-border-subtle);
  border-radius:8px;
  box-shadow:0 4px 12px rgba(220, 53, 69, 0.2);
}.tile-error-content i{
  color:var(--bs-danger);
  font-size:1.2rem;
  flex-shrink:0;
}.error-text{
  color:var(--bs-danger-text-emphasis);
  font-size:0.875rem;
  font-weight:500;
  flex-grow:1;
}.retry-btn{
  background:var(--bs-danger);
  color:#ffffff;
  border:none;
  border-radius:4px;
  padding:0.375rem 0.75rem;
  font-size:0.875rem;
  font-weight:500;
  cursor:pointer;
  transition:background-color 0.15s ease;
  flex-shrink:0;
}.retry-btn:hover{
  background:var(--bs-danger-hover);
}.retry-btn:active{
  transform:translateY(1px);
}.offline-indicator{
  position:fixed;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  background:var(--bs-warning-bg-subtle);
  border:1px solid var(--bs-warning-border-subtle);
  color:var(--bs-warning-text-emphasis);
  padding:0.75rem 1.5rem;
  border-radius:20px;
  font-size:0.875rem;
  font-weight:500;
  z-index:1002;
  display:none;
  align-items:center;
  gap:0.5rem;
  box-shadow:0 4px 12px rgba(255, 193, 7, 0.2);
  animation:slideInDown 0.3s ease-out;
}.offline-indicator.show{
  display:flex;
}.offline-indicator:before{
  content:"⚠️";
  font-size:1rem;
}@keyframes slideInRight{
  from{
    transform:translateX(100%);
    opacity:0;
  }
  to{
    transform:translateX(0);
    opacity:1;
  }
}@keyframes slideInDown{
  from{
    transform:translate(-50%, -100%);
    opacity:0;
  }
  to{
    transform:translate(-50%, 0);
    opacity:1;
  }
}@media (max-width: 768px){
  .tile-error-indicator{
    bottom:100px;
    left:20px;
    right:20px;
    max-width:none;
  }

  .tile-loading-content{
    margin:0 20px;
    padding:1.5rem;
  }

  .loading-text{
    text-align:center;
  }

  .offline-indicator{
    left:20px;
    right:20px;
    transform:none;
    border-radius:8px;
  }
}@media (prefers-contrast: high){
  .tile-loading-indicator{
    background-color:rgba(255, 255, 255, 0.95);
  }
  
  .tile-loading-content{
    border-width:2px;
  }
  
  .loading-spinner{
    border-width:4px;
  }
}@media (prefers-reduced-motion: reduce){
  .loading-spinner{
    animation:none;
  }
  
  .tile-error-indicator,
  .offline-indicator{
    animation:none;
  }
  
  .retry-btn:active{
    transform:none;
  }
}.cache-status-indicator{
  position:absolute;
  top:20px;
  left:20px;
  background-color:rgba(var(--bs-body-bg-rgb), 0.95);
  border:1px solid var(--bs-border-color);
  border-radius:8px;
  padding:0.75rem;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
  z-index:1000;
  max-width:300px;
  display:none;
  transition:all 0.3s ease;
}.cache-status-indicator.show{
  display:block;
}.cache-status-header{
  display:flex;
  align-items:center;
  gap:0.5rem;
  margin-bottom:0.5rem;
  font-weight:500;
  color:var(--bs-body-color);
}.cache-status-header i{
  font-size:1.2rem;
  color:var(--bs-primary);
}.cache-stats-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.5rem;
  margin-bottom:0.75rem;
}.cache-stat-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0.5rem;
  background:var(--bs-primary-bg-subtle);
  border-radius:6px;
  text-align:center;
}.cache-stat-value{
  font-size:1.1rem;
  font-weight:600;
  color:var(--bs-primary);
  line-height:1;
}.cache-stat-label{
  font-size:0.75rem;
  color:var(--bs-secondary);
  margin-top:0.25rem;
}.storage-usage-container{
  margin-bottom:0.75rem;
}.storage-usage-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.875rem;
  margin-bottom:0.25rem;
  color:var(--bs-body-color);
}.storage-usage-bar{
  height:8px;
  background:var(--bs-border-color);
  border-radius:4px;
  overflow:hidden;
  position:relative;
}.storage-usage-fill{
  height:100%;
  background:var(--bs-success);
  transition:all 0.3s ease;
  border-radius:4px;
}.storage-usage-fill.warning{
  background:var(--bs-warning);
}.storage-usage-fill.danger{
  background:var(--bs-danger);
}.cache-controls{
  display:flex;
  gap:0.5rem;
  flex-wrap:wrap;
}.cache-control-btn{
  flex:1;
  min-width:0;
  padding:0.375rem 0.75rem;
  font-size:0.875rem;
  font-weight:500;
  border:1px solid var(--bs-border-color);
  border-radius:4px;
  background:var(--bs-body-bg);
  color:var(--bs-body-color);
  cursor:pointer;
  transition:all 0.15s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.25rem;
}.cache-control-btn:hover{
  background:var(--bs-primary-bg-subtle);
  border-color:var(--bs-primary-border-subtle);
  color:var(--bs-primary);
}.cache-control-btn:active{
  transform:translateY(1px);
}.cache-control-btn.danger:hover{
  background:var(--bs-danger-bg-subtle);
  border-color:var(--bs-danger-border-subtle);
  color:var(--bs-danger);
}.cache-control-btn i{
  font-size:0.875rem;
}.cache-detail-modal{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0, 0, 0, 0.5);
  z-index:2000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:2rem;
}.cache-detail-modal.show{
  display:flex;
}.cache-detail-content{
  background:var(--bs-body-bg);
  border:1px solid var(--bs-border-color);
  border-radius:12px;
  box-shadow:0 8px 32px rgba(0, 0, 0, 0.2);
  max-width:600px;
  width:100%;
  max-height:80vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}.cache-detail-header{
  padding:1.5rem;
  border-bottom:1px solid var(--bs-border-color);
  display:flex;
  align-items:center;
  justify-content:space-between;
}.cache-detail-title{
  font-size:1.25rem;
  font-weight:600;
  color:var(--bs-body-color);
  margin:0;
  display:flex;
  align-items:center;
  gap:0.5rem;
}.cache-detail-close{
  background:none;
  border:none;
  font-size:1.5rem;
  color:var(--bs-secondary);
  cursor:pointer;
  padding:0.25rem;
  line-height:1;
  border-radius:4px;
  transition:all 0.15s ease;
}.cache-detail-close:hover{
  color:var(--bs-body-color);
  background:var(--bs-secondary-bg);
}.cache-detail-body{
  padding:1.5rem;
  overflow-y:auto;
  flex-grow:1;
}.cache-categories{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));
  gap:1rem;
  margin-bottom:1.5rem;
}.cache-category{
  text-align:center;
  padding:1rem;
  background:var(--bs-body-bg);
  border:1px solid var(--bs-border-color);
  border-radius:8px;
  transition:all 0.15s ease;
}.cache-category:hover{
  border-color:var(--bs-primary-border-subtle);
  background:var(--bs-primary-bg-subtle);
}.cache-category-count{
  font-size:1.5rem;
  font-weight:600;
  color:var(--bs-primary);
  line-height:1;
  margin-bottom:0.25rem;
}.cache-category-label{
  font-size:0.875rem;
  color:var(--bs-secondary);
  text-transform:uppercase;
  letter-spacing:0.5px;
}.cache-items-list{
  max-height:300px;
  overflow-y:auto;
  border:1px solid var(--bs-border-color);
  border-radius:6px;
}.cache-item{
  padding:0.75rem 1rem;
  border-bottom:1px solid var(--bs-border-color);
  font-size:0.875rem;
  font-family:'SF Mono', Monaco, 'Cascadia Code', monospace;
  word-break:break-all;
  transition:background-color 0.15s ease;
}.cache-item:last-child{
  border-bottom:none;
}.cache-item:hover{
  background:var(--bs-secondary-bg);
}.cache-quick-actions{
  position:fixed;
  bottom:20px;
  right:20px;
  display:flex;
  flex-direction:column;
  gap:0.5rem;
  z-index:1000;
}.cache-quick-action{
  width:48px;
  height:48px;
  border-radius:24px;
  background:var(--bs-primary);
  color:#ffffff;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.2rem;
  box-shadow:0 4px 16px rgba(var(--bs-primary-rgb), 0.3);
  transition:all 0.3s ease;
}.cache-quick-action:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(var(--bs-primary-rgb), 0.4);
}.cache-quick-action.danger{
  background:var(--bs-danger);
  box-shadow:0 4px 16px rgba(var(--bs-danger-rgb), 0.3);
}.cache-quick-action.danger:hover{
  box-shadow:0 6px 20px rgba(var(--bs-danger-rgb), 0.4);
}@media (max-width: 768px){
  .cache-status-indicator{
    left:10px;
    right:10px;
    top:10px;
    max-width:none;
  }

  .cache-stats-grid{
    grid-template-columns:1fr;
  }

  .cache-controls{
    flex-direction:column;
  }

  .cache-control-btn{
    flex:none;
  }

  .cache-detail-modal{
    padding:1rem;
  }

  .cache-detail-content{
    max-height:90vh;
  }

  .cache-categories{
    grid-template-columns:repeat(2, 1fr);
    gap:0.5rem;
  }

  .cache-category{
    padding:0.75rem;
  }

  .cache-quick-actions{
    bottom:10px;
    right:10px;
  }

  .cache-quick-action{
    width:44px;
    height:44px;
    border-radius:22px;
    font-size:1.1rem;
  }
}@media (prefers-contrast: high){
  .cache-status-indicator{
    border-width:2px;
  }

  .cache-control-btn{
    border-width:2px;
  }

  .storage-usage-bar{
    border:1px solid var(--bs-border-color);
  }
}@media (prefers-reduced-motion: reduce){
  .cache-status-indicator,
  .cache-control-btn,
  .cache-quick-action,
  .storage-usage-fill{
    transition:none;
  }

  .cache-quick-action:hover{
    transform:none;
  }

  .cache-control-btn:active{
    transform:none;
  }
}.reachability-legend{
  position:absolute;
  bottom:40px;
  left:10px;
  background:rgba(255, 255, 255, 0.92);
  backdrop-filter:blur(8px);
  border-radius:8px;
  padding:10px 14px;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);
  z-index:100;
  font-size:12px;
  min-width:100px;
  transition:opacity 0.2s ease, transform 0.2s ease;
}.reachability-legend.hidden{
  display:none;
}.reachability-legend-title{
  font-weight:600;
  margin-bottom:8px;
  color:#333333;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}.reachability-legend-items{
  display:flex;
  flex-direction:column;
  gap:6px;
}.reachability-legend-item{
  display:flex;
  align-items:center;
  gap:8px;
  color:#555555;
}.reachability-color{
  width:16px;
  height:16px;
  border-radius:3px;
  border:1px solid rgba(0, 0, 0, 0.1);
  flex-shrink:0;
}@media (prefers-color-scheme: dark){
  .reachability-legend{
    background:rgba(40, 40, 40, 0.92);
    color:#e0e0e0;
  }

  .reachability-legend-title{
    color:#e0e0e0;
  }

  .reachability-legend-item{
    color:#cccccc;
  }
}@media (max-width: 768px){
  .reachability-legend{
    bottom:30px;
    left:8px;
    padding:8px 12px;
    font-size:11px;
  }

  .reachability-color{
    width:14px;
    height:14px;
  }
}.layout-selector-container{
  margin-top:0.5rem;
}.layout-selector{
  display:flex;
  flex-wrap:wrap;
  gap:0.25rem;
  margin-bottom:0.5rem;
}.layout-pill{
  display:inline-flex;
  align-items:center;
  gap:0.25rem;
  padding:0.2rem 0.5rem;
  font-size:0.7rem;
  font-weight:500;
  border:1px solid #dee2e6;
  border-radius:1rem;
  background:#ffffff;
  color:#495057;
  cursor:pointer;
  transition:background 0.15s ease, border-color 0.15s ease;
  line-height:1.3;
}.layout-pill:hover{
  border-color:#0d6efd;
  background:#f0f6ff;
}.layout-pill.active{
  background:#0d6efd;
  border-color:#0d6efd;
  color:#ffffff;
}.layout-pill-swatch{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  border:1px solid rgba(0, 0, 0, 0.2);
  flex-shrink:0;
}.layout-pill.active .layout-pill-swatch{
  border-color:rgba(255, 255, 255, 0.5);
}.layout-hole-list{
  margin-top:0.25rem;
}.layout-zoom-hint{
  font-size:0.7rem;
  color:#6c757d;
  font-style:italic;
  padding:0.25rem 0;
}.hole-table{
  width:100%;
  font-size:0.7rem;
  border-collapse:collapse;
}.hole-table th{
  font-weight:600;
  text-align:left;
  padding:0.2rem 0.4rem;
  border-bottom:1px solid #dee2e6;
  color:#6c757d;
  font-size:0.65rem;
  text-transform:uppercase;
}.hole-table td{
  padding:0.15rem 0.4rem;
  border-bottom:1px solid #f0f0f0;
}.hole-table tr:last-child td{
  border-bottom:none;
}.hole-table td .layout-pill-swatch{
  margin-right:0.2rem;
  vertical-align:middle;
}