@import url('https://statics.goorm.io/fonts/GoormSansCode/v1.0.1/GoormSansCode.min.css');@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&text=Google&display=swap');@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@700&text=%ED%95%98%EB%9E%91%EC%9D%B4&display=swap');html[data-theme=light] {
  --color-translucent-red: rgba(255, 64, 53, 0.1019607843);
  --color-translucent-orange: rgba(255, 154, 5, 0.1019607843);
  --color-translucent-yellow: rgba(245, 201, 5, 0.1019607843);
  --color-translucent-green: rgba(50, 204, 88, 0.1019607843);
  --color-translucent-blue: rgba(5, 127, 255, 0.1019607843);
  --color-translucent-indigo: rgba(91, 89, 222, 0.1019607843);
  --color-translucent-purple: rgba(183, 86, 232, 0.1019607843);
  --color-translucent-pink: rgba(255, 50, 90, 0.1019607843);
  --color-translucent-brown: rgba(167, 137, 99, 0.1019607843);
  --color-background-standard-primary: #FFFFFF;
  --color-background-standard-secondary: #EDEEF2;
  --color-background-inverted-primary: #000000;
  --color-background-inverted-secondary: #0E0E0F;
  --color-content-standard-primary: #292A2E;
  --color-content-standard-secondary: rgba(41, 42, 46, 0.7019607843);
  --color-content-standard-teritary: rgba(41, 42, 46, 0.5019607843);
  --color-content-standard-quaternary: rgba(41, 42, 46, 0.3019607843);
  --color-content-inverted-primary: #F4F4F5;
  --color-content-inverted-secondary: rgba(244, 244, 245, 0.6);
  --color-content-inverted-teritary: rgba(244, 244, 245, 0.4);
  --color-content-inverted-quaternary: rgba(244, 244, 245, 0.2);
  --color-line-divider: rgba(121, 124, 138, 0.1607843137);
  --color-line-outline: rgba(121, 124, 138, 0.1215686275);
  --color-line-item: rgba(121, 124, 138, 0.2392156863);
  --color-component-fill-standard-primary: #FAFAFA;
  --color-component-fill-standard-secondary: #F7F7F7;
  --color-component-fill-standard-teritary: #F0F0F0;
  --color-component-fill-inverted-primary: #131314;
  --color-component-fill-inverted-secondary: #161617;
  --color-component-fill-inverted-teritary: #1B1C1D;
  --color-component-interactive-hover: rgba(41, 42, 46, 0.0784313725);
  --color-component-interactive-focused: rgba(41, 42, 46, 0.1215686275);
  --color-component-interactive-pressed: rgba(41, 42, 46, 0.1607843137);
  --color-component-translucent-primary: rgba(121, 124, 138, 0.1019607843);
  --color-component-translucent-secondary: rgba(121, 124, 138, 0.0784313725);
  --color-component-translucent-teritary: rgba(121, 124, 138, 0.0588235294);
  --color-core-accent: #5472EB;
  --color-core-accent-translucent: rgba(84, 114, 235, 0.1019607843);
  --color-core-status-positive: #32CC58;
  --color-core-status-warning: #F5C905;
  --color-core-status-negative: #FF4035;
  --color-syntax-comment: rgba(41, 42, 46, 0.5019607843);
  --color-syntax-function: #5B59DE;
  --color-syntax-variable: #E08804;
  --color-syntax-string: #2BAD4B;
  --color-syntax-constant: #057FFF;
  --color-syntax-operator: #B756E8;
  --color-syntax-keyword: #FF325A;
}


@layer reset, base, tokens, recipes, utilities;
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}
.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}
@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}
.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}
.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}
@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}
.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}
@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}
.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: 'D2Coding';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff')
    format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Wanted Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 1000;
  src:
    local('Wanted Sans ExtraBlack'),
    url('https://dev-ai-lab-embed.app.horang.it/woff2/WantedSans-ExtraBlack.woff2') format('woff2'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/WantedSans-ExtraBlack.ttf') format('truetype');
}
@font-face {
  font-family: 'Wanted Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local('Wanted Sans Black'),
    url('https://dev-ai-lab-embed.app.horang.it/woff2/WantedSans-Black.woff2') format('woff2'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/WantedSans-Black.ttf') format('truetype');
}
@font-face {
  font-family: 'Wanted Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:
    local('Wanted Sans ExtraBold'),
    url('https://dev-ai-lab-embed.app.horang.it/woff2/WantedSans-ExtraBold.woff2') format('woff2'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/WantedSans-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Wanted Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local('Wanted Sans Bold'),
    url('https://dev-ai-lab-embed.app.horang.it/woff2/WantedSans-Bold.woff2') format('woff2'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/WantedSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Wanted Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local('Wanted Sans SemiBold'),
    url('https://dev-ai-lab-embed.app.horang.it/woff2/WantedSans-SemiBold.woff2') format('woff2'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/WantedSans-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Wanted Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Wanted Sans Medium'),
    url('https://dev-ai-lab-embed.app.horang.it/woff2/WantedSans-Medium.woff2') format('woff2'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/WantedSans-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Wanted Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Wanted Sans Regular'),
    url('https://dev-ai-lab-embed.app.horang.it/woff2/WantedSans-Regular.woff2') format('woff2'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/WantedSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Toss Face';
  font-style: normal;
  font-display: swap;
  src:
    local('TossFaceFontMac Regular'),
    url('https://dev-ai-lab-embed.app.horang.it/ttf/TossFaceFontMac.ttf') format('truetype');
}
@font-face {
  font-family: 'bitbit';
  src:
    url('/otf/DNFBitBitOTF.otf') format('opentype'),
    url('/ttf/DNFBitBitTTF.ttf') format('truetype')
      url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff'),
    url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff2');
}
:root {
  font-size: 16px;
  font-family:
    'Wanted Sans Variable',
    'Wanted Sans',
    'Toss Face',
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    'Segoe UI',
    'Apple SD Gothic Neo',
    'Noto Sans KR',
    'Malgun Gothic',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    sans-serif;
  --gnb-height: 65px;
  word-break: keep-all;
}
* {
  box-sizing: border-box;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
html {
  -ms-content-zooming: none;
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
body,
#root {
  margin: 0;
  width: 100dvw;
  height: 100dvh;
  background: #fff;
}
img {
  -webkit-user-drag: none;
}
span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a {
  text-decoration: none;
}
pre {
  margin: 0;
  font-feature-settings: 'liga' 0;
  font-variant-ligatures: none;
}
code {
  font-family: 'D2Coding';
  font-feature-settings: 'liga' 0;
  font-variant-ligatures: none;
  font-weight: 400;
}
input,
textarea {
  font-family: 'Wanted Sans';
  font-weight: 400;
}
.ansi-dim {
  opacity: 0.5;
}
.ansi-bold {
  font-weight: bold;
}
.ansi-underline {
  text-decoration: underline;
}
.Toastify__toast--stacked {
  width: fit-content !important;
}
.Toastify__toast-body {
  width: fit-content !important;
}
.tiptap[data-font='static'] > * {
  font-size: 16px;
  line-height: 18.5px;
}
.tiptap[data-font='static'] code {
  font-size: 16px;
}
.tiptap[data-font='static'] h1 {
  font-size: 32px;
  line-height: 32px;
}
.tiptap[data-font='static'] h2 {
  font-size: 24px;
  line-height: 24px;
}
svg {
  flex-shrink: 0;
}
@layer reset {
  html,:host {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
}

  *,::before,::after,::backdrop,::file-selector-button {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--global-color-border, currentcolor);
    box-sizing: border-box;
}

  hr {
    color: inherit;
    height: 0px;
    border-top-width: 1px;
}

  body {
    line-height: inherit;
    height: 100%;
}

  img {
    border-style: none;
}

  img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle;
}

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

  h1,h2,h3,h4,h5,h6 {
    text-wrap: balance;
    font-size: inherit;
    font-weight: inherit;
}

  p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word;
}

  ol,ul,menu {
    list-style: none;
}

  button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}

  button,input,optgroup,select,textarea,::file-selector-button {
    font: inherit;
    background: var(--colors-transparent);
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
}

  ::placeholder {
    --placeholder-fallback: rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: var(--global-color-placeholder, var(--placeholder-fallback));
}

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
}
}

  ::selection {
    background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3));
}

  textarea {
    resize: vertical;
}

  table {
    border-color: inherit;
    text-indent: 0px;
    border-collapse: collapse;
}

  summary {
    display: list-item;
}

  small {
    font-size: 80%;
}

  sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

  sub {
    bottom: -0.25em;
}

  sup {
    top: -0.5em;
}

  dialog {
    padding: 0px;
}

  a {
    text-decoration: inherit;
    color: inherit;
}

  abbr:where([title]) {
    text-decoration: underline dotted;
}

  b,strong {
    font-weight: bolder;
}

  code,kbd,samp,pre {
    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

  progress {
    vertical-align: baseline;
}

  ::-webkit-search-decoration,::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto;
}

  :-moz-ui-invalid {
    box-shadow: none;
}

  :-moz-focusring {
    outline: auto;
}

  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}
}
@layer base {
  :root {
    --made-with-panda: '🐼';
}

  *,::before,::after,::backdrop {
    --blur: /*-*/ /*-*/;
    --brightness: /*-*/ /*-*/;
    --contrast: /*-*/ /*-*/;
    --grayscale: /*-*/ /*-*/;
    --hue-rotate: /*-*/ /*-*/;
    --invert: /*-*/ /*-*/;
    --saturate: /*-*/ /*-*/;
    --sepia: /*-*/ /*-*/;
    --drop-shadow: /*-*/ /*-*/;
    --backdrop-blur: /*-*/ /*-*/;
    --backdrop-brightness: /*-*/ /*-*/;
    --backdrop-contrast: /*-*/ /*-*/;
    --backdrop-grayscale: /*-*/ /*-*/;
    --backdrop-hue-rotate: /*-*/ /*-*/;
    --backdrop-invert: /*-*/ /*-*/;
    --backdrop-opacity: /*-*/ /*-*/;
    --backdrop-saturate: /*-*/ /*-*/;
    --backdrop-sepia: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}
}
@layer tokens {
  :where(:root, :host) {
    --aspect-ratios-square: 1 / 1;
    --aspect-ratios-landscape: 4 / 3;
    --aspect-ratios-portrait: 3 / 4;
    --aspect-ratios-wide: 16 / 9;
    --aspect-ratios-ultrawide: 18 / 5;
    --aspect-ratios-golden: 1.618 / 1;
    --borders-none: none;
    --easings-default: cubic-bezier(0.4, 0, 0.2, 1);
    --easings-linear: linear;
    --easings-in: cubic-bezier(0.4, 0, 1, 1);
    --easings-out: cubic-bezier(0, 0, 0.2, 1);
    --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --durations-fastest: 50ms;
    --durations-faster: 100ms;
    --durations-fast: 150ms;
    --durations-normal: 200ms;
    --durations-slow: 300ms;
    --durations-slower: 400ms;
    --durations-slowest: 500ms;
    --fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --letter-spacings-tighter: -0.05em;
    --letter-spacings-tight: -0.025em;
    --letter-spacings-normal: 0em;
    --letter-spacings-wide: 0.025em;
    --letter-spacings-wider: 0.05em;
    --letter-spacings-widest: 0.1em;
    --blurs-xs: 4px;
    --blurs-sm: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --animations-spin: spin 1s linear infinite;
    --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animations-bounce: bounce 1s infinite;
    --colors-current: currentColor;
    --colors-transparent: rgb(0 0 0 / 0);
    --colors-rose-50: #fff1f2;
    --colors-rose-100: #ffe4e6;
    --colors-rose-200: #fecdd3;
    --colors-rose-300: #fda4af;
    --colors-rose-400: #fb7185;
    --colors-rose-500: #f43f5e;
    --colors-rose-600: #e11d48;
    --colors-rose-700: #be123c;
    --colors-rose-800: #9f1239;
    --colors-rose-900: #881337;
    --colors-rose-950: #4c0519;
    --colors-fuchsia-50: #fdf4ff;
    --colors-fuchsia-100: #fae8ff;
    --colors-fuchsia-200: #f5d0fe;
    --colors-fuchsia-300: #f0abfc;
    --colors-fuchsia-400: #e879f9;
    --colors-fuchsia-500: #d946ef;
    --colors-fuchsia-600: #c026d3;
    --colors-fuchsia-700: #a21caf;
    --colors-fuchsia-800: #86198f;
    --colors-fuchsia-900: #701a75;
    --colors-fuchsia-950: #4a044e;
    --colors-violet-50: #f5f3ff;
    --colors-violet-100: #ede9fe;
    --colors-violet-200: #ddd6fe;
    --colors-violet-300: #c4b5fd;
    --colors-violet-400: #a78bfa;
    --colors-violet-500: #8b5cf6;
    --colors-violet-600: #7c3aed;
    --colors-violet-700: #6d28d9;
    --colors-violet-800: #5b21b6;
    --colors-violet-900: #4c1d95;
    --colors-violet-950: #2e1065;
    --colors-sky-50: #f0f9ff;
    --colors-sky-100: #e0f2fe;
    --colors-sky-200: #bae6fd;
    --colors-sky-300: #7dd3fc;
    --colors-sky-400: #38bdf8;
    --colors-sky-500: #0ea5e9;
    --colors-sky-600: #0284c7;
    --colors-sky-700: #0369a1;
    --colors-sky-800: #075985;
    --colors-sky-900: #0c4a6e;
    --colors-sky-950: #082f49;
    --colors-cyan-50: #ecfeff;
    --colors-cyan-100: #cffafe;
    --colors-cyan-200: #a5f3fc;
    --colors-cyan-300: #67e8f9;
    --colors-cyan-400: #22d3ee;
    --colors-cyan-500: #06b6d4;
    --colors-cyan-600: #0891b2;
    --colors-cyan-700: #0e7490;
    --colors-cyan-800: #155e75;
    --colors-cyan-900: #164e63;
    --colors-cyan-950: #083344;
    --colors-teal-50: #f0fdfa;
    --colors-teal-100: #ccfbf1;
    --colors-teal-200: #99f6e4;
    --colors-teal-300: #5eead4;
    --colors-teal-400: #2dd4bf;
    --colors-teal-500: #14b8a6;
    --colors-teal-600: #0d9488;
    --colors-teal-700: #0f766e;
    --colors-teal-800: #115e59;
    --colors-teal-900: #134e4a;
    --colors-teal-950: #042f2e;
    --colors-emerald-50: #ecfdf5;
    --colors-emerald-100: #d1fae5;
    --colors-emerald-200: #a7f3d0;
    --colors-emerald-300: #6ee7b7;
    --colors-emerald-400: #34d399;
    --colors-emerald-500: #10b981;
    --colors-emerald-600: #059669;
    --colors-emerald-700: #047857;
    --colors-emerald-800: #065f46;
    --colors-emerald-900: #064e3b;
    --colors-emerald-950: #022c22;
    --colors-lime-50: #f7fee7;
    --colors-lime-100: #ecfccb;
    --colors-lime-200: #d9f99d;
    --colors-lime-300: #bef264;
    --colors-lime-400: #a3e635;
    --colors-lime-500: #84cc16;
    --colors-lime-600: #65a30d;
    --colors-lime-700: #4d7c0f;
    --colors-lime-800: #3f6212;
    --colors-lime-900: #365314;
    --colors-lime-950: #1a2e05;
    --colors-amber-50: #fffbeb;
    --colors-amber-100: #fef3c7;
    --colors-amber-200: #fde68a;
    --colors-amber-300: #fcd34d;
    --colors-amber-400: #fbbf24;
    --colors-amber-500: #f59e0b;
    --colors-amber-600: #d97706;
    --colors-amber-700: #b45309;
    --colors-amber-800: #92400e;
    --colors-amber-900: #78350f;
    --colors-amber-950: #451a03;
    --colors-neutral-50: #fafafa;
    --colors-neutral-100: #f5f5f5;
    --colors-neutral-200: #e5e5e5;
    --colors-neutral-300: #d4d4d4;
    --colors-neutral-400: #a3a3a3;
    --colors-neutral-500: #737373;
    --colors-neutral-600: #525252;
    --colors-neutral-700: #404040;
    --colors-neutral-800: #262626;
    --colors-neutral-900: #171717;
    --colors-neutral-950: #0a0a0a;
    --colors-stone-50: #fafaf9;
    --colors-stone-100: #f5f5f4;
    --colors-stone-200: #e7e5e4;
    --colors-stone-300: #d6d3d1;
    --colors-stone-400: #a8a29e;
    --colors-stone-500: #78716c;
    --colors-stone-600: #57534e;
    --colors-stone-700: #44403c;
    --colors-stone-800: #292524;
    --colors-stone-900: #1c1917;
    --colors-stone-950: #0c0a09;
    --colors-zinc-50: #fafafa;
    --colors-zinc-100: #f4f4f5;
    --colors-zinc-200: #e4e4e7;
    --colors-zinc-300: #d4d4d8;
    --colors-zinc-400: #a1a1aa;
    --colors-zinc-500: #71717a;
    --colors-zinc-600: #52525b;
    --colors-zinc-700: #3f3f46;
    --colors-zinc-800: #27272a;
    --colors-zinc-900: #18181b;
    --colors-zinc-950: #09090b;
    --colors-gray-50: #f9fafb;
    --colors-gray-100: #f3f4f6;
    --colors-gray-200: #e5e7eb;
    --colors-gray-300: #d1d5db;
    --colors-gray-400: #9ca3af;
    --colors-gray-500: #6b7280;
    --colors-gray-600: #4b5563;
    --colors-gray-700: #374151;
    --colors-gray-800: #1f2937;
    --colors-gray-900: #111827;
    --colors-gray-950: #030712;
    --colors-slate-50: #f8fafc;
    --colors-slate-100: #f1f5f9;
    --colors-slate-200: #e2e8f0;
    --colors-slate-300: #cbd5e1;
    --colors-slate-400: #94a3b8;
    --colors-slate-500: #64748b;
    --colors-slate-600: #475569;
    --colors-slate-700: #334155;
    --colors-slate-800: #1e293b;
    --colors-slate-900: #0f172a;
    --colors-slate-950: #020617;
    --colors-red-50: #fef2f2;
    --colors-red-100: #fee2e2;
    --colors-red-200: #fecaca;
    --colors-red-300: #fca5a5;
    --colors-red-400: #f87171;
    --colors-red-500: #ef4444;
    --colors-red-600: #dc2626;
    --colors-red-700: #b91c1c;
    --colors-red-800: #991b1b;
    --colors-red-900: #7f1d1d;
    --colors-red-950: #450a0a;
    --colors-red: #FF4035;
    --colors-orange-50: #fff7ed;
    --colors-orange-100: #ffedd5;
    --colors-orange-200: #fed7aa;
    --colors-orange-300: #fdba74;
    --colors-orange-400: #fb923c;
    --colors-orange-500: #f97316;
    --colors-orange-600: #ea580c;
    --colors-orange-700: #c2410c;
    --colors-orange-800: #9a3412;
    --colors-orange-900: #7c2d12;
    --colors-orange-950: #431407;
    --colors-orange: #FF9A05;
    --colors-yellow-50: #fefce8;
    --colors-yellow-100: #fef9c3;
    --colors-yellow-200: #fef08a;
    --colors-yellow-300: #fde047;
    --colors-yellow-400: #facc15;
    --colors-yellow-500: #eab308;
    --colors-yellow-600: #ca8a04;
    --colors-yellow-700: #a16207;
    --colors-yellow-800: #854d0e;
    --colors-yellow-900: #713f12;
    --colors-yellow-950: #422006;
    --colors-yellow: #F5C905;
    --colors-green-50: #f0fdf4;
    --colors-green-100: #dcfce7;
    --colors-green-200: #bbf7d0;
    --colors-green-300: #86efac;
    --colors-green-400: #4ade80;
    --colors-green-500: #22c55e;
    --colors-green-600: #16a34a;
    --colors-green-700: #15803d;
    --colors-green-800: #166534;
    --colors-green-900: #14532d;
    --colors-green-950: #052e16;
    --colors-green: #32CC58;
    --colors-blue-50: #eff6ff;
    --colors-blue-100: #dbeafe;
    --colors-blue-200: #bfdbfe;
    --colors-blue-300: #93c5fd;
    --colors-blue-400: #60a5fa;
    --colors-blue-500: #3b82f6;
    --colors-blue-600: #2563eb;
    --colors-blue-700: #1d4ed8;
    --colors-blue-800: #1e40af;
    --colors-blue-900: #1e3a8a;
    --colors-blue-950: #172554;
    --colors-blue: #057FFF;
    --colors-indigo-50: #eef2ff;
    --colors-indigo-100: #e0e7ff;
    --colors-indigo-200: #c7d2fe;
    --colors-indigo-300: #a5b4fc;
    --colors-indigo-400: #818cf8;
    --colors-indigo-500: #6366f1;
    --colors-indigo-600: #4f46e5;
    --colors-indigo-700: #4338ca;
    --colors-indigo-800: #3730a3;
    --colors-indigo-900: #312e81;
    --colors-indigo-950: #1e1b4b;
    --colors-indigo: #5B59DE;
    --colors-purple-50: #faf5ff;
    --colors-purple-100: #f3e8ff;
    --colors-purple-200: #e9d5ff;
    --colors-purple-300: #d8b4fe;
    --colors-purple-400: #c084fc;
    --colors-purple-500: #a855f7;
    --colors-purple-600: #9333ea;
    --colors-purple-700: #7e22ce;
    --colors-purple-800: #6b21a8;
    --colors-purple-900: #581c87;
    --colors-purple-950: #3b0764;
    --colors-purple: #B756E8;
    --colors-pink-50: #fdf2f8;
    --colors-pink-100: #fce7f3;
    --colors-pink-200: #fbcfe8;
    --colors-pink-300: #f9a8d4;
    --colors-pink-400: #f472b6;
    --colors-pink-500: #ec4899;
    --colors-pink-600: #db2777;
    --colors-pink-700: #be185d;
    --colors-pink-800: #9d174d;
    --colors-pink-900: #831843;
    --colors-pink-950: #500724;
    --colors-pink: #FF325A;
    --colors-brown: #A78963;
    --colors-white: #FFFFFF;
    --colors-black: #000000;
    --colors-creative: #EB54B0;
    --colors-challenge: #28C777;
    --colors-community: #54A0EB;
    --colors-free: #8E6CEB;
    --colors-translucent-red: var(--color-translucent-red);
    --colors-translucent-orange: var(--color-translucent-orange);
    --colors-translucent-yellow: var(--color-translucent-yellow);
    --colors-translucent-green: var(--color-translucent-green);
    --colors-translucent-blue: var(--color-translucent-blue);
    --colors-translucent-indigo: var(--color-translucent-indigo);
    --colors-translucent-purple: var(--color-translucent-purple);
    --colors-translucent-pink: var(--color-translucent-pink);
    --colors-translucent-brown: var(--color-translucent-brown);
    --colors-background-standard-primary: var(--color-background-standard-primary);
    --colors-background-standard-secondary: var(--color-background-standard-secondary);
    --colors-background-inverted-primary: var(--color-background-inverted-primary);
    --colors-background-inverted-secondary: var(--color-background-inverted-secondary);
    --colors-content-standard-primary: var(--color-content-standard-primary);
    --colors-content-standard-secondary: var(--color-content-standard-secondary);
    --colors-content-standard-teritary: var(--color-content-standard-teritary);
    --colors-content-standard-quaternary: var(--color-content-standard-quaternary);
    --colors-content-inverted-primary: var(--color-content-inverted-primary);
    --colors-content-inverted-secondary: var(--color-content-inverted-secondary);
    --colors-content-inverted-teritary: var(--color-content-inverted-teritary);
    --colors-content-inverted-quaternary: var(--color-content-inverted-quaternary);
    --colors-line-divider: var(--color-line-divider);
    --colors-line-outline: var(--color-line-outline);
    --colors-line-item: var(--color-line-item);
    --colors-component-fill-standard-primary: var(--color-component-fill-standard-primary);
    --colors-component-fill-standard-secondary: var(--color-component-fill-standard-secondary);
    --colors-component-fill-standard-teritary: var(--color-component-fill-standard-teritary);
    --colors-component-fill-inverted-primary: var(--color-component-fill-inverted-primary);
    --colors-component-fill-inverted-secondary: var(--color-component-fill-inverted-secondary);
    --colors-component-fill-inverted-teritary: var(--color-component-fill-inverted-teritary);
    --colors-component-interactive-hover: var(--color-component-interactive-hover);
    --colors-component-interactive-focused: var(--color-component-interactive-focused);
    --colors-component-interactive-pressed: var(--color-component-interactive-pressed);
    --colors-component-translucent-primary: var(--color-component-translucent-primary);
    --colors-component-translucent-secondary: var(--color-component-translucent-secondary);
    --colors-component-translucent-teritary: var(--color-component-translucent-teritary);
    --colors-core-accent: var(--color-core-accent);
    --colors-core-accent-translucent: var(--color-core-accent-translucent);
    --colors-core-status-positive: var(--color-core-status-positive);
    --colors-core-status-warning: var(--color-core-status-warning);
    --colors-core-status-negative: var(--color-core-status-negative);
    --colors-syntax-comment: var(--color-syntax-comment);
    --colors-syntax-function: var(--color-syntax-function);
    --colors-syntax-variable: var(--color-syntax-variable);
    --colors-syntax-string: var(--color-syntax-string);
    --colors-syntax-constant: var(--color-syntax-constant);
    --colors-syntax-operator: var(--color-syntax-operator);
    --colors-syntax-keyword: var(--color-syntax-keyword);
    --spacing-0: 0rem;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-50: 0.125rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --spacing-100: 0.25rem;
    --spacing-150: 0.375rem;
    --spacing-200: 0.5rem;
    --spacing-300: 0.75rem;
    --spacing-400: 1rem;
    --spacing-500: 1.25rem;
    --spacing-550: 1.5rem;
    --spacing-600: 1.75rem;
    --spacing-700: 2rem;
    --spacing-750: 2.25rem;
    --spacing-800: 2.5rem;
    --spacing-850: 3rem;
    --spacing-900: 4rem;
    --spacing-950: 4.5rem;
    --spacing-1000: 5rem;
    --spacing-0\.5: 0.125rem;
    --spacing-1\.5: 0.375rem;
    --spacing-2\.5: 0.625rem;
    --spacing-3\.5: 0.875rem;
    --spacing-4\.5: 1.125rem;
    --spacing-5\.5: 1.375rem;
    --sizes-0: 0rem;
    --sizes-1: 0.25rem;
    --sizes-2: 0.5rem;
    --sizes-3: 0.75rem;
    --sizes-4: 1rem;
    --sizes-5: 1.25rem;
    --sizes-6: 1.5rem;
    --sizes-7: 1.75rem;
    --sizes-8: 2rem;
    --sizes-9: 2.25rem;
    --sizes-10: 2.5rem;
    --sizes-11: 2.75rem;
    --sizes-12: 3rem;
    --sizes-14: 3.5rem;
    --sizes-16: 4rem;
    --sizes-20: 5rem;
    --sizes-24: 6rem;
    --sizes-28: 7rem;
    --sizes-32: 8rem;
    --sizes-36: 9rem;
    --sizes-40: 10rem;
    --sizes-44: 11rem;
    --sizes-48: 12rem;
    --sizes-50: 0.125rem;
    --sizes-52: 13rem;
    --sizes-56: 14rem;
    --sizes-60: 15rem;
    --sizes-64: 16rem;
    --sizes-72: 18rem;
    --sizes-80: 20rem;
    --sizes-96: 24rem;
    --sizes-100: 0.25rem;
    --sizes-150: 0.375rem;
    --sizes-200: 0.5rem;
    --sizes-300: 0.75rem;
    --sizes-400: 1rem;
    --sizes-500: 1.25rem;
    --sizes-550: 1.5rem;
    --sizes-600: 1.75rem;
    --sizes-700: 2rem;
    --sizes-750: 2.25rem;
    --sizes-800: 2.5rem;
    --sizes-850: 3rem;
    --sizes-900: 4rem;
    --sizes-950: 4.5rem;
    --sizes-1000: 5rem;
    --sizes-0\.5: 0.125rem;
    --sizes-1\.5: 0.375rem;
    --sizes-2\.5: 0.625rem;
    --sizes-3\.5: 0.875rem;
    --sizes-4\.5: 1.125rem;
    --sizes-5\.5: 1.375rem;
    --sizes-xs: 20rem;
    --sizes-sm: 24rem;
    --sizes-md: 28rem;
    --sizes-lg: 32rem;
    --sizes-xl: 36rem;
    --sizes-2xl: 42rem;
    --sizes-3xl: 48rem;
    --sizes-4xl: 56rem;
    --sizes-5xl: 64rem;
    --sizes-6xl: 72rem;
    --sizes-7xl: 80rem;
    --sizes-8xl: 90rem;
    --sizes-prose: 65ch;
    --sizes-full: 100%;
    --sizes-min: min-content;
    --sizes-max: max-content;
    --sizes-fit: fit-content;
    --sizes-breakpoint-sm: 640px;
    --sizes-breakpoint-md: 768px;
    --sizes-breakpoint-lg: 1024px;
    --sizes-breakpoint-xl: 1280px;
    --sizes-breakpoint-2xl: 1536px;
    --radii-100: 4px;
    --radii-200: 6px;
    --radii-300: 8px;
    --radii-400: 12px;
    --radii-500: 14px;
    --radii-600: 16px;
    --radii-700: 20px;
    --radii-800: 24px;
    --radii-900: 28px;
    --radii-1000: 32px;
    --radii-xs: 0.125rem;
    --radii-sm: 0.25rem;
    --radii-md: 0.375rem;
    --radii-lg: 0.5rem;
    --radii-xl: 0.75rem;
    --radii-2xl: 1rem;
    --radii-3xl: 1.5rem;
    --radii-4xl: 2rem;
    --radii-full: 9999px;
    --font-sizes-2xs: 0.5rem;
    --font-sizes-xs: 0.75rem;
    --font-sizes-sm: 0.875rem;
    --font-sizes-md: 1rem;
    --font-sizes-lg: 1.125rem;
    --font-sizes-xl: 1.25rem;
    --font-sizes-2xl: 1.5rem;
    --font-sizes-3xl: 1.875rem;
    --font-sizes-4xl: 2.25rem;
    --font-sizes-5xl: 3rem;
    --font-sizes-6xl: 3.75rem;
    --font-sizes-7xl: 4.5rem;
    --font-sizes-8xl: 6rem;
    --font-sizes-9xl: 8rem;
    --font-sizes-display: 3rem;
    --font-sizes-display2: 2.25rem;
    --font-sizes-title: 1.5rem;
    --font-sizes-heading: 1.25rem;
    --font-sizes-body: 1rem;
    --font-sizes-label: 0.875rem;
    --font-sizes-footnote: 0.75rem;
    --font-sizes-caption: 0.625rem;
    --line-heights-none: 1;
    --line-heights-tight: 1.25;
    --line-heights-snug: 1.375;
    --line-heights-normal: 1.5;
    --line-heights-relaxed: 1.625;
    --line-heights-loose: 2;
    --line-heights-display: 4rem;
    --line-heights-display2: 3rem;
    --line-heights-title: 2rem;
    --line-heights-heading: 1.75rem;
    --line-heights-body: 1.5rem;
    --line-heights-label: 1.275rem;
    --line-heights-footnote: 1.25rem;
    --line-heights-caption: 1rem;
    --font-weights-thin: 100;
    --font-weights-extralight: 200;
    --font-weights-light: 300;
    --font-weights-normal: 400;
    --font-weights-semibold: 600;
    --font-weights-bold: 700;
    --font-weights-extrabold: 800;
    --font-weights-black: 900;
    --font-weights-strong: 700;
    --font-weights-medium: 500;
    --font-weights-regular: 500;
    --shadows-2xs: 0 1px rgb(0 0 0 / 0.05);
    --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --shadows-inset-2xs: inset 0 1px rgb(0 0 0 / 0.05);
    --shadows-inset-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
    --shadows-inset-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
    --shadows-float: 0 2px 45px 0 rgba(158, 158, 158, 0.23);
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
}

  @keyframes spin {
    to {
      transform: rotate(360deg);
}
}

  @keyframes ping {
    75%,100% {
      transform: scale(2);
      opacity: 0;
}
}

  @keyframes pulse {
    50% {
      opacity: 0.5;
}
}

  @keyframes bounce {
    0%,100% {
      transform: translateY(-25%);
      animation-timing-function: cubic-bezier(0.8,0,1,1);
}

    50% {
      transform: none;
      animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}

  @keyframes cellRunButtonSpin {
    from {
      transform: rotate(0deg);
}

    to {
      transform: rotate(360deg);
}
}

  @keyframes cellRunButtonGlow {
    0%,100% {
      box-shadow: 0 0 0 0 rgba(27, 130, 255, 0.2);
}

    50% {
      box-shadow: 0 0 0 4px rgba(27, 130, 255, 0.35);
}
}

  @keyframes cellIndicatorPulse {
    0%,100% {
      opacity: 1;
}

    50% {
      opacity: 0.3;
}
}
}
@layer utilities {
  .\--thickness_1px {
    --thickness: 1px;
}

  .bg_background\.standard\.secondary {
    background: var(--colors-background-standard-secondary);
}

  .bg_line\.divider {
    background: var(--colors-line-divider);
}

  .m_14px {
    margin: 14px;
}

  .m_-0\.75rem {
    margin: -0.75rem;
}

  .p_0\.75rem {
    padding: 0.75rem;
}

  .bd_none {
    border: var(--borders-none);
}

  .bg_transparent {
    background: var(--colors-transparent);
}

  .p_0 {
    padding: var(--spacing-0);
}

  .m_0 {
    margin: var(--spacing-0);
}

  .bd_0px_solid_transparent {
    border: 0px solid transparent;
}

  .p_200 {
    padding: var(--spacing-200);
}

  .bd_1px_solid {
    border: 1px solid;
}

  .bd_1\.5px_solid_transparent {
    border: 1.5px solid transparent;
}

  .bg_linear-gradient\(white\,_white\)_padding-box\,_linear-gradient\(90deg\,_rgba\(84\,_160\,_235\,_0\.5\)_0\%\,_rgba\(186\,_143\,_255\,_0\.5\)_37\%\,_rgba\(151\,_178\,_255\,_0\.5\)_74\%\,_rgba\(36\,_79\,_250\,_0\.5\)_100\%\)_border-box\,_linear-gradient\(white\,_white\)_border-box {
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, rgba(84, 160, 235, 0.5) 0%, rgba(186, 143, 255, 0.5) 37%, rgba(151, 178, 255, 0.5) 74%, rgba(36, 79, 250, 0.5) 100%) border-box, linear-gradient(white, white) border-box;
}

  .bg_component\.fill\.standard\.primary {
    background: var(--colors-component-fill-standard-primary);
}

  .p_800 {
    padding: var(--spacing-800);
}

  .p_500 {
    padding: var(--spacing-500);
}

  .bg_background\.standard\.primary {
    background: var(--colors-background-standard-primary);
}

  .p_150 {
    padding: var(--spacing-150);
}

  .m_0_auto {
    margin: 0 auto;
}

  .bg_core\.accent {
    background: var(--colors-core-accent);
}

  .p_100 {
    padding: var(--spacing-100);
}

  .inset_0 {
    inset: var(--spacing-0);
}

  .inset_unset {
    inset: unset;
}

  .bg_core\.accentTranslucent {
    background: var(--colors-core-accent-translucent);
}

  .bg_component\.fill\.inverted\.primary {
    background: var(--colors-component-fill-inverted-primary);
}

  .p_300_400 {
    padding: 300 400;
}

  .bg_rgba\(0\,_0\,_0\,_0\.8\) {
    background: rgba(0, 0, 0, 0.8);
}

  .bg_black {
    background: var(--colors-black);
}

  .p_600 {
    padding: var(--spacing-600);
}

  .p_200_400 {
    padding: 200 400;
}

  .bg_white {
    background: var(--colors-white);
}

  .bg_rgba\(0\,_0\,_0\,_0\.3\) {
    background: rgba(0, 0, 0, 0.3);
}

  .anim_pulse_1s_ease-in-out {
    animation: pulse 1s ease-in-out;
}

  .p_8px {
    padding: 8px;
}

  .bg_rgba\(0\,_0\,_0\,_0\.5\) {
    background: rgba(0, 0, 0, 0.5);
}

  .p_400 {
    padding: var(--spacing-400);
}

  .p_550 {
    padding: var(--spacing-550);
}

  .bg_rgba\(255\,_255\,_255\,_0\.8\) {
    background: rgba(255, 255, 255, 0.8);
}

  .bg_none {
    background: none;
}

  .p_300 {
    padding: var(--spacing-300);
}

  .m_-1rem {
    margin: -1rem;
}

  .p_1rem {
    padding: 1rem;
}

  .p_8 {
    padding: var(--spacing-8);
}

  .bg_component\.fill\.standard\.secondary {
    background: var(--colors-component-fill-standard-secondary);
}

  .m_2rem {
    margin: 2rem;
}

  .p_900 {
    padding: var(--spacing-900);
}

  .bg_translucent\.red {
    background: var(--colors-translucent-red);
}

  .flex_1 {
    flex: 1 1 0%;
}

  .ov_hidden {
    overflow: hidden;
}

  .px_700 {
    padding-inline: var(--spacing-700);
}

  .py_200 {
    padding-block: var(--spacing-200);
}

  .gap_400 {
    gap: var(--spacing-400);
}

  .bdr_800 {
    border-radius: var(--radii-800);
}

  .gap_200 {
    gap: var(--spacing-200);
}

  .trs_all_120ms_ease {
    transition: all 120ms ease;
}

  .bdr_700 {
    border-radius: var(--radii-700);
}

  .bd-b_none {
    border-bottom: var(--borders-none);
}

  .bd-b_1px_solid {
    border-bottom: 1px solid;
}

  .bd-c_line\.divider {
    border-color: var(--colors-line-divider);
}

  .px_400 {
    padding-inline: var(--spacing-400);
}

  .py_300 {
    padding-block: var(--spacing-300);
}

  .gap_100 {
    gap: var(--spacing-100);
}

  .py_100 {
    padding-block: var(--spacing-100);
}

  .px_300 {
    padding-inline: var(--spacing-300);
}

  .gap_300 {
    gap: var(--spacing-300);
}

  .bd-b_2px_solid {
    border-bottom: 2px solid;
}

  .bd-c_brand\.primary {
    border-color: brand.primary;
}

  .px_500 {
    padding-inline: var(--spacing-500);
}

  .gap_150 {
    gap: var(--spacing-150);
}

  .gap_500 {
    gap: var(--spacing-500);
}

  .bdr_300 {
    border-radius: var(--radii-300);
}

  .trs_border-width_0\.2s_ease\,_border-color_0\.2s_ease\,_box-shadow_0\.2s_ease {
    transition: border-width 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

  .bd-w_1px {
    border-width: 1px;
}

  .bd-c_line\.outline {
    border-color: var(--colors-line-outline);
}

  .ring_none {
    outline: var(--borders-none);
}

  .bd-c_transparent {
    border-color: var(--colors-transparent);
}

  .bdr_100 {
    border-radius: var(--radii-100);
}

  .bd-w_2px {
    border-width: 2px;
}

  .trs_transform_120ms_ease\,_border-color_120ms_ease {
    transition: transform 120ms ease, border-color 120ms ease;
}

  .bdr_400 {
    border-radius: var(--radii-400);
}

  .gap_8px {
    gap: 8px;
}

  .ov_auto {
    overflow: auto;
}

  .bd-c_core\.accent {
    border-color: var(--colors-core-accent);
}

  .gap_0 {
    gap: var(--spacing-0);
}

  .bdr_1000 {
    border-radius: var(--radii-1000);
}

  .bdr_500 {
    border-radius: var(--radii-500);
}

  .bdr_200 {
    border-radius: var(--radii-200);
}

  .gap_550 {
    gap: var(--spacing-550);
}

  .px_900 {
    padding-inline: var(--spacing-900);
}

  .py_500 {
    padding-block: var(--spacing-500);
}

  .px_550 {
    padding-inline: var(--spacing-550);
}

  .py_400 {
    padding-block: var(--spacing-400);
}

  .bdr_600 {
    border-radius: var(--radii-600);
}

  .trs_0\.1s {
    transition: 0.1s;
}

  .bdr_inherit {
    border-radius: inherit;
}

  .trs_opacity_0\.15s_ease-out\,_transform_0\.15s_ease-out\,_display_0\.15s_ease-out_allow-discrete {
    transition: opacity 0.15s ease-out, transform 0.15s ease-out, display 0.15s ease-out allow-discrete;
}

  .px_100 {
    padding-inline: var(--spacing-100);
}

  .py_50 {
    padding-block: var(--spacing-50);
}

  .bdr_full {
    border-radius: var(--radii-full);
}

  .py_150 {
    padding-block: var(--spacing-150);
}

  .bdr_50\% {
    border-radius: 50%;
}

  .gap_50 {
    gap: var(--spacing-50);
}

  .py_700 {
    padding-block: var(--spacing-700);
}

  .trs_0\.2s {
    transition: 0.2s;
}

  .bd-l_1px_solid {
    border-left: 1px solid;
}

  .bd-c_line\.outline\! {
    border-color: var(--colors-line-outline) !important;
}

  .trs_transform_0\.2s {
    transition: transform 0.2s;
}

  .trs_opacity_0\.2s_ease-in-out {
    transition: opacity 0.2s ease-in-out;
}

  .trs_border-color_0\.15s\,_background-color_0\.15s {
    transition: border-color 0.15s, background-color 0.15s;
}

  .flex_1_1_240px {
    flex: 1 1 240px;
}

  .td_underline {
    text-decoration: underline;
}

  .gap_700 {
    gap: var(--spacing-700);
}

  .td_none {
    text-decoration: none;
}

  .bdr_900 {
    border-radius: var(--radii-900);
}

  .px_600 {
    padding-inline: var(--spacing-600);
}

  .py_550 {
    padding-block: var(--spacing-550);
}

  .px_150 {
    padding-inline: var(--spacing-150);
}

  .content_새로고침 {
    content: 새로고침;
}

  .content_AI_실험실로_돌아가기 {
    content: AI 실험실로 돌아가기;
}

  .d_flex {
    display: flex;
}

  .as_stretch {
    align-self: stretch;
}

  .flex-sh_0 {
    flex-shrink: 0;
}

  .pos_relative {
    position: relative;
}

  .d_inline-flex {
    display: inline-flex;
}

  .bg-c_background\.standard\.primary {
    background-color: var(--colors-background-standard-primary);
}

  .bx-sh_0_2px_45px_0_rgba\(158\,_158\,_158\,_0\.23\) {
    box-shadow: 0 2px 45px 0 rgba(158, 158, 158, 0.23);
}

  .z_100 {
    z-index: 100;
}

  .c_content\.standard\.teritary {
    color: var(--colors-content-standard-teritary);
}

  .white-space_nowrap {
    white-space: nowrap;
}

  .ai_center {
    align-items: center;
}

  .c_content\.standard\.primary {
    color: var(--colors-content-standard-primary);
}

  .c_content\.standard\.secondary {
    color: var(--colors-content-standard-secondary);
}

  .wb_keep-all {
    word-break: keep-all;
}

  .ap_none {
    appearance: none;
    -webkit-appearance: none;
}

  .jc_center {
    justify-content: center;
}

  .cursor_pointer {
    cursor: pointer;
}

  .bg-c_component\.fill\.standard\.secondary {
    background-color: var(--colors-component-fill-standard-secondary);
}

  .cursor_default {
    cursor: default;
}

  .bg-c_component\.fill\.standard\.primary {
    background-color: var(--colors-component-fill-standard-primary);
}

  .fill_currentColor {
    fill: currentColor;
}

  .fs_body {
    font-size: var(--font-sizes-body);
}

  .fw_regular {
    font-weight: var(--font-weights-regular);
}

  .bd-be-w_var\(--thickness\) {
    border-block-end-width: var(--thickness);
}

  .c_core\.status\.negative {
    color: var(--colors-core-status-negative);
}

  .fill_icon {
    fill: icon;
}

  .flex-d_column {
    flex-direction: column;
}

  .white-space_pre-wrap {
    white-space: pre-wrap;
}

  .fw_bold {
    font-weight: var(--font-weights-bold);
}

  .fw_normal {
    font-weight: var(--font-weights-normal);
}

  .d_inline-block {
    display: inline-block;
}

  .jc_space-between {
    justify-content: space-between;
}

  .bg-c_component\.translucent\.teritary {
    background-color: var(--colors-component-translucent-teritary);
}

  .fs_footnote {
    font-size: var(--font-sizes-footnote);
}

  .direction_vertical {
    direction: vertical;
}

  .jc_flex-end {
    justify-content: flex-end;
}

  .flex-g_1 {
    flex-grow: 1;
}

  .cursor_text {
    cursor: text;
}

  .direction_horizontal {
    direction: horizontal;
}

  .bg-c_components\.fill\.standard\.primary {
    background-color: components.fill.standard.primary;
}

  .flex-wrap_wrap {
    flex-wrap: wrap;
}

  .fw_600 {
    font-weight: 600;
}

  .anchor-name_--notification-popover {
    anchor-name: --notification-popover;
}

  .position-anchor_--notification-popover {
    position-anchor: --notification-popover;
}

  .trf_translateY\(-100\%\) {
    transform: translateY(-100%);
}

  .bx-sh_float {
    box-shadow: var(--shadows-float);
}

  .pos_absolute {
    position: absolute;
}

  .bg-c_core\.accent {
    background-color: var(--colors-core-accent);
}

  .ta_center {
    text-align: center;
}

  .fs_1rem {
    font-size: 1rem;
}

  .lh_1\.5rem {
    line-height: 1.5rem;
}

  .c_core\.accent {
    color: var(--colors-core-accent);
}

  .d_grid {
    display: grid;
}

  .grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

  .c_content\.standard\.quaternary {
    color: var(--colors-content-standard-quaternary);
}

  .content_AI_실험실_입장하기 {
    content: AI 실험실 입장하기;
}

  .fs_label {
    font-size: var(--font-sizes-label);
}

  .lh_1\.375rem {
    line-height: 1.375rem;
}

  .fs_caption {
    font-size: var(--font-sizes-caption);
}

  .lh_1rem {
    line-height: 1rem;
}

  .c_white {
    color: var(--colors-white);
}

  .wb_break-word {
    word-break: break-word;
}

  .ai_flex-start {
    align-items: flex-start;
}

  .obj-f_contain {
    object-fit: contain;
}

  .ff_\'Gaegu\'\,_cursive {
    font-family: 'Gaegu', cursive;
}

  .fs_1\.25rem {
    font-size: 1.25rem;
}

  .font-style_italic {
    font-style: italic;
}

  .op_0\.6 {
    opacity: 0.6;
}

  .op_1 {
    opacity: 1;
}

  .fill_content\.standard\.teritary {
    fill: var(--colors-content-standard-teritary);
}

  .d_block {
    display: block;
}

  .tov_ellipsis {
    text-overflow: ellipsis;
}

  .z_1 {
    z-index: 1;
}

  .fill_content\.standard\.tertiary {
    fill: content.standard.tertiary;
}

  .fill_image {
    fill: image;
}

  .position-anchor_--student-list-pill {
    position-anchor: --student-list-pill;
}

  .pos_fixed {
    position: fixed;
}

  .bx-sh_0px_2px_45px_rgba\(158\,158\,158\,0\.23\) {
    box-shadow: 0px 2px 45px rgba(158,158,158,0.23);
}

  .trf_translateY\(0\) {
    transform: translateY(0);
}

  .lh_1 {
    line-height: 1;
}

  .fill_content\.standard\.quaternary {
    fill: var(--colors-content-standard-quaternary);
}

  .fill_core\.accent {
    fill: var(--colors-core-accent);
}

  .c_content\.inverted\.primary {
    color: var(--colors-content-inverted-primary);
}

  .anchor-name_--student-list-pill {
    anchor-name: --student-list-pill;
}

  .stk-dsh_3_3 {
    stroke-dasharray: 3 3;
}

  .text-anchor_end {
    text-anchor: end;
}

  .text-anchor_middle {
    text-anchor: middle;
}

  .stk_var\(--color-core-accent\) {
    stroke: var(--color-core-accent);
}

  .fill_var\(--color-core-accent\) {
    fill: var(--color-core-accent);
}

  .bg-c_component\.fill\.standard\.teritary {
    background-color: var(--colors-component-fill-standard-teritary);
}

  .trf_translateX\(-50\%\) {
    transform: translateX(-50%);
}

  .c_rgb\(238\,_238\,_238\) {
    color: rgb(238, 238, 238);
}

  .tsh_-2px_0px_black\,_0px_2px_black\,_2px_0px_black\,_0px_-2px_black {
    text-shadow: -2px 0px black, 0px 2px black, 2px 0px black, 0px -2px black;
}

  .fs_26px {
    font-size: 26px;
}

  .bg-c_component\.translucent\.secondary {
    background-color: var(--colors-component-translucent-secondary);
}

  .fw_700 {
    font-weight: 700;
}

  .c_\#000 {
    color: #000;
}

  .fw_500 {
    font-weight: 500;
}

  .z_9999 {
    z-index: 9999;
}

  .c_black {
    color: var(--colors-black);
}

  .fs_6rem {
    font-size: 6rem;
}

  .tsh_0_0_20px_rgba\(0\,_0\,_0\,_0\.5\) {
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

  .d_none {
    display: none;
}

  .z_10 {
    z-index: 10;
}

  .cursor_grab {
    cursor: grab;
}

  .bg-c_core\.accentTranslucent {
    background-color: var(--colors-core-accent-translucent);
}

  .fill_content\.standard\.secondary {
    fill: var(--colors-content-standard-secondary);
}

  .fill_currentcolor {
    fill: currentcolor;
}

  .bg-c_white {
    background-color: var(--colors-white);
}

  .ta_right {
    text-align: right;
}

  .ta_left {
    text-align: left;
}

  .lh_22px {
    line-height: 22px;
}

  .op_0 {
    opacity: 0;
}

  .fs_title {
    font-size: var(--font-sizes-title);
}

  .fw_strong {
    font-weight: var(--font-weights-strong);
}

  .c_content\.standard\.tertiary {
    color: content.standard.tertiary;
}

  .op_0\.5 {
    opacity: 0.5;
}

  .lh_footnote {
    line-height: var(--line-heights-footnote);
}

  .lh_caption {
    line-height: var(--line-heights-caption);
}

  .bkdp_blur\(4px\) {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

  .bg-c_rgba\(255\,_255\,_255\,_0\.5\) {
    background-color: rgba(255, 255, 255, 0.5);
}

  .fw_medium {
    font-weight: var(--font-weights-medium);
}

  .grid-tc_repeat\(auto-fill\,_minmax\(8\.125rem\,_1fr\)\) {
    grid-template-columns: repeat(auto-fill, minmax(8.125rem, 1fr));
}

  .bg-c_transparent {
    background-color: var(--colors-transparent);
}

  .bg-c_component\.translucent\.primary {
    background-color: var(--colors-component-translucent-primary);
}

  .ai_stretch {
    align-items: stretch;
}

  .translate-x_300 {
    --translate-x: var(--spacing-300);
}

  .translate-y_200 {
    --translate-y: var(--spacing-200);
}

  .translate-x_0 {
    --translate-x: var(--spacing-0);
}

  .translate-y_0 {
    --translate-y: var(--spacing-0);
}

  .fill_white {
    fill: var(--colors-white);
}

  .stk_\#333 {
    stroke: #333;
}

  .stk-w_1 {
    stroke-width: 1;
}

  .bx-sh-c_black {
    --shadow-color: var(--colors-black);
}

  .fs_14 {
    font-size: 14px;
}

  .ff_sans-serif {
    font-family: sans-serif;
}

  .fill_\#333 {
    fill: #333;
}

  .fs_1\.5rem {
    font-size: 1.5rem;
}

  .c_inherit {
    color: inherit;
}

  .content_코드놀이터로_복사 {
    content: 코드놀이터로 복사;
}

  .content_중지 {
    content: 중지;
}

  .content_실행 {
    content: 실행;
}

  .vis_hidden {
    visibility: hidden;
}

  .pointer-events_none {
    pointer-events: none;
}

  .ff_monospace {
    font-family: monospace;
}

  .c_creative {
    color: var(--colors-creative);
}

  .trf_scale\(0\.6\) {
    transform: scale(0.6);
}

  .trf-o_top_left {
    transform-origin: top left;
}

  .obj-f_cover {
    object-fit: cover;
}

  .fill_content\.standard\.primary {
    fill: var(--colors-content-standard-primary);
}

  .fill_\#FF69B4 {
    fill: #FF69B4;
}

  .ai_flex-end {
    align-items: flex-end;
}

  .as_flex-start {
    align-self: flex-start;
}

  .fill_core\.status\.negative {
    fill: var(--colors-core-status-negative);
}

  .flex-d_row {
    flex-direction: row;
}

  .bg-i_linear-gradient\(90deg\,_transparent_0\%\,_token\(colors\.background\.standard\.primary\)_50\%\,_transparent_100\%\) {
    background-image: linear-gradient(90deg, transparent 0%, var(--colors-background-standard-primary) 50%, transparent 100%);
}

  .bg-s_200\%_100\% {
    background-size: 200% 100%;
}

  .fs_2rem {
    font-size: 2rem;
}

  .h_100\% {
    height: 100%;
}

  .w_100\% {
    width: 100%;
}

  .min-w_0 {
    min-width: var(--sizes-0);
}

  .w_1px {
    width: 1px;
}

  .w_min-content {
    width: min-content;
}

  .w_1\.25rem {
    width: 1.25rem;
}

  .h_1\.25rem {
    height: 1.25rem;
}

  .w_1rem {
    width: 1rem;
}

  .h_1rem {
    height: 1rem;
}

  .h_49px {
    height: 49px;
}

  .w_1\.5rem {
    width: 1.5rem;
}

  .h_1\.5rem {
    height: 1.5rem;
}

  .h_full {
    height: var(--sizes-full);
}

  .pt_400 {
    padding-top: var(--spacing-400);
}

  .h_3rem {
    height: 3rem;
}

  .w_25rem {
    width: 25rem;
}

  .ov-y_scroll {
    overflow-y: scroll;
}

  .bdr-bl_500 {
    border-bottom-left-radius: var(--radii-500);
}

  .bdr-br_500 {
    border-bottom-right-radius: var(--radii-500);
}

  .pr_550 {
    padding-right: var(--spacing-550);
}

  .pb_400 {
    padding-bottom: var(--spacing-400);
}

  .pl_550 {
    padding-left: var(--spacing-550);
}

  .bdr-tl_400 {
    border-top-left-radius: var(--radii-400);
}

  .bdr-tr_400 {
    border-top-right-radius: var(--radii-400);
}

  .h_2\.5rem {
    height: 2.5rem;
}

  .left_anchor\(right\) {
    left: anchor(right);
}

  .top_anchor\(top\) {
    top: anchor(top);
}

  .top_0 {
    top: var(--spacing-0);
}

  .right_0 {
    right: var(--spacing-0);
}

  .w_0\.5rem {
    width: 0.5rem;
}

  .h_0\.5rem {
    height: 0.5rem;
}

  .w_20rem {
    width: 20rem;
}

  .max-h_24rem {
    max-height: 24rem;
}

  .h_100 {
    height: var(--sizes-100);
}

  .h_60 {
    height: var(--sizes-60);
}

  .pl_600 {
    padding-left: var(--spacing-600);
}

  .pr_300 {
    padding-right: var(--spacing-300);
}

  .w_59\.125rem {
    width: 59.125rem;
}

  .h_10\.625rem {
    height: 10.625rem;
}

  .w_fit-content {
    width: fit-content;
}

  .w_8\.5rem {
    width: 8.5rem;
}

  .top_1\.5rem {
    top: 1.5rem;
}

  .right_3\.25rem {
    right: 3.25rem;
}

  .max-w_800px {
    max-width: 800px;
}

  .pt_950 {
    padding-top: var(--spacing-950);
}

  .pb_550 {
    padding-bottom: var(--spacing-550);
}

  .h_1px {
    height: 1px;
}

  .max-w_37\.5rem {
    max-width: 37.5rem;
}

  .bdr-tl_900 {
    border-top-left-radius: var(--radii-900);
}

  .bdr-tr_200 {
    border-top-right-radius: var(--radii-200);
}

  .bdr-bl_900 {
    border-bottom-left-radius: var(--radii-900);
}

  .bdr-br_700 {
    border-bottom-right-radius: var(--radii-700);
}

  .w_2\.375rem {
    width: 2.375rem;
}

  .h_2\.375rem {
    height: 2.375rem;
}

  .pt_700 {
    padding-top: var(--spacing-700);
}

  .pb_300 {
    padding-bottom: var(--spacing-300);
}

  .min-h_3\.25rem {
    min-height: 3.25rem;
}

  .w_2\.25rem {
    width: 2.25rem;
}

  .h_2\.25rem {
    height: 2.25rem;
}

  .w_15rem {
    width: 15rem;
}

  .pt_900 {
    padding-top: var(--spacing-900);
}

  .ml_8px {
    margin-left: 8px;
}

  .w_16rem {
    width: 16rem;
}

  .max-h_80vh {
    max-height: 80vh;
}

  .h_260 {
    height: 260px;
}

  .top_8 {
    top: var(--spacing-8);
}

  .right_8 {
    right: var(--spacing-8);
}

  .left_0 {
    left: var(--spacing-0);
}

  .bottom_56 {
    bottom: var(--spacing-56);
}

  .bottom_8 {
    bottom: var(--spacing-8);
}

  .h_56 {
    height: var(--sizes-56);
}

  .h_30 {
    height: 30px;
}

  .h_36 {
    height: var(--sizes-36);
}

  .h_24 {
    height: var(--sizes-24);
}

  .right_4 {
    right: var(--spacing-4);
}

  .bottom_0 {
    bottom: var(--spacing-0);
}

  .max-w_100\% {
    max-width: 100%;
}

  .h_auto {
    height: auto;
}

  .mt_8px {
    margin-top: 8px;
}

  .mb_8px {
    margin-bottom: 8px;
}

  .ov-x_hidden {
    overflow-x: hidden;
}

  .ov-y_auto {
    overflow-y: auto;
}

  .left_50\% {
    left: 50%;
}

  .bottom_50px {
    bottom: 50px;
}

  .max-w_640px {
    max-width: 640px;
}

  .mb_400 {
    margin-bottom: var(--spacing-400);
}

  .bottom_16px {
    bottom: 16px;
}

  .right_16px {
    right: 16px;
}

  .w_full {
    width: var(--sizes-full);
}

  .pl_400 {
    padding-left: var(--spacing-400);
}

  .h_calc\(100\%_-_3rem\) {
    height: calc(100% - 3rem);
}

  .pl_300 {
    padding-left: var(--spacing-300);
}

  .max-w_calc\(100vw_-_2rem\) {
    max-width: calc(100vw - 2rem);
}

  .w_1080px\! {
    width: 1080px !important;
}

  .min-h_0 {
    min-height: var(--sizes-0);
}

  .w_560px {
    width: 560px;
}

  .w_720px {
    width: 720px;
}

  .max-h_calc\(100vh_-_4rem\) {
    max-height: calc(100vh - 4rem);
}

  .w_520px {
    width: 520px;
}

  .w_calc\(100vw_-_2rem\) {
    width: calc(100vw - 2rem);
}

  .max-w_1280px {
    max-width: 1280px;
}

  .max-h_calc\(100vh_-_2rem\) {
    max-height: calc(100vh - 2rem);
}

  .ml_3 {
    margin-left: var(--spacing-3);
}

  .h_42px {
    height: 42px;
}

  .w_18px {
    width: 18px;
}

  .h_18px {
    height: 18px;
}

  .w_14px {
    width: 14px;
}

  .h_14px {
    height: 14px;
}

  .w_20px {
    width: 20px;
}

  .h_20px {
    height: 20px;
}

  .w_16px {
    width: 16px;
}

  .h_16px {
    height: 16px;
}

  .h_36px {
    height: 36px;
}

  .w_24px {
    width: 24px;
}

  .h_24px {
    height: 24px;
}

  .w_33rem {
    width: 33rem;
}

  .w_3rem {
    width: 3rem;
}

  .w_2rem {
    width: 2rem;
}

  .h_2rem {
    height: 2rem;
}

  .max-w_280px {
    max-width: 280px;
}

  .w_40px {
    width: 40px;
}

  .h_32px {
    height: 32px;
}

  .w_16 {
    width: var(--sizes-16);
}

  .h_16 {
    height: var(--sizes-16);
}

  .w_12 {
    width: var(--sizes-12);
}

  .h_12 {
    height: var(--sizes-12);
}

  .max-h_calc\(100dvh_-_8rem\) {
    max-height: calc(100dvh - 8rem);
}

  .ov-y_hidden {
    overflow-y: hidden;
}

  .w_12rem {
    width: 12rem;
}

  .w_600 {
    width: var(--sizes-600);
}

  .h_400 {
    height: var(--sizes-400);
}

  .max-w_calc\(100dvw_-_4rem\) {
    max-width: calc(100dvw - 4rem);
}

  .max-h_calc\(100dvh_-_4rem\) {
    max-height: calc(100dvh - 4rem);
}

  .w_17\.5625rem {
    width: 17.5625rem;
}

  .mb_300 {
    margin-bottom: var(--spacing-300);
}

  .ov-x_auto {
    overflow-x: auto;
}

  .pb_200 {
    padding-bottom: var(--spacing-200);
}

  .max-h_10rem {
    max-height: 10rem;
}

  .h_280px {
    height: 280px;
}

  .h_400px {
    height: 400px;
}

  .h_160px {
    height: 160px;
}

  .w_166\.6667\% {
    width: 166.6667%;
}

  .h_266\.6667px {
    height: 266.6667px;
}

  .w_240px {
    width: 240px;
}

  .h_240px {
    height: 240px;
}

  .bottom_12px {
    bottom: 12px;
}

  .right_12px {
    right: 12px;
}

  .w_320px {
    width: 320px;
}

  .h_180px {
    height: 180px;
}

  .w_31\.25rem {
    width: 31.25rem;
}

  .h_31\.25rem {
    height: 31.25rem;
}

  .h_80px {
    height: 80px;
}

  .h_7\.6875rem {
    height: 7.6875rem;
}

  .\[\&_\.rdg\]\:--rdg-font-size_14px .rdg {
    --rdg-font-size: 14px;
}

  .\[\&_img\]\:m_auto img {
    margin: auto;
}

  .\[\&_hr\]\:bd_unset hr {
    border: unset;
}

  .\[\&_mark\[data-color\=\"yellow\"\]\]\:p_0_2px mark[data-color="yellow"],.\[\&_mark\[data-color\=\"green\"\]\]\:p_0_2px mark[data-color="green"],.\[\&_mark\[data-color\=\"blue\"\]\]\:p_0_2px mark[data-color="blue"],.\[\&_mark\[data-color\=\"purple\"\]\]\:p_0_2px mark[data-color="purple"],.\[\&_mark\[data-color\=\"pink\"\]\]\:p_0_2px mark[data-color="pink"] {
    padding: 0 2px;
}

  .\[\&_p\]\:m_0 p,.\[\&_pre\]\:m_0 pre {
    margin: var(--spacing-0);
}

  .\[\&_pre\]\:p_0 pre {
    padding: var(--spacing-0);
}

  .\[\&_pre\]\:bg_transparent pre {
    background: var(--colors-transparent);
}

  .\[\&\[data-active\]\]\:bg_core\.accentTranslucent[data-active] {
    background: var(--colors-core-accent-translucent);
}

  .\[\&\[data-selected\]\]\:bg_background\.standard\.tertiary[data-selected] {
    background: background.standard.tertiary;
}

  .\[\&_\.rdg\]\:bd_none .rdg {
    border: var(--borders-none);
}

  .\[\&_\.konvajs-content\]\:bg_white .konvajs-content {
    background: var(--colors-white);
}

  .\[\&\:\:backdrop\]\:bg_rgba\(0\,_0\,_0\,_0\.5\)::backdrop {
    background: rgba(0, 0, 0, 0.5);
}

  .\[\&_svg\]\:trs_all_120ms_ease svg {
    transition: all 120ms ease;
}

  .\[\&\:last-child\]\:bd-b_none:last-child {
    border-bottom: var(--borders-none);
}

  .\[\&\.command-palette-drag-active\]\:bd-w_4px.command-palette-drag-active {
    border-width: 4px;
}

  .\[\&\.command-palette-drag-active\]\:bd-c_core\.accent.command-palette-drag-active {
    border-color: var(--colors-core-accent);
}

  .\[\&_pre\]\:bdr_300 pre {
    border-radius: var(--radii-300);
}

  .\[\&_pre\]\:bd-w_1px pre {
    border-width: 1px;
}

  .\[\&_pre\]\:bd-c_line\.outline pre {
    border-color: var(--colors-line-outline);
}

  .\[\&_mark\[data-color\=\"yellow\"\]\]\:bdr_2px mark[data-color="yellow"],.\[\&_mark\[data-color\=\"green\"\]\]\:bdr_2px mark[data-color="green"],.\[\&_mark\[data-color\=\"blue\"\]\]\:bdr_2px mark[data-color="blue"],.\[\&_mark\[data-color\=\"purple\"\]\]\:bdr_2px mark[data-color="purple"],.\[\&_mark\[data-color\=\"pink\"\]\]\:bdr_2px mark[data-color="pink"] {
    border-radius: 2px;
}

  .\[\&_a\]\:td_underline a {
    text-decoration: underline;
}

  .\[\&_pre\]\:ov_visible pre {
    overflow: visible;
}

  .\[\&\>\:last-child\]\:ov_hidden>:last-child {
    overflow: hidden;
}

  .\[\&_svg\]\:fill_currentcolor svg {
    fill: currentcolor;
}

  .\[\&\.command-palette-drag-active\]\:bx-sh_inset_0_0_0_8px_var\(--color-core-accent-translucent\).command-palette-drag-active {
    box-shadow: inset 0 0 0 8px var(--color-core-accent-translucent);
}

  .\[\&_h1\]\:fs_1\.5rem h1 {
    font-size: 1.5rem;
}

  .\[\&_h1\]\:lh_2rem h1 {
    line-height: 2rem;
}

  .\[\&_h1\]\:fw_700 h1 {
    font-weight: 700;
}

  .\[\&_h1\]\:c_content\.standard\.primary h1 {
    color: var(--colors-content-standard-primary);
}

  .\[\&_h2\]\:fs_1\.25rem h2 {
    font-size: 1.25rem;
}

  .\[\&_h2\]\:lh_1\.75rem h2 {
    line-height: 1.75rem;
}

  .\[\&_h2\]\:fw_700 h2 {
    font-weight: 700;
}

  .\[\&_h2\]\:c_content\.standard\.primary h2 {
    color: var(--colors-content-standard-primary);
}

  .\[\&_h3\]\:fs_1\.125rem h3 {
    font-size: 1.125rem;
}

  .\[\&_h3\]\:lh_1\.625rem h3 {
    line-height: 1.625rem;
}

  .\[\&_h3\]\:fw_700 h3 {
    font-weight: 700;
}

  .\[\&_h3\]\:c_content\.standard\.primary h3 {
    color: var(--colors-content-standard-primary);
}

  .\[\&_p\]\:fs_1rem p {
    font-size: 1rem;
}

  .\[\&_p\]\:lh_1\.5rem p {
    line-height: 1.5rem;
}

  .\[\&_p\]\:fw_500 p {
    font-weight: 500;
}

  .\[\&_p\]\:c_content\.standard\.secondary p {
    color: var(--colors-content-standard-secondary);
}

  .\[\&_p\]\:wb_keep-all p {
    word-break: keep-all;
}

  .\[\&_img\]\:d_block img {
    display: block;
}

  .\[\&_hr\]\:bg-c_line\.divider hr {
    background-color: var(--colors-line-divider);
}

  .\[\&_pre\]\:bg-c_component\.translucent\.teritary pre {
    background-color: var(--colors-component-translucent-teritary);
}

  .\[\&_mark\[data-color\=\"yellow\"\]\]\:bg-c_translucent\.yellow mark[data-color="yellow"] {
    background-color: var(--colors-translucent-yellow);
}

  .\[\&_mark\[data-color\=\"green\"\]\]\:bg-c_translucent\.green mark[data-color="green"] {
    background-color: var(--colors-translucent-green);
}

  .\[\&_mark\[data-color\=\"blue\"\]\]\:bg-c_translucent\.blue mark[data-color="blue"] {
    background-color: var(--colors-translucent-blue);
}

  .\[\&_mark\[data-color\=\"purple\"\]\]\:bg-c_translucent\.purple mark[data-color="purple"] {
    background-color: var(--colors-translucent-purple);
}

  .\[\&_mark\[data-color\=\"pink\"\]\]\:bg-c_translucent\.pink mark[data-color="pink"] {
    background-color: var(--colors-translucent-pink);
}

  .\[\&_a\]\:c_core\.accent a {
    color: var(--colors-core-accent);
}

  .\[\&_a\]\:cursor_pointer a {
    cursor: pointer;
}

  .\[\&\[data-active\=true\]\]\:bg-c_component\.fill\.inverted\.primary[data-active=true] {
    background-color: var(--colors-component-fill-inverted-primary);
}

  .\[\&\[data-active\=true\]\]\:c_content\.inverted\.primary[data-active=true] {
    color: var(--colors-content-inverted-primary);
}

  .\[\&\[data-color\=\"yellow\"\]\]\:bg-c_yellow[data-color="yellow"] {
    background-color: var(--colors-yellow);
}

  .\[\&\[data-color\=\"green\"\]\]\:bg-c_green[data-color="green"] {
    background-color: var(--colors-green);
}

  .\[\&\[data-color\=\"blue\"\]\]\:bg-c_blue[data-color="blue"] {
    background-color: var(--colors-blue);
}

  .\[\&\[data-color\=\"purple\"\]\]\:bg-c_purple[data-color="purple"] {
    background-color: var(--colors-purple);
}

  .\[\&\[data-color\=\"pink\"\]\]\:bg-c_pink[data-color="pink"] {
    background-color: var(--colors-pink);
}

  .\[\&\:\:placeholder\]\:c_content\.standard\.teritary::placeholder {
    color: var(--colors-content-standard-teritary);
}

  .\[\&\:disabled\]\:op_0\.5:disabled {
    opacity: 0.5;
}

  .\[\&_strong\]\:fw_600 strong {
    font-weight: 600;
}

  .\[\&_strong\]\:c_content\.standard\.primary strong {
    color: var(--colors-content-standard-primary);
}

  .\[\&_li\]\:lh_1\.5rem li {
    line-height: 1.5rem;
}

  .disabled\:op_0\.5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    opacity: 0.5;
}

  .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    cursor: not-allowed;
}

  .\[\&\[data-active\]\]\:c_core\.accent[data-active] {
    color: var(--colors-core-accent);
}

  [data-active] .\[\[data-active\]_\&\]\:fill_core\.accent {
    fill: var(--colors-core-accent);
}

  .\[\&\:not\(\:popover-open\)\]\:d_none:not(:popover-open) {
    display: none;
}

  .\[\&\:not\(\:popover-open\)\]\:op_0:not(:popover-open) {
    opacity: 0;
}

  .\[\&\:not\(\:popover-open\)\]\:trf_translateY\(-8px\):not(:popover-open) {
    transform: translateY(-8px);
}

  .\[\&\>\:first-child\]\:bdr-t_400>:first-child {
    border-top-left-radius: var(--radii-400);
    border-top-right-radius: var(--radii-400);
}

  .\[\&\>\:last-child\]\:bdr-b_400>:last-child {
    border-bottom-left-radius: var(--radii-400);
    border-bottom-right-radius: var(--radii-400);
}

  .\[\&_\.tiptap\]\:fs_1rem .tiptap {
    font-size: 1rem;
}

  .\[\&_\.tiptap\]\:lh_1\.5rem .tiptap {
    line-height: 1.5rem;
}

  .\[\&_\.tiptap\]\:ff_monospace .tiptap {
    font-family: monospace;
}

  .\[\&_svg\]\:w_1\.5rem svg {
    width: 1.5rem;
}

  .\[\&_svg\]\:h_1\.5rem svg {
    height: 1.5rem;
}

  .\[\&\>div\]\:w_100\%>div {
    width: 100%;
}

  .\[\&\>div\]\:h_100\%>div {
    height: 100%;
}

  .\[\&_\>_\*\]\:mt_200 > * {
    margin-top: var(--spacing-200);
}

  .\[\&_\>_\*\]\:mb_200 > * {
    margin-bottom: var(--spacing-200);
}

  .\[\&_img\]\:max-w_100\% img {
    max-width: 100%;
}

  .\[\&_img\]\:max-h_100\% img {
    max-height: 100%;
}

  .\[\&_hr\]\:h_1px hr {
    height: 1px;
}

  .\[\&_pre\]\:pt_400 pre {
    padding-top: var(--spacing-400);
}

  .\[\&_pre\]\:pr_800 pre {
    padding-right: var(--spacing-800);
}

  .\[\&_pre\]\:pb_400 pre {
    padding-bottom: var(--spacing-400);
}

  .\[\&_pre\]\:pl_400 pre {
    padding-left: var(--spacing-400);
}

  .\[\&_svg\]\:w_1\.1rem svg {
    width: 1.1rem;
}

  .\[\&_svg\]\:h_1\.1rem svg {
    height: 1.1rem;
}

  .\[\&_p\]\:mb_300 p {
    margin-bottom: var(--spacing-300);
}

  .\[\&_p\:last-child\]\:mb_0 p:last-child {
    margin-bottom: var(--spacing-0);
}

  .\[\&_p_\+_p\]\:mt_100 p + p {
    margin-top: var(--spacing-100);
}

  .\[\&_ul\,_\&_ol\]\:pl_500 ul,.\[\&_ul\,_\&_ol\]\:pl_500 ol {
    padding-left: var(--spacing-500);
}

  .\[\&_ul\,_\&_ol\]\:mb_300 ul,.\[\&_ul\,_\&_ol\]\:mb_300 ol {
    margin-bottom: var(--spacing-300);
}

  .\[\&_li\]\:mb_150 li {
    margin-bottom: var(--spacing-150);
}

  .\[\&\:focus\]\:bd-c_component\.interactive\.focused:focus {
    border-color: var(--colors-component-interactive-focused);
}

  .hover\:bg_component\.interactive\.hover:is(:hover, [data-hover]) {
    background: var(--colors-component-interactive-hover);
}

  .hover\:bg_component\.translucent\.secondary:is(:hover, [data-hover]) {
    background: var(--colors-component-translucent-secondary);
}

  .\[\&\:hover\]\:bg_rgba\(0\,_0\,_0\,_0\.7\):hover {
    background: rgba(0, 0, 0, 0.7);
}

  .hover\:bg_background\.standard\.secondary:is(:hover, [data-hover]) {
    background: var(--colors-background-standard-secondary);
}

  .\[\&\:hover\:not\(\[data-active\=true\]\)\]\:bd-c_line\.outline:hover:not([data-active=true]) {
    border-color: var(--colors-line-outline);
}

  .\[\&\:hover\]\:bd-c_content\.standard\.teritary:hover {
    border-color: var(--colors-content-standard-teritary);
}

  .hover\:bd-c_content\.standard\.quaternary:is(:hover, [data-hover]) {
    border-color: var(--colors-content-standard-quaternary);
}

  .hover\:bd-c_core\.accent:is(:hover, [data-hover]) {
    border-color: var(--colors-core-accent);
}

  .\[\&\:hover\:not\(\[data-active\=true\]\)\]\:bg-c_component\.translucent\.secondary:hover:not([data-active=true]) {
    background-color: var(--colors-component-translucent-secondary);
}

  .\[\&\:hover\]\:trf_scale\(1\.15\):hover {
    transform: scale(1.15);
}

  .hover\:op_0\.9:is(:hover, [data-hover]) {
    opacity: 0.9;
}

  .hover\:bg-c_component\.translucent\.secondary:is(:hover, [data-hover]) {
    background-color: var(--colors-component-translucent-secondary);
}

  .hover\:op_0\.8:is(:hover, [data-hover]) {
    opacity: 0.8;
}

  .active\:trf_scale\(0\.99\):is(:active, [data-active]) {
    transform: scale(0.99);
}

  .active\:trf_scale\(0\.98\):is(:active, [data-active]) {
    transform: scale(0.98);
}

  .\[\&_pre\]\:\[\&_\*\]\:m_0\! pre * {
    margin: var(--spacing-0) !important;
}

  .\[\&\[data-active\]\]\:hover\:bg_core\.accentTranslucent[data-active]:is(:hover, [data-hover]) {
    background: var(--colors-core-accent-translucent);
}

  .\[\&_pre\]\:\[\&_code\]\:ff_monospace pre code {
    font-family: monospace;
}

  .\[\&_pre\]\:\[\&_code\]\:fs_0\.875rem pre code {
    font-size: 0.875rem;
}

  .\[\&_pre\]\:\[\&_code\]\:lh_1\.5 pre code {
    line-height: 1.5;
}

  @starting-style {
    .\[\@starting-style\]\:op_0 {
      opacity: 0;
}

    .\[\@starting-style\]\:trf_translateY\(-8px\) {
      transform: translateY(-8px);
}
}
}

/*# sourceMappingURL=global.css.map */.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}
._release__foot_1wbkg_1, ._release__content__contents_1wbkg_1 > div, ._release__content__contents_1wbkg_1, ._release_1wbkg_1, ._error_1wbkg_1, ._notFound_1wbkg_1, ._modal_1wbkg_1, ._release__foot__controller__dontShow_1wbkg_1, ._release__foot__controller_1wbkg_1, ._release__content_1wbkg_1 {
  display: flex;
}

._release__foot__controller__dontShow_1wbkg_1, ._release__foot__controller_1wbkg_1, ._release__content_1wbkg_1 {
  align-items: center;
}

._modal_1wbkg_1, ._error_1wbkg_1, ._notFound_1wbkg_1 {
  justify-content: center;
  align-items: center;
}

._release__content__contents_1wbkg_1 > div, ._release__content__contents_1wbkg_1, ._release_1wbkg_1, ._error_1wbkg_1, ._notFound_1wbkg_1 {
  flex-direction: column;
}

._container__study_1wbkg_18 > img, ._container__study_1wbkg_18 {
  height: 100%;
}

._release__title_1wbkg_22 {
  font-size: 1.5rem;
  line-height: 2rem;
}

._error__title_1wbkg_27, ._notFound_1wbkg_1 > span, ._release__content__contents_1wbkg_1 span {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

._error__contact_1wbkg_32, ._release__foot__date_1wbkg_32 span {
  font-size: 1rem;
  line-height: 1.5rem;
}

._release__foot__controller__dontShow_1wbkg_1 > span {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

._error__title_1wbkg_27, ._notFound_1wbkg_1 > span, ._release__title_1wbkg_22 {
  font-weight: 700;
}

._error__contact_1wbkg_32, ._release__foot__controller__dontShow_1wbkg_1 > span, ._release__foot__date_1wbkg_32 span, ._release__content__contents_1wbkg_1 span {
  font-weight: 500;
}

._container__study_1wbkg_18 {
  padding: 1.25rem 0;
  position: relative;
  width: 782px;
}
._container__study_1wbkg_18 > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}

._modal_1wbkg_1 {
  width: 100dvw;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
._modal__background_1wbkg_70 {
  width: 100%;
  height: 100%;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
}

._release_1wbkg_1 {
  gap: 1.25rem;
  padding: 2rem 2.5rem;
  background: var(--color-component-fill-standard-primary);
  border-radius: 20px;
}
._release__title_1wbkg_22 {
  color: var(--color-content-standard-primary);
}
._release__content_1wbkg_1 {
  gap: 1.75rem;
}
._release__content__image_1wbkg_91 {
  border-radius: 16px;
  width: 31.5rem;
  height: fit-content;
}
._release__content__contents_1wbkg_1 {
  gap: 1.25rem;
}
._release__content__contents_1wbkg_1 span {
  color: var(--color-content-standard-secondary);
  white-space: pre-wrap;
  word-break: keep-all;
}
._release__foot_1wbkg_1 {
  align-items: flex-end;
  gap: 1.25rem;
}
._release__foot__date_1wbkg_32 {
  flex: 1;
}
._release__foot__date_1wbkg_32 span {
  color: var(--color-content-standard-secondary);
}
._release__foot__controller_1wbkg_1 {
  gap: 1.25rem;
}
._release__foot__controller__dontShow_1wbkg_1 {
  gap: 0.5rem;
  cursor: pointer;
}
._release__foot__controller__dontShow_1wbkg_1 > span {
  color: var(--color-content-standard-primary);
}

._notFound_1wbkg_1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  gap: 1.25rem;
  background: var(--color-background-standard-secondary);
  z-index: 10;
}
._notFound_1wbkg_1 > img {
  width: fit-content;
  height: 23rem;
  filter: grayscale(1);
  margin-bottom: -3rem;
}
._notFound_1wbkg_1 > span {
  color: var(--color-content-standard-primary);
}

._error_1wbkg_1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  gap: 1.25rem;
  background: var(--color-background-standard-secondary);
  z-index: 10;
}
._error_1wbkg_1 > img {
  width: fit-content;
  height: 23rem;
  filter: grayscale(1);
  margin-bottom: -3rem;
}
._error__title_1wbkg_27 {
  color: var(--color-content-standard-primary);
}
._error__contact_1wbkg_32 {
  color: var(--color-content-standard-secondary);
  cursor: pointer;
  text-decoration: underline;
}._container--col_1g7ht_1, ._container_1g7ht_1 {
  display: flex;
}

._container_1g7ht_1 {
  justify-content: center;
  align-items: center;
}

._container--col_1g7ht_1 {
  flex-direction: column;
}

._container--full_1g7ht_14 {
  width: 100%;
  height: 100%;
}

._container--dark_1g7ht_19 span, ._container--light_1g7ht_19 span {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

._container--dark_1g7ht_19 span, ._container--light_1g7ht_19 span {
  font-weight: 500;
}

@keyframes _load_1g7ht_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._container_1g7ht_1 {
  gap: 1.5rem;
}
._container--fit_1g7ht_39 {
  width: fit-content;
}
._container__loader_1g7ht_42 {
  width: 3rem;
  height: 3rem;
  border: 0.4rem solid var(--color-translucent-blue);
  border-top: 0.4rem solid #6B8EF9;
  border-radius: 100%;
  animation: _load_1g7ht_1 0.8s linear infinite;
}
._container__loader--small_1g7ht_50 {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.2rem solid var(--color-translucent-blue);
  border-top: 0.2rem solid #6B8EF9;
}
._container--light_1g7ht_19 span {
  color: var(--color-content-inverted-secondary);
  display: inline;
  width: unset;
}
._container--dark_1g7ht_19 span {
  color: var(--color-content-standard-primary);
  display: inline;
  width: unset;
}._content_se04m_1, ._container_se04m_1 {
  display: flex;
}

._container_se04m_1 {
  justify-content: center;
}

._content_se04m_1 {
  align-items: center;
}

._container--large_se04m_13 > ._content_se04m_1 span {
  font-size: 1rem;
  line-height: 1.5rem;
}

._container--medium_se04m_18 > ._content_se04m_1 span {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

._container--small_se04m_23 > ._content_se04m_1 span {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

._container_se04m_1 {
  cursor: pointer;
  border: none;
  outline: none;
}
._container_se04m_1 svg {
  fill: currentColor;
}
._container_se04m_1 span {
  white-space: nowrap;
}
._container--small_se04m_23 {
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
}
._container--small_se04m_23 > ._content_se04m_1 {
  height: 1.25rem;
  gap: 0.25rem;
}
._container--small_se04m_23 > ._content_se04m_1 svg {
  min-width: 1rem;
  max-width: 1rem;
  height: 1rem;
}
._container--medium_se04m_18 {
  padding: 0.75rem 1rem;
  border-radius: 8px;
}
._container--medium_se04m_18 > ._content_se04m_1 {
  height: 1.375rem;
  gap: 0.375rem;
}
._container--medium_se04m_18 > ._content_se04m_1 svg {
  min-width: 1.25rem;
  max-width: 1.25rem;
  height: 1.25rem;
}
._container--large_se04m_13 {
  padding: 1rem 1.25rem;
  border-radius: 12px;
}
._container--large_se04m_13 > ._content_se04m_1 {
  height: 1.5rem;
  gap: 0.5rem;
}
._container--large_se04m_13 > ._content_se04m_1 svg {
  min-width: 1.5rem;
  max-width: 1.5rem;
  height: 1.5rem;
}
._container--full_se04m_78 {
  width: 100%;
}
._container--fit_se04m_81 {
  width: fit-content;
}
._container--disabled_se04m_84 {
  cursor: not-allowed;
  opacity: 0.5;
}
._container--grayscale--primary_se04m_88 {
  background: var(--color-component-fill-inverted-primary);
}
._container--grayscale--primary_se04m_88 > ._content_se04m_1 > * {
  color: var(--color-content-inverted-primary);
}
._container--grayscale--secondary_se04m_94 {
  background: var(--color-component-translucent-secondary);
}
._container--grayscale--secondary_se04m_94 > ._content_se04m_1 > * {
  color: var(--color-content-standard-primary);
}
._container--outline--primary_se04m_100 {
  border: 1px solid var(--color-line-outline);
}
._container--outline--primary_se04m_100 > ._content_se04m_1 > * {
  color: var(--color-content-standard-primary);
}
._container--outline--secondary_se04m_106 {
  background: var(--color-component-fill-standard-primary);
  border: 1px solid var(--color-line-outline);
}
._container--outline--secondary_se04m_106 > ._content_se04m_1 > * {
  color: var(--color-content-standard-teritary);
}
._container--accent--primary_se04m_113 {
  background: var(--color-core-accent);
}
._container--accent--primary_se04m_113 > ._content_se04m_1 > * {
  color: #FFFFFF;
}
._container--accent--secondary_se04m_119 {
  background: var(--color-core-accent-translucent);
}
._container--accent--secondary_se04m_119 > ._content_se04m_1 > * {
  color: var(--color-core-accent);
}
._container--negative--primary_se04m_125 {
  background: var(--color-core-status-negative);
}
._container--negative--primary_se04m_125 > ._content_se04m_1 > * {
  color: #FFFFFF;
}
._container--negative--secondary_se04m_131 {
  background: var(--color-translucent-red);
}
._container--negative--secondary_se04m_131 > ._content_se04m_1 > * {
  color: #FF325A;
}
._container--warning--primary_se04m_137 {
  background: var(--color-core-status-warning);
}
._container--warning--primary_se04m_137 > ._content_se04m_1 > * {
  color: #FFFFFF;
}
._container--warning--secondary_se04m_143 {
  background: var(--color-translucent-yellow);
}
._container--warning--secondary_se04m_143 > ._content_se04m_1 > * {
  color: var(--color-core-status-warning);
}
._container--positive--primary_se04m_149 {
  background: var(--color-core-status-positive);
}
._container--positive--primary_se04m_149 > ._content_se04m_1 > * {
  color: #FFFFFF;
}
._container--positive--secondary_se04m_155 {
  background: var(--color-translucent-green);
}
._container--positive--secondary_se04m_155 > ._content_se04m_1 > * {
  color: var(--color-core-status-positive);
}
._container--solid--primary_se04m_161 {
  background: #6B8EF9;
}
._container--solid--primary_se04m_161 > ._content_se04m_1 > * {
  color: #FFFFFF;
}
._container--solid--secondary_se04m_167 {
  background: var(--color-translucent-blue);
}
._container--solid--secondary_se04m_167 > ._content_se04m_1 > * {
  color: #6B8EF9;
}
._container--indigo--primary_se04m_173 {
  background: #5B59DE;
}
._container--indigo--primary_se04m_173 > ._content_se04m_1 > * {
  color: #FFFFFF;
}
._container--indigo--secondary_se04m_179 {
  background: var(--color-translucent-indigo);
}
._container--indigo--secondary_se04m_179 > ._content_se04m_1 > * {
  color: #5B59DE;
}
._container--rounded_se04m_185 {
  border-radius: 32px;
}
._container--floating_se04m_188 {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.35);
}
@media (max-width: 768px) {
  ._container--floating_se04m_188 {
    bottom: 1rem;
    right: 1rem;
  }
}._radio_1ufxp_1, ._checkFill_1ufxp_1, ._container_1ufxp_1 {
  display: flex;
}

._radio_1ufxp_1, ._checkFill_1ufxp_1, ._container_1ufxp_1 {
  justify-content: center;
  align-items: center;
}

._container_1ufxp_1 {
  cursor: pointer;
}
._container_1ufxp_1 svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

._favorite--fill_1ufxp_19 {
  color: #FF325A;
}
._favorite--fill--disabled_1ufxp_22 {
  color: #FF325A;
  opacity: 0.3;
  cursor: not-allowed;
}
._favorite--line_1ufxp_27 {
  color: var(--color-content-standard-quaternary);
}
._favorite--line--disabled_1ufxp_30 {
  color: var(--color-content-standard-quaternary);
  opacity: 0.3;
  cursor: not-allowed;
}

._star--fill_1ufxp_36 {
  color: #F5C905;
}
._star--fill--disabled_1ufxp_39 {
  color: #F5C905;
  opacity: 0.3;
  cursor: not-allowed;
}
._star--line_1ufxp_44 {
  color: var(--color-content-standard-quaternary);
}
._star--line--disabled_1ufxp_47 {
  color: var(--color-content-standard-quaternary);
  opacity: 0.3;
  cursor: not-allowed;
}

._check--on_1ufxp_53 {
  color: var(--color-core-accent);
}
._check--on--disabled_1ufxp_56 {
  color: var(--color-core-accent);
  opacity: 0.3;
  cursor: not-allowed;
}
._check--off_1ufxp_61 {
  color: var(--color-content-standard-quaternary);
}
._check--off--disabled_1ufxp_64 {
  color: var(--color-content-standard-quaternary);
  opacity: 0.3;
  cursor: not-allowed;
}

._checkFill_1ufxp_1 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 4px;
  display: inline-flex;
  padding: 0.125rem;
}
._checkFill_1ufxp_1 svg {
  color: #FFFFFF;
}
._checkFill--on_1ufxp_80 {
  background: var(--color-core-accent);
}
._checkFill--on--disabled_1ufxp_83 {
  background: var(--color-core-accent);
  opacity: 0.3;
  cursor: not-allowed;
}
._checkFill--off_1ufxp_88 {
  border: 1px solid var(--color-line-item);
}
._checkFill--off--disabled_1ufxp_91 {
  border: 1px solid var(--color-line-item);
  opacity: 0.3;
  cursor: not-allowed;
}

._radio_1ufxp_1 {
  width: 1.5rem;
  height: 1.5rem;
}
._radio--large_1ufxp_101 {
  width: 3rem;
  height: 3rem;
}
._radio_1ufxp_1 {
  border-radius: 32px;
  display: inline-flex;
}
._radio__center_1ufxp_109 {
  width: 0.625rem;
  height: 0.625rem;
  background: #FFFFFF;
  border-radius: 32px;
}
._radio--large_1ufxp_101 ._radio__center_1ufxp_109 {
  width: 1.25rem;
  height: 1.25rem;
}
._radio--on_1ufxp_119 {
  background: var(--color-core-accent);
}
._radio--on--disabled_1ufxp_122 {
  background: var(--color-core-accent);
  opacity: 0.3;
  cursor: not-allowed;
}
._radio--off_1ufxp_127 {
  border: 1px solid var(--color-line-item);
}
._radio--off--disabled_1ufxp_130 {
  border: 1px solid var(--color-line-item);
  opacity: 0.3;
  cursor: not-allowed;
}

._toggle_1ufxp_136 {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  height: 1.5rem;
  width: 2.75rem;
  border-radius: 12px;
  padding: 0.125rem;
}
._toggle__slider_1ufxp_145 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  background: var(--color-component-translucent-primary);
  transform: translateX(0rem);
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
}
._toggle__slider_1ufxp_145:before {
  position: absolute;
  content: "";
  border-radius: 12px;
  width: 1.25rem;
  height: 1.25rem;
  left: 0.125rem;
  bottom: 0.125rem;
  background-color: #FFFFFF;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
}
._toggle__slider--active_1ufxp_169 {
  background-color: var(--color-core-accent);
}
._toggle__slider--active_1ufxp_169:before {
  transform: translateX(1.275rem);
}
._toggle--disabled_1ufxp_175 {
  opacity: 0.3;
  cursor: not-allowed;
}._display-medium_abval_1, ._display-strong_abval_1, ._font-display_abval_1 {
  font-size: 3rem;
  line-height: 4rem;
}

._display2-medium_abval_6, ._display2-strong_abval_6, ._font-display2_abval_6 {
  font-size: 2.25rem;
  line-height: 3rem;
}

._title-strong_abval_11, ._title-medium_abval_11, ._font-title_abval_11 {
  font-size: 1.5rem;
  line-height: 2rem;
}

._heading-strong_abval_16, ._heading-medium_abval_16, ._font-heading_abval_16 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

._body-medium_abval_21, ._body-strong_abval_21, ._font-body_abval_21 {
  font-size: 1rem;
  line-height: 1.5rem;
}

._label-medium_abval_26, ._label-strong_abval_26, ._font-label_abval_26 {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

._footnote-medium_abval_31, ._footnote-strong_abval_31, ._font-footnote_abval_31 {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

._caption-medium_abval_36, ._font-caption_abval_36 {
  font-size: 0.625rem;
  line-height: 1rem;
  font-weight: 2;
}

._label-strong_abval_26, ._body-strong_abval_21, ._heading-strong_abval_16, ._display2-strong_abval_6, ._display-strong_abval_1, ._title-strong_abval_11, ._footnote-strong_abval_31, ._weight-strong_abval_42 {
  font-weight: 700;
}

._label-medium_abval_26, ._body-medium_abval_21, ._heading-medium_abval_16, ._display2-medium_abval_6, ._display-medium_abval_1, ._caption-medium_abval_36, ._title-medium_abval_11, ._footnote-medium_abval_31, ._weight-medium_abval_46 {
  font-weight: 500;
}._container_nrut4_1, ._container__button_nrut4_1 {
  display: flex;
}

._container__button_nrut4_1 {
  align-items: center;
}

._container_nrut4_1 {
  flex-direction: column;
}

._container__button_nrut4_1 span {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

._container__button_nrut4_1 span {
  font-weight: 500;
}

._container_nrut4_1 {
  width: 10rem;
  overflow: hidden;
  transition: all 0.2s ease;
  position: absolute;
  border-radius: 8px;
  z-index: 1000;
}
._container--hidden_nrut4_30 {
  visibility: hidden;
  height: 0;
}
._container--show_nrut4_34 {
  visibility: visible;
}
._container__button_nrut4_1 {
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  cursor: pointer;
  background: var(--color-component-fill-standard-primary);
}
._container__button_nrut4_1 svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}
._container__button_nrut4_1 span {
  color: var(--color-content-standard-primary);
}
._container__button--logout_nrut4_51 svg,
._container__button--logout_nrut4_51 span {
  color: var(--color-core-status-negative);
}._container_1hibk_1 {
  display: flex;
}

._container_1hibk_1 {
  justify-content: center;
  align-items: center;
}

._container_1hibk_1 {
  border: 1px solid var(--color-line-outline);
  background: var(--color-component-fill-standard-secondary);
  overflow: hidden;
  flex-shrink: 0;
}
._container_1hibk_1 svg {
  fill: currentColor;
  color: var(--color-content-standard-primary);
}
._container_1hibk_1 img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
._container--large_1hibk_27 {
  width: 4.5rem;
  height: 4.5rem;
}
._container--large_1hibk_27 svg {
  width: 3.75rem;
  height: 3.75rem;
}
._container--medium_1hibk_35 {
  width: 3rem;
  height: 3rem;
}
._container--medium_1hibk_35 svg {
  width: 2.5rem;
  height: 2.5rem;
}
._container--small_1hibk_43 {
  width: 1.5rem;
  height: 1.5rem;
}
._container--small_1hibk_43 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._container--person_1hibk_51 {
  border-radius: 1000px;
}
._container--classroom--large_1hibk_54 {
  border-radius: 16px;
}
._container--classroom--medium_1hibk_57 {
  border-radius: 12px;
}
._container--classroom--small_1hibk_60 {
  border-radius: 6px;
}