@xscriptor/xcomponents 0.1.0 → 0.1.2

package/dist/index.css

@@ -1,5 +1,5 @@
-/* src/components/forms/xcontactform/XContactForm.module.css */
-.wrapper {
+/* esbuild-css-modules-plugin-ns-css:src/components/forms/xcontactform/XContactForm.module.css */
+.XContactForm-module__wrapper_o7lHUG__012 {
   --input-padding: .65rem .9rem;
   --font-size: 16px;
   --form-gap: 1.25rem;
@@ -28,14 +28,14 @@
   --btn-hover-border-color: var(--btn-border-color);
   --status-ok-color: #1fa37a;
   --status-error-color: #d16a6a;
-  max-width: 900px;
-  margin: 0 auto;
-  padding: 2rem 1rem;
   background-color: var(--wrapper-bg-color);
   border: var(--wrapper-border-width) var(--wrapper-border-style) var(--wrapper-border-color);
   border-radius: var(--wrapper-radius);
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 2rem 1rem;
 }
-.small {
+.XContactForm-module__small_o7lHUG__012 {
   --input-padding: .35rem .55rem;
   --font-size: 13px;
   --form-gap: .75rem;
@@ -43,7 +43,7 @@
   --field-gap: .3rem;
   --button-min-width: 118px;
 }
-.medium {
+.XContactForm-module__medium_o7lHUG__012 {
   --input-padding: .5rem .7rem;
   --font-size: 15px;
   --form-gap: 1rem;
@@ -51,7 +51,7 @@
   --field-gap: .4rem;
   --button-min-width: 130px;
 }
-.large {
+.XContactForm-module__large_o7lHUG__012 {
   --input-padding: 1rem 1.2rem;
   --font-size: 18px;
   --form-gap: 1.5rem;
@@ -59,33 +59,33 @@
   --field-gap: .5rem;
   --button-min-width: 150px;
 }
-.form {
-  display: grid;
+.XContactForm-module__form_o7lHUG__012 {
   gap: var(--form-gap);
   max-width: 100%;
-}
-.row {
   display: grid;
+}
+.XContactForm-module__row_o7lHUG__012 {
   gap: var(--row-gap);
+  display: grid;
 }
-.grid .row {
+.XContactForm-module__grid_o7lHUG__012 .XContactForm-module__row_o7lHUG__012 {
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 }
-.vertical .row {
+.XContactForm-module__vertical_o7lHUG__012 .XContactForm-module__row_o7lHUG__012 {
   grid-template-columns: 1fr;
 }
-.field {
-  display: flex;
-  flex-direction: column;
+.XContactForm-module__field_o7lHUG__012 {
   gap: var(--field-gap);
+  flex-direction: column;
+  display: flex;
 }
-.field label {
+.XContactForm-module__field_o7lHUG__012 label {
   font-size: calc(var(--font-size) - 2px);
-  font-weight: 500;
   color: var(--label-color);
+  font-weight: 500;
 }
-.field input,
-.field textarea {
+.XContactForm-module__field_o7lHUG__012 input,
+.XContactForm-module__field_o7lHUG__012 textarea {
   width: 100%;
   padding: var(--input-padding);
   border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
@@ -94,16 +94,16 @@
   box-sizing: border-box;
   font-family: inherit;
 }
-.field input::placeholder,
-.field textarea::placeholder {
+.XContactForm-module__field_o7lHUG__012 input::placeholder,
+.XContactForm-module__field_o7lHUG__012 textarea::placeholder {
   color: #888;
 }
-.buttoncontainer {
-  display: flex;
+.XContactForm-module__buttoncontainer_o7lHUG__012 {
   justify-content: var(--btn-alignment);
-  margin-top: 0.25rem;
+  margin-top: .25rem;
+  display: flex;
 }
-.button {
+.XContactForm-module__button_o7lHUG__012 {
   padding: var(--input-padding);
   border-radius: var(--btn-radius);
   border: var(--btn-border-width) var(--btn-border-style) var(--btn-border-color);
@@ -111,960 +111,962 @@
   color: var(--btn-text-color);
   cursor: pointer;
   font-size: var(--font-size);
-  font-weight: 600;
   min-width: var(--button-min-width);
+  font-weight: 600;
   transition:
-    background-color 0.2s ease,
-    color 0.2s ease,
-    border-color 0.2s ease,
-    opacity 0.2s ease;
+    background-color .2s,
+    color .2s,
+    border-color .2s,
+    opacity .2s;
 }
-.button:hover {
+.XContactForm-module__button_o7lHUG__012:hover {
   background-color: var(--btn-hover-bg-color);
   color: var(--btn-hover-text-color);
   border-color: var(--btn-hover-border-color);
-  opacity: 0.95;
+  opacity: .95;
 }
-.status {
+.XContactForm-module__status_o7lHUG__012 {
   min-height: 1.5rem;
   font-size: calc(var(--font-size) - 2px);
-  margin-top: 0.25rem;
+  margin-top: .25rem;
 }
-.statusOk {
+.XContactForm-module__statusOk_o7lHUG__012 {
   color: var(--status-ok-color);
 }
-.statusError {
+.XContactForm-module__statusError_o7lHUG__012 {
   color: var(--status-error-color);
 }
-.honeypot {
+.XContactForm-module__honeypot_o7lHUG__012 {
   position: absolute;
-  left: -9999px;
   top: -9999px;
+  left: -9999px;
 }
-.withDecorativeX {
-  position: relative;
+.XContactForm-module__withDecorativeX_o7lHUG__012 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
+  position: relative;
 }
-.decorativeXTop,
-.decorativeXBottom {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  font-size: 0.5rem;
-  font-weight: 300;
+.XContactForm-module__decorativeXTop_o7lHUG__012,
+.XContactForm-module__decorativeXBottom_o7lHUG__012 {
   color: var(--decorative-x-color, currentColor);
   opacity: 1;
   pointer-events: none;
   background-color: var(--wrapper-bg-color, transparent);
-  padding: 0 0.3rem;
-  line-height: 1;
   z-index: 1;
+  padding: 0 .3rem;
+  font-size: .5rem;
+  font-weight: 300;
+  line-height: 1;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
-.decorativeXTop {
+.XContactForm-module__decorativeXTop_o7lHUG__012 {
   top: 0;
   transform: translate(-50%, -50%);
 }
-.decorativeXBottom {
+.XContactForm-module__decorativeXBottom_o7lHUG__012 {
   bottom: 0;
   transform: translate(-50%, 50%);
 }
 
-/* src/components/forms/xnewsletter/XNewsletter.module.css */
-.container {
+/* esbuild-css-modules-plugin-ns-css:src/components/forms/xnewsletter/XNewsletter.module.css */
+.XNewsletter-module__container_uZr2_a__012 {
   --nws-accent: var(--accent);
   --nws-text: var(--text);
   --nws-border: var(--border);
   --nws-btn-text: var(--accent-text);
   width: 100%;
-  font-family: "EB Garamond", serif;
+  font-family: EB Garamond, serif;
 }
-.form {
-  display: flex;
+.XNewsletter-module__form_uZr2_a__012 {
   gap: 1rem;
+  display: flex;
 }
-.horizontal {
+.XNewsletter-module__horizontal_uZr2_a__012 {
   flex-direction: column;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 }
-@media (min-width: 768px) {
-  .horizontal {
+@media (width >= 768px) {
+  .XNewsletter-module__horizontal_uZr2_a__012 {
     flex-direction: row;
   }
 }
-.vertical {
+.XNewsletter-module__vertical_uZr2_a__012 {
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
   max-width: 24rem;
   margin: 0 auto;
 }
-.title {
-  font-size: 0.875rem;
+.XNewsletter-module__title_uZr2_a__012 {
   white-space: nowrap;
-  font-weight: 500;
   color: var(--nws-text);
+  font-size: .875rem;
+  font-weight: 500;
 }
-.input {
-  width: 100%;
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-  border-radius: 0.5rem;
+.XNewsletter-module__input_uZr2_a__012 {
   border: 1px solid var(--nws-border);
-  background-color: transparent;
-  outline: none;
-  transition: border-color 0.2s ease;
+  width: 100%;
   color: var(--nws-text);
   caret-color: var(--nws-accent);
+  background-color: #0000;
+  border-radius: .5rem;
+  outline: none;
+  padding: .5rem 1rem;
   font-family: inherit;
+  font-size: .875rem;
+  transition: border-color .2s;
 }
-.horizontal .input {
-}
-@media (min-width: 768px) {
-  .horizontal .input {
+@media (width >= 768px) {
+  .XNewsletter-module__horizontal_uZr2_a__012 .XNewsletter-module__input_uZr2_a__012 {
     width: 16rem;
   }
 }
-.input:focus {
+.XNewsletter-module__input_uZr2_a__012:focus {
   border-color: var(--nws-accent);
 }
-.actions {
-  display: flex;
+.XNewsletter-module__actions_uZr2_a__012 {
   gap: 1rem;
+  display: flex;
 }
-.actionsHorizontal {
+.XNewsletter-module__actionsHorizontal_uZr2_a__012 {
   flex-direction: row;
   align-items: center;
 }
-.actionsVertical {
+.XNewsletter-module__actionsVertical_uZr2_a__012 {
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
 }
-.checkboxLabel {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.75rem;
+.XNewsletter-module__checkboxLabel_uZr2_a__012 {
   white-space: nowrap;
   cursor: pointer;
   color: var(--nws-text);
+  align-items: center;
+  gap: .5rem;
+  font-size: .75rem;
+  display: flex;
 }
-.checkboxLabel span {
-  opacity: 0.7;
+.XNewsletter-module__checkboxLabel_uZr2_a__012 span {
+  opacity: .7;
 }
-.checkbox {
-  height: 0.875rem;
-  width: 0.875rem;
-  border-radius: 0.125rem;
+.XNewsletter-module__checkbox_uZr2_a__012 {
   cursor: pointer;
+  width: .875rem;
+  height: .875rem;
   accent-color: var(--nws-accent);
+  border-radius: .125rem;
 }
-.termsLink {
-  text-decoration: underline;
+.XNewsletter-module__termsLink_uZr2_a__012 {
   color: var(--nws-accent);
-  transition: opacity 0.2s ease;
+  text-decoration: underline;
+  transition: opacity .2s;
 }
-.termsLink:hover {
+.XNewsletter-module__termsLink_uZr2_a__012:hover {
   opacity: 1;
 }
-.button {
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-  border-radius: 0.5rem;
+.XNewsletter-module__button_uZr2_a__012 {
   border: 1px solid var(--nws-accent);
   color: var(--nws-accent);
-  background-color: transparent;
-  transition: all 0.2s ease;
   white-space: nowrap;
   cursor: pointer;
+  background-color: #0000;
+  border-radius: .5rem;
+  padding: .5rem 1rem;
+  font-size: .875rem;
+  transition: all .2s;
 }
-.button:hover:not(:disabled) {
+.XNewsletter-module__button_uZr2_a__012:hover:not(:disabled) {
   background-color: var(--nws-accent);
   color: var(--nws-btn-text);
 }
-.button:disabled,
-.input:disabled,
-.checkbox:disabled {
-  opacity: 0.5;
+.XNewsletter-module__button_uZr2_a__012:disabled,
+.XNewsletter-module__input_uZr2_a__012:disabled,
+.XNewsletter-module__checkbox_uZr2_a__012:disabled {
+  opacity: .5;
   cursor: not-allowed;
 }
-.actionsVertical .button {
+.XNewsletter-module__actionsVertical_uZr2_a__012 .XNewsletter-module__button_uZr2_a__012 {
   width: 100%;
 }
-.message {
-  margin-top: 0.75rem;
-  font-size: 0.75rem;
+.XNewsletter-module__message_uZr2_a__012 {
   color: var(--nws-accent);
+  margin-top: .75rem;
+  font-size: .75rem;
 }
-.messageHorizontal {
+.XNewsletter-module__messageHorizontal_uZr2_a__012 {
   text-align: center;
 }
-.messageVertical {
+.XNewsletter-module__messageVertical_uZr2_a__012 {
   text-align: left;
 }
 
-/* src/components/navigation/xnavbar/XNavbar.module.css */
-.header {
+/* esbuild-css-modules-plugin-ns-css:src/components/navigation/xnavbar/XNavbar.module.css */
+.XNavbar-module__header_wx7KiW__012 {
+  background: var(--bg);
   height: 100%;
-  display: flex;
-  align-items: center;
+  color: var(--text);
+  z-index: 60;
   justify-content: space-between;
+  align-items: center;
   padding: 2rem 3rem;
-  background: var(--bg);
-  color: var(--text);
   font-size: 1.25rem;
-  z-index: 60;
+  display: flex;
 }
-@media (min-width: 640px) {
-  .header {
+@media (width >= 640px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 2rem;
   }
 }
-@media (min-width: 768px) {
-  .header {
+@media (width >= 768px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 3rem;
   }
 }
-@media (min-width: 1024px) {
-  .header {
+@media (width >= 1024px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 5rem;
   }
 }
-@media (min-width: 1280px) {
-  .header {
+@media (width >= 1280px) {
+  .XNavbar-module__header_wx7KiW__012 {
     padding-inline: 12rem;
   }
 }
-.desktopNav {
-  display: none;
+.XNavbar-module__desktopNav_wx7KiW__012 {
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
   align-items: center;
   width: 100%;
-  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
-  padding-bottom: 0.5rem;
+  padding-bottom: .5rem;
+  display: none;
 }
-@media (min-width: 768px) {
-  .desktopNav {
+@media (width >= 768px) {
+  .XNavbar-module__desktopNav_wx7KiW__012 {
     display: grid;
   }
 }
-.desktopLinksLeft,
-.desktopLinksRight {
-  display: flex;
+.XNavbar-module__desktopLinksLeft_wx7KiW__012,
+.XNavbar-module__desktopLinksRight_wx7KiW__012 {
   align-items: center;
   gap: 1.5rem;
   min-width: 0;
+  display: flex;
 }
-.desktopLinksLeft {
+.XNavbar-module__desktopLinksLeft_wx7KiW__012 {
   justify-content: flex-end;
 }
-.desktopLinksRight {
+.XNavbar-module__desktopLinksRight_wx7KiW__012 {
   justify-content: flex-start;
 }
-.logoSlot {
-  display: flex;
+.XNavbar-module__logoSlot_wx7KiW__012 {
   justify-content: center;
   align-items: center;
+  display: flex;
 }
-.logoWrapper {
-  position: relative;
+.XNavbar-module__logoWrapper_wx7KiW__012 {
+  align-items: center;
   margin-inline: 1rem;
   display: flex;
-  align-items: center;
+  position: relative;
 }
-.logoBtn {
-  font-weight: 700;
-  font-size: 1.5rem;
-  line-height: 1;
+.XNavbar-module__logoBtn_wx7KiW__012 {
   user-select: none;
-  background: none;
-  border: none;
   cursor: pointer;
   color: var(--text);
+  background: none;
+  border: none;
   padding: 0;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
 }
-.iconTray {
+.XNavbar-module__iconTray_wx7KiW__012 {
+  pointer-events: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  pointer-events: none;
 }
-.iconTrayRight {
+.XNavbar-module__iconTrayRight_wx7KiW__012 {
+  padding-left: .75rem;
   left: 100%;
-  padding-left: 0.75rem;
 }
-.iconTrayLeft {
+.XNavbar-module__iconTrayLeft_wx7KiW__012 {
+  padding-right: .75rem;
   right: 100%;
-  padding-right: 0.75rem;
 }
-.navLink {
-  padding: 0.25rem;
-  border-bottom: 2px solid transparent;
-  transition:
-    border-color 0.2s,
-    opacity 0.2s,
-    color 0.2s;
+.XNavbar-module__navLink_wx7KiW__012 {
   color: var(--xnav-link-color, var(--text));
-  text-decoration: none;
   white-space: nowrap;
+  border-bottom: 2px solid #0000;
+  padding: .25rem;
+  text-decoration: none;
+  transition:
+    border-color .2s,
+    opacity .2s,
+    color .2s;
 }
-.navLink:hover {
+.XNavbar-module__navLink_wx7KiW__012:hover {
   color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));
-  opacity: var(--xnav-link-hover-opacity, 0.7);
+  opacity: var(--xnav-link-hover-opacity, .7);
 }
-.navLinkActive {
+.XNavbar-module__navLinkActive_wx7KiW__012 {
   border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));
   font-weight: 600;
 }
-.navLinkExternal::after {
+.XNavbar-module__navLinkExternal_wx7KiW__012:after {
   content: " \2197";
-  font-size: 0.7em;
-  opacity: 0.6;
+  opacity: .6;
+  font-size: .7em;
 }
-.mobileToggle {
-  display: flex;
-  align-items: center;
+.XNavbar-module__mobileToggle_wx7KiW__012 {
   justify-content: center;
+  align-items: center;
+  display: flex;
 }
-@media (min-width: 768px) {
-  .mobileToggle {
+@media (width >= 768px) {
+  .XNavbar-module__mobileToggle_wx7KiW__012 {
     display: none;
   }
 }
-.hamburgerBtn {
+.XNavbar-module__hamburgerBtn_wx7KiW__012 {
+  cursor: pointer;
+  z-index: 80;
+  background: none;
+  border: none;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
   width: 2.5rem;
   height: 2rem;
+  padding: 0;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  background: none;
-  border: none;
-  cursor: pointer;
   position: relative;
-  z-index: 80;
-  padding: 0;
 }
-.bar {
+.XNavbar-module__bar_wx7KiW__012 {
   width: var(--xnav-bar-w, 2rem);
   height: var(--xnav-bar-h, 3px);
   background: var(--xnav-bar-color, var(--text));
   border-radius: 2px;
 }
-.mobileOverlay {
-  position: fixed;
-  inset: 0;
+.XNavbar-module__mobileOverlay_wx7KiW__012 {
+  background: var(--bg);
   width: 100vw;
   height: 100svh;
-  background: var(--bg);
   color: var(--text);
-  display: flex;
+  z-index: 9999;
   flex-direction: column;
-  align-items: center;
   justify-content: center;
+  align-items: center;
   gap: 2rem;
   font-size: 2.5rem;
-  z-index: 9999;
-}
-.mobileCloseBtn {
+  display: flex;
   position: fixed;
-  top: 2rem;
-  left: 1rem;
+  inset: 0;
+}
+.XNavbar-module__mobileCloseBtn_wx7KiW__012 {
+  cursor: pointer;
   width: 2.5rem;
   height: 2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: none;
-  border: none;
-  cursor: pointer;
   color: var(--xnav-bar-color, var(--text));
   z-index: 10000;
   -webkit-tap-highlight-color: transparent;
+  background: none;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: fixed;
+  top: 2rem;
+  left: 1rem;
 }
-.closeBar {
-  display: block;
-  position: absolute;
+.XNavbar-module__closeBar_wx7KiW__012 {
+  background: currentColor;
+  border-radius: 2px;
   width: 2rem;
   height: 3px;
-  border-radius: 2px;
-  background: currentColor;
+  display: block;
+  position: absolute;
 }
-.mobileLogo {
-  font-weight: 700;
-  font-size: 3rem;
+.XNavbar-module__mobileLogo_wx7KiW__012 {
   user-select: none;
   pointer-events: none;
+  font-size: 3rem;
+  font-weight: 700;
 }
-.mobileNavLink {
-  font-size: 2.5rem;
+.XNavbar-module__mobileNavLink_wx7KiW__012 {
   color: var(--xnav-link-color, var(--text));
+  border-bottom: 2px solid #0000;
+  padding: .25rem;
+  font-size: 2.5rem;
   text-decoration: none;
-  border-bottom: 2px solid transparent;
   transition:
-    border-color 0.2s,
-    color 0.2s,
-    opacity 0.2s;
-  padding: 0.25rem;
+    border-color .2s,
+    color .2s,
+    opacity .2s;
 }
-.mobileNavLink:hover {
+.XNavbar-module__mobileNavLink_wx7KiW__012:hover {
   color: var(--xnav-link-hover, var(--xnav-link-color, var(--text)));
-  opacity: var(--xnav-link-hover-opacity, 0.7);
+  opacity: var(--xnav-link-hover-opacity, .7);
 }
-.mobileNavLinkActive {
-  font-weight: 600;
+.XNavbar-module__mobileNavLinkActive_wx7KiW__012 {
   border-bottom-color: var(--xnav-link-active, var(--xnav-link-color, var(--text)));
+  font-weight: 600;
 }
-.themeToggleMobile {
-  margin-top: 1rem;
-  font-size: 1rem;
-  padding: 0.5rem 1rem;
+.XNavbar-module__themeToggleMobile_wx7KiW__012 {
   border: 1px solid var(--border);
-  border-radius: 0.375rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  background: none;
   color: var(--text);
   cursor: pointer;
-  transition: opacity 0.2s;
+  background: none;
+  border-radius: .375rem;
+  align-items: center;
+  gap: .5rem;
+  margin-top: 1rem;
+  padding: .5rem 1rem;
+  font-size: 1rem;
+  transition: opacity .2s;
+  display: flex;
 }
-.themeToggleMobile:hover {
-  opacity: 0.7;
+.XNavbar-module__themeToggleMobile_wx7KiW__012:hover {
+  opacity: .7;
 }
 
-/* src/components/layout/xfooter/XFooter.module.css */
-.XFooter {
-  width: 100%;
+/* esbuild-css-modules-plugin-ns-css:src/components/layout/xfooter/XFooter.module.css */
+.XFooter-module__XFooter_v8t72G__012 {
   background-color: var(--xf-bg, transparent);
+  width: 100%;
   color: var(--xf-text, #333);
-  padding: var(--xf-py, 0.9rem) 0.6rem;
+  padding: var(--xf-py, .9rem) .6rem;
 }
-.container {
+.XFooter-module__container_v8t72G__012 {
+  flex-direction: column;
+  align-items: center;
+  gap: .6rem;
   max-width: 1280px;
   margin: 0 auto;
   display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.6rem;
 }
-.nav {
-  display: grid;
-  gap: 0.5rem 1.5rem;
+.XFooter-module__nav_v8t72G__012 {
   grid-template-columns: repeat(var(--xf-cols, 1), minmax(0, auto));
-  justify-content: center;
   text-align: center;
+  justify-content: center;
+  gap: .5rem 1.5rem;
   width: 100%;
+  display: grid;
 }
-.navVertical {
-  display: flex;
+.XFooter-module__navVertical_v8t72G__012 {
   flex-direction: column;
   align-items: center;
-  gap: 0.75rem;
+  gap: .75rem;
+  display: flex;
 }
-.link {
+.XFooter-module__link_v8t72G__012 {
   color: var(--xf-accent, inherit);
-  text-decoration: none;
-  font-size: 0.9rem;
-  transition: opacity 0.2s;
   white-space: nowrap;
+  font-size: .9rem;
+  text-decoration: none;
+  transition: opacity .2s;
 }
-.link:hover {
-  opacity: 0.7;
+.XFooter-module__link_v8t72G__012:hover {
+  opacity: .7;
 }
-.copyright {
-  font-size: 0.75rem;
-  opacity: 0.6;
-  width: 100%;
+.XFooter-module__copyright_v8t72G__012 {
+  opacity: .6;
   text-align: center;
+  width: 100%;
+  font-size: .75rem;
 }
 
-/* src/components/layout/xseparator/XSeparator.module.css */
-.separatorContainer {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
+/* esbuild-css-modules-plugin-ns-css:src/components/layout/xseparator/XSeparator.module.css */
+.XSeparator-module__separatorContainer_btqQTG__012 {
   --x-color: var(--separator-color);
   --x-bg: white;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  display: flex;
+  position: relative;
 }
-.iconWrapper {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
+.XSeparator-module__iconWrapper_btqQTG__012 {
   background-color: var(--x-bg);
-  padding: 0 10px;
   color: var(--x-color);
+  user-select: none;
+  padding: 0 10px;
   font-family: system-ui, sans-serif;
-  font-weight: bold;
   font-size: 1.2rem;
+  font-weight: bold;
   line-height: 1;
-  user-select: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
-.separator {
+.XSeparator-module__separator_btqQTG__012 {
   --separator-color: #e2e8f0;
   --separator-thickness: 1px;
   --separator-margin: 1rem;
-  border: 0;
   background-color: var(--separator-color);
+  border: 0;
 }
-.dashed {
-  background-color: transparent !important;
+.XSeparator-module__dashed_btqQTG__012 {
   border-bottom: var(--separator-thickness) dashed var(--separator-color);
+  background-color: #0000 !important;
 }
-.dotted {
-  background-color: transparent !important;
+.XSeparator-module__dotted_btqQTG__012 {
   border-bottom: var(--separator-thickness) dotted var(--separator-color);
+  background-color: #0000 !important;
 }
-.faded {
+.XSeparator-module__faded_btqQTG__012 {
+  -webkit-mask-image:
+    linear-gradient(
+      to right,
+      #0000,
+      #000 20% 80%,
+      #0000);
   mask-image:
     linear-gradient(
       to right,
-      transparent,
-      black 20%,
-      black 80%,
-      transparent);
+      #0000,
+      #000 20% 80%,
+      #0000);
 }
-.vertical.faded {
+.XSeparator-module__vertical_btqQTG__012.XSeparator-module__faded_btqQTG__012 {
+  -webkit-mask-image:
+    linear-gradient(
+      #0000,
+      #000 20% 80%,
+      #0000);
   mask-image:
     linear-gradient(
-      to bottom,
-      transparent,
-      black 20%,
-      black 80%,
-      transparent);
+      #0000,
+      #000 20% 80%,
+      #0000);
 }
-.horizontal {
+.XSeparator-module__horizontal_btqQTG__012 {
   width: 100%;
   height: var(--separator-thickness);
   margin: var(--separator-margin) 0;
 }
-.vertical {
+.XSeparator-module__vertical_btqQTG__012 {
   width: var(--separator-thickness);
   height: 100%;
-  display: inline-block;
   margin: 0 var(--separator-margin);
   vertical-align: middle;
+  display: inline-block;
 }
 
-/* src/components/layout/xzigzaglayout/XZigZagLayout.module.css */
-.layout {
+/* esbuild-css-modules-plugin-ns-css:src/components/layout/xzigzaglayout/XZigZagLayout.module.css */
+.XZigZagLayout-module__layout_Jgc4GG__012 {
+  gap: var(--x-zigzag-gap, .5rem);
+  flex-direction: column;
   width: min(100%, 72rem);
   margin: 0 auto;
+  padding-inline: clamp(.5rem, 2vw, 1rem);
   display: flex;
-  flex-direction: column;
-  gap: var(--x-zigzag-gap, 0.5rem);
-  padding-inline: clamp(0.5rem, 2vw, 1rem);
   position: relative;
 }
-.svgLine {
+.XZigZagLayout-module__svgLine_Jgc4GG__012 {
+  pointer-events: none;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
   position: absolute;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 0;
 }
-.item {
+.XZigZagLayout-module__item_Jgc4GG__012 {
+  grid-template-columns: repeat(12, minmax(0, 1fr));
   width: 100%;
   display: grid;
-  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
-.item > * {
+.XZigZagLayout-module__item_Jgc4GG__012 > * {
   width: 100%;
   text-align: inherit;
 }
-.contentWrapper {
+.XZigZagLayout-module__contentWrapper_Jgc4GG__012 {
   width: 100%;
 }
-.textLeft > * {
+.XZigZagLayout-module__textLeft_Jgc4GG__012 > * {
   text-align: left;
 }
-.textRight > * {
+.XZigZagLayout-module__textRight_Jgc4GG__012 > * {
   text-align: right;
 }
-.left > * {
+.XZigZagLayout-module__left_Jgc4GG__012 > * {
   grid-column: 2 / 8;
 }
-.right > * {
+.XZigZagLayout-module__right_Jgc4GG__012 > * {
   grid-column: 6 / 12;
 }
-@media (max-width: 768px) {
-  .left > * {
+@media (width <= 768px) {
+  .XZigZagLayout-module__left_Jgc4GG__012 > * {
     grid-column: 1 / 11;
   }
-  .right > * {
+  .XZigZagLayout-module__right_Jgc4GG__012 > * {
     grid-column: 3 / 13;
   }
 }
 
-/* src/components/content/xinteractivephrase/XInteractivePhrase.module.css */
-.container {
-  padding: 1rem 0;
+/* esbuild-css-modules-plugin-ns-css:src/components/content/xinteractivephrase/XInteractivePhrase.module.css */
+.XInteractivePhrase-module__container_fdhnVG__012 {
   color: var(--text, #000);
   width: 100%;
+  padding: 1rem 0;
 }
-.title {
-  margin: 0;
-  padding: 0;
+.XInteractivePhrase-module__title_fdhnVG__012 {
   line-height: 1.3;
   font-weight: inherit;
   text-align: inherit;
+  margin: 0;
+  padding: 0;
 }
-h1.title {
+h1.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
+  margin: 0;
+  padding: 0;
   font-size: clamp(2rem, 6vw, 2.2rem);
   font-weight: 800;
+}
+h2.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h2.title {
   font-size: clamp(1.675rem, 4vw, 1.8rem);
   font-weight: 700;
+}
+h3.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h3.title {
   font-size: clamp(1.4rem, 3vw, 1.95rem);
   font-weight: 700;
+}
+h4.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h4.title {
   font-size: clamp(1.25rem, 3vw, 2rem);
   font-weight: 600;
+}
+h5.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h5.title {
   font-size: clamp(1.125rem, 3vw, 1.5rem);
   font-weight: 600;
+}
+h6.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-h6.title {
   font-size: clamp(1rem, 2.5vw, 1.25rem);
   font-weight: 600;
+}
+p.XInteractivePhrase-module__title_fdhnVG__012 {
+  text-align: inherit;
   margin: 0;
   padding: 0;
-  text-align: inherit;
-}
-p.title {
   font-size: 1rem;
   font-weight: 400;
-  margin: 0;
-  padding: 0;
-  text-align: inherit;
 }
-.title strong {
-  font-weight: 900;
+.XInteractivePhrase-module__title_fdhnVG__012 strong {
   color: var(--accent, #0070f3);
+  font-weight: 900;
 }
-.title em {
-  font-style: italic;
+.XInteractivePhrase-module__title_fdhnVG__012 em {
   font-family: serif;
+  font-style: italic;
 }
-.underlineEffect {
-  position: relative;
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012 {
   cursor: pointer;
   color: var(--accent, #0070f3);
+  transition: color .3s;
   display: inline-block;
-  transition: color 0.3s ease;
+  position: relative;
 }
-.underlineEffect::after {
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012:after {
   content: "";
-  position: absolute;
-  bottom: -2px;
-  left: 0;
-  height: 0.15em;
-  width: 100%;
   background:
     repeating-linear-gradient(
       45deg,
-      transparent,
-      transparent 2px,
-      currentColor 2px,
-      currentColor 4px);
-  transition: opacity 0.3s ease;
+      #0000,
+      #0000 2px,
+      currentColor 2px 4px);
+  width: 100%;
+  height: .15em;
+  transition: opacity .3s;
+  position: absolute;
+  bottom: -2px;
+  left: 0;
 }
-.underlineEffect:hover::after {
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012:hover:after {
   opacity: 0;
 }
-.buttonEffect {
-  display: inline-block;
-  padding: 0.1em 0.6em;
-  border: 2px dashed currentColor;
-  border-radius: 9999px;
+.XInteractivePhrase-module__buttonEffect_fdhnVG__012 {
   cursor: pointer;
   color: var(--accent, #0070f3);
-  transition: all 0.3s ease;
+  border: 2px dashed;
+  border-radius: 9999px;
+  padding: .1em .6em;
+  transition: all .3s;
+  display: inline-block;
 }
-.buttonEffect:hover {
-  background: currentColor;
+.XInteractivePhrase-module__buttonEffect_fdhnVG__012:hover {
   color: var(--bg, #fff);
+  background: currentColor;
 }
-.blurEffect {
+.XInteractivePhrase-module__blurEffect_fdhnVG__012 {
+  transition: filter .7s cubic-bezier(.4, 0, .2, 1), opacity .7s;
   display: inline-block;
-  transition: filter 0.7s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s ease;
 }
-.isVisible {
-  filter: blur(0);
+.XInteractivePhrase-module__isVisible_fdhnVG__012 {
+  filter: blur();
   opacity: 1;
 }
-.isHidden {
+.XInteractivePhrase-module__isHidden_fdhnVG__012 {
   filter: blur(10px);
-  opacity: 0.3;
+  opacity: .3;
   user-select: none;
 }
-.lineBreak {
+.XInteractivePhrase-module__lineBreak_fdhnVG__012 {
+  height: .8rem;
   display: block;
-  height: 0.8rem;
 }
-.underlineEffect:focus-visible,
-.buttonEffect:focus-visible {
+.XInteractivePhrase-module__underlineEffect_fdhnVG__012:focus-visible,
+.XInteractivePhrase-module__buttonEffect_fdhnVG__012:focus-visible {
   outline: 2px solid var(--accent, #0070f3);
   outline-offset: 4px;
 }
 
-/* src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
-.container {
-  display: flex;
+/* esbuild-css-modules-plugin-ns-css:src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
+.XMicroGalleryText-module__container_22YC0W__012 {
   flex-direction: column;
+  align-items: center;
   gap: 2rem;
   width: 100%;
-  align-items: center;
   margin: 2rem 0;
+  display: flex;
 }
-@media (min-width: 1024px) {
-  .container {
+@media (width >= 1024px) {
+  .XMicroGalleryText-module__container_22YC0W__012 {
     flex-direction: row;
     align-items: center;
     gap: 4rem;
   }
-  .reverse {
+  .XMicroGalleryText-module__reverse_22YC0W__012 {
     flex-direction: row-reverse;
   }
 }
-.textContent {
-  flex: 1;
+.XMicroGalleryText-module__textContent_22YC0W__012 {
   opacity: 0;
-  transform: translateY(30px);
-  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
   color: var(--foreground);
+  flex: 1;
+  transition: opacity .8s ease-out, transform .8s ease-out;
+  transform: translateY(30px);
 }
-.textContent.visible {
+.XMicroGalleryText-module__textContent_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {
   opacity: 1;
   transform: translateY(0);
 }
-.textLeft {
+.XMicroGalleryText-module__textLeft_22YC0W__012 {
   text-align: left;
 }
-.textRight {
+.XMicroGalleryText-module__textRight_22YC0W__012 {
   text-align: right;
 }
-.textCenter {
+.XMicroGalleryText-module__textCenter_22YC0W__012 {
   text-align: center;
 }
-.textContent p,
-.textContent div,
-.textContent span,
-.textContent em,
-.textContent strong,
-.textContent a {
+.XMicroGalleryText-module__textContent_22YC0W__012 p,
+.XMicroGalleryText-module__textContent_22YC0W__012 div,
+.XMicroGalleryText-module__textContent_22YC0W__012 span,
+.XMicroGalleryText-module__textContent_22YC0W__012 em,
+.XMicroGalleryText-module__textContent_22YC0W__012 strong,
+.XMicroGalleryText-module__textContent_22YC0W__012 a {
   text-align: inherit;
   max-width: none;
   margin-left: unset;
   margin-right: unset;
 }
-.gallery {
+.XMicroGalleryText-module__gallery_22YC0W__012 {
   flex: 1.5;
   width: 100%;
 }
-.artisticGrid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
+.XMicroGalleryText-module__artisticGrid_22YC0W__012 {
   grid-template-rows: 380px 220px;
+  grid-template-columns: repeat(3, 1fr);
   gap: 1rem;
+  display: grid;
 }
-.imageWrapper {
-  position: relative;
-  overflow: hidden;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-  border-radius: 20px;
+.XMicroGalleryText-module__imageWrapper_22YC0W__012 {
   opacity: 0;
-  transform: translateY(50px) scale(0.95);
+  border-radius: 20px;
   transition:
-    opacity 0.6s ease-out,
-    transform 0.6s ease-out,
-    box-shadow 0.3s ease;
+    opacity .6s ease-out,
+    transform .6s ease-out,
+    box-shadow .3s;
+  position: relative;
+  overflow: hidden;
+  transform: translateY(50px) scale(.95);
+  box-shadow: 0 10px 30px #0000001a;
 }
-.imageWrapper.visible {
+.XMicroGalleryText-module__imageWrapper_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
-.imageWrapper:hover {
+.XMicroGalleryText-module__imageWrapper_22YC0W__012:hover {
   transform: translateY(-5px);
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 20px 40px #00000026;
 }
-.previewImage {
+.XMicroGalleryText-module__previewImage_22YC0W__012 {
   object-fit: cover;
 }
-.artisticGrid .artistic1 .previewImage {
+.XMicroGalleryText-module__artisticGrid_22YC0W__012 .XMicroGalleryText-module__artistic1_22YC0W__012 .XMicroGalleryText-module__previewImage_22YC0W__012 {
   object-position: center top;
   transform: translateY(0);
 }
-.artistic1 {
-  grid-column: 1 / 4;
-  grid-row: 1 / 2;
-  transition-delay: 0.2s;
+.XMicroGalleryText-module__artistic1_22YC0W__012 {
+  grid-area: 1 / 1 / 2 / 4;
+  transition-delay: .2s;
 }
-.artistic2 {
-  grid-column: 1 / 2;
-  grid-row: 2 / 3;
-  transition-delay: 0.3s;
+.XMicroGalleryText-module__artistic2_22YC0W__012 {
+  grid-area: 2 / 1 / 3 / 2;
+  transition-delay: .3s;
 }
-.artistic3 {
-  grid-column: 2 / 4;
-  grid-row: 2 / 3;
-  transition-delay: 0.4s;
+.XMicroGalleryText-module__artistic3_22YC0W__012 {
+  grid-area: 2 / 2 / 3 / 4;
+  transition-delay: .4s;
 }
-@media (max-width: 768px) {
-  .artisticGrid {
-    grid-template-columns: 1fr;
+@media (width <= 768px) {
+  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {
     grid-template-rows: 240px 180px 180px;
+    grid-template-columns: 1fr;
   }
-  .artistic1,
-  .artistic2,
-  .artistic3 {
+  .XMicroGalleryText-module__artistic1_22YC0W__012,
+  .XMicroGalleryText-module__artistic2_22YC0W__012,
+  .XMicroGalleryText-module__artistic3_22YC0W__012 {
     grid-column: 1 / 2;
   }
-  .artistic1 {
+  .XMicroGalleryText-module__artistic1_22YC0W__012 {
     grid-row: 1 / 2;
   }
-  .artistic2 {
+  .XMicroGalleryText-module__artistic2_22YC0W__012 {
     grid-row: 2 / 3;
   }
-  .artistic3 {
+  .XMicroGalleryText-module__artistic3_22YC0W__012 {
     grid-row: 3 / 4;
   }
 }
-@media (max-width: 480px) {
-  .artisticGrid {
+@media (width <= 480px) {
+  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {
     grid-template-rows: 200px 140px 140px;
   }
 }
 
-/* src/components/gallery/xstaticgallery/XStaticGallery.module.css */
-.galleryContainer {
+/* esbuild-css-modules-plugin-ns-css:src/components/gallery/xstaticgallery/XStaticGallery.module.css */
+.XStaticGallery-module__galleryContainer_7nn4pa__012 {
   width: 100%;
   max-width: 80rem;
   margin: 0 auto;
   padding: 1rem 1rem 3rem;
 }
-.galleryTitle {
-  font-size: 1.875rem;
+.XStaticGallery-module__galleryTitle_7nn4pa__012 {
   text-align: right;
   color: var(--primary);
+  opacity: .8;
   margin-bottom: 3rem;
-  opacity: 0.8;
+  font-size: 1.875rem;
 }
-.masonryGrid {
+.XStaticGallery-module__masonryGrid_7nn4pa__012 {
   gap: 1rem;
 }
-.masonryItem {
+.XStaticGallery-module__masonryItem_7nn4pa__012 {
   break-inside: avoid;
-  position: relative;
+  opacity: 0;
   border-radius: 1rem;
-  overflow: hidden;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   margin-bottom: 1rem;
-  opacity: 0;
-  transform: translateY(20px);
   transition:
-    opacity 0.5s ease-out,
-    transform 0.5s ease-out,
-    box-shadow 0.3s ease;
+    opacity .5s ease-out,
+    transform .5s ease-out,
+    box-shadow .3s;
+  position: relative;
+  overflow: hidden;
+  transform: translateY(20px);
+  box-shadow: 0 4px 12px #00000014;
 }
-.masonryItem.visible {
+.XStaticGallery-module__masonryItem_7nn4pa__012.XStaticGallery-module__visible_7nn4pa__012 {
   opacity: 1;
   transform: translateY(0);
 }
-.masonryItem:hover {
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover {
+  box-shadow: 0 12px 32px #0000002e;
 }
-.imageContainer {
-  position: relative;
+.XStaticGallery-module__imageContainer_7nn4pa__012 {
+  border-radius: 1rem;
   width: 100%;
+  position: relative;
   overflow: hidden;
-  border-radius: 1rem;
 }
-.galleryImage {
+.XStaticGallery-module__galleryImage_7nn4pa__012 {
+  object-fit: cover;
   width: 100%;
   height: auto;
-  object-fit: cover;
+  transition: transform .5s ease-out;
   display: block;
-  transition: transform 0.5s ease-out;
 }
-.masonryItem:hover .galleryImage {
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__galleryImage_7nn4pa__012 {
   transform: scale(1.05);
 }
-.imageOverlay {
+.XStaticGallery-module__imageOverlay_7nn4pa__012 {
+  pointer-events: none;
+  background: none;
+  transition: background .3s;
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, 0);
-  transition: background 0.3s ease;
-  pointer-events: none;
 }
-.masonryItem:hover .imageOverlay {
-  background: rgba(0, 0, 0, 0.1);
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__imageOverlay_7nn4pa__012 {
+  background: #0000001a;
 }
-.cols1 {
+.XStaticGallery-module__cols1_7nn4pa__012 {
   columns: 1;
 }
-.cols2 {
+.XStaticGallery-module__cols2_7nn4pa__012 {
   columns: 2;
 }
-.cols3 {
+.XStaticGallery-module__cols3_7nn4pa__012 {
   columns: 3;
 }
-.cols4 {
+.XStaticGallery-module__cols4_7nn4pa__012 {
   columns: 4;
 }
-.cols5 {
+.XStaticGallery-module__cols5_7nn4pa__012 {
   columns: 5;
 }
-@media (max-width: 1280px) {
-  .cols4,
-  .cols5 {
+@media (width <= 1280px) {
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 3;
   }
 }
-@media (max-width: 768px) {
-  .cols3,
-  .cols4,
-  .cols5 {
+@media (width <= 768px) {
+  .XStaticGallery-module__cols3_7nn4pa__012,
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 2;
   }
 }
-@media (max-width: 640px) {
-  .cols2,
-  .cols3,
-  .cols4,
-  .cols5 {
+@media (width <= 640px) {
+  .XStaticGallery-module__cols2_7nn4pa__012,
+  .XStaticGallery-module__cols3_7nn4pa__012,
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 1;
   }
 }
 
-/* src/components/social/xsocialcontact/XSocialContact.module.css */
-.container {
+/* esbuild-css-modules-plugin-ns-css:src/components/social/xsocialcontact/XSocialContact.module.css */
+.XSocialContact-module__container_D0-L3a__012 {
   --columns: 3;
   --gap: 1.5rem;
   --padding: 1.5rem;
@@ -1072,7 +1074,7 @@ p.title {
   --alignment: center;
   --text-align: center;
   --icon-gap: 1.5rem;
-  --border-radius: 0.5rem;
+  --border-radius: .5rem;
   --bg-color: transparent;
   --icon-color: currentColor;
   --icon-hover-color: currentColor;
@@ -1080,7 +1082,6 @@ p.title {
   --border-width: 0px;
   --border-style: solid;
   --text-color: inherit;
-  display: grid;
   grid-template-columns: repeat(var(--columns), 1fr);
   gap: var(--gap);
   padding: var(--padding);
@@ -1088,94 +1089,95 @@ p.title {
   border: var(--border-width) var(--border-style) var(--border-color);
   border-radius: var(--border-radius);
   justify-items: var(--alignment);
+  display: grid;
 }
-.small {
+.XSocialContact-module__small_D0-L3a__012 {
   --icon-gap: 1rem;
   --gap: 1rem;
   --padding: 1rem;
-  --text-size: 0.875rem;
+  --text-size: .875rem;
 }
-.medium {
+.XSocialContact-module__medium_D0-L3a__012 {
   --icon-gap: 1.5rem;
   --gap: 1.5rem;
   --padding: 1.5rem;
   --text-size: 1rem;
 }
-.large {
+.XSocialContact-module__large_D0-L3a__012 {
   --icon-gap: 2rem;
   --gap: 2rem;
   --padding: 2rem;
   --text-size: 1.125rem;
 }
-.rows1 {
+.XSocialContact-module__rows1_D0-L3a__012 {
   grid-template-rows: auto;
 }
-.rows2 {
+.XSocialContact-module__rows2_D0-L3a__012 {
   grid-template-rows: repeat(2, auto);
 }
-.rows3 {
+.XSocialContact-module__rows3_D0-L3a__012 {
   grid-template-rows: repeat(3, auto);
 }
-.rows4 {
+.XSocialContact-module__rows4_D0-L3a__012 {
   grid-template-rows: repeat(4, auto);
 }
-.item {
-  display: flex;
-  flex-direction: column;
+.XSocialContact-module__item_D0-L3a__012 {
   align-items: center;
-  gap: calc(var(--icon-gap) * 0.5);
-  text-decoration: none;
-  transition: opacity 0.2s ease;
+  gap: calc(var(--icon-gap) * .5);
   color: inherit;
+  flex-direction: column;
+  text-decoration: none;
+  transition: opacity .2s;
+  display: flex;
 }
-.item:hover {
-  opacity: 0.8;
+.XSocialContact-module__item_D0-L3a__012:hover {
+  opacity: .8;
 }
-.iconWrapper {
+.XSocialContact-module__iconWrapper_D0-L3a__012 {
   --item-icon-color: var(--icon-color);
   --item-icon-hover-color: var(--icon-hover-color);
-  display: flex;
-  align-items: center;
-  justify-content: center;
   width: var(--icon-gap);
   height: var(--icon-gap);
   color: var(--item-icon-color);
-  transition: color 0.2s ease;
+  justify-content: center;
+  align-items: center;
+  transition: color .2s;
+  display: flex;
 }
-.item:hover .iconWrapper {
+.XSocialContact-module__item_D0-L3a__012:hover .XSocialContact-module__iconWrapper_D0-L3a__012 {
   color: var(--item-icon-hover-color);
 }
-.text {
+.XSocialContact-module__text_D0-L3a__012 {
   font-size: var(--text-size);
   color: var(--text-color);
   text-align: var(--text-align);
   word-break: break-word;
   max-width: 100%;
 }
-@media (max-width: 768px) {
-  .container {
+@media (width <= 768px) {
+  .XSocialContact-module__container_D0-L3a__012 {
     --columns: 2;
-    --gap: calc(var(--gap) * 0.75);
-    --padding: calc(var(--padding) * 0.75);
+    --gap: calc(var(--gap) * .75);
+    --padding: calc(var(--padding) * .75);
   }
-  .rows2,
-  .rows3,
-  .rows4 {
-    grid-template-columns: repeat(2, 1fr);
+  .XSocialContact-module__rows2_D0-L3a__012,
+  .XSocialContact-module__rows3_D0-L3a__012,
+  .XSocialContact-module__rows4_D0-L3a__012 {
     grid-template-rows: repeat(2, auto);
+    grid-template-columns: repeat(2, 1fr);
   }
 }
-@media (max-width: 480px) {
-  .container {
+@media (width <= 480px) {
+  .XSocialContact-module__container_D0-L3a__012 {
     --columns: 1;
-    --gap: calc(var(--gap) * 0.5);
-    --padding: calc(var(--padding) * 0.5);
+    --gap: calc(var(--gap) * .5);
+    --padding: calc(var(--padding) * .5);
   }
-  .rows2,
-  .rows3,
-  .rows4 {
-    grid-template-columns: 1fr;
+  .XSocialContact-module__rows2_D0-L3a__012,
+  .XSocialContact-module__rows3_D0-L3a__012,
+  .XSocialContact-module__rows4_D0-L3a__012 {
     grid-template-rows: auto;
+    grid-template-columns: 1fr;
   }
 }
-/*# sourceMappingURL=index.css.map */
+/*# sourceMappingURL=index.css.map */