From fcd6e159ee09cc4bbe99bbbadc61a6e83b24b5bf Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Mon, 20 Oct 2025 18:01:49 +0000
Subject: [PATCH] =Update Styles from northeh
---
nav.css | 503 ++++----
all.css | 1249 +++++++++++++++-----
copy-hours.css | 7
dash.css | 187 +-
forms.css | 1485 +++++++++++++++++++++++++
style.css | 2
6 files changed, 2,748 insertions(+), 685 deletions(-)
diff --git a/all.css b/all.css
index d171c67..6c0aca9 100644
--- a/all.css
+++ b/all.css
@@ -368,6 +368,7 @@
font-weight: 900;
src: url('./fonts/montserrat-v31-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
+
/* https://frontendmasters.com/blog/the-coyier-css-starter/ */
@layer reset {
html {
@@ -646,10 +647,10 @@
line-height: 1.4;
position: relative;
}
- body b,
- body strong {
- font-weight: var(--bBold);
- }
+body b,
+body strong {
+ font-weight: var(--bBold);
+}
*:target {
@@ -794,47 +795,112 @@
/******************************************************************
THEME SWITCHER & TOGGLE
******************************************************************/
-.theme-switcher {
- position: absolute;
+.toggle-switch input {
opacity: 0;
width: 0;
height: 0;
-}
-#theme-switch {
- z-index: 99;
position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-#theme-switch,
-.toggle-switch {
- --wrap: nowrap;
- cursor: pointer;
-}
-#theme-switch,
-.toggle-switch input[type=checkbox] {
- --h: 2rem;
- width: calc(var(--h) * 2);
- height: var(--h);
- margin: 0 2rem 0 0;
- left: 0;
- appearance:none;
- background: var(--base-200);
- border: 1px solid var(--base-50);
- border-radius: var(--h);
- cursor: pointer;
- transition: all .3s ease;
- opacity: 1;
+ left: var(--offScreen);
}
-.toggle-switch input[type=checkbox] {
+.toggle-switch .slider {
position: relative;
+ width: 2rem;
+ height: 1rem;
+ background-color: var(--base-200);
+ border-radius: .75rem;
+ overflow: hidden;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ border: 4px solid transparent;
+ transition: .3s;
+ box-shadow: 0 0 .25rem 0 rgba(var(--contrast-rgb), .125) inset;
+ cursor: pointer;
+ margin: 5px;
}
-.toggle-switch {
- position: relative;
+
+.toggle-switch .slider::before {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top:0;
+ left: 0;
+ background-color: var(--base);
+ transform: translateX(-1rem);
+ border-radius: .75rem;
+ transition: .3s;
+ box-shadow: 0 0 .25rem 3px rgba(var(--contrast-rgb), .125);
}
+.toggle-switch input:checked ~ .slider::before {
+ transform: translateX(1rem);
+ box-shadow: 0 0 .25rem 3px rgb(0, 0, 0, 0.25);
+}
+
+.toggle-switch input:checked ~ .slider {
+ background-color: var(--action-0);
+}
+
+.toggle-switch input:active ~ .slider::before {
+ transform: translate(0);
+}
+
+
+/*.theme-switcher {*/
+/* position: absolute;*/
+/* opacity: 0;*/
+/* width: 0;*/
+/* height: 0;*/
+/*}*/
+#theme-switch {
+ z-index: 99;
+ margin: 0;
+ --wrap: nowrap;
+ --gap: 1rem;
+}
+#theme-switch .slider {
+ width: 3rem;
+ height: 1.5rem;
+}
+#theme-switch .slider::before {
+ transform: translateX(-1.5rem);
+}
+#theme-switch input:checked ~ .slider::before {
+ transform: translateX(1.5rem);
+}
+
+
+/*#theme-switch,*/
+/*.toggle-switch {*/
+/* --wrap: nowrap;*/
+/* cursor: pointer;*/
+/*}*/
+/*#theme-switch,*/
+/*.toggle-switch input[type=checkbox] {*/
+/* --h: 2rem;*/
+/* width: calc(var(--h) * 2);*/
+/* height: var(--h);*/
+/* margin: 0 2rem 0 0;*/
+/* left: 0;*/
+/* appearance:none;*/
+/* background: var(--base-200);*/
+/* border: 1px solid var(--base-50);*/
+/* border-radius: var(--h);*/
+/* cursor: pointer;*/
+/* transition: all .3s ease;*/
+/* opacity: 1;*/
+/*}*/
+
+/*.toggle-switch input[type=checkbox] {*/
+/* position: relative;*/
+/*}*/
+/*.toggle-switch {*/
+/* position: relative;*/
+/*}*/
+
@media (max-width: 600px) {
#theme-switch {
left: 1rem;
@@ -845,106 +911,106 @@
}
/* Icon wrapper styling */
-#theme-switch .icon {
- --w: 1em;
- position: relative;
- top: 0;
- margin: 0 .25em;
- color: var(--contrast-200);
- z-index: 2;
- transform: translateX(0);
-}
+/*#theme-switch .icon {*/
+/* --w: 1em;*/
+/* position: relative;*/
+/* top: 0;*/
+/* margin: 0 .25em;*/
+/* color: var(--contrast-200);*/
+/* z-index: 2;*/
+/* transform: translateX(0);*/
+/*}*/
-#theme-switcher:not(:checked) ~ .sun-dim,
-#theme-switcher:checked ~ .moon {
- --w: 1.5em;
- color: var(--contrast);
-}
+/*#theme-switcher:not(:checked) ~ .sun-dim,*/
+/*#theme-switcher:checked ~ .moon {*/
+/* --w: 1.5em;*/
+/* color: var(--contrast);*/
+/*}*/
-#theme-switcher:not(:checked) ~ .moon,
-#theme-switcher:checked ~ .sun-dim {
- top: -.17rem;
-}
- #theme-switcher:not(:checked) ~ .sun-dim {
- color: var(--secondary-0);
- transform: translate(-2px, 2px);
- }
- #theme-switcher:checked ~ .moon {
- transform: translate(4px, 4px);
- }
+/*#theme-switcher:not(:checked) ~ .moon,*/
+/*#theme-switcher:checked ~ .sun-dim {*/
+/* top: -.17rem;*/
+/*}*/
+/* #theme-switcher:not(:checked) ~ .sun-dim {*/
+/* color: var(--secondary-0);*/
+/* transform: translate(-2px, 2px);*/
+/* }*/
+/* #theme-switcher:checked ~ .moon {*/
+/* transform: translate(4px, 4px);*/
+/* }*/
-#theme-switch span,
-.toggle-switch input[type=checkbox]::before {
- --m: 2px;
- content: "";
- position: absolute;
- top: var(--m);
- left: var(--m);
- width: calc(var(--h) - (var(--m) * 2));
- height: calc(var(--h) - var(--m) * 2);
- border: 1px solid rgba(var(--contrast-rgb), .2);
- border-bottom: 3px solid var(--contrast-200);
- background: var(--base-50);
- border-radius: 50%;
- z-index: 1;
- transform: rotate(360deg);
- transition: transform var(--transition-base),
- left var(--transition-base),
- top var(--transition-base),
- height var(--transition-base);
-}
- #theme-switch input:checked ~ span,
- .toggle-switch input[type=checkbox]:checked::before {
- left: calc(100% - (var(--h) - var(--m)));
- transform: rotate(-180deg);
- transition: transform var(--transition-base), left var(--transition-base);
- }
- .toggle-switch input[type=checkbox]:checked {
- background: var(--action-0);
- }
+/*#theme-switch span,*/
+/*.toggle-switch input[type=checkbox]::before {*/
+/* --m: 2px;*/
+/* content: "";*/
+/* position: absolute;*/
+/* top: var(--m);*/
+/* left: var(--m);*/
+/* width: calc(var(--h) - (var(--m) * 2));*/
+/* height: calc(var(--h) - var(--m) * 2);*/
+/* border: 1px solid rgba(var(--contrast-rgb), .2);*/
+/* border-bottom: 3px solid var(--contrast-200);*/
+/* background: var(--base-50);*/
+/* border-radius: 50%;*/
+/* z-index: 1;*/
+/* transform: rotate(360deg);*/
+/* transition: transform var(--transition-base),*/
+/* left var(--transition-base),*/
+/* top var(--transition-base),*/
+/* height var(--transition-base);*/
+/*}*/
+/* #theme-switch input:checked ~ span,*/
+/* .toggle-switch input[type=checkbox]:checked::before {*/
+/* left: calc(100% - (var(--h) - var(--m)));*/
+/* transform: rotate(-180deg);*/
+/* transition: transform var(--transition-base), left var(--transition-base);*/
+/* }*/
+/* .toggle-switch input[type=checkbox]:checked {*/
+/* background: var(--action-0);*/
+/* }*/
-/* Focus States */
-.theme-switch:focus-visible + label {
- outline: 2px solid var(--action-0);
- outline-offset: 2px;
-}
+/*!* Focus States *!*/
+/*.theme-switch:focus-visible + label {*/
+/* outline: 2px solid var(--action-0);*/
+/* outline-offset: 2px;*/
+/*}*/
-/* Icon Animations */
-#theme-switch .icon {
- transition:
- transform var(--transition-base),
- width var(--transition-base),
- height var(--transition-base),
- top var(--transition-base),
- color var(--transition-base);
-}
+/*!* Icon Animations *!*/
+/*#theme-switch .icon {*/
+/* transition:*/
+/* transform var(--transition-base),*/
+/* width var(--transition-base),*/
+/* height var(--transition-base),*/
+/* top var(--transition-base),*/
+/* color var(--transition-base);*/
+/*}*/
-#theme-switcher:not(:checked) ~ .icon.dark,
-#theme-switcher:checked ~ .icon.light {
- transform: rotate(360deg);
- color: var(--contrast-200);
-}
-#theme-switcher:not(:checked) ~ .icon.light,
-#theme-switcher:checked ~ .icon.dark {
- transform: rotate(-360deg);
- color: var(--contrast);
-}
+/*#theme-switcher:not(:checked) ~ .icon.dark,*/
+/*#theme-switcher:checked ~ .icon.light {*/
+/* transform: rotate(360deg);*/
+/* color: var(--contrast-200);*/
+/*}*/
+/*#theme-switcher:not(:checked) ~ .icon.light,*/
+/*#theme-switcher:checked ~ .icon.dark {*/
+/* transform: rotate(-360deg);*/
+/* color: var(--contrast);*/
+/*}*/
-/* Hover Effects */
-#theme-switch:hover span {
- background-color: var(--base-100);
-}
+/*!* Hover Effects *!*/
+/*#theme-switch:hover span {*/
+/* background-color: var(--base-100);*/
+/*}*/
-#theme-switch:hover .icon {
- color: var(--action-50);
-}
+/*#theme-switch:hover .icon {*/
+/* color: var(--action-50);*/
+/*}*/
-/* Active State */
-#theme-switch:active span {
- transform: scale(.97);
-}
+/*!* Active State *!*/
+/*#theme-switch:active span {*/
+/* transform: scale(.97);*/
+/*}*/
/***********************************************************
SMOOTH SCROLLING
@@ -1199,6 +1265,7 @@
margin: 3rem var(--mr) 3rem var(--ml);
}
}
+.btn + label,
[type=submit],
a.button,
a.wp-block-button__link,
@@ -1227,6 +1294,9 @@
transition-property: color, border,background-color;
position: relative;
}
+
+.btn + label:hover,
+.btn + label:focus,
[type=submit]:hover,
[type=submit]:focus,
.buttons a:hover,
@@ -1241,6 +1311,9 @@
}
+
+.btn:disabled + label,
+.btn:disabled + label:hover,
[type=submit]:disabled,
[type=submit]:disabled:hover,
[type=submit]:disabled:focus,
@@ -1527,19 +1600,19 @@
transition: background-color var(--transition-base);
transition-property: background-color, border;
}
- textarea:focus,
- input[type=number]:focus,
- input[type=text]:focus,
- input[type=url]:focus,
- input[type=email]:focus,
- input[type=textarea]:focus,
- input[type=tel]:focus,
- input[type=password]:focus,
- input[type=search]:focus {
- outline: var(--action-50);
- background-color: var(--base-100);
- color: var(--contrast);
- }
+textarea:focus,
+input[type=number]:focus,
+input[type=text]:focus,
+input[type=url]:focus,
+input[type=email]:focus,
+input[type=textarea]:focus,
+input[type=tel]:focus,
+input[type=password]:focus,
+input[type=search]:focus {
+ outline: var(--action-50);
+ background-color: var(--base-100);
+ color: var(--contrast);
+}
textarea::placeholder,
input::placeholder {
font-family: var(--body);
@@ -1561,31 +1634,31 @@
width: 100%;
transition: var(--transition-color);
}
- select:disabled {
- background-color: var(--base-50);
- border-color: var(--base-100);
- color: var(--base-200);
- cursor: not-allowed;
- }
+select:disabled {
+ background-color: var(--base-50);
+ border-color: var(--base-100);
+ color: var(--base-200);
+ cursor: not-allowed;
+}
- select option {
- background: var(--base);
- color: var(--contrast);
- padding: .5rem;
- }
- select option:hover,
- select option:focus,
- select option:active,
- select option:checked {
- background: var(--action-0);
- color: var(--base);
- box-shadow: 0 0 0 100px var(--action-0) inset;
- }
+select option {
+ background: var(--base);
+ color: var(--contrast);
+ padding: .5rem;
+}
+select option:hover,
+select option:focus,
+select option:active,
+select option:checked {
+ background: var(--action-0);
+ color: var(--base);
+ box-shadow: 0 0 0 100px var(--action-0) inset;
+}
- select option:checked {
- background: var(--action-0) linear-gradient(0deg, var(--action-0) 0%, var(--action-0) 100%);
- color: var(--base);
- }
+select option:checked {
+ background: var(--action-0) linear-gradient(0deg, var(--action-0) 0%, var(--action-0) 100%);
+ color: var(--base);
+}
select:hover {
border-color: var(--action-0);
@@ -1666,10 +1739,10 @@
width: 1.5em;
height: 1.5em;
}
- .remove-item .close {
- width: .5em;
- height: .5em;
- }
+.remove-item .close {
+ width: .5em;
+ height: .5em;
+}
.remove-item:hover {
color: var(--action-0);
@@ -1738,34 +1811,34 @@
transition: background-color var(--transition-base),
border-color var(--transition-base);
}
- [type=radio]:hover + label::before,
- [type=checkbox]:hover + label::before,
- input.ch:hover + label::before {
- border-color: var(--action-200);
- }
+[type=radio]:hover + label::before,
+[type=checkbox]:hover + label::before,
+input.ch:hover + label::before {
+ border-color: var(--action-200);
+}
- [type=radio]:checked + label::before,
- [type=checkbox]:checked + label::before,
- input.ch:checked + label::before {
- background-color: var(--action-0);
- border-color: var(--action-100);
- }
+[type=radio]:checked + label::before,
+[type=checkbox]:checked + label::before,
+input.ch:checked + label::before {
+ background-color: var(--action-0);
+ border-color: var(--action-100);
+}
- [type=radio]:checked + label::before {
- border-radius: 50%;
- }
+[type=radio]:checked + label::before {
+ border-radius: 50%;
+}
- [type=checkbox]:checked + label::after,
- input.ch:checked + label::after {
- display: block;
- left: 5px;
- top: 50%;
- transform: translateY(-70%) rotate(45deg);
- width: .35rem;
- height: .66rem;
- border: solid var(--light-0);
- border-width: 0 2px 2px 0;
- }
+[type=checkbox]:checked + label::after,
+input.ch:checked + label::after {
+ display: block;
+ left: 5px;
+ top: 50%;
+ transform: translateY(-70%) rotate(45deg);
+ width: .35rem;
+ height: .66rem;
+ border: solid var(--light-0);
+ border-width: 0 2px 2px 0;
+}
[type=radio]:disabled + label,
[type=checkbox]:disabled + label,
@@ -1782,11 +1855,11 @@
color: var(--base-200);
border-color: var(--base-200);
}
- [type=radio]:disabled + label::before,
- [type=checkbox]:disabled + label::before,
- input.ch:disabled + label::before {
- border-color: var(--base-200);
- }
+[type=radio]:disabled + label::before,
+[type=checkbox]:disabled + label::before,
+input.ch:disabled + label::before {
+ border-color: var(--base-200);
+}
[type=radio]:not(.btn) + label,
[type=checkbox]:not(.btn) + label,
@@ -1818,9 +1891,9 @@
color: var(--contrast-200);
opacity: .8;
}
- .radio-options.status label {
- padding: 0 .5rem;
- }
+.radio-options.status label {
+ padding: 0 .5rem;
+}
.btn:checked + label {
border-color: var(--contrast);
color: var(--contrast);
@@ -1880,9 +1953,9 @@
margin: 2rem 0;
position: relative;
}
- .field:has(.has-tooltip) label {
- margin-left: 2rem;
- }
+.field:has(.has-tooltip) label {
+ margin-left: 2rem;
+}
/***************
TOGGLE TEXT
***************/
@@ -1982,13 +2055,13 @@
margin-top: 1rem;
width: 100%;
}
- .create-new-term .field,
- .create-new-term[open] summary {
- margin-bottom: 1rem;
- }
- .create-new-term .field {
- max-width: 100%;
- }
+.create-new-term .field,
+.create-new-term[open] summary {
+ margin-bottom: 1rem;
+}
+.create-new-term .field {
+ max-width: 100%;
+}
#jvb-selector > .wrap {
--gap: nowrap;
}
@@ -2092,52 +2165,52 @@
text-transform: lowercase;
}
/*.term-list a {*/
- /* color: var(--contrast);*/
- /* text-decoration: none;*/
- /* font-size: var(--small);*/
- /* }*/
- /* .term-list a:hover {*/
- /* color: var(--action-0);*/
- /* }*/
- /*.term-list.shop a::before,*/
- /*.term-list.style a::before,*/
- /*.term-list.theme a::before,*/
- /*.term-list.city a::before,*/
- /*#by-city::before,*/
- /*#by-style::before,*/
- /*#by-theme::before,*/
- /*.term-list.all a::before{*/
- /* content:"";*/
- /* display:inline-block;*/
- /* mask-repeat: no-repeat;*/
- /* mask-size: contain;*/
- /* width: 1.2em;*/
- /* height: 1.2em;*/
- /* margin-right: .5rem;*/
- /* vertical-align: middle;*/
- /* background-color: currentColor;*/
- /*}*/
- /*.term-list a::after {*/
- /* display: none;*/
- /*}*/
+/* color: var(--contrast);*/
+/* text-decoration: none;*/
+/* font-size: var(--small);*/
+/* }*/
+/* .term-list a:hover {*/
+/* color: var(--action-0);*/
+/* }*/
+/*.term-list.shop a::before,*/
+/*.term-list.style a::before,*/
+/*.term-list.theme a::before,*/
+/*.term-list.city a::before,*/
+/*#by-city::before,*/
+/*#by-style::before,*/
+/*#by-theme::before,*/
+/*.term-list.all a::before{*/
+/* content:"";*/
+/* display:inline-block;*/
+/* mask-repeat: no-repeat;*/
+/* mask-size: contain;*/
+/* width: 1.2em;*/
+/* height: 1.2em;*/
+/* margin-right: .5rem;*/
+/* vertical-align: middle;*/
+/* background-color: currentColor;*/
+/*}*/
+/*.term-list a::after {*/
+/* display: none;*/
+/*}*/
- /*.term-list.shop a::before {*/
- /* mask-image: var(--shop);*/
- /*}*/
+/*.term-list.shop a::before {*/
+/* mask-image: var(--shop);*/
+/*}*/
- /*.term-list.city a::before,*/
- /*#by-city::before {*/
- /* mask-image: var(--map);*/
- /*}*/
- /*.term-list.style a::before,*/
- /*#by-style::before,*/
- /*.term-list.all.styles a::before {*/
- /* mask-image: var(--style);*/
- /*}*/
- /*.term-list.theme a::before,*/
- /*#by-theme::before {*/
- /* mask-image: var(--theme);*/
- /*}*/
+/*.term-list.city a::before,*/
+/*#by-city::before {*/
+/* mask-image: var(--map);*/
+/*}*/
+/*.term-list.style a::before,*/
+/*#by-style::before,*/
+/*.term-list.all.styles a::before {*/
+/* mask-image: var(--style);*/
+/*}*/
+/*.term-list.theme a::before,*/
+/*#by-theme::before {*/
+/* mask-image: var(--theme);*/
+/*}*/
/**************************************************
MODALS DIALOGUE
**************************************************/
@@ -2149,12 +2222,12 @@
dialog[open] {
z-index:999;
--padding: 0;
- top: 0;
+ top: 5vh;
width: min(500px, 95vw);
border-radius: 1rem;
height: fit-content;
- max-height: 90vh;
overflow: hidden;
+ max-height: 90vh;
padding: var(--padding);
background-color: var(--base-50);
color: var(--contrast);
@@ -2164,11 +2237,11 @@
dialog > .wrap,
dialog > form {
- overflow: hidden auto;
max-height: 100%;
- margin: 1.5rem 0 0 1.5rem;
+ overflow: hidden auto;
+ margin: 0 0 0 1.5rem;
padding-right: 1.2rem;
- width: calc(100% - 1.5rem - 1.2rem);
+ width: calc(100% - 1.5rem);
}
dialog label {
@@ -2185,7 +2258,7 @@
padding-bottom: var(--height);
}
.m-actions {
- --w: 1.5em;
+ --w: 1.15em;
--justify: flex-end;
--wrap: nowrap;
--gap: 0;
@@ -2678,12 +2751,12 @@
position: relative;
border: 2px solid var(--action-0);
}
- nav.tabs > button:first-of-type {
- border-top-left-radius: var(--innerRadius);
- }
- nav.tabs > button:last-of-type {
- border-top-right-radius: var(--innerRadius);
- }
+nav.tabs > button:first-of-type {
+ border-top-left-radius: var(--innerRadius);
+}
+nav.tabs > button:last-of-type {
+ border-top-right-radius: var(--innerRadius);
+}
.tabs > button:hover,
.tabs > button:focus {
background-color: var(--base-200);
@@ -2699,13 +2772,13 @@
background-color: var(--action-50);
transition: width .3s;
}
- .tabs > button:hover::after,
- .tabs > button.active::after {
- width: 100%;
- }
- .tabs > button.active::after {
- background-color: var(--action-200);
- }
+.tabs > button:hover::after,
+.tabs > button.active::after {
+ width: 100%;
+}
+.tabs > button.active::after {
+ background-color: var(--action-200);
+}
.tabs > button.active {
background-color: var(--action-0);
color: var(--action-contrast);
@@ -2778,8 +2851,7 @@
- cart
- queue
**************************************************/
-aside#cart,
-aside#queue {
+aside {
position: fixed;
top: var(--doubleHeight);
bottom: var(--offHeight);
@@ -2792,7 +2864,7 @@
}
.qtoggle,
-.toggle-cart,
+ /*.toggle-cart,*/
.create-item {
z-index: var(--z-6);
position: fixed;
@@ -2804,22 +2876,22 @@
transition: width var(--transition-base), background-color var(--transition-base), color var(--transition-base), left var(--transition-base);
box-shadow: var(--shadow);
}
-.toggle-cart:hover,
+/*.toggle-cart:hover,*/
.qtoggle:hover,
.create-item:hover,
-.toggle-cart:focus,
+ /*.toggle-cart:focus,*/
.qtoggle:focus,
.create-item:focus {
background-color: rgba(var(--action-rgb),var(--rgb-heavy));
color: var(--action-contrast);
}
-.toggle-cart:disabled,
+/*.toggle-cart:disabled,*/
.qtoggle:disabled,
.create-item:disabled,
-.toggle-cart:disabled:hover,
+ /*.toggle-cart:disabled:hover,*/
.qtoggle:disabled:hover,
.create-item:disabled:hover,
-.toggle-cart:disabled:focus,
+ /*.toggle-cart:disabled:focus,*/
.qtoggle:disabled:focus,
.create-item:disabled:focus {
opacity: .5;
@@ -2835,24 +2907,13 @@
border-radius: 4px 4px 4px var(--outerRadius);
}
-body:has(#cart.expanded) .toggle-cart {
- width: min(500px, calc(100vw - 2rem));
-}
body:has(#cart.expanded) .toggle-cart .icon {
display: none;
}
aside#cart {
- overflow: hidden;
- right: var(--offScreen);
- border-radius: var(--outerRadius) 0 0 var(--outerRadius);
- transition: right var(--transition-base);
padding-bottom: 6rem;
}
-aside#cart.expanded {
- right: 0;
- transition: right var(--transition-base);
-}
#cart form {
max-height: 100%;
overflow: hidden auto;
@@ -2922,18 +2983,18 @@
border-radius: var(--outerRadius);
padding: 1rem;
}
- .restored h3 {
- font-size: var(--medium);
- margin: 0;
- }
- .restored p {
- margin: 0;
- }
- .restored .row {
- --gap: 0;
- --wrap:nowrap;
- --w: 1em;
- }
+.restored h3 {
+ font-size: var(--medium);
+ margin: 0;
+}
+.restored p {
+ margin: 0;
+}
+.restored .row {
+ --gap: 0;
+ --wrap:nowrap;
+ --w: 1em;
+}
/******************
TOAST
******************/
@@ -2998,24 +3059,13 @@
/******************
QUEUE
******************/
-aside#queue {
- left: var(--offScreen);
- border-radius: 0 var(--outerRadius) var(--outerRadius) 0;
- transition: left var(--transition-base);
- --wrap: nowrap;
- --align: stretch;
-}
-aside#queue.expanded {
- left: 0;
- overflow: hidden auto;
-}
.qtoggle {
left: 0;
border-radius: 4px 4px var(--outerRadius) 4px;
}
-body:has(#queue.expanded) .qtoggle {
+.qtoggle.expanded {
left: var(--height);
width: min(calc(500px - var(--height)), calc(100vw - 2rem - var(--height)));
}
@@ -3167,9 +3217,9 @@
height: 18px;
font-size: 10px;
}
- .filter .count:empty {
- display: none;
- }
+.filter .count:empty {
+ display: none;
+}
/* Empty state */
.empty-queue {
@@ -3408,6 +3458,187 @@
animation: shimmer 2.5s infinite linear var(--delay);
}
/**************************************************
+ACTIONS
+**************************************************/
+.additional-actions .buttons {
+ position: fixed;
+ bottom: var(--offHeight);
+ right: 1rem;
+ margin: 0;
+ --gap: 1rem;
+ z-index: var(--z-6);
+ width: fit-content;
+}
+.additional-actions .buttons button {
+ height: var(--height);
+ width: var(--height);
+ background-color: var(--overlay-medium);
+ color: var(--contrast);
+ transition: width var(--transition-base), background-color var(--transition-base), color var(--transition-base), left var(--transition-base);
+ box-shadow: var(--shadow);
+}
+.additional-actions .buttons button:hover {
+ background-color: var(--action-0);
+ color: var(--action-contrast);
+}
+.additional-actions .buttons button:disabled,
+.additional-actions .buttons button:disabled:hover,
+.additional-actions .buttons button:disabled:focus {
+ opacity: .5;
+ background-color: var(--overlay-light);
+ color: var(--contrast);
+}
+.additional-actions .buttons button:last-of-type {
+ border-radius: 4px 4px 4px var(--outerRadius);
+}
+aside {
+ position: fixed;
+ top: var(--doubleHeight);
+ bottom: var(--offHeight);
+ width: min(500px, calc(100vw - 2rem));
+ background-color: var(--base);
+ z-index: var(--z-5);
+ box-shadow: var(--shadow);
+ --wrap: nowrap;
+ --align: stretch;
+ overflow: hidden auto;
+ padding: 1rem 1rem var(--height);
+}
+aside.left {
+ left: var(--offScreen);
+ transition: left var(--transition-base);
+ border-radius: 0 var(--outerRadius) var(--outerRadius) 0;
+}
+aside.left.expanded {
+ left: 0;
+}
+
+aside.right {
+ right: var(--offScreen);
+ border-radius: var(--outerRadius) 0 0 var(--outerRadius);
+ transition: right var(--transition-base);
+}
+aside.right.expanded {
+ right: 0;
+}
+aside.right.expanded button.close {
+ position: sticky;
+ bottom: calc(var(--height) * -1);
+ left: 0;
+ border-bottom-left-radius: var(--outerRadius);
+ width: var(--height);
+ height: var(--height);
+
+}
+.additional-actions .buttons:has(.expanded) button:not(.expanded) {
+ display: none;
+}
+.additional-actions .buttons:has(.expanded){
+ right: 0;
+}
+
+.additional-actions .buttons .expanded {
+ width: calc(min(500px, calc(100vw - 2rem)));
+ background-color: var(--base);
+}
+.additional-actions .buttons button:hover,
+.additional-actions .buttons .expanded:hover {
+ background-color: var(--action-0);
+ color: var(--action-contrast);
+}
+
+[type=submit] {
+ width: 100%;
+ height: var(--height);
+ background-color: var(--action-0);
+ color: var(--action-contrast);
+ box-shadow: var(--shadow-none);
+ font-weight: bold;
+}
+[type=submit]:hover {
+ box-shadow: var(--shadow);
+ border: 2px solid var(--action-0);
+ color: var(--action-0);
+ background-color: var(--action-contrast);
+}
+
+aside nav.tabs {
+ position: sticky;
+ bottom: unset;
+ top: 0;
+ left: 0;
+ right: 0;
+}
+.jvb-referral nav.tabs button {
+ width: 50%;
+}
+aside .tab-content.active {
+ padding: 1rem;
+ min-height: 100%;
+}
+
+aside header h3 {
+ font-size: var(--medium);
+ margin: 1rem 0;
+ text-align: center;
+}
+aside header p {
+ margin: .25rem 0;
+ text-align: center;
+}
+aside h4 {
+ font-size: var(--small);
+ margin: 1rem 0 0 0;
+}
+
+code {
+ width: 100%;
+ margin: .5rem;
+ padding: .5rem;
+ user-select: all;
+ text-align: center;
+ border-radius: 4px;
+ background-color: var(--base-200);
+ border: 1px solid var(--contrast-200);
+}
+.restore-form {
+ background-color: rgba(var(--action-rgb), var(--rgb-light));
+ border: 1px solid var(--action-200);
+ padding: .5rem;
+ border-radius: var(--outerRadius);
+ margin: 1rem 2rem;
+}
+.restore-form h3 {
+ text-align: center;
+ margin: 1rem 0 0;
+ font-size: var(--medium);
+}
+.restore-form p {
+ margin: .5rem 0;
+}
+.fstatus {
+ z-index: var(--z-5);
+ background-color: rgba(var(--base-rgb),var(--rgb-heavy));
+ border-radius: 4px;
+ padding: 0 .5rem;
+ position: fixed;
+ bottom: var(--offHeight);
+ right: calc(var(--offHeight) + 1rem);
+ --w: 1em;
+ box-shadow:var(--shadow);
+}
+.fstatus .spinner {
+ display: none;
+}
+.fstatus.loading .spinner {
+ display: inline-block;
+}
+
+.fstatus p {
+ margin: 0;
+ padding: .25rem;
+}
+/**************************************************
RESPONSES
**************************************************/
/*dialog.create-response {*/
@@ -3494,13 +3725,13 @@
@keyframes pulse-color {
0% {
- box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), .4);
+ box-shadow: 0 0 0 0 rgba(var(--action-rgb), .4);
}
- 70% {
- box-shadow: 0 0 0 6px rgba(var(--secondary-rgb), 0);
+ 30% {
+ box-shadow: 0 0 0 .75rem rgba(var(--action-rgb), 0);
}
100% {
- box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0);
+ box-shadow: 0 0 0 0 rgba(var(--action-rgb), 0);
}
}
@@ -3676,21 +3907,21 @@
gap: 0 1rem;
}
.menu-items .menu-item:not(.variable) label {
- display: none;
- }
+ display: none;
+}
.menu-items .menu-item .field {
- margin: 0;
- --wrap: nowrap;
- }
+ margin: 0;
+ --wrap: nowrap;
+}
.menu-items .menu-item .has-tooltip {
- position: absolute;
- right: -2.5rem;
- }
+ position: absolute;
+ right: -2.5rem;
+}
.menu-items .menu-item + .menu-item {
- border-top: 1px solid var(--base-200);
- margin-top: 2rem;
- padding-top: 1rem;
- }
+ border-top: 1px solid var(--base-200);
+ margin-top: 2rem;
+ padding-top: 1rem;
+}
.menu-items .menu-item .header {
grid-column: 1/-1;
}
@@ -3713,7 +3944,7 @@
vertical-align: super;
font-size: 12px;
}
-body.menu_item section h2 {
+body.menu_item section > h2 {
display: inline-block;
max-width: var(--maxWidth);
width: max-content;
@@ -4255,10 +4486,14 @@
font-size: 14px;
min-width: 180px;
background: var(--base);
+ color: var(--contrast);
cursor: pointer;
transition: border-color .2s ease;
}
+.field-input-wrapper input[type=time]:focus,
+.field-input-wrapper input[type=datetime-local]:focus,
+.field-input-wrapper input[type=date]:focus,
.time-wrapper input[type=time]:focus,
.datetime-wrapper input[type=datetime-local]:focus,
.date-wrapper input[type=date]:focus {
@@ -4267,12 +4502,13 @@
}
/* Icon styling in form fields */
+.field-input-wrapper svg,
.time-wrapper svg,
.datetime-wrapper svg,
.date-wrapper svg {
width: 18px;
height: 18px;
- color: #666;
+ color: var(--contrast);
opacity: .7;
}
@@ -4437,13 +4673,358 @@
/* }*/
/*}*/
+legend {
+ padding: 0 1rem;
+}
+.abs {
+ position: absolute;
+}
+.top {
+ top: 0;
+ right: 0;
+ left: 0;
+}
+.top-right {
+ top: 0;
+ right: 0;
+}
+.top-left {
+ top: 0;
+ left: 0;
+}
+
+.btm {
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+.btm-right {
+ bottom: 0;
+ right: 0;
+}
+.btm-left {
+ bottom: 0;
+ left: 0;
+}
+.edges {
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+}
+/*********************** REFERRAL SYSTEM ***********************/
+.referral-widget {
+ background: #fff;
+ border: 1px solid #ddd;
+ border-radius: 8px;
+ padding: 24px;
+ margin: 20px 0;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+}
+.referral-header {
+ text-align: center;
+ margin-bottom: 20px;
+}
+.referral-header h3 {
+ margin: 0 0 8px 0;
+ color: #2271b1;
+}
+.referral-header p {
+ margin: 0;
+ color: #666;
+ font-size: 14px;
+}
+/* Share Widget Styles */
+.referral-link-section {
+ margin-bottom: 20px;
+}
+.referral-link-section label {
+ display: block;
+ font-weight: 600;
+ margin-bottom: 8px;
+ color: #333;
+}
+.link-copy-wrapper {
+ display: flex;
+ gap: 8px;
+}
+.link-copy-wrapper input {
+ flex: 1;
+ padding: 10px 12px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ font-family: monospace;
+ font-size: 13px;
+ background: #f9f9f9;
+}
+
+.copy-link-btn {
+ padding: 10px 20px;
+ background: #2271b1;
+ color: #fff;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ font-weight: 600;
+ white-space: nowrap;
+ transition: background 0.2s;
+}
+
+.copy-link-btn:hover {
+ background: #135e96;
+}
+
+.referral-code-display {
+ margin: 8px 0 0 0;
+ font-size: 13px;
+ color: #666;
+}
+
+.referral-stats {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+ gap: 16px;
+ margin-bottom: 20px;
+ padding: 16px;
+ background: #f8f9fa;
+ border-radius: 6px;
+}
+
+.stat-item {
+ text-align: center;
+}
+
+.stat-value {
+ display: block;
+ font-size: 24px;
+ font-weight: bold;
+ color: #2271b1;
+}
+
+.stat-label {
+ display: block;
+ font-size: 12px;
+ color: #666;
+ margin-top: 4px;
+}
+
+.share-buttons {
+ display: flex;
+ gap: 10px;
+ justify-content: center;
+ flex-wrap: wrap;
+}
+
+.share-btn {
+ display: inline-flex;
+ align-items: center;
+ gap: 6px;
+ padding: 10px 16px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ text-decoration: none;
+ color: #333;
+ font-size: 14px;
+ font-weight: 500;
+ transition: all 0.2s;
+}
+
+.share-btn:hover {
+ background: #f5f5f5;
+ border-color: #999;
+}
+
+/* Validation Widget Styles */
+.form-group {
+ margin-bottom: 16px;
+}
+
+.form-group label {
+ display: block;
+ font-weight: 600;
+ margin-bottom: 8px;
+ color: #333;
+}
+
+.input-button-wrapper {
+ display: flex;
+ gap: 8px;
+}
+
+.input-button-wrapper input {
+ flex: 1;
+ padding: 12px 16px;
+ border: 2px solid #ddd;
+ border-radius: 4px;
+ font-size: 16px;
+ font-family: monospace;
+ font-weight: 600;
+ text-transform: uppercase;
+ transition: border-color 0.2s;
+}
+
+.input-button-wrapper input:focus {
+ outline: none;
+ border-color: #2271b1;
+}
+
+.validate-btn {
+ padding: 12px 24px;
+ background: #2271b1;
+ color: #fff;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ font-weight: 600;
+ white-space: nowrap;
+ transition: background 0.2s;
+}
+
+.validate-btn:hover {
+ background: #135e96;
+}
+
+.validate-btn:disabled {
+ background: #ccc;
+ cursor: not-allowed;
+}
+
+.helper-text {
+ margin: 8px 0 0 0;
+ font-size: 13px;
+ color: #666;
+}
+
+.helper-text a {
+ color: #2271b1;
+ text-decoration: none;
+}
+
+.helper-text a:hover {
+ text-decoration: underline;
+}
+
+.message {
+ padding: 12px 16px;
+ border-radius: 4px;
+ margin-top: 16px;
+ font-size: 14px;
+}
+
+.message.success {
+ background: #d4edda;
+ color: #155724;
+ border: 1px solid #c3e6cb;
+}
+
+.message.error {
+ background: #f8d7da;
+ color: #721c24;
+ border: 1px solid #f5c6cb;
+}
+
+/* Success State Styles */
+.referral-success-state {
+ text-align: center;
+}
+
+.success-icon {
+ width: 80px;
+ height: 80px;
+ margin: 0 auto 20px;
+ background: #28a745;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ font-size: 40px;
+}
+
+.success-content h3 {
+ color: #28a745;
+ margin: 0 0 12px 0;
+}
+
+.reward-highlight {
+ background: #e7f5ff;
+ padding: 20px;
+ border-radius: 6px;
+ margin: 20px 0;
+ border-left: 4px solid #2271b1;
+}
+
+.reward-highlight strong {
+ color: #2271b1;
+ font-size: 18px;
+}
+
+.cta-button {
+ display: inline-block;
+ padding: 14px 32px;
+ background: #2271b1;
+ color: #fff;
+ text-decoration: none;
+ border-radius: 4px;
+ font-weight: 600;
+ margin-top: 16px;
+ transition: background 0.2s;
+}
+
+.cta-button:hover {
+ background: #135e96;
+}
+
+.referred-by {
+ margin-top: 16px;
+ padding-top: 16px;
+ border-top: 1px solid #ddd;
+ font-size: 13px;
+ color: #666;
+}
+
+.loading-spinner {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ border: 2px solid #f3f3f3;
+ border-top: 2px solid #2271b1;
+ border-radius: 50%;
+ animation: spin 1s linear infinite;
+ margin-left: 8px;
+ vertical-align: middle;
+}
+
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+}
+
+/* Responsive */
+@media (max-width: 600px) {
+ .input-button-wrapper {
+ flex-direction: column;
+ }
+
+ .validate-btn {
+ width: 100%;
+ }
+
+ .link-copy-wrapper {
+ flex-direction: column;
+ }
+
+ .copy-link-btn {
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git a/copy-hours.css b/copy-hours.css
index f2ee4ad..2b3f1f3 100644
--- a/copy-hours.css
+++ b/copy-hours.css
@@ -108,10 +108,3 @@
.feedback .icon {
--w: 1.25rem;
}
-
-/* Dark mode support */
-@media (prefers-color-scheme: dark) {
- .feedback {
- background-color: var(--success-dark, #1e7e34);
- }
-}
\ No newline at end of file
diff --git a/dash.css b/dash.css
index 78c9842..1d56137 100644
--- a/dash.css
+++ b/dash.css
@@ -46,7 +46,7 @@
GRID VIEW
********************************************/
.item-grid:has(.select-item:checked) .item {
- padding: 2rem;
+ padding: .75rem;
opacity : .8;
filter: var(--filter);
}
@@ -104,12 +104,12 @@
gap: .25rem;
margin-left: 2rem;
}
- .selected-count::before {
- content: '{';
- }
- .selected-count::after {
- content: '}';
- }
+.selected-count::before {
+ content: '{';
+}
+.selected-count::after {
+ content: '}';
+}
.bulk-edit-form .selected {
display: grid;
@@ -341,16 +341,16 @@
transition: all var(--transition-base);
box-shadow: var(--shadow);
}
- .integration.connected {
- border-color: var(--success);
- }
- .integration.error,
- .integration.disconnected {
- border-color: var(--error);
- }
- .integration.hasChanges {
- border-color: var(--warning);
- }
+.integration.connected {
+ border-color: var(--success);
+}
+.integration.error,
+.integration.disconnected {
+ border-color: var(--error);
+}
+.integration.hasChanges {
+ border-color: var(--warning);
+}
.integration .header {
margin-bottom: .75rem;
padding-bottom: .75rem;
@@ -376,74 +376,97 @@
.integration .setup .indicator {
font-size: var(--medium);
}
- .integration .connected .indicator,
- .integration .setup .connected {
- color: var(--success);
- }
- .integration .disconnected .indicator,
- .integration .setup .disconnected {
- color: var(--error);
- }
- .integration.hasChanges .disconnected {
- color: var(--warning);
- }
+.integration .connected .indicator,
+.integration .setup .connected {
+ color: var(--success);
+}
+.integration .disconnected .indicator,
+.integration .setup .disconnected {
+ color: var(--error);
+}
+.integration.hasChanges .disconnected {
+ color: var(--warning);
+}
- .connection-status.connected {
- background-color: var(--successBack);
- color: var(--successText);
- }
- .connection-status.disconnected {
- background-color: var(--errorBack);
- color: var(--errorText);
- }
+.connection-status.connected {
+ background-color: var(--successBack);
+ color: var(--successText);
+}
+.connection-status.disconnected {
+ background-color: var(--errorBack);
+ color: var(--errorText);
+}
- .integration code {
- display: inline-block;
- width: 90%;
- margin: 0 .5rem;
- user-select: all;
- padding: .75rem;
- border: 2px solid var(--base);
- background-color: var(--base-200);
- word-break: break-all;
- }
- .integration details + details {
- margin-top: 1rem;
- }
- .integration .actions {
- margin-top: 1rem;
- }
+.integration code {
+ display: inline-block;
+ width: 90%;
+ margin: 0 .5rem;
+ user-select: all;
+ padding: .75rem;
+ border: 2px solid var(--base);
+ background-color: var(--base-200);
+ word-break: break-all;
+}
+.integration details + details {
+ margin-top: 1rem;
+}
+.integration .actions {
+ margin-top: 1rem;
+}
- .hint {
- line-height: 1.2;
- font-style: italic;
- font-size: var(--small);
- }
+.hint {
+ line-height: 1.2;
+ font-style: italic;
+ font-size: var(--small);
+}
- .hasChanges button[data-action=save_credentials] {
- border-color: var(--warning);
- animation: pulse-color 1s infinite;
- animation-delay: 1s;
- }
+.hasChanges button[data-action=save_credentials] {
+ border-color: var(--warning);
+ animation: pulse-color 1s infinite;
+ animation-delay: 1s;
+}
- .flash {
- animation: flash .5s;
- }
- .flash.connected {
- --b: var(--success);
- }
- .flash.disconnected {
- --b: var(--error);
- }
- .flash.syncing {
- --b: var(--success);
- }
- .flash.hasChanges,
- .flash.error {
- --b: var(--warning);
- }
+.flash {
+ animation: flash .5s;
+}
+.flash.connected {
+ --b: var(--success);
+}
+.flash.disconnected {
+ --b: var(--error);
+}
+.flash.syncing {
+ --b: var(--success);
+}
+.flash.hasChanges,
+.flash.error {
+ --b: var(--warning);
+}
- @keyframes flash {
- 0%, 100% {border-color: inherit}
- 50% {border-color: var(--b)}
- }
\ No newline at end of file
+@keyframes flash {
+ 0%, 100% {border-color: inherit}
+ 50% {border-color: var(--b)}
+}
+
+.location.field {
+ width: 80vw;
+}
+.location.field > p {
+ text-align: center;
+}
+.location.field > p + p {
+ margin: 0 .5rem 0 0;
+}
+.location.field .location-map {
+ height: 20vh;
+}
+.location.field .location-links {
+ padding: .5rem 0;
+ display: flex;
+ justify-content: space-evenly;
+}
+
+.item-grid .item,
+.field.upload [data-upload-id] {
+ touch-action: none;
+}
\ No newline at end of file
diff --git a/forms.css b/forms.css
index 0e4962c..3e57890 100644
--- a/forms.css
+++ b/forms.css
@@ -8,6 +8,10 @@
max-width: var(--maxWidth);
}
}
+/*.field.upload .item-grid,*/
+/*.field.upload [data-upload-id] {*/
+/* touch-action: none;*/
+/*}*/
.file-upload-wrapper {
border: 2px dashed var(--action-0);
@@ -15,7 +19,7 @@
padding: 2rem;
text-align: center;
transition: all .3s ease;
- background: var(--action-rgb-subtle);
+ background: rgba(var(--action-rgb),var(--rgb-subtle));
position: relative;
cursor: pointer;
}
@@ -26,7 +30,7 @@
.file-upload-wrapper:hover,
.dragover {
- background: var(--action-rgb-subtle-hover);
+ background: rgba(var(--action-rgb),var(--rgb-subtle-hover));
border-color: var(--action-0)!important;
}
@@ -51,21 +55,521 @@
text-decoration: underline;
}
-.field.image:has(.upload-item) .file-upload-container {
+.field.upload:has(.upload-item) .file-upload-container {
display: none;
}
-.field.image {
+.field.upload {
position: relative;
}
-.field.image:not(.uploading) .progress {
+.field.upload:not(.uploading) .progress {
display: none;
}
-.field.image .actions {
+.field.upload .actions {
position: absolute;
top: 0;
right: 0;
}
+.item-grid.restore,
+.item-grid.group,
+.item-grid.preview {
+ grid-template-columns: repeat(3, 1fr)
+}
+.item-grid.restore .item,
+.item-grid.group .item,
+.item-grid.preview .item {
+ display: block;
+}
+.item-grid.restore button,
+.item-grid.group button,
+.item-grid.preview button {
+ padding: .25rem .5rem;
+}
+.item-grid.restore button .icon,
+.item-grid.group button .icon,
+.item-grid.preview button .icon {
+ --w: 1.1em;
+}
+.item-grid.restore .item .preview > input[type=checkbox]:not(.label-button) + label,
+.item-grid.preview .item .preview > input[type=checkbox]:not(.label-button) + label,
+.item-grid.group .item .preview > input[type=checkbox]:not(.label-button) + label {
+ padding-left: 0;
+ margin: 0;
+}
+.item-grid.restore .item .preview > input[type=checkbox] + label:before,
+.item-grid.preview .item .preview > input[type=checkbox] + label:before,
+.item-grid.group .item .preview > input[type=checkbox] + label:before {
+ transform: unset;
+ top: .5rem;
+ left: .5rem;
+}
+.item-grid.restore .item .preview > input[type=checkbox] + label::after,
+.item-grid.preview .item .preview > input[type=checkbox] + label::after,
+.item-grid.group .item .preview > input[type=checkbox] + label::after {
+ top: .5rem;
+ left: .75rem;
+ transform: translateY(20%) rotate(45deg);
+}
+.item-grid.restore .item .item-actions,
+.item-grid.preview .item .item-actions,
+.item-grid.group .item .item-actions {
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+.item-grid.restore summary,
+.item-grid.preview summary,
+.item-grid.group summary {
+ padding: .5rem;
+}
+.item-grid.restore:has([type=checkbox]:checked),
+.item-grid.preview:has([type=checkbox]:checked),
+.item-grid.group:has([type=checkbox]:checked) {
+ padding: 1rem;
+ background-color: rgba(var(--contrast-rgb),var(--rgb-subtle));
+}
+.item-grid.restore:has([type=checkbox]:checked) .item,
+.item-grid.preview:has([type=checkbox]:checked) .item,
+.item-grid.group:has([type=checkbox]:checked) .item {
+ padding: .75rem;
+ opacity: .8;
+}
+.item-grid.restore:has([type=checkbox]:checked) .item img,
+.item-grid.preview:has([type=checkbox]:checked) .item img,
+.item-grid.group:has([type=checkbox]:checked) .item img {
+ filter: var(--filter);
+}
+.item-grid.restore:has([type=checkbox]:checked) details,
+.item-grid.preview:has([type=checkbox]:checked) details,
+.item-grid.group:has([type=checkbox]:checked) details {
+ display: none;
+}
+.item-grid.restore .item:has([type=checkbox]:checked),
+.item-grid.preview .item:has([type=checkbox]:checked),
+.item-grid.group .item:has([type=checkbox]:checked) {
+ padding: .5rem;
+ background-color: rgba(var(--action-rgb), var(--rgb-medium));
+ opacity: 1;
+}
+
+.item-grid.restore .item:has([type=checkbox]:checked) img,
+.item-grid.preview .item:has([type=checkbox]:checked) img,
+.item-grid.group .item:has([type=checkbox]:checked) img {
+ filter: none;
+}
+
+[type=radio].featured:checked + label .star,
+[type=radio].featured + label .star + .star {
+ display: none;
+}
+
+[type=radio].featured + label .star,
+[type=radio].featured:checked + label .star + .star {
+ display: inline-block;
+}
+.restore.item,
+.upload.item {
+ border-radius: var(--innerRadius);
+ overflow: hidden;
+ background: var(--base);
+ border: 1px solid var(--base-200);
+}
+.restore.item img,
+.upload.item img {
+ transition: transform var(--transition-base);
+}
+
+.restore.item:hover img,
+.upload.item:hover img {
+ transform: scale(1.02);
+ transition: transform var(--transition-base);
+}
+
+.upload-group {
+ background-image: var(--dashed-action);
+ padding: 5px;
+ border-radius: var(--innerRadius);
+ background-color: rgba(var(--action-rgb), var(--rgb-subtle));
+}
+
+.submit-uploads {
+ position: fixed;
+ bottom: var(--offHeight);
+ right: var(--offHeight);
+ z-index: var(--z-6);
+ height: var(--height);
+ box-shadow: var(--shadow);
+ border-radius: var(--innerRadius);
+ animation: pulse-color 5s infinite;
+ animation-delay: 1s;
+ background-color: var(--action-0);
+ color: var(--action-contrast);
+}
+.submit-uploads:hover {
+ background-color: var(--base-200);
+ color: var(--contrast-200);
+}
+
+.empty-group {
+ grid-column: 1 / -1;
+ padding: 20px;
+ background-image: var(--dashed-action);
+ border-radius: var(--innerRadius);
+ margin: 10px 0;
+ cursor: pointer;
+ transition: all var(--transition-base);
+ text-align: center;
+ background-color: rgba(var(--action-rgb), var(--rgb-subtle));
+}
+
+.group-display:not([hidden]) ~ .file-upload-container {
+ display: none;
+}
+
+.upload.item.dragging,
+.dragging {
+ opacity: .7;
+ transform: scale(.95) rotate(3deg);
+ z-index: var(--z-top);
+ box-shadow: 0 8px 25px rgba(0,0,0,.3);
+}
+
+.dragover {
+ background: rgba(var(--action-rgb),var(--rgb-light))!important;
+ border-color: var(--action-0) !important;
+ transform: scale(1.05);
+ animation: drop-pulse .8s infinite ease-in-out;
+}
+
+.drag-preview {
+ position: fixed;
+ z-index: var(--zz-top);
+ width: fit-content;
+ overflow: visible;
+ pointer-events: none;
+ opacity: 0.9;
+ transform: scale(1.05);
+ transition: transform 0.2s ease;
+}
+.drag-preview .drag-items {
+ width: max-content;
+ height: max-content;
+ position: relative;
+}
+
+.drag-preview .drag-items .drag-item {
+ width: 120px;
+ height: 120px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: var(--base);
+ border-radius: var(--outerRadius);
+ box-shadow: var(--shadow);
+}
+
+.drag-preview .drag-items .drag-item:nth-child(1) {
+ transform: rotate(-3deg);
+ z-index: 3;
+}
+
+.drag-preview .drag-items .drag-item:nth-child(2) {
+ left: 8px;
+ top: -4px;
+ transform: rotate(4deg);
+ z-index: 2;
+ transition-delay: 0.03s;
+}
+
+.drag-preview .drag-items .drag-item:nth-child(3) {
+ left: -6px;
+ top: -8px;
+ transform: rotate(-5deg);
+ z-index: 1;
+ transition-delay: 0.06s;
+}
+
+.drag-preview .drag-items .drag-item:nth-child(4) {
+ left: 12px;
+ top: -12px;
+ transform: rotate(3deg);
+ z-index: 0;
+ transition-delay: 0.09s;
+}
+
+/* Additional items follow the pattern */
+.drag-preview .drag-items .drag-item:nth-child(n+5) {
+ left: -10px;
+ top: -16px;
+ transform: rotate(-4deg);
+ z-index: 0;
+ opacity: 0.8;
+}
+
+/* The actual image/video inside fills the wrapper */
+.drag-preview .drag-items img,
+.drag-preview .drag-items video {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ display: block;
+}
+
+.drag-preview .drag-count {
+ position: absolute;
+ top: -8px;
+ right: -8px;
+ background: var(--base-200);
+ color: var(--contrast);
+ border-radius: 50%;
+ width: 24px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 12px;
+ font-weight: bold;
+ box-shadow: var(--shadow);
+ z-index: var(--z-3);
+}
+
+/* Touch-specific offset positioning handled via transform in JS */
+.drag-preview[data-source="touch"] {
+ /* JS will apply appropriate offset transforms */
+}
+
+/* Items being dragged - reduce opacity on originals */
+.item.dragging {
+ opacity: 0.5;
+ transform: scale(0.95);
+ filter: grayscale(50%);
+ transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;
+}
+
+@keyframes drop-pulse {
+ 0%, 100% {
+ background-color: rgba(var(--action-rgb),var(--rgb-light));
+ transform: scale(1.02);
+ }
+ 50% {
+ background-color: var(rgba(var(--action-rgb),var(--rgb-medium)));
+ transform: scale(1.04);
+ }
+}
+
+/******
+Upload grouping
+******/
+.group-actions {
+ display: flex;
+ gap: .25rem;
+}
+@media (max-width: 767px) {
+ body:not(.uploading):has(.group-display:not([hidden])){
+ overflow:hidden;
+ }
+ body:not(.uploading):has(.group-display:not([hidden])) .qtoggle {
+ z-index: var(--z-1);
+ }
+
+ .group-display.group-display {
+ position: fixed;
+ top: var(--height);
+ bottom: var(--height);
+ left: 0;
+ right: 0;
+ max-height: var(--maxHeight);
+ overflow: hidden;
+ z-index: var(--z-6);
+ width: calc(100% - 1rem);
+ height: calc(100% - 1rem);
+ padding: 0 0 3rem;
+ --justify: flex-start;
+ --align: flex-start;
+ --gap: 0;
+ }
+ .group-display::before {
+ content: '';
+ display: block;
+ z-index: -1;
+ top: -.5rem;
+ bottom: -.5rem;
+ left: -.5rem;
+ right: -.5rem;
+ position: absolute;
+ background-color: rgba(var(--base-rgb), var(--rgb-heavy));
+ filter: blur(5px);
+ }
+
+ .group-display .preview-wrap,
+ .group-display .sidebar {
+ height: 50%;
+ overflow:hidden auto;
+ position: relative;
+ padding: .5rem;
+ }
+ .group-display .preview-wrap {
+ top: 0;
+ }
+ .group-display .preview-wrap .selected {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .group-display .sidebar {
+ bottom: 0;
+ flex-wrap: nowrap;
+ overflow: hidden auto;
+ background-color: var(--contrast-200);
+ color: var(--base);
+ }
+ .group-display .sidebar > .hint {
+ color: var(--contrast);
+ }
+ .group-display .sidebar .header {
+ display: none;
+ }
+
+ .group-display .preview-actions {
+ top: 0;
+ flex-shrink:0;
+ }
+ .group-display .preview-wrap > .hint,
+ .group-display .sidebar > .hint {
+ bottom: 0;
+ margin: 0;
+ text-align: center;
+ }
+ .group-display .preview-wrap > .hint,
+ .group-display .sidebar > .hint,
+ .group-display .preview-actions {
+ position: absolute;
+ left: 0;
+ right: 0;
+ background-color: rgba(var(--base-rgb), var(--rgb-heavy));
+ z-index: var(--z-3);
+ box-shadow: var(--shadow);
+ }
+ .group-display .item-grid {
+ height: 100%;
+ overflow: hidden auto;
+ grid-template-columns: repeat(3, 1fr);
+ padding: 2rem 0;
+ }
+ .group-display .sidebar > .item-grid {
+ grid-template-columns: repeat(1, 1fr);
+ gap: 1rem;
+ padding: 0;
+ }
+ .group-display .sidebar .empty-group {
+ order: 0;
+ position: sticky;
+ height: fit-content;
+ top: 0;
+ z-index: var(--z-3);
+ background-color: rgba(var(--action-rgb), var(--rgb-heavy));
+ }
+ .group-display .sidebar .upload-group {
+ order: 1;
+ }
+ .group-display .sidebar .empty-group p {
+ margin: 0;
+ }
+
+
+ .group-display .field label,
+ .group-display .field {
+ margin: 0;
+ padding: 0;
+ }
+
+ .group-display .sidebar h4 {
+ margin: .25rem;
+ }
+
+ .group-display .item {
+ width:100%;
+ height: max-content;
+ }
+
+ .submit-uploads {
+ bottom: var(--height);
+ left: 0;
+ right: 0;
+ width: 100%;
+ height: 3rem;
+ }
+
+ body.uploading .group-display.group-display {
+ position: relative;
+ top: unset;
+ bottom: unset;
+ right: unset;
+ left: unset;
+ }
+}
+@media (min-width: 768px) {
+ .group-display.group-display {
+ --wrap: nowrap;
+ --dir: row;
+ --gap: 1rem;
+ --align: flex-start;
+ }
+ .group-display .preview-wrap,
+ .group-display .sidebar {
+ --justify: flex-start;
+ max-height: calc(100vh - var(--doubleHeight));
+ overflow: hidden auto;
+ }
+ .group-display .preview-wrap,
+ .group-display .sidebar {
+ width: 50%;
+ }
+
+ .preview-actions,
+ .preview-wrap .hint {
+ position: sticky;
+ z-index: var(--z-3);
+ box-shadow: var(--shadow);
+ background-color: var(--base);
+ width: 100%;
+ }
+ .preview-actions {
+ top: 0;
+ left: 0;
+ right: 0;
+ }
+ .preview-actions .field {
+ margin: 0;
+ }
+ .sidebar > .hint,
+ .preview-wrap .hint {
+ bottom: -1rem;
+ padding-bottom: 1rem;
+ margin: 0;
+ left: 0;
+ right: 0;
+ text-align: center;
+ }
+}
+
+.restore-uploads {
+ position: fixed;
+ top: var(--offHeight);
+ bottom: var(--offHeight);
+ left: 1rem;
+ right: 1rem;
+ border-radius: var(--outerRadius);
+ padding: 1rem;
+ z-index: var(--z-top);
+ box-shadow: var(--shadow);
+ background-color: var(--base-200);
+ overflow: hidden auto;
+}
+
+/*************************************************************
+Tabs in dialog elements
+************************************************************/
dialog nav.tabs {
position: sticky;
@@ -105,8 +609,8 @@
}
.editor-container .ql-container .ql-editor {
padding: var(--padding);
- width: calc(100% - (var(--padding) * 2.5));
- height: calc(100% - (var(--padding) * 2));
+ width: 100%;
+ height: 100%;
}
.ql-editor img {
max-width: 50%;
@@ -137,9 +641,7 @@
/******************************************************
FIELDS
******************************************************/
-[data-type=single] [for=select-item] {
- display: none;
-}
+
[data-type=single] .item-grid {
display: flex;
}
@@ -152,4 +654,963 @@
}
.repeater-row details summary button {
margin-left: auto;
-}
\ No newline at end of file
+}
+
+
+/*******************************************************
+UPLOADER
+*******************************************************/
+/*!* Group actions buttons - more visible *!*/
+/*.group-actions {*/
+/* display: flex;*/
+/* gap: 0.5rem;*/
+/*}*/
+
+/*.group-actions button {*/
+/* padding: 0.5rem 0.75rem;*/
+/* border-radius: var(--innerRadius);*/
+/* background: rgba(var(--action-rgb), 0.1);*/
+/* border: 1px solid rgba(var(--action-rgb), 0.3);*/
+/* color: var(--action-0);*/
+/* font-size: var(--small);*/
+/* transition: all var(--transition-base);*/
+/* cursor: pointer;*/
+/*}*/
+
+/*.group-actions button:hover {*/
+/* background: rgba(var(--action-rgb), 0.2);*/
+/* border-color: var(--action-0);*/
+/* transform: translateY(-1px);*/
+/*}*/
+
+/*!* Group item grid - distinct from preview grid *!*/
+/*.item-grid.group {*/
+/* background: rgba(255, 255, 255, 0.5);*/
+/* border: 1px solid rgba(var(--action-rgb), 0.15);*/
+/* border-radius: var(--innerRadius);*/
+/* padding: 0.75rem;*/
+/* min-height: 100px;*/
+/*}*/
+
+/*!* Group count hint *!*/
+/*.group-count {*/
+/* margin-top: 0.5rem;*/
+/* font-size: var(--small);*/
+/* color: var(--contrast-70);*/
+/* font-style: italic;*/
+/*}*/
+
+/*!* ============================================================================*/
+/* FIX #2: Improve drag preview styling*/
+/* ============================================================================ *!*/
+
+/*!* Base drag preview *!*/
+/*.drag-preview {*/
+/* pointer-events: none;*/
+/* z-index: 10000;*/
+/* position: fixed;*/
+/*}*/
+
+/*!* Single item drag preview *!*/
+/*.drag-preview:not(.multi-item) {*/
+/* opacity: 0.9;*/
+/* transform: scale(1.05);*/
+/* border-radius: 4px;*/
+/* box-shadow: 0 8px 24px rgba(0,0,0,0.3);*/
+/* border: 2px solid var(--action-0);*/
+/*}*/
+
+/*!* Multi-item drag preview container *!*/
+/*.drag-preview.multi-item {*/
+/* width: 120px;*/
+/* height: 120px;*/
+/* opacity: 0.95;*/
+/*}*/
+
+/*!* Items being dragged - reduce opacity on originals *!*/
+/*.upload.item.dragging {*/
+/* opacity: 0.5;*/
+/* transform: scale(0.95);*/
+/* filter: grayscale(50%);*/
+/*}*/
+
+/*!* Count badge on multi-item preview *!*/
+/*.selection-count-badge {*/
+/* position: absolute;*/
+/* top: -8px;*/
+/* right: -8px;*/
+/* background: var(--action-0);*/
+/* color: white;*/
+/* border-radius: 50%;*/
+/* width: 28px;*/
+/* height: 28px;*/
+/* display: flex;*/
+/* align-items: center;*/
+/* justify-content: center;*/
+/* font-size: 13px;*/
+/* font-weight: bold;*/
+/* box-shadow: 0 3px 12px rgba(0,0,0,0.4);*/
+/* z-index: 20;*/
+/* border: 2px solid white;*/
+/*}*/
+
+/*!* ============================================================================*/
+/* FIX #3: Progress bar visibility and styling*/
+/* ============================================================================ *!*/
+
+/*!* Ensure progress bar is visible when needed *!*/
+/*.field.upload .progress {*/
+/* display: flex;*/
+/* flex-direction: column;*/
+/* gap: 0.5rem;*/
+/* padding: 1rem;*/
+/* background: rgba(var(--action-rgb), 0.05);*/
+/* border: 1px solid rgba(var(--action-rgb), 0.2);*/
+/* border-radius: var(--innerRadius);*/
+/* margin: 1rem 0;*/
+/* animation: slideDown var(--transition-base);*/
+/*}*/
+
+/*.field.upload .progress[hidden] {*/
+/* display: none !important;*/
+/*}*/
+
+/*!* Progress bar track *!*/
+/*.progress .bar {*/
+/* width: 100%;*/
+/* height: 8px;*/
+/* background: rgba(var(--action-rgb), 0.15);*/
+/* border-radius: 4px;*/
+/* overflow: hidden;*/
+/* position: relative;*/
+/*}*/
+
+/*!* Progress bar fill *!*/
+/*.progress .fill {*/
+/* height: 100%;*/
+/* background: linear-gradient(90deg,*/
+/* var(--action-0) 0%,*/
+/* var(--action-200) 100%);*/
+/* border-radius: 4px;*/
+/* transition: width 0.3s ease;*/
+/* box-shadow: 0 0 8px rgba(var(--action-rgb), 0.4);*/
+/*}*/
+
+/*!* Progress details - styled for row layout with text and count *!*/
+/*.progress > .details {*/
+/* font-size: var(--small);*/
+/* color: var(--contrast);*/
+/* display: flex;*/
+/* justify-content: space-between;*/
+/* align-items: center;*/
+/* gap: 1rem;*/
+/*}*/
+
+/*.progress > .details .text {*/
+/* font-weight: 500;*/
+/* flex: 1;*/
+/*}*/
+
+/*.progress > .details .count {*/
+/* font-weight: 600;*/
+/* color: var(--contrast-70);*/
+/* white-space: nowrap;*/
+/*}*/
+
+/*!* Individual item progress - overlay style *!*/
+/*.upload.item .progress {*/
+/* position: absolute;*/
+/* top: 0;*/
+/* left: 0;*/
+/* right: 0;*/
+/* bottom: 0;*/
+/* background: rgba(0, 0, 0, 0.75);*/
+/* display: flex;*/
+/* align-items: center;*/
+/* justify-content: center;*/
+/* flex-direction: column;*/
+/* gap: 0.5rem;*/
+/* z-index: var(--z-2);*/
+/* color: white;*/
+/* border-radius: var(--innerRadius);*/
+/* backdrop-filter: blur(2px);*/
+/*}*/
+
+/*.upload.item .progress .bar {*/
+/* width: 80%;*/
+/* max-width: 200px;*/
+/*}*/
+
+/*.upload.item .progress .fill {*/
+/* background: linear-gradient(90deg, white 0%, rgba(255,255,255,0.8) 100%);*/
+/*}*/
+
+/*!* Item progress icon and status text *!*/
+/*.upload.item .progress span.icon {*/
+/* font-size: 2rem;*/
+/* display: flex;*/
+/* align-items: center;*/
+/* justify-content: center;*/
+/*}*/
+
+/*.upload.item .progress span.details {*/
+/* color: white;*/
+/* font-size: var(--small);*/
+/* font-weight: 500;*/
+/*}*/
+
+/*!* ============================================================================*/
+/* FIX #4: Ensure file upload container hides when items exist*/
+/* ============================================================================ *!*/
+
+/*!* Hide uploader when we have uploads *!*/
+/*.field.upload:has(.upload.item) .file-upload-container,*/
+/*.field.upload[data-has-uploads="true"] .file-upload-container {*/
+/* display: none !important;*/
+/*}*/
+
+/*!* Show group display when we have uploads *!*/
+/*.field.upload:has(.upload.item) .group-display {*/
+/* display: flex !important;*/
+/*}*/
+
+/*!* ============================================================================*/
+/* FIX #5: Improve selection visual feedback*/
+/* ============================================================================ *!*/
+
+/*!* Selected items - more obvious *!*/
+/*.upload.item:has(.upload-select:checked) {*/
+/* outline: 3px solid var(--action-0);*/
+/* outline-offset: -3px;*/
+/* box-shadow: 0 0 0 3px rgba(var(--action-rgb), 0.2);*/
+/*}*/
+
+/*!* Selection checkbox - always visible on hover or when checked *!*/
+/*.upload.item .upload-select + label::before {*/
+/* opacity: 0.7;*/
+/* transition: all var(--transition-base);*/
+/*}*/
+
+/*.upload.item:hover .upload-select + label::before,*/
+/*.upload.item .upload-select:checked + label::before {*/
+/* opacity: 1;*/
+/* background: rgba(255, 255, 255, 0.9);*/
+/*}*/
+
+/*!* Selection controls - more prominent *!*/
+/*.selection-actions {*/
+/* display: flex;*/
+/* gap: 1rem;*/
+/* padding: 1rem;*/
+/* background: rgba(var(--action-rgb), 0.1);*/
+/* border: 2px solid rgba(var(--action-rgb), 0.3);*/
+/* border-radius: var(--radius);*/
+/* margin: 1rem 0;*/
+/* align-items: center;*/
+/* justify-content: space-between;*/
+/*}*/
+
+/*.selection-info {*/
+/* font-weight: 600;*/
+/* color: var(--action-0);*/
+/*}*/
+
+/*.selection-count {*/
+/* font-size: var(--large);*/
+/* color: var(--action-0);*/
+/*}*/
+
+/*!* ============================================================================*/
+/* FIX #6: Animations*/
+/* ============================================================================ *!*/
+
+/*@keyframes slideDown {*/
+/* from {*/
+/* opacity: 0;*/
+/* transform: translateY(-10px);*/
+/* }*/
+/* to {*/
+/* opacity: 1;*/
+/* transform: translateY(0);*/
+/* }*/
+/*}*/
+
+/*@keyframes fadeOut {*/
+/* from {*/
+/* opacity: 1;*/
+/* }*/
+/* to {*/
+/* opacity: 0;*/
+/* }*/
+/*}*/
+
+/*!* Smooth dragover animation *!*/
+/*@keyframes drop-pulse {*/
+/* 0%, 100% {*/
+/* background-color: rgba(var(--action-rgb), 0.15);*/
+/* transform: scale(1.02);*/
+/* }*/
+/* 50% {*/
+/* background-color: rgba(var(--action-rgb), 0.25);*/
+/* transform: scale(1.04);*/
+/* }*/
+/*}*/
+
+/*!* ============================================================================*/
+/* FIX #7: Touch-friendly improvements*/
+/* ============================================================================ *!*/
+
+/*@media (hover: none) and (pointer: coarse) {*/
+/* !* Larger touch targets on mobile *!*/
+/* .group-actions button {*/
+/* padding: 0.75rem 1rem;*/
+/* font-size: var(--base);*/
+/* }*/
+
+/* !* More obvious empty group on touch devices *!*/
+/* .empty-group {*/
+/* padding: 4rem 2rem;*/
+/* min-height: 200px;*/
+/* }*/
+
+/* !* Selection checkbox always visible on touch *!*/
+/* .upload.item .upload-select + label::before {*/
+/* opacity: 1;*/
+/* }*/
+/*}*/
+/*!* ============================================================================*/
+/* RESTORATION NOTIFICATION STYLES*/
+/* Add these to forms.css or dash.css*/
+/* ============================================================================ *!*/
+
+/*!* Notification container - fixed overlay *!*/
+/*.restore-notification {*/
+/* position: fixed;*/
+/* top: 0;*/
+/* left: 0;*/
+/* right: 0;*/
+/* bottom: 0;*/
+/* background: rgba(0, 0, 0, 0.7);*/
+/* backdrop-filter: blur(4px);*/
+/* z-index: 10000;*/
+/* display: flex;*/
+/* align-items: center;*/
+/* justify-content: center;*/
+/* padding: 2rem;*/
+/* animation: fadeIn 0.3s ease;*/
+/*}*/
+
+/*!* Content card *!*/
+/*.restore-content {*/
+/* background: var(--base);*/
+/* border-radius: var(--radius);*/
+/* box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);*/
+/* max-width: 800px;*/
+/* max-height: 90vh;*/
+/* width: 100%;*/
+/* display: flex;*/
+/* flex-direction: column;*/
+/* overflow: hidden;*/
+/*}*/
+
+/*!* Message section *!*/
+/*.restore-message {*/
+/* padding: 2rem;*/
+/* border-bottom: 1px solid var(--border);*/
+/*}*/
+
+/*.restore-message h4 {*/
+/* margin: 0 0 0.5rem 0;*/
+/* color: var(--action-0);*/
+/* font-size: var(--large);*/
+/*}*/
+
+/*.restore-message .restore-details {*/
+/* margin: 0.5rem 0;*/
+/* font-weight: 600;*/
+/* color: var(--contrast);*/
+/*}*/
+
+/*.restore-message .hint {*/
+/* margin: 0.5rem 0 0 0;*/
+/* font-size: var(--small);*/
+/* color: var(--contrast-70);*/
+/*}*/
+
+/*!* Scrollable field list *!*/
+/*.restore-notification .restore-field {*/
+/* padding: 1rem 2rem;*/
+/* border-bottom: 1px solid var(--border);*/
+/* max-height: 400px;*/
+/* overflow-y: auto;*/
+/*}*/
+
+/*.restore-notification .restore-field:last-of-type {*/
+/* border-bottom: none;*/
+/*}*/
+
+/*.restore-notification .restore-field h3 {*/
+/* margin: 0 0 1rem 0;*/
+/* font-size: var(--base);*/
+/* color: var(--contrast);*/
+/* display: flex;*/
+/* align-items: center;*/
+/* gap: 0.5rem;*/
+/*}*/
+
+/*!* Item grid for restore preview *!*/
+/*.item-grid.restore {*/
+/* display: grid;*/
+/* grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));*/
+/* gap: 1rem;*/
+/* padding: 0;*/
+/*}*/
+
+/*!* Restore item *!*/
+/*.restore-item {*/
+/* display: flex;*/
+/* flex-direction: column;*/
+/* border: 2px solid var(--border);*/
+/* border-radius: var(--innerRadius);*/
+/* overflow: hidden;*/
+/* cursor: pointer;*/
+/* transition: all var(--transition-base);*/
+/* position: relative;*/
+/*}*/
+
+/*.restore-item:hover {*/
+/* border-color: var(--action-0);*/
+/* box-shadow: 0 2px 8px rgba(var(--action-rgb), 0.2);*/
+/*}*/
+
+/*!* Checked state *!*/
+/*.restore-item:has(.restore-checkbox:checked) {*/
+/* border-color: var(--action-0);*/
+/* background: rgba(var(--action-rgb), 0.05);*/
+/*}*/
+
+/*!* Preview section *!*/
+/*.restore-item .preview {*/
+/* position: relative;*/
+/* aspect-ratio: 1;*/
+/* background: var(--subtle);*/
+/* display: flex;*/
+/* align-items: center;*/
+/* justify-content: center;*/
+/* overflow: hidden;*/
+/*}*/
+
+/*.restore-item .preview img {*/
+/* width: 100%;*/
+/* height: 100%;*/
+/* object-fit: cover;*/
+/*}*/
+
+/*.restore-item .preview .image-placeholder {*/
+/* color: var(--contrast-50);*/
+/* display: flex;*/
+/* align-items: center;*/
+/* justify-content: center;*/
+/*}*/
+
+/*!* Item info *!*/
+/*.restore-item-info {*/
+/* padding: 0.75rem;*/
+/* flex: 1;*/
+/* display: flex;*/
+/* flex-direction: column;*/
+/* gap: 0.25rem;*/
+/*}*/
+
+/*.restore-item-info .name {*/
+/* font-size: var(--small);*/
+/* font-weight: 600;*/
+/* color: var(--contrast);*/
+/* overflow: hidden;*/
+/* text-overflow: ellipsis;*/
+/* white-space: nowrap;*/
+/*}*/
+
+/*.restore-item-info .restore-item-meta {*/
+/* font-size: var(--tiny);*/
+/* color: var(--contrast-70);*/
+/*}*/
+
+/*!* Checkbox controls *!*/
+/*.restore-item-controls {*/
+/* position: absolute;*/
+/* top: 0.5rem;*/
+/* right: 0.5rem;*/
+/* z-index: 2;*/
+/*}*/
+
+/*.restore-checkbox {*/
+/* width: 24px;*/
+/* height: 24px;*/
+/* cursor: pointer;*/
+/* accent-color: var(--action-0);*/
+/*}*/
+
+/*!* Actions section *!*/
+/*.restore-actions {*/
+/* padding: 1.5rem 2rem;*/
+/* background: var(--subtle);*/
+/* display: flex;*/
+/* flex-direction: column;*/
+/* gap: 1rem;*/
+/*}*/
+
+/*!* Selection controls *!*/
+/*.selection-controls {*/
+/* display: flex;*/
+/* gap: 0.5rem;*/
+/* justify-content: flex-start;*/
+/*}*/
+
+/*.selection-controls button {*/
+/* padding: 0.5rem 1rem;*/
+/* font-size: var(--small);*/
+/* border: 1px solid var(--border);*/
+/* background: var(--base);*/
+/* color: var(--contrast);*/
+/* border-radius: var(--innerRadius);*/
+/* cursor: pointer;*/
+/* transition: all var(--transition-base);*/
+/*}*/
+
+/*.selection-controls button:hover {*/
+/* background: var(--action-0);*/
+/* color: white;*/
+/* border-color: var(--action-0);*/
+/*}*/
+
+/*!* Action buttons *!*/
+/*.action-buttons {*/
+/* display: flex;*/
+/* gap: 0.75rem;*/
+/* justify-content: flex-end;*/
+/* flex-wrap: wrap;*/
+/*}*/
+
+/*.action-buttons button {*/
+/* padding: 0.75rem 1.5rem;*/
+/* font-size: var(--base);*/
+/* font-weight: 600;*/
+/* border: none;*/
+/* border-radius: var(--innerRadius);*/
+/* cursor: pointer;*/
+/* transition: all var(--transition-base);*/
+/* display: flex;*/
+/* align-items: center;*/
+/* gap: 0.5rem;*/
+/*}*/
+
+/*!* Restore button - primary action *!*/
+/*.restore-selected {*/
+/* background: var(--action-0);*/
+/* color: white;*/
+/*}*/
+
+/*.restore-selected:hover {*/
+/* background: var(--action-200);*/
+/* transform: translateY(-1px);*/
+/* box-shadow: 0 4px 12px rgba(var(--action-rgb), 0.3);*/
+/*}*/
+
+/*!* Scrap cache button - destructive action *!*/
+/*.restart-uploads {*/
+/* background: var(--danger);*/
+/* color: white;*/
+/*}*/
+
+/*.restart-uploads:hover {*/
+/* background: var(--danger-dark);*/
+/* transform: translateY(-1px);*/
+/*}*/
+
+/*!* Dismiss button - secondary action *!*/
+/*.dismiss-cache-check {*/
+/* background: transparent;*/
+/* color: var(--contrast);*/
+/* border: 1px solid var(--border);*/
+/*}*/
+
+/*.dismiss-cache-check:hover {*/
+/* background: var(--subtle);*/
+/*}*/
+
+/*!* Mobile responsive *!*/
+/*@media (max-width: 768px) {*/
+/* .restore-notification {*/
+/* padding: 1rem;*/
+/* }*/
+
+/* .restore-content {*/
+/* max-height: 95vh;*/
+/* }*/
+
+/* .restore-message {*/
+/* padding: 1.5rem;*/
+/* }*/
+
+/* .restore-notification .restore-field {*/
+/* padding: 1rem;*/
+/* }*/
+
+/* .item-grid.restore {*/
+/* grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));*/
+/* gap: 0.75rem;*/
+/* }*/
+
+/* .action-buttons {*/
+/* flex-direction: column;*/
+/* }*/
+
+/* .action-buttons button {*/
+/* width: 100%;*/
+/* justify-content: center;*/
+/* }*/
+/*}*/
+
+/*!* Animation *!*/
+/*@keyframes fadeIn {*/
+/* from {*/
+/* opacity: 0;*/
+/* }*/
+/* to {*/
+/* opacity: 1;*/
+/* }*/
+/*}*/
+
+/*!* Scrollbar styling for restore field list *!*/
+/*.restore-notification .restore-field::-webkit-scrollbar {*/
+/* width: 8px;*/
+/*}*/
+
+/*.restore-notification .restore-field::-webkit-scrollbar-track {*/
+/* background: var(--subtle);*/
+/*}*/
+
+/*.restore-notification .restore-field::-webkit-scrollbar-thumb {*/
+/* background: var(--border);*/
+/* border-radius: 4px;*/
+/*}*/
+
+/*.restore-notification .restore-field::-webkit-scrollbar-thumb:hover {*/
+/* background: var(--contrast-50);*/
+/*}*/
+
+
+
+/***************************
+FORMS
+ */
+/* Stepped Form Container */
+form {
+ --step-size: 2.5rem;
+}
+
+/* Progress Bar Styling */
+.form-progress {
+ padding: 0 1rem;
+}
+
+.form-progress .progress {
+ background: var(--base-100);
+ border-radius: var(--innerRadius);
+ padding: 1rem;
+}
+
+.form-progress .bar {
+ height: 6px;
+ background: var(--base-200);
+ border-radius: 3px;
+ overflow: hidden;
+ margin-bottom: 0.5rem;
+}
+
+.form-progress .fill {
+ height: 100%;
+ background: linear-gradient(90deg, var(--action-0), var(--action-200));
+ width: 0%;
+ transition: width 0.4s ease;
+ border-radius: 3px;
+}
+
+.form-progress .step-text {
+ font-size: var(--small);
+ font-weight: 600;
+ color: var(--contrast-200);
+}
+
+/* Stepped Tabs Styling */
+form nav.tabs {
+ position: relative;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 1rem 0;
+ gap: 0;
+ z-index: 0;
+}
+
+form nav.tabs button {
+ position: relative;
+ background: transparent;
+ border: none;
+ padding: 0.5rem 1rem .5rem 3rem;
+ z-index: 1;
+}
+
+/* Step Number Circle */
+form nav.tabs .step-number {
+ width: 2.5rem;
+ height: 100%;
+ border-radius: 50% 0 0 50%;
+ position: absolute;
+ left: 0;
+ top: 0;
+ background: var(--base-200);
+ color: var(--contrast-50);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 700;
+ font-size: var(--small);
+ border: 3px solid var(--base);
+}
+
+/* Pending Step */
+form nav.tabs button.pending .step-number {
+ background: var(--base-100);
+ color: var(--contrast-200);
+}
+
+/* Current Step */
+form nav.tabs button.current .step-number,
+form nav.tabs button.active .step-number {
+ background: var(--action-0);
+ color: var(--action-contrast);
+ border-color: var(--action-200);
+}
+
+/* Completed Step */
+form nav.tabs button.completed .step-number {
+ background: var(--successBack);
+ color: var(--successBack);
+ border-color: var(--successText);
+}
+
+form nav.tabs button.completed .step-number::before {
+ content: '✓';
+ font-size: 1.2rem;
+ color: var(--successText);
+ position: absolute;
+}
+
+form nav.tabs button.completed h2 {
+ color: var(--contrast-200);
+}
+
+/* Step Navigation Buttons */
+.step-navigation {
+ margin-top: 2rem;
+ padding-top: 2rem;
+ border-top: 1px solid var(--base-200);
+ gap: 1rem;
+}
+
+.step-navigation .prev-step {
+ background: var(--base-100);
+}
+
+.step-navigation .next-step,
+.step-navigation button[type="submit"] {
+ margin-left: auto;
+}
+
+/* Error state for required fields */
+.field input.error,
+.field textarea.error,
+.field select.error {
+ border-color: var(--errorBack);
+}
+
+.error-message {
+ color: var(--errorText);
+ font-size: var(--small);
+ margin-top: 0.25rem;
+ display: block;
+}
+
+/* Mobile responsiveness */
+@media (max-width: 768px) {
+ form nav.tabs button {
+ min-width: 80px;
+ font-size: var(--small);
+ }
+
+ form nav.tabs button h2 {
+ font-size: var(--small);
+ }
+
+ form {
+ --step-size: 2rem;
+ }
+}
+
+/**** VALIDATION ******/
+/* Field Input Wrapper - for positioning icon */
+.field-input-wrapper {
+ position: relative;
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+}
+
+.field-input-wrapper input,
+.field-input-wrapper textarea,
+.field-input-wrapper select {
+ flex: 1;
+}
+
+/* Validation Icon */
+.validation-icon {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.25rem;
+ animation: scaleIn 0.3s ease;
+ --w: 1.25rem;
+}
+.validation-icon.error {
+ color: var(--error);
+}
+.validation-icon.success {
+ color: var(--success);
+}
+
+
+@keyframes scaleIn {
+ from {
+ transform: scale(0);
+ opacity: 0;
+ }
+ to {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+/* Validation Message */
+.validation-message {
+ color: var(--error-0);
+ font-size: var(--small);
+ margin-top: 0.25rem;
+ display: block;
+ animation: slideDown 0.2s ease;
+}
+
+@keyframes slideDown {
+ from {
+ opacity: 0;
+ transform: translateY(-4px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* Error State */
+.field.has-error input,
+.field.has-error textarea,
+.field.has-error select {
+ border-color: var(--error);
+ background-color: var(--errorBack)
+}
+
+.field.has-error input:focus,
+.field.has-error textarea:focus,
+.field.has-error select:focus {
+ outline-color: var(--error);
+ box-shadow: 0 0 0 3px rgba(var(--error-rgb), 0.2);
+}
+
+/* Success State */
+.field.has-success input,
+.field.has-success textarea,
+.field.has-success select {
+ border-color: var(--success);
+}
+
+/* Required Asterisk */
+.field label .required {
+ color: var(--error);
+ margin-left: 0.25rem;
+}
+
+/*************************************************************
+ Form Summary
+ ************************************************************/
+.form-summary {
+ padding: 2rem;
+ border-radius: 8px;
+ margin-top: 2rem;
+ border: 2px dashed var(--contrast-200);
+}
+
+.form-summary .message {
+ margin-bottom: 2rem;
+}
+.form-summary .result + .result {
+ position: relative;
+ margin-top: 1.5rem;
+ padding-top: 1.5rem;
+}
+.form-summary .result + .result::before {
+ position: absolute;
+ top: 0;
+ left: 16.5%;
+ content: '';
+ width: 67%;
+ height: 1px;
+ border-bottom: 1px solid var(--base-200);
+}
+
+.form-summary h2 {
+ margin: 1rem 0;
+}
+
+.form-summary h4 {
+ background-color: var(--base-100);
+ padding: .5rem 2rem;
+ position: relative;
+ left: -2rem;
+ color: var(--contrast-200);
+ font-size: 0.875rem;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ margin-bottom: 0.75rem;
+}
+
+.form-summary p {
+ color: var(--text);
+ margin: 0;
+}
+
+.repeater-summary,
+.group-summary {
+ background: var(--base-100);
+ padding: 1rem;
+ border-radius: 4px;
+ margin-top: 0.5rem;
+}
+
+.repeater-row {
+ margin-bottom: 1rem;
+}
+
+.repeater-row:last-child {
+ margin-bottom: 0;
+}
diff --git a/nav.css b/nav.css
index c001d87..ca9ebb7 100644
--- a/nav.css
+++ b/nav.css
@@ -100,21 +100,21 @@
transition: all var(--timing) var(--function);
box-shadow: var(--shadow-none);
}
- .submenu li {
- background-color: var(--overlay-heavy);
- border: 1px solid var(--base-50);
- }
- .submenu li:hover {
- --c: var(--action-rgb);
- background-color: var(--overlay-heavy);
- }
- .submenu a:hover {
- background-color: transparent;
- }
- .wp-site-blocks > header ul.submenu {
- right: 0;
- left: auto;
- }
+.submenu li {
+ background-color: var(--overlay-heavy);
+ border: 1px solid var(--base-50);
+}
+.submenu li:hover {
+ --c: var(--action-rgb);
+ background-color: var(--overlay-heavy);
+}
+.submenu a:hover {
+ background-color: transparent;
+}
+.wp-site-blocks > header ul.submenu {
+ right: 0;
+ left: auto;
+}
/**
Opening Submenus
@@ -129,7 +129,7 @@
BREADCRUMBS
**************************************************************/
nav#breadcrumbs {
- --height: fit-content;
+ --height: 1.5em;
--w: 20px;
width: fit-content;
max-width: var(--full);
@@ -140,37 +140,37 @@
overflow:visible;
--gap: 0;
}
- nav#breadcrumbs li + li::before {
- content: '/';
- color: var(--contrast-200);
- }
- nav#breadcrumbs li:last-of-type {
- margin-right: .5em;
- }
- nav#breadcrumbs span,
- nav#breadcrumbs a {
- padding: 0 .125rem;
- white-space: nowrap;
- height: 2em;
- color: var(--contrast);
- text-transform: none;
- width: max-content;
- }
- nav#breadcrumbs span {
- display: flex;
- align-items: center;
- padding-left: .5em;
- }
- nav#breadcrumbs a:focus:visited,
- nav#breadcrumbs a:hover:visited,
- nav#breadcrumbs a:focus,
- nav#breadcrumbs a:hover {
- background-color: transparent;
- color: var(--action-0);
- }
- nav#breadcrumbs a:has(.icon) {
- width: 2rem;
- }
+nav#breadcrumbs li + li::before {
+ content: '/';
+ color: var(--contrast-200);
+}
+nav#breadcrumbs li:last-of-type {
+ margin-right: .5em;
+}
+nav#breadcrumbs span,
+nav#breadcrumbs a {
+ padding: 0 .125rem;
+ white-space: nowrap;
+ height: 2em;
+ color: var(--contrast);
+ text-transform: none;
+ width: max-content;
+}
+nav#breadcrumbs span {
+ display: flex;
+ align-items: center;
+ padding-left: .5em;
+}
+nav#breadcrumbs a:focus:visited,
+nav#breadcrumbs a:hover:visited,
+nav#breadcrumbs a:focus,
+nav#breadcrumbs a:hover {
+ background-color: transparent;
+ color: var(--action-0);
+}
+nav#breadcrumbs a:has(.icon) {
+ width: 2rem;
+}
/**************************************************************
MOBILE
**************************************************************/
@@ -181,106 +181,106 @@
bottom: 0;
right: 0;
}
- /*nav.always.open {*/
- /* width: 100vw;*/
- /* height: 100vh;*/
- /* padding-bottom:var(--height);*/
- /* background-color: var(--overlay-heavy);*/
- /* backdrop-filter: blur(5px);*/
- /* z-index: 999999;*/
- /*}*/
+/*nav.always.open {*/
+/* width: 100vw;*/
+/* height: 100vh;*/
+/* padding-bottom:var(--height);*/
+/* background-color: var(--overlay-heavy);*/
+/* backdrop-filter: blur(5px);*/
+/* z-index: 999999;*/
+/*}*/
+nav.always > ul {
+ --dir: column;
+ --wrap: nowrap;
+ --justify: flex-end;
+ --align: center;
+ position: fixed;
+ background-color: var(--overlay-heavy);
+ backdrop-filter: blur(5px);
+ z-index: var(--zz-top);
+ top: 0;
+ right: -300vw;
+ padding: 0;
+ width: 100%;
+ height: 100vh;
+ overflow: hidden auto;
+ transition: right var(--timing) var(--function);
+}
+@media (min-width: 768px) {
nav.always > ul {
- --dir: column;
- --wrap: nowrap;
- --justify: flex-end;
- --align: center;
- position: fixed;
- background-color: var(--overlay-heavy);
- backdrop-filter: blur(5px);
- z-index: var(--zz-top);
- top: 0;
- right: -300vw;
- padding: 0;
- width: 100%;
- height: 100vh;
- overflow: hidden auto;
- transition: right var(--timing) var(--function);
+ --justify: flex-start;
}
- @media (min-width: 768px) {
- nav.always > ul {
- --justify: flex-start;
- }
- }
- nav.always.open > ul {
- width: 100%;
- right: 0;
- gap: 0;
- }
- nav.always > ul li:hover,
- nav.always > ul li:focus-within,
- nav.always > ul li.active {
- background-color: var(--overlay-heavy);
- }
- nav.always li {
- width: 100%;
- height: fit-content;
- }
- nav.always a {
- --py: 1rem;
- width: 100%;
- }
+}
+nav.always.open > ul {
+ width: 100%;
+ right: 0;
+ gap: 0;
+}
+nav.always > ul li:hover,
+nav.always > ul li:focus-within,
+nav.always > ul li.active {
+ background-color: var(--overlay-heavy);
+}
+nav.always li {
+ width: 100%;
+ height: fit-content;
+}
+nav.always a {
+ --py: 1rem;
+ width: 100%;
+}
- nav.always > button {
- position: fixed;
- bottom: 0;
- right: 0;
- width: var(--height);
- height: var(--height);
- border-radius: 0;
- background-color: var(--base);
- color: var(--contrast);
- transition: width var(--timing) var(--function);
- transition-property: width, background-color;
- box-shadow: var(--shadow);
+nav.always > button {
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ width: var(--height);
+ height: var(--height);
+ border-radius: 0;
+ background-color: var(--base);
+ color: var(--contrast);
+ transition: width var(--timing) var(--function);
+ transition-property: width, background-color;
+ box-shadow: var(--shadow);
+}
+nav.always > button:hover {
+ background-color: var(--action-0);
+ color: var(--action-contrast);
+}
+nav.always.open > button {
+ --c: var(--action-rgb);
+ z-index: 1000000;
+ width: 100%;
+ background-color: var(--overlay-heavy);
+ color: var(--contrast);
+ backdrop-filter: blur(5px);
+}
+nav.always.open > button:hover,
+nav.always.open > button:focus {
+ background-color: var(--action-0);
+ color: var(--action-contrast);
+}
+nav.always.open > button .list,
+nav.always >button .x {
+ transform: scale(0);
+ height: 0;
+ width: 0;
+ position: absolute;
+}
+nav.always > button .list,
+nav.always.open > button .x {
+ transform: scale(1);
+ height: 32px;
+ width: 32px;
+}
+@media (min-width: 768px) {
+ nav.always a {
+ padding: 2rem 0;
}
- nav.always > button:hover {
- background-color: var(--action-0);
- color: var(--action-contrast);
- }
- nav.always.open > button {
- --c: var(--action-rgb);
- z-index: 1000000;
- width: 100%;
- background-color: var(--overlay-heavy);
- color: var(--contrast);
- backdrop-filter: blur(5px);
- }
- nav.always.open > button:hover,
- nav.always.open > button:focus {
- background-color: var(--action-0);
- color: var(--action-contrast);
- }
- nav.always.open > button .list,
- nav.always >button .x {
- transform: scale(0);
- height: 0;
- width: 0;
- position: absolute;
- }
- nav.always > button .list,
- nav.always.open > button .x {
- transform: scale(1);
- height: 32px;
- width: 32px;
- }
- @media (min-width: 768px) {
- nav.always a {
- padding: 2rem 0;
- }
- nav.always > ul {
- padding: var(--height) 0;
- }
- }
+ nav.always > ul {
+ padding: var(--height) 0;
+ }
+}
/**************************************************************
FIXED
**************************************************************/
@@ -312,12 +312,12 @@
font-size: var(--small);
padding: 0;
}
- nav.fixed.bottom a:hover,
- nav.fixed.bottom a:hover:visited,
- nav.fixed.bottom a:focus,
- nav.fixed.bottom a:focus:visited {
- color: var(--action-contrast);
- }
+nav.fixed.bottom a:hover,
+nav.fixed.bottom a:hover:visited,
+nav.fixed.bottom a:focus,
+nav.fixed.bottom a:focus:visited {
+ color: var(--action-contrast);
+}
.fixed.bottom li {
flex: 1;
}
@@ -377,25 +377,25 @@
--px: 0;
background-color: var(--overlay-heavy);
}
- .index ul {
- --justify: flex-start;
- width: fit-content;
- }
- .index li {
- flex-shrink: 0;
- transform: scaleX(0);
- transform-origin: right;
- max-width: 0;
- overflow: hidden;
- transition: transform var(--timing) var(--function);
- }
- .index li.active {
- transform: scaleX(1);
- transform-origin: left;
- width: 100%;
- flex-shrink: 1;
- max-width: fit-content;
- }
+.index ul {
+ --justify: flex-start;
+ width: fit-content;
+}
+.index li {
+ flex-shrink: 0;
+ transform: scaleX(0);
+ transform-origin: right;
+ max-width: 0;
+ overflow: hidden;
+ transition: transform var(--timing) var(--function);
+}
+.index li.active {
+ transform: scaleX(1);
+ transform-origin: left;
+ width: 100%;
+ flex-shrink: 1;
+ max-width: fit-content;
+}
@media (min-width: 768px ){
.index li.adj {
transform: scaleX(1);
@@ -412,95 +412,95 @@
border-color: var(--action-0);
color: var(--contrast);
}
- .index a:hover,
- .index .active a:hover {
- background-color: var(--action-0);
- color: var(--action-contrast);
- }
- .index label {
- display: flex;
- color: var(--contrast);
- align-items: center;
- margin: 0;
- }
- .index label button {
- margin-left: 1em;
- }
+.index a:hover,
+.index .active a:hover {
+ background-color: var(--action-0);
+ color: var(--action-contrast);
+}
+.index label {
+ display: flex;
+ color: var(--contrast);
+ align-items: center;
+ margin: 0;
+}
+.index label button {
+ margin-left: 1em;
+}
- .index.open {
- --dir: column-reverse;
- height: calc(100% - 8rem);
- z-index: 99999999;
- width: 100%;
- background-color: var(--overlay-heavy);
- backdrop-filter: blur(5px);
- align-items: flex-end;
- }
- .index.open label {
- max-width: 90%;
- margin-top: 1rem;
- margin-right: 2rem;
- }
- .index.open .toggle svg {
- transform: rotate(45deg);
- }
- .index.open ul {
- --dir: column;
- --justify: flex-end;
- height: 100%;
- max-width: 100%;
- width: 100%;
- }
- .index.open li {
- background-color: transparent;
- max-width: 100%!important;
- width: 100%;
- height: var(--height);
- transform: scaleX(1);
- flex-shrink: 1;
- overflow: visible;
- }
- .index.open a {
- --justify: flex-end;
- background-color: transparent;
- padding: 0 2rem 0 0;
- }
+.index.open {
+ --dir: column-reverse;
+ height: calc(100% - 8rem);
+ z-index: 99999999;
+ width: 100%;
+ background-color: var(--overlay-heavy);
+ backdrop-filter: blur(5px);
+ align-items: flex-end;
+}
+.index.open label {
+ max-width: 90%;
+ margin-top: 1rem;
+ margin-right: 2rem;
+}
+.index.open .toggle svg {
+ transform: rotate(45deg);
+}
+.index.open ul {
+ --dir: column;
+ --justify: flex-end;
+ height: 100%;
+ max-width: 100%;
+ width: 100%;
+}
+.index.open li {
+ background-color: transparent;
+ max-width: 100%!important;
+ width: 100%;
+ height: var(--height);
+ transform: scaleX(1);
+ flex-shrink: 1;
+ overflow: visible;
+}
+.index.open a {
+ --justify: flex-end;
+ background-color: transparent;
+ padding: 0 2rem 0 0;
+}
/**************************************************************
CONDENSED
**************************************************************/
.is-style-condensed {
--dir: row;
--wrap: wrap;
- --height: fit-content;
+ --height: 1.2em;
--py: .2rem;
--px: 1rem;
}
- .is-style-condensed > ul {
- --wrap: wrap;
- }
- .is-style-condensed ul {
- --justify: center;
- --gap: 0;
- }
- .is-style-condensed li {
- width: fit-content;
- }
- .is-style-condensed li + li::before {
- content: '·';
- display: block;
- padding: 0 .5em;
- }
- .is-style-condensed a {
- text-transform: none;
- white-space: nowrap;
- border-bottom: 2px solid transparent;
- }
- .is-style-condensed a:hover,
- .is-style-condensed a:focus,
- .is-style-condensed a:hover:visited,
- .is-style-condensed a:focus:visited {
+.is-style-condensed > ul {
+ --wrap: wrap;
+}
+.is-style-condensed ul {
+ --justify: center;
+ --gap: 0;
+}
+.is-style-condensed li {
+ width: fit-content;
+}
+.is-style-condensed li + li::before {
+ content: '·';
+ display: block;
+ padding: 0 .5em;
+}
+.is-style-condensed a {
+ text-transform: none;
+ white-space: nowrap;
+ border-bottom: 2px solid transparent;
+}
+.is-style-condensed a:hover,
+.is-style-condensed a:focus,
+.is-style-condensed a:hover:visited,
+.is-style-condensed a:focus:visited {
- }
+}
/**************************************************************
ADDITIONAL HEADER STUFF
**************************************************************/
@@ -529,7 +529,7 @@
}
body > header {
- justify-content: flex-end;
+ justify-content: space-between;
}
header .title {
--w: 5em;
@@ -540,10 +540,13 @@
display: flex;
justify-content: center;
align-items: flex-start;
+ max-inline-size: none;
}
.current-hours {
position: sticky;
top: var(--height);
+ bottom: unset;
+ width: unset;
z-index: 100;
background-color: var(--action-0);
color: var(--action-contrast);
@@ -591,7 +594,6 @@
}
nav.menu {
--justify: flex-start;
- --height: fit-content;
}
nav.menu a {
padding: .5rem .66rem;
@@ -602,10 +604,13 @@
*************/
nav.tabs {
--gap: 0;
- --height: fit-content;
--wrap: nowrap;
padding-bottom: 2px;
z-index: var(--z-6);
+ position: fixed;
+ bottom: var(--height);
+ left: var(--doubleHeight);
+ right: var(--doubleHeight);
}
/*@media (min-width: 768px) {*/
/* nav.tabs {*/
diff --git a/style.css b/style.css
index 0b95804..b161daf 100644
--- a/style.css
+++ b/style.css
@@ -11,4 +11,4 @@
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jv
-*/:root{--narrow:min(500px, 50vw);--maxWidth:min(768px, 65vw);--alignWide:min(1024px, 90vw);--alignMed:min(962px, 82.5vw);--full:100vw;--mr:auto;--ml:auto;--mt:1rem;--mb:1rem;--setMargin:var(--mt) var(--mr) var(--mb) var(--ml);--insetMargin:var(--mt) calc((var(--maxWidth) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);--height:4rem;--doubleHeight:8rem;--offHeight:5rem;--maxHeight:calc(100vh - var(--height) - var(--height));--gap:.5rem;--wrap:wrap;--justify:center;--align:center;--dir:row;--w:1.2em;--filter:grayscale(.3) sepia(.4);--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Open Sans',var(--font-base);--body:'Montserrat',var(--font-base);--hWeight:900;--hlight:400;--bWeight:400;--bBold:900;--bLight:200;--enormous:calc(26vh - 4rem);--xxxlarge:clamp(2.5rem, 1.429rem + 2.857vw, 4rem);--xxlarge:clamp(2rem, 1.286rem + 1.905vw, 3rem);--xlarge:clamp(1.6rem, .957rem + 1.714vw, 2.5rem);--large:clamp(1.3rem, .6rem + 1.867vw, 2rem);--xmedium:clamp(1.4rem, .971rem + 1.143vw, 2rem);--medium:clamp(1.1rem, .993rem + .286vw, 1.25rem);--small:clamp(.95rem, .879rem + .19vw, 1.05rem);--extra-small:clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);--light-0:#ededf4;--light-50:#e3e3ee;--light-100:#dadae8;--light-200:#d1d1e3;--dark-0:#2a2b2a;--dark-50:#2f302f;--dark-100:#393a39;--dark-200:#3e403e;--red-0:#ef767a;--red-50:#ec5f64;--red-100:#ea484e;--red-200:#e73238;--orange-0:#ef9e76;--orange-50:#ec8e5f;--orange-100:#ea7e48;--orange-200:#e76e32;--yellow-0:#E3BE39;--yellow-50:#cca61d;--yellow-100:#9f8217;--yellow-200:#735d10;--green-0:#32cb82;--green-50:#28a268;--green-100:#1e794e;--green-200:#145033;--blue-0:#329dcb;--blue-50:#287da2;--blue-100:#1e5e79;--blue-200:#143e50;--purple-0:#ba76ef;--purple-50:#a348ea;--purple-100:#8c1be4;--purple-200:#7015b7;--action-0:#ef767a;--action-50:#ec5f64;--action-100:#ea484e;--action-200:#e73238;--secondary-0:#329dcb;--secondary-50:#287da2;--secondary-100:#1e5e79;--secondary-200:#143e50;--success:#22C55E;--successBack:#d4edda;--successText:#155724;--warning:#E8A737;--error:#EF4444;--errorBack:#f8d7da;--errorText:#721c24;--action-contrast:var(--light-0);--secondary-contrast:var(--light-0);--light-rgb:237,237,244;--dark-rgb:42,43,42;--red-rgb:239,118,122;--orange-rgb:239,158,118;--yellow-rgb:227,190,57;--green-rgb:50,203,130;--blue-rgb:50,157,203;--purple-rgb:186,118,239;--action-rgb:239,118,122;--secondary-rgb:50,157,203;--rgba-subtle:rgba(var(--c),.5);--rgba-subtle-hover:rgba(var(--c),.1);--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--c:var(--light-rgb);--base-rgb:var(--light-rgb);--contrast-rgb:var(--dark-rgb);--z-1:5;--z-2:10;--z-3:15;--z-4:20;--z-5:50;--z-6:100;--z-top:999;--zz-top:999999;--rgb-light:.25;--rgb-medium:.66;--rgb-heavy:.85;--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .66);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--dark-rgb),0) 0%,rgba(var(--dark-rgb),.05) 50%,rgba(var(--dark-rgb),0) 100%;--shadow:rgba(var(--dark-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--dark-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--dark-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--dark-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--dark-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--dark-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--dark-rgb), .45) 10px 0 20px -20px;--shadow-none:transparent 0px 0px 0px;--innerRadius:4px;--outerPadding:1rem;--outerRadius:calc(var(--innerRadius) + var(--outerPadding));--function:cubic-bezier(.47,.24,.07,.47);--timing:.25s;--transition-base:var(--timing) var(--function);--transition-color:background-color var(--transition-base),color var(--transition-base),border var(--transition-base);--transition-transform:transform var(--transition-base);--transition-size:width var(--transition-base),height var(--transition-base),max-width var(--transition-base),max-height var(--transition-base);--offScreen:-200vw;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>');--swipeRight:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIsMTQwdjM2YzAsMjQuNjYtOC4wOCw0MS4xLTguNDIsNDEuNzlhNCw0LDAsMSwxLTcuMTYtMy41OGMuMDctLjE1LDcuNTgtMTUuNTUsNy41OC0zOC4yMVYxNDBhMTYsMTYsMCwwLDAtMzIsMHY0YTQsNCwwLDAsMS04LDBWMTI0YTE2LDE2LDAsMCwwLTMyLDB2MTJhNCw0LDAsMCwxLTgsMFY2OGExNiwxNiwwLDAsMC0zMiwwVjE3NmE0LDQsMCwwLDEtNy4zOSwyLjExbC0xOC42OC0zMGEuNzUuNzUsMCwwLDEtLjA3LS4xMiwxNiwxNiwwLDAsMC0yNy43MiwxNmwyOS4zMSw1MGE0LDQsMCwwLDEtNi45LDRMMzEuMjIsMTY4YTI0LDI0LDAsMCwxLDQxLjUyLTI0LjA5TDg0LDE2MlY2OGEyNCwyNCwwLDAsMSw0OCwwdjM4LjEzYTI0LDI0LDAsMCwxLDM5Ljk0LDE2LjA2QTI0LDI0LDAsMCwxLDIxMiwxNDBabTM4LjgzLTg2LjgzLTMyLTMyYTQsNCwwLDAsMC01LjY2LDUuNjZMMjM4LjM0LDUySDE3NmE0LDQsMCwwLDAsMCw4aDYyLjM0TDIxMy4xNyw4NS4xN2E0LDQsMCwwLDAsNS42Niw1LjY2bDMyLTMyQTQsNCwwLDAsMCwyNTAuODMsNTMuMTdaIj48L3BhdGg+PC9zdmc+');--scrollbar-width:8px;--scrollbar-track-color:var(--base-100);--scrollbar-thumb-color:var(--action-0);--scrollbar-thumb-hover-color:var(--action-50);--scrollbar-thumb-border:2px solid var(--base-50);--scrollbar-border-radius:4px;--can-scroll:0}body:has(#theme-switcher:checked){--red-50:#ec5f64;--red-100:#ea484e;--red-200:#e73238;--orange-50:#f2ae8d;--orange-100:#f4bea4;--orange-200:#f7cfbb;--yellow-50:#e9cd66;--yellow-100:#f0db92;--yellow-200:#f6eabf;--green-50:#5ad69b;--green-100:#83e0b4;--green-200:#aceacc;--blue-50:#5ab1d6;--blue-100:#83c4e0;--blue-200:#acd8ea;--purple-50:#c58df2;--purple-100:#d1a4f4;--purple-200:#dcbbf7;--action-50:#f28d90;--action-100:#f4a4a6;--action-200:#f7bbbd;--secondary-50:#5ab1d6;--secondary-100:#83c4e0;--secondary-200:#acd8ea;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--c:var(--dark-rgb);--base-rgb:var(--dark-rgb);--contrast-rgb:var(--light-rgb);--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .5);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--c),0) 0%,rgba(var(--c),.05) 50%,rgba(var(--c),0) 100%;--shadow:rgba(var(--light-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--light-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--light-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--light-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--light-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--light-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--light-rgb), .45) 10px 0 20px -20px;--successBack:#155724;--successText:#d4edda;--errorBack:#721c24;--errorText:#f8d7da;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>')}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:url(fonts/open-sans-v44-latin-regular.woff2) format('woff2'),url(fonts/open-sans-v44-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:url(fonts/open-sans-v44-latin-italic.woff2) format('woff2'),url(fonts/open-sans-v44-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:url(fonts/open-sans-v44-latin-800.woff2) format('woff2'),url(fonts/open-sans-v44-latin-800.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:800;src:url(fonts/open-sans-v44-latin-800italic.woff2) format('woff2'),url(fonts/open-sans-v44-latin-800italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:200;src:url(fonts/montserrat-v31-latin-200.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:200;src:url(fonts/montserrat-v31-latin-200italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(fonts/montserrat-v31-latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:url(fonts/montserrat-v31-latin-italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:900;src:url(fonts/montserrat-v31-latin-900.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:900;src:url(fonts/montserrat-v31-latin-900italic.woff2) format('woff2')}@layer reset{font:clamp(1rem,1rem + .5vw,2rem)/1.4 system-ui,sans-serif;tab-size:2;hanging-punctuation:first allow-end last;word-break:break-word}body{margin:0}*,::after,::before{box-sizing:border-box}h1,h2{font-weight:900;letter-spacing:-.02rem}h1,h2,h3{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin-block-start:0}dd,li,p{text-wrap:pretty;max-inline-size:88ch}a{color:oklch(.68 .17 228);text-underline-offset:2px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}dl,ol,ul{margin:0;padding:0;list-style:inside}iframe,video{display:block;max-inline-size:100%;block-size:auto;border-style:none}figure{inline-size:fit-content;margin-inline:auto}figcaption{contain:inline-size;font-size:90%}button,input,select,textarea{font:inherit}label{display:block}input:not(:where([type=submit],[type=checkbox],[type=radio],[type=button],[type=reset])){inline-size:100%}button,input:where([type=submit],[type=reset],[type=button]){background:CanvasText;color:Canvas;border:1px solid transparent}textarea{field-sizing:content;min-block-size:5lh;inline-size:100%;max-inline-size:100%}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,monospace}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[hidden]{display:none!important}[disabled],label:has(input[disabled]){opacity:.5}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible;margin-block:2.5rem}:target{scroll-margin:3rlh}table{caption-side:bottom;border-collapse:collapse}td,th{word-break:normal;border:1px solid gray;padding:.5rem}caption{font-size:90%}.screen-reader-text:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline-offset:2px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords}}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);border:var(--scrollbar-thumb-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}body{background-color:var(--base-50);color:var(--contrast);max-width:100vw;overflow-x:hidden;margin:0;font-family:var(--body);font-weight:var(--bWeight);font-size:var(--medium);line-height:1.4;position:relative}body b,body strong{font-weight:var(--bBold)}:target{scroll-snap-margin-top:max(6rem,20vh);scroll-margin-top:max(6rem,20vh);outline:double var(--action-0);border-radius:var(--outerRadius);padding:var(--outerPadding)}body.menu_item :target h2{background-color:var(--action-0);color:var(--action-contrast)}body,body *{transition:background-color var(--transition-base);transition-property:background-color,border}body.loading,body:has(aside.expanded),body:has(dialog[open]),body:has(nav.open){overflow:hidden}[hidden]{display:none!important}@media (max-width:767px){.hide-small{display:none}}.width-50{width:100%}.width-25{width:50%}.width-75{width:100%}.w-full{width:100%}@media (min-width:768px){.buttons li.width-50,.width-50{width:calc(50% - .3em)}.width-25{width:calc(25% - .3em)}.width-75{width:calc(75% - .3em)}}.col,.row:not(.icon){display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir)}.col{--dir:column}.row:not(.icon){--dir:row}.col.rev{--dir:column-reverse}.row.rev{--dir:row-reverse}.nowrap{--wrap:nowrap}.col.a-start,.row.start{--justify:flex-start}.col.a-end,.row.end{--justify:flex-end}.col.btw,.row.btw{--justify:space-between}.col.even,.row.even{--justify:space-evenly}.col.start,.row.a-start{--align:flex-start}.col.end,.row.a-end{--align:flex-end}.abs{position:absolute}:has(>.abs){position:relative}.hidden{transform:scale(0);max-width:0;max-height:0;overflow:hidden;transition:var(--transition-transform),var(--transition-size)}.visible{transform:scale(1);max-width:100%;max-height:100%;transition:var(--transition-transform),var(--transition-size)}.theme-switcher{position:absolute;opacity:0;width:0;height:0}#theme-switch{z-index:99;position:absolute;display:flex;align-items:center;justify-content:center}#theme-switch,.toggle-switch{--wrap:nowrap;cursor:pointer}#theme-switch,.toggle-switch input[type=checkbox]{--h:2rem;width:calc(var(--h) * 2);height:var(--h);margin:0 2rem 0 0;left:0;appearance:none;background:var(--base-200);border:1px solid var(--base-50);border-radius:var(--h);cursor:pointer;transition:all .3s ease;opacity:1}.toggle-switch input[type=checkbox]{position:relative}.toggle-switch{position:relative}@media (max-width:600px){#theme-switch{left:1rem}.wp-site-blocks>header{padding:0!important}}#theme-switch .icon{--w:1em;position:relative;top:0;margin:0 .25em;color:var(--contrast-200);z-index:2;transform:translateX(0)}#theme-switcher:checked~.moon,#theme-switcher:not(:checked)~.sun-dim{--w:1.5em;color:var(--contrast)}#theme-switcher:checked~.sun-dim,#theme-switcher:not(:checked)~.moon{top:-.17rem}#theme-switcher:not(:checked)~.sun-dim{color:var(--secondary-0);transform:translate(-2px,2px)}#theme-switcher:checked~.moon{transform:translate(4px,4px)}#theme-switch span,.toggle-switch input[type=checkbox]::before{--m:2px;content:"";position:absolute;top:var(--m);left:var(--m);width:calc(var(--h) - (var(--m) * 2));height:calc(var(--h) - var(--m) * 2);border:1px solid rgba(var(--contrast-rgb),.2);border-bottom:3px solid var(--contrast-200);background:var(--base-50);border-radius:50%;z-index:1;transform:rotate(360deg);transition:transform var(--transition-base),left var(--transition-base),top var(--transition-base),height var(--transition-base)}#theme-switch input:checked~span,.toggle-switch input[type=checkbox]:checked::before{left:calc(100% - (var(--h) - var(--m)));transform:rotate(-180deg);transition:transform var(--transition-base),left var(--transition-base)}.toggle-switch input[type=checkbox]:checked{background:var(--action-0)}.theme-switch:focus-visible+label{outline:2px solid var(--action-0);outline-offset:2px}#theme-switch .icon{transition:transform var(--transition-base),width var(--transition-base),height var(--transition-base),top var(--transition-base),color var(--transition-base)}#theme-switcher:checked~.icon.light,#theme-switcher:not(:checked)~.icon.dark{transform:rotate(360deg);color:var(--contrast-200)}#theme-switcher:checked~.icon.dark,#theme-switcher:not(:checked)~.icon.light{transform:rotate(-360deg);color:var(--contrast)}#theme-switch:hover span{background-color:var(--base-100)}#theme-switch:hover .icon{color:var(--action-50)}#theme-switch:active span{transform:scale(.97)}html{scroll-behavior:smooth}@media(prefers-reduced-motion){html{scroll-behavior:unset}*{transition:none!important;animation:none!important}}main{min-height:60vh}main>*{width:100%;max-width:var(--maxWidth);margin:var(--setMargin)}main>.align-wide{max-width:var(--alignWide)}main>.align-full{--ml:0;--mr:0;max-width:var(--full)}main>section{--mt:6rem}main>:first-child{margin-top:0}footer{padding:1rem 1rem var(--offHeight);background-color:var(--base-200);color:var(--contrast-200);text-align:center;margin:4rem 0 0;position:relative;z-index:var(--z-top)}footer p,footer p+p{margin:.5rem auto}@media (min-width:768px){footer{padding:1rem 2rem var(--offHeight)}}.grid-view,.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-view .item,.item-grid .item{border-radius:var(--outerRadius);aspect-ratio:1;display:flex;filter:none;transition:filter var(--transition-base),padding var(--transition-base),background-color var(--transition-base)}.grid-view img,.item-grid img{border-radius:var(--innerRadius)}.item-grid.list-view{display:flex;flex-direction:column;gap:2rem;--gap:2rem}.item-grid.list-view .item .col{--gap:.5rem}.item-grid.list-view img{width:20%}@media (min-width:768px){.grid-view,.item-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong{text-decoration:double;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--contrast)}h1,h2,h3,h4,h5,h6{--mt:1.5em;--mb:.875em;font-family:var(--heading);text-transform:uppercase;font-weight:var(--hWeight);line-height:1.3;margin:var(--mt) var(--mr) var(--mb) var(--ml)}h1.inline,h2.inline,h3.inline,h4.inline,h5.inline,h6.inline{font-size:1.2rem;font-weight:600;display:inline-block;margin:0 2rem 0 0;letter-spacing:.05em}h1.inline+*,h2.inline+*,h3.inline+*,h4.inline+*,h5.inline+*,h6.inline+*{display:inline-block;margin:.5rem 0}h1.inline+.term-list,h2.inline+.term-list,h3.inline+.term-list,h4.inline+.term-list,h5.inline+.term-list,h6.inline+.term-list{display:inline-flex;margin:.5rem 0}h1{font-size:var(--xxxlarge);font-weight:var(--hWeight);line-height:1;margin:0 var(--mr) .25em var(--ml)}h1:first-of-type{margin-top:20vh}h1 small{display:block;font-size:var(--small);font-weight:var(--bWeight);line-height:1;font-family:var(--body)}h2{font-size:var(--xxlarge)}h3{font-size:var(--xlarge)}h4{font-weight:400;font-size:var(--large)}h5,h6{font-weight:400;font-size:var(--medium)}p{line-height:1.6}p+p{margin-top:2.5rem}a{color:var(--action-0);text-decoration:none}ul a{display:inline-flex;text-decoration:none}a:visited{color:var(--action-100)}a:hover{color:var(--action-50);text-decoration:underline}.buttons{--wrap:wrap;--justify:flex-start;margin:1rem var(--mr) 1rem var(--ml);width:100%;padding:0}.buttons.fit{width:fit-content;margin:1rem 2rem}.buttons li{--justify:stretch;--align:stretch;padding:0;list-style:none;overflow:hidden}.buttons{margin:3rem auto;max-width:90%}@media (min-width:768px){.buttons{max-width:var(--maxWidth);margin:3rem var(--mr) 3rem var(--ml)}}[type=submit],a.button,a.wp-block-button__link,button{--justify:center;--align:center;--dir:row;width:fit-content;text-transform:uppercase;text-decoration:none;background-color:var(--base-100);color:var(--contrast-50);border:1px solid var(--base-200);border-radius:var(--innerRadius);padding:.25rem 1rem;font:inherit;cursor:pointer;outline:inherit;display:inline-flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);transition:color var(--transition-base);transition-property:color,border,background-color;position:relative}.buttons a:hover,[type=submit]:focus,[type=submit]:hover,a.button:focus,a.button:hover,a.wp-block-button__link:focus,a.wp-block-button__link:hover,button:focus,button:hover{background-color:var(--action-0);color:var(--action-contrast)}[type=submit]:disabled,[type=submit]:disabled:focus,[type=submit]:disabled:hover,a.button:disabled,a.button:disabled:focus,a.button:disabled:hover,a.wp-block-button__link:disabled,a.wp-block-button__link:disabled:focus,a.wp-block-button__link:disabled:hover,button:disabled,button:disabled:focus,button:disabled:hover{opacity:.5;background-color:var(--base-200)!important;color:var(--contrast-200)!important}details .icon{--w:1.5em}button.favourite.favourited,button.voted svg{animation:favourite-pop .4s cubic-bezier(.25,.46,.45,.94)}@keyframes favourite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}75%{transform:scale(.9)}100%{transform:scale(1)}}button.filter-toggle{border:1px solid var(--base-200);background-color:transparent;white-space:nowrap;font-size:1rem;padding:.35em;--w:1.2em}.filter-toggle:hover{border-color:var(--action-50);color:var(--action-50)}.filter-toggle:focus{background-color:var(--action-50);color:var(--action-contrast)}.toggle.notifications.has .bell,.toggle.notifications:not(.has) .bell-ringing,.vote .voted .downvote,.vote .voted .upvote,.vote button:not(.voted) .downvoted,.vote button:not(.voted) .upvoted,button.favourite.favourited .heart,button.favourite:not(.favourited) .heart-fill{display:none}.toggle.notifications.has .bell-ringing,.toggle.notifications:not(.has) .bell,.vote .voted .downvoted,.vote .voted .upvoted,.vote button:not(.voted) .downvote,.vote button:not(.voted) .upvote,button.favourite.favourited .heart-fill,button.favourite:not(.favourited) .heart{display:block}.icon{width:var(--w);height:var(--w);display:inline-flex;transition:var(--transition-size),var(--transition-color)}.icon svg{width:100%;height:100%}.icon.small,nav ul .icon{--w:24px}.icon.colour{background:#b7332e;background:linear-gradient(180deg,rgba(255,0,128,1) 0,rgba(250,71,101,1) 14%,rgba(251,121,35,1) 28%,rgba(176,190,19,1) 42%,rgba(14,204,0,1) 56%,rgba(14,225,166,1) 70%,rgba(63,152,253,1) 84%,rgba(166,90,196,1) 100%);mask-image:var(--colour);-webkit-mask-image:var(--colour);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem}.icon.logo-basic svg path{transition:fill var(--timing) var(--function)}.icon.logo-basic svg path#innerCircle,.icon.logo-basic svg path#outerSkull{fill:var(--base)}a .icon.logo-basic:hover svg path{fill:var(--base)}a .icon.logo-basic:hover svg path#innerCircle,a .icon.logo-basic:hover svg path#outerSkull{fill:var(--action-0)}.icon.grab{cursor:grab}main a .icon{margin-right:.5em}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color{position:relative}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color::before{content:'';display:block;width:60%;height:60%;border-radius:50%;background-color:var(--dark-200);position:absolute;left:18%;top:22%;z-index:-1}path#refresh{transform-origin:center;transform-box:fill-box;animation:spin 1s var(--function) infinite}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}input:focus,input:focus-within,input[type=checkbox]+label:focus,input[type=checkbox]+label:focus-visible,input[type=radio]+label:focus,input[type=radio]+label:focus-visible{outline:2px solid var(--action-0)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(var(--action-rgb),var(--rgb-light))!important}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}details{padding:.25rem 0;border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200)}details[open]{background-color:var(--base-50)}details summary{--wrap:nowrap;list-style:none;text-transform:uppercase;cursor:pointer;border:0;transition:background-color var(--transition-base);transition-property:background-color,border;position:relative;padding:.5rem 2.5rem .5rem .5rem;gap:.5rem}details summary:hover{background-color:var(--base-100);border-color:var(--base-100);color:var(--contrast);transition:background-color var(--transition-base);transition-property:background-color,border,color}details[open]>summary{background-color:var(--base-50)}details summary::after{content:"";background-color:var(--contrast-100);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-image:var(--details);mask-image:var(--details);mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem;margin-left:auto;transition:background-color var(--transition-base);transition-property:background-color,transform}details summary:hover::after,details[open]>summary::after{background-color:var(--contrast)}details[open]>summary::after{transform:rotate(-540deg);transition:background-color var(--transition-base);transition-property:background-color,transform}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility var(--timing) allow-discrete,opacity var(--timing),block-size var(--timing)}details[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=textarea],input[type=url],textarea{--p-x:1.5rem;font-family:var(--body);font-size:var(--medium);color:var(--contrast);padding:1rem var(--p-x);border-radius:var(--innerRadius);background-color:var(--base);outline:0;border:1px solid var(--base-100);border-bottom:2px solid var(--contrast-200);width:100%;max-width:100%;margin:0 4px;transition:background-color var(--transition-base);transition-property:background-color,border}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=textarea]:focus,input[type=url]:focus,textarea:focus{outline:var(--action-50);background-color:var(--base-100);color:var(--contrast)}input::placeholder,textarea::placeholder{font-family:var(--body);color:var(--base-200)}select{background:var(--base);border:2px solid var(--base-100);border-radius:var(--innerRadius);color:var(--contrast);cursor:pointer;font-family:var(--body);font-size:var(--small);padding:.5rem 1rem;width:100%;transition:var(--transition-color)}select:disabled{background-color:var(--base-50);border-color:var(--base-100);color:var(--base-200);cursor:not-allowed}select option{background:var(--base);color:var(--contrast);padding:.5rem}select option:active,select option:checked,select option:focus,select option:hover{background:var(--action-0);color:var(--base);box-shadow:0 0 0 100px var(--action-0) inset}select option:checked{background:var(--action-0) linear-gradient(0deg,var(--action-0) 0,var(--action-0) 100%);color:var(--base)}select:hover{border-color:var(--action-0)}select:focus{border-color:var(--action-0)}input[type=search]:focus+.clear-search{opacity:1;cursor:pointer;transition:opacity var(--transition-base)}.search-container .clear-search{opacity:0;cursor:default;transition:opacity var(--transition-base)}.search-container .icon.search{padding:4px 8px;color:var(--contrast-200);--w:3rem}input[type=search]::-moz-search-clear-button,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=search]::search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;visibility:hidden}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.integration .label,label{text-transform:uppercase;font-weight:700;margin-bottom:.5rem;display:block}.selected-items{--justify:flex-start;--gap:.5rem;margin-bottom:.5rem}.selected-item{padding:.25rem .5rem;margin:.125em;background:var(--base-100);border-radius:.25rem;font-size:var(--medium);border:1px solid var(--base-200);position:relative}.remove-item{background:0 0;border:none;padding:.25rem;cursor:pointer;color:#666;border-radius:var(--innerRadius);width:1.5em;height:1.5em}.remove-item .close{width:.5em;height:.5em}.remove-item:hover{color:var(--action-0);background:#fee}.clear-filters{margin-left:auto;border:1px solid var(--base-200)}[type=checkbox],[type=radio],input.ch{position:absolute;opacity:0;left:-200vw}[type=checkbox]+label,[type=radio]+label,input.ch+label{position:relative;cursor:pointer}[type=checkbox]+label:hover,[type=radio]+label:hover{color:var(--action-0)}[type=checkbox]+label::after,[type=checkbox]+label::before,[type=radio]+label::after,[type=radio]+label::before,input.ch+label::after,input.ch+label::before{content:'';position:absolute;top:50%}[type=checkbox]+label::after,[type=radio]+label::after,input.ch+label::after{left:5px;transform:translateY(-70%) rotate(45deg);width:5px;height:10px;border:solid var(--light-0);border-width:0 2px 2px 0;display:none}[type=checkbox]+label::before,[type=radio]+label::before,input.ch+label::before{left:0;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid var(--contrast-200);background-color:var(--base);border-radius:var(--innerRadius);transition:background-color var(--transition-base),border-color var(--transition-base)}[type=checkbox]:hover+label::before,[type=radio]:hover+label::before,input.ch:hover+label::before{border-color:var(--action-200)}[type=checkbox]:checked+label::before,[type=radio]:checked+label::before,input.ch:checked+label::before{background-color:var(--action-0);border-color:var(--action-100)}[type=radio]:checked+label::before{border-radius:50%}[type=checkbox]:checked+label::after,input.ch:checked+label::after{display:block;left:5px;top:50%;transform:translateY(-70%) rotate(45deg);width:.35rem;height:.66rem;border:solid var(--light-0);border-width:0 2px 2px 0}[type=checkbox]:disabled+label,[type=radio]:disabled+label,input.ch:disabled+label{cursor:not-allowed;background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label:hover,[type=radio]:disabled+label:hover,input.ch:disabled+label:hover{background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label::before,[type=radio]:disabled+label::before,input.ch:disabled+label::before{border-color:var(--base-200)}[type=checkbox]:not(.btn)+label,[type=radio]:not(.btn)+label,input.ch+label{flex:1;padding-left:2rem;transform-origin:top center;transition:transform .3s ease;will-change:transform}.btn+label::after,.btn+label::before{display:none}.btn+label{--w:1.2em;border:1px solid var(--base-200);border-radius:var(--innerRadius);min-width:2rem;min-height:2rem;margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.5rem;color:var(--contrast-200);opacity:.8}.radio-options.status label{padding:0 .5rem}.btn:checked+label{border-color:var(--contrast);color:var(--contrast);opacity:1}.btn+label:hover{color:var(--action-50);border-color:var(--action-50)}.btn[hidden]+label{display:none}.date-wrapper{position:relative;display:inline-block}input[type=date]{padding:8px 36px 8px 8px;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}input[type=date]+.icon{--w:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}input[type=url]{background:var(--linkIcon);background-position:.5em;background-size:1em;background-repeat:no-repeat;padding-left:2em}.field{margin:2rem 0;position:relative}.field:has(.has-tooltip) label{margin-left:2rem}.toggle-text input{display:none}.toggle-text input+label{font-weight:400;color:var(--contrast)!important;text-transform:none;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-text label::after,.toggle-text label::before{display:none}.toggle-text label{padding-left:0!important}.toggle-text input+label .text{position:relative;margin:0 .5rem;font-weight:700;width:fit-content;padding:2px 4px;border:1px solid var(--action-50);border-radius:4px;color:var(--action-50)!important}table .toggle-text input+label .text{color:var(--contrast)!important;border-color:var(--contrast)}.toggle-text:hover .text,table .toggle-text:hover .text{background-color:var(--action-50);color:var(--light-0)!important;border-color:var(--action-50)}.toggle-text input+label .off,.toggle-text input+label .on{-webkit-transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out,-webkit-transform .125s ease-out}.toggle-text input+label .off{opacity:1;max-width:100%;-webkit-transform:none;transform:none}.toggle-text input+label .on{opacity:0;max-width:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.toggle-text input:checked+label .off{opacity:0;max-width:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.toggle-text input:checked+label .on{max-width:100%;opacity:1;-webkit-transform:none;transform:none}.items-container{margin:0;padding:0;width:100%}.create-new-term{margin-top:1rem;width:100%}.create-new-term .field,.create-new-term[open] summary{margin-bottom:1rem}.create-new-term .field{max-width:100%}#jvb-selector>.wrap{--gap:nowrap}.quantity{margin:0}.quantity label{margin:0;font-size:var(--small)}.quantity{display:inline-flex;width:fit-content;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;position:relative}.quantity:focus-within{border-color:var(--action-0)}.quantity button{background:var(--base);padding:0;width:38px;height:38px;z-index:0;position:relative;border:1px solid var(--base-200);color:var(--contrast-200)}.quantity button:hover:not(:disabled){color:var(--action-0);border-color:var(--action-0);background-color:var(--base)}.quantity button:active:not(:disabled){background-color:var(--action-0);color:var(--light-0);transform:scale(.95)}.quantity button:disabled{opacity:.5;cursor:not-allowed}.quantity input[type=number]{z-index:1;border:1px solid var(--base-200);background:var(--base);text-align:center;font-size:1.1rem;width:60px;height:48px;margin:0;padding:0!important;appearance:textfield}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity input[type=number]:focus{background-color:var(--base-50)}.quantity button.increase{left:-2px;border-radius:0 4px 4px 0}.quantity button.decrease{right:-2px;border-radius:4px 0 0 4px}.term-list{--justify:flex-start;--align:center;--wrap:nowrap;--gap:.5rem;--w:1em;margin:0;padding:0;height:var(--height);display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);position:relative;overflow:auto hidden;touch-action:pan-x;text-transform:lowercase}dialog::backdrop{backdrop-filter:blur(5px);background-color:var(--overlay-medium)}dialog[open]{z-index:999;--padding:0;top:0;width:min(500px,95vw);border-radius:1rem;height:fit-content;max-height:90vh;overflow:hidden;padding:var(--padding);background-color:var(--base-50);color:var(--contrast);border:1px solid var(--base-200);box-shadow:var(--shadow)}dialog>.wrap,dialog>form{overflow:hidden auto;max-height:100%;margin:1.5rem 0 0 1.5rem;padding-right:1.2rem;width:calc(100% - 1.5rem - 1.2rem)}dialog label{font-weight:400}dialog h2,dialog h3{margin:0 0 .5rem 0;font-size:var(--large)}dialog:has(.m-actions){padding-bottom:var(--height)}.m-actions{--w:1.5em;--justify:flex-end;--wrap:nowrap;--gap:0;position:absolute;bottom:0;left:0;right:0;width:100%;z-index:var(--z-6);background-color:var(--action-100);box-shadow:var(--shadow-up)}.m-actions button{width:100%;height:3rem;border-radius:0;color:var(--action-contrast);background-color:var(--action-50);border:2px solid var(--action-50)}.m-actions button:focus,.m-actions button:hover{background-color:var(--base);color:var(--contrast)}.m-actions button:first-of-type{border-bottom-left-radius:1rem}.m-actions button:last-of-type{border-bottom-right-radius:1rem}dialog ul{list-style:none}dialog .search-container{padding-top:1rem;width:100%;gap:.5rem}dialog[open].gallery{width:calc(100vw - var(--padding) * 2);height:99vh;background:var(--overlay-heavy)}.gallery .content{position:relative;max-width:100%;max-height:100%;padding:2rem}.gallery .favourite button.favourite{top:unset;bottom:1rem;right:1rem}.gallery .image{max-width:100%;max-height:calc(100vh - 4rem);object-fit:contain}.gallery .cancel{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:10;transition:color .3s ease}.gallery .cancel:hover{color:var(--action-0)}.gallery .nav{position:absolute;top:50%;height:50%;z-index:5;transform:translateY(-50%);border:none;color:var(--contrast);cursor:pointer;padding:1rem;transition:color .3s ease}.gallery .nav:hover{background-color:var(--overlay-heavy)}.gallery .nav:hover{color:var(--action-0)}.gallery .prev{left:1rem}.gallery .next{right:1rem}.gallery .counter{position:absolute;top:1rem;left:1rem;color:#fff;font-size:.875rem}.gallery .content details{position:absolute;bottom:1rem;left:2rem;width:calc(100% - 4rem);background-color:var(--overlay-light);padding:0}.gallery .content details:hover,.gallery .content details[open]{background-color:var(--overlay-heavy);backdrop-filter:blur(5px)}.gallery .content details[open] summary{background-color:transparent}table{white-space:nowrap;width:100%;display:block;margin:0 0 2rem;border-radius:4px;height:var(--maxHeight);overflow:auto;position:relative}tfoot,thead{position:sticky;z-index:10;background-color:var(--base);text-transform:uppercase;padding:.5rem 0;line-height:2;font-weight:400}tr:nth-of-type(even){background-color:var(--base-200)}tfoot th{vertical-align:middle}tfoot th:first-of-type{text-align:right}tfoot tr,thead tr{background-color:var(--overlay-heavy);box-shadow:var(--shadow)}thead tr{border-bottom:1px solid var(--contrast-200)}tfoot tr{border-top:1px solid var(--contrast-200)}thead{top:0}tfoot{bottom:0}thead th{width:max-content}th p{margin:0!important}td{width:max-content;padding:.5rem 1rem}td .toggle input[type=checkbox]{margin:0}td .field{margin:.25rem 0}td[data-id=actions] label{margin:0;padding:0}td .description{display:none}td input[type=text]{width:fit-content;max-width:40vw;padding:.25em!important;font-size:var(--small)!important}tbody tr{border:2px solid transparent}tbody tr:focus-within{background-color:var(--base-100);border-color:var(--action-50)}[data-stuck]{background-color:var(--overlay-medium);position:sticky;left:-1rem;z-index:15;box-shadow:var(--subtleRight)}tbody [data-stuck]{z-index:5}tfoot [data-stuck],thead [data-stuck]{background:var(--base)}blockquote{padding:var(--outerPadding);border-radius:var(--outerRadius);background-color:var(--base-50)}cite{width:90%;margin:1rem auto}.hide-tooltip.hide-tooltip.hide-tooltip+[role=tooltip],[role=tooltip]{visibility:hidden;position:absolute;bottom:2rem;left:1rem;width:max-content;height:fit-content;max-width:50vw;padding:.5rem;border-radius:var(--innerRadius);box-shadow:var(--shadow);background:var(--action-0);color:var(--action-contrast)}body.menu_item [role=tooltip]{left:auto;right:100%;top:-200%;z-index:var(--z-4)}[role=tooltip] p{margin:0}[role=tooltip] p+p{margin-top:.5rem}.field:has([aria-describedby]:focus) [role=tooltip],[aria-describedby]:focus~.has-tooltip[role=tooltip],[aria-describedby]:hover~.has-tooltip [role=tooltip]{visibility:visible;display:block}.has-tooltip{display:inline-flex;justify-content:flex-end;position:absolute;top:0;left:0;--w:1.5rem}.tt-toggle{cursor:pointer;display:flex;border-radius:50%;background-color:transparent}.tt-toggle:focus,.tt-toggle:hover{background-color:var(--action-0);color:var(--action-contrast)}.tt-toggle:focus+[role=tooltip],.tt-toggle:hover+[role=tooltip]{visibility:visible}dialog[open]#jvb-selector{height:70vh;top:15vh;display:flex}#jvb-selector>.wrap{flex:1}dialog.loading{opacity:0;transition:opacity var(--transition-base)}dialog.loading[open]{opacity:1;transition:opacity var(--transition-base);width:100vw;height:100vh;display:flex;max-width:100%;max-height:100%;border-radius:0;border:none;background-color:transparent;box-shadow:none;--w:3em;justify-content:center;align-items:center}dialog.loading[open]@starting-style{opacity:0}dialog.loading[open]>.col{height:fit-content;width:min(400px,60vw);border-radius:var(--outerRadius);background-color:var(--overlay-medium);padding:2rem;box-shadow:var(--shadow);position:relative}dialog.loading[open] .spinner{position:absolute;top:1rem;width:5rem;height:5rem;border-width:0;border-top-width:4px;animation:spin 1s var(--function) infinite}.loading[open] .icon{color:var(--action-0)}dialog.loading[open] svg{animation:dance 2s ease-in-out infinite;transition:color .3s ease}dialog.loading[open] h3{color:var(--contrast);margin:2rem 1rem auto!important;font-size:var(--large);width:-moz-fit-content;width:fit-content}dialog.loading[open] p{margin:.5rem auto}dialog.loading[open]::after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--shimmer));content:"";inset:0;position:absolute;z-index:-1}.spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid var(--action-50);border-radius:50%;animation:spin 1s var(--function) infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes letterOutline{0%{background-size:1ch 0}100%{background-size:1ch 100%}}@keyframes letterInside{0%,50%{background-position-y:100%,0}100%,50.01%{background-position-y:0,100%}}.tab-content[hidden]{display:block!important;transform:scaleY(0);height:0;overflow:hidden}.tab-content[hidden]:focus-within{transform:scaleY(1);height:auto}nav.tabs h2{margin:0!important;line-height:1;font-size:var(--medium);display:flex;color:var(--contrast);white-space:nowrap;gap:1rem}nav.tabs .active h2{color:var(--action-contrast)}nav.tabs button{padding:.75rem 1.5rem;border-radius:0;position:relative;border:2px solid var(--action-0)}nav.tabs>button:first-of-type{border-top-left-radius:var(--innerRadius)}nav.tabs>button:last-of-type{border-top-right-radius:var(--innerRadius)}.tabs>button:focus,.tabs>button:hover{background-color:var(--base-200)}.tabs>button::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--action-50);transition:width .3s}.tabs>button.active::after,.tabs>button:hover::after{width:100%}.tabs>button.active::after{background-color:var(--action-200)}.tabs>button.active{background-color:var(--action-0);color:var(--action-contrast)}.tabs>button.active:focus,.tabs>button.active:hover{background-color:var(--action-100)}.tab-content h2{display:none}.toggle-details{gap:2px}body.menu_item #top{z-index:var(--z-4);position:relative}section .toggle-details{position:absolute;right:0;top:5rem}[data-toggle=all]{position:fixed;bottom:calc(var(--offHeight) + var(--height) + .5rem);right:0;z-index:var(--z-4);background-color:var(--action-0);color:var(--action-contrast)}[data-toggle]{z-index:var(--z-1)}body:has(#queue[hidden]) [data-toggle=all]{left:1rem}dialog:not([open]).col,dialog:not([open]).row{display:none}@media (min-width:768px){section .toggle-details{right:-10%}}.typeText::after{content:'|';display:inline-block;margin-left:0;animation:blink .75s step-end infinite}@keyframes blink{from,to{opacity:1}50%{opacity:0}}aside#cart,aside#queue{position:fixed;top:var(--doubleHeight);bottom:var(--offHeight);width:min(500px,calc(100vw - 2rem));background-color:var(--base);z-index:var(--z-5);box-shadow:var(--shadow);padding-bottom:var(--height);overflow:visible}.create-item,.qtoggle,.toggle-cart{z-index:var(--z-6);position:fixed;bottom:var(--offHeight);width:var(--height);height:var(--height);background-color:var(--overlay-medium);color:var(--contrast);transition:width var(--transition-base),background-color var(--transition-base),color var(--transition-base),left var(--transition-base);box-shadow:var(--shadow)}.create-item:focus,.create-item:hover,.qtoggle:focus,.qtoggle:hover,.toggle-cart:focus,.toggle-cart:hover{background-color:rgba(var(--action-rgb),var(--rgb-heavy));color:var(--action-contrast)}.create-item:disabled,.create-item:disabled:focus,.create-item:disabled:hover,.qtoggle:disabled,.qtoggle:disabled:focus,.qtoggle:disabled:hover,.toggle-cart:disabled,.toggle-cart:disabled:focus,.toggle-cart:disabled:hover{opacity:.5;background-color:var(--overlay-light);color:var(--contrast)}.create-item,.toggle-cart{right:0;border-radius:4px 4px 4px var(--outerRadius)}body:has(#cart.expanded) .toggle-cart{width:min(500px,calc(100vw - 2rem))}body:has(#cart.expanded) .toggle-cart .icon{display:none}aside#cart{overflow:hidden;right:var(--offScreen);border-radius:var(--outerRadius) 0 0 var(--outerRadius);transition:right var(--transition-base);padding-bottom:6rem}aside#cart.expanded{right:0;transition:right var(--transition-base)}#cart form{max-height:100%;overflow:hidden auto}#cart nav.tabs{z-index:var(--z-6);top:0}#cart table{height:auto}#cart th{padding:0 1.5rem}#cart table th:first-of-type{width:100%}#cart nav.tabs{position:sticky;box-shadow:var(--shadow)}#cart button[data-tab]{flex:1;border-radius:0}#cart form>:not(.tabs){max-width:90%;margin:0 auto}#cart form .empty p{margin:.5rem 0!important}#cart .cart-total.cart-total{--gap:0 1rem;padding-right:1rem;position:absolute;bottom:var(--height);width:100%;max-width:100%;background-color:var(--overlay-heavy);z-index:var(--z-6);box-shadow:var(--shadow-up)}.cart-total p{--gap:2rem;max-width:100%;margin:0}.cart-total p span{width:6rem;display:inline-block;text-align:right}.cart-total p+p{font-weight:700}.cart-items .total{font-weight:700}#cart .restored{background-color:rgba(var(--action-rgb),var(--rgb-light));border-radius:var(--outerRadius);padding:1rem}.restored h3{font-size:var(--medium);margin:0}.restored p{margin:0}.restored .row{--gap:0;--wrap:nowrap;--w:1em}.toasts{position:fixed;top:4rem;right:-350px;z-index:1000;width:350px}.toast{background-color:var(--overlay-heavy);border-left:4px solid var(--action-0);padding:1rem;box-shadow:var(--shadow);left:0;position:relative;opacity:0;transition:left .3s,opacity .3s}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--error)}.toast.info{border-left-color:var(--warning)}.toast.show{left:calc(-350px - 1rem);opacity:1}.toast.hiding{left:0;opacity:0}.toast-content p{margin:0}.close-toast{background:0 0;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity .2s;color:inherit}.close-toast:hover{opacity:1}aside#queue{left:var(--offScreen);border-radius:0 var(--outerRadius) var(--outerRadius) 0;transition:left var(--transition-base);--wrap:nowrap;--align:stretch}aside#queue.expanded{left:0;overflow:hidden auto}.qtoggle{left:0;border-radius:4px 4px var(--outerRadius) 4px}body:has(#queue.expanded) .qtoggle{left:var(--height);width:min(calc(500px - var(--height)),calc(100vw - 2rem - var(--height)))}.qtoggle.saving svg{color:var(--action-0);animation:spin .87s var(--function) infinite}#queue .status-actions{position:absolute;bottom:0;left:0;right:0;z-index:var(--z-2)}#queue .status-actions .popup{position:absolute;z-index:-1;width:max-content;max-width:300px;background-color:var(--action-50);color:var(--action-contrast);border-radius:var(--innerRadius);padding:.25em .75em;top:1rem;left:-100vw;transition:left var(--transition-base)}aside#queue .popup::before{content:'';width:10px;height:10px;transform:rotate(-45deg);background-color:var(--action-50);z-index:-1;left:-5px;position:absolute;top:calc(50% - 5px)}.expanded#queue .status-actions .popup.showing{left:calc(100% + 1em)}#queue .status-actions .popup.showing{left:calc(200vw + var(--offHeight));max-width:75vw}#queue .item .status,.filter .count,.qtoggle .count,.qtoggle .indicator,.refresh .countdown{z-index:var(--z-3);--offset:0;position:absolute;top:var(--offset);background-color:var(--overlay-light)}.expanded+.qtoggle .count,.expanded+.qtoggle .indicator{--offset:.25rem}.qtoggle .indicator{right:var(--offset);width:.75rem;height:.75rem;border-radius:50%}aside#queue.synced+.qtoggle .indicator{background-color:var(--success)}aside#queue.pending+.qtoggle .indicator{background-color:var(--warning);animation:pulse 2s infinite}aside#queue.pending:not(.expanded)+.qtoggle svg{color:var(--error);animation:spin 1s var(--function) infinite}.qtoggle .count{--align:center;--justify:center;left:var(--offset);min-width:1.25rem;height:1.25rem;padding:0 4px;color:var(--contrast);border-radius:var(--innerRadius);font-size:var(--extra-small)}#queue:has(.empty-queue)+.qtoggle .count{display:none}aside#queue .header{padding:15px;border-bottom:1px solid var(--base-200);flex-shrink:0}.qitems{flex:1;overflow:hidden auto;padding:.5rem 2rem;--gap:.5rem}aside#queue h3{margin:0 0 12px 0;font-size:16px;color:var(--contrast)}#queue .filters .filter{background-color:transparent;white-space:nowrap;font-size:var(--small)}#queue .filters .filter.active{background:var(--base-200);border-color:transparent}#queue .filter:focus,#queue .filter:hover{background-color:var(--action-0);color:var(--action-contrast)}.filter .count{--offset:-8px;right:var(--offset);background:var(--base-200);color:var(--contrast-200);border-radius:10px;min-width:18px;height:18px;font-size:10px}.filter .count:empty{display:none}.empty-queue{height:100px;color:var(--contrast-200);font-size:var(--small);font-style:italic}.refresh .countdown:not(.counting),aside#queue:has(.empty-queue) .refresh .count{display:none}#queue .item{padding:15px;background:var(--base-100);border-radius:var(--innerRadius);transition:all .2s ease;box-shadow:var(--shadow-none)}#queue .item:hover{box-shadow:var(--shadow)}#queue .item .header{position:relative}#queue .item .type{font-size:var(--small)}#queue .item .status{--w:1em;--gap:0;--justify:center;--align:center;--offset:-1.2rem;aspect-ratio:1;right:var(--offset);border-radius:50%;color:var(--contrast-200);background-color:var(--base-50);border:1px solid var(--base-200);width:1.25em;height:1.25em}#queue .item .status.pending{background:var(--base-100);color:var(--contrast-200)}#queue .item .status.processing{background:var(--base-200);color:var(--contrast-100);animation:pulse-color 2s infinite}#queue .item .status.completed{background:var(--base-50);color:var(--base-200)}#queue .item .status.completed:hover{color:var(--contrast-200)}#queue .item .status.failed{background:var(--base);color:var(--error)}#queue .item button{font-size:16px;padding:0;line-height:1;opacity:.5;transition:opacity .2s}#queue .item button:hover{opacity:1}#queue .item .info{margin-top:8px;font-size:var(--small)}#queue .item .info .time{--gap:7px;font-size:10px}#queue .item .actions{margin-top:12px;--gap:8px}#queue .item .actions button{padding:6px 12px;font-size:12px;background:var(--base-200);border:none;border-radius:4px;cursor:pointer;transition:all .2s;color:var(--contrast)}#queue .item .actions .retry{background-color:var(--secondary-200);color:var(--secondary-contrast)}#queue .item .actions button:hover{opacity:.9}.queue-actions{padding:15px;border-top:1px solid var(--base-200);flex-shrink:0}.queue-actions button{padding:8px 12px;font-size:var(--small);transition:all .2s}.status-actions>.refresh{position:relative;font-size:var(--small)}.refresh .countdown{--justify:center;--align:center;--offset:0;right:var(--offset);margin:0 3px;border-radius:50%;border:1px solid var(--base-200)}.refreshNow{width:var(--height);height:var(--height)}.refreshNow:hover{background:var(--base-200);color:var(--contrast-200)}.icon.refresh{--w:18px}#queue.pending.expanded .refreshNow svg{animation:spin 1.5s var(--function) infinite}#queue,.item-grid{counter-reset:delay-counter}.item{counter-increment:delay-counter}.item .progress .fill::after{--delay:calc(counter(delay-counter) * .1s)}.progress .bar{height:6px;display:block;border-radius:6px;overflow:hidden;background:var(--base-200);position:relative}.progress .fill{height:100%;background:var(--action-0);border-radius:6px;width:0;transition:width .3s ease}.progress .details{margin-top:5px;font-size:var(--small);color:var(--contrast);text-align:center;padding:.25rem 0}.progress .details:empty{display:none}.pending .fill::after,.processing .fill::after,.queued .fill::after,.uploading .fill::after{--delay:0s;content:'';position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.225) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2.5s infinite linear var(--delay)}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes pulse-color{0%{box-shadow:0 0 0 0 rgba(var(--secondary-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--secondary-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--secondary-rgb),0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes detect-scroll{from,to{--can-scroll:1}}.menu-items .menu-item{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}.menu-items .menu-item:not(.variable) label{display:none}.menu-items .menu-item .field{margin:0;--wrap:nowrap}.menu-items .menu-item .has-tooltip{position:absolute;right:-2.5rem}.menu-items .menu-item+.menu-item{border-top:1px solid var(--base-200);margin-top:2rem;padding-top:1rem}.menu-items .menu-item .header{grid-column:1/-1}.menu-items .menu-item .description{grid-column:1/3}.menu-items .menu-item .info{grid-column:3/3}.menu-items .menu-item h3{font-size:var(--medium);font-weight:400;margin:0 0 .5rem 0!important}.menu-items .menu-item .info{--gap:1rem}.price>span{vertical-align:super;font-size:12px}body.menu_item section h2{display:inline-block;max-width:var(--maxWidth);width:max-content;background-color:var(--base-50);color:var(--action-0);position:relative;z-index:5;padding:0 1rem;margin:var(--mt) auto var(--mb) auto}.menu-section{position:relative}.menu-section hr{position:absolute;width:100%;left:-5%;top:3.5rem;border:none;background-color:var(--action-100);height:2px}details.menu-item summary.row{flex-direction:column;align-items:flex-start}details.menu-item summary .row{width:100%}.menu_item h1:first-of-type{margin-top:10vh!important}@media (min-width:768px){.menu-section hr{width:120%;left:-10%;top:4.25rem}.menu_item section{max-width:var(--maxWidth)}}/*!** Forms **!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.date_start,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!* margin-bottom: 0;*!*//*!*}*!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!* width: 49%;*!*//*!* display: inline-block;*!*//*!* margin-top: 1rem;*!*//*!*}*!*//*!* Style for disabled state *!*//*!** Shop Page **!*//*!** Bio Sections **!*//*!*!* Status notification *!*//*!*.status-notification {*!*//*!* position: fixed;*!*//*!* bottom: 20px;*!*//*!* left: 80px; !* Position to the right of the panel *!*!*//*!* width: 300px;*!*//*!* max-width: calc(100vw - 100px);*!*//*!* border-radius: 8px;*!*//*!* padding: 15px;*!*//*!* background: #323232;*!*//*!* color: white;*!*//*!* transform: translateY(20px);*!*//*!* opacity: 0;*!*//*!* transition: transform .3s, opacity .3s;*!*//*!* z-index: 10000;*!*//*!* box-shadow: 0 4px 20px rgba(0, 0, 0, .2);*!*//*!* pointer-events: none;*!*//*!*}*!*//*!*.status-notification.active {*!*//*!* transform: translateY(0);*!*//*!* opacity: 1;*!*//*!* pointer-events: auto;*!*//*!*}*!*//*!*.status-notification .title {*!*//*!* font-weight: 600;*!*//*!* margin-bottom: 5px;*!*//*!* font-size: 15px;*!*//*!*}*!*//*!*.status-notification .message {*!*//*!* margin-bottom: 10px;*!*//*!* font-size: 14px;*!*//*!*}*!*//*!*.status-notification .actions {*!*//*!* display: flex;*!*//*!* justify-content: flex-end;*!*//*!*}*!*//*!*.status-notification .actions button {*!*//*!* padding: 6px 12px;*!*//*!* background: rgba(255, 255, 255, .2);*!*//*!* border: none;*!*//*!* border-radius: 4px;*!*//*!* color: white;*!*//*!* cursor: pointer;*!*//*!* font-size: 13px;*!*//*!* transition: background .2s;*!*//*!*}*!*//*!*.status-notification .actions button:hover {*!*//*!* background: rgba(255, 255, 255, .3);*!*//*!*}*!*//*!* Progress containers in notifications *!*//*!* Collapsed state - just show the toggle button *!*//*!***//*!***//*!*.new-term-toggle:disabled + .loader,*!*//*!*.loading .loader {*!*//*!* width: 50px;*!*//*!* aspect-ratio: 1;*!*//*!* display: grid;*!*//*!* border: 4px solid #0000;*!*//*!* border-radius: 50%;*!*//*!* border-right-color: var(--action-0);*!*//*!* animation: l15 1s infinite linear;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::before,*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::before,*!*//*!*.loading .loader::after {*!*//*!* content: "";*!*//*!* grid-area: 1/1;*!*//*!* margin: 2px;*!*//*!* border: inherit;*!*//*!* border-radius: 50%;*!*//*!* animation: l15 2s infinite;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::after {*!*//*!* margin: 8px;*!*//*!* animation-duration: 3s;*!*//*!*}*!*//*!*@keyframes l15{*!*//*!* 100%{transform: rotate(1turn)}*!*//*!*}*!*//*!* High contrast mode support *!*//*!** TODO: Verify **!*/input[type=date],input[type=datetime-local],input[type=time]{padding:.5rem;border:1px solid var(--contrast-200);border-radius:4px;font-size:14px;min-width:180px;background:var(--base);cursor:pointer;transition:border-color .2s ease}.date-wrapper input[type=date]:focus,.datetime-wrapper input[type=datetime-local]:focus,.time-wrapper input[type=time]:focus{border-color:var(--action-0);box-shadow:0 0 0 2px rgba(var(--action-rgb),.1)}.date-wrapper svg,.datetime-wrapper svg,.time-wrapper svg{width:18px;height:18px;color:#666;opacity:.7}/*!* Required field asterisk *!*//*!* Invalid field styling *!*//*!* Frontend Display *!*//*!* Set and Checkbox Field Display *!*//*!* Radio and Select Field Display *!*//*!* True/False Field Display *!*//*!* Group Field Styling *!*//*!* Responsive Design *!*/
\ No newline at end of file
+*/:root{--narrow:min(500px, 50vw);--maxWidth:min(768px, 65vw);--alignWide:min(1024px, 90vw);--alignMed:min(962px, 82.5vw);--full:100vw;--mr:auto;--ml:auto;--mt:1rem;--mb:1rem;--setMargin:var(--mt) var(--mr) var(--mb) var(--ml);--insetMargin:var(--mt) calc((var(--maxWidth) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);--height:4rem;--doubleHeight:8rem;--offHeight:5rem;--maxHeight:calc(100vh - var(--height) - var(--height));--gap:.5rem;--wrap:wrap;--justify:center;--align:center;--dir:row;--w:1.2em;--filter:grayscale(.3) sepia(.4);--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Open Sans',var(--font-base);--body:'Montserrat',var(--font-base);--hWeight:900;--hlight:400;--bWeight:400;--bBold:900;--bLight:200;--enormous:calc(26vh - 4rem);--xxxlarge:clamp(2.5rem, 1.429rem + 2.857vw, 4rem);--xxlarge:clamp(2rem, 1.286rem + 1.905vw, 3rem);--xlarge:clamp(1.6rem, .957rem + 1.714vw, 2.5rem);--large:clamp(1.3rem, .6rem + 1.867vw, 2rem);--xmedium:clamp(1.4rem, .971rem + 1.143vw, 2rem);--medium:clamp(1.1rem, .993rem + .286vw, 1.25rem);--small:clamp(.95rem, .879rem + .19vw, 1.05rem);--extra-small:clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);--light-0:#ededf4;--light-50:#e3e3ee;--light-100:#dadae8;--light-200:#d1d1e3;--dark-0:#2a2b2a;--dark-50:#2f302f;--dark-100:#393a39;--dark-200:#3e403e;--red-0:#ef767a;--red-50:#ec5f64;--red-100:#ea484e;--red-200:#e73238;--orange-0:#ef9e76;--orange-50:#ec8e5f;--orange-100:#ea7e48;--orange-200:#e76e32;--yellow-0:#E3BE39;--yellow-50:#cca61d;--yellow-100:#9f8217;--yellow-200:#735d10;--green-0:#32cb82;--green-50:#28a268;--green-100:#1e794e;--green-200:#145033;--blue-0:#329dcb;--blue-50:#287da2;--blue-100:#1e5e79;--blue-200:#143e50;--purple-0:#ba76ef;--purple-50:#a348ea;--purple-100:#8c1be4;--purple-200:#7015b7;--action-0:#ef767a;--action-50:#ec5f64;--action-100:#ea484e;--action-200:#e73238;--secondary-0:#329dcb;--secondary-50:#287da2;--secondary-100:#1e5e79;--secondary-200:#143e50;--success:#22C55E;--successBack:#d4edda;--successText:#155724;--warning:#E8A737;--error:#EF4444;--errorBack:#f8d7da;--errorText:#721c24;--action-contrast:var(--light-0);--secondary-contrast:var(--light-0);--light-rgb:237,237,244;--dark-rgb:42,43,42;--red-rgb:239,118,122;--orange-rgb:239,158,118;--yellow-rgb:227,190,57;--green-rgb:50,203,130;--blue-rgb:50,157,203;--purple-rgb:186,118,239;--action-rgb:239,118,122;--secondary-rgb:50,157,203;--rgba-subtle:rgba(var(--c),.5);--rgba-subtle-hover:rgba(var(--c),.1);--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--c:var(--light-rgb);--base-rgb:var(--light-rgb);--contrast-rgb:var(--dark-rgb);--z-1:5;--z-2:10;--z-3:15;--z-4:20;--z-5:50;--z-6:100;--z-top:999;--zz-top:999999;--rgb-light:.25;--rgb-medium:.66;--rgb-heavy:.85;--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .66);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--dark-rgb),0) 0%,rgba(var(--dark-rgb),.05) 50%,rgba(var(--dark-rgb),0) 100%;--shadow:rgba(var(--dark-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--dark-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--dark-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--dark-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--dark-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--dark-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--dark-rgb), .45) 10px 0 20px -20px;--shadow-none:transparent 0px 0px 0px;--innerRadius:4px;--outerPadding:1rem;--outerRadius:calc(var(--innerRadius) + var(--outerPadding));--function:cubic-bezier(.47,.24,.07,.47);--timing:.25s;--transition-base:var(--timing) var(--function);--transition-color:background-color var(--transition-base),color var(--transition-base),border var(--transition-base);--transition-transform:transform var(--transition-base);--transition-size:width var(--transition-base),height var(--transition-base),max-width var(--transition-base),max-height var(--transition-base);--offScreen:-200vw;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>');--swipeRight:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIsMTQwdjM2YzAsMjQuNjYtOC4wOCw0MS4xLTguNDIsNDEuNzlhNCw0LDAsMSwxLTcuMTYtMy41OGMuMDctLjE1LDcuNTgtMTUuNTUsNy41OC0zOC4yMVYxNDBhMTYsMTYsMCwwLDAtMzIsMHY0YTQsNCwwLDAsMS04LDBWMTI0YTE2LDE2LDAsMCwwLTMyLDB2MTJhNCw0LDAsMCwxLTgsMFY2OGExNiwxNiwwLDAsMC0zMiwwVjE3NmE0LDQsMCwwLDEtNy4zOSwyLjExbC0xOC42OC0zMGEuNzUuNzUsMCwwLDEtLjA3LS4xMiwxNiwxNiwwLDAsMC0yNy43MiwxNmwyOS4zMSw1MGE0LDQsMCwwLDEtNi45LDRMMzEuMjIsMTY4YTI0LDI0LDAsMCwxLDQxLjUyLTI0LjA5TDg0LDE2MlY2OGEyNCwyNCwwLDAsMSw0OCwwdjM4LjEzYTI0LDI0LDAsMCwxLDM5Ljk0LDE2LjA2QTI0LDI0LDAsMCwxLDIxMiwxNDBabTM4LjgzLTg2LjgzLTMyLTMyYTQsNCwwLDAsMC01LjY2LDUuNjZMMjM4LjM0LDUySDE3NmE0LDQsMCwwLDAsMCw4aDYyLjM0TDIxMy4xNyw4NS4xN2E0LDQsMCwwLDAsNS42Niw1LjY2bDMyLTMyQTQsNCwwLDAsMCwyNTAuODMsNTMuMTdaIj48L3BhdGg+PC9zdmc+');--scrollbar-width:8px;--scrollbar-track-color:var(--base-100);--scrollbar-thumb-color:var(--action-0);--scrollbar-thumb-hover-color:var(--action-50);--scrollbar-thumb-border:2px solid var(--base-50);--scrollbar-border-radius:4px;--can-scroll:0}body:has(#theme-switcher:checked){--red-50:#ec5f64;--red-100:#ea484e;--red-200:#e73238;--orange-50:#f2ae8d;--orange-100:#f4bea4;--orange-200:#f7cfbb;--yellow-50:#e9cd66;--yellow-100:#f0db92;--yellow-200:#f6eabf;--green-50:#5ad69b;--green-100:#83e0b4;--green-200:#aceacc;--blue-50:#5ab1d6;--blue-100:#83c4e0;--blue-200:#acd8ea;--purple-50:#c58df2;--purple-100:#d1a4f4;--purple-200:#dcbbf7;--action-50:#f28d90;--action-100:#f4a4a6;--action-200:#f7bbbd;--secondary-50:#5ab1d6;--secondary-100:#83c4e0;--secondary-200:#acd8ea;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--c:var(--dark-rgb);--base-rgb:var(--dark-rgb);--contrast-rgb:var(--light-rgb);--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .5);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--c),0) 0%,rgba(var(--c),.05) 50%,rgba(var(--c),0) 100%;--shadow:rgba(var(--light-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--light-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--light-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--light-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--light-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--light-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--light-rgb), .45) 10px 0 20px -20px;--successBack:#155724;--successText:#d4edda;--errorBack:#721c24;--errorText:#f8d7da;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>')}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:url(fonts/open-sans-v44-latin-regular.woff2) format('woff2'),url(fonts/open-sans-v44-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:url(fonts/open-sans-v44-latin-italic.woff2) format('woff2'),url(fonts/open-sans-v44-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:url(fonts/open-sans-v44-latin-800.woff2) format('woff2'),url(fonts/open-sans-v44-latin-800.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:800;src:url(fonts/open-sans-v44-latin-800italic.woff2) format('woff2'),url(fonts/open-sans-v44-latin-800italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:200;src:url(fonts/montserrat-v31-latin-200.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:200;src:url(fonts/montserrat-v31-latin-200italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(fonts/montserrat-v31-latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:url(fonts/montserrat-v31-latin-italic.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:900;src:url(fonts/montserrat-v31-latin-900.woff2) format('woff2')}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:900;src:url(fonts/montserrat-v31-latin-900italic.woff2) format('woff2')}@layer reset{font:clamp(1rem,1rem + .5vw,2rem)/1.4 system-ui,sans-serif;tab-size:2;hanging-punctuation:first allow-end last;word-break:break-word}body{margin:0}*,::after,::before{box-sizing:border-box}h1,h2{font-weight:900;letter-spacing:-.02rem}h1,h2,h3{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin-block-start:0}dd,li,p{text-wrap:pretty;max-inline-size:88ch}a{color:oklch(.68 .17 228);text-underline-offset:2px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}dl,ol,ul{margin:0;padding:0;list-style:inside}iframe,video{display:block;max-inline-size:100%;block-size:auto;border-style:none}figure{inline-size:fit-content;margin-inline:auto}figcaption{contain:inline-size;font-size:90%}button,input,select,textarea{font:inherit}label{display:block}input:not(:where([type=submit],[type=checkbox],[type=radio],[type=button],[type=reset])){inline-size:100%}button,input:where([type=submit],[type=reset],[type=button]){background:CanvasText;color:Canvas;border:1px solid transparent}textarea{field-sizing:content;min-block-size:5lh;inline-size:100%;max-inline-size:100%}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,monospace}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[hidden]{display:none!important}[disabled],label:has(input[disabled]){opacity:.5}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible;margin-block:2.5rem}:target{scroll-margin:3rlh}table{caption-side:bottom;border-collapse:collapse}td,th{word-break:normal;border:1px solid gray;padding:.5rem}caption{font-size:90%}.screen-reader-text:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline-offset:2px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords}}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);border:var(--scrollbar-thumb-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}body{background-color:var(--base-50);color:var(--contrast);max-width:100vw;overflow-x:hidden;margin:0;font-family:var(--body);font-weight:var(--bWeight);font-size:var(--medium);line-height:1.4;position:relative}body b,body strong{font-weight:var(--bBold)}:target{scroll-snap-margin-top:max(6rem,20vh);scroll-margin-top:max(6rem,20vh);outline:double var(--action-0);border-radius:var(--outerRadius);padding:var(--outerPadding)}body.menu_item :target h2{background-color:var(--action-0);color:var(--action-contrast)}body,body *{transition:background-color var(--transition-base);transition-property:background-color,border}body.loading,body:has(aside.expanded),body:has(dialog[open]),body:has(nav.open){overflow:hidden}[hidden]{display:none!important}@media (max-width:767px){.hide-small{display:none}}.width-50{width:100%}.width-25{width:50%}.width-75{width:100%}.w-full{width:100%}@media (min-width:768px){.buttons li.width-50,.width-50{width:calc(50% - .3em)}.width-25{width:calc(25% - .3em)}.width-75{width:calc(75% - .3em)}}.col,.row:not(.icon){display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir)}.col{--dir:column}.row:not(.icon){--dir:row}.col.rev{--dir:column-reverse}.row.rev{--dir:row-reverse}.nowrap{--wrap:nowrap}.col.a-start,.row.start{--justify:flex-start}.col.a-end,.row.end{--justify:flex-end}.col.btw,.row.btw{--justify:space-between}.col.even,.row.even{--justify:space-evenly}.col.start,.row.a-start{--align:flex-start}.col.end,.row.a-end{--align:flex-end}.abs{position:absolute}:has(>.abs){position:relative}.hidden{transform:scale(0);max-width:0;max-height:0;overflow:hidden;transition:var(--transition-transform),var(--transition-size)}.visible{transform:scale(1);max-width:100%;max-height:100%;transition:var(--transition-transform),var(--transition-size)}.toggle-switch input{opacity:0;width:0;height:0;position:absolute;left:var(--offScreen)}.toggle-switch .slider{position:relative;width:2rem;height:1rem;background-color:var(--base-200);border-radius:.75rem;overflow:hidden;display:flex;justify-content:space-evenly;align-items:center;border:4px solid transparent;transition:.3s;box-shadow:0 0 .25rem 0 rgba(var(--contrast-rgb),.125) inset;cursor:pointer;margin:5px}.toggle-switch .slider::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--base);transform:translateX(-1rem);border-radius:.75rem;transition:.3s;box-shadow:0 0 .25rem 3px rgba(var(--contrast-rgb),.125)}.toggle-switch input:checked~.slider::before{transform:translateX(1rem);box-shadow:0 0 .25rem 3px rgb(0,0,0,.25)}.toggle-switch input:checked~.slider{background-color:var(--action-0)}.toggle-switch input:active~.slider::before{transform:translate(0)}#theme-switch{z-index:99;margin:0;--wrap:nowrap;--gap:1rem}#theme-switch .slider{width:3rem;height:1.5rem}#theme-switch .slider::before{transform:translateX(-1.5rem)}#theme-switch input:checked~.slider::before{transform:translateX(1.5rem)}@media (max-width:600px){#theme-switch{left:1rem}.wp-site-blocks>header{padding:0!important}}/*!* Focus States *!*//*!* Icon Animations *!*//*!* Hover Effects *!*//*!* Active State *!*/html{scroll-behavior:smooth}@media(prefers-reduced-motion){html{scroll-behavior:unset}*{transition:none!important;animation:none!important}}main{min-height:60vh}main>*{width:100%;max-width:var(--maxWidth);margin:var(--setMargin)}main>.align-wide{max-width:var(--alignWide)}main>.align-full{--ml:0;--mr:0;max-width:var(--full)}main>section{--mt:6rem}main>:first-child{margin-top:0}footer{padding:1rem 1rem var(--offHeight);background-color:var(--base-200);color:var(--contrast-200);text-align:center;margin:4rem 0 0;position:relative;z-index:var(--z-top)}footer p,footer p+p{margin:.5rem auto}@media (min-width:768px){footer{padding:1rem 2rem var(--offHeight)}}.grid-view,.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-view .item,.item-grid .item{border-radius:var(--outerRadius);aspect-ratio:1;display:flex;filter:none;transition:filter var(--transition-base),padding var(--transition-base),background-color var(--transition-base)}.grid-view img,.item-grid img{border-radius:var(--innerRadius)}.item-grid.list-view{display:flex;flex-direction:column;gap:2rem;--gap:2rem}.item-grid.list-view .item .col{--gap:.5rem}.item-grid.list-view img{width:20%}@media (min-width:768px){.grid-view,.item-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong{text-decoration:double;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--contrast)}h1,h2,h3,h4,h5,h6{--mt:1.5em;--mb:.875em;font-family:var(--heading);text-transform:uppercase;font-weight:var(--hWeight);line-height:1.3;margin:var(--mt) var(--mr) var(--mb) var(--ml)}h1.inline,h2.inline,h3.inline,h4.inline,h5.inline,h6.inline{font-size:1.2rem;font-weight:600;display:inline-block;margin:0 2rem 0 0;letter-spacing:.05em}h1.inline+*,h2.inline+*,h3.inline+*,h4.inline+*,h5.inline+*,h6.inline+*{display:inline-block;margin:.5rem 0}h1.inline+.term-list,h2.inline+.term-list,h3.inline+.term-list,h4.inline+.term-list,h5.inline+.term-list,h6.inline+.term-list{display:inline-flex;margin:.5rem 0}h1{font-size:var(--xxxlarge);font-weight:var(--hWeight);line-height:1;margin:0 var(--mr) .25em var(--ml)}h1:first-of-type{margin-top:20vh}h1 small{display:block;font-size:var(--small);font-weight:var(--bWeight);line-height:1;font-family:var(--body)}h2{font-size:var(--xxlarge)}h3{font-size:var(--xlarge)}h4{font-weight:400;font-size:var(--large)}h5,h6{font-weight:400;font-size:var(--medium)}p{line-height:1.6}p+p{margin-top:2.5rem}a{color:var(--action-0);text-decoration:none}ul a{display:inline-flex;text-decoration:none}a:visited{color:var(--action-100)}a:hover{color:var(--action-50);text-decoration:underline}.buttons{--wrap:wrap;--justify:flex-start;margin:1rem var(--mr) 1rem var(--ml);width:100%;padding:0}.buttons.fit{width:fit-content;margin:1rem 2rem}.buttons li{--justify:stretch;--align:stretch;padding:0;list-style:none;overflow:hidden}.buttons{margin:3rem auto;max-width:90%}@media (min-width:768px){.buttons{max-width:var(--maxWidth);margin:3rem var(--mr) 3rem var(--ml)}}.btn+label,[type=submit],a.button,a.wp-block-button__link,button{--justify:center;--align:center;--dir:row;width:fit-content;text-transform:uppercase;text-decoration:none;background-color:var(--base-100);color:var(--contrast-50);border:1px solid var(--base-200);border-radius:var(--innerRadius);padding:.25rem 1rem;font:inherit;cursor:pointer;outline:inherit;display:inline-flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);transition:color var(--transition-base);transition-property:color,border,background-color;position:relative}.btn+label:focus,.btn+label:hover,.buttons a:hover,[type=submit]:focus,[type=submit]:hover,a.button:focus,a.button:hover,a.wp-block-button__link:focus,a.wp-block-button__link:hover,button:focus,button:hover{background-color:var(--action-0);color:var(--action-contrast)}.btn:disabled+label,.btn:disabled+label:hover,[type=submit]:disabled,[type=submit]:disabled:focus,[type=submit]:disabled:hover,a.button:disabled,a.button:disabled:focus,a.button:disabled:hover,a.wp-block-button__link:disabled,a.wp-block-button__link:disabled:focus,a.wp-block-button__link:disabled:hover,button:disabled,button:disabled:focus,button:disabled:hover{opacity:.5;background-color:var(--base-200)!important;color:var(--contrast-200)!important}details .icon{--w:1.5em}button.favourite.favourited,button.voted svg{animation:favourite-pop .4s cubic-bezier(.25,.46,.45,.94)}@keyframes favourite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}75%{transform:scale(.9)}100%{transform:scale(1)}}button.filter-toggle{border:1px solid var(--base-200);background-color:transparent;white-space:nowrap;font-size:1rem;padding:.35em;--w:1.2em}.filter-toggle:hover{border-color:var(--action-50);color:var(--action-50)}.filter-toggle:focus{background-color:var(--action-50);color:var(--action-contrast)}.toggle.notifications.has .bell,.toggle.notifications:not(.has) .bell-ringing,.vote .voted .downvote,.vote .voted .upvote,.vote button:not(.voted) .downvoted,.vote button:not(.voted) .upvoted,button.favourite.favourited .heart,button.favourite:not(.favourited) .heart-fill{display:none}.toggle.notifications.has .bell-ringing,.toggle.notifications:not(.has) .bell,.vote .voted .downvoted,.vote .voted .upvoted,.vote button:not(.voted) .downvote,.vote button:not(.voted) .upvote,button.favourite.favourited .heart-fill,button.favourite:not(.favourited) .heart{display:block}.icon{width:var(--w);height:var(--w);display:inline-flex;transition:var(--transition-size),var(--transition-color)}.icon svg{width:100%;height:100%}.icon.small,nav ul .icon{--w:24px}.icon.colour{background:#b7332e;background:linear-gradient(180deg,rgba(255,0,128,1) 0,rgba(250,71,101,1) 14%,rgba(251,121,35,1) 28%,rgba(176,190,19,1) 42%,rgba(14,204,0,1) 56%,rgba(14,225,166,1) 70%,rgba(63,152,253,1) 84%,rgba(166,90,196,1) 100%);mask-image:var(--colour);-webkit-mask-image:var(--colour);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem}.icon.logo-basic svg path{transition:fill var(--timing) var(--function)}.icon.logo-basic svg path#innerCircle,.icon.logo-basic svg path#outerSkull{fill:var(--base)}a .icon.logo-basic:hover svg path{fill:var(--base)}a .icon.logo-basic:hover svg path#innerCircle,a .icon.logo-basic:hover svg path#outerSkull{fill:var(--action-0)}.icon.grab{cursor:grab}main a .icon{margin-right:.5em}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color{position:relative}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color::before{content:'';display:block;width:60%;height:60%;border-radius:50%;background-color:var(--dark-200);position:absolute;left:18%;top:22%;z-index:-1}path#refresh{transform-origin:center;transform-box:fill-box;animation:spin 1s var(--function) infinite}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}input:focus,input:focus-within,input[type=checkbox]+label:focus,input[type=checkbox]+label:focus-visible,input[type=radio]+label:focus,input[type=radio]+label:focus-visible{outline:2px solid var(--action-0)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(var(--action-rgb),var(--rgb-light))!important}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}details{padding:.25rem 0;border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200)}details[open]{background-color:var(--base-50)}details summary{--wrap:nowrap;list-style:none;text-transform:uppercase;cursor:pointer;border:0;transition:background-color var(--transition-base);transition-property:background-color,border;position:relative;padding:.5rem 2.5rem .5rem .5rem;gap:.5rem}details summary:hover{background-color:var(--base-100);border-color:var(--base-100);color:var(--contrast);transition:background-color var(--transition-base);transition-property:background-color,border,color}details[open]>summary{background-color:var(--base-50)}details summary::after{content:"";background-color:var(--contrast-100);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-image:var(--details);mask-image:var(--details);mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem;margin-left:auto;transition:background-color var(--transition-base);transition-property:background-color,transform}details summary:hover::after,details[open]>summary::after{background-color:var(--contrast)}details[open]>summary::after{transform:rotate(-540deg);transition:background-color var(--transition-base);transition-property:background-color,transform}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility var(--timing) allow-discrete,opacity var(--timing),block-size var(--timing)}details[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=textarea],input[type=url],textarea{--p-x:1.5rem;font-family:var(--body);font-size:var(--medium);color:var(--contrast);padding:1rem var(--p-x);border-radius:var(--innerRadius);background-color:var(--base);outline:0;border:1px solid var(--base-100);border-bottom:2px solid var(--contrast-200);width:100%;max-width:100%;margin:0 4px;transition:background-color var(--transition-base);transition-property:background-color,border}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=textarea]:focus,input[type=url]:focus,textarea:focus{outline:var(--action-50);background-color:var(--base-100);color:var(--contrast)}input::placeholder,textarea::placeholder{font-family:var(--body);color:var(--base-200)}select{background:var(--base);border:2px solid var(--base-100);border-radius:var(--innerRadius);color:var(--contrast);cursor:pointer;font-family:var(--body);font-size:var(--small);padding:.5rem 1rem;width:100%;transition:var(--transition-color)}select:disabled{background-color:var(--base-50);border-color:var(--base-100);color:var(--base-200);cursor:not-allowed}select option{background:var(--base);color:var(--contrast);padding:.5rem}select option:active,select option:checked,select option:focus,select option:hover{background:var(--action-0);color:var(--base);box-shadow:0 0 0 100px var(--action-0) inset}select option:checked{background:var(--action-0) linear-gradient(0deg,var(--action-0) 0,var(--action-0) 100%);color:var(--base)}select:hover{border-color:var(--action-0)}select:focus{border-color:var(--action-0)}input[type=search]:focus+.clear-search{opacity:1;cursor:pointer;transition:opacity var(--transition-base)}.search-container .clear-search{opacity:0;cursor:default;transition:opacity var(--transition-base)}.search-container .icon.search{padding:4px 8px;color:var(--contrast-200);--w:3rem}input[type=search]::-moz-search-clear-button,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=search]::search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;visibility:hidden}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.integration .label,label{text-transform:uppercase;font-weight:700;margin-bottom:.5rem;display:block}.selected-items{--justify:flex-start;--gap:.5rem;margin-bottom:.5rem}.selected-item{padding:.25rem .5rem;margin:.125em;background:var(--base-100);border-radius:.25rem;font-size:var(--medium);border:1px solid var(--base-200);position:relative}.remove-item{background:0 0;border:none;padding:.25rem;cursor:pointer;color:#666;border-radius:var(--innerRadius);width:1.5em;height:1.5em}.remove-item .close{width:.5em;height:.5em}.remove-item:hover{color:var(--action-0);background:#fee}.clear-filters{margin-left:auto;border:1px solid var(--base-200)}[type=checkbox],[type=radio],input.ch{position:absolute;opacity:0;left:-200vw}[type=checkbox]+label,[type=radio]+label,input.ch+label{position:relative;cursor:pointer}[type=checkbox]+label:hover,[type=radio]+label:hover{color:var(--action-0)}[type=checkbox]+label::after,[type=checkbox]+label::before,[type=radio]+label::after,[type=radio]+label::before,input.ch+label::after,input.ch+label::before{content:'';position:absolute;top:50%}[type=checkbox]+label::after,[type=radio]+label::after,input.ch+label::after{left:5px;transform:translateY(-70%) rotate(45deg);width:5px;height:10px;border:solid var(--light-0);border-width:0 2px 2px 0;display:none}[type=checkbox]+label::before,[type=radio]+label::before,input.ch+label::before{left:0;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid var(--contrast-200);background-color:var(--base);border-radius:var(--innerRadius);transition:background-color var(--transition-base),border-color var(--transition-base)}[type=checkbox]:hover+label::before,[type=radio]:hover+label::before,input.ch:hover+label::before{border-color:var(--action-200)}[type=checkbox]:checked+label::before,[type=radio]:checked+label::before,input.ch:checked+label::before{background-color:var(--action-0);border-color:var(--action-100)}[type=radio]:checked+label::before{border-radius:50%}[type=checkbox]:checked+label::after,input.ch:checked+label::after{display:block;left:5px;top:50%;transform:translateY(-70%) rotate(45deg);width:.35rem;height:.66rem;border:solid var(--light-0);border-width:0 2px 2px 0}[type=checkbox]:disabled+label,[type=radio]:disabled+label,input.ch:disabled+label{cursor:not-allowed;background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label:hover,[type=radio]:disabled+label:hover,input.ch:disabled+label:hover{background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label::before,[type=radio]:disabled+label::before,input.ch:disabled+label::before{border-color:var(--base-200)}[type=checkbox]:not(.btn)+label,[type=radio]:not(.btn)+label,input.ch+label{flex:1;padding-left:2rem;transform-origin:top center;transition:transform .3s ease;will-change:transform}.btn+label::after,.btn+label::before{display:none}.btn+label{--w:1.2em;border:1px solid var(--base-200);border-radius:var(--innerRadius);min-width:2rem;min-height:2rem;margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.5rem;color:var(--contrast-200);opacity:.8}.radio-options.status label{padding:0 .5rem}.btn:checked+label{border-color:var(--contrast);color:var(--contrast);opacity:1}.btn+label:hover{color:var(--action-50);border-color:var(--action-50)}.btn[hidden]+label{display:none}.date-wrapper{position:relative;display:inline-block}input[type=date]{padding:8px 36px 8px 8px;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}input[type=date]+.icon{--w:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}input[type=url]{background:var(--linkIcon);background-position:.5em;background-size:1em;background-repeat:no-repeat;padding-left:2em}.field{margin:2rem 0;position:relative}.field:has(.has-tooltip) label{margin-left:2rem}.toggle-text input{display:none}.toggle-text input+label{font-weight:400;color:var(--contrast)!important;text-transform:none;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-text label::after,.toggle-text label::before{display:none}.toggle-text label{padding-left:0!important}.toggle-text input+label .text{position:relative;margin:0 .5rem;font-weight:700;width:fit-content;padding:2px 4px;border:1px solid var(--action-50);border-radius:4px;color:var(--action-50)!important}table .toggle-text input+label .text{color:var(--contrast)!important;border-color:var(--contrast)}.toggle-text:hover .text,table .toggle-text:hover .text{background-color:var(--action-50);color:var(--light-0)!important;border-color:var(--action-50)}.toggle-text input+label .off,.toggle-text input+label .on{-webkit-transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out,-webkit-transform .125s ease-out}.toggle-text input+label .off{opacity:1;max-width:100%;-webkit-transform:none;transform:none}.toggle-text input+label .on{opacity:0;max-width:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.toggle-text input:checked+label .off{opacity:0;max-width:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.toggle-text input:checked+label .on{max-width:100%;opacity:1;-webkit-transform:none;transform:none}.items-container{margin:0;padding:0;width:100%}.create-new-term{margin-top:1rem;width:100%}.create-new-term .field,.create-new-term[open] summary{margin-bottom:1rem}.create-new-term .field{max-width:100%}#jvb-selector>.wrap{--gap:nowrap}.quantity{margin:0}.quantity label{margin:0;font-size:var(--small)}.quantity{display:inline-flex;width:fit-content;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;position:relative}.quantity:focus-within{border-color:var(--action-0)}.quantity button{background:var(--base);padding:0;width:38px;height:38px;z-index:0;position:relative;border:1px solid var(--base-200);color:var(--contrast-200)}.quantity button:hover:not(:disabled){color:var(--action-0);border-color:var(--action-0);background-color:var(--base)}.quantity button:active:not(:disabled){background-color:var(--action-0);color:var(--light-0);transform:scale(.95)}.quantity button:disabled{opacity:.5;cursor:not-allowed}.quantity input[type=number]{z-index:1;border:1px solid var(--base-200);background:var(--base);text-align:center;font-size:1.1rem;width:60px;height:48px;margin:0;padding:0!important;appearance:textfield}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity input[type=number]:focus{background-color:var(--base-50)}.quantity button.increase{left:-2px;border-radius:0 4px 4px 0}.quantity button.decrease{right:-2px;border-radius:4px 0 0 4px}.term-list{--justify:flex-start;--align:center;--wrap:nowrap;--gap:.5rem;--w:1em;margin:0;padding:0;height:var(--height);display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);position:relative;overflow:auto hidden;touch-action:pan-x;text-transform:lowercase}dialog::backdrop{backdrop-filter:blur(5px);background-color:var(--overlay-medium)}dialog[open]{z-index:999;--padding:0;top:5vh;width:min(500px,95vw);border-radius:1rem;height:fit-content;overflow:hidden;max-height:90vh;padding:var(--padding);background-color:var(--base-50);color:var(--contrast);border:1px solid var(--base-200);box-shadow:var(--shadow)}dialog>.wrap,dialog>form{max-height:100%;overflow:hidden auto;margin:0 0 0 1.5rem;padding-right:1.2rem;width:calc(100% - 1.5rem)}dialog label{font-weight:400}dialog h2,dialog h3{margin:0 0 .5rem 0;font-size:var(--large)}dialog:has(.m-actions){padding-bottom:var(--height)}.m-actions{--w:1.15em;--justify:flex-end;--wrap:nowrap;--gap:0;position:absolute;bottom:0;left:0;right:0;width:100%;z-index:var(--z-6);background-color:var(--action-100);box-shadow:var(--shadow-up)}.m-actions button{width:100%;height:3rem;border-radius:0;color:var(--action-contrast);background-color:var(--action-50);border:2px solid var(--action-50)}.m-actions button:focus,.m-actions button:hover{background-color:var(--base);color:var(--contrast)}.m-actions button:first-of-type{border-bottom-left-radius:1rem}.m-actions button:last-of-type{border-bottom-right-radius:1rem}dialog ul{list-style:none}dialog .search-container{padding-top:1rem;width:100%;gap:.5rem}dialog[open].gallery{width:calc(100vw - var(--padding) * 2);height:99vh;background:var(--overlay-heavy)}.gallery .content{position:relative;max-width:100%;max-height:100%;padding:2rem}.gallery .favourite button.favourite{top:unset;bottom:1rem;right:1rem}.gallery .image{max-width:100%;max-height:calc(100vh - 4rem);object-fit:contain}.gallery .cancel{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:10;transition:color .3s ease}.gallery .cancel:hover{color:var(--action-0)}.gallery .nav{position:absolute;top:50%;height:50%;z-index:5;transform:translateY(-50%);border:none;color:var(--contrast);cursor:pointer;padding:1rem;transition:color .3s ease}.gallery .nav:hover{background-color:var(--overlay-heavy)}.gallery .nav:hover{color:var(--action-0)}.gallery .prev{left:1rem}.gallery .next{right:1rem}.gallery .counter{position:absolute;top:1rem;left:1rem;color:#fff;font-size:.875rem}.gallery .content details{position:absolute;bottom:1rem;left:2rem;width:calc(100% - 4rem);background-color:var(--overlay-light);padding:0}.gallery .content details:hover,.gallery .content details[open]{background-color:var(--overlay-heavy);backdrop-filter:blur(5px)}.gallery .content details[open] summary{background-color:transparent}table{white-space:nowrap;width:100%;display:block;margin:0 0 2rem;border-radius:4px;height:var(--maxHeight);overflow:auto;position:relative}tfoot,thead{position:sticky;z-index:10;background-color:var(--base);text-transform:uppercase;padding:.5rem 0;line-height:2;font-weight:400}tr:nth-of-type(even){background-color:var(--base-200)}tfoot th{vertical-align:middle}tfoot th:first-of-type{text-align:right}tfoot tr,thead tr{background-color:var(--overlay-heavy);box-shadow:var(--shadow)}thead tr{border-bottom:1px solid var(--contrast-200)}tfoot tr{border-top:1px solid var(--contrast-200)}thead{top:0}tfoot{bottom:0}thead th{width:max-content}th p{margin:0!important}td{width:max-content;padding:.5rem 1rem}td .toggle input[type=checkbox]{margin:0}td .field{margin:.25rem 0}td[data-id=actions] label{margin:0;padding:0}td .description{display:none}td input[type=text]{width:fit-content;max-width:40vw;padding:.25em!important;font-size:var(--small)!important}tbody tr{border:2px solid transparent}tbody tr:focus-within{background-color:var(--base-100);border-color:var(--action-50)}[data-stuck]{background-color:var(--overlay-medium);position:sticky;left:-1rem;z-index:15;box-shadow:var(--subtleRight)}tbody [data-stuck]{z-index:5}tfoot [data-stuck],thead [data-stuck]{background:var(--base)}blockquote{padding:var(--outerPadding);border-radius:var(--outerRadius);background-color:var(--base-50)}cite{width:90%;margin:1rem auto}.hide-tooltip.hide-tooltip.hide-tooltip+[role=tooltip],[role=tooltip]{visibility:hidden;position:absolute;bottom:2rem;left:1rem;width:max-content;height:fit-content;max-width:50vw;padding:.5rem;border-radius:var(--innerRadius);box-shadow:var(--shadow);background:var(--action-0);color:var(--action-contrast)}body.menu_item [role=tooltip]{left:auto;right:100%;top:-200%;z-index:var(--z-4)}[role=tooltip] p{margin:0}[role=tooltip] p+p{margin-top:.5rem}.field:has([aria-describedby]:focus) [role=tooltip],[aria-describedby]:focus~.has-tooltip[role=tooltip],[aria-describedby]:hover~.has-tooltip [role=tooltip]{visibility:visible;display:block}.has-tooltip{display:inline-flex;justify-content:flex-end;position:absolute;top:0;left:0;--w:1.5rem}.tt-toggle{cursor:pointer;display:flex;border-radius:50%;background-color:transparent}.tt-toggle:focus,.tt-toggle:hover{background-color:var(--action-0);color:var(--action-contrast)}.tt-toggle:focus+[role=tooltip],.tt-toggle:hover+[role=tooltip]{visibility:visible}dialog[open]#jvb-selector{height:70vh;top:15vh;display:flex}#jvb-selector>.wrap{flex:1}dialog.loading{opacity:0;transition:opacity var(--transition-base)}dialog.loading[open]{opacity:1;transition:opacity var(--transition-base);width:100vw;height:100vh;display:flex;max-width:100%;max-height:100%;border-radius:0;border:none;background-color:transparent;box-shadow:none;--w:3em;justify-content:center;align-items:center}dialog.loading[open]@starting-style{opacity:0}dialog.loading[open]>.col{height:fit-content;width:min(400px,60vw);border-radius:var(--outerRadius);background-color:var(--overlay-medium);padding:2rem;box-shadow:var(--shadow);position:relative}dialog.loading[open] .spinner{position:absolute;top:1rem;width:5rem;height:5rem;border-width:0;border-top-width:4px;animation:spin 1s var(--function) infinite}.loading[open] .icon{color:var(--action-0)}dialog.loading[open] svg{animation:dance 2s ease-in-out infinite;transition:color .3s ease}dialog.loading[open] h3{color:var(--contrast);margin:2rem 1rem auto!important;font-size:var(--large);width:-moz-fit-content;width:fit-content}dialog.loading[open] p{margin:.5rem auto}dialog.loading[open]::after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--shimmer));content:"";inset:0;position:absolute;z-index:-1}.spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid var(--action-50);border-radius:50%;animation:spin 1s var(--function) infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes letterOutline{0%{background-size:1ch 0}100%{background-size:1ch 100%}}@keyframes letterInside{0%,50%{background-position-y:100%,0}100%,50.01%{background-position-y:0,100%}}.tab-content[hidden]{display:block!important;transform:scaleY(0);height:0;overflow:hidden}.tab-content[hidden]:focus-within{transform:scaleY(1);height:auto}nav.tabs h2{margin:0!important;line-height:1;font-size:var(--medium);display:flex;color:var(--contrast);white-space:nowrap;gap:1rem}nav.tabs .active h2{color:var(--action-contrast)}nav.tabs button{padding:.75rem 1.5rem;border-radius:0;position:relative;border:2px solid var(--action-0)}nav.tabs>button:first-of-type{border-top-left-radius:var(--innerRadius)}nav.tabs>button:last-of-type{border-top-right-radius:var(--innerRadius)}.tabs>button:focus,.tabs>button:hover{background-color:var(--base-200)}.tabs>button::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--action-50);transition:width .3s}.tabs>button.active::after,.tabs>button:hover::after{width:100%}.tabs>button.active::after{background-color:var(--action-200)}.tabs>button.active{background-color:var(--action-0);color:var(--action-contrast)}.tabs>button.active:focus,.tabs>button.active:hover{background-color:var(--action-100)}.tab-content h2{display:none}.toggle-details{gap:2px}body.menu_item #top{z-index:var(--z-4);position:relative}section .toggle-details{position:absolute;right:0;top:5rem}[data-toggle=all]{position:fixed;bottom:calc(var(--offHeight) + var(--height) + .5rem);right:0;z-index:var(--z-4);background-color:var(--action-0);color:var(--action-contrast)}[data-toggle]{z-index:var(--z-1)}body:has(#queue[hidden]) [data-toggle=all]{left:1rem}dialog:not([open]).col,dialog:not([open]).row{display:none}@media (min-width:768px){section .toggle-details{right:-10%}}.typeText::after{content:'|';display:inline-block;margin-left:0;animation:blink .75s step-end infinite}@keyframes blink{from,to{opacity:1}50%{opacity:0}}aside{position:fixed;top:var(--doubleHeight);bottom:var(--offHeight);width:min(500px,calc(100vw - 2rem));background-color:var(--base);z-index:var(--z-5);box-shadow:var(--shadow);padding-bottom:var(--height);overflow:visible}.create-item,.qtoggle{z-index:var(--z-6);position:fixed;bottom:var(--offHeight);width:var(--height);height:var(--height);background-color:var(--overlay-medium);color:var(--contrast);transition:width var(--transition-base),background-color var(--transition-base),color var(--transition-base),left var(--transition-base);box-shadow:var(--shadow)}.create-item:focus,.create-item:hover,.qtoggle:focus,.qtoggle:hover{background-color:rgba(var(--action-rgb),var(--rgb-heavy));color:var(--action-contrast)}.create-item:disabled,.create-item:disabled:focus,.create-item:disabled:hover,.qtoggle:disabled,.qtoggle:disabled:focus,.qtoggle:disabled:hover{opacity:.5;background-color:var(--overlay-light);color:var(--contrast)}.create-item,.toggle-cart{right:0;border-radius:4px 4px 4px var(--outerRadius)}body:has(#cart.expanded) .toggle-cart .icon{display:none}aside#cart{padding-bottom:6rem}#cart form{max-height:100%;overflow:hidden auto}#cart nav.tabs{z-index:var(--z-6);top:0}#cart table{height:auto}#cart th{padding:0 1.5rem}#cart table th:first-of-type{width:100%}#cart nav.tabs{position:sticky;box-shadow:var(--shadow)}#cart button[data-tab]{flex:1;border-radius:0}#cart form>:not(.tabs){max-width:90%;margin:0 auto}#cart form .empty p{margin:.5rem 0!important}#cart .cart-total.cart-total{--gap:0 1rem;padding-right:1rem;position:absolute;bottom:var(--height);width:100%;max-width:100%;background-color:var(--overlay-heavy);z-index:var(--z-6);box-shadow:var(--shadow-up)}.cart-total p{--gap:2rem;max-width:100%;margin:0}.cart-total p span{width:6rem;display:inline-block;text-align:right}.cart-total p+p{font-weight:700}.cart-items .total{font-weight:700}#cart .restored{background-color:rgba(var(--action-rgb),var(--rgb-light));border-radius:var(--outerRadius);padding:1rem}.restored h3{font-size:var(--medium);margin:0}.restored p{margin:0}.restored .row{--gap:0;--wrap:nowrap;--w:1em}.toasts{position:fixed;top:4rem;right:-350px;z-index:1000;width:350px}.toast{background-color:var(--overlay-heavy);border-left:4px solid var(--action-0);padding:1rem;box-shadow:var(--shadow);left:0;position:relative;opacity:0;transition:left .3s,opacity .3s}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--error)}.toast.info{border-left-color:var(--warning)}.toast.show{left:calc(-350px - 1rem);opacity:1}.toast.hiding{left:0;opacity:0}.toast-content p{margin:0}.close-toast{background:0 0;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity .2s;color:inherit}.close-toast:hover{opacity:1}.qtoggle{left:0;border-radius:4px 4px var(--outerRadius) 4px}.qtoggle.expanded{left:var(--height);width:min(calc(500px - var(--height)),calc(100vw - 2rem - var(--height)))}.qtoggle.saving svg{color:var(--action-0);animation:spin .87s var(--function) infinite}#queue .status-actions{position:absolute;bottom:0;left:0;right:0;z-index:var(--z-2)}#queue .status-actions .popup{position:absolute;z-index:-1;width:max-content;max-width:300px;background-color:var(--action-50);color:var(--action-contrast);border-radius:var(--innerRadius);padding:.25em .75em;top:1rem;left:-100vw;transition:left var(--transition-base)}aside#queue .popup::before{content:'';width:10px;height:10px;transform:rotate(-45deg);background-color:var(--action-50);z-index:-1;left:-5px;position:absolute;top:calc(50% - 5px)}.expanded#queue .status-actions .popup.showing{left:calc(100% + 1em)}#queue .status-actions .popup.showing{left:calc(200vw + var(--offHeight));max-width:75vw}#queue .item .status,.filter .count,.qtoggle .count,.qtoggle .indicator,.refresh .countdown{z-index:var(--z-3);--offset:0;position:absolute;top:var(--offset);background-color:var(--overlay-light)}.expanded+.qtoggle .count,.expanded+.qtoggle .indicator{--offset:.25rem}.qtoggle .indicator{right:var(--offset);width:.75rem;height:.75rem;border-radius:50%}aside#queue.synced+.qtoggle .indicator{background-color:var(--success)}aside#queue.pending+.qtoggle .indicator{background-color:var(--warning);animation:pulse 2s infinite}aside#queue.pending:not(.expanded)+.qtoggle svg{color:var(--error);animation:spin 1s var(--function) infinite}.qtoggle .count{--align:center;--justify:center;left:var(--offset);min-width:1.25rem;height:1.25rem;padding:0 4px;color:var(--contrast);border-radius:var(--innerRadius);font-size:var(--extra-small)}#queue:has(.empty-queue)+.qtoggle .count{display:none}aside#queue .header{padding:15px;border-bottom:1px solid var(--base-200);flex-shrink:0}.qitems{flex:1;overflow:hidden auto;padding:.5rem 2rem;--gap:.5rem}aside#queue h3{margin:0 0 12px 0;font-size:16px;color:var(--contrast)}#queue .filters .filter{background-color:transparent;white-space:nowrap;font-size:var(--small)}#queue .filters .filter.active{background:var(--base-200);border-color:transparent}#queue .filter:focus,#queue .filter:hover{background-color:var(--action-0);color:var(--action-contrast)}.filter .count{--offset:-8px;right:var(--offset);background:var(--base-200);color:var(--contrast-200);border-radius:10px;min-width:18px;height:18px;font-size:10px}.filter .count:empty{display:none}.empty-queue{height:100px;color:var(--contrast-200);font-size:var(--small);font-style:italic}.refresh .countdown:not(.counting),aside#queue:has(.empty-queue) .refresh .count{display:none}#queue .item{padding:15px;background:var(--base-100);border-radius:var(--innerRadius);transition:all .2s ease;box-shadow:var(--shadow-none)}#queue .item:hover{box-shadow:var(--shadow)}#queue .item .header{position:relative}#queue .item .type{font-size:var(--small)}#queue .item .status{--w:1em;--gap:0;--justify:center;--align:center;--offset:-1.2rem;aspect-ratio:1;right:var(--offset);border-radius:50%;color:var(--contrast-200);background-color:var(--base-50);border:1px solid var(--base-200);width:1.25em;height:1.25em}#queue .item .status.pending{background:var(--base-100);color:var(--contrast-200)}#queue .item .status.processing{background:var(--base-200);color:var(--contrast-100);animation:pulse-color 2s infinite}#queue .item .status.completed{background:var(--base-50);color:var(--base-200)}#queue .item .status.completed:hover{color:var(--contrast-200)}#queue .item .status.failed{background:var(--base);color:var(--error)}#queue .item button{font-size:16px;padding:0;line-height:1;opacity:.5;transition:opacity .2s}#queue .item button:hover{opacity:1}#queue .item .info{margin-top:8px;font-size:var(--small)}#queue .item .info .time{--gap:7px;font-size:10px}#queue .item .actions{margin-top:12px;--gap:8px}#queue .item .actions button{padding:6px 12px;font-size:12px;background:var(--base-200);border:none;border-radius:4px;cursor:pointer;transition:all .2s;color:var(--contrast)}#queue .item .actions .retry{background-color:var(--secondary-200);color:var(--secondary-contrast)}#queue .item .actions button:hover{opacity:.9}.queue-actions{padding:15px;border-top:1px solid var(--base-200);flex-shrink:0}.queue-actions button{padding:8px 12px;font-size:var(--small);transition:all .2s}.status-actions>.refresh{position:relative;font-size:var(--small)}.refresh .countdown{--justify:center;--align:center;--offset:0;right:var(--offset);margin:0 3px;border-radius:50%;border:1px solid var(--base-200)}.refreshNow{width:var(--height);height:var(--height)}.refreshNow:hover{background:var(--base-200);color:var(--contrast-200)}.icon.refresh{--w:18px}#queue.pending.expanded .refreshNow svg{animation:spin 1.5s var(--function) infinite}#queue,.item-grid{counter-reset:delay-counter}.item{counter-increment:delay-counter}.item .progress .fill::after{--delay:calc(counter(delay-counter) * .1s)}.progress .bar{height:6px;display:block;border-radius:6px;overflow:hidden;background:var(--base-200);position:relative}.progress .fill{height:100%;background:var(--action-0);border-radius:6px;width:0;transition:width .3s ease}.progress .details{margin-top:5px;font-size:var(--small);color:var(--contrast);text-align:center;padding:.25rem 0}.progress .details:empty{display:none}.pending .fill::after,.processing .fill::after,.queued .fill::after,.uploading .fill::after{--delay:0s;content:'';position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.225) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2.5s infinite linear var(--delay)}.additional-actions .buttons{position:fixed;bottom:var(--offHeight);right:1rem;margin:0;--gap:1rem;z-index:var(--z-6);width:fit-content}.additional-actions .buttons button{height:var(--height);width:var(--height);background-color:var(--overlay-medium);color:var(--contrast);transition:width var(--transition-base),background-color var(--transition-base),color var(--transition-base),left var(--transition-base);box-shadow:var(--shadow)}.additional-actions .buttons button:hover{background-color:var(--action-0);color:var(--action-contrast)}.additional-actions .buttons button:disabled,.additional-actions .buttons button:disabled:focus,.additional-actions .buttons button:disabled:hover{opacity:.5;background-color:var(--overlay-light);color:var(--contrast)}.additional-actions .buttons button:last-of-type{border-radius:4px 4px 4px var(--outerRadius)}aside{position:fixed;top:var(--doubleHeight);bottom:var(--offHeight);width:min(500px,calc(100vw - 2rem));background-color:var(--base);z-index:var(--z-5);box-shadow:var(--shadow);--wrap:nowrap;--align:stretch;overflow:hidden auto;padding:1rem 1rem var(--height)}aside.left{left:var(--offScreen);transition:left var(--transition-base);border-radius:0 var(--outerRadius) var(--outerRadius) 0}aside.left.expanded{left:0}aside.right{right:var(--offScreen);border-radius:var(--outerRadius) 0 0 var(--outerRadius);transition:right var(--transition-base)}aside.right.expanded{right:0}aside.right.expanded button.close{position:sticky;bottom:calc(var(--height) * -1);left:0;border-bottom-left-radius:var(--outerRadius);width:var(--height);height:var(--height)}.additional-actions .buttons:has(.expanded) button:not(.expanded){display:none}.additional-actions .buttons:has(.expanded){right:0}.additional-actions .buttons .expanded{width:calc(min(500px,calc(100vw - 2rem)));background-color:var(--base)}.additional-actions .buttons .expanded:hover,.additional-actions .buttons button:hover{background-color:var(--action-0);color:var(--action-contrast)}[type=submit]{width:100%;height:var(--height);background-color:var(--action-0);color:var(--action-contrast);box-shadow:var(--shadow-none);font-weight:700}[type=submit]:hover{box-shadow:var(--shadow);border:2px solid var(--action-0);color:var(--action-0);background-color:var(--action-contrast)}aside nav.tabs{position:sticky;bottom:unset;top:0;left:0;right:0}.jvb-referral nav.tabs button{width:50%}aside .tab-content.active{padding:1rem;min-height:100%}aside header h3{font-size:var(--medium);margin:1rem 0;text-align:center}aside header p{margin:.25rem 0;text-align:center}aside h4{font-size:var(--small);margin:1rem 0 0 0}code{width:100%;margin:.5rem;padding:.5rem;user-select:all;text-align:center;border-radius:4px;background-color:var(--base-200);border:1px solid var(--contrast-200)}.restore-form{background-color:rgba(var(--action-rgb),var(--rgb-light));border:1px solid var(--action-200);padding:.5rem;border-radius:var(--outerRadius);margin:1rem 2rem}.restore-form h3{text-align:center;margin:1rem 0 0;font-size:var(--medium)}.restore-form p{margin:.5rem 0}.fstatus{z-index:var(--z-5);background-color:rgba(var(--base-rgb),var(--rgb-heavy));border-radius:4px;padding:0 .5rem;position:fixed;bottom:var(--offHeight);right:calc(var(--offHeight) + 1rem);--w:1em;box-shadow:var(--shadow)}.fstatus .spinner{display:none}.fstatus.loading .spinner{display:inline-block}.fstatus p{margin:0;padding:.25rem}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes pulse-color{0%{box-shadow:0 0 0 0 rgba(var(--action-rgb),.4)}30%{box-shadow:0 0 0 .75rem rgba(var(--action-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--action-rgb),0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes detect-scroll{from,to{--can-scroll:1}}.menu-items .menu-item{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}.menu-items .menu-item:not(.variable) label{display:none}.menu-items .menu-item .field{margin:0;--wrap:nowrap}.menu-items .menu-item .has-tooltip{position:absolute;right:-2.5rem}.menu-items .menu-item+.menu-item{border-top:1px solid var(--base-200);margin-top:2rem;padding-top:1rem}.menu-items .menu-item .header{grid-column:1/-1}.menu-items .menu-item .description{grid-column:1/3}.menu-items .menu-item .info{grid-column:3/3}.menu-items .menu-item h3{font-size:var(--medium);font-weight:400;margin:0 0 .5rem 0!important}.menu-items .menu-item .info{--gap:1rem}.price>span{vertical-align:super;font-size:12px}body.menu_item section>h2{display:inline-block;max-width:var(--maxWidth);width:max-content;background-color:var(--base-50);color:var(--action-0);position:relative;z-index:5;padding:0 1rem;margin:var(--mt) auto var(--mb) auto}.menu-section{position:relative}.menu-section hr{position:absolute;width:100%;left:-5%;top:3.5rem;border:none;background-color:var(--action-100);height:2px}details.menu-item summary.row{flex-direction:column;align-items:flex-start}details.menu-item summary .row{width:100%}.menu_item h1:first-of-type{margin-top:10vh!important}@media (min-width:768px){.menu-section hr{width:120%;left:-10%;top:4.25rem}.menu_item section{max-width:var(--maxWidth)}}/*!** Forms **!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.date_start,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!* margin-bottom: 0;*!*//*!*}*!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!* width: 49%;*!*//*!* display: inline-block;*!*//*!* margin-top: 1rem;*!*//*!*}*!*//*!* Style for disabled state *!*//*!** Shop Page **!*//*!** Bio Sections **!*//*!*!* Status notification *!*//*!*.status-notification {*!*//*!* position: fixed;*!*//*!* bottom: 20px;*!*//*!* left: 80px; !* Position to the right of the panel *!*!*//*!* width: 300px;*!*//*!* max-width: calc(100vw - 100px);*!*//*!* border-radius: 8px;*!*//*!* padding: 15px;*!*//*!* background: #323232;*!*//*!* color: white;*!*//*!* transform: translateY(20px);*!*//*!* opacity: 0;*!*//*!* transition: transform .3s, opacity .3s;*!*//*!* z-index: 10000;*!*//*!* box-shadow: 0 4px 20px rgba(0, 0, 0, .2);*!*//*!* pointer-events: none;*!*//*!*}*!*//*!*.status-notification.active {*!*//*!* transform: translateY(0);*!*//*!* opacity: 1;*!*//*!* pointer-events: auto;*!*//*!*}*!*//*!*.status-notification .title {*!*//*!* font-weight: 600;*!*//*!* margin-bottom: 5px;*!*//*!* font-size: 15px;*!*//*!*}*!*//*!*.status-notification .message {*!*//*!* margin-bottom: 10px;*!*//*!* font-size: 14px;*!*//*!*}*!*//*!*.status-notification .actions {*!*//*!* display: flex;*!*//*!* justify-content: flex-end;*!*//*!*}*!*//*!*.status-notification .actions button {*!*//*!* padding: 6px 12px;*!*//*!* background: rgba(255, 255, 255, .2);*!*//*!* border: none;*!*//*!* border-radius: 4px;*!*//*!* color: white;*!*//*!* cursor: pointer;*!*//*!* font-size: 13px;*!*//*!* transition: background .2s;*!*//*!*}*!*//*!*.status-notification .actions button:hover {*!*//*!* background: rgba(255, 255, 255, .3);*!*//*!*}*!*//*!* Progress containers in notifications *!*//*!* Collapsed state - just show the toggle button *!*//*!***//*!***//*!*.new-term-toggle:disabled + .loader,*!*//*!*.loading .loader {*!*//*!* width: 50px;*!*//*!* aspect-ratio: 1;*!*//*!* display: grid;*!*//*!* border: 4px solid #0000;*!*//*!* border-radius: 50%;*!*//*!* border-right-color: var(--action-0);*!*//*!* animation: l15 1s infinite linear;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::before,*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::before,*!*//*!*.loading .loader::after {*!*//*!* content: "";*!*//*!* grid-area: 1/1;*!*//*!* margin: 2px;*!*//*!* border: inherit;*!*//*!* border-radius: 50%;*!*//*!* animation: l15 2s infinite;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::after {*!*//*!* margin: 8px;*!*//*!* animation-duration: 3s;*!*//*!*}*!*//*!*@keyframes l15{*!*//*!* 100%{transform: rotate(1turn)}*!*//*!*}*!*//*!* High contrast mode support *!*//*!** TODO: Verify **!*/input[type=date],input[type=datetime-local],input[type=time]{padding:.5rem;border:1px solid var(--contrast-200);border-radius:4px;font-size:14px;min-width:180px;background:var(--base);color:var(--contrast);cursor:pointer;transition:border-color .2s ease}.date-wrapper input[type=date]:focus,.datetime-wrapper input[type=datetime-local]:focus,.field-input-wrapper input[type=date]:focus,.field-input-wrapper input[type=datetime-local]:focus,.field-input-wrapper input[type=time]:focus,.time-wrapper input[type=time]:focus{border-color:var(--action-0);box-shadow:0 0 0 2px rgba(var(--action-rgb),.1)}.date-wrapper svg,.datetime-wrapper svg,.field-input-wrapper svg,.time-wrapper svg{width:18px;height:18px;color:var(--contrast);opacity:.7}/*!* Required field asterisk *!*//*!* Invalid field styling *!*//*!* Frontend Display *!*//*!* Set and Checkbox Field Display *!*//*!* Radio and Select Field Display *!*//*!* True/False Field Display *!*//*!* Group Field Styling *!*//*!* Responsive Design *!*/legend{padding:0 1rem}.abs{position:absolute}.top{top:0;right:0;left:0}.top-right{top:0;right:0}.top-left{top:0;left:0}.btm{bottom:0;left:0;right:0}.btm-right{bottom:0;right:0}.btm-left{bottom:0;left:0}.edges{top:0;right:0;left:0;bottom:0}.referral-widget{background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px;margin:20px 0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.referral-header{text-align:center;margin-bottom:20px}.referral-header h3{margin:0 0 8px 0;color:#2271b1}.referral-header p{margin:0;color:#666;font-size:14px}.referral-link-section{margin-bottom:20px}.referral-link-section label{display:block;font-weight:600;margin-bottom:8px;color:#333}.link-copy-wrapper{display:flex;gap:8px}.link-copy-wrapper input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:13px;background:#f9f9f9}.copy-link-btn{padding:10px 20px;background:#2271b1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .2s}.copy-link-btn:hover{background:#135e96}.referral-code-display{margin:8px 0 0 0;font-size:13px;color:#666}.referral-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:6px}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#2271b1}.stat-label{display:block;font-size:12px;color:#666;margin-top:4px}.share-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;font-size:14px;font-weight:500;transition:all .2s}.share-btn:hover{background:#f5f5f5;border-color:#999}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#333}.input-button-wrapper{display:flex;gap:8px}.input-button-wrapper input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:4px;font-size:16px;font-family:monospace;font-weight:600;text-transform:uppercase;transition:border-color .2s}.input-button-wrapper input:focus{outline:0;border-color:#2271b1}.validate-btn{padding:12px 24px;background:#2271b1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .2s}.validate-btn:hover{background:#135e96}.validate-btn:disabled{background:#ccc;cursor:not-allowed}.helper-text{margin:8px 0 0 0;font-size:13px;color:#666}.helper-text a{color:#2271b1;text-decoration:none}.helper-text a:hover{text-decoration:underline}.message{padding:12px 16px;border-radius:4px;margin-top:16px;font-size:14px}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.referral-success-state{text-align:center}.success-icon{width:80px;height:80px;margin:0 auto 20px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px}.success-content h3{color:#28a745;margin:0 0 12px 0}.reward-highlight{background:#e7f5ff;padding:20px;border-radius:6px;margin:20px 0;border-left:4px solid #2271b1}.reward-highlight strong{color:#2271b1;font-size:18px}.cta-button{display:inline-block;padding:14px 32px;background:#2271b1;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;margin-top:16px;transition:background .2s}.cta-button:hover{background:#135e96}.referred-by{margin-top:16px;padding-top:16px;border-top:1px solid #ddd;font-size:13px;color:#666}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #2271b1;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:600px){.input-button-wrapper{flex-direction:column}.validate-btn{width:100%}.link-copy-wrapper{flex-direction:column}.copy-link-btn{width:100%}}
\ No newline at end of file
--
Gitblit v1.10.0