@layer component{.popup-wrapper[data-v-ff8837ec]{--transition-duration:.3s;align-items:center;background-color:transparent;border:0;display:flex;height:100%;inset:0 var(--sidebar-inset) 0 0;justify-content:center;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;pointer-events:none;position:fixed;width:auto;z-index:100}.popup-wrapper[data-v-ff8837ec]::backdrop{opacity:0}.popup-wrapper.--closed[data-v-ff8837ec]{opacity:0}.popup-wrapper.--closing[data-v-ff8837ec],.popup-wrapper.--open[data-v-ff8837ec],.popup-wrapper.--opening[data-v-ff8837ec],.popup-wrapper.--opening-start[data-v-ff8837ec]{opacity:1}.popup-wrapper.--open[data-v-ff8837ec]{pointer-events:all}.backdrop[data-v-ff8837ec]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:oklch(from var(--bg-down) l c h/.8);inset:0;pointer-events:none;position:fixed;transition:opacity var(--transition-duration) ease}.--closed .backdrop[data-v-ff8837ec],.--opening-start .backdrop[data-v-ff8837ec]{opacity:0}.--open .backdrop[data-v-ff8837ec],.--opening .backdrop[data-v-ff8837ec]{opacity:1}.--closing .backdrop[data-v-ff8837ec]{opacity:0}.popup[data-v-ff8837ec]{--line-height:var(--line-height-base-base);line-height:var(--line-height);transition:--line-height var(--transition)}@media(width<768px){@container (width <= 288px){.popup[data-v-ff8837ec]{--line-height:var(--line-height-base-tight)}}@container (width >= 576px){.popup[data-v-ff8837ec]{--line-height:var(--line-height-base-open)}}}@media(768px<=width<1080px){@container (width <= 317px){.popup[data-v-ff8837ec]{--line-height:var(--line-height-base-tight)}}@container (width >= 634px){.popup[data-v-ff8837ec]{--line-height:var(--line-height-base-open)}}}@media(width>=1080px){@container (width <= 346px){.popup[data-v-ff8837ec]{--line-height:var(--line-height-base-tight)}}@container (width >= 691px){.popup[data-v-ff8837ec]{--line-height:var(--line-height-base-open)}}}.popup[data-v-ff8837ec]{font-size:var(--font-size-base);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.popup strong[data-v-ff8837ec]{color:var(--fg-primary);font-weight:inherit}.popup[data-v-ff8837ec]{box-shadow:6px 6px oklch(from var(--color-neutral-10) l c h/33%);--popup-width:576px;--scale-x:1;--scale-y:1;--offset-x:0px;--offset-y:0px;color:var(--fg);display:flex;flex-direction:column;margin:var(--sp-md);max-height:calc(100% - var(--sp-md)*2);max-width:calc(100% - var(--sp-md)*2);opacity:1;transform:translate(var(--offset-x)) translateY(var(--offset-y)) scale(var(--scale-x),var(--scale-y));transform-origin:center center;transition:transform var(--transition-duration) cubic-bezier(.657,.235,.168,1.157),opacity .1s ease .1s;width:var(--popup-width)}.popup[data-v-ff8837ec],.popup[data-v-ff8837ec]:before{border-radius:var(--border-radius-sm);corner-shape:notch}.popup[data-v-ff8837ec]:before{background:var(--bg);content:"";display:block;inset:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:2}.--closed .popup[data-v-ff8837ec],.--closing .popup[data-v-ff8837ec],.--open .popup[data-v-ff8837ec]:before,.--opening .popup[data-v-ff8837ec]:before{opacity:0}.--sm .popup[data-v-ff8837ec]{--popup-width:320px}.--md .popup[data-v-ff8837ec]{--popup-width:768px}.--lg .popup[data-v-ff8837ec]{--popup-width:992px}.--xl .popup[data-v-ff8837ec]{--popup-width:1200px}.--full .popup[data-v-ff8837ec]{--popup-width:100%}.popup>div[data-v-ff8837ec]:first-child{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm);corner-shape:notch}.popup>div[data-v-ff8837ec]:last-child{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);corner-shape:notch}.header[data-v-ff8837ec]{align-items:center;background-color:var(--bg);border-bottom:1px solid oklch(from var(--fg) l c h/10%);display:flex;padding-inline:var(--sp-md) calc(var(--sp-md) + var(--sp)*-2);position:relative}.title[data-v-ff8837ec]{font-family:var(--font-display);font-weight:400;text-transform:uppercase;text-wrap:pretty;flex:1;padding-block:.75em}.content[data-v-ff8837ec]{background-color:var(--bg);container-type:inline-size;flex:1;overflow:auto;padding:var(--sp-md)}.content[data-v-ff8837ec]:focus-visible{outline:2px dashed var(--fg-down);outline-offset:calc(var(--sp)*-1)}.footer[data-v-ff8837ec]{background-color:var(--bg);border-top:1px solid oklch(from var(--fg) l c h/10%);padding:var(--sp-sm) var(--sp-md)}}@layer compose{.content[data-v-ff8837ec]>p:last-child{margin-bottom:0}}html:has(.popup-wrapper.--open){overflow-y:hidden}
