.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)}}