@layer colors,config,root,reboot,layout,content,forms;@layer components{.offcanvas,.offcanvas-2xl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm{--cui-offcanvas-zindex:var(--cui-z-offcanvas);--cui-offcanvas-width:400px;--cui-offcanvas-height:30vh;--cui-offcanvas-padding-x:var(--cui-spacer);--cui-offcanvas-padding-y:var(--cui-spacer);--cui-offcanvas-color:var(--cui-fg-body);--cui-offcanvas-bg:var(--cui-bg-body);--cui-offcanvas-border-width:var(--cui-border-width);--cui-offcanvas-border-color:var(--cui-border-color-translucent);--cui-offcanvas-box-shadow:var(--cui-box-shadow-sm);--cui-offcanvas-transition-duration:.3s;--cui-offcanvas-transition-timing:ease-in-out;--cui-offcanvas-backdrop-bg:var(--cui-black);--cui-offcanvas-backdrop-opacity:.5;--cui-offcanvas-title-line-height:var(--cui-body-line-height);--cui-offcanvas-scale-transform:scale(1.02)}@media (width<576px){.offcanvas-sm{z-index:var(--cui-offcanvas-zindex);width:auto;max-width:100%;height:auto;max-height:100%;color:var(--cui-offcanvas-color);visibility:hidden;background-color:var(--cui-offcanvas-bg);background-clip:padding-box;border:0;outline:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto;overflow:visible}.offcanvas-sm.offcanvas-start{width:var(--cui-offcanvas-width);border-inline-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-start:0}.offcanvas-sm.offcanvas-end{width:var(--cui-offcanvas-width);border-inline-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-end:0}.offcanvas-sm.offcanvas-top{height:var(--cui-offcanvas-height);border-block-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:0 0 auto}.offcanvas-sm.offcanvas-bottom{height:var(--cui-offcanvas-height);border-block-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:auto 0 0}}@media (width<576px) and (prefers-reduced-motion:no-preference){.offcanvas-sm:not(.offcanvas-instant){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s var(--cui-offcanvas-transition-duration)}}@media (width<576px){.offcanvas-sm:not(.offcanvas-instant).offcanvas-start{transform:translate(-100%)}.offcanvas-sm:not(.offcanvas-instant).offcanvas-start:dir(rtl),.offcanvas-sm:not(.offcanvas-instant).offcanvas-end{transform:translate(100%)}.offcanvas-sm:not(.offcanvas-instant).offcanvas-end:dir(rtl){transform:translate(-100%)}.offcanvas-sm:not(.offcanvas-instant).offcanvas-top{transform:translateY(-100%)}.offcanvas-sm:not(.offcanvas-instant).offcanvas-bottom{transform:translateY(100%)}.offcanvas-sm:not(.offcanvas-instant)[open]:not(.hiding){visibility:visible;transform:none}}@media (width<576px) and (prefers-reduced-motion:no-preference){.offcanvas-sm:not(.offcanvas-instant)[open]:not(.hiding){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s}}@media (width<576px){.offcanvas-sm:not(.offcanvas-instant)[open].offcanvas-static:not(.hiding){transform:var(--cui-offcanvas-scale-transform)}.offcanvas-sm:not(.offcanvas-instant)::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}}@media (width<576px) and (prefers-reduced-motion:no-preference){.offcanvas-sm:not(.offcanvas-instant)::backdrop{transition:background-color var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing)}}@media (width<576px){.offcanvas-sm:not(.offcanvas-instant).hiding::backdrop{background-color:#0000}.offcanvas-sm.offcanvas-instant::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}.offcanvas-sm[open]:not(.hiding){visibility:visible;transform:none}.offcanvas-sm.offcanvas-no-backdrop::backdrop{display:none}}@media (width>=576px){.offcanvas-sm{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;z-index:auto;max-width:none;max-height:none;margin:0;padding:0;inset:auto;visibility:visible!important;background-color:#0000!important;border:0!important;height:auto!important;transition:none!important;display:flex!important;position:static!important;transform:none!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (width<768px){.offcanvas-md{z-index:var(--cui-offcanvas-zindex);width:auto;max-width:100%;height:auto;max-height:100%;color:var(--cui-offcanvas-color);visibility:hidden;background-color:var(--cui-offcanvas-bg);background-clip:padding-box;border:0;outline:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto;overflow:visible}.offcanvas-md.offcanvas-start{width:var(--cui-offcanvas-width);border-inline-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-start:0}.offcanvas-md.offcanvas-end{width:var(--cui-offcanvas-width);border-inline-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-end:0}.offcanvas-md.offcanvas-top{height:var(--cui-offcanvas-height);border-block-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:0 0 auto}.offcanvas-md.offcanvas-bottom{height:var(--cui-offcanvas-height);border-block-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:auto 0 0}}@media (width<768px) and (prefers-reduced-motion:no-preference){.offcanvas-md:not(.offcanvas-instant){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s var(--cui-offcanvas-transition-duration)}}@media (width<768px){.offcanvas-md:not(.offcanvas-instant).offcanvas-start{transform:translate(-100%)}.offcanvas-md:not(.offcanvas-instant).offcanvas-start:dir(rtl),.offcanvas-md:not(.offcanvas-instant).offcanvas-end{transform:translate(100%)}.offcanvas-md:not(.offcanvas-instant).offcanvas-end:dir(rtl){transform:translate(-100%)}.offcanvas-md:not(.offcanvas-instant).offcanvas-top{transform:translateY(-100%)}.offcanvas-md:not(.offcanvas-instant).offcanvas-bottom{transform:translateY(100%)}.offcanvas-md:not(.offcanvas-instant)[open]:not(.hiding){visibility:visible;transform:none}}@media (width<768px) and (prefers-reduced-motion:no-preference){.offcanvas-md:not(.offcanvas-instant)[open]:not(.hiding){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s}}@media (width<768px){.offcanvas-md:not(.offcanvas-instant)[open].offcanvas-static:not(.hiding){transform:var(--cui-offcanvas-scale-transform)}.offcanvas-md:not(.offcanvas-instant)::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}}@media (width<768px) and (prefers-reduced-motion:no-preference){.offcanvas-md:not(.offcanvas-instant)::backdrop{transition:background-color var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing)}}@media (width<768px){.offcanvas-md:not(.offcanvas-instant).hiding::backdrop{background-color:#0000}.offcanvas-md.offcanvas-instant::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}.offcanvas-md[open]:not(.hiding){visibility:visible;transform:none}.offcanvas-md.offcanvas-no-backdrop::backdrop{display:none}}@media (width>=768px){.offcanvas-md{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;z-index:auto;max-width:none;max-height:none;margin:0;padding:0;inset:auto;visibility:visible!important;background-color:#0000!important;border:0!important;height:auto!important;transition:none!important;display:flex!important;position:static!important;transform:none!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (width<1024px){.offcanvas-lg{z-index:var(--cui-offcanvas-zindex);width:auto;max-width:100%;height:auto;max-height:100%;color:var(--cui-offcanvas-color);visibility:hidden;background-color:var(--cui-offcanvas-bg);background-clip:padding-box;border:0;outline:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto;overflow:visible}.offcanvas-lg.offcanvas-start{width:var(--cui-offcanvas-width);border-inline-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-start:0}.offcanvas-lg.offcanvas-end{width:var(--cui-offcanvas-width);border-inline-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-end:0}.offcanvas-lg.offcanvas-top{height:var(--cui-offcanvas-height);border-block-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:0 0 auto}.offcanvas-lg.offcanvas-bottom{height:var(--cui-offcanvas-height);border-block-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:auto 0 0}}@media (width<1024px) and (prefers-reduced-motion:no-preference){.offcanvas-lg:not(.offcanvas-instant){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s var(--cui-offcanvas-transition-duration)}}@media (width<1024px){.offcanvas-lg:not(.offcanvas-instant).offcanvas-start{transform:translate(-100%)}.offcanvas-lg:not(.offcanvas-instant).offcanvas-start:dir(rtl),.offcanvas-lg:not(.offcanvas-instant).offcanvas-end{transform:translate(100%)}.offcanvas-lg:not(.offcanvas-instant).offcanvas-end:dir(rtl){transform:translate(-100%)}.offcanvas-lg:not(.offcanvas-instant).offcanvas-top{transform:translateY(-100%)}.offcanvas-lg:not(.offcanvas-instant).offcanvas-bottom{transform:translateY(100%)}.offcanvas-lg:not(.offcanvas-instant)[open]:not(.hiding){visibility:visible;transform:none}}@media (width<1024px) and (prefers-reduced-motion:no-preference){.offcanvas-lg:not(.offcanvas-instant)[open]:not(.hiding){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s}}@media (width<1024px){.offcanvas-lg:not(.offcanvas-instant)[open].offcanvas-static:not(.hiding){transform:var(--cui-offcanvas-scale-transform)}.offcanvas-lg:not(.offcanvas-instant)::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}}@media (width<1024px) and (prefers-reduced-motion:no-preference){.offcanvas-lg:not(.offcanvas-instant)::backdrop{transition:background-color var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing)}}@media (width<1024px){.offcanvas-lg:not(.offcanvas-instant).hiding::backdrop{background-color:#0000}.offcanvas-lg.offcanvas-instant::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}.offcanvas-lg[open]:not(.hiding){visibility:visible;transform:none}.offcanvas-lg.offcanvas-no-backdrop::backdrop{display:none}}@media (width>=1024px){.offcanvas-lg{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;z-index:auto;max-width:none;max-height:none;margin:0;padding:0;inset:auto;visibility:visible!important;background-color:#0000!important;border:0!important;height:auto!important;transition:none!important;display:flex!important;position:static!important;transform:none!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (width<1280px){.offcanvas-xl{z-index:var(--cui-offcanvas-zindex);width:auto;max-width:100%;height:auto;max-height:100%;color:var(--cui-offcanvas-color);visibility:hidden;background-color:var(--cui-offcanvas-bg);background-clip:padding-box;border:0;outline:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto;overflow:visible}.offcanvas-xl.offcanvas-start{width:var(--cui-offcanvas-width);border-inline-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-start:0}.offcanvas-xl.offcanvas-end{width:var(--cui-offcanvas-width);border-inline-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-end:0}.offcanvas-xl.offcanvas-top{height:var(--cui-offcanvas-height);border-block-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:0 0 auto}.offcanvas-xl.offcanvas-bottom{height:var(--cui-offcanvas-height);border-block-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:auto 0 0}}@media (width<1280px) and (prefers-reduced-motion:no-preference){.offcanvas-xl:not(.offcanvas-instant){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s var(--cui-offcanvas-transition-duration)}}@media (width<1280px){.offcanvas-xl:not(.offcanvas-instant).offcanvas-start{transform:translate(-100%)}.offcanvas-xl:not(.offcanvas-instant).offcanvas-start:dir(rtl),.offcanvas-xl:not(.offcanvas-instant).offcanvas-end{transform:translate(100%)}.offcanvas-xl:not(.offcanvas-instant).offcanvas-end:dir(rtl){transform:translate(-100%)}.offcanvas-xl:not(.offcanvas-instant).offcanvas-top{transform:translateY(-100%)}.offcanvas-xl:not(.offcanvas-instant).offcanvas-bottom{transform:translateY(100%)}.offcanvas-xl:not(.offcanvas-instant)[open]:not(.hiding){visibility:visible;transform:none}}@media (width<1280px) and (prefers-reduced-motion:no-preference){.offcanvas-xl:not(.offcanvas-instant)[open]:not(.hiding){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s}}@media (width<1280px){.offcanvas-xl:not(.offcanvas-instant)[open].offcanvas-static:not(.hiding){transform:var(--cui-offcanvas-scale-transform)}.offcanvas-xl:not(.offcanvas-instant)::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}}@media (width<1280px) and (prefers-reduced-motion:no-preference){.offcanvas-xl:not(.offcanvas-instant)::backdrop{transition:background-color var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing)}}@media (width<1280px){.offcanvas-xl:not(.offcanvas-instant).hiding::backdrop{background-color:#0000}.offcanvas-xl.offcanvas-instant::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}.offcanvas-xl[open]:not(.hiding){visibility:visible;transform:none}.offcanvas-xl.offcanvas-no-backdrop::backdrop{display:none}}@media (width>=1280px){.offcanvas-xl{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;z-index:auto;max-width:none;max-height:none;margin:0;padding:0;inset:auto;visibility:visible!important;background-color:#0000!important;border:0!important;height:auto!important;transition:none!important;display:flex!important;position:static!important;transform:none!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (width<1536px){.offcanvas-2xl{z-index:var(--cui-offcanvas-zindex);width:auto;max-width:100%;height:auto;max-height:100%;color:var(--cui-offcanvas-color);visibility:hidden;background-color:var(--cui-offcanvas-bg);background-clip:padding-box;border:0;outline:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto;overflow:visible}.offcanvas-2xl.offcanvas-start{width:var(--cui-offcanvas-width);border-inline-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-start:0}.offcanvas-2xl.offcanvas-end{width:var(--cui-offcanvas-width);border-inline-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-end:0}.offcanvas-2xl.offcanvas-top{height:var(--cui-offcanvas-height);border-block-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:0 0 auto}.offcanvas-2xl.offcanvas-bottom{height:var(--cui-offcanvas-height);border-block-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:auto 0 0}}@media (width<1536px) and (prefers-reduced-motion:no-preference){.offcanvas-2xl:not(.offcanvas-instant){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s var(--cui-offcanvas-transition-duration)}}@media (width<1536px){.offcanvas-2xl:not(.offcanvas-instant).offcanvas-start{transform:translate(-100%)}.offcanvas-2xl:not(.offcanvas-instant).offcanvas-start:dir(rtl),.offcanvas-2xl:not(.offcanvas-instant).offcanvas-end{transform:translate(100%)}.offcanvas-2xl:not(.offcanvas-instant).offcanvas-end:dir(rtl){transform:translate(-100%)}.offcanvas-2xl:not(.offcanvas-instant).offcanvas-top{transform:translateY(-100%)}.offcanvas-2xl:not(.offcanvas-instant).offcanvas-bottom{transform:translateY(100%)}.offcanvas-2xl:not(.offcanvas-instant)[open]:not(.hiding){visibility:visible;transform:none}}@media (width<1536px) and (prefers-reduced-motion:no-preference){.offcanvas-2xl:not(.offcanvas-instant)[open]:not(.hiding){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s}}@media (width<1536px){.offcanvas-2xl:not(.offcanvas-instant)[open].offcanvas-static:not(.hiding){transform:var(--cui-offcanvas-scale-transform)}.offcanvas-2xl:not(.offcanvas-instant)::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}}@media (width<1536px) and (prefers-reduced-motion:no-preference){.offcanvas-2xl:not(.offcanvas-instant)::backdrop{transition:background-color var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing)}}@media (width<1536px){.offcanvas-2xl:not(.offcanvas-instant).hiding::backdrop{background-color:#0000}.offcanvas-2xl.offcanvas-instant::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}.offcanvas-2xl[open]:not(.hiding){visibility:visible;transform:none}.offcanvas-2xl.offcanvas-no-backdrop::backdrop{display:none}}@media (width>=1536px){.offcanvas-2xl{--cui-offcanvas-height:auto;--cui-offcanvas-border-width:0;z-index:auto;max-width:none;max-height:none;margin:0;padding:0;inset:auto;visibility:visible!important;background-color:#0000!important;border:0!important;height:auto!important;transition:none!important;display:flex!important;position:static!important;transform:none!important}.offcanvas-2xl .offcanvas-header{display:none}.offcanvas-2xl .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}.offcanvas{z-index:var(--cui-offcanvas-zindex);width:auto;max-width:100%;height:auto;max-height:100%;color:var(--cui-offcanvas-color);visibility:hidden;background-color:var(--cui-offcanvas-bg);background-clip:padding-box;border:0;outline:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto;overflow:visible}.offcanvas.offcanvas-start{width:var(--cui-offcanvas-width);border-inline-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-start:0}.offcanvas.offcanvas-end{width:var(--cui-offcanvas-width);border-inline-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset-block:0;inset-inline-end:0}.offcanvas.offcanvas-top{height:var(--cui-offcanvas-height);border-block-end:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:0 0 auto}.offcanvas.offcanvas-bottom{height:var(--cui-offcanvas-height);border-block-start:var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color);inset:auto 0 0}@media (prefers-reduced-motion:no-preference){.offcanvas:not(.offcanvas-instant){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s var(--cui-offcanvas-transition-duration)}}.offcanvas:not(.offcanvas-instant).offcanvas-start{transform:translate(-100%)}.offcanvas:not(.offcanvas-instant).offcanvas-start:dir(rtl),.offcanvas:not(.offcanvas-instant).offcanvas-end{transform:translate(100%)}.offcanvas:not(.offcanvas-instant).offcanvas-end:dir(rtl){transform:translate(-100%)}.offcanvas:not(.offcanvas-instant).offcanvas-top{transform:translateY(-100%)}.offcanvas:not(.offcanvas-instant).offcanvas-bottom{transform:translateY(100%)}.offcanvas:not(.offcanvas-instant)[open]:not(.hiding){visibility:visible;transform:none}@media (prefers-reduced-motion:no-preference){.offcanvas:not(.offcanvas-instant)[open]:not(.hiding){transition:transform var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing), visibility 0s}}.offcanvas:not(.offcanvas-instant)[open].offcanvas-static:not(.hiding){transform:var(--cui-offcanvas-scale-transform)}.offcanvas:not(.offcanvas-instant)::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}@media (prefers-reduced-motion:no-preference){.offcanvas:not(.offcanvas-instant)::backdrop{transition:background-color var(--cui-offcanvas-transition-duration) var(--cui-offcanvas-transition-timing)}}.offcanvas:not(.offcanvas-instant).hiding::backdrop{background-color:#0000}.offcanvas.offcanvas-instant::backdrop{background-color:color-mix(in oklch, var(--cui-offcanvas-backdrop-bg) calc(var(--cui-offcanvas-backdrop-opacity) * 100%), transparent)}.offcanvas[open]:not(.hiding){visibility:visible;transform:none}.offcanvas.offcanvas-no-backdrop::backdrop{display:none}@starting-style{.offcanvas-sm:not(.offcanvas-instant)::backdrop,.offcanvas-md:not(.offcanvas-instant)::backdrop,.offcanvas-lg:not(.offcanvas-instant)::backdrop,.offcanvas-xl:not(.offcanvas-instant)::backdrop,.offcanvas-2xl:not(.offcanvas-instant)::backdrop,.offcanvas:not(.offcanvas-instant)::backdrop{background-color:#0000}}.offcanvas-header{padding:var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x);flex-shrink:0;align-items:center;display:flex}.offcanvas-header .btn-close{padding:calc(var(--cui-offcanvas-padding-y) * .5) calc(var(--cui-offcanvas-padding-x) * .5);margin-inline-start:auto;margin-inline-end:calc(-.5 * var(--cui-offcanvas-padding-x));margin-top:calc(-.5 * var(--cui-offcanvas-padding-y));margin-bottom:calc(-.5 * var(--cui-offcanvas-padding-y))}.offcanvas-title{line-height:var(--cui-offcanvas-title-line-height);margin-bottom:0}.offcanvas-body{padding:var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x);flex:auto;position:relative;overflow-y:auto}}@layer custom,helpers,utilities;