.ayna-category-link-card {
  --c-accent-deep: #0f8b7f;
  --c-line: #cfe9e3;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid var(--c-line);
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
  color: #000;
  text-align: left;
}
.ayna-category-link-card--teal {
  --c-accent-deep: #0f8b7f;
  --c-line: #cfe9e3;
}
.ayna-category-link-card--gold {
  --c-accent-deep: #c99a00;
  --c-line: #efe6c2;
}
.ayna-category-link-card--blue {
  --c-accent-deep: #1059cc;
  --c-line: #cfe0ff;
}
.ayna-category-link-card--red {
  --c-accent-deep: #c0201c;
  --c-line: #f5d3d3;
}
.ayna-category-link-card--purple {
  --c-accent-deep: #7b34b0;
  --c-line: #e8d5f5;
}
.ayna-category-link-card--orange {
  --c-accent-deep: #c46000;
  --c-line: #f5e0cc;
}
.ayna-category-link-card.is-linked {
  transition: box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.ayna-category-link-card.is-linked:not(:disabled):hover, .ayna-category-link-card.is-linked:not(:disabled):focus-visible {
  box-shadow: 0 20px 44px -18px rgba(0, 0, 0, 0.36);
  transform: translateY(-4px);
}
.ayna-category-link-card.is-linked {
  cursor: pointer;
}
@media (min-width: 640px) {
  .ayna-category-link-card.is-linked:hover .ayna-category-link-card__cta .svg {
    transform: translateX(4px);
  }
}
.ayna-category-link-card__link-overlay {
  position: absolute;
  z-index: 1;
  border-radius: inherit;
  inset: 0;
  text-decoration: none;
}
.ayna-category-link-card__icon {
  margin-bottom: 16px;
  color: var(--c-accent-deep);
}
.ayna-category-link-card__icon .svg {
  width: 32px;
  height: 32px;
}
.ayna-category-link-card__meta {
  margin-bottom: 8px;
  color: var(--c-accent-deep);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.ayna-category-link-card__title {
  margin: 0;
  color: #000;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.ayna-category-link-card__body {
  display: block;
  margin: 8px 0 24px;
  color: #555;
  font-size: 14px;
  word-break: keep-all;
}
.ayna-category-link-card__body strong {
  color: #000;
  font-weight: 700;
}
.ayna-category-link-card__body a {
  position: relative;
  z-index: 2;
}
.ayna-category-link-card__cta {
  display: inline-flex;
  align-items: center;
  padding-top: 16px;
  border-top: 1px solid var(--c-line);
  margin-top: auto;
  color: var(--c-accent-deep);
  font-size: 16px;
  font-weight: 700;
  gap: 8px;
}
.ayna-category-link-card__cta .svg {
  width: 16px;
  height: 16px;
  transition: transform 0.3s;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/category-link-card.scss%22,%22../../../../themes/ayna-online/assets/scss/helpers/_variables.scss%22,%22../../../../themes/ayna-online/assets/scss/helpers/_mixins.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA,kBCUW;EDTX;EACA,OCWa;EDVb;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EEkBA,YACE;;AAGF;EAEE;EACA;;AFzBF;EAEE;;AAEA;EAEI;IACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,OChEW;EDiEX;EACA;EACA;;AAGF;EACE;EACA;EACA,OCxEa;EDyEb;EACA;;AAEA;EACE,OC9ES;ED+ET;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA%22,%22file%22:%22category-link-card.css%22,%22sourcesContent%22:%5B%22@use%20'./theme-tokens'%20as%20*;%5Cn%5Cn.ayna-category-link-card%20%7B%5Cn%20%20--c-accent-deep:%20%23%7B$scheme-teal-deep%7D;%5Cn%20%20--c-line:%20%23%7B$scheme-teal-line%7D;%5Cn%5Cn%20%20position:%20relative;%5Cn%20%20display:%20flex;%5Cn%20%20flex-direction:%20column;%5Cn%20%20padding:%2024px;%5Cn%20%20border:%201px%20solid%20var(--c-line);%5Cn%20%20border-radius:%2024px;%5Cn%20%20background-color:%20$base-white;%5Cn%20%20box-shadow:%200%201px%202px%20rgba($base-black,%200.02);%5Cn%20%20color:%20$text-default;%5Cn%20%20text-align:%20left;%5Cn%5Cn%20%20&--teal%20%7B%5Cn%20%20%20%20--c-accent-deep:%20%23%7B$scheme-teal-deep%7D;%5Cn%20%20%20%20--c-line:%20%23%7B$scheme-teal-line%7D;%5Cn%20%20%7D%5Cn%5Cn%20%20&--gold%20%7B%5Cn%20%20%20%20--c-accent-deep:%20%23%7B$scheme-gold-deep%7D;%5Cn%20%20%20%20--c-line:%20%23%7B$scheme-gold-line%7D;%5Cn%20%20%7D%5Cn%5Cn%20%20&--blue%20%7B%5Cn%20%20%20%20--c-accent-deep:%20%23%7B$scheme-blue-deep%7D;%5Cn%20%20%20%20--c-line:%20%23%7B$scheme-blue-line%7D;%5Cn%20%20%7D%5Cn%5Cn%20%20&--red%20%7B%5Cn%20%20%20%20--c-accent-deep:%20%23%7B$scheme-red-deep%7D;%5Cn%20%20%20%20--c-line:%20%23%7B$scheme-red-line%7D;%5Cn%20%20%7D%5Cn%5Cn%20%20&--purple%20%7B%5Cn%20%20%20%20--c-accent-deep:%20%23%7B$scheme-purple-deep%7D;%5Cn%20%20%20%20--c-line:%20%23%7B$scheme-purple-line%7D;%5Cn%20%20%7D%5Cn%5Cn%20%20&--orange%20%7B%5Cn%20%20%20%20--c-accent-deep:%20%23%7B$scheme-orange-deep%7D;%5Cn%20%20%20%20--c-line:%20%23%7B$scheme-orange-line%7D;%5Cn%20%20%7D%5Cn%5Cn%20%20&.is-linked%20%7B%5Cn%20%20%20%20@include%20button-hover-elevation;%5Cn%20%20%20%20cursor:%20pointer;%5Cn%5Cn%20%20%20%20@media%20($md_up)%20%7B%5Cn%20%20%20%20%20%20&:hover%20%7B%5Cn%20%20%20%20%20%20%20%20.ayna-category-link-card__cta%20.svg%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20transform:%20translateX(4px);%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20&__link-overlay%20%7B%5Cn%20%20%20%20position:%20absolute;%5Cn%20%20%20%20z-index:%201;%5Cn%20%20%20%20border-radius:%20inherit;%5Cn%20%20%20%20inset:%200;%5Cn%20%20%20%20text-decoration:%20none;%5Cn%20%20%7D%5Cn%5Cn%20%20&__icon%20%7B%5Cn%20%20%20%20margin-bottom:%2016px;%5Cn%20%20%20%20color:%20var(--c-accent-deep);%5Cn%5Cn%20%20%20%20.svg%20%7B%5Cn%20%20%20%20%20%20width:%2032px;%5Cn%20%20%20%20%20%20height:%2032px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20&__meta%20%7B%5Cn%20%20%20%20margin-bottom:%208px;%5Cn%20%20%20%20color:%20var(--c-accent-deep);%5Cn%20%20%20%20font-size:%2012px;%5Cn%20%20%20%20font-weight:%20700;%5Cn%20%20%20%20letter-spacing:%200.1em;%5Cn%20%20%20%20text-transform:%20uppercase;%5Cn%20%20%7D%5Cn%5Cn%20%20&__title%20%7B%5Cn%20%20%20%20margin:%200;%5Cn%20%20%20%20color:%20$text-default;%5Cn%20%20%20%20font-size:%2022px;%5Cn%20%20%20%20font-weight:%20800;%5Cn%20%20%20%20letter-spacing:%20-0.02em;%5Cn%20%20%7D%5Cn%5Cn%20%20&__body%20%7B%5Cn%20%20%20%20display:%20block;%5Cn%20%20%20%20margin:%208px%200%2024px;%5Cn%20%20%20%20color:%20$text-secondary;%5Cn%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20word-break:%20keep-all;%5Cn%5Cn%20%20%20%20strong%20%7B%5Cn%20%20%20%20%20%20color:%20$text-default;%5Cn%20%20%20%20%20%20font-weight:%20700;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20a%20%7B%5Cn%20%20%20%20%20%20position:%20relative;%5Cn%20%20%20%20%20%20z-index:%202;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20&__cta%20%7B%5Cn%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20padding-top:%2016px;%5Cn%20%20%20%20border-top:%201px%20solid%20var(--c-line);%5Cn%20%20%20%20margin-top:%20auto;%5Cn%20%20%20%20color:%20var(--c-accent-deep);%5Cn%20%20%20%20font-size:%2016px;%5Cn%20%20%20%20font-weight:%20700;%5Cn%20%20%20%20gap:%208px;%5Cn%5Cn%20%20%20%20.svg%20%7B%5Cn%20%20%20%20%20%20width:%2016px;%5Cn%20%20%20%20%20%20height:%2016px;%5Cn%20%20%20%20%20%20transition:%20transform%200.3s;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%22,%22//%20use%5Cn@use%20'sass:map';%5Cn%5Cn//%20layouts%5Cn$container:%20640px;%5Cn%5Cn//%20breakpoints%5Cn$lg_up:%20'min-width:%20%23%7B1024px%7D';%5Cn$md_up:%20'min-width:%20%23%7B640px%7D';%5Cn$sm_up:%20'min-width:%20%23%7B425px%7D';%5Cn%5Cn$lg_down:%20'max-width:%20%23%7B1023px%7D';%5Cn$md_down:%20'max-width:%20%23%7B639px%7D';%5Cn$sm_down:%20'max-width:%20%23%7B424px%7D';%5Cn%5Cn//%20colors%5Cn$ayna-default:%20%23275048;%5Cn$ayna-background:%20%23f4f6f6;%5Cn$ayna-accent:%20%23faba20;%5Cn$ayna-accent-50:%20%23fffcf4;%5Cn$ayna-link:%20%234c907f;%5Cn%5Cn$base-white:%20%23fff;%5Cn$base-black:%20%23000;%5Cn%5Cn$text-default:%20%23000;%5Cn$text-secondary:%20%23555;%5Cn$text-muted:%20%23999;%5Cn$text-subtle:%20%23f1f1f1;%5Cn%5Cn$info-default:%20%230057ff;%5Cn$info-background:%20%23e6eeff;%5Cn%5Cn$brand-naver-default:%20%2303c75a;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-default:%20%23fff8d1;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-background:%20%23fffef6;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-accent:%20%23fff099;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-card-background:%20%23fff9cc;%5Cn$brand-%EC%98%81%EB%93%B1%ED%8F%AC%EB%B0%94%EC%9A%B0%EC%B2%98-button-background:%20%23ffe130;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-default:%20%2316b0b2;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-background:%20%23b2eeee;%5Cn$brand-%EB%B0%94%EC%9A%B0%EC%B2%98-background-50:%20%23f2f9fa;%5Cn$brand-kakao-default:%20%23fae100;%5Cn$brand-kakao-black:%20%23020303;%5Cn%5Cn$danger-default:%20%23e81919;%5Cn$danger-background:%20%23ffefef;%5Cn%5Cn$success-default:%20%2300b894;%5Cn$success-background:%20%23cff9f1;%5Cn%5Cn$accessibility-focus-background:%20%23eee;%5Cn$accessibility-focus-text:%20%23444;%5Cn%5Cn//%20%EC%83%89%EC%83%81%20%EC%A1%B0%ED%95%A9%20(%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC%20%EB%A7%81%ED%81%AC%20%EC%B9%B4%EB%93%9C%20%EB%93%B1%20accent%20+%20%ED%85%8C%EB%91%90%EB%A6%AC%20%EC%8C%8D)%5Cn$scheme-teal-deep:%20%230f8b7f;%5Cn$scheme-teal-line:%20%23cfe9e3;%5Cn$scheme-gold-deep:%20%23c99a00;%5Cn$scheme-gold-line:%20%23efe6c2;%5Cn$scheme-blue-deep:%20%231059cc;%5Cn$scheme-blue-line:%20%23cfe0ff;%5Cn$scheme-red-deep:%20%23c0201c;%5Cn$scheme-red-line:%20%23f5d3d3;%5Cn$scheme-purple-deep:%20%237b34b0;%5Cn$scheme-purple-line:%20%23e8d5f5;%5Cn$scheme-orange-deep:%20%23c46000;%5Cn$scheme-orange-line:%20%23f5e0cc;%5Cn%22,%22//%20use%5Cn@use%20'sass:math';%5Cn@use%20'./variables'%20as%20*;%5Cn%5Cn//%20%EC%84%A0%ED%83%9D%20%EC%B0%A8%EB%8B%A8%5Cn@mixin%20disable($boolean:%20'true')%20%7B%5Cn%20%20@if%20$boolean%20==%20'true'%20%7B%5Cn%20%20%20%20pointer-events:%20none;%5Cn%20%20%20%20touch-action:%20none;%5Cn%20%20%20%20user-select:%20none;%5Cn%20%20%7D%20@else%20%7B%5Cn%20%20%20%20pointer-events:%20auto;%5Cn%20%20%20%20touch-action:%20auto;%5Cn%20%20%20%20user-select:%20auto;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%ED%95%9C%20%EC%A4%84%20%EB%A7%90%EC%A4%84%EC%9E%84%5Cn@mixin%20text-ellipsis()%20%7B%5Cn%20%20display:%20inline-block;%5Cn%20%20overflow:%20hidden;%5Cn%20%20text-overflow:%20ellipsis;%5Cn%20%20white-space:%20nowrap;%5Cn%7D%5Cn%5Cn//%20%EC%97%AC%EB%9F%AC%EC%A4%84%20%EB%A7%90%EC%A4%84%EC%9E%84%5Cn@mixin%20box-ellipsis($line:%203,%20$lineHeight:%2020px,%20$boxHeight:%20'auto')%20%7B%5Cn%20%20display:%20-webkit-box;%5Cn%20%20overflow:%20hidden;%5Cn%20%20-webkit-box-orient:%20vertical;%5Cn%20%20-webkit-line-clamp:%20$line;%5Cn%20%20line-height:%20$lineHeight;%5Cn%20%20overflow-wrap:%20break-word;%5Cn%20%20text-align:%20left;%5Cn%20%20white-space:%20normal;%5Cn%20%20word-break:%20break-all;%5Cn%5Cn%20%20@if%20($boxHeight)%20==%20'fixed'%20%7B%5Cn%20%20%20%20height:%20$line%20*%20$lineHeight;%5Cn%20%20%7D%20@else%20%7B%5Cn%20%20%20%20height:%20auto;%5Cn%20%20%20%20max-height:%20$line%20*%20$lineHeight;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%EC%8A%A4%ED%81%AC%EB%A1%A4%EB%B0%94%20%EC%99%B8%ED%98%95%20%EC%88%A8%EA%B8%B0%EA%B8%B0%5Cn@mixin%20hide-scrollbar()%20%7B%5Cn%20%20-ms-overflow-style:%20none;%5Cn%20%20scrollbar-width:%20none;%5Cn%5Cn%20%20&::-webkit-scrollbar%20%7B%5Cn%20%20%20%20display:%20none;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20container%5Cn@mixin%20container()%20%7B%5Cn%20%20display:%20block;%5Cn%20%20width:%20100%25;%5Cn%20%20max-width:%20$container;%5Cn%20%20margin:%200%20auto;%5Cn%7D%5Cn%5Cn//%20%EB%B2%84%ED%8A%BC%20hover%20%EA%B3%B5%ED%86%B5%20%EC%83%81%EC%8A%B9%20%ED%9A%A8%EA%B3%BC%5Cn@mixin%20button-hover-elevation()%20%7B%5Cn%20%20transition:%5Cn%20%20%20%20box-shadow%200.35s%20ease,%5Cn%20%20%20%20transform%200.35s%20cubic-bezier(0.2,%200.7,%200.2,%201);%5Cn%5Cn%20%20&:not(:disabled):hover,%5Cn%20%20&:not(:disabled):focus-visible%20%7B%5Cn%20%20%20%20box-shadow:%200%2020px%2044px%20-18px%20rgba($base-black,%200.36);%5Cn%20%20%20%20transform:%20translateY(-4px);%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%ED%8F%BC%20%EC%9E%85%EB%A0%A5%20%EC%9A%94%EC%86%8C%20%EA%B3%B5%ED%86%B5%20%EC%8A%A4%ED%83%80%EC%9D%BC%5Cn@mixin%20form-control-base($height:%2048px,%20$font-size:%2016px)%20%7B%5Cn%20%20width:%20100%25;%5Cn%20%20min-width:%200;%5Cn%20%20min-height:%20$height;%5Cn%20%20padding:%208px%2016px;%5Cn%20%20border:%201px%20solid%20$text-subtle;%5Cn%20%20border-radius:%208px;%5Cn%20%20background-color:%20$base-white;%5Cn%20%20color:%20$text-default;%5Cn%20%20font-size:%20$font-size;%5Cn%20%20transition:%5Cn%20%20%20%20border-color%200.2s%20ease,%5Cn%20%20%20%20background-color%200.2s%20ease,%5Cn%20%20%20%20color%200.2s%20ease,%5Cn%20%20%20%20opacity%200.2s%20ease;%5Cn%5Cn%20%20&::placeholder%20%7B%5Cn%20%20%20%20color:%20$text-muted;%5Cn%20%20%20%20font-size:%2014px;%5Cn%20%20%7D%5Cn%5Cn%20%20&:hover%20%7B%5Cn%20%20%20%20border-color:%20$ayna-default;%5Cn%20%20%7D%5Cn%5Cn%20%20&:focus,%5Cn%20%20&:focus-visible,%5Cn%20%20&:active%20%7B%5Cn%20%20%20%20border-color:%20$ayna-default;%5Cn%20%20%7D%5Cn%5Cn%20%20&:disabled,%5Cn%20%20&%5Breadonly%5D%20%7B%5Cn%20%20%20%20border-color:%20$text-subtle;%5Cn%20%20%20%20background-color:%20$ayna-background;%5Cn%20%20%20%20cursor:%20not-allowed;%5Cn%20%20%20%20opacity:%200.72;%5Cn%20%20%7D%5Cn%5Cn%20%20&%5Breadonly%5D%20%7B%5Cn%20%20%20%20cursor:%20default;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%ED%8F%BC%20%EC%9E%85%EB%A0%A5%20%EC%9A%94%EC%86%8C%20%EC%83%81%ED%83%9C%20%EC%8A%A4%ED%83%80%EC%9D%BC%5Cn@mixin%20form-control-state($color,%20$background)%20%7B%5Cn%20%20border-color:%20$color;%5Cn%20%20background-color:%20$background;%5Cn%5Cn%20%20&:focus,%5Cn%20%20&:focus-visible,%5Cn%20%20&:active%20%7B%5Cn%20%20%20%20border-color:%20$color;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%EC%B2%B4%ED%81%AC%EB%B0%95%EC%8A%A4%EC%99%80%20%EB%9D%BC%EB%94%94%EC%98%A4%20%EA%B3%B5%ED%86%B5%20%EC%8A%A4%ED%83%80%EC%9D%BC%5Cn@mixin%20choice-control-base($size:%2016px)%20%7B%5Cn%20%20width:%20$size;%5Cn%20%20height:%20$size;%5Cn%20%20flex:%200%200%20$size;%5Cn%20%20border:%201px%20solid%20$text-subtle;%5Cn%20%20margin:%200;%5Cn%20%20accent-color:%20$ayna-default;%5Cn%20%20appearance:%20auto;%5Cn%20%20cursor:%20pointer;%5Cn%5Cn%20%20&:disabled%20%7B%5Cn%20%20%20%20cursor:%20not-allowed;%5Cn%20%20%20%20opacity:%200.72;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%ED%85%8C%EC%9D%B4%EB%B8%94%20%EA%B3%B5%ED%86%B5%20%EC%8A%A4%ED%83%80%EC%9D%BC%5Cn@mixin%20table-styles()%20%7B%5Cn%20%20width:%20100%25;%5Cn%20%20border:%200;%5Cn%20%20border-top:%202px%20solid%20$ayna-default;%5Cn%20%20border-collapse:%20collapse;%5Cn%5Cn%20%20thead%20%7B%5Cn%20%20%20%20th%20%7B%5Cn%20%20%20%20%20%20padding:%2016px%2016px;%5Cn%20%20%20%20%20%20background-color:%20$ayna-background;%5Cn%20%20%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%20%20font-weight:%20600;%5Cn%20%20%20%20%20%20text-align:%20left;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20tbody%20%7B%5Cn%20%20%20%20tr%20%7B%5Cn%20%20%20%20%20%20border-bottom:%201px%20solid%20$text-subtle;%5Cn%20%20%20%20%20%20transition:%20background-color%200.16s%20ease;%5Cn%5Cn%20%20%20%20%20%20&:last-child%20%7B%5Cn%20%20%20%20%20%20%20%20border-bottom:%200;%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20&:hover%20%7B%5Cn%20%20%20%20%20%20%20%20background-color:%20rgba($ayna-background,%200.7);%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20//%20tbody%20%3E%20th:%20thead%20%EC%97%86%EC%9D%B4%20%ED%96%89%20%EB%A0%88%EC%9D%B4%EB%B8%94%EB%A1%9C%20%EC%93%B0%EC%9D%B4%EB%8A%94%20%EA%B2%BD%EC%9A%B0%5Cn%20%20%20%20th%20%7B%5Cn%20%20%20%20%20%20padding:%2014px%2016px;%5Cn%20%20%20%20%20%20border:%200;%5Cn%20%20%20%20%20%20color:%20$text-default;%5Cn%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%20%20font-weight:%20600;%5Cn%20%20%20%20%20%20text-align:%20left;%5Cn%20%20%20%20%20%20vertical-align:%20middle;%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20td%20%7B%5Cn%20%20%20%20%20%20padding:%2014px%2016px;%5Cn%20%20%20%20%20%20border:%200;%5Cn%20%20%20%20%20%20color:%20$text-secondary;%5Cn%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%20%20vertical-align:%20middle;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20tfoot%20%7B%5Cn%20%20%20%20border-top:%201px%20solid%20$text-subtle;%5Cn%5Cn%20%20%20%20tr%20%7B%5Cn%20%20%20%20%20%20border-bottom:%201px%20solid%20$text-subtle;%5Cn%5Cn%20%20%20%20%20%20&:last-child%20%7B%5Cn%20%20%20%20%20%20%20%20border-bottom:%200;%5Cn%5Cn%20%20%20%20%20%20%20%20th,%5Cn%20%20%20%20%20%20%20%20td%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20%20%20%20%20%20%20font-size:%2016px;%5Cn%20%20%20%20%20%20%20%20%20%20font-weight:%20700;%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20th%20%7B%5Cn%20%20%20%20%20%20padding:%2012px%2016px;%5Cn%20%20%20%20%20%20border:%200;%5Cn%20%20%20%20%20%20color:%20$text-default;%5Cn%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%20%20font-weight:%20600;%5Cn%20%20%20%20%20%20text-align:%20left;%5Cn%5Cn%20%20%20%20%20%20&.order-actions--heading%20%7B%5Cn%20%20%20%20%20%20%20%20display:%20block;%5Cn%20%20%20%20%20%20%20%20visibility:%20hidden;%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20td%20%7B%5Cn%20%20%20%20%20%20padding:%2012px%2016px;%5Cn%20%20%20%20%20%20border:%200;%5Cn%20%20%20%20%20%20color:%20$text-secondary;%5Cn%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%ED%85%8C%EC%9D%B4%EB%B8%94%20%EB%AA%A8%EB%B0%94%EC%9D%BC%20%EB%B0%98%EC%9D%91%ED%98%95%20%EC%8A%A4%ED%83%80%EC%9D%BC%5Cn@mixin%20table-styles-responsive()%20%7B%5Cn%20%20thead%20%7B%5Cn%20%20%20%20display:%20none;%5Cn%20%20%7D%5Cn%5Cn%20%20tbody,%5Cn%20%20tfoot%20%7B%5Cn%20%20%20%20tr%20%7B%5Cn%20%20%20%20%20%20display:%20flex;%5Cn%20%20%20%20%20%20flex-direction:%20column;%5Cn%20%20%20%20%20%20border-bottom:%201px%20solid%20$text-subtle;%5Cn%5Cn%20%20%20%20%20%20&:last-child%20%7B%5Cn%20%20%20%20%20%20%20%20border-bottom:%200;%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20&:hover%20%7B%5Cn%20%20%20%20%20%20%20%20background-color:%20transparent;%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20th,%5Cn%20%20%20%20td%20%7B%5Cn%20%20%20%20%20%20display:%20flex;%5Cn%20%20%20%20%20%20align-items:%20baseline;%5Cn%20%20%20%20%20%20justify-content:%20space-between;%5Cn%20%20%20%20%20%20padding:%2010px%2016px;%5Cn%20%20%20%20%20%20gap:%2012px;%5Cn%5Cn%20%20%20%20%20%20&%5Bdata-title%5D::before%20%7B%5Cn%20%20%20%20%20%20%20%20flex:%200%200%20auto;%5Cn%20%20%20%20%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20%20%20%20%20content:%20attr(data-title);%5Cn%20%20%20%20%20%20%20%20font-size:%2012px;%5Cn%20%20%20%20%20%20%20%20font-weight:%20600;%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20th%20%7B%5Cn%20%20%20%20%20%20background-color:%20$ayna-background;%5Cn%5Cn%20%20%20%20%20%20&%5Bdata-title%5D::before%20%7B%5Cn%20%20%20%20%20%20%20%20color:%20$text-muted;%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20tfoot%20tr:last-child%20%7B%5Cn%20%20%20%20th,%5Cn%20%20%20%20td%20%7B%5Cn%20%20%20%20%20%20font-size:%2014px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn//%20%ED%8E%98%EC%9D%B4%EC%A7%80%EB%84%A4%EC%9D%B4%EC%85%98%20%EA%B3%B5%ED%86%B5%20%EC%8A%A4%ED%83%80%EC%9D%BC%5Cn@mixin%20pagination-common()%20%7B%5Cn%20%20.nav-links%20%7B%5Cn%20%20%20%20display:%20flex;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20justify-content:%20center;%5Cn%20%20%20%20gap:%208px;%5Cn%20%20%7D%5Cn%5Cn%20%20.page-numbers%20%7B%5Cn%20%20%20%20display:%20inline-flex;%5Cn%20%20%20%20min-width:%2040px;%5Cn%20%20%20%20height:%2040px;%5Cn%20%20%20%20align-items:%20center;%5Cn%20%20%20%20justify-content:%20center;%5Cn%20%20%20%20border-radius:%208px;%5Cn%20%20%20%20color:%20$ayna-default;%5Cn%20%20%20%20font-size:%2014px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20min-width:%2032px;%5Cn%20%20%20%20%20%20height:%2032px;%5Cn%20%20%20%20%20%20font-size:%2012px;%5Cn%20%20%20%20%20%20gap:%204px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%5Cn%20%20.page-numbers.current%20%7B%5Cn%20%20%20%20border-color:%20$ayna-default;%5Cn%20%20%20%20background-color:%20$ayna-default;%5Cn%20%20%20%20color:%20$base-white;%5Cn%20%20%7D%5Cn%5Cn%20%20.page-numbers.prev,%5Cn%20%20.page-numbers.next%20%7B%5Cn%20%20%20%20min-width:%20auto;%5Cn%20%20%20%20border:%200;%5Cn%20%20%20%20background-color:%20transparent;%5Cn%20%20%20%20font-size:%2014px;%5Cn%5Cn%20%20%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20%20%20font-size:%2012px;%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%5Cn%22%5D%7D */