@charset "utf-8";body {
  margin: 0;
  font-family: "Arial", sans-serif;
  scroll-behavior: smooth;
  color: #000;
}

a {
  color: #000;
}

a:visited,
a:link {
  color: black;
}

a:hover {
  opacity: 1;
}

.header,
.crumbsList,
.footer {
  display: none;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  background-color: transparent;
  pointer-events: none;
}

.section {
  /* margin-top: 100px; */
}

.fixed-elements {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  pointer-events: none;
}

.credit {
  width: 560px;
  margin: 0 auto;
  padding-top: 20px !important;
  padding-bottom: 100px !important;
}

.fixed-top-center {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  font-family: monospace;
  pointer-events: all;
}

.fixed-menu {
  position: fixed;
  top: 20px;
  right: 20px;
  pointer-events: all;
}

.fixed-left,
.fixed-right {
  position: fixed;
  /* top: 33.33vh; */
  bottom: 2vh;
  font-size: 16px;
  font-family: monospace;
  pointer-events: all;
}

.fixed-left {
  left: 200px;
}

.fixed-right {
  right: 180px;
}

.fixed-elements > div {
  pointer-events: all;
}

.menu-btn,
.menu-btn-sp {
  width: 20px;
  height: 20px;
  background-image: url("../../../photo/page/20250708/text-images/Frame_209.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.main {
  padding: 0 20px;
  text-align: center;
  background-color: rgba(237, 232, 214, 1);
}

.season-img {
  width: 230px;
  margin: 60px auto -35px;
  position: relative;
  z-index: 10 !important;
}

.model-img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 30px;
}

.tags {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 2;
  max-width: 600px;
  margin: 0 auto;
}

.look {
  margin-bottom: 80px;
}

.look img {
  max-width: 100%;
  height: auto;
}

.tag-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
  margin: 0 auto 80px;
  width: 768px;
  padding-bottom: 50px;
  padding-top: 30px;
}

.tag-links a {
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 2px;
}

/* .tag-links a::after {
		content: ' ・';
	} */

/* .tag-links a:last-child::after,
	.tag-links a:first-child::after {
		content: '';
	} */

.tag-links a:hover {
  background-color: #ddd;
}

/* .tag-links a:first-child::after {
			content: ' ・';
		} */

/* Add font files for Afacad */
@font-face {
  font-family: "Afacad";
  src: url("fonts/afacad.woff2") format("woff2"),
    url("fonts/afacad.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* Add font files for JetBrains Mono */
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrains-mono.woff2") format("woff2"),
    url("fonts/jetbrains-mono.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

:root {
  --font-family-afacad: "Afacad", sans-serif;
  --font-family-jetbrains-mono: "JetBrains Mono", sans-serif;
  --font-family-inter: "Inter", sans-serif;
  --text-black: rgba(0, 0, 0, 1);
  --text-white: rgba(255, 255, 255, 1);
}

.text-black {
  color: var(--text-black);
}

.text-white {
  color: var(--text-white);
}

/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

.look_image0-1-4 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-5 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 12%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.frame-211-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 85px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-6 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-big-caslon);
  font-weight: 500;
  font-size: 70px;
  line-height: 70px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.main-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding: 85px 40px 60px 40px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(237, 232, 214, 1);
}

.text-9 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 3px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.sp .text-9 {
  letter-spacing: 2px;
}

.pc_copy-8 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-10 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-11-13 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-15 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-13-14 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-17 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-14-16 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-12 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-21 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-20 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-23 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-22 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-19 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-26 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-25 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-28 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-27 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-24 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-31 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-30 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-33 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-32 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-29 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-18 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look01-7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-36 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-35 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.vector-39 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_left-38 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.component-1-40 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-43 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_right-42 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.frame-214-37 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-47 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-46 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-49 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-48 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-45 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-52 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-51 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-54 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-53 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-50 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-57 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-56 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-59 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-58 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-55 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-44 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look02-34 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-62 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-61 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-63 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-67 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-11-66 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-69 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-13-68 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-65 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-73 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-72 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-75 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-74 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-71 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-78 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-77 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-80 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-79 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-76 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-83 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-82 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-85 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-84 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-81 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-70 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look03-60 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-88 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-87 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-89 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-93 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-14-92 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-95 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-11-94 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-97 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-13-96 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-91 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-101 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-100 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-103 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  /* border-bottom: 1px solid rgba(0, 0, 0, 1); */
}

.button-buy a {
  text-decoration: underline;
}

.button-buy a:hover {
  text-decoration: none;
}

.frame-53-99 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-106 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-105 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-108 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-107 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-104 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-111 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-110 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-113 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-112 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-109 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-98 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look09-86 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-116 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-115 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-117 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-121 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-11-120 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-123 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-12-122 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-119 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-127 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-126 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-129 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-128 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-125 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-132 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-131 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-134 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-133 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-130 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-137 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-136 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-139 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-138 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-135 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-124 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look04-114 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-142 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-141 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.vector-145 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_left-144 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.component-1-146 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-149 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_right-148 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.frame-214-143 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-153 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-152 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-155 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-154 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-151 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-158 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-157 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-160 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-159 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-156 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-163 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-162 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-165 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-164 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-161 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-150 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look12-140 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-168 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-167 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.look5look-1-170 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.component-1-169 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-173 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-11-172 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-175 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-12-174 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-13-176 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-171 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-181 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-180 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-183 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-182 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-179 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-186 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-185 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  white-space: nowrap;
}

.text-188 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-187 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-184 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}
.tow-column {
  display: flex;
  flex-direction: column;
}

/* .sp .frame-53-184 {
		display: block;
	} */
.sp .frame-49-180 {
  display: inline-block;
  align-items: start;
  justify-content: flex-start;
}

.sp .frame-53-184 .frame-49-185,
.sp .frame-53-184 .button-buy {
  display: inline-block;
  align-items: start;
  justify-content: flex-start;
}

.text-191 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-190 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-193 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-192 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-189 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-178 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 560px;
}

.sp .section .credit-178 {
  width: 100% !important;
  padding-left: 7.5%;
}

.look05-166 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-196 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-195 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.vector-199 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_left-198 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.component-1-200 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-203 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_right-202 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.frame-214-197 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-207 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-206 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-209 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-208 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-205 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-212 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-211 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-214 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-213 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-210 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-217 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-216 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-219 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-218 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-215 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-204 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look06-194 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-222 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-221 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-223 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-227 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-11-226 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-229 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-12-228 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-231 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-232 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-13-230 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-225 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-236 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-235 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-238 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-237 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-234 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-241 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-240 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-243 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-242 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-239 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-246 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-245 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-248 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-247 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-244 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-233 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look07-220 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-251 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-250 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-252 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-256 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-11-255 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.node-258 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-12-257 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-254 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-262 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-261 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-264 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-263 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-260 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-267 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-266 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-269 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-268 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-265 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-272 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-271 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-274 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-273 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-270 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-259 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look08-249 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-277 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-276 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-278 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-11-281 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-283 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-13-282 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-280 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-287 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-286 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-289 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-288 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-285 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-292 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-291 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-294 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-293 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-290 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-297 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-296 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-299 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-298 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-295 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-284 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look10-275 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-302 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-301 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.vector-305 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_left-304 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.component-1-306 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-309 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 2px solid rgba(0, 0, 0, 1);
  border: none;
  outline: none;
}

.arrow_right-308 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 3.932584269662921%;
}

.frame-214-303 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-313 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-312 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-315 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-314 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-311 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-318 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-317 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-320 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-319 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-316 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-323 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-322 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-325 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-324 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-321 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-310 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look11-300 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-328 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-afacad);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 10%;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-black);
}

.pc_copy-327 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 39%;
}

.component-1-329 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-11-332 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.node-334 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.frame-13-333 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.other-331 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-338 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-337 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-340 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-339 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-336 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-343 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-342 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-345 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-344 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-341 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-348 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-49-347 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-350 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.button-buy-349 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.frame-53-346 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.credit-335 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.look13-326 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-354 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.all-item-353 {
  /* margin-top: 100px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 64px;
  padding: 9px 0px 9px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
  border-radius: 4px;
  width: 300px;
  border: 2px solid rgba(0, 0, 0, 1);
}

.pc .all-item-353:hover {
  background-color: white;
}

.pc .all-item-353:hover .text-white {
  color: black;
}

.sp .all-item-353:active {
  background-color: white;
}

.sp .all-item-353:active .text-white {
  color: black;
}

.all-item-352 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.sns_icon-1-355 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.text-356 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-inter);
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 8%;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.footer-351 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  padding: 0px 0px 70px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-358 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.third-magazine-357 {
  flex-grow: 0;
  flex-shrink: 1;
  width: 30.46875%;
}

.rectangle-7-362 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-7-361 {
  @media (max-width: 1440px) {
    .rectangle-7-361 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-7-361 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-364 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-8-363 {
  @media (max-width: 1440px) {
    .rectangle-8-363 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-8-363 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-366 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-9-365 {
  @media (max-width: 1440px) {
    .rectangle-9-365 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-9-365 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-368 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-10-367 {
  @media (max-width: 1440px) {
    .rectangle-10-367 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-10-367 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-370 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-11-369 {
  @media (max-width: 1440px) {
    .rectangle-11-369 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-11-369 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-372 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-12-371 {
  @media (max-width: 1440px) {
    .rectangle-12-371 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-12-371 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-374 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-13-373 {
  @media (max-width: 1440px) {
    .rectangle-13-373 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-13-373 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-376 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-14-375 {
  @media (max-width: 1440px) {
    .rectangle-14-375 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-14-375 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.rectangle-7-378 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 1);
}

.rectangle-15-377 {
  @media (max-width: 1440px) {
    .rectangle-15-377 {
      width: 47%;
      min-width: 280px;
    }
  }

  @media (max-width: 768px) {
    .rectangle-15-377 {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
    }
  }

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 30%;
  min-width: 280px;
}

.frame-209-360 {
  @media (max-width: 1440px) {
    .frame-209-360 {
      gap: 24px;
    }
  }

  @media (max-width: 768px) {
    .frame-209-360 {
      gap: 16px;
    }
  }

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 28.999999999999996%;
}

.frame-210-359 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 7.8125%;
}

.text-381 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-54-380 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 4px 0px 4px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 13%;
}

.text-383 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-family: var(--font-family-jetbrains-mono);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-black);
}

.frame-55-382 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 20px 4px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 13%;
}

.pc_component-379 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 102px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.pc-1 {
  @media (max-width: 1440px) {
    .pc-1 {
      padding-left: 24px;
      padding-right: 24px;
    }
  }

  @media (max-width: 768px) {
    .pc-1 {
      padding-left: 16px;
      padding-right: 16px;
    }
  }

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
  padding: 0px;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  max-width: 768px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  /* margin-top: 70px; */
}

.look-slide {
  text-align: center;
}

.look-title {
  font-family: sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  margin: 20px 0;
  text-transform: uppercase;
}

.look-slide img {
  max-width: 100%;
  height: auto;
}

.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  color: transparent;
  /* ẩn text */
}

.slick-prev,
.slick-arrow,
.slick-next {
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  z-index: 10;
}

.slick-prev img,
.slick-next img {
  width: 100%;
  height: auto;
}

.slick-list {
  width: 100%;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: none;
  border: none;
  width: 25px;
  height: 40px;
  cursor: pointer;
}

.slick-prev::before,
.slick-next::before {
  display: none;
}

.slick-prev {
  left: -50px;
}

.slick-next {
  right: -50px;
}

.name-section {
  height: 20px;
  max-width: none !important;
}

.img-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.img-modal img {
  max-height: 100vh;
  width: 800px;
  /* cố định chiều rộng */
  object-fit: contain;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.social-icons {
  display: flex;
  gap: 40px;
  /* khoảng cách giữa các icon */
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.icon {
  background-color: #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s;
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
}

.icon:hover {
  transform: scale(1.1);
}

img {
  transition: opacity 0.3s ease;
  opacity: 1;
}

img:hover {
  opacity: 0.9;
}

/* Modal background */
.modal-pc {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
  background-color: white;
  margin: auto;
  padding: 20px;
  position: relative;
}

.image-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  margin: 0 auto;
}

.list-top,
.list-bottom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

/* Optional: larger logo */
.list-bottom .modal-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-pc .list-top a {
  flex-basis: 130px;
}
.modal-pc .list-top {
  gap: 12px;
}

.modal-pc .list-bottom {
  /* padding: 0px 80px; */
  gap: 12px;
}

.modal-pc .list-bottom a {
  width: 130px;
  /* flex: 1; */
  /* flex-basis: calc(100vw / 8 - 70px); */
}

.modal-pc a.modal-logo {
  /* flex: 2; */
  width: 250px;
}

.modal-pc a.modal-logo img {
  width: 200px;
}

.slick-list {
  width: 780px;
}

@media (min-width: 425px) and (max-width: 1024px) {
  .modal-pc .list-top a {
    flex-basis: calc(100vw / 8 - 40px);
  }
  .modal-pc .list-top {
    gap: 16px;
  }

  .modal-pc .list-bottom {
    padding: 0px 80px;
    gap: 16px;
  }

  .modal-pc .list-bottom a {
    flex: 1;
    /* flex-basis: calc(100vw / 8 - 70px); */
  }

  .modal-pc a.modal-logo {
    flex: 2;
  }

  .modal-pc a.modal-logo img {
    padding: 50px;
  }

  .model-img {
    width: 70%;
    height: auto;
    min-height: auto;
  }

  .tag-links {
    width: 70%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .slick-list {
    width: 650px !important;
  }
}

@media (max-width: 1440px) {
  .modal-pc a.modal-logo img {
    padding: 20px;
  }
}

@media (min-width: 1440px) {
  .fixed-right {
    right: 180px;
  }

  .fixed-left {
    left: 200px;
  }
}

@media (min-width: 1600px) {
  .fixed-right {
    right: 14%;
  }

  .fixed-left {
    left: 15%;
  }
}

@media (max-width: 767px) {
  .header,
  .crumbsList,
  .footer,
  .pc,
  .pc-1 {
    display: none;
  }

  .slick-list {
    width: 100% !important;
  }

  .header.scroll:not(.header_nolink) {
    display: none;
  }

  .tag-links {
    width: 85%;
  }

  .tag-links a {
    font-size: 14px;
    letter-spacing: 0.1px;
  }

  .credit {
    width: 100%;
  }

  .look-slider {
    /* display: none; */
  }

  img:hover {
    opacity: 1;
  }
}

.main.sp {
  padding: 0;
}

.main.sp .season-img {
  margin: 70px auto -40px;
}

.main.sp .model-img {
  max-width: 85%;
}

.sp {
  display: none;
}

.afacad-font {
  font-family: "Afacad", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.jetbrains-mono-font {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
}

.pc-1 .component-1-169,
.pc-1 .component-1-89,
.pc-1 .component-1-63,
.pc-1 .component-1-117,
.pc-1 .component-1-252,
.pc-1 .component-1-278,
.pc-1 .component-1-329 {
  width: 560px;
}

.pc-1 .other-91 img,
.pc-1 .other-171 img,
.pc-1 .other-119 img {
  width: 230px;
}

.pc-1 .other-65 img,
.pc-1 .other-254 img,
.pc-1 .other-331 img {
  width: 230px;
}

/* section */
.sp .section .component-1-169 {
  text-align: center;
}

.sp .section .component-1-169 img {
  width: 280px;
}

.sp .section .other-171 {
  display: flex;
  overflow: auto;
  flex-flow: column;
  flex-wrap: wrap;
  max-height: 500px;
  align-content: flex-start;
  scrollbar-width: none;
  justify-content: center;
  align-items: flex-start;
  gap: 0px;
  scroll-behavior: smooth;
}

.sp .section .other-171 img {
  height: auto;
  width: 230px;
}

.pc-1 .component-1-169 img {
  width: 560px;
}

.look-slider-sp {
  width: 100%;
  height: auto;
}

/* .slick-slider,
.slick-list,
.slick-track {
  width: 100%;
} */

.slide-item {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 20px;
  background: #f0f0f0;

  /* Responsive nội dung bên trong nếu cần */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
  /* Tự co chữ theo màn hình */
}

@media (max-width: 767px) {
  .credit {
    width: 95%;
    padding-bottom: 70px !important;
    padding-top: 20px;
    margin: 0 auto;
  }

  .slide-item {
    height: 300px;
  }

  .sp {
    display: block;
    width: 100%;
  }

  .sp .frame-53-179,
  .sp .frame-53-184,
  .sp .frame-53-189 {
    justify-content: space-between;
  }

  .frame-53-189 {
    justify-content: space-between;
  }

  /* .tag-links a:first-child::after {
			content: ' ・';
		} */
}

@media (min-width: 769px) {
  .slide-item {
    height: 500px;
  }
}

/* Modal background */
.modal-sp {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* overflow: auto; */
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-sp .modal-content {
  padding: 10px 40px 40px;
  text-align: center;
}

.modal-sp .modal-content .rectangle {
  width: calc(33.333% - 10.66px);
  text-align: center;
  padding-bottom: 30px;
}

.modal-sp .list-top .thumbnail {
  /* width: calc(33.333% - 10.66px); */
  height: auto;
  object-fit: cover;
}

.modal-sp .list-top .modal-logo {
  /* width: calc(66.666% - 52.66px); */
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 52.5px;
  margin-right: 52.5px;
}

.modal-sp .list-top {
  gap: 5px;
}

.modal-sp {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  /* Ẩn ban đầu */
  justify-content: center;
  align-items: flex-end;
  /* modal từ dưới lên */
  z-index: 999;
  margin-bottom: 0px;
}

.modal-sp .modal-content {
  background: white;
  width: 100%;
  /* max-height: 80vh; */
  padding: 10px 20px;
  transform: translateY(100%);
  opacity: 0;
  animation: slideUp 0.4s ease forwards;
  margin-bottom: 0px;
}

/* Animation */
@keyframes slideUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Khi hiển thị modal */
.modal-sp.show {
  display: flex;
}

.section {
  scroll-margin-top: 25vh;
}

.sp .section {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

/* Custom arrows */
.sp .slick-prev,
.sp .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  z-index: 10;
  background: none;
  border: none;
  font-size: 32px;
  color: black;
  cursor: pointer;
  opacity: 0.6;
}

.sp .slick-prev:hover,
.sp .slick-next:hover {
  opacity: 1;
}

.sp .slick-prev {
  left: 10px;
}

.sp .slick-next {
  right: 10px;
}

/* Responsive for smartphone */
@media (max-width: 768px) {
  .sp .slick-prev,
  .sp .slick-next {
    font-size: 28px;
  }

  .sp .section {
    padding-bottom: 0px !important;
  }

  .modal-sp img {
    width: 100px;
  }

  .button-buy {
    white-space: nowrap;
    margin-left: auto;
  }
}

.credit p span {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
}

.credit .button-buy a {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
  text-underline-offset: 2px;
  /* border-bottom: 1px solid rgba(0, 0, 0, 1);
	padding-bottom: 8px; */
}

@media (max-width: 425px) {
  .all-item-353 {
    margin-top: 10px;
  }
}

@media (max-width: 320px) {
  .sp .section_name p {
    font-size: 22px;
  }

  .all-item-353 {
    width: 220px;
  }

  .social-icons a {
    width: 40px;
  }
}

@media (min-width: 751px) {
  #wrapper.scroll:not(.wrapper--header_nolink) {
    padding-top: 0px !important;
  }
}
#wrapper.scroll:not(.wrapper--header_nolink) {
  padding-top: 0px !important;
}

.text-191 {
  white-space: nowrap;
}

body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

@media (max-width: 750px) {
  .menu-bottom.sp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 9999;
    margin-bottom: calc(10px + env(safe-area-inset-bottom));
  }
  .menu-bottom.sp > .fixed-left-sp {
    text-align: left;
    padding-left: max(16px, env(safe-area-inset-left));
    justify-content: flex-start;
    display: flex;
  }
  .menu-bottom.sp > .fixed-right-sp {
    text-align: right;
    padding-right: max(16px, env(safe-area-inset-right));
    justify-content: flex-end;
    display: flex;
  }
  .menu-bottom.sp > .fixed-menu-sp {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .menu-bottom.sp > div {
    flex: 1 1 0;
    min-width: 0;
  }

  body.modal-open {
    overflow: hidden;
    position: unset !important;
    width: 100%;
  }

  .button-buy a:active {
    text-decoration: none;
  }

  .tag-links {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}

@media (max-width: 376px) {
  .modal-sp .modal-content .rectangle {
    padding-bottom: 10px;
  }

  .text-black {
    font-size: 11px !important;
  }
}