.gyeol-menu__positioner{--menu-z-index:99999;z-index:calc(var(--menu-z-index) + var(--z-index-offset,0));outline:none}.gyeol-menu__content{border-radius:var(--gyeol-radius-r5);background:var(--gyeol-color-bg-layer-floating);box-shadow:var(--gyeol-shadow-s3);transform-origin:var(--gyeol-menu-transform-origin);overflow:hidden}.gyeol-menu__content:is([data-state=open],[data-open]){animation:gyeol-enter;animation-timing-function:var(--gyeol-timing-function-enter);animation-duration:var(--gyeol-duration-d3);--gyeol-enter-translate-x:0;--gyeol-enter-translate-y:0;--gyeol-enter-opacity:0;--gyeol-enter-scale:.95}.gyeol-menu__content:not(:is([data-state=open],[data-open])){animation:gyeol-exit;animation-timing-function:var(--gyeol-timing-function-exit);animation-duration:var(--gyeol-duration-d2);--gyeol-exit-translate-x:0;--gyeol-exit-translate-y:0;--gyeol-exit-opacity:0;--gyeol-exit-scale:.95;animation-fill-mode:forwards}.gyeol-menu__content[data-instant]{animation-duration:0s}.gyeol-menu__content:is([hidden],[data-hidden]){display:none!important}.gyeol-menu__content:is(:focus,[data-focus]){outline:none}.gyeol-menu__scrollArea{max-height:min(var(--gyeol-menu-max-height,480px), var(--gyeol-menu-available-height,var(--gyeol-menu-max-height,480px)));box-sizing:border-box;padding-block:var(--gyeol-dimension-x2);gap:var(--gyeol-dimension-x2);flex-direction:column;display:flex;overflow-y:auto}.gyeol-menu__group{flex-direction:column;display:flex}.gyeol-menu__group+.gyeol-menu__group:before{content:"";margin-inline:var(--gyeol-dimension-x4);margin-bottom:var(--gyeol-dimension-x2);background-color:var(--gyeol-color-stroke-neutral-muted);flex-shrink:0;height:1px;display:block}.gyeol-menu__groupLabel{color:var(--gyeol-color-fg-neutral-subtle)}.gyeol-menu__content--size_medium{width:var(--gyeol-menu-reference-width,240px)}.gyeol-menu__groupLabel--size_medium{padding-block:var(--gyeol-dimension-x2_5);padding-inline:var(--gyeol-dimension-x4);font-size:var(--gyeol-font-size-t4);line-height:var(--gyeol-line-height-t4);font-weight:var(--gyeol-font-weight-medium)}.gyeol-menu__content--size_small{width:var(--gyeol-menu-reference-width,200px)}.gyeol-menu__groupLabel--size_small{padding-block:var(--gyeol-dimension-x2);padding-inline:var(--gyeol-dimension-x4);font-size:var(--gyeol-font-size-t3);line-height:var(--gyeol-line-height-t3);font-weight:var(--gyeol-font-weight-regular)}.gyeol-menu__content--size_responsive{width:var(--gyeol-menu-reference-width,240px)}@media (min-width:1280px){.gyeol-menu__content--size_responsive{width:var(--gyeol-menu-reference-width,200px)}}.gyeol-menu__groupLabel--size_responsive{padding-block:var(--gyeol-dimension-x2_5);padding-inline:var(--gyeol-dimension-x4);font-size:var(--gyeol-font-size-t4);line-height:var(--gyeol-line-height-t4);font-weight:var(--gyeol-font-weight-medium)}@media (min-width:1280px){.gyeol-menu__groupLabel--size_responsive{padding-block:var(--gyeol-dimension-x2);padding-inline:var(--gyeol-dimension-x4);font-size:var(--gyeol-font-size-t3);line-height:var(--gyeol-line-height-t3);font-weight:var(--gyeol-font-weight-regular)}}
.gyeol-menu-item__root{scroll-margin-top:var(--gyeol-dimension-x2);scroll-margin-bottom:var(--gyeol-dimension-x2);cursor:default;-webkit-user-select:none;user-select:none;color:inherit;text-align:start;isolation:isolate;background:0 0;border:none;outline:none;align-items:center;margin:0;font-family:inherit;text-decoration:none;display:flex;position:relative}.gyeol-menu-item__root:before{content:"";z-index:-1;transition-property:background-color,inset-inline,border-radius;transition-duration:var(--gyeol-duration-color-transition);transition-timing-function:var(--gyeol-timing-function-easing);position:absolute;inset:0}.gyeol-menu-item__root:after{content:"";inset-block:0;inset-inline:var(--gyeol-dimension-x2);border-radius:var(--gyeol-radius-r3);outline:var(--gyeol-dimension-x0_5) solid transparent;outline-offset:calc(var(--gyeol-dimension-x0_5) * -1);transition:outline-color var(--gyeol-duration-d3) var(--gyeol-timing-function-easing);position:absolute}@media (hover:hover) and (pointer:fine){.gyeol-menu-item__root:not(:is(:disabled,[disabled],[data-disabled])):is(:hover,[data-hover]):before{background-color:var(--gyeol-color-bg-transparent-pressed);inset-inline:var(--gyeol-dimension-x2);border-radius:var(--gyeol-radius-r3)}}@media not all and (hover:hover) and (pointer:fine){.gyeol-menu-item__root:not(:is(:disabled,[disabled],[data-disabled])):is(:active,[data-active]):before{background-color:var(--gyeol-color-bg-transparent-pressed);inset-inline:var(--gyeol-dimension-x2);border-radius:var(--gyeol-radius-r3)}}.gyeol-menu-item__root:is(:focus-visible,[data-focus-visible]):after{outline:var(--gyeol-dimension-x0_5) solid var(--gyeol-color-stroke-focus-ring);outline-offset:calc(var(--gyeol-dimension-x0_5) * -1)}.gyeol-menu-item__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;--gyeol-prefix-icon-color:var(--gyeol-color-fg-disabled);--gyeol-suffix-icon-color:var(--gyeol-color-fg-disabled)}.gyeol-menu-item__body{gap:var(--gyeol-dimension-x0_5);flex-direction:column;flex-grow:1;display:flex}.gyeol-menu-item__label{font-weight:var(--gyeol-font-weight-regular)}.gyeol-menu-item__label:is(:disabled,[disabled],[data-disabled]){color:var(--gyeol-color-fg-disabled)}.gyeol-menu-item__description{font-weight:var(--gyeol-font-weight-regular);color:var(--gyeol-color-fg-neutral-subtle)}.gyeol-menu-item__description:is(:disabled,[disabled],[data-disabled]){color:var(--gyeol-color-fg-disabled)}.gyeol-menu-item__root--size_medium{padding-block:var(--gyeol-dimension-x3);padding-inline:var(--gyeol-dimension-x4);gap:var(--gyeol-dimension-x3);--gyeol-prefix-icon-size:22px;--gyeol-suffix-icon-size:18px}.gyeol-menu-item__label--size_medium{font-size:var(--gyeol-font-size-t5);line-height:var(--gyeol-line-height-t5)}.gyeol-menu-item__description--size_medium{font-size:var(--gyeol-font-size-t3);line-height:var(--gyeol-line-height-t3)}.gyeol-menu-item__root--size_small{padding-block:var(--gyeol-dimension-x2_5);padding-inline:var(--gyeol-dimension-x4);gap:var(--gyeol-dimension-x2);--gyeol-prefix-icon-size:18px;--gyeol-suffix-icon-size:16px}.gyeol-menu-item__label--size_small{font-size:var(--gyeol-font-size-t4);line-height:var(--gyeol-line-height-t4)}.gyeol-menu-item__description--size_small{font-size:var(--gyeol-font-size-t2);line-height:var(--gyeol-line-height-t2)}.gyeol-menu-item__root--size_responsive{padding-block:var(--gyeol-dimension-x3);padding-inline:var(--gyeol-dimension-x4);gap:var(--gyeol-dimension-x3);--gyeol-prefix-icon-size:22px;--gyeol-suffix-icon-size:18px}@media (min-width:1280px){.gyeol-menu-item__root--size_responsive{padding-block:var(--gyeol-dimension-x2_5);padding-inline:var(--gyeol-dimension-x4);gap:var(--gyeol-dimension-x2);--gyeol-prefix-icon-size:18px;--gyeol-suffix-icon-size:16px}}.gyeol-menu-item__label--size_responsive{font-size:var(--gyeol-font-size-t5);line-height:var(--gyeol-line-height-t5)}@media (min-width:1280px){.gyeol-menu-item__label--size_responsive{font-size:var(--gyeol-font-size-t4);line-height:var(--gyeol-line-height-t4)}}.gyeol-menu-item__description--size_responsive{font-size:var(--gyeol-font-size-t3);line-height:var(--gyeol-line-height-t3)}@media (min-width:1280px){.gyeol-menu-item__description--size_responsive{font-size:var(--gyeol-font-size-t2);line-height:var(--gyeol-line-height-t2)}}.gyeol-menu-item__root--tone_neutral{--gyeol-prefix-icon-color:var(--gyeol-color-fg-neutral);--gyeol-suffix-icon-color:var(--gyeol-color-fg-neutral)}.gyeol-menu-item__label--tone_neutral{color:var(--gyeol-color-fg-neutral)}.gyeol-menu-item__root--tone_critical{--gyeol-prefix-icon-color:var(--gyeol-color-fg-critical);--gyeol-suffix-icon-color:var(--gyeol-color-fg-critical)}.gyeol-menu-item__label--tone_critical{color:var(--gyeol-color-fg-critical)}
.gyeol-side-panel__positioner{overscroll-behavior-y:none;--side-panel-z-index:2;z-index:calc(var(--side-panel-z-index) + var(--layer-index,0));position:fixed;inset:0}.gyeol-side-panel__backdrop{background:var(--gyeol-color-bg-overlay);z-index:calc(var(--side-panel-z-index) + var(--layer-index,0));position:fixed;inset:0}.gyeol-side-panel__backdrop:is([data-state=open],[data-open]){animation:gyeol-enter;animation-timing-function:var(--gyeol-timing-function-enter);animation-duration:var(--gyeol-duration-d6);--gyeol-enter-translate-x:0;--gyeol-enter-translate-y:0;--gyeol-enter-opacity:0;--gyeol-enter-scale:1}.gyeol-side-panel__backdrop:not(:is([data-state=open],[data-open])){animation:gyeol-exit;animation-timing-function:var(--gyeol-timing-function-exit);animation-duration:var(--gyeol-duration-d6);--gyeol-exit-translate-x:0;--gyeol-exit-translate-y:0;--gyeol-exit-opacity:0;--gyeol-exit-scale:1;animation-fill-mode:forwards}.gyeol-side-panel__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--side-panel-z-index) + var(--layer-index,0));background:var(--gyeol-color-bg-layer-floating);touch-action:none;will-change:transform;--side-panel-default-width:calc(.8 * 100vw);--gyeol-box-width-base:var(--side-panel-default-width);--gyeol-box-width-sm:var(--gyeol-box-width-base,initial);--gyeol-box-width-md:var(--gyeol-box-width-sm,initial);--gyeol-box-width-lg:var(--gyeol-box-width-md,initial);--gyeol-box-width-xl:var(--gyeol-box-width-lg,initial);--gyeol-box-width:var(--gyeol-box-width-base,initial);--gyeol-box-max-width-base:calc(.8 * 100%);--gyeol-box-max-width-sm:var(--gyeol-box-max-width-base,initial);--gyeol-box-max-width-md:var(--gyeol-box-max-width-sm,initial);--gyeol-box-max-width-lg:var(--gyeol-box-max-width-md,initial);--gyeol-box-max-width-xl:var(--gyeol-box-max-width-lg,initial);--gyeol-box-max-width:var(--gyeol-box-max-width-base,initial);width:var(--gyeol-box-width);max-width:var(--gyeol-box-max-width);padding-bottom:var(--gyeol-safe-area-bottom);flex-direction:column;display:flex;position:absolute;inset-block:0}@media (min-width:768px){.gyeol-side-panel__content{--side-panel-default-width:var(--side-panel-size-width)}}.gyeol-side-panel__content:after{content:"";background:inherit;z-index:-1;width:100vw;position:absolute;inset-block:0}.gyeol-side-panel__content:is(:focus,[data-focus]){outline:none}.gyeol-side-panel__content[data-drawer-direction=left]{padding-left:env(safe-area-inset-left,0);left:0}.gyeol-side-panel__content[data-drawer-direction=left]:after{right:100%}.gyeol-side-panel__content[data-drawer-direction=right]{padding-right:env(safe-area-inset-right,0);right:0}.gyeol-side-panel__content[data-drawer-direction=right]:after{left:100%}.gyeol-side-panel__content:is([data-state=open],[data-open])[data-drawer-direction=right]{animation:gyeol-enter;animation-timing-function:var(--gyeol-timing-function-enter-expressive);animation-duration:var(--gyeol-duration-d6);--gyeol-enter-translate-x:100%;--gyeol-enter-translate-y:0;--gyeol-enter-opacity:1;--gyeol-enter-scale:1}.gyeol-side-panel__content:not(:is([data-state=open],[data-open]))[data-drawer-direction=right]{animation:gyeol-exit;animation-timing-function:var(--gyeol-timing-function-exit-expressive);animation-duration:var(--gyeol-duration-d6);--gyeol-exit-translate-x:100%;--gyeol-exit-translate-y:0;--gyeol-exit-opacity:1;--gyeol-exit-scale:1;animation-fill-mode:forwards}.gyeol-side-panel__content:is([data-state=open],[data-open])[data-drawer-direction=left]{animation:gyeol-enter;animation-timing-function:var(--gyeol-timing-function-enter-expressive);animation-duration:var(--gyeol-duration-d6);--gyeol-enter-translate-x:-100%;--gyeol-enter-translate-y:0;--gyeol-enter-opacity:1;--gyeol-enter-scale:1}.gyeol-side-panel__content:not(:is([data-state=open],[data-open]))[data-drawer-direction=left]{animation:gyeol-exit;animation-timing-function:var(--gyeol-timing-function-exit-expressive);animation-duration:var(--gyeol-duration-d6);--gyeol-exit-translate-x:-100%;--gyeol-exit-translate-y:0;--gyeol-exit-opacity:1;--gyeol-exit-scale:1;animation-fill-mode:forwards}.gyeol-side-panel__header{box-sizing:border-box;gap:var(--gyeol-dimension-x1_5);min-height:calc(70px + var(--gyeol-safe-area-top));padding-inline:var(--gyeol-dimension-x6);padding-top:calc(var(--gyeol-dimension-x6) + var(--gyeol-safe-area-top));padding-bottom:var(--gyeol-dimension-x4);flex-direction:column;display:flex;position:relative}.gyeol-side-panel__header[data-show-close-button]{padding-right:calc(24px + 22px + var(--gyeol-dimension-x1_5))}.gyeol-side-panel__title{color:var(--gyeol-color-fg-neutral);font-size:var(--gyeol-font-size-t8);line-height:var(--gyeol-line-height-t8);font-weight:var(--gyeol-font-weight-bold);word-break:keep-all;margin:0}.gyeol-side-panel__description{color:var(--gyeol-color-fg-neutral-muted);font-size:var(--gyeol-font-size-t5);line-height:var(--gyeol-line-height-t5);font-weight:var(--gyeol-font-weight-regular);white-space:pre-wrap;margin:0}.gyeol-side-panel__body{box-sizing:border-box;--gyeol-box-padding-x-base:var(--gyeol-dimension-x6);--gyeol-box-padding-x-sm:var(--gyeol-box-padding-x-base,initial);--gyeol-box-padding-x-md:var(--gyeol-box-padding-x-sm,initial);--gyeol-box-padding-x-lg:var(--gyeol-box-padding-x-md,initial);--gyeol-box-padding-x-xl:var(--gyeol-box-padding-x-lg,initial);--gyeol-box-padding-x:var(--gyeol-box-padding-x-base,initial);--gyeol-box-height-base:auto;--gyeol-box-height-sm:var(--gyeol-box-height-base,initial);--gyeol-box-height-md:var(--gyeol-box-height-sm,initial);--gyeol-box-height-lg:var(--gyeol-box-height-md,initial);--gyeol-box-height-xl:var(--gyeol-box-height-lg,initial);--gyeol-box-height:var(--gyeol-box-height-base,initial);--gyeol-box-min-height-base:auto;--gyeol-box-min-height-sm:var(--gyeol-box-min-height-base,initial);--gyeol-box-min-height-md:var(--gyeol-box-min-height-sm,initial);--gyeol-box-min-height-lg:var(--gyeol-box-min-height-md,initial);--gyeol-box-min-height-xl:var(--gyeol-box-min-height-lg,initial);--gyeol-box-min-height:var(--gyeol-box-min-height-base,initial);--gyeol-box-max-height-base:none;--gyeol-box-max-height-sm:var(--gyeol-box-max-height-base,initial);--gyeol-box-max-height-md:var(--gyeol-box-max-height-sm,initial);--gyeol-box-max-height-lg:var(--gyeol-box-max-height-md,initial);--gyeol-box-max-height-xl:var(--gyeol-box-max-height-lg,initial);--gyeol-box-max-height:var(--gyeol-box-max-height-base,initial);--gyeol-box-justify-content:initial;--gyeol-box-align-items:initial;padding-inline:var(--gyeol-box-padding-x);padding-bottom:var(--gyeol-dimension-x12);height:var(--gyeol-box-height);min-height:var(--gyeol-box-min-height);max-height:var(--gyeol-box-max-height);justify-content:var(--gyeol-box-justify-content);align-items:var(--gyeol-box-align-items);transition:box-shadow var(--gyeol-duration-color-transition) var(--gyeol-timing-function-easing);flex-direction:column;flex:1;display:flex;overflow-y:auto}.gyeol-side-panel__body[data-scrolled]:not(:first-child){box-shadow:inset 0 1px 0 0 var(--gyeol-color-stroke-neutral-muted)}.gyeol-side-panel__body{-webkit-mask-image:linear-gradient(to top, transparent 0, black var(--gyeol-dimension-x12));mask-image:linear-gradient(to top, transparent 0, black var(--gyeol-dimension-x12));-webkit-mask-image:linear-gradient(to top, transparent 0, black var(--gyeol-dimension-x12));outline:var(--gyeol-dimension-x0_5) solid transparent;outline-offset:calc(var(--gyeol-dimension-x0_5) * -1)}.gyeol-side-panel__body:is(:focus-visible,[data-focus-visible]){outline:var(--gyeol-dimension-x0_5) solid var(--gyeol-color-stroke-focus-ring);outline-offset:calc(var(--gyeol-dimension-x0_5) * -1)}.gyeol-side-panel__footer{padding-inline:var(--gyeol-dimension-x6);padding-top:var(--gyeol-dimension-x4);padding-bottom:var(--gyeol-dimension-x6);flex-direction:column;display:flex}.gyeol-side-panel__closeButton{background:var(--gyeol-color-bg-transparent);top:calc(28px + var(--gyeol-safe-area-top));border-radius:var(--gyeol-radius-r3);cursor:pointer;border:none;justify-content:center;align-items:center;margin:-15px;padding:15px;display:flex;position:absolute;right:24px}.gyeol-side-panel__closeButton:is(:active,[data-active]){scale:var(--gyeol-feedback-scale)}.gyeol-side-panel__closeButton{transition:background var(--gyeol-duration-color-transition) var(--gyeol-timing-function-easing), scale var(--gyeol-duration-pressed-scale) var(--gyeol-timing-function-pressed-scale), outline-color var(--gyeol-duration-d3) var(--gyeol-timing-function-easing);--gyeol-icon-size:22px;--gyeol-icon-color:var(--gyeol-color-fg-neutral-subtle);outline:var(--gyeol-dimension-x0_5) solid transparent;outline-offset:var(--gyeol-dimension-x0_5)}.gyeol-side-panel__closeButton:is(:focus-visible,[data-focus-visible]){outline:var(--gyeol-dimension-x0_5) solid var(--gyeol-color-stroke-focus-ring);outline-offset:var(--gyeol-dimension-x0_5)}@media (hover:hover) and (pointer:fine){.gyeol-side-panel__closeButton:is(:hover,[data-hover]){background:var(--gyeol-color-bg-transparent-pressed)}}@media not all and (hover:hover) and (pointer:fine){.gyeol-side-panel__closeButton:is(:active,[data-active]){background:var(--gyeol-color-bg-transparent-pressed)}}.gyeol-side-panel__content--size_small{--side-panel-size-width:480px}.gyeol-side-panel__content--size_medium{--side-panel-size-width:720px}.gyeol-side-panel__content--size_large{--side-panel-size-width:960px}@media (min-width:480px){.gyeol-side-panel__content{--gyeol-box-width:var(--gyeol-box-width-sm,initial);--gyeol-box-max-width:var(--gyeol-box-max-width-sm,initial)}.gyeol-side-panel__body{--gyeol-box-padding-x:var(--gyeol-box-padding-x-sm,initial);--gyeol-box-height:var(--gyeol-box-height-sm,initial);--gyeol-box-min-height:var(--gyeol-box-min-height-sm,initial);--gyeol-box-max-height:var(--gyeol-box-max-height-sm,initial)}}@media (min-width:768px){.gyeol-side-panel__content{--gyeol-box-width:var(--gyeol-box-width-md,initial);--gyeol-box-max-width:var(--gyeol-box-max-width-md,initial)}.gyeol-side-panel__body{--gyeol-box-padding-x:var(--gyeol-box-padding-x-md,initial);--gyeol-box-height:var(--gyeol-box-height-md,initial);--gyeol-box-min-height:var(--gyeol-box-min-height-md,initial);--gyeol-box-max-height:var(--gyeol-box-max-height-md,initial)}}@media (min-width:1280px){.gyeol-side-panel__content{--gyeol-box-width:var(--gyeol-box-width-lg,initial);--gyeol-box-max-width:var(--gyeol-box-max-width-lg,initial)}.gyeol-side-panel__body{--gyeol-box-padding-x:var(--gyeol-box-padding-x-lg,initial);--gyeol-box-height:var(--gyeol-box-height-lg,initial);--gyeol-box-min-height:var(--gyeol-box-min-height-lg,initial);--gyeol-box-max-height:var(--gyeol-box-max-height-lg,initial)}}@media (min-width:1440px){.gyeol-side-panel__content{--gyeol-box-width:var(--gyeol-box-width-xl,initial);--gyeol-box-max-width:var(--gyeol-box-max-width-xl,initial)}.gyeol-side-panel__body{--gyeol-box-padding-x:var(--gyeol-box-padding-x-xl,initial);--gyeol-box-height:var(--gyeol-box-height-xl,initial);--gyeol-box-min-height:var(--gyeol-box-min-height-xl,initial);--gyeol-box-max-height:var(--gyeol-box-max-height-xl,initial)}}