@gomusdev/web-components 1.55.1 → 1.55.3

package/dist-js/gomus-webcomponents.css

@@ -1,1321 +1,1323 @@
 * {
-    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
 }
 
 /* General reset for list items */
 
 :global .innerZoomElementWrapper h3 {
-        margin-top: 4rem;
-        margin-bottom: 1rem;
-    }
+    margin-top: 4rem;
+    margin-bottom: 1rem;
+  }
 
 :global .innerZoomElementWrapper go-tickets {
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-    }
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
 
 :global .innerZoomElementWrapper go-tickets label {
-            display: inline-block;
-            padding: 10px 20px;
-            border: 2px solid #ccc;
-            border-radius: 0;
-            cursor: pointer;
-            transition: background-color 0.3s, border-color 0.3s;
-        }
+      display: inline-block;
+      padding: 10px 20px;
+      border: 2px solid #ccc;
+      border-radius: 0;
+      cursor: pointer;
+      transition:
+        background-color 0.3s, border-color 0.3s;
+    }
 
 /* Available timeslot */
 
 :global .innerZoomElementWrapper go-tickets .available {
-            background-color: #fff;
-            color: #333;
-        }
+      background-color: #fff;
+      color: #333;
+    }
 
 :global .innerZoomElementWrapper go-tickets input[type='checkbox'] {
-            display: none; /* Hide the radio button */
-        }
+      display: none; /* Hide the radio button */
+    }
 
 /* When a timeslot is selected (checked radio button) */
 
 :global .innerZoomElementWrapper go-tickets label:has(input[type='checkbox']:checked) {
-            background-color: #12826a;
-            background-color: var(--primary); /* blue-green color */
-            border-color: #12826a;
-            border-color: var(--primary);
-            color: white;
-        }
+      background-color: #12826a;
+      background-color: var(--primary); /* blue-green color */
+      border-color: #12826a;
+      border-color: var(--primary);
+      color: white;
+    }
 
 /* Finished (unavailable) timeslot */
 
 :global .innerZoomElementWrapper go-tickets .finished {
-            background-color: #f0f0f0;
-            color: #999;
-        }
+      background-color: #f0f0f0;
+      color: #999;
+    }
 
 :global .innerZoomElementWrapper go-tickets .finished input {
-            display: none;
-        }
+      display: none;
+    }
 
 :global .innerZoomElementWrapper go-tickets .finished {
-            pointer-events: none;
-        }
+      pointer-events: none;
+    }
 
 /* Disabled radio button appearance */
 
 :global .innerZoomElementWrapper go-tickets input:disabled + label {
-            background-color: #e0e0e0;
-            color: #bbb;
-            cursor: not-allowed;
-            border-color: #ddd;
-        }
+      background-color: #e0e0e0;
+      color: #bbb;
+      cursor: not-allowed;
+      border-color: #ddd;
+    }
 
 :global .innerZoomElementWrapper go-tickets label:hover {
-            background-color: #f0f0f0;
-            border-color: #aaa;
-        }
+      background-color: #f0f0f0;
+      border-color: #aaa;
+    }
 
 /* Focus state for better accessibility */
 
 :global .innerZoomElementWrapper go-tickets input:focus + label {
-            outline: 2px solid #0052cc;
-        }
+      outline: 2px solid #0052cc;
+    }
 
 :host,
 :root {
-    --black: #111;
-    --red: red;
-    --light-red: #fff0f0;
-    --primary: #12826a;
-    --primary-hover: #19987e;
-    --invalid-border: 4px solid var(--red);
-    --fg: #111;
-    --bg: white;
-    --border: 3px solid transparent;
-    --outline-hover: 3px solid var(--primary);
+  --black: #111;
+  --red: red;
+  --light-red: #fff0f0;
+  --primary: #12826a;
+  --primary-hover: #19987e;
+  --invalid-border: 4px solid var(--red);
+  --fg: #111;
+  --bg: white;
+  --border: 3px solid transparent;
+  --outline-hover: 3px solid var(--primary);
 }
 
 :host,
 :root {
-    --fg: #111;
-    --black: #111;
-    --red: red;
-    --light-red: #fff0f0;
-    --primary: #12826a;
+  --fg: #111;
+  --black: #111;
+  --red: red;
+  --light-red: #fff0f0;
+  --primary: #12826a;
 }
 
 :host .is-invalid {
-        --fg: #ff0000;
-        background-color: #fff0f0;
-        background-color: var(--light-red);
-        border-left: 4px solid red;
-        border-left: var(--invalid-border);
-    }
+    --fg: #ff0000;
+    background-color: #fff0f0;
+    background-color: var(--light-red);
+    border-left: 4px solid red;
+    border-left: var(--invalid-border);
+  }
 
 :root .is-invalid {
-        --fg: #ff0000;
-        background-color: #fff0f0;
-        background-color: var(--light-red);
-        border-left: 4px solid red;
-        border-left: var(--invalid-border);
-    }
+    --fg: #ff0000;
+    background-color: #fff0f0;
+    background-color: var(--light-red);
+    border-left: 4px solid red;
+    border-left: var(--invalid-border);
+  }
 
 :host .form-group {
-        margin-bottom: 0.5rem;
-        display: flex;
-        flex-direction: column;
-        --invalid-border: 4px solid var(--red);
+    margin-bottom: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    --invalid-border: 4px solid var(--red);
 
-        padding: 0.5rem;
-    }
+    padding: 0.5rem;
+  }
 
 :root .form-group {
-        margin-bottom: 0.5rem;
-        display: flex;
-        flex-direction: column;
-        --invalid-border: 4px solid var(--red);
+    margin-bottom: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    --invalid-border: 4px solid var(--red);
 
-        padding: 0.5rem;
-    }
+    padding: 0.5rem;
+  }
 
 :host .go-field {
-        margin-bottom: 0.5rem;
-        display: flex;
-        flex-direction: column;
-        --invalid-border: 4px solid var(--red);
+    margin-bottom: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    --invalid-border: 4px solid var(--red);
 
-        padding: 0.5rem;
-    }
+    padding: 0.5rem;
+  }
 
 :root .go-field {
-        margin-bottom: 0.5rem;
-        display: flex;
-        flex-direction: column;
-        --invalid-border: 4px solid var(--red);
+    margin-bottom: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    --invalid-border: 4px solid var(--red);
 
-        padding: 0.5rem;
-    }
+    padding: 0.5rem;
+  }
 
 :host .form-group label {
-            font-weight: bold;
-            margin-bottom: 0.25rem;
-            color: #111;
-            color: var(--fg);
-        }
+      font-weight: bold;
+      margin-bottom: 0.25rem;
+      color: #111;
+      color: var(--fg);
+    }
 
 :root .form-group label {
-            font-weight: bold;
-            margin-bottom: 0.25rem;
-            color: #111;
-            color: var(--fg);
-        }
+      font-weight: bold;
+      margin-bottom: 0.25rem;
+      color: #111;
+      color: var(--fg);
+    }
 
 :host .go-field label {
-            font-weight: bold;
-            margin-bottom: 0.25rem;
-            color: #111;
-            color: var(--fg);
-        }
+      font-weight: bold;
+      margin-bottom: 0.25rem;
+      color: #111;
+      color: var(--fg);
+    }
 
 :root .go-field label {
-            font-weight: bold;
-            margin-bottom: 0.25rem;
-            color: #111;
-            color: var(--fg);
-        }
+      font-weight: bold;
+      margin-bottom: 0.25rem;
+      color: #111;
+      color: var(--fg);
+    }
 
 :host .form-group input {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :root .form-group input {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :host .go-field input {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :root .go-field input {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :host .form-group select {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :root .form-group select {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :host .go-field select {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :root .go-field select {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :host .form-group textarea {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :root .form-group textarea {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :host .go-field textarea {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :root .go-field textarea {
-            padding: 0.5rem;
-            font-size: 1rem;
-            border: 1px solid #111;
-            border: 1px solid var(--fg);
-            border-radius: 0;
-            background-color: #fff;
-            color: #111;
-            color: var(--fg);
-            transition: border-color 0.3s ease;
-        }
+      padding: 0.5rem;
+      font-size: 1rem;
+      border: 1px solid #111;
+      border: 1px solid var(--fg);
+      border-radius: 0;
+      background-color: #fff;
+      color: #111;
+      color: var(--fg);
+      transition: border-color 0.3s ease;
+    }
 
 :host .form-group input:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group input:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field input:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field input:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group select:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group select:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field select:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field select:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group textarea:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group textarea:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field textarea:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field textarea:focus {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group input:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group input:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field input:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field input:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group select:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group select:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field select:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field select:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group textarea:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group textarea:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field textarea:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field textarea:hover {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group input:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group input:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field input:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field input:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group select:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group select:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field select:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field select:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group textarea:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .form-group textarea:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .go-field textarea:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :root .go-field textarea:active {
-                border-color: #12826a;
-                border-color: var(--primary);
-                outline: 3px solid #12826a;
-                outline: var(--outline-hover);
-            }
+        border-color: #12826a;
+        border-color: var(--primary);
+        outline: 3px solid #12826a;
+        outline: var(--outline-hover);
+      }
 
 :host .form-group .error {
-            color: red;
-            font-size: 0.875rem;
-            margin-top: 0.25rem;
-        }
+      color: red;
+      font-size: 0.875rem;
+      margin-top: 0.25rem;
+    }
 
 :root .form-group .error {
-            color: red;
-            font-size: 0.875rem;
-            margin-top: 0.25rem;
-        }
+      color: red;
+      font-size: 0.875rem;
+      margin-top: 0.25rem;
+    }
 
 :host .go-field .error {
-            color: red;
-            font-size: 0.875rem;
-            margin-top: 0.25rem;
-        }
+      color: red;
+      font-size: 0.875rem;
+      margin-top: 0.25rem;
+    }
 
 :root .go-field .error {
-            color: red;
-            font-size: 0.875rem;
-            margin-top: 0.25rem;
-        }
+      color: red;
+      font-size: 0.875rem;
+      margin-top: 0.25rem;
+    }
 
 :host .form-group .success {
-            margin-top: 1rem;
-            color: green;
-            font-weight: bold;
-        }
+      margin-top: 1rem;
+      color: green;
+      font-weight: bold;
+    }
 
 :root .form-group .success {
-            margin-top: 1rem;
-            color: green;
-            font-weight: bold;
-        }
+      margin-top: 1rem;
+      color: green;
+      font-weight: bold;
+    }
 
 :host .go-field .success {
-            margin-top: 1rem;
-            color: green;
-            font-weight: bold;
-        }
+      margin-top: 1rem;
+      color: green;
+      font-weight: bold;
+    }
 
 :root .go-field .success {
-            margin-top: 1rem;
-            color: green;
-            font-weight: bold;
-        }
+      margin-top: 1rem;
+      color: green;
+      font-weight: bold;
+    }
 
 :host ul {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
 
 :root ul {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
 
 :host .go-field-errors {
-        color: red;
-        font-size: 0.875rem;
-        margin-top: 0.25rem;
-        min-height: 1rem;
-        min-height: 1lh;
-    }
+    color: red;
+    font-size: 0.875rem;
+    margin-top: 0.25rem;
+    min-height: 1rem;
+    min-height: 1lh;
+  }
 
 :root .go-field-errors {
-        color: red;
-        font-size: 0.875rem;
-        margin-top: 0.25rem;
-        min-height: 1rem;
-        min-height: 1lh;
-    }
+    color: red;
+    font-size: 0.875rem;
+    margin-top: 0.25rem;
+    min-height: 1rem;
+    min-height: 1lh;
+  }
 
 :host .go-field-errors  > li {
-            margin-top: 0.25rem;
-        }
+      margin-top: 0.25rem;
+    }
 
 :root .go-field-errors  > li {
-            margin-top: 0.25rem;
-        }
+      margin-top: 0.25rem;
+    }
 
 :host .go-field-star {
-        color: red;
-        font-size: 0.875rem;
-        margin-left: 0.25rem;
-    }
+    color: red;
+    font-size: 0.875rem;
+    margin-left: 0.25rem;
+  }
 
 :root .go-field-star {
-        color: red;
-        font-size: 0.875rem;
-        margin-left: 0.25rem;
-    }
+    color: red;
+    font-size: 0.875rem;
+    margin-left: 0.25rem;
+  }
 
 :host .sr-only {
-        position: absolute;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-        border-width: 0;
-    }
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
 
 :root .sr-only {
-        position: absolute;
-        width: 1px;
-        height: 1px;
-        padding: 0;
-        margin: -1px;
-        overflow: hidden;
-        clip: rect(0, 0, 0, 0);
-        white-space: nowrap;
-        border-width: 0;
-    }
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
 
 :host .go-feedback {
-        margin-bottom: 1rem;
-        margin-top: 2rem;
-        padding: 0.5rem;
-    }
+    margin-bottom: 1rem;
+    margin-top: 2rem;
+    padding: 0.5rem;
+  }
 
 :root .go-feedback {
-        margin-bottom: 1rem;
-        margin-top: 2rem;
-        padding: 0.5rem;
-    }
+    margin-bottom: 1rem;
+    margin-top: 2rem;
+    padding: 0.5rem;
+  }
 
 :host .go-feedback p {
-            margin: 0;
-        }
+      margin: 0;
+    }
 
 :root .go-feedback p {
-            margin: 0;
-        }
+      margin: 0;
+    }
 
 :host .go-feedback.is-invalid {
-            background-color: #fff0f0;
-            background-color: var(--light-red);
-            border-left: 4px solid red;
-            border-left: var(--invalid-border);
-        }
+      background-color: #fff0f0;
+      background-color: var(--light-red);
+      border-left: 4px solid red;
+      border-left: var(--invalid-border);
+    }
 
 :root .go-feedback.is-invalid {
-            background-color: #fff0f0;
-            background-color: var(--light-red);
-            border-left: 4px solid red;
-            border-left: var(--invalid-border);
-        }
+      background-color: #fff0f0;
+      background-color: var(--light-red);
+      border-left: 4px solid red;
+      border-left: var(--invalid-border);
+    }
 
 :host .go-feedback.is-successful {
-            background-color: #f0fff0;
-            border-left: 4px solid #3c763d;
-        }
+      background-color: #f0fff0;
+      border-left: 4px solid #3c763d;
+    }
 
 :root .go-feedback.is-successful {
-            background-color: #f0fff0;
-            border-left: 4px solid #3c763d;
-        }
+      background-color: #f0fff0;
+      border-left: 4px solid #3c763d;
+    }
 
 :host a {
-        color: #12826a;
-        color: var(--primary);
-    }
+    color: #12826a;
+    color: var(--primary);
+  }
 
 :root a {
-        color: #12826a;
-        color: var(--primary);
-    }
+    color: #12826a;
+    color: var(--primary);
+  }
 
 :host button {
-        margin-top: 2rem;
-        background-color: #12826a;
-        background-color: var(--primary);
-        color: white;
-        font-size: 1rem;
-        padding: 20px 60px;
-        border: none;
-        border-radius: 0;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-    }
+    margin-top: 2rem;
+    background-color: #12826a;
+    background-color: var(--primary);
+    color: white;
+    font-size: 1rem;
+    padding: 20px 60px;
+    border: none;
+    border-radius: 0;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
 
 :root button {
-        margin-top: 2rem;
-        background-color: #12826a;
-        background-color: var(--primary);
-        color: white;
-        font-size: 1rem;
-        padding: 20px 60px;
-        border: none;
-        border-radius: 0;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-    }
+    margin-top: 2rem;
+    background-color: #12826a;
+    background-color: var(--primary);
+    color: white;
+    font-size: 1rem;
+    padding: 20px 60px;
+    border: none;
+    border-radius: 0;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
 
 :host .button-primary {
-        margin-top: 2rem;
-        background-color: #12826a;
-        background-color: var(--primary);
-        color: white;
-        font-size: 1rem;
-        padding: 20px 60px;
-        border: none;
-        border-radius: 0;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-    }
+    margin-top: 2rem;
+    background-color: #12826a;
+    background-color: var(--primary);
+    color: white;
+    font-size: 1rem;
+    padding: 20px 60px;
+    border: none;
+    border-radius: 0;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
 
 :root .button-primary {
-        margin-top: 2rem;
-        background-color: #12826a;
-        background-color: var(--primary);
-        color: white;
-        font-size: 1rem;
-        padding: 20px 60px;
-        border: none;
-        border-radius: 0;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-    }
+    margin-top: 2rem;
+    background-color: #12826a;
+    background-color: var(--primary);
+    color: white;
+    font-size: 1rem;
+    padding: 20px 60px;
+    border: none;
+    border-radius: 0;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
 
 :host button:hover {
-        background-color: #125948;
-    }
+    background-color: #125948;
+  }
 
 :root button:hover {
-        background-color: #125948;
-    }
+    background-color: #125948;
+  }
 
 :host img {
-        max-width: 100%;
-        max-height: 100%;
-    }
+    max-width: 100%;
+    max-height: 100%;
+  }
 
 /*CALENDARUI CSS*/
 
 [data-calendar-wrapper] {
-    max-width: 650px;
+  max-width: 650px;
 }
 
 [data-calendar-wrapper] [data-calendar-prev-button],[data-calendar-wrapper] [data-calendar-next-button] {
-        padding: 5px !important;
-        background-color: transparent !important;
-        border: none !important;
-        font-size: 1rem !important;
-        color: black !important;
-        margin-top: 0px !important;
-    }
+    padding: 5px !important;
+    background-color: transparent !important;
+    border: none !important;
+    font-size: 1rem !important;
+    color: black !important;
+    margin-top: 0px !important;
+  }
 
 [data-calendar-wrapper] [data-calendar-cell] {
-        margin: auto;
-        border: 1px solid transparent;
-    }
+    margin: auto;
+    border: 1px solid transparent;
+  }
 
 [data-calendar-wrapper] [data-calendar-cell]:hover {
-            border: 1px solid #12826a;
-            border: 1px solid var(--primary);
-            outline: 3px solid #12826a;
-            outline: var(--outline-hover);
-        }
+      border: 1px solid #12826a;
+      border: 1px solid var(--primary);
+      outline: 3px solid #12826a;
+      outline: var(--outline-hover);
+    }
 
 [data-calendar-wrapper] [data-calendar-cell] {
-        text-align: -webkit-center;
-        text-align: -moz-center;
-    }
+    text-align: -webkit-center;
+    text-align: -moz-center;
+  }
 
 [data-calendar-wrapper] [data-bits-day] {
-        display: flex;
-        height: 1.5rem;
-        width: 1.5rem;
-        cursor: pointer;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-        align-items: center;
-        justify-content: center;
-        border-radius: 0;
-        padding: 1rem;
-    }
+    display: flex;
+    height: 1.5rem;
+    width: 1.5rem;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    align-items: center;
+    justify-content: center;
+    border-radius: 0;
+    padding: 1rem;
+  }
 
 [data-calendar-wrapper] [data-calendar-header] {
-        display: flex;
-        padding: 20px 10px;
-    }
+    display: flex;
+    padding: 20px 10px;
+  }
 
 [data-calendar-wrapper] [data-calendar-heading] {
-        font-weight: 700;
-        font-size: 1.125rem;
-        line-height: 1.5;
-        flex-grow: 1;
-        padding: 0 5px;
-        text-align: center;
-    }
+    font-weight: 700;
+    font-size: 1.125rem;
+    line-height: 1.5;
+    flex-grow: 1;
+    padding: 0 5px;
+    text-align: center;
+  }
 
 [data-calendar-wrapper] [data-calendar-grid] {
-        width: 100%;
-        padding: 5px 6px 7px 6px;
-    }
+    width: 100%;
+    padding: 5px 6px 7px 6px;
+  }
 
 [data-calendar-wrapper] [data-calendar-grid-row] {
-        display: grid;
-        grid-template-columns: repeat(7, 1fr);
-        grid-gap: 8px;
-        gap: 8px;
-        padding: 10px 5px;
-    }
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    grid-gap: 8px;
+    gap: 8px;
+    padding: 10px 5px;
+  }
 
 [data-calendar-wrapper] [data-calendar-cell] {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 1rem;
-        font-weight: 500;
-        border-radius: 0;
-        width: 28px;
-        height: 28px;
-    }
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 1rem;
+    font-weight: 500;
+    border-radius: 0;
+    width: 28px;
+    height: 28px;
+  }
 
 [data-calendar-wrapper] [data-calendar-root] {
-        padding: 1.25rem;
-        border: 1px solid #12826a;
-        border: 1px solid var(--primary);
-        border-radius: 0rem;
-    }
+    padding: 1.25rem;
+    border: 1px solid #12826a;
+    border: 1px solid var(--primary);
+    border-radius: 0rem;
+  }
 
 [data-calendar-wrapper] [data-calendar-cell][data-unavailable] {
-        color: #999;
-        pointer-events: none;
-    }
+    color: #999;
+    pointer-events: none;
+  }
 
 [data-calendar-wrapper] [data-calendar-cell][data-disabled] {
-        color: #999;
-        pointer-events: none;
-    }
+    color: #999;
+    pointer-events: none;
+  }
 
 [data-calendar-wrapper] [data-calendar-cell][data-selected] {
-        color: #ffffff;
-        background-color: #12826a;
-        background-color: var(--primary);
-        outline: 3px solid #12826a;
-        outline: var(--outline-hover);
-    }
+    color: #ffffff;
+    background-color: #12826a;
+    background-color: var(--primary);
+    outline: 3px solid #12826a;
+    outline: var(--outline-hover);
+  }
 
 [data-calendar-wrapper] [data-calendar-cell][data-today] {
-        border: 1px solid #12826a;
-        border: 1px solid var(--primary);
-        outline: 3px solid #12826a;
-        outline: var(--outline-hover);
-    }
+    border: 1px solid #12826a;
+    border: 1px solid var(--primary);
+    outline: 3px solid #12826a;
+    outline: var(--outline-hover);
+  }
 
 /*END CALENDARUI CSS*/
 
 go-timeslots > ul {
-    max-width: 650px;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
+  max-width: 650px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
 }
 
 go-timeslots > ul li {
-        margin: 5px;
-        display: flex;
-    }
+    margin: 5px;
+    display: flex;
+  }
 
 go-timeslots > ul label {
-        display: inline-block;
-        padding: 10px 20px;
-        border: 1px solid #ddd;
-        border-radius: 0px;
-        cursor: pointer;
-        transition: background-color 0.3s, border-color 0.3s;
-
-        flex: 1 0 auto;
-        text-align: center;
-    }
+    display: inline-block;
+    padding: 10px 20px;
+    border: 1px solid #ddd;
+    border-radius: 0px;
+    cursor: pointer;
+    transition:
+      background-color 0.3s, border-color 0.3s;
+
+    flex: 1 0 auto;
+    text-align: center;
+  }
 
 /* Available timeslot */
 
 go-timeslots > ul input[type='radio'] {
-        display: none; /* Hide the radio button */
-    }
+    display: none; /* Hide the radio button */
+  }
 
 /* When a timeslot is selected (checked radio button) */
 
 go-timeslots > ul label:has(input[type='radio']:checked) {
-        background-color: #12826a;
-        background-color: var(--primary); /* blue-green color */
-        border-color: #12826a;
-        border-color: var(--primary);
-        color: white;
-        outline: 3px solid #12826a;
-        outline: var(--outline-hover);
-    }
+    background-color: #12826a;
+    background-color: var(--primary); /* blue-green color */
+    border-color: #12826a;
+    border-color: var(--primary);
+    color: white;
+    outline: 3px solid #12826a;
+    outline: var(--outline-hover);
+  }
 
 /* Finished (unavailable) timeslot */
 
 go-timeslots > ul .is-sold-out,go-timeslots > ul .is-disabled {
-        background-color: #f0f0f0;
-        color: #999;
-        pointer-events: none;
-    }
+    background-color: #f0f0f0;
+    color: #999;
+    pointer-events: none;
+  }
 
 go-timeslots > ul .is-sold-out input,go-timeslots > ul .is-disabled input {
-            display: none;
-        }
+      display: none;
+    }
 
 /* Disabled radio button appearance */
 
 go-timeslots > ul input:disabled + label {
-        background-color: #e0e0e0;
-        color: #bbb;
-        cursor: not-allowed;
-        border-color: #ddd;
-    }
+    background-color: #e0e0e0;
+    color: #bbb;
+    cursor: not-allowed;
+    border-color: #ddd;
+  }
 
 go-timeslots > ul label:hover {
-        /*background-color: #f0f0f0;*/
-        border-color: #12826a;
-        border-color: var(--primary);
-        outline: 3px solid #12826a;
-        outline: var(--outline-hover);
-    }
+    /*background-color: #f0f0f0;*/
+    border-color: #12826a;
+    border-color: var(--primary);
+    outline: 3px solid #12826a;
+    outline: var(--outline-hover);
+  }
 
 /* Focus state for better accessibility */
 
 go-timeslots > ul input:focus + label {
-        outline: 2px solid #0052cc;
-    }
+    outline: 2px solid #0052cc;
+  }
 
 go-tickets {
-    /*// Tweak these numbers to change column ratios (must match header + rows)*/
-    --col-title: 2;
-    --col-desc: 4;
-    --col-price: 1;
-    --col-qty: 1;
+  /*// Tweak these numbers to change column ratios (must match header + rows)*/
+  --col-title: 2;
+  --col-desc: 4;
+  --col-price: 1;
+  --col-qty: 1;
 }
 
 go-tickets ol.go-tickets {
-        margin: 0;
-        padding: 0;
-        list-style: none;
+    margin: 0;
+    padding: 0;
+    list-style: none;
 
-        /*// Header row*/
-    }
+    /*// Header row*/
+  }
 
 go-tickets ol.go-tickets  > .go-tickets-header {
-            top: 0;
-            background: inherit;
-        }
+      top: 0;
+      background: inherit;
+    }
 
 go-tickets ol.go-tickets > .go-tickets-header  > ul {
-                display: flex;
-                align-items: center;
-                gap: 1rem;
-                padding: 0.5rem 0;
-                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-                font-weight: 600;
-            }
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        padding: 0.5rem 0;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        font-weight: 600;
+      }
 
 go-tickets ol.go-tickets > .go-tickets-header > ul  > li {
-                    list-style: none;
-                    /*// allow truncation*/
-                    min-width: 0;
-                }
+          list-style: none;
+          /*// allow truncation*/
+          min-width: 0;
+        }
 
 go-tickets ol.go-tickets > .go-tickets-header > ul > li:first-child {
-                        padding-left: 0;
-                    }
+            padding-left: 0;
+          }
 
 go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-header-title {
-                    flex: var(--col-title) 0 0;
-                }
+          flex: var(--col-title) 0 0;
+        }
 
 go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-description {
-                    flex: var(--col-desc) 0 0;
-                }
+          flex: var(--col-desc) 0 0;
+        }
 
 go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-price {
-                    flex: var(--col-price) 0 0;
-                    text-align: right;
-                }
+          flex: var(--col-price) 0 0;
+          text-align: right;
+        }
 
 go-tickets ol.go-tickets > .go-tickets-header > ul .go-tickets-quality {
-                    flex: var(--col-qty) 0 0;
-                    text-align: right;
-                }
+          flex: var(--col-qty) 0 0;
+          text-align: right;
+        }
 
 /*// Data rows*/
 
 go-tickets ol.go-tickets  > li {
-            list-style: none;
-        }
+      list-style: none;
+    }
 
 go-tickets ol.go-tickets > li > article.go-tickets-item  > ul {
-                    display: flex;
-                    align-items: center;
-                    gap: 1rem;
-                    padding: 0.75rem 0;
-                    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-                }
+          display: flex;
+          align-items: center;
+          gap: 1rem;
+          padding: 0.75rem 0;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+        }
 
 go-tickets ol.go-tickets > li > article.go-tickets-item > ul  > li {
-                        list-style: none;
-                        /*// enable text truncation*/
-                        min-width: 0;
-                        /*// Optional: single-line truncation (comment out if you want wrapping)*/
-                        /*white-space: ;*/
-                        /*overflow: hidden;*/
-                        /*text-overflow: ellipsis;*/
-                    }
+            list-style: none;
+            /*// enable text truncation*/
+            min-width: 0;
+            /*// Optional: single-line truncation (comment out if you want wrapping)*/
+            /*white-space: ;*/
+            /*overflow: hidden;*/
+            /*text-overflow: ellipsis;*/
+          }
 
 go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-title {
-                        flex: var(--col-title) 0 0;
-                    }
+            flex: var(--col-title) 0 0;
+          }
 
 go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-description {
-                        flex: var(--col-desc) 0 0;
-                    }
+            flex: var(--col-desc) 0 0;
+          }
 
 go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-price {
-                        flex: var(--col-price) 0 0;
-                        text-align: right;
-                    }
+            flex: var(--col-price) 0 0;
+            text-align: right;
+          }
 
 go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-quality {
-                        flex: var(--col-qty) 0 0;
-                        text-align: right;
-                    }
+            flex: var(--col-qty) 0 0;
+            text-align: right;
+          }
 
 go-tickets ol.go-tickets > li > article.go-tickets-item > ul .go-tickets-item-quality select {
-                            /*// keeps the quantity control aligned but not stretched*/
-                            margin-left: auto;
-                            /*// adjust as needed*/
-                            max-width: 8rem;
-
-                            min-width: 4rem;
-                            min-height: 2rem;
-                            width: auto;
-                        }
+              /*// keeps the quantity control aligned but not stretched*/
+              margin-left: auto;
+              /*// adjust as needed*/
+              max-width: 8rem;
+
+              min-width: 4rem;
+              min-height: 2rem;
+              width: auto;
+            }
 
 go-tickets go-ticket-segment.is-empty .sum-container {
-            display: none;
-        }
+      display: none;
+    }
 
 /*=== CART ===*/
 go-cart {
-    display: block;
+  display: block;
 }
-go-cart ul,go-cart ol{
+go-cart ul,go-cart ol {
     margin: 0;
     padding: 0;
     list-style: none;
-
-    }
+  }
 
 /* Header row */
 .go-cart-header {
-    background: inherit;
-    padding: 0.5rem 0;
+  background: inherit;
+  padding: 0.5rem 0;
 }
 .go-cart-header  > ul {
-        display: flex;
-        gap: 1rem;
-        font-weight: 600;
-        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-        padding: 0.5rem 0;
-    }
+    display: flex;
+    gap: 1rem;
+    font-weight: 600;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    padding: 0.5rem 0;
+  }
 .go-cart-header > ul  > li {
-            list-style: none;
-            min-width: 0;
-        }
+      list-style: none;
+      min-width: 0;
+    }
 .go-cart-header > ul .go-cart-header-title {
-            flex: 2;
-        }
+      flex: 2;
+    }
 .go-cart-header > ul .go-cart-header-price {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 .go-cart-header > ul .go-cart-header-count {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 .go-cart-header > ul .go-cart-header-remove {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 .go-cart-header > ul .go-cart-header-sum {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 
 /* Data rows */
 .go-cart-item article  > ul {
-            display: flex;
-            gap: 1rem;
-            padding: 0.75rem 0;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-            align-items: center;
-        }
+      display: flex;
+      gap: 1rem;
+      padding: 0.75rem 0;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+      align-items: center;
+    }
 .go-cart-item article > ul  > li {
-                list-style: none;
-                min-width: 0;
-                /*white-space: nowrap;*/
-                /*overflow: hidden;*/
-                /*text-overflow: ellipsis;*/
-            }
+        list-style: none;
+        min-width: 0;
+        /*white-space: nowrap;*/
+        /*overflow: hidden;*/
+        /*text-overflow: ellipsis;*/
+      }
 .go-cart-item article > ul .go-cart-item-title-container {
-                flex: 2;
-            }
+        flex: 2;
+      }
 .go-cart-item article > ul .go-cart-item-price {
-                flex: 1;
-                text-align: right;
-            }
+        flex: 1;
+        text-align: right;
+      }
 .go-cart-item article > ul .go-cart-item-count {
-                flex: 1;
-                text-align: right;
-            }
+        flex: 1;
+        text-align: right;
+      }
 .go-cart-item article > ul .go-cart-item-remove {
-                flex: 1;
-                text-align: right;
-            }
+        flex: 1;
+        text-align: right;
+      }
 .go-cart-item article > ul .go-cart-item-remove button {
-                    padding: 0.25rem 0.5rem;
-                    margin: 0;
-                    background-color: white;
-                    background-color: var(--bg);
-                    color: #111;
-                    color: var(--fg);
-                    border: none;
-                    border-radius: 0px;
-                    cursor: pointer;
-                }
+          padding: 0.25rem 0.5rem;
+          margin: 0;
+          background-color: white;
+          background-color: var(--bg);
+          color: #111;
+          color: var(--fg);
+          border: none;
+          border-radius: 0px;
+          cursor: pointer;
+        }
 .go-cart-item article > ul .go-cart-item-sum {
-                flex: 1;
-                text-align: right;
-            }
+        flex: 1;
+        text-align: right;
+      }
 
 /* Footer row */
 .go-cart-footer {
-    background: inherit;
+  background: inherit;
 }
 .go-cart-footer  > ul {
-        display: flex;
-        gap: 1rem;
-        padding: 0.5rem 0;
-        border-top: 1px solid rgba(0, 0, 0, 0.1);
-        font-weight: 600;
-    }
+    display: flex;
+    gap: 1rem;
+    padding: 0.5rem 0;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    font-weight: 600;
+  }
 .go-cart-footer > ul  > li {
-            list-style: none;
-            min-width: 0;
-        }
+      list-style: none;
+      min-width: 0;
+    }
 .go-cart-footer > ul .go-cart-footer-title {
-            flex: 2;
-        }
+      flex: 2;
+    }
 .go-cart-footer > ul .go-cart-footer-price {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 .go-cart-footer > ul .go-cart-footer-count {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 .go-cart-footer > ul .go-cart-footer-remove {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 .go-cart-footer > ul .go-cart-footer-sum {
-            flex: 1;
-            text-align: right;
-        }
+      flex: 1;
+      text-align: right;
+    }
 
 [data-add-to-cart-button]:disabled {
-    background-color: #d3d3d3; /* Gray color for disabled state */
-    color: #a1a1a1; /* Lighter text color */
-    cursor: not-allowed; /* Show that the button is disabled */
+  background-color: #d3d3d3; /* Gray color for disabled state */
+  color: #a1a1a1; /* Lighter text color */
+  cursor: not-allowed; /* Show that the button is disabled */
 }
 
 h2 {
-    margin-top: 3rlh;
+  margin-top: 3rlh;
 }
 
 .sum-container {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
 }
 
 .component-container {
-    max-width: 650px;
-    margin: 0 auto;
-    box-shadow: 0 4px 12px rgba(12, 12, 12, 0.15),
+  max-width: 650px;
+  margin: 0 auto;
+  box-shadow:
+    0 4px 12px rgba(12, 12, 12, 0.15),
     0 0 0 1px rgba(0, 0, 0, 0.05);
-    border-radius: 3px;
-    padding: 32px 32px 48px;
+  border-radius: 3px;
+  padding: 32px 32px 48px;
 
-    margin: 2rem auto;
+  margin: 2rem auto;
 }
 
 go-cart,
 go-ticket-selection,
 go-if {
-    width: 100%;
-    display: block;
+  width: 100%;
+  display: block;
 }
 
 go-cart-empty {
-    display: contents;
+  display: contents;
 }
 
 .go-cart-checkout-button {
-    display: none;
+  display: none;
 }
 
 go-link {
-    cursor: pointer;
-    color: #12826a;
-    color: var(--primary);
-    font-weight: bold;
+  cursor: pointer;
+  color: #12826a;
+  color: var(--primary);
+  font-weight: bold;
 }
 
 .is-unavailable {
-    pointer-events: none;
-    cursor: not-allowed;
-    opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 .go-order-breakdown-ical a {
-    line-height: 24px;
-    display: inline-block;
+  line-height: 24px;
+  display: inline-block;
 }
 
 .go-donation-campaign {