@swisspost/internet-header 1.5.4 → 1.5.6

package/dist/collection/components/post-search/post-search.css

@@ -93,7 +93,7 @@
   color: #000;
   background-color: #fff;
   background-clip: padding-box;
-  border: 2px solid #666666;
+  border: 2px solid hsl(0, 0%, 40%);
   appearance: none;
   border-radius: 0;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -120,13 +120,13 @@
   height: 1.4em;
 }
 .form-control::placeholder {
-  color: #666666;
+  color: hsl(0, 0%, 40%);
   opacity: 1;
 }
 .form-control:disabled {
-  color: #666666;
+  color: hsl(0, 0%, 40%);
   background-color: rgba(var(--post-contrast-color-inverted-rgb), 0.6);
-  border-color: #cccccc;
+  border-color: hsl(0, 0%, 80%);
   opacity: 1;
 }
 .form-control::file-selector-button {
@@ -141,7 +141,7 @@
   border-width: 0;
   border-inline-end-width: 2px;
   border-radius: 0;
-  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: opacity 250ms, border-color 250ms, background-color 250ms, color 250ms;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-control::file-selector-button {
@@ -241,7 +241,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   background-repeat: no-repeat;
   background-position: right 1.125rem center;
   background-size: 14px 14px;
-  border: 2px solid #666666;
+  border: 2px solid hsl(0, 0%, 40%);
   border-radius: 0;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   appearance: none;
@@ -261,9 +261,9 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   background-image: none;
 }
 .form-select:disabled {
-  color: #666666;
+  color: hsl(0, 0%, 40%);
   background-color: rgba(var(--post-contrast-color-inverted-rgb), 0.6);
-  border-color: #cccccc;
+  border-color: hsl(0, 0%, 80%);
 }
 .form-select:-moz-focusring {
   color: transparent;
@@ -317,7 +317,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
-  border: 2px solid #666666;
+  border: 2px solid hsl(0, 0%, 40%);
   appearance: none;
   print-color-adjust: exact;
 }
@@ -371,7 +371,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 .form-switch .form-check-input {
   width: 4rem;
   margin-left: 0;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='15' stroke='%23666666' stroke-width='2' fill='%23fff'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 -16 32 32'%3e%3ccircle r='15' stroke='hsl%280, 0%, 40%%29' stroke-width='2' fill='%23fff'/%3e%3c/svg%3e");
   background-position: left center;
   border-radius: 4rem;
   transition: background-position 250ms cubic-bezier(0.4, 0, 0.2, 1), background-color 250ms;
@@ -455,7 +455,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   height: 0.2rem;
   color: transparent;
   cursor: pointer;
-  background-color: #cccccc;
+  background-color: hsl(0, 0%, 80%);
   border-color: transparent;
   border-radius: 1rem;
 }
@@ -481,7 +481,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   height: 0.2rem;
   color: transparent;
   cursor: pointer;
-  background-color: #cccccc;
+  background-color: hsl(0, 0%, 80%);
   border-color: transparent;
   border-radius: 1rem;
 }
@@ -602,7 +602,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   text-align: center;
   white-space: nowrap;
   background-color: rgba(var(--post-contrast-color-inverted-rgb), 0.6);
-  border: 2px solid #666666;
+  border: 2px solid hsl(0, 0%, 40%);
   border-radius: 0;
 }
 
@@ -659,7 +659,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   width: 100%;
   margin-top: 0;
   font-size: 1rem;
-  color: #666666;
+  color: hsl(0, 0%, 40%);
 }
 
 .valid-tooltip {
@@ -684,7 +684,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 }
 
 .was-validated .form-control:valid, .form-control.is-valid {
-  border-color: #666666;
+  border-color: hsl(0, 0%, 40%);
   padding-right: 3.15rem;
   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24pt' height='24pt' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%280%25,50.588235%25,22.745098%25%29;fill-opacity:1;' d='M 9.5 18.398438 L 3.800781 12.699219 L 5.199219 11.300781 L 9.5 15.597656 L 18.800781 6.300781 L 20.199219 7.699219 Z M 9.5 18.398438 '/%3E%3C/g%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
@@ -692,7 +692,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   background-size: calc(0.7em + 0.875rem) calc(0.7em + 0.875rem);
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
-  border-color: #666666;
+  border-color: hsl(0, 0%, 40%);
   box-shadow: 0 0 0 0.125rem rgba(102, 102, 102, 0.25);
 }
 
@@ -702,7 +702,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 }
 
 .was-validated .form-select:valid, .form-select.is-valid {
-  border-color: #666666;
+  border-color: hsl(0, 0%, 40%);
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
   padding-right: 6.1875rem;
@@ -711,7 +711,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   background-size: 14px 14px, calc(0.7em + 0.875rem) calc(0.7em + 0.875rem);
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
-  border-color: #666666;
+  border-color: hsl(0, 0%, 40%);
   box-shadow: 0 0 0 0.125rem rgba(102, 102, 102, 0.25);
 }
 
@@ -720,16 +720,16 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 }
 
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
-  border-color: #666666;
+  border-color: hsl(0, 0%, 40%);
 }
 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
-  background-color: #666666;
+  background-color: hsl(0, 0%, 40%);
 }
 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
   box-shadow: 0 0 0 0.125rem rgba(102, 102, 102, 0.25);
 }
 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
-  color: #666666;
+  color: hsl(0, 0%, 40%);
 }
 
 .form-check-inline .form-check-input ~ .valid-feedback {
@@ -849,10 +849,10 @@ select.form-control-rg:not([size]):not([multiple]) {
   position: relative;
 }
 .form-control:disabled {
-  color: #666666;
+  color: hsl(0, 0%, 40%);
 }
 .form-control[readonly]:not(:disabled) {
-  border-color: #666666;
+  border-color: hsl(0, 0%, 40%);
   background-color: #fff;
 }
 .form-control[type=file] {
@@ -919,7 +919,7 @@ select.form-control-rg:not([size]):not([multiple]) {
     );
   height: 4.25rem;
   border: 0;
-  color: #666666;
+  color: hsl(0, 0%, 40%);
   font-size: 1.0625rem;
   max-width: calc(100% - 4px);
   white-space: nowrap;
@@ -1015,16 +1015,16 @@ select.form-control-rg:not([size]):not([multiple]) {
 }
 @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
   .form-floating > input,
-.form-floating > textarea {
+  .form-floating > textarea {
     /* stylelint-disable */
     /* stylelint-enable */
   }
   .form-floating > input::placeholder,
-.form-floating > textarea::placeholder {
+  .form-floating > textarea::placeholder {
     opacity: 0;
   }
   .form-floating > input::input-placeholder,
-.form-floating > textarea::input-placeholder {
+  .form-floating > textarea::input-placeholder {
     opacity: 0;
   }
 }
@@ -1259,212 +1259,168 @@ select.form-control-rg:not([size]):not([multiple]) {
   .col-sm {
     flex: 1 0 0%;
   }
-
   .row-cols-sm-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
-
   .row-cols-sm-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .row-cols-sm-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
-
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .row-cols-sm-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
-
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
-
   .col-sm-auto {
     flex: 0 0 auto;
     width: auto;
   }
-
   .col-sm-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
-
   .col-sm-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
-
   .col-sm-3 {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .col-sm-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
-
   .col-sm-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
-
   .col-sm-6 {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .col-sm-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
-
   .col-sm-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
-
   .col-sm-9 {
     flex: 0 0 auto;
     width: 75%;
   }
-
   .col-sm-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
-
   .col-sm-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
-
   .col-sm-12 {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .offset-sm-0 {
     margin-left: 0;
   }
-
   .offset-sm-1 {
     margin-left: 8.33333333%;
   }
-
   .offset-sm-2 {
     margin-left: 16.66666667%;
   }
-
   .offset-sm-3 {
     margin-left: 25%;
   }
-
   .offset-sm-4 {
     margin-left: 33.33333333%;
   }
-
   .offset-sm-5 {
     margin-left: 41.66666667%;
   }
-
   .offset-sm-6 {
     margin-left: 50%;
   }
-
   .offset-sm-7 {
     margin-left: 58.33333333%;
   }
-
   .offset-sm-8 {
     margin-left: 66.66666667%;
   }
-
   .offset-sm-9 {
     margin-left: 75%;
   }
-
   .offset-sm-10 {
     margin-left: 83.33333333%;
   }
-
   .offset-sm-11 {
     margin-left: 91.66666667%;
   }
-
   .g-sm-0,
-.gx-sm-0 {
+  .gx-sm-0 {
     --bs-gutter-x: 0;
   }
-
   .g-sm-0,
-.gy-sm-0 {
+  .gy-sm-0 {
     --bs-gutter-y: 0;
   }
-
   .g-sm-1,
-.gx-sm-1 {
+  .gx-sm-1 {
     --bs-gutter-x: 0.25rem;
   }
-
   .g-sm-1,
-.gy-sm-1 {
+  .gy-sm-1 {
     --bs-gutter-y: 0.25rem;
   }
-
   .g-sm-2,
-.gx-sm-2 {
+  .gx-sm-2 {
     --bs-gutter-x: 0.5rem;
   }
-
   .g-sm-2,
-.gy-sm-2 {
+  .gy-sm-2 {
     --bs-gutter-y: 0.5rem;
   }
-
   .g-sm-3,
-.gx-sm-3 {
+  .gx-sm-3 {
     --bs-gutter-x: 1rem;
   }
-
   .g-sm-3,
-.gy-sm-3 {
+  .gy-sm-3 {
     --bs-gutter-y: 1rem;
   }
-
   .g-sm-4,
-.gx-sm-4 {
+  .gx-sm-4 {
     --bs-gutter-x: 1.5rem;
   }
-
   .g-sm-4,
-.gy-sm-4 {
+  .gy-sm-4 {
     --bs-gutter-y: 1.5rem;
   }
-
   .g-sm-5,
-.gx-sm-5 {
+  .gx-sm-5 {
     --bs-gutter-x: 3rem;
   }
-
   .g-sm-5,
-.gy-sm-5 {
+  .gy-sm-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -1472,212 +1428,168 @@ select.form-control-rg:not([size]):not([multiple]) {
   .col-rg {
     flex: 1 0 0%;
   }
-
   .row-cols-rg-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
-
   .row-cols-rg-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .row-cols-rg-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .row-cols-rg-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
-
   .row-cols-rg-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .row-cols-rg-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
-
   .row-cols-rg-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
-
   .col-rg-auto {
     flex: 0 0 auto;
     width: auto;
   }
-
   .col-rg-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
-
   .col-rg-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
-
   .col-rg-3 {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .col-rg-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
-
   .col-rg-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
-
   .col-rg-6 {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .col-rg-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
-
   .col-rg-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
-
   .col-rg-9 {
     flex: 0 0 auto;
     width: 75%;
   }
-
   .col-rg-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
-
   .col-rg-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
-
   .col-rg-12 {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .offset-rg-0 {
     margin-left: 0;
   }
-
   .offset-rg-1 {
     margin-left: 8.33333333%;
   }
-
   .offset-rg-2 {
     margin-left: 16.66666667%;
   }
-
   .offset-rg-3 {
     margin-left: 25%;
   }
-
   .offset-rg-4 {
     margin-left: 33.33333333%;
   }
-
   .offset-rg-5 {
     margin-left: 41.66666667%;
   }
-
   .offset-rg-6 {
     margin-left: 50%;
   }
-
   .offset-rg-7 {
     margin-left: 58.33333333%;
   }
-
   .offset-rg-8 {
     margin-left: 66.66666667%;
   }
-
   .offset-rg-9 {
     margin-left: 75%;
   }
-
   .offset-rg-10 {
     margin-left: 83.33333333%;
   }
-
   .offset-rg-11 {
     margin-left: 91.66666667%;
   }
-
   .g-rg-0,
-.gx-rg-0 {
+  .gx-rg-0 {
     --bs-gutter-x: 0;
   }
-
   .g-rg-0,
-.gy-rg-0 {
+  .gy-rg-0 {
     --bs-gutter-y: 0;
   }
-
   .g-rg-1,
-.gx-rg-1 {
+  .gx-rg-1 {
     --bs-gutter-x: 0.25rem;
   }
-
   .g-rg-1,
-.gy-rg-1 {
+  .gy-rg-1 {
     --bs-gutter-y: 0.25rem;
   }
-
   .g-rg-2,
-.gx-rg-2 {
+  .gx-rg-2 {
     --bs-gutter-x: 0.5rem;
   }
-
   .g-rg-2,
-.gy-rg-2 {
+  .gy-rg-2 {
     --bs-gutter-y: 0.5rem;
   }
-
   .g-rg-3,
-.gx-rg-3 {
+  .gx-rg-3 {
     --bs-gutter-x: 1rem;
   }
-
   .g-rg-3,
-.gy-rg-3 {
+  .gy-rg-3 {
     --bs-gutter-y: 1rem;
   }
-
   .g-rg-4,
-.gx-rg-4 {
+  .gx-rg-4 {
     --bs-gutter-x: 1.5rem;
   }
-
   .g-rg-4,
-.gy-rg-4 {
+  .gy-rg-4 {
     --bs-gutter-y: 1.5rem;
   }
-
   .g-rg-5,
-.gx-rg-5 {
+  .gx-rg-5 {
     --bs-gutter-x: 3rem;
   }
-
   .g-rg-5,
-.gy-rg-5 {
+  .gy-rg-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -1685,212 +1597,168 @@ select.form-control-rg:not([size]):not([multiple]) {
   .col-md {
     flex: 1 0 0%;
   }
-
   .row-cols-md-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
-
   .row-cols-md-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .row-cols-md-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .row-cols-md-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
-
   .row-cols-md-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .row-cols-md-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
-
   .row-cols-md-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
-
   .col-md-auto {
     flex: 0 0 auto;
     width: auto;
   }
-
   .col-md-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
-
   .col-md-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
-
   .col-md-3 {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .col-md-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
-
   .col-md-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
-
   .col-md-6 {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .col-md-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
-
   .col-md-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
-
   .col-md-9 {
     flex: 0 0 auto;
     width: 75%;
   }
-
   .col-md-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
-
   .col-md-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
-
   .col-md-12 {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .offset-md-0 {
     margin-left: 0;
   }
-
   .offset-md-1 {
     margin-left: 8.33333333%;
   }
-
   .offset-md-2 {
     margin-left: 16.66666667%;
   }
-
   .offset-md-3 {
     margin-left: 25%;
   }
-
   .offset-md-4 {
     margin-left: 33.33333333%;
   }
-
   .offset-md-5 {
     margin-left: 41.66666667%;
   }
-
   .offset-md-6 {
     margin-left: 50%;
   }
-
   .offset-md-7 {
     margin-left: 58.33333333%;
   }
-
   .offset-md-8 {
     margin-left: 66.66666667%;
   }
-
   .offset-md-9 {
     margin-left: 75%;
   }
-
   .offset-md-10 {
     margin-left: 83.33333333%;
   }
-
   .offset-md-11 {
     margin-left: 91.66666667%;
   }
-
   .g-md-0,
-.gx-md-0 {
+  .gx-md-0 {
     --bs-gutter-x: 0;
   }
-
   .g-md-0,
-.gy-md-0 {
+  .gy-md-0 {
     --bs-gutter-y: 0;
   }
-
   .g-md-1,
-.gx-md-1 {
+  .gx-md-1 {
     --bs-gutter-x: 0.25rem;
   }
-
   .g-md-1,
-.gy-md-1 {
+  .gy-md-1 {
     --bs-gutter-y: 0.25rem;
   }
-
   .g-md-2,
-.gx-md-2 {
+  .gx-md-2 {
     --bs-gutter-x: 0.5rem;
   }
-
   .g-md-2,
-.gy-md-2 {
+  .gy-md-2 {
     --bs-gutter-y: 0.5rem;
   }
-
   .g-md-3,
-.gx-md-3 {
+  .gx-md-3 {
     --bs-gutter-x: 1rem;
   }
-
   .g-md-3,
-.gy-md-3 {
+  .gy-md-3 {
     --bs-gutter-y: 1rem;
   }
-
   .g-md-4,
-.gx-md-4 {
+  .gx-md-4 {
     --bs-gutter-x: 1.5rem;
   }
-
   .g-md-4,
-.gy-md-4 {
+  .gy-md-4 {
     --bs-gutter-y: 1.5rem;
   }
-
   .g-md-5,
-.gx-md-5 {
+  .gx-md-5 {
     --bs-gutter-x: 3rem;
   }
-
   .g-md-5,
-.gy-md-5 {
+  .gy-md-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -1898,212 +1766,168 @@ select.form-control-rg:not([size]):not([multiple]) {
   .col-lg {
     flex: 1 0 0%;
   }
-
   .row-cols-lg-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
-
   .row-cols-lg-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .row-cols-lg-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
-
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .row-cols-lg-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
-
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
-
   .col-lg-auto {
     flex: 0 0 auto;
     width: auto;
   }
-
   .col-lg-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
-
   .col-lg-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
-
   .col-lg-3 {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .col-lg-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
-
   .col-lg-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
-
   .col-lg-6 {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .col-lg-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
-
   .col-lg-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
-
   .col-lg-9 {
     flex: 0 0 auto;
     width: 75%;
   }
-
   .col-lg-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
-
   .col-lg-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
-
   .col-lg-12 {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .offset-lg-0 {
     margin-left: 0;
   }
-
   .offset-lg-1 {
     margin-left: 8.33333333%;
   }
-
   .offset-lg-2 {
     margin-left: 16.66666667%;
   }
-
   .offset-lg-3 {
     margin-left: 25%;
   }
-
   .offset-lg-4 {
     margin-left: 33.33333333%;
   }
-
   .offset-lg-5 {
     margin-left: 41.66666667%;
   }
-
   .offset-lg-6 {
     margin-left: 50%;
   }
-
   .offset-lg-7 {
     margin-left: 58.33333333%;
   }
-
   .offset-lg-8 {
     margin-left: 66.66666667%;
   }
-
   .offset-lg-9 {
     margin-left: 75%;
   }
-
   .offset-lg-10 {
     margin-left: 83.33333333%;
   }
-
   .offset-lg-11 {
     margin-left: 91.66666667%;
   }
-
   .g-lg-0,
-.gx-lg-0 {
+  .gx-lg-0 {
     --bs-gutter-x: 0;
   }
-
   .g-lg-0,
-.gy-lg-0 {
+  .gy-lg-0 {
     --bs-gutter-y: 0;
   }
-
   .g-lg-1,
-.gx-lg-1 {
+  .gx-lg-1 {
     --bs-gutter-x: 0.25rem;
   }
-
   .g-lg-1,
-.gy-lg-1 {
+  .gy-lg-1 {
     --bs-gutter-y: 0.25rem;
   }
-
   .g-lg-2,
-.gx-lg-2 {
+  .gx-lg-2 {
     --bs-gutter-x: 0.5rem;
   }
-
   .g-lg-2,
-.gy-lg-2 {
+  .gy-lg-2 {
     --bs-gutter-y: 0.5rem;
   }
-
   .g-lg-3,
-.gx-lg-3 {
+  .gx-lg-3 {
     --bs-gutter-x: 1rem;
   }
-
   .g-lg-3,
-.gy-lg-3 {
+  .gy-lg-3 {
     --bs-gutter-y: 1rem;
   }
-
   .g-lg-4,
-.gx-lg-4 {
+  .gx-lg-4 {
     --bs-gutter-x: 1.5rem;
   }
-
   .g-lg-4,
-.gy-lg-4 {
+  .gy-lg-4 {
     --bs-gutter-y: 1.5rem;
   }
-
   .g-lg-5,
-.gx-lg-5 {
+  .gx-lg-5 {
     --bs-gutter-x: 3rem;
   }
-
   .g-lg-5,
-.gy-lg-5 {
+  .gy-lg-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -2111,212 +1935,168 @@ select.form-control-rg:not([size]):not([multiple]) {
   .col-xl {
     flex: 1 0 0%;
   }
-
   .row-cols-xl-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
-
   .row-cols-xl-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .row-cols-xl-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
-
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .row-cols-xl-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
-
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
-
   .col-xl-auto {
     flex: 0 0 auto;
     width: auto;
   }
-
   .col-xl-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
-
   .col-xl-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
-
   .col-xl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .col-xl-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
-
   .col-xl-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
-
   .col-xl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .col-xl-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
-
   .col-xl-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
-
   .col-xl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
-
   .col-xl-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
-
   .col-xl-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
-
   .col-xl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .offset-xl-0 {
     margin-left: 0;
   }
-
   .offset-xl-1 {
     margin-left: 8.33333333%;
   }
-
   .offset-xl-2 {
     margin-left: 16.66666667%;
   }
-
   .offset-xl-3 {
     margin-left: 25%;
   }
-
   .offset-xl-4 {
     margin-left: 33.33333333%;
   }
-
   .offset-xl-5 {
     margin-left: 41.66666667%;
   }
-
   .offset-xl-6 {
     margin-left: 50%;
   }
-
   .offset-xl-7 {
     margin-left: 58.33333333%;
   }
-
   .offset-xl-8 {
     margin-left: 66.66666667%;
   }
-
   .offset-xl-9 {
     margin-left: 75%;
   }
-
   .offset-xl-10 {
     margin-left: 83.33333333%;
   }
-
   .offset-xl-11 {
     margin-left: 91.66666667%;
   }
-
   .g-xl-0,
-.gx-xl-0 {
+  .gx-xl-0 {
     --bs-gutter-x: 0;
   }
-
   .g-xl-0,
-.gy-xl-0 {
+  .gy-xl-0 {
     --bs-gutter-y: 0;
   }
-
   .g-xl-1,
-.gx-xl-1 {
+  .gx-xl-1 {
     --bs-gutter-x: 0.25rem;
   }
-
   .g-xl-1,
-.gy-xl-1 {
+  .gy-xl-1 {
     --bs-gutter-y: 0.25rem;
   }
-
   .g-xl-2,
-.gx-xl-2 {
+  .gx-xl-2 {
     --bs-gutter-x: 0.5rem;
   }
-
   .g-xl-2,
-.gy-xl-2 {
+  .gy-xl-2 {
     --bs-gutter-y: 0.5rem;
   }
-
   .g-xl-3,
-.gx-xl-3 {
+  .gx-xl-3 {
     --bs-gutter-x: 1rem;
   }
-
   .g-xl-3,
-.gy-xl-3 {
+  .gy-xl-3 {
     --bs-gutter-y: 1rem;
   }
-
   .g-xl-4,
-.gx-xl-4 {
+  .gx-xl-4 {
     --bs-gutter-x: 1.5rem;
   }
-
   .g-xl-4,
-.gy-xl-4 {
+  .gy-xl-4 {
     --bs-gutter-y: 1.5rem;
   }
-
   .g-xl-5,
-.gx-xl-5 {
+  .gx-xl-5 {
     --bs-gutter-x: 3rem;
   }
-
   .g-xl-5,
-.gy-xl-5 {
+  .gy-xl-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -2324,212 +2104,168 @@ select.form-control-rg:not([size]):not([multiple]) {
   .col-xxl {
     flex: 1 0 0%;
   }
-
   .row-cols-xxl-auto > * {
     flex: 0 0 auto;
     width: auto;
   }
-
   .row-cols-xxl-1 > * {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .row-cols-xxl-2 > * {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }
-
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .row-cols-xxl-5 > * {
     flex: 0 0 auto;
     width: 20%;
   }
-
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }
-
   .col-xxl-auto {
     flex: 0 0 auto;
     width: auto;
   }
-
   .col-xxl-1 {
     flex: 0 0 auto;
     width: 8.33333333%;
   }
-
   .col-xxl-2 {
     flex: 0 0 auto;
     width: 16.66666667%;
   }
-
   .col-xxl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
-
   .col-xxl-4 {
     flex: 0 0 auto;
     width: 33.33333333%;
   }
-
   .col-xxl-5 {
     flex: 0 0 auto;
     width: 41.66666667%;
   }
-
   .col-xxl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
-
   .col-xxl-7 {
     flex: 0 0 auto;
     width: 58.33333333%;
   }
-
   .col-xxl-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }
-
   .col-xxl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
-
   .col-xxl-10 {
     flex: 0 0 auto;
     width: 83.33333333%;
   }
-
   .col-xxl-11 {
     flex: 0 0 auto;
     width: 91.66666667%;
   }
-
   .col-xxl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
-
   .offset-xxl-0 {
     margin-left: 0;
   }
-
   .offset-xxl-1 {
     margin-left: 8.33333333%;
   }
-
   .offset-xxl-2 {
     margin-left: 16.66666667%;
   }
-
   .offset-xxl-3 {
     margin-left: 25%;
   }
-
   .offset-xxl-4 {
     margin-left: 33.33333333%;
   }
-
   .offset-xxl-5 {
     margin-left: 41.66666667%;
   }
-
   .offset-xxl-6 {
     margin-left: 50%;
   }
-
   .offset-xxl-7 {
     margin-left: 58.33333333%;
   }
-
   .offset-xxl-8 {
     margin-left: 66.66666667%;
   }
-
   .offset-xxl-9 {
     margin-left: 75%;
   }
-
   .offset-xxl-10 {
     margin-left: 83.33333333%;
   }
-
   .offset-xxl-11 {
     margin-left: 91.66666667%;
   }
-
   .g-xxl-0,
-.gx-xxl-0 {
+  .gx-xxl-0 {
     --bs-gutter-x: 0;
   }
-
   .g-xxl-0,
-.gy-xxl-0 {
+  .gy-xxl-0 {
     --bs-gutter-y: 0;
   }
-
   .g-xxl-1,
-.gx-xxl-1 {
+  .gx-xxl-1 {
     --bs-gutter-x: 0.25rem;
   }
-
   .g-xxl-1,
-.gy-xxl-1 {
+  .gy-xxl-1 {
     --bs-gutter-y: 0.25rem;
   }
-
   .g-xxl-2,
-.gx-xxl-2 {
+  .gx-xxl-2 {
     --bs-gutter-x: 0.5rem;
   }
-
   .g-xxl-2,
-.gy-xxl-2 {
+  .gy-xxl-2 {
     --bs-gutter-y: 0.5rem;
   }
-
   .g-xxl-3,
-.gx-xxl-3 {
+  .gx-xxl-3 {
     --bs-gutter-x: 1rem;
   }
-
   .g-xxl-3,
-.gy-xxl-3 {
+  .gy-xxl-3 {
     --bs-gutter-y: 1rem;
   }
-
   .g-xxl-4,
-.gx-xxl-4 {
+  .gx-xxl-4 {
     --bs-gutter-x: 1.5rem;
   }
-
   .g-xxl-4,
-.gy-xxl-4 {
+  .gy-xxl-4 {
     --bs-gutter-y: 1.5rem;
   }
-
   .g-xxl-5,
-.gx-xxl-5 {
+  .gx-xxl-5 {
     --bs-gutter-x: 3rem;
   }
-
   .g-xxl-5,
-.gy-xxl-5 {
+  .gy-xxl-5 {
     --bs-gutter-y: 3rem;
   }
 }
@@ -3022,6 +2758,10 @@ svg {
   transform: translateY(0);
 }
 
+.form-floating .form-control {
+  padding-right: 3.5rem;
+}
+
 .start-search-button {
   position: absolute;
   top: 0;