@swisspost/internet-header 1.5.5 → 1.6.0

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

@@ -61,7 +61,7 @@
   padding-bottom: calc(0.875rem + 2px);
   margin-bottom: 0;
   font-size: inherit;
-  line-height: 1.4;
+  line-height: 1.5;
   color: rgba(var(--post-contrast-color-rgb), 0.8);
 }
 
@@ -89,11 +89,11 @@
   padding: 0.875rem 1.125rem;
   font-size: 1rem;
   font-weight: 400;
-  line-height: 1.4;
+  line-height: 1.5;
   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;
@@ -117,15 +117,16 @@
   box-shadow: 0 0 0 0.125rem rgba(51, 51, 51, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
-  height: 1.4em;
+  height: 1.5em;
 }
 .form-control::placeholder {
-  color: #666666;
+  color: hsl(0, 0%, 40%);
   opacity: 1;
 }
-.form-control:disabled, .form-control[readonly] {
+.form-control:disabled {
+  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 {
@@ -140,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 {
@@ -150,47 +151,28 @@
 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
   background-color: #fff;
 }
-.form-control::-webkit-file-upload-button {
-  padding: 0.875rem 1.125rem;
-  margin: -0.875rem -1.125rem;
-  margin-inline-end: 1.125rem;
-  color: #000;
-  background-color: rgba(var(--post-contrast-color-inverted-rgb), 0.6);
-  pointer-events: none;
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0;
-  border-inline-end-width: 2px;
-  border-radius: 0;
-  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-@media (prefers-reduced-motion: reduce) {
-  .form-control::-webkit-file-upload-button {
-    transition: none;
-  }
-}
-.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
-  background-color: #fff;
-}
 
 .form-control-plaintext {
   display: block;
   width: 100%;
   padding: 0.875rem 0;
   margin-bottom: 0;
-  line-height: 1.4;
+  line-height: 1.5;
   color: var(--post-contrast-color);
   background-color: transparent;
   border: solid transparent;
   border-width: 2px 0;
 }
+.form-control-plaintext:focus {
+  outline: 0;
+}
 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg, .form-floating > .form-control-plaintext.form-control, .form-floating > .form-control-plaintext.form-select {
   padding-right: 0;
   padding-left: 0;
 }
 
 .form-control-sm {
-  min-height: calc(1.8875rem + 4px);
+  min-height: calc(1.96875rem + 4px);
   padding: 0.375rem 0.875rem;
   font-size: 0.875rem;
   border-radius: 0;
@@ -200,14 +182,9 @@
   margin: -0.375rem -0.875rem;
   margin-inline-end: 0.875rem;
 }
-.form-control-sm::-webkit-file-upload-button {
-  padding: 0.375rem 0.875rem;
-  margin: -0.375rem -0.875rem;
-  margin-inline-end: 0.875rem;
-}
 
 .form-control-lg, .form-floating > .form-control, .form-floating > .form-select {
-  min-height: calc(4.25rem + 4px);
+  min-height: calc(4.375rem + 4px);
   padding: 1.25rem 1.375rem;
   font-size: 1.25rem;
   border-radius: 0;
@@ -217,38 +194,38 @@
   margin: -1.25rem -1.375rem;
   margin-inline-end: 1.375rem;
 }
-.form-control-lg::-webkit-file-upload-button, .form-floating > .form-control::-webkit-file-upload-button, .form-floating > .form-select::-webkit-file-upload-button {
-  padding: 1.25rem 1.375rem;
-  margin: -1.25rem -1.375rem;
-  margin-inline-end: 1.375rem;
-}
 
 textarea.form-control {
-  min-height: calc(3.15rem + 4px);
+  min-height: calc(3.25rem + 4px);
 }
 textarea.form-control-sm {
-  min-height: calc(1.8875rem + 4px);
+  min-height: calc(1.96875rem + 4px);
 }
 textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating > textarea.form-select {
-  min-height: calc(4.25rem + 4px);
+  min-height: calc(4.375rem + 4px);
 }
 
 .form-control-color {
   width: 3rem;
-  height: auto;
+  height: calc(3.25rem + 4px);
   padding: 0.875rem;
 }
 .form-control-color:not(:disabled):not([readonly]) {
   cursor: pointer;
 }
 .form-control-color::-moz-color-swatch {
-  height: 1.4em;
+  border: 0 !important;
   border-radius: 0;
 }
 .form-control-color::-webkit-color-swatch {
-  height: 1.4em;
   border-radius: 0;
 }
+.form-control-color.form-control-sm {
+  height: calc(1.96875rem + 4px);
+}
+.form-control-color.form-control-lg, .form-floating > .form-control-color.form-control, .form-floating > .form-control-color.form-select {
+  height: calc(4.375rem + 4px);
+}
 
 .form-select {
   display: block;
@@ -257,14 +234,14 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   -moz-padding-start: calc(1.125rem - 3px);
   font-size: 1rem;
   font-weight: 400;
-  line-height: 1.4;
+  line-height: 1.5;
   color: #000;
   background-color: #fff;
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M27.6 10.667l-11.6 11.6-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'%3E%3C/path%3E%3C/svg%3E");
   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;
@@ -284,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;
@@ -320,18 +297,29 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   margin-left: 0;
 }
 
+.form-check-reverse {
+  padding-right: 0;
+  padding-left: 0;
+  text-align: right;
+}
+.form-check-reverse .form-check-input {
+  float: right;
+  margin-right: 0;
+  margin-left: 0;
+}
+
 .form-check-input {
   width: 1.5rem;
   height: 1.5rem;
-  margin-top: -0.05rem;
+  margin-top: 0rem;
   vertical-align: top;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
-  border: 2px solid #666666;
+  border: 2px solid hsl(0, 0%, 40%);
   appearance: none;
-  color-adjust: exact;
+  print-color-adjust: exact;
 }
 .form-check-input[type=checkbox] {
   border-radius: 0;
@@ -368,6 +356,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   opacity: 0.5;
 }
 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+  cursor: default;
   opacity: 0.5;
 }
 
@@ -382,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;
@@ -399,6 +388,14 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   background-position: right center;
   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='%23000' stroke-width='2' fill='%23fff'/%3e%3c/svg%3e");
 }
+.form-switch.form-check-reverse {
+  padding-right: 0;
+  padding-left: 0;
+}
+.form-switch.form-check-reverse .form-check-input {
+  margin-right: 0;
+  margin-left: 0;
+}
 
 .form-check-inline {
   display: inline-block;
@@ -458,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;
 }
@@ -484,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;
 }
@@ -502,16 +499,22 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   position: relative;
 }
 .form-floating > .form-control,
+.form-floating > .form-control-plaintext,
 .form-floating > .form-select {
-  height: calc(4.25rem + 4px);
-  line-height: 1.4;
+  height: calc(4.375rem + 4px);
+  line-height: 1.5;
 }
 .form-floating > label {
   position: absolute;
   top: 0;
   left: 0;
+  width: 100%;
   height: 100%;
   padding: 1.25rem 1.375rem;
+  overflow: hidden;
+  text-align: start;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   pointer-events: none;
   border: 2px solid transparent;
   transform-origin: 0 0;
@@ -522,17 +525,22 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
     transition: none;
   }
 }
-.form-floating > .form-control {
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext {
   padding: 1.25rem 1.375rem;
 }
-.form-floating > .form-control::placeholder {
+.form-floating > .form-control::placeholder,
+.form-floating > .form-control-plaintext::placeholder {
   color: transparent;
 }
-.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control-plaintext:focus,
+.form-floating > .form-control-plaintext:not(:placeholder-shown) {
   padding-top: 1.5rem;
   padding-bottom: 0;
 }
-.form-floating > .form-control:-webkit-autofill {
+.form-floating > .form-control:-webkit-autofill,
+.form-floating > .form-control-plaintext:-webkit-autofill {
   padding-top: 1.5rem;
   padding-bottom: 0;
 }
@@ -542,6 +550,7 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 }
 .form-floating > .form-control:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
   opacity: 1;
   transform: scale(0.7647058824);
@@ -550,6 +559,9 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   opacity: 1;
   transform: scale(0.7647058824);
 }
+.form-floating > .form-control-plaintext ~ label {
+  border-width: 2px 0;
+}
 
 .input-group {
   position: relative;
@@ -559,22 +571,24 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   width: 100%;
 }
 .input-group > .form-control,
-.input-group > .form-select {
+.input-group > .form-select,
+.input-group > .form-floating {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   min-width: 0;
 }
 .input-group > .form-control:focus,
-.input-group > .form-select:focus {
-  z-index: 3;
+.input-group > .form-select:focus,
+.input-group > .form-floating:focus-within {
+  z-index: 5;
 }
 .input-group .btn {
   position: relative;
   z-index: 2;
 }
 .input-group .btn:focus {
-  z-index: 3;
+  z-index: 5;
 }
 
 .input-group-text {
@@ -583,12 +597,12 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   padding: 0.875rem 1.125rem;
   font-size: 1rem;
   font-weight: 400;
-  line-height: 1.4;
+  line-height: 1.5;
   color: #000;
   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;
 }
 
@@ -615,13 +629,17 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   padding-right: 4.5rem;
 }
 
-.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
-.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
-.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -630,13 +648,18 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
+.input-group > .form-floating:not(:first-child) > .form-control,
+.input-group > .form-floating:not(:first-child) > .form-select {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
 
 .valid-feedback {
   display: none;
   width: 100%;
   margin-top: 0;
   font-size: 1rem;
-  color: #666666;
+  color: hsl(0, 0%, 40%);
 }
 
 .valid-tooltip {
@@ -661,62 +684,63 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 }
 
 .was-validated .form-control:valid, .form-control.is-valid {
-  border-color: #666666;
-  padding-right: 3.15rem;
+  border-color: hsl(0, 0%, 40%);
+  padding-right: 3.25rem;
   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;
-  background-position: right calc(0.35em + 0.4375rem) center;
-  background-size: calc(0.7em + 0.875rem) calc(0.7em + 0.875rem);
+  background-position: right calc(0.375em + 0.4375rem) center;
+  background-size: calc(0.75em + 0.875rem) calc(0.75em + 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);
 }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  padding-right: 3.15rem;
-  background-position: top calc(0.35em + 0.4375rem) right calc(0.35em + 0.4375rem);
+  padding-right: 3.25rem;
+  background-position: top calc(0.375em + 0.4375rem) right calc(0.375em + 0.4375rem);
 }
 
 .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;
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M27.6 10.667l-11.6 11.6-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'%3E%3C/path%3E%3C/svg%3E"), 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-position: right 1.125rem center, center right 3.375rem;
-  background-size: 14px 14px, calc(0.7em + 0.875rem) calc(0.7em + 0.875rem);
+  background-size: 14px 14px, calc(0.75em + 0.875rem) calc(0.75em + 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);
 }
 
+.was-validated .form-control-color:valid, .form-control-color.is-valid {
+  width: 6.25rem;
+}
+
 .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 {
   margin-left: 0.5em;
 }
 
-.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
-.was-validated .input-group .form-select:valid,
-.input-group .form-select.is-valid {
-  z-index: 1;
-}
-.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
-.was-validated .input-group .form-select:valid:focus,
-.input-group .form-select.is-valid:focus {
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid,
+.was-validated .input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
   z-index: 3;
 }
 
@@ -751,11 +775,11 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
   border-color: #a51728;
-  padding-right: 3.15rem;
+  padding-right: 3.25rem;
   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%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 3 L 13 3 L 13 17 L 11 17 Z M 11 3 '/%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 19 L 13 19 L 13 21 L 11 21 Z M 11 19 '/%3E%3C/g%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
-  background-position: right calc(0.35em + 0.4375rem) center;
-  background-size: calc(0.7em + 0.875rem) calc(0.7em + 0.875rem);
+  background-position: right calc(0.375em + 0.4375rem) center;
+  background-size: calc(0.75em + 0.875rem) calc(0.75em + 0.875rem);
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
   border-color: #a51728;
@@ -763,8 +787,8 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
 }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  padding-right: 3.15rem;
-  background-position: top calc(0.35em + 0.4375rem) right calc(0.35em + 0.4375rem);
+  padding-right: 3.25rem;
+  background-position: top calc(0.375em + 0.4375rem) right calc(0.375em + 0.4375rem);
 }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
@@ -774,13 +798,17 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   padding-right: 6.1875rem;
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M27.6 10.667l-11.6 11.6-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'%3E%3C/path%3E%3C/svg%3E"), 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%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 3 L 13 3 L 13 17 L 11 17 Z M 11 3 '/%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb%2864.705882%25,9.019608%25,15.686275%25%29;fill-opacity:1;' d='M 11 19 L 13 19 L 13 21 L 11 21 Z M 11 19 '/%3E%3C/g%3E%3C/svg%3E%0A");
   background-position: right 1.125rem center, center right 3.375rem;
-  background-size: 14px 14px, calc(0.7em + 0.875rem) calc(0.7em + 0.875rem);
+  background-size: 14px 14px, calc(0.75em + 0.875rem) calc(0.75em + 0.875rem);
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
   border-color: #a51728;
   box-shadow: 0 0 0 0.125rem rgba(165, 23, 40, 0.25);
 }
 
+.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
+  width: 6.25rem;
+}
+
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
   border-color: #a51728;
 }
@@ -798,40 +826,37 @@ textarea.form-control-lg, .form-floating > textarea.form-control, .form-floating
   margin-left: 0.5em;
 }
 
-.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
-.was-validated .input-group .form-select:invalid,
-.input-group .form-select.is-invalid {
-  z-index: 2;
-}
-.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
-.was-validated .input-group .form-select:invalid:focus,
-.input-group .form-select.is-invalid:focus {
-  z-index: 3;
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid,
+.was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
+  z-index: 4;
 }
 
 .form-control-rg {
-  height: calc(2.65rem + 4px);
+  height: calc(2.75rem + 4px);
   padding: 0.625rem 0.875rem;
   font-size: 1rem;
-  line-height: 1.4;
+  line-height: 1.5;
 }
 
 select.form-control-rg:not([size]):not([multiple]) {
-  height: calc(2.65rem + 4px);
+  height: calc(2.75rem + 4px);
 }
 
 .form-control {
   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] {
-  min-height: calc(3.15rem + 4px);
+  min-height: calc(3.25rem + 4px);
 }
 .form-control[type=file]::file-selector-button {
   margin-inline-start: 0;
@@ -866,13 +891,13 @@ select.form-control-rg:not([size]):not([multiple]) {
   content: "Scegli file";
 }
 .form-control[type=file].form-control-sm {
-  min-height: calc(2.15rem + 4px);
+  min-height: calc(2.25rem + 4px);
 }
 .form-control[type=file].form-control-rg {
-  min-height: calc(2.65rem + 4px);
+  min-height: calc(2.75rem + 4px);
 }
 .form-control[type=file].form-control-lg {
-  min-height: calc(3.9rem + 4px);
+  min-height: calc(4rem + 4px);
 }
 @media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
   .form-control:hover, .form-control:focus {
@@ -890,11 +915,11 @@ select.form-control-rg:not([size]):not([multiple]) {
   margin: 0;
   padding-inline: 1.375rem;
   padding-block: calc(
-      2px + 2.125rem - 0.74375rem
+      2px + 2.1875rem - 0.796875rem
     );
-  height: 4.25rem;
+  height: 4.375rem;
   border: 0;
-  color: #666666;
+  color: hsl(0, 0%, 40%);
   font-size: 1.0625rem;
   max-width: calc(100% - 4px);
   white-space: nowrap;
@@ -907,14 +932,14 @@ select.form-control-rg:not([size]):not([multiple]) {
   /* stylelint-disable-line */
 }
 .form-floating > .form-control[type=file]::file-selector-button {
-  padding-top: 1.7rem;
+  padding-top: 1.75rem;
 }
 .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
   padding-top: 1.5rem;
   padding-bottom: 0;
 }
 .form-floating > .form-control:focus[type=file]::file-selector-button, .form-floating > .form-control:not(:placeholder-shown)[type=file]::file-selector-button {
-  padding-top: 1.7rem;
+  padding-top: 1.75rem;
 }
 .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label {
   padding-top: 0.7rem;
@@ -945,9 +970,6 @@ select.form-control-rg:not([size]):not([multiple]) {
   padding-bottom: 0;
   height: auto;
 }
-.form-floating > .form-select[multiple] option {
-  height: 1.4em;
-}
 .form-floating > .form-select[multiple] ~ label {
   padding-top: 0.9558823529rem;
   padding-bottom: 0;
@@ -959,7 +981,7 @@ select.form-control-rg:not([size]):not([multiple]) {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
   width: calc(100% - 4px - 1.375rem);
-  height: 4.25rem;
+  height: 4.375rem;
 }
 .form-floating > textarea.form-control {
   padding-top: 1.875rem;
@@ -990,16 +1012,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;
   }
 }
@@ -1234,212 +1256,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;
   }
 }
@@ -1447,212 +1425,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;
   }
 }
@@ -1660,212 +1594,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;
   }
 }
@@ -1873,212 +1763,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;
   }
 }
@@ -2086,212 +1932,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;
   }
 }
@@ -2299,221 +2101,179 @@ 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;
   }
 }
 .container,
 .container-fluid,
 .container-xs {
+  --bs-gutter-x: 30px;
+  --bs-gutter-y: 0;
   width: 100%;
-  padding-right: var(--bs-gutter-x, 15px);
-  padding-left: var(--bs-gutter-x, 15px);
+  padding-right: calc(var(--bs-gutter-x) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.5);
   margin-right: auto;
   margin-left: auto;
 }
@@ -2995,6 +2755,10 @@ svg {
   transform: translateY(0);
 }
 
+.form-floating .form-control {
+  padding-right: 3.5rem;
+}
+
 .start-search-button {
   position: absolute;
   top: 0;