.u-slideover__overlay{top:0;right:0;bottom:0;left:0;position:fixed}@supports not (inset:0){.u-slideover__overlay{bottom:0;left:0;right:0;top:0}}.u-slideover__overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:var(--black-a100);cursor:pointer;z-index:800}.u-slideover__overlay[data-state=open]{animation:fade-in .2s var(--u-ease-out)}.u-slideover__overlay[data-state=closed]{animation:fade-out .2s var(--u-ease-in)}.u-slideover{background-color:var(--neutral-50);box-shadow:var(--u-box-shadow-lg);display:flex;flex-direction:column;gap:var(--u-gap-lg);padding:var(--u-gap-lg);position:fixed;transition:transform .2s var(--u-bounce);z-index:800}.u-slideover:focus{outline:none}.u-slideover[data-side=bottom],.u-slideover[data-side=top]{inset-inline:0}@supports not (inset-inline:0){.u-slideover[data-side=bottom],.u-slideover[data-side=top]{left:0;right:0}}.u-slideover[data-side=bottom],.u-slideover[data-side=top]{align-items:center;max-height:85vh}.u-slideover[data-side=bottom]>*,.u-slideover[data-side=top]>*{max-width:var(--content-width);width:100%}.u-slideover[data-side=left],.u-slideover[data-side=right]{inset-block:0}@supports not (inset-block:0){.u-slideover[data-side=left],.u-slideover[data-side=right]{bottom:0;top:0}}.u-slideover[data-side=left],.u-slideover[data-side=right]{max-width:min(var(--content-width),95vw);width:100%}.u-slideover[data-side=top]{inset-block-start:0}@supports not (inset-block-start:0){.u-slideover[data-side=top]{top:0}}.u-slideover[data-side=top]{border-end-end-radius:var(--u-rounded);border-end-start-radius:var(--u-rounded)}@supports not (border-end-start-radius:0){.u-slideover[data-side=top]{border-bottom-left-radius:var(--u-rounded);border-bottom-right-radius:var(--u-rounded)}}.u-slideover[data-side=top][data-state=open]{animation:slide-in-from-top .4s var(--u-ease-out)}.u-slideover[data-side=top][data-state=closed]{animation:slide-out-to-top .4s var(--u-ease-out)}@media (min-width:640px){.u-slideover[data-side=top]{transform:translateY(calc(var(--nest)*32px))}}.u-slideover[data-side=left]{inset-inline-start:0}@supports not (inset-inline-start:0){.u-slideover[data-side=left]{left:0}}.u-slideover[data-side=left]{border-end-end-radius:var(--u-rounded);border-start-end-radius:var(--u-rounded)}@supports not (border-start-end-radius:0){.u-slideover[data-side=left]{border-bottom-right-radius:var(--u-rounded);border-top-right-radius:var(--u-rounded)}}.u-slideover[data-side=left][data-state=open]{animation:slide-in-from-left .4s var(--u-ease-out)}.u-slideover[data-side=left][data-state=closed]{animation:slide-out-to-left .4s var(--u-ease-out)}@media (min-width:640px){.u-slideover[data-side=left]{transform:translate(calc(var(--nest)*32px))}}.u-slideover[data-side=right]{inset-inline-end:0}@supports not (inset-inline-end:0){.u-slideover[data-side=right]{right:0}}.u-slideover[data-side=right]{border-end-start-radius:var(--u-rounded);border-start-start-radius:var(--u-rounded)}@supports not (border-start-start-radius:0){.u-slideover[data-side=right]{border-bottom-left-radius:var(--u-rounded);border-top-left-radius:var(--u-rounded)}}.u-slideover[data-side=right][data-state=open]{animation:slide-in-from-right .4s var(--u-ease-out)}.u-slideover[data-side=right][data-state=closed]{animation:slide-out-to-right .4s var(--u-ease-out)}@media (min-width:640px){.u-slideover[data-side=right]{transform:translate(calc(var(--nest)*-32px))}}.u-slideover[data-side=bottom]{inset-block-end:0}@supports not (inset-block-end:0){.u-slideover[data-side=bottom]{bottom:0}}.u-slideover[data-side=bottom]{border-start-end-radius:var(--u-rounded);border-start-start-radius:var(--u-rounded)}@supports not (border-start-start-radius:0){.u-slideover[data-side=bottom]{border-top-left-radius:var(--u-rounded);border-top-right-radius:var(--u-rounded)}}.u-slideover[data-side=bottom][data-state=open]{animation:slide-in-from-bottom .4s var(--u-ease-out)}.u-slideover[data-side=bottom][data-state=closed]{animation:slide-out-to-bottom .4s var(--u-ease-out)}@media (min-width:640px){.u-slideover[data-side=bottom]{transform:translateY(calc(var(--nest)*-32px))}}.u-slideover header{display:flex;flex-direction:column;gap:var(--u-gap-xs);padding-right:32px}.u-slideover header .u-slideover-title{font-weight:500}.u-slideover header .u-slideover-description{color:var(--neutral-500);font-size:var(--u-text-sm)}.u-slideover header .u-slideover-close{position:absolute;right:var(--u-gap-md);top:var(--u-gap-md);z-index:1}.u-slideover footer{align-items:center;display:flex;gap:var(--u-gap-sm);margin-top:var(--u-gap-md)}