.ayna-form-field {
  display: grid;
  align-items: start;
  gap: 8px 16px;
  grid-template-columns: 120px minmax(0, 1fr);
}
@media (max-width: 639px) {
  .ayna-form-field {
    grid-template-columns: 1fr;
  }
}

.woocommerce-checkout .ayna-form-field.form-row,
.woocommerce .ayna-form-field.form-row {
  display: grid;
  align-items: start;
  gap: 8px 16px;
  grid-template-columns: 120px minmax(0, 1fr);
}
@media (max-width: 639px) {
  .woocommerce-checkout .ayna-form-field.form-row,
  .woocommerce .ayna-form-field.form-row {
    grid-template-columns: 1fr;
  }
}

.ayna-form-field__label {
  padding-top: 8px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 639px) {
  .ayna-form-field__label {
    padding-top: 0;
    font-size: 14px;
  }
}

.woocommerce-checkout .ayna-form-field.form-row .ayna-form-field__label,
.woocommerce .ayna-form-field.form-row .ayna-form-field__label {
  min-width: 0;
  padding-top: 8px;
}
@media (max-width: 639px) {
  .woocommerce-checkout .ayna-form-field.form-row .ayna-form-field__label,
  .woocommerce .ayna-form-field.form-row .ayna-form-field__label {
    padding-top: 0;
  }
}

.ayna-form-field__required {
  color: #e81919;
}

.ayna-form-field__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
}

.woocommerce-checkout .ayna-form-field.form-row .ayna-form-field__body,
.woocommerce .ayna-form-field.form-row .ayna-form-field__body {
  width: 100%;
}

.ayna-form-field__control {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 8px 16px;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.ayna-form-field__control::placeholder {
  color: #999;
  font-size: 14px;
}
.ayna-form-field__control:hover {
  border-color: #275048;
}
.ayna-form-field__control:focus, .ayna-form-field__control:focus-visible, .ayna-form-field__control:active {
  border-color: #275048;
}
.ayna-form-field__control:disabled, .ayna-form-field__control[readonly] {
  border-color: #f1f1f1;
  background-color: #f4f6f6;
  cursor: not-allowed;
  opacity: 0.72;
}
.ayna-form-field__control[readonly] {
  cursor: default;
}

.ayna-form-field__description {
  margin: 0;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/form-field.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:%22AAIA;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAEA;EAPF;AAAA;IAQI;;;;AAIJ;EACE;EACA,OCJa;EDKb;EACA;;AAEA;EANF;IAOI;IACA;;;;AAIJ;AAAA;EAEE;EACA;;AAEA;EALF;AAAA;IAMI;;;;AAIJ;EACE,OCLe;;;ADQjB;EACE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EEaE;EACA;EACA,YAHgC;EAIhC;EACA;EACA;EACA,kBD9DW;EC+DX,OD5Da;EC6Db,WATkD;EAUlD,YACE;;AAKF;EACE,ODnES;ECoET;;AAGF;EACE,cDnFW;;ACsFb;EAGE,cDzFW;;AC4Fb;EAEE,cDlFU;ECmFV,kBD9Fc;EC+Fd;EACA;;AAGF;EACE;;;AFhDJ;EACE;EACA,OC7Ce;ED8Cf;EACA%22,%22file%22:%22form-field.css%22,%22sourcesContent%22:%5B%22//%20%EB%9D%BC%EB%B2%A8%EA%B3%BC%20%EC%9E%85%EB%A0%A5%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%EC%9D%84%20%ED%95%9C%20%ED%96%89%EC%9C%BC%EB%A1%9C%20%EB%B0%B0%EC%B9%98%ED%95%98%EB%8A%94%20%ED%8F%BC%20%ED%95%84%EB%93%9C%20%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%20%EC%8A%A4%ED%83%80%EC%9D%BC%EC%9E%85%EB%8B%88%EB%8B%A4.%5Cn%5Cn@use%20'./theme-tokens'%20as%20*;%5Cn%5Cn.ayna-form-field%20%7B%5Cn%20%20display:%20grid;%5Cn%20%20align-items:%20start;%5Cn%20%20gap:%208px%2016px;%5Cn%20%20grid-template-columns:%20120px%20minmax(0,%201fr);%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20grid-template-columns:%201fr;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.woocommerce-checkout%20.ayna-form-field.form-row,%5Cn.woocommerce%20.ayna-form-field.form-row%20%7B%5Cn%20%20display:%20grid;%5Cn%20%20align-items:%20start;%5Cn%20%20gap:%208px%2016px;%5Cn%20%20grid-template-columns:%20120px%20minmax(0,%201fr);%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20grid-template-columns:%201fr;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.ayna-form-field__label%20%7B%5Cn%20%20padding-top:%208px;%5Cn%20%20color:%20$text-default;%5Cn%20%20font-size:%2016px;%5Cn%20%20font-weight:%20400;%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20padding-top:%200;%5Cn%20%20%20%20font-size:%2014px;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.woocommerce-checkout%20.ayna-form-field.form-row%20.ayna-form-field__label,%5Cn.woocommerce%20.ayna-form-field.form-row%20.ayna-form-field__label%20%7B%5Cn%20%20min-width:%200;%5Cn%20%20padding-top:%208px;%5Cn%5Cn%20%20@media%20($md_down)%20%7B%5Cn%20%20%20%20padding-top:%200;%5Cn%20%20%7D%5Cn%7D%5Cn%5Cn.ayna-form-field__required%20%7B%5Cn%20%20color:%20$danger-default;%5Cn%7D%5Cn%5Cn.ayna-form-field__body%20%7B%5Cn%20%20display:%20flex;%5Cn%20%20min-width:%200;%5Cn%20%20flex-direction:%20column;%5Cn%20%20gap:%208px;%5Cn%7D%5Cn%5Cn.woocommerce-checkout%20.ayna-form-field.form-row%20.ayna-form-field__body,%5Cn.woocommerce%20.ayna-form-field.form-row%20.ayna-form-field__body%20%7B%5Cn%20%20width:%20100%25;%5Cn%7D%5Cn%5Cn.ayna-form-field__control%20%7B%5Cn%20%20@include%20form-control-base;%5Cn%7D%5Cn%5Cn.ayna-form-field__description%20%7B%5Cn%20%20margin:%200;%5Cn%20%20color:%20$text-secondary;%5Cn%20%20font-size:%2014px;%5Cn%20%20line-height:%201.6;%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 */