/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
monospace;
--color-yellow-100: oklch(97.3% 0.071 103.193);
--color-sky-100: oklch(95.1% 0.026 236.824);
--color-sky-200: oklch(90.1% 0.058 230.902);
--color-sky-300: oklch(82.8% 0.111 230.318);
--spacing: 0.25rem;
--font-weight-medium: 500;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-4xl: 2rem;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--font-spectral: Spectral, serif;
--font-patua: "Patua One", cursive;
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
display: none !important;
}
}
@layer utilities {
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.container {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
@media (width >= 96rem) {
max-width: 96rem;
}
}
.m-2 {
margin: calc(var(--spacing) * 2);
}
.mx-auto {
margin-inline: auto;
}
.my-auto {
margin-block: auto;
}
.mt-auto {
margin-top: auto;
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-auto {
margin-right: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
.block {
display: block;
}
.flex {
display: flex;
}
.h-\[92vh\] {
height: 92vh;
}
.h-auto {
height: auto;
}
.h-screen {
height: 100vh;
}
.max-h-\[80\%\] {
max-height: 80%;
}
.max-w-full {
max-width: 100%;
}
.flex-1 {
flex: 1;
}
.flex-3 {
flex: 3;
}
.flex-5 {
flex: 5;
}
.flex-none {
flex: none;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.list-inside {
list-style-position: inside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.flex-col {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-items-center {
justify-items: center;
}
.gap-0 {
gap: calc(var(--spacing) * 0);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.justify-self-center {
justify-self: center;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded-4xl {
border-radius: var(--radius-4xl);
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.border-t-4 {
border-top-style: var(--tw-border-style);
border-top-width: 4px;
}
.border-r-1 {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-dotted {
--tw-border-style: dotted;
border-style: dotted;
}
.bg-repeat {
background-repeat: repeat;
}
.object-cover {
object-fit: cover;
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.font-patua {
font-family: var(--font-patua);
}
.font-spectral {
font-family: var(--font-spectral);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.italic {
font-style: italic;
}
.underline {
text-decoration-line: underline;
}
.opacity-70 {
opacity: 70%;
}
.opacity-100 {
opacity: 100%;
}
.shadow-2xl {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
}
[data-theme="olive"] {
--main-dark-color: #4b513a;
--main-medium-color: #8a9d8a;
--main-light-color: #a5b8a5;
--background-dark-color: #ffffdd;
--background-light-color: #fffff0;
--sidebar-text-color: var(--background-dark-color);
--sidebar-stroke-color: var(--main-dark-color);
--secondary-color: var(--main-light-color);
--interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg');
--interlocked-hexagons-background-repeat: repeat;
--interlocked-hexagons-background-size: 10vh;
--squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg');
--squares-and-triangles-background-repeat: repeat;
}
[data-theme="lettuce"] {
--main-dark-color: #384a0c;
--main-medium-color: #9bb665;
--main-light-color: #bbd095;
--background-dark-color: #f5eee2;
--background-light-color: #fff9ef;
--sidebar-text-color: var(--main-dark-color);
--sidebar-stroke-color: var(--background-dark-color);
--secondary-color: var(--main-medium-color);
--interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg');
--interlocked-hexagons-background-repeat: repeat;
--interlocked-hexagons-background-size: 10vh;
--squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg');
--squares-and-triangles-background-repeat: repeat;
}
[data-theme="night"] {
--main-dark-color: var(--color-sky-100);
--main-medium-color: var(--color-sky-200);
--main-light-color: var(--color-sky-300);
--background-dark-color: #13131b;
--background-light-color: #222230;
--sidebar-text-color: var(--main-dark-color);
--sidebar-stroke-color: var(--background-light-color);
--secondary-color: var(--main-light-color);
--interlocked-hexagons-background: radial-gradient(33.5% 25% at 100% 82%, rgba(190, 227, 248, 0.2) 0%, rgba(197, 179, 246, 0.13) 33.33%, rgba(255, 0, 0, 0) 100%), radial-gradient(54% 25% at 55% 100%, rgba(190, 227, 248, 0.2) 0%, rgba(197, 179, 246, 0.13) 33.33%, rgba(255, 0, 0, 0) 100%), radial-gradient(37% 19.5% at 20% 100%, rgba(176, 220, 248, 0.3) 0%, rgba(197, 172, 247, 0.2) 33.33%, rgba(255, 0, 0, 0) 100%), radial-gradient(63% 34.5% at 66% 77%, rgba(190, 227, 248, 0.15) 0%, rgba(197, 179, 246, 0.1) 33.33%, rgba(255, 0, 0, 0) 100%), linear-gradient(0deg, #2f5883 0%, #2f4e7a 4.75%, #2e4472 9.5%, #2a3065 19%, #272e57 26.5%, #242b4b 34%, #1f2437 49%, #1c2030 57.75%, #1a1b29 66.5%, #13131b 84%);
--interlocked-hexagons-background-repeat: no-repeat;
--interlocked-hexagons-background-size: 100vw 100vh;
--squares-and-triangles-background: url("data:image/svg+xml,");
--squares-and-triangles-background-repeat: repeat;
}
.bg-interlocked-hexagons {
background-image: var(--interlocked-hexagons-background);
background-repeat: var(--interlocked-hexagons-background-repeat);
background-size: var(--interlocked-hexagons-background-size);
}
.bg-squares-and-triangles {
background-image: var(--squares-and-triangles-background);
background-repeat: var(--squares-and-triangles-background-repeat);
}
.text-sidebar {
color: var(--sidebar-text-color);
}
.stroke-sidebar {
border-color: var(--sidebar-stroke-color);
}
.text-main-dark {
color: var(--main-dark-color);
}
.text-main-medium {
color: var(--main-medium-color);
}
.text-background-dark {
color: var(--background-dark-color);
}
.text-secondary {
color: var(--secondary-color);
}
.bg-main-dark {
background-color: var(--main-dark-color);
}
.bg-background-dark {
background-color: var(--background-dark-color);
}
.bg-background-light {
background-color: var(--background-light-color);
}
.border-main-dark {
border-color: var(--main-dark-color);
}
.border-main-medium {
border-color: var(--main-medium-color);
}
.desktop-sidebar-custom {
width: 5vw;
background-size: 10vw;
}
body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
display: none !important;
}
.mobile-topbar-custom {
width: 90vw;
height: 8%;
background-size: 16vh;
margin-left: 5vw;
}
body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
display: none !important;
}
.logo-custom {
width: 3.5vw;
height: 20vw;
font-size: 2.5vw;
-webkit-text-stroke: 0.1vw var(--sidebar-stroke-color);
writing-mode: sideways-lr;
text-orientation: mixed;
display: block;
}
.nav-icon-custom {
font-size: 3vw !important;
-webkit-text-stroke: 0.1vw var(--sidebar-stroke-color);
width: 5vw;
height: 5vw;
align-content: center;
text-align: center;
}
.nav-icon-custom:hover {
font-size: 4vw;
}
.content-square {
width: 100vh;
}
.border-left-custom {
width: 0.5vw;
border-right: 0.3vh dashed var(--main-dark-color);
}
.border-right-custom {
width: 0.5vw;
border-left: 0.5vh dotted var(--main-dark-color);
}
.inset-shadow {
box-shadow: inset 0vh 1vh 1vh -1vh rgba(75, 81, 58, 0.5), inset 1vh 0vh 1vh -1vh rgba(75, 81, 58, 0.5), inset -1vh 0vh 1vh -1vh rgba(75, 81, 58, 0.5), inset 0vh -0.5vh rgba(75, 81, 58, 0.5);
}
.desktop {
display: flex;
}
.mobile {
display: none;
}
.lh-0-9 {
line-height: 0.9;
}
.lh-2 {
line-height: 2;
}
.ls-vmin0-04 {
letter-spacing: 0.04vmin;
}
.timl-vmax2 {
text-indent: 2vmax hanging;
}
.text-vmax0-8 {
font-size: 0.8vmax;
}
.text-vmax1 {
font-size: 1vmax !important;
}
.text-vmax1-2 {
font-size: 1.2vmax;
}
.text-vmax1-5 {
font-size: 1.5vmax !important;
}
.text-vmax2 {
font-size: 2vmax;
}
.text-vmax2-5 {
font-size: 2.5vmax;
}
.w-vw90 {
width: 90vw;
}
.w-p60 {
width: 60%;
}
.w-p80 {
width: 80%;
}
.w-p100 {
width: 100%;
}
.w-vmax4 {
width: 4vmax;
}
.h-vh40 {
height: 40vh;
}
.h-vh90 {
height: 90vh;
}
.h-vmax4 {
height: 4vmax;
}
.mt-vmin0-8 {
margin-top: 0.8vmin;
}
.mt-vmin1-6 {
margin-top: 1.6vmin;
}
.mx-vmin1-6 {
margin-left: 1.6vmin;
margin-right: 1.6vmin;
}
.mb-vmin0-4 {
margin-bottom: 0.4vmin;
}
.mb-vmin0-6 {
margin-bottom: 0.8vmin;
}
.mb-vmin0-8 {
margin-bottom: 0.8vmin;
}
.mb-vmin1-2 {
margin-bottom: 1.2vmin;
}
.mb-vmin1-6 {
margin-bottom: 1.6vmin;
}
.pl-vmin0-8 {
padding-left: 0.8vmin;
}
.pl-vmax2 {
padding-left: 2vmax;
}
.pr-vmin1-2 {
padding-right: 1.2vmin;
}
.p-vmin0-8 {
padding: 0.8vmin;
}
.p-vmin2-4 {
padding: 2.4vmin;
}
.space-y-vmin0-8 {
column-gap: 0.8vmin;
}
.lg-backdrop {
background-color: var(--background-light-color);
opacity: 0.8 !important;
}
.lg-container:not([class~="lg-inline"]) .lg-outer {
width: 80%;
height: 80%;
margin: 10%;
}
.lg-thumb-outer {
background-color: var(--background-light-color) !important;
opacity: 0.8 !important;
}
.lg-prev {
background-color: var(--background-light-color);
color: var(--main-dark-color);
}
.lg-next {
background-color: var(--background-light-color);
color: var(--main-dark-color);
}
.lg-counter {
color: var(--main-dark-color);
font-family: 'Spectral';
font-size: 1vmax;
padding-top: 0;
height: 1vmax;
}
.lg-container:not([class~="lg-inline"]) .lg-counter {
font-size: 2vmax;
height: 2vmax;
}
.lg-content {
top: 3vmax !important;
}
.lg-container:not([class~="lg-inline"]) .lg-content {
top: 4vmax !important;
}
.lg-toolbar .lg-icon {
padding: 0 0.7vmax;
font-size: 1.5vmax !important;
height: 1.5vmax;
width: auto;
color: var(--main-dark-color);
}
.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
font-size: 3vmax !important;
height: 3vmax;
}
.lg-toolbar .lg-icon:hover {
color: var(--main-medium-color);
}
.lg-toolbar .lg-icon {
font-size: 1.5vmax !important;
color: var(--main-dark-color);
}
.lg-content .lg-icon:hover {
color: var(--main-medium-color);
}
.lg-sub-html {
padding: 0.7vmin 1.25vmin !important;
}
.inline-gallery-container {
width: 80%;
height: 60vmin;
}
.light-gallery-captions {
p {
transform: translate3d(0, 0, 0px);
transition-delay: 500ms;
opacity: 1;
}
}
.lg-slide-progress {
.light-gallery-captions {
h4 {
transform: translate3d(-60px, 0, 0px);
}
p {
transform: translate3d(60px, 0, 0px);
}
h4, p {
opacity: 0;
}
}
}
.lg-current {
&.lg-slide-progress {
.light-gallery-captions {
h4, p {
transition-delay: 0ms;
}
}
}
}
@media (max-aspect-ratio: 1.1/1) {
.desktop {
display: none;
}
.mobile {
display: flex;
}
.inline-gallery-container {
width: 100%;
}
.desktop-sidebar-custom {
width: 90%;
margin-left: 5vw;
height: 10vh;
background-size: 20vh;
}
.logo-custom {
display: none;
}
.nav-icon-custom {
font-size: 5vh !important;
-webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
width: 8vh;
height: 8vh;
align-content: center;
text-align: center;
}
.nav-icon-custom:hover {
font-size: 7vh;
}
.bg-pattern-body {
background-size: 10vh;
}
.border-left-custom {
width: 1%;
border-right: 0.3vw dashed var(--main-dark-color);
}
.border-right-custom {
width: 1.5%;
border-left: 0.5vw dotted var(--main-dark-color);
}
}
@media (max-aspect-ratio: 0.4/1) {
.desktop-sidebar-custom {
width: 100%;
margin-left: 0;
}
}
.star {
color: var(--color-yellow-100);
animation-name: blink;
animation-duration: 5s;
animation-iteration-count: infinite;
user-select: none;
-webkit-user-select: none;
}
@keyframes blink {
0% {
opacity: 1;
}
20% {
opacity: 0.2;
}
80% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
*, ::before, ::after, ::backdrop {
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-border-style: solid;
--tw-font-weight: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-duration: initial;
}
}
}