@layer organisms{.phxsg-panel{--panel-padding-inline: var(--sys-spacing-5);--panel-padding-block: var(--sys-spacing-5);--panel-animation-duration: var(--sys-motion-duration-medium-3);--panel-animation-timing-function: var(--sys-motion-easing-emphasized-accelerate);--panel-overlay-animation-timing-function: var(--sys-motion-easing-standard);--panel-overlay-animation-delay: var(--sys-motion-duration-medium-1);--panel-max-length: 100%;--panel-available-height: calc(100vh - var(--_comp-panel-top-offset));--_comp-panel-overlay-background-color: var(--comp-panel-overlay-background-color, var(--ref-color-blue-63));--_comp-panel-overlay-backdrop-filter: var( --comp-panel-overlay-backdrop-filter, var(--sys-backdrop-filter-default) );--_comp-panel-top-offset: var(--comp-panel-top-offset, 0);@media screen and (min-width:768px){--panel-padding-inline: var(--sys-spacing-8);--panel-padding-block: var(--sys-spacing-8);--panel-animation-duration: var(--sys-motion-duration-medium-3);--panel-max-length: 41rem}}.phxsg-panel--size-fullscreen{@media screen and (min-width:768px){--panel-max-length: 100%}}.phxsg-panel__overlay{background-color:var(--_comp-panel-overlay-background-color);backdrop-filter:var(--_comp-panel-overlay-backdrop-filter)}.phxsg-panel__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sys-spacing-8);@media screen and (min-width:1280px){margin-bottom:var(--sys-spacing-12)}}.phxsg-panel__header-title{@media screen and (min-width:1280px){gap:var(--sys-spacing-2)}}.phxsg-panel__close-btn{padding:var(--sys-spacing-2);translate:var(--sys-spacing-2)}.phxsg-panel__body{width:100%;max-width:var(--panel-max-length);scrollbar-color:var(--sys-color-outline) var(--sys-color-background);.phxsg-panel--boxed &{padding-inline:var(--panel-padding-inline);padding-block:var(--panel-padding-block);&:first-child{padding-block-start:var(--panel-padding-block)}}.phxsg-panel--open-from-end &{--panel-offset-x: 100%;inset-inline:auto 0}.phxsg-panel[aria-hidden=false] &{--panel-animation-timing-function: var(--sys-motion-easing-standard)}html[dir=rtl] .phxsg-panel--open-from-end &{--panel-offset-x: -100%}}.phxsg-panel__footer{padding-top:var(--sys-spacing-5)}}