mayak-common-library 0.0.13 → 0.0.15

package/dist/index.css

@@ -32,501 +32,195 @@
   animation: fade-In 0.5s;
 }
 
-/* src/styles/globals.css */
-*,
-::before,
-::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: ;
-}
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: ;
-}
-.container {
-  width: 100%;
-}
-@media (min-width: 640px) {
-  .container {
-    max-width: 640px;
-  }
-}
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1280px;
-  }
-}
-@media (min-width: 1536px) {
-  .container {
-    max-width: 1536px;
-  }
-}
-.nav-item.active {
-  --tw-text-opacity: 1;
-  color: rgb(200 188 161 / var(--tw-text-opacity));
-}
-.nav-item {
-  padding: 0.5rem;
-  --tw-text-opacity: 1;
-  color: rgb(52 52 52 / var(--tw-text-opacity));
-  text-decoration: none;
-  cursor: pointer;
-  font-weight: 800;
-  font-size: 12px;
-  text-transform: uppercase;
-}
-.nav-indicator {
-  position: absolute;
-  top: 0px;
-  border-radius: 9999px;
-  --tw-bg-opacity: 1;
-  background-color: rgb(200 188 161 / var(--tw-bg-opacity));
-  width: 7px;
-  height: 7px;
-  transition: transform 0.3s ease-out;
-}
-body :is(.absolute) {
-  position: absolute;
-}
-body :is(.relative) {
-  position: relative;
-}
-body :is(.z-50) {
-  z-index: 50;
-}
-body :is(.ml-0) {
-  margin-left: 0px;
-}
-body :is(.flex) {
-  display: flex;
-}
-body :is(.h-12) {
-  height: 3rem;
-}
-body :is(.h-6) {
-  height: 1.5rem;
-}
-body :is(.h-8) {
-  height: 2rem;
-}
-body :is(.h-9) {
-  height: 2.25rem;
-}
-body :is(.h-fit) {
-  height: -moz-fit-content;
-  height: fit-content;
-}
-body :is(.w-fit) {
-  width: -moz-fit-content;
+/* src/styles/globals.scss */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+.button {
   width: fit-content;
+  padding: 12px 30px;
+  text-transform: unset;
+  border-radius: 0;
+  min-width: 145px;
+  font-size: 14px;
+  line-height: 16px;
+  box-shadow: none;
 }
-body :is(.min-w-10) {
-  min-width: 2.5rem;
-}
-body :is(.transform) {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-body :is(.flex-row) {
-  flex-direction: row;
-}
-body :is(.flex-row-reverse) {
-  flex-direction: row-reverse;
-}
-body :is(.flex-col) {
-  flex-direction: column;
-}
-body :is(.flex-wrap) {
-  flex-wrap: wrap;
-}
-body :is(.flex-nowrap) {
-  flex-wrap: nowrap;
-}
-body :is(.justify-start) {
-  justify-content: flex-start;
+.button_dark {
+  background-color: #343434;
+  color: #fff;
 }
-body :is(.justify-end) {
-  justify-content: flex-end;
+.button_dark:hover {
+  background-color: #343434;
 }
-body :is(.justify-between) {
-  justify-content: space-between;
+.border-gray {
+  border-color: #757575;
 }
-body :is(.gap-0) {
-  gap: 0px;
+.border-dark {
+  border-color: #343434;
 }
-body :is(.gap-2) {
-  gap: 0.5rem;
+.border-gold {
+  border-color: #C8BCA1;
 }
-body :is(.gap-3) {
-  gap: 0.75rem;
+.border-gold2 {
+  border-color: #99835F;
 }
-body :is(.gap-x-1) {
-  column-gap: 0.25rem;
+.text-100 {
+  font-size: 100px;
+  line-height: 110px;
 }
-body :is(.gap-x-2) {
-  column-gap: 0.5rem;
+.text-40 {
+  font-size: 40px;
+  line-height: 48px;
 }
-body :is(.gap-x-5) {
-  column-gap: 1.25rem;
+.text-34 {
+  font-size: 34px;
+  line-height: 38px;
 }
-body :is(.gap-y-3) {
-  row-gap: 0.75rem;
+.text-10 {
+  font-size: 10px;
+  line-height: 12px;
 }
-body :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-body :is(.self-end) {
-  align-self: flex-end;
-}
-body :is(.rounded-none) {
-  border-radius: 0px;
-}
-body :is(.border) {
-  border-width: 1px;
-}
-body :is(.border-b) {
-  border-bottom-width: 1px;
-}
-body :is(.border-solid) {
-  border-style: solid;
-}
-body :is(.border-none) {
-  border-style: none;
-}
-body :is(.\!border-transparent) {
-  border-color: transparent !important;
-}
-body :is(.border-accent-beige) {
-  --tw-border-opacity: 1;
-  border-color: rgb(200 188 161 / var(--tw-border-opacity));
-}
-body :is(.border-accent-dark) {
-  --tw-border-opacity: 1;
-  border-color: rgb(52 52 52 / var(--tw-border-opacity));
-}
-body :is(.border-black) {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
-body :is(.bg-accent-beige) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(200 188 161 / var(--tw-bg-opacity));
-}
-body :is(.bg-accent-dark) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(52 52 52 / var(--tw-bg-opacity));
+.text-12 {
+  font-size: 12px;
+  line-height: 16px;
 }
-body :is(.bg-accent-silver) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+.text-16 {
+  font-size: 16px;
+  line-height: 19px;
 }
-body :is(.bg-accent-white) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.text-18 {
+  font-size: 18px;
+  line-height: 19px;
 }
-body :is(.bg-neutral-100) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+.text-light {
+  color: #fff;
 }
-body :is(.bg-transparent) {
-  background-color: transparent;
+.text-dark {
+  color: #343434;
 }
-body :is(.bg-white) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+.text-gold {
+  color: #C8BCA1;
 }
-body :is(.p-0) {
-  padding: 0px;
+.text-gray {
+  color: #757575;
 }
-body :is(.p-1) {
-  padding: 0.25rem;
+.text-gray-light {
+  color: #F5F5F5;
 }
-body :is(.p-3) {
-  padding: 0.75rem;
+.bg-gray-light {
+  background-color: #F5F5F5;
 }
-body :is(.p-5) {
-  padding: 1.25rem;
+.bg-gray-medium {
+  background-color: #D0CED2;
 }
-body :is(.px-10) {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
+.bg-gray {
+  background-color: #757575;
 }
-body :is(.px-2) {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+.bg-dark {
+  background-color: #343434;
 }
-body :is(.px-2\.5) {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
+.bg-light {
+  background-color: #fff;
 }
-body :is(.px-3) {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+.bg-gold {
+  background-color: #C8BCA1;
 }
-body :is(.px-4) {
-  padding-left: 1rem;
-  padding-right: 1rem;
+.customImage {
+  position: relative;
 }
-body :is(.px-7) {
-  padding-left: 1.75rem;
-  padding-right: 1.75rem;
+.customImage img {
+  object-position: center;
+  object-fit: cover;
 }
-body :is(.py-0) {
-  padding-top: 0px;
-  padding-bottom: 0px;
+@layer components {
+  .white-block-snack {
+    @apply bg-white px-[10px] py-[2px] w-fit font-extrabold text-12;
+  }
+  .black-block-snack {
+    @apply bg-dark py-[6px] px-[16px] w-fit text-white font-extrabold text-12;
+  }
+  .gray-block-snack {
+    @apply bg-gray-light px-[10px] w-fit;
+  }
+  .border-block-snack {
+    @apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;
+  }
+  .border-gold-block-snack {
+    @apply w-fit px-[10px] py-[2px] text-gray border-[1px] border-gold font-extrabold text-12 group-hover/card:text-white group-hover/card:bg-gold;
+  }
 }
-body :is(.py-1) {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+@layer components {
+  .nav-item.active {
+    @apply text-accent-beige;
+  }
+  .nav-item {
+    @apply p-2 text-accent-dark;
+    text-decoration: none;
+    cursor: pointer;
+    font-weight: 800;
+    font-size: 12px;
+    text-transform: uppercase;
+  }
+  .nav-indicator {
+    @apply absolute top-0 rounded-full bg-accent-beige;
+    width: 7px;
+    height: 7px;
+    transition: transform 0.3s ease-out;
+  }
 }
-body :is(.py-1\.5) {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
+@font-face {
+  font-family: RockStar;
+  src: url(fonts/RockStar/Rock\ Star_Regular_Web.woff2);
+  font-weight: 400;
 }
-body :is(.py-2) {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+@font-face {
+  font-family: RockStar;
+  src: url("fonts/RockStar/Rock Star_Extra Bold_Web.woff2");
+  font-weight: 800;
 }
-body :is(.py-5) {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  color: #343434;
+  background-color: #F5F5F5;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  font-family: RockStar, sans-serif;
 }
-body :is(.text-base) {
-  font-size: 1rem;
-  line-height: 1.5rem;
+main {
+  flex-grow: 1;
 }
-body :is(.text-sm) {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+a {
+  color: inherit;
+  text-decoration: none;
 }
-body :is(.text-xs) {
-  font-size: 0.75rem;
-  line-height: 1rem;
+*:focus-visible {
+  outline: none;
 }
-body :is(.font-extrabold) {
-  font-weight: 800;
+@media screen and (min-width: 1200px) {
+  .MuiContainer-root {
+    padding-left: 0;
+    padding-right: 0;
+  }
 }
-body :is(.font-normal) {
-  font-weight: 400;
+@media screen and (max-width: 1200px) {
+  .MuiContainer-root {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
 }
-body :is(.normal-case) {
-  text-transform: none;
-}
-body :is(.leading-3) {
-  line-height: .75rem;
-}
-body :is(.leading-4) {
-  line-height: 1rem;
-}
-body :is(.leading-6) {
-  line-height: 1.5rem;
-}
-body :is(.text-accent-dark) {
-  --tw-text-opacity: 1;
-  color: rgb(52 52 52 / var(--tw-text-opacity));
-}
-body :is(.text-accent-silver-2) {
-  --tw-text-opacity: 1;
-  color: rgb(147 147 147 / var(--tw-text-opacity));
-}
-body :is(.text-accent-white) {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-body :is(.text-white) {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-body :is(.shadow-none) {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
-body :is(.shadow-sm) {
-  --tw-shadow: 0 8px 24px 0 #00000029;
-  --tw-shadow-colored: 0 8px 24px 0 var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
-body :is(.invert) {
-  --tw-invert: invert(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-body :is(.sepia) {
-  --tw-sepia: sepia(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-body :is(.filter) {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-body :is(.transition) {
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    -webkit-backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter,
-    -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-body :is(.ease-in-out) {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-body :is(.hover\:bg-accent-beige:hover) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(200 188 161 / var(--tw-bg-opacity));
-}
-body :is(.hover\:bg-transparent:hover) {
-  background-color: transparent;
-}
-body :is(.hover\:bg-white:hover) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+@media screen and (max-width: 700px) {
+  .MuiContainer-root {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
 }
 
 /* src/components/AppBar/styles.css */
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/styles.css","../src/styles/globals.scss","../src/styles/common.scss"],"sourcesContent":["@keyframes fade-In {\n  0% {\n    opacity: 0;\n    transform: translateY(2rem);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeOut {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(2rem);\n  }\n}\n\n.menu {\n  transition: unset !important;\n\n  ul {\n    padding: 5px;\n  }\n}\n\n.menu--close {\n  animation: fadeOut 0.4s;\n}\n\n.menu--open {\n  animation: fade-In 0.5s;\n}\n","@tailwind base;\n@tailwind components;\n@tailwind utilities;\n@import 'common';\n\n@layer components {\n    .nav-item.active {\n        @apply text-accent-beige\n    }\n    .nav-item {\n        @apply p-2 text-accent-dark;\n        text-decoration: none;\n        cursor: pointer;\n        font-weight: 800;\n        font-size: 12px;\n        text-transform: uppercase;\n    }\n    .nav-indicator {\n        @apply absolute top-0 rounded-full bg-accent-beige ;\n        width: 7px;\n        height: 7px;\n        transition: transform 0.3s ease-out;\n    }\n}\n\n\n@font-face {\n    font-family: RockStar;\n    src: url(\"fonts/RockStar/Rock Star_Regular_Web.woff2\");\n    font-weight: 400;\n}\n@font-face {\n    font-family: RockStar;\n    src: url(\"fonts/RockStar/Rock Star_Extra Bold_Web.woff2\");\n    font-weight: 800;\n}\n\nbody {\n    max-width: 100vw;\n    overflow-x: hidden;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n    color: $colorTextDark;\n    background-color: $colorGrayLight;\n    @include f14;\n    font-weight: 400;\n    @include fontRock;\n}\n\nmain {\n    flex-grow: 1;\n}\n\na {\n    color: inherit;\n    text-decoration: none;\n}\n\n*:focus-visible {\n    outline: none;\n}\n\n.MuiContainer-root {\n    @media screen and (min-width: $screen-lg) {\n        padding-left: 0;\n        padding-right: 0;\n    }\n    @media screen and (max-width: $screen-lg) {\n        padding-left: 40px;\n        padding-right: 40px;\n    }\n    @include md {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n}","// colors\n$colorTextDark: #343434;\n$colorTextLight: #fff;\n$colorTextGold: #C8BCA1;\n$colorTextGold2: #99835F;\n$colorGray: #757575;\n$colorGrayLight: #F5F5F5;\n$colorGrayMedium: #D0CED2;\n\n$bgGold: #C8BCA1;\n$bgDark: #343434;\n$bgLight: #fff;\n\n\n// fonts\n@mixin fontRock {\n  font-family: RockStar, sans-serif;\n}\n\n// font sizes\n@mixin f14 {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n// font weights\n@mixin f400 {\n  font-weight: 400;\n}\n@mixin f800 {\n  font-weight: 800;\n}\n\n// screens width\n$screen-sm: 400px;\n$screen-md: 700px;\n$screen-lg: 1200px;\n$screen-xl: 1620px;\n\n// media queries\n@mixin sm {\n  @media screen and (max-width: #{$screen-sm}) {\n    @content;\n  }\n}\n@mixin sm-md {\n  @media screen and (min-width: #{$screen-sm}) and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n@mixin md {\n  @media screen and (max-width: #{$screen-md}) {\n    @content;\n  }\n}\n@mixin md-lg {\n  @media screen and (min-width: #{$screen-md}) and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n@mixin lg {\n  @media screen and (max-width: #{$screen-lg}) {\n    @content;\n  }\n}\n@mixin min-lg {\n  @media screen and (min-width: #{$screen-lg}) {\n    @content;\n  }\n}\n@mixin xl {\n  @media screen and (max-width: #{$screen-xl}) {\n    @content;\n  }\n}\n\n.button {\n  width: fit-content;\n  padding: 12px 30px;\n  text-transform: unset;\n  border-radius: 0;\n  min-width: 145px;\n  font-size: 14px;\n  line-height: 16px;\n  box-shadow: none;\n  &_dark {\n    background-color: $bgDark;\n    color: $colorTextLight;\n    &:hover {\n      background-color: $bgDark;\n    }\n  }\n}\n\n.border-gray {\n  border-color: $colorGray;\n}\n\n.border-dark {\n  border-color: $colorTextDark;\n}\n\n.border-gold {\n  border-color: $colorTextGold;\n}\n\n.border-gold2 {\n  border-color: $colorTextGold2;\n}\n\n.text-100 {\n  font-size: 100px;\n  line-height: 110px;\n}\n\n.text-40 {\n  font-size: 40px;\n  line-height: 48px;\n}\n\n.text-34 {\n  font-size: 34px;\n  line-height: 38px;\n}\n\n.text-10 {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.text-12 {\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.text-16 {\n  font-size: 16px;\n  line-height: 19px;\n}\n\n.text-18 {\n  font-size: 18px;\n  line-height: 19px;\n}\n\n.text-light {\n  color: $colorTextLight;\n}\n\n.text-dark {\n  color: $colorTextDark;\n}\n\n.text-gold {\n  color: $colorTextGold;\n}\n\n.text-gray {\n  color: $colorGray;\n}\n\n.text-gray-light {\n  color: $colorGrayLight;\n}\n\n.bg-gray-light {\n  background-color: $colorGrayLight;\n}\n\n.bg-gray-medium {\n  background-color: $colorGrayMedium;\n}\n\n.bg-gray {\n  background-color: $colorGray;\n}\n\n.bg-dark {\n  background-color: $bgDark;\n}\n\n.bg-light {\n  background-color: $bgLight;\n}\n\n.bg-gold {\n  background-color: $bgGold;\n}\n\n.customImage {\n  position: relative;\n  img {\n    object-position: center;\n    object-fit: cover;\n  }\n}\n\n@layer components {\n  .white-block-snack {\n    @apply bg-white px-[10px] py-[2px] w-fit font-extrabold text-12;\n  }\n  .black-block-snack {\n    @apply bg-dark py-[6px] px-[16px] w-fit text-white font-extrabold text-12;\n  }\n  .gray-block-snack {\n    @apply bg-gray-light px-[10px] w-fit;\n  }\n  .border-block-snack {\n    @apply px-[10px] py-[2px] text-12 border-[1px] border-dark w-fit;\n  }\n  .border-gold-block-snack {\n    @apply w-fit px-[10px] py-[2px] text-gray border-[1px] border-gold font-extrabold text-12 group-hover/card:text-white group-hover/card:bg-gold;\n  }\n}\n\n"],"mappings":";AAAA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,WAAW;AACT;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACA;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,CAAC;AACC,cAAY;AAEZ;AACE,aAAS;AACX;AACF;AAEA,CAAC;AACC,aAAW,QAAQ;AACrB;AAEA,CAAC;AACC,aAAW,QAAQ;AACrB;;;ACpCA,UAAA;AACA,UAAA;AACA,UAAA;AC0EA,CAAA;AACE,SAAA;AACA,WAAA,KAAA;AACA,kBAAA;AACA,iBAAA;AACA,aAAA;AACA,aAAA;AACA,eAAA;AACA,cAAA;;AACA,CAAA;AACE,oBA5EK;AA6EL,SArFa;;AAsFb,CAHF,WAGE;AACE,oBA/EG;;AAoFT,CAAA;AACE,gBA1FU;;AA6FZ,CAAA;AACE,gBAlGc;;AAqGhB,CAAA;AACE,gBApGc;;AAuGhB,CAAA;AACE,gBAvGe;;AA0GjB,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,SAhJe;;AAmJjB,CAAA;AACE,SArJc;;AAwJhB,CAAA;AACE,SAvJc;;AA0JhB,CAAA;AACE,SAzJU;;AA4JZ,CAAA;AACE,SA5Je;;AA+JjB,CAAA;AACE,oBAhKe;;AAmKjB,CAAA;AACE,oBAnKgB;;AAsKlB,CAAA;AACE,oBAzKU;;AA4KZ,CAAA;AACE,oBAxKO;;AA2KT,CAAA;AACE,oBA3KQ;;AA8KV,CAAA;AACE,oBAjLO;;AAoLT,CAAA;AACE,YAAA;;AACA,CAFF,YAEE;AACE,mBAAA;AACA,cAAA;;AAIJ;AACE,GAAA;AACE,WAAA,SAAA,GAAA,CAAA,MAAA,GAAA,CAAA,KAAA,MAAA,eAAA;;AAEF,GAAA;AACE,WAAA,QAAA,GAAA,CAAA,KAAA,GAAA,CAAA,MAAA,MAAA,WAAA,eAAA;;AAEF,GAAA;AACE,WAAA,cAAA,GAAA,CAAA,MAAA;;AAEF,GAAA;AACE,WAAA,GAAA,CAAA,MAAA,GAAA,CAAA,KAAA,QAAA,OAAA,CAAA,KAAA,YAAA;;AAEF,GAAA;AACE,WAAA,MAAA,GAAA,CAAA,MAAA,GAAA,CAAA,KAAA,UAAA,OAAA,CAAA,KAAA,YAAA,eAAA,QAAA,WAAA,CAAA,IAAA,CAAA,WAAA,WAAA,CAAA,IAAA,CAAA;;;AD9MJ;AACI,GAAA,QAAA,CAAA;AACI,WAAA;;AAEJ,GAHA;AAII,WAAA,IAAA;AACA,qBAAA;AACA,YAAA;AACA,iBAAA;AACA,eAAA;AACA,oBAAA;;AAEJ,GAAA;AACI,WAAA,SAAA,MAAA,aAAA;AACA,WAAA;AACA,YAAA;AACA,gBAAA,UAAA,KAAA;;;AAKR;AACI,eAAA;AACA,OAAA;AACA,eAAA;;AAEJ;AACI,eAAA;AACA,OAAA;AACA,eAAA;;AAGJ;AACI,aAAA;AACA,cAAA;AACA,UAAA;AACA,WAAA;AACA,kBAAA;AACA,cAAA;AACA,SC3CY;AD4CZ,oBCvCa;AAef,aAAA;AACA,eAAA;ADyBE,eAAA;AC/BF,eAAA,QAAA,EAAA;;ADmCF;AACI,aAAA;;AAGJ;AACI,SAAA;AACA,mBAAA;;AAGJ,CAAA;AACI,WAAA;;AAIA,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AADJ,GAAA;AAEQ,kBAAA;AACA,mBAAA;;;AAEJ,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AALJ,GAAA;AAMQ,kBAAA;AACA,mBAAA;;;ACpBN,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;ADaF,GAAA;AAUQ,kBAAA;AACA,mBAAA;;;","names":[]}