@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

html,
body {
  font-family:
    "Pretendard Variable",
    Pretendard,
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    "Segoe UI",
    "Apple SD Gothic Neo",
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif;
}

button,
input,
textarea,
select,
option {
  font-family: inherit;
}

body * {
  touch-action: manipulation;
}

.smartour-mask {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: 2px solid #a366e4 !important;
}

.embla__dots .embla__dot {
  background-color: #d9d9d9;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin: 0 4px;
  cursor: pointer;
}

.embla__dots .embla__dot.embla__dot--selected {
  background-color: #fff;
}

.receipt-cut-wrap {
  background-image: image-set(
    url("https://storage.perfectcdn.com/8oz98m/f93bs7ra00x9o6qf.png") 1x,
    url("https://storage.perfectcdn.com/8oz98m/7nl18y6zr7x128md.png") 2x,
    url("https://storage.perfectcdn.com/8oz98m/z4rp47ulhs2o2fk0.png") 3x
  );
}

#menu-container a.active {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity)) /* #000000 */;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) /* #ffffff */;
  border-top-left-radius: 1.5rem /* 24px */;
  border-bottom-left-radius: 1.5rem /* 24px */;
  background-image: linear-gradient(90deg, #fff 88%, #ddd);
}

#menu-container .sideBarHashLink.active {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity)) /* #000000 */;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) /* #ffffff */;
  border-top-left-radius: 1.5rem /* 24px */;
  border-bottom-left-radius: 1.5rem /* 24px */;
  background-image: linear-gradient(90deg, #fff 88%, #ddd);
}

#menu-container a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity)) /* #000000 */;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) /* #ffffff */;
  border-top-left-radius: 1.5rem /* 24px */;
  border-bottom-left-radius: 1.5rem /* 24px */;
  background-image: linear-gradient(90deg, #fff 88%, #ddd);
}

.social-name.active {
  filter: brightness(1) grayscale(0) !important;
}

.category-box.active {
  border-color: #a366e4 !important;
  background-color: #e7e9f5 !important;
  font-weight: 500;
}

.order-category.active,
.dripfeed-category.active {
  border-color: #9044e2 !important;
  background-color: #a366e4 !important;
  box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.25) !important;
  color: rgb(255 255 255) !important;
}

.order-category.active img,
.dripfeed-category.active img {
  filter: invert(100%) !important;
}

.pay-method.active {
  color: rgb(255 255 255) !important;
  background-color: #5d00c8 !important;
}

.pay-method.active img {
  filter: grayscale(0) !important;
}

.pay-tax.active {
  border-color: rgb(163 102 228) !important;
  color: rgb(0 0 0) !important;
  background-color: rgb(231 233 245) !important;
}

.blog-contents img {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
}