@layer core.organisms{.phxsg-panel{--panel-offset-x: -100%;--panel-offset-y: 0;--panel-animation-duration: .15s;--panel-animation-timing-function: cubic-bezier(.4, 0, .2, 1);--panel-animation-delay: .1s;--panel-background-color: white;--panel-overlay-animation-duration: var(--panel-animation-duration);--panel-overlay-animation-timing-function: var(--panel-animation-timing-function);--panel-overlay-animation-delay: var(--panel-animation-delay);display:none;position:absolute;z-index:9999;html[dir=rtl] &{--panel-offset-x: 100%}&.phxsg-is-active{display:block}.phxsg-panel__overlay{position:fixed;inset:0;opacity:0;animation-name:phxsg-overlay-fade-out;animation-duration:var(--panel-overlay-animation-duration);animation-timing-function:var(--panel-overlay-animation-timing-function);animation-delay:var(--panel-overlay-animation-delay);animation-fill-mode:both;pointer-events:auto;.phxsg-panel[aria-hidden=false] &{animation-name:phxsg-overlay-fade-in}}}.phxsg-panel[aria-hidden=false]{--panel-overlay-animation-delay: 0s}.phxsg-panel__body{display:flex;flex-direction:column;width:90%;position:fixed;inset-block:0;inset-inline-start:0;background:var(--panel-background-color);translate:var(--panel-offset-x) var(--panel-offset-y);animation-name:phxsg-body-slide-out;animation-duration:var(--panel-animation-duration);animation-timing-function:var(--panel-animation-timing-function);animation-delay:0s;animation-fill-mode:both;.phxsg-panel--reverse &{inset-inline:0 auto;--panel-offset-x: 100%}.phxsg-panel--fullscreen &{width:100%;max-width:100%}.phxsg-panel[aria-hidden=false] &{animation-name:phxsg-body-slide-in;animation-delay:var(--panel-animation-delay)}html[dir=rtl] .phxsg-panel--reverse &{--panel-offset-x: -100%}}.phxsg-panel__content{width:100%;height:100%;flex-grow:1;position:relative;overflow:hidden auto}@keyframes phxsg-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes phxsg-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes phxsg-body-slide-in{0%{translate:var(--panel-offset-x) var(--panel-offset-y)}to{translate:0}}@keyframes phxsg-body-slide-out{0%{translate:0}to{translate:var(--panel-offset-x) var(--panel-offset-y)}}}