@layer organisms{.phxsg-panel{--panel-padding-inline: var(--sys-spacing-4);--panel-padding-block: 0 var(--sys-spacing-5);--panel-footer-padding-inline: var(--sys-spacing-4);--panel-footer-padding-block: var(--sys-spacing-4);--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, color-mix(in srgb, var(--ref-color-neutral-95) 50%, transparent) );--_comp-panel-overlay-backdrop-filter: var(--comp-panel-overlay-backdrop-filter, var(--sys-backdrop-filter-light));--_comp-panel-top-offset: var(--comp-panel-top-offset, 0);@media screen and (min-width: 768px){--panel-animation-duration: var(--sys-motion-duration-medium-3);--panel-max-length: max(460px, calc(100vw / 3));body:has(.phxsg-navigation) &{--_comp-panel-top-offset: var(--comp-panel-top-offset, var(--comp-navigation-height));&:not(:has(.phxsg-panel__body)) .phxsg-panel__body,.phxsg-panel__overlay{top:var(--_comp-panel-top-offset)}}}}.phxsg-panel--open-from-bottom,.phxsg-panel--open-from-top{--panel-max-length: max(340px, calc(var(--panel-available-height) / 3))}.phxsg-panel__overlay{background-color:var(--_comp-panel-overlay-background-color);backdrop-filter:var(--_comp-panel-overlay-backdrop-filter)}.phxsg-panel__body{width:100%;max-width:var(--panel-max-length);scrollbar-color:var(--sys-color-outline) var(--sys-color-background);.phxsg-panel--two-thirds &{max-width:calc(var(--panel-max-length) * 2)}.phxsg-panel--fullscreen &{width:100%;max-width:100%}.phxsg-panel__content--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-bottom &{--panel-offset-y: 100%;inset-block:auto 0}.phxsg-panel--open-from-top &{--panel-offset-y: -100%;inset-block:0 auto}.phxsg-panel--open-from-end &{--panel-offset-x: 100%;inset-inline:auto 0}.phxsg-panel--open-from-bottom &,.phxsg-panel--open-from-top &{--panel-max-length: max(340px, calc(var(--panel-available-height) / 3));--panel-offset-x: 0;height:100%;max-width:100%;max-height:var(--panel-max-length);&.phxsg-panel--two-thirds{max-height:calc(var(--panel-max-length) * 2)}&.phxsg-panel--fullscreen{--panel-max-length: var(--panel-available-height)}}.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-inline:var(--panel-footer-padding-inline);padding-block:var(--panel-footer-padding-block)}.phxsg-panel__footer--bordered{border-top:1px solid var(--sys-color-outline)}}