@vixcom/ui 1.5.0 → 1.6.0

package/src/css/main.css

@@ -6,7 +6,6 @@ script {
 * {
   scrollbar-color: hsl(var(--muted-hs), calc(var(--muted-l) + 40%)) transparent;
   scrollbar-width: thin;
-  cursor: default;
   word-break: break-word;
 }
 
@@ -33,11 +32,7 @@ script {
   padding: 0.5rem;
 }
 
-::-moz-selection {
-  color: var(--white);
-  background: hsl(var(--muted-hs), calc(var(--muted-l) + 20%));
-}
-
+::-moz-selection,
 ::selection {
   color: var(--white);
   background: hsl(var(--muted-hs), calc(var(--muted-l) + 20%));
@@ -79,7 +74,6 @@ b {
 .bg-text,
 .bg-text-color {
   position: relative;
-  display: inline-flex;
 }
 .bg-text:hover::after,
 .bg-text-color:hover::after {
@@ -161,54 +155,27 @@ a:not(.link) {
 }
 
 .page-header {
-  padding: 1rem 1.5rem;
+  padding: 0 1rem;
   display: flex;
   align-items: center;
-  position: relative;
-  z-index: 1;
 }
 .page-header.position-sticky, .page-header.sticky {
   position: sticky;
   top: 0;
   left: 0;
 }
-.page-header .main-title {
-  margin-bottom: 0;
-  font-size: 125%;
-}
-.page-header img.main-title {
-  width: 10rem;
-}
-
-.flex-container {
-  display: flex;
-  flex-wrap: wrap;
-  /* align-items: flex-end; */
-  margin: 0.5rem 0;
-  gap: 0.5rem;
-}
-.flex-container > * {
-  /* align-self: flex-start; */
-  margin-bottom: 0;
-}
-
-.page-header {
-  margin: 1rem 0;
-  padding: 0 1rem;
-  display: flex;
-  align-items: center;
-}
 .page-header .page-title {
   text-transform: capitalize;
   margin-right: auto;
-  margin-bottom: 1rem;
-  color: var(--primary);
   font-size: 200%;
   font-weight: normal;
 }
-.page-header .button {
+.page-header .page-title .button {
   min-width: auto;
 }
+.page-header img.page-title {
+  width: 10rem;
+}
 
 .section-header {
   display: flex;
@@ -241,6 +208,18 @@ a:not(.link) {
   min-width: auto;
 }
 
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  /* align-items: flex-end; */
+  margin: 0.5rem 0;
+  gap: 0.5rem;
+}
+.flex-container > * {
+  /* align-self: flex-start; */
+  margin-bottom: 0;
+}
+
 .row > [class*=col] {
   margin-bottom: 1em;
 }
@@ -276,7 +255,7 @@ a:not(.link) {
 }
 
 [class*=sq-] {
-  display: flex;
+  display: inline-flex;
   align-items: center;
   justify-content: center;
   flex: unset;
@@ -302,30 +281,6 @@ hr[class*=s-]:not(.default) {
   border: 0;
 }
 
-.s-sm {
-  padding: 0.25rem;
-}
-
-.s-1 {
-  padding: 0.5rem;
-}
-
-.s-2 {
-  padding: 0.75rem;
-}
-
-.s-3 {
-  padding: 1.5rem;
-}
-
-.s-4 {
-  padding: 2.5rem;
-}
-
-.s-5 {
-  padding: 5rem;
-}
-
 .dropdown-menu-right .dropdown-menu {
   transform: translate(-100%, 0);
 }
@@ -660,14 +615,6 @@ option[disabled]:first-of-type {
 .input-container input + input, .input-container + .input-container {
   margin-top: 0.5rem;
 }
-.input-container:has(input:invalid) {
-  color: var(--danger);
-}
-.input-container:has(input:focus:empty)::before,
-.input-container:has(input:focus:empty) .label, .input-container:has(input:focus:placeholder-shown)::before,
-.input-container:has(input:focus:placeholder-shown) .label {
-  background-color: var(--primary);
-}
 .input-container::before,
 .input-container .label {
   content: attr(data-label);
@@ -926,9 +873,9 @@ button,
   position: relative;
   display: inline-flex;
   border-radius: var(--border-radius, 0.25rem);
-  padding: 0.25rem;
+  padding: 0.25rem 0.75rem;
   font-size: 120%;
-  min-width: 7.5rem;
+  min-width: 5rem;
   gap: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -947,10 +894,9 @@ button.button-block,
 }
 button.button-circle,
 .button.button-circle {
-  width: 3rem;
-  height: 3rem;
+  min-width: 5rem;
+  min-height: 5rem;
   display: inline-flex;
-  min-width: unset;
   padding: 0.5rem;
   align-items: center;
   justify-content: center;
@@ -981,6 +927,10 @@ button.button-block + .button,
 .button.button-block + .button {
   margin-top: 0.5rem;
 }
+button .icon,
+.button .icon {
+  font-size: 125%;
+}
 
 .button-group {
   /*  margin: 1rem 0; */
@@ -1299,11 +1249,6 @@ table {
   background-color: inherit;
   z-index: 0;
 }
-.flex-item.flex-card .bg-svg,
-.flex-card.flex-card .bg-svg {
-  -webkit-mask-image: url("/assets/bg/flex-card-bg-icons.svg");
-  mask-image: url("/assets/bg/flex-card-bg-icons.svg");
-}
 .flex-item .img,
 .flex-item .icon,
 .flex-card .img,
@@ -1357,6 +1302,15 @@ table {
   object-fit: cover;
 }
 
+.grid-item {
+  display: grid;
+  grid-template-columns: 1fr 4fr;
+  grid-template-rows: 1fr;
+  align-items: center;
+}
+.grid-item :nth-child(1) {
+  grid-row: 1/-1;
+}
 .text-spaced {
   letter-spacing: 0.25rem;
 }
@@ -1364,24 +1318,25 @@ table {
   letter-spacing: 0.5rem;
 }
 
-.text-strick-line {
-  display: flex;
+.strike-line {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
   align-items: center;
   justify-content: center;
+  gap: 0.5rem;
 }
-.text-strick-line .label, .text-strick-line::content {
-  width: 100%;
-}
-.text-strick-line::before, .text-strick-line::after {
+.strike-line::before, .strike-line::after {
   content: "";
   display: inline-block;
-  margin: 0 0.5rem;
-  width: 100%;
   height: 1px;
-  max-width: 10rem;
   background-color: currentColor;
 }
 
+.card {
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--border-radius);
+}
 .card {
   position: relative;
 }
@@ -1405,20 +1360,9 @@ table {
 .card::before:not(img::before, img::after) {
   content: "";
 }
-.card:not(.flat) {
-  /* overflow: unset; */
-  border: none;
-  z-index: 0;
-}
-.card:not(.flat) > * {
-  /* position: relative; */
-}
 .card:not(.flat)::before {
   box-shadow: var(--card-shadow);
 }
-.card + .card {
-  margin-top: 1rem;
-}
 .card:not(.card-body) > :first-child[class*=card-] {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
@@ -1460,34 +1404,46 @@ table {
   justify-content: space-between;
 }
 
+.card-group .card + .card {
+  margin-top: 1rem;
+}
+
 .flex-list,
-.item-list {
+.item-list,
+.menu {
   margin: 1.5rem 0;
   list-style: none;
   display: flex;
 }
 .flex-list:not(.has-connector),
-.item-list:not(.has-connector) {
+.item-list:not(.has-connector),
+.menu:not(.has-connector) {
   gap: 0.5rem;
 }
 .flex-list.h .item,
-.item-list.h .item {
+.item-list.h .item,
+.menu.h .item {
   flex-direction: column;
 }
 .flex-list.has-connector .item,
-.item-list.has-connector .item {
+.item-list.has-connector .item,
+.menu.has-connector .item {
   margin: 0;
   width: 100%;
 }
 .flex-list.has-connector .item:not(:first-child) :is(.connector, li::marker)::before, .flex-list.has-connector .item:not(:last-child) :is(.connector, li::marker)::after,
 .item-list.has-connector .item:not(:first-child) :is(.connector, li::marker)::before,
-.item-list.has-connector .item:not(:last-child) :is(.connector, li::marker)::after {
+.item-list.has-connector .item:not(:last-child) :is(.connector, li::marker)::after,
+.menu.has-connector .item:not(:first-child) :is(.connector, li::marker)::before,
+.menu.has-connector .item:not(:last-child) :is(.connector, li::marker)::after {
   content: "";
 }
 .flex-list.has-connector .item .connector,
 .flex-list.has-connector .item li::marker,
 .item-list.has-connector .item .connector,
-.item-list.has-connector .item li::marker {
+.item-list.has-connector .item li::marker,
+.menu.has-connector .item .connector,
+.menu.has-connector .item li::marker {
   display: flex;
   flex-direction: column;
 }
@@ -1497,7 +1453,11 @@ table {
 .item-list.has-connector .item .connector::before,
 .item-list.has-connector .item .connector::after,
 .item-list.has-connector .item li::marker::before,
-.item-list.has-connector .item li::marker::after {
+.item-list.has-connector .item li::marker::after,
+.menu.has-connector .item .connector::before,
+.menu.has-connector .item .connector::after,
+.menu.has-connector .item li::marker::before,
+.menu.has-connector .item li::marker::after {
   margin: 0 auto;
   width: 1px;
   height: 100%;
@@ -1505,23 +1465,28 @@ table {
   display: block;
 }
 .flex-list.has-connector.align-top .item .connector,
-.item-list.has-connector.align-top .item .connector {
+.item-list.has-connector.align-top .item .connector,
+.menu.has-connector.align-top .item .connector {
   justify-content: flex-start;
 }
 .flex-list.has-connector.align-top .item .connector::before,
-.item-list.has-connector.align-top .item .connector::before {
+.item-list.has-connector.align-top .item .connector::before,
+.menu.has-connector.align-top .item .connector::before {
   content: unset;
 }
 .flex-list:not(.h),
-.item-list:not(.h) {
+.item-list:not(.h),
+.menu:not(.h) {
   flex-direction: column;
 }
 .flex-list:not(.h) .item + .item,
-.item-list:not(.h) .item + .item {
+.item-list:not(.h) .item + .item,
+.menu:not(.h) .item + .item {
   border-top: 1px solid var(--border-color);
 }
 .flex-list .item,
-.item-list .item {
+.item-list .item,
+.menu .item {
   display: flex;
   /* align-items: center; */
   /* justify-content: space-between; */
@@ -1530,17 +1495,20 @@ table {
   cursor: pointer;
 }
 .flex-list .item .icon,
-.item-list .item .icon {
+.item-list .item .icon,
+.menu .item .icon {
   font-weight: bold;
   /* margin-right: 1.25rem; */
   transition: margin-right 0.125s linear;
 }
 .flex-list .item .content + .content,
-.item-list .item .content + .content {
+.item-list .item .content + .content,
+.menu .item .content + .content {
   margin-top: 0.5rem;
 }
 .flex-list .item:hover .icon,
-.item-list .item:hover .icon {
+.item-list .item:hover .icon,
+.menu .item:hover .icon {
   /* margin-right: 1.5rem; */
 }
 
@@ -1666,6 +1634,7 @@ table {
 
 img {
   max-width: 100%;
+  object-fit: contain;
 }
 
 .img-fullwidth {
@@ -1739,6 +1708,14 @@ img {
   background-color: hsla(var(--black-hs), var(--black-l), 0.5);
 }
 
+.bg-svg {
+  height: 100%;
+  background-color: currentColor;
+  -webkit-mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+}
+
 .rounded-inherit {
   border-radius: inherit;
 }
@@ -1786,7 +1763,8 @@ section {
 }
 /* Above Tablets/Mini PC */
 @media (min-width: 769px) {
-  .item-list .item > .value {
+  .item-list .item > .value,
+  .menu .item > .value {
     margin-left: 1rem;
     text-align: right;
   }
@@ -1840,10 +1818,12 @@ section {
   .card {
     width: 100%;
   }
-  .item-list:not(.has-connector) {
+  .item-list:not(.has-connector),
+  .menu:not(.has-connector) {
     gap: 1rem;
   }
-  .item-list .item {
+  .item-list .item,
+  .menu .item {
     flex-direction: column;
     gap: 0.5rem;
   }

package/src/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../styles/main.scss","../styles/_mixins.scss"],"names":[],"mappings":"AAEA;AAEA;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;;AAcF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAIA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;AC3EA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD8FF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;ACrKO;EDwKL;;;AAKN;EACE;EACA;AACA;EACA;EACA;;AAEA;AACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAGE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;;AAIJ;ECzPE;EACA;EACA;;;AD2PF;EC7PE;EACA;EACA;;AD8PA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;ECjRE;EACA;EACA;EDiRA;EACA;AACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;;AAUF;AAAA;AACE;AACA;EACA;EACA;AACA;;AAEA;AAAA;AACE;EACA;;AAGF;AAAA;EACE;;;AAKN;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;AAIE;EAEE;EACA;;AAEA;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAMR;EACE;;AAGF;AAAA;AAAA;EAKE;;AASJ;EACE;;;AAGF;AAsIE;AAAA;AAAA;AAAA;AAAA;;AArIA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;;AAUJ;EACE;EACA;;AAGE;AAAA;AAAA;EAGE;EACA;;AAIJ;EACE;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;AACA;EACA;;AAGA;EAEE;;AAGF;EACE;;AAKA;AAAA;AAAA;EAGE;;AAKJ;AAAA;EAEE;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;EAEE;;AAKF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;AAIA;AAAA;EAEE;;AAMJ;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAKF;AAAA;EAEE;;AAIJ;AAAA;EAEE;AACA;;;AAIJ;EACE;EACA;;AC/xBA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADizBF;EACE;;ACpxBF;EACE;;AAGF;EAEE;;AAGF;EApCA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADwzBA;EACE;EAEA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACxzBF;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD00BA;EACE;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAWF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAMJ;EA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EA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;AAIA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAMJ;AAAA;EACE;;AAEA;AAAA;EACE;;AAMR;AAAA;EACE;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;AACA;AACA;EACA;EACA;EACA;;AAaA;AAAA;EACE;AACA;EACA;;AAIA;AAAA;EACE;;AAIJ;AAAA;AACE;;;AAKN;EACE;AACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;;AAGF;EAEE;ECpoDA;EACA;EACA;;ADsoDE;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EAKE;;AAJA;EACE;;AAMJ;EACE;EACA;;;AAKF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;ECrwDE;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;ED+vDA;;AC5wDA;EAEE;;;AA8BF;EACE;;AAGF;EAEE;;AAGF;EApCA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADgxDF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;AACA;EACE;IACE;;;AAIJ;AACA;EAEI;IACE;IACA;;EAOF;IACE;;;AAKN;AACA;EACE;AAAA;IAEE;;EAEA;AAAA;IACE;;EAGF;AAAA;IACE;;EAIJ;AACE;IACA;;EAEA;IACE;;EAKF;IACE;;EAKE;IACE;;EAGF;IACE;;EAOJ;AAAA;IACE;;EAGF;AAAA;IACE;IAEA;IACA;;;AAMR;AACA;EACE;IACE;;EAIA;IACE;;EAGF;IACE;IACA;;EAKF;IACE;IACA","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../styles/main.scss","../styles/_mixins.scss"],"names":[],"mappings":"AAEA;AAEA;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;;AAcF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;ACnEA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADsFF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EAEE;EACA;;AAGF;EACE;;AClKK;EDqKL;;;AAKN;EACE;EACA;EACA;EACA;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;AACA;EACA;EACA;;AAEA;AACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EC/NE;EACA;EACA;;;ADiOF;ECnOE;EACA;EACA;;ADoOA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;AACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;;AAUF;AAAA;AACE;AACA;EACA;EACA;AACA;;AAEA;AAAA;AACE;EACA;;AAGF;AAAA;EACE;;;AAKN;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;AAIE;EAEE;EACA;;AAEA;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAMR;EACE;;AAGF;AAAA;AAAA;EAKE;;AASJ;EACE;;;AAGF;AAsIE;AAAA;AAAA;AAAA;AAAA;;AArIA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;;AAUJ;EACE;EACA;;AAGE;AAAA;AAAA;EAGE;EACA;;AAIJ;EACE;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;AACA;EACA;;AAGA;EAEE;;AAiBF;AAAA;EAEE;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;EAEE;;AAKF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;AAIA;AAAA;EAEE;;AAMJ;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAKF;AAAA;EAEE;;AAIJ;AAAA;EAEE;AACA;;;AAIJ;EACE;EACA;;AC/uBA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADiwBF;EACE;;ACpuBF;EACE;;AAGF;EAEE;;AAGF;EApCA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADwwBA;EACE;EAEA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACxwBF;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD0xBA;EACE;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAWF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAMJ;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAUN;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAeF;AAAA;EAEE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAOF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIJ;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;AACE;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAEA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAKN;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAaF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;AACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAYR;AAAA;AAAA;EAGE;EACA;EACA;EACA;EAEA;EACA;;AAYA;AAAA;AAAA;EACE;;AAMF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;AACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAaF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAKN;AAGE;EACE;;;AAIJ;AAEA;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;;;AAGF;EACE;;;AAGF;EC5vCE;EACA;EACA;;AD6vCA;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;AAEA;;AACA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;AACA;AACA;;AAGF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;ACz3CA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD44CF;EACE;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EAEE;AACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;;AAKF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;;AAEA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;;AAIA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAMJ;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAMR;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;AACA;AACA;EACA;EACA;EACA;;AAaA;AAAA;AAAA;EACE;AACA;EACA;;AAIA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AACE;;;AAKN;EACE;AACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;;AAGF;EAEE;ECllDA;EACA;EACA;;ADolDE;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EAKE;;AAJA;EACE;;AAMJ;EACE;EACA;;;AAKF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;ECptDE;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;ED8sDA;;AC3tDA;EAEE;;;AA8BF;EACE;;AAGF;EAEE;;AAGF;EApCA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD+tDF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;AACA;EACE;IACE;;;AAIJ;AACA;EAGI;AAAA;IACE;IACA;;EAOF;IACE;;;AAKN;AACA;EACE;AAAA;IAEE;;EAEA;AAAA;IACE;;EAGF;AAAA;IACE;;EAIJ;AACE;IACA;;EAEA;IACE;;EAKF;IACE;;EAKE;IACE;;EAGF;IACE;;EAOJ;AAAA;IACE;;EAGF;AAAA;IACE;IAEA;IACA;;;AAMR;AACA;EACE;IACE;;EAKA;AAAA;IACE;;EAGF;AAAA;IACE;IACA;;EAKF;IACE;IACA","file":"main.css"}

package/src/css/menu.css

@@ -57,7 +57,7 @@ nav,
 nav,
 .nav,
 .menu-container {
-  flex: 1 1 auto;
+  flex: 1 1 100%;
   gap: 0.5rem;
 }
 
@@ -68,7 +68,6 @@ nav .item,
   gap: 0.75rem;
   padding: 0.5rem 1rem;
   text-decoration: none;
-  color: currentColor;
 }
 nav .item .label,
 .nav .item .label {
@@ -87,6 +86,9 @@ nav .item .label,
 .main-menu-container .side-menu .menu-container {
   flex-direction: column;
 }
+.main-menu-container img {
+  max-height: 5rem;
+}
 .main-menu-container .menu-logo {
   min-width: 7.5rem;
 }
@@ -132,6 +134,9 @@ nav .item .label,
   transition: transform 0.5s;
   z-index: 1;
 }
+.main-menu:not(.side-menu:has(> .menu-snap)) {
+  flex-direction: column;
+}
 .main-menu nav,
 .main-menu .nav {
   font-size: 120%;
@@ -139,6 +144,7 @@ nav .item .label,
 .main-menu nav .item,
 .main-menu .nav .item {
   /* border-radius: inherit; */
+  cursor: pointer;
 }
 .main-menu nav .item,
 .main-menu .nav .item {
@@ -191,8 +197,16 @@ nav .item .label,
   font-size: 150%;
 }
 
+.menu-snap {
+  display: flex;
+  overflow: scroll;
+}
+.menu-snap .item {
+  padding: 0.125%;
+  z-index: 1;
+}
+
 .side-menu {
-  flex-direction: column;
   position: relative;
   height: 100%;
   transition: flex-basis 0.5s, transform 0.5s, opacity 0.25s;
@@ -242,6 +256,9 @@ main footer {
   .main-menu-container .full-menu .nav {
     overflow-x: scroll;
   }
+  .main-menu-container input.main-menu-trigger:not(:checked) ~ .side-menu > .menu-snap, .main-menu-container input.main-menu-trigger:not(:checked) ~ * .side-menu > .menu-snap {
+    flex-basis: 25%;
+  }
   .main-menu-container.grid:has(> .side-menu:not(.mini)):has(> input.main-menu-trigger:checked) {
     grid-template-columns: 0fr 1fr;
   }
@@ -290,6 +307,10 @@ main footer {
   .main-menu-container.flex input.main-menu-trigger:checked ~ * .side-menu.mini {
     flex-basis: 5%;
   }
+  .main-menu-container.flex input.main-menu-trigger:checked ~ .side-menu.mini:has(> .menu-snap),
+  .main-menu-container.flex input.main-menu-trigger:checked ~ * .side-menu.mini:has(> .menu-snap) {
+    flex-basis: 10%;
+  }
   .main-menu-container.flex input.main-menu-trigger:checked ~ .side-menu.mini .menu-header .menu-logo,
   .main-menu-container.flex input.main-menu-trigger:checked ~ * .side-menu.mini .menu-header .menu-logo {
     display: none;
@@ -399,27 +420,25 @@ main footer {
     border-bottom: thin solid;
     padding: 0;
   }
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu {
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu {
     flex-basis: 8.25%;
   }
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .menu-logo,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .menu-logo {
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu:has(> .menu-snap), .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu:has(> .menu-snap) {
+    flex-basis: 16.5%;
+  }
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .menu-logo, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .menu-logo {
     display: none;
   }
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .menu-logo-alt,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .menu-logo-alt {
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .menu-logo-alt, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .menu-logo-alt {
     display: block;
   }
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .title {
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .title {
     opacity: 0;
     height: 0;
     margin-bottom: 0;
   }
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu nav .item,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .nav .item,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item,
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .nav .item, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .item {
     justify-content: center;
   }
@@ -430,8 +449,7 @@ main footer {
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .item .label,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title .label,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .item .label,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title .label,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item .label,
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title .label, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item .label,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .title .label,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .item .label,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .title .label,
@@ -446,8 +464,7 @@ main footer {
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu nav .title,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .nav .title,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title,
-  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .title,
+  .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .title,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .title,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .title,
   .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-footer .title {
@@ -460,6 +477,9 @@ main footer {
 }
 /* Tablet Below */
 @media (max-width: 768px) {
+  .main-menu-container input.main-menu-trigger:checked ~ .side-menu > .menu-snap, .main-menu-container input.main-menu-trigger:checked ~ * .side-menu > .menu-snap {
+    flex-basis: 25%;
+  }
   .main-menu-container input.main-menu-trigger:not(:checked) ~ .full-menu .menu-container nav,
   .main-menu-container input.main-menu-trigger:not(:checked) ~ .full-menu .menu-container .nav,
   .main-menu-container input.main-menu-trigger:not(:checked) ~ .float-menu .menu-container nav,
@@ -490,8 +510,8 @@ main footer {
     background-color: hsla(var(--black-hs), var(--black-l), 0.2);
     z-index: 1;
   }
-  input.main-menu-trigger:checked ~ .main-menu,
-  input.main-menu-trigger:checked ~ * .main-menu {
+  input.main-menu-trigger:checked ~ .main-menu:not(:has(> .menu-snap)),
+  input.main-menu-trigger:checked ~ * .main-menu:not(:has(> .menu-snap)) {
     flex-direction: column;
   }
   input.main-menu-trigger:checked ~ .main-menu .menu-header,
@@ -528,7 +548,7 @@ main footer {
   input.main-menu-trigger:checked ~ * .full-menu .menu-container {
     background-color: unset;
   }
-  .main-menu-container .main-menu nav, .main-menu-container .main-menu .nav, .main-menu-container .main-menu .menu-container, .main-menu-container.flex {
+  .main-menu-container input.main-menu-trigger:checked ~ .main-menu nav, .main-menu-container input.main-menu-trigger:checked ~ .main-menu .nav, .main-menu-container input.main-menu-trigger:checked ~ .main-menu .menu-container, .main-menu-container input.main-menu-trigger:checked ~ * .main-menu nav, .main-menu-container input.main-menu-trigger:checked ~ * .main-menu .nav, .main-menu-container input.main-menu-trigger:checked ~ * .main-menu .menu-container, .main-menu-container.flex {
     flex-direction: column;
   }
   .main-menu-container.grid:has(> .side-menu) {

package/src/css/menu.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../styles/menu.scss","../styles/_mixins.scss"],"names":[],"mappings":"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","file":"menu.css"}
+{"version":3,"sourceRoot":"","sources":["../styles/menu.scss","../styles/_mixins.scss"],"names":[],"mappings":"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","file":"menu.css"}