@layer component{.popup-wrapper[data-v-1438ec31]{--transition-duration:.3s;align-items:center;background-color:transparent;border:0;display:flex;height:100%;inset:0;justify-content:center;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;pointer-events:none;position:fixed;width:100%;z-index:100}.popup-wrapper[data-v-1438ec31]::backdrop{opacity:0}.popup-wrapper.--closed[data-v-1438ec31]{opacity:0}.popup-wrapper.--closing[data-v-1438ec31],.popup-wrapper.--open[data-v-1438ec31],.popup-wrapper.--opening[data-v-1438ec31],.popup-wrapper.--opening-start[data-v-1438ec31]{opacity:1}.popup-wrapper.--open[data-v-1438ec31]{pointer-events:all}.backdrop[data-v-1438ec31]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:oklch(from var(--color-blue-30) l c h/30%);inset:0;pointer-events:none;position:fixed;transition:opacity var(--transition-duration) ease}.--closed .backdrop[data-v-1438ec31],.--opening-start .backdrop[data-v-1438ec31]{opacity:0}.--open .backdrop[data-v-1438ec31],.--opening .backdrop[data-v-1438ec31]{opacity:1}.--closing .backdrop[data-v-1438ec31]{opacity:0}.popup[data-v-1438ec31]{--popup-width:auto;--popup-margin:var(--sp-sm);--scale-x:1;--scale-y:1;--offset-x:0px;--offset-y:0px;color:var(--fg);display:flex;flex-direction:column;margin:var(--popup-margin);max-height:calc(100% - var(--popup-margin)*2);max-width:calc(100% - var(--popup-margin)*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)}@container (width >= 768px){.popup[data-v-1438ec31]{--popup-margin:var(--sp-md)}}.popup[data-v-1438ec31]:before{background:var(--bg);border-radius:var(--border-radius-md);content:"";display:block;inset:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:2}.--closed .popup[data-v-1438ec31],.--closing .popup[data-v-1438ec31],.--open .popup[data-v-1438ec31]:before,.--opening .popup[data-v-1438ec31]:before{opacity:0}.--sm .popup[data-v-1438ec31]{--popup-width:320px}.--md .popup[data-v-1438ec31]{--popup-width:768px}.--lg .popup[data-v-1438ec31]{--popup-width:992px}.--xl .popup[data-v-1438ec31]{--popup-width:1200px}.--full .popup[data-v-1438ec31]{--popup-width:100%}.--overlay .popup[data-v-1438ec31]{--popup-margin:0;--popup-width:100%;height:100%}.--overlay .popup[data-v-1438ec31]:before{content:none}.--overlay .popup>div[data-v-1438ec31]:first-child,.--overlay .popup>div[data-v-1438ec31]:last-child{border-radius:0}.popup>div[data-v-1438ec31]:first-child{border-start-end-radius:var(--border-radius-md);border-start-start-radius:var(--border-radius-md)}.popup>div[data-v-1438ec31]:last-child{border-end-end-radius:var(--border-radius-md);border-end-start-radius:var(--border-radius-md)}.header[data-v-1438ec31]{align-items:center;background-color:var(--bg);border-block-end:1px solid oklch(from var(--fg) l c h/10%);display:flex;position:relative}.--no-title .header[data-v-1438ec31]{border-block-end:0 none}.title[data-v-1438ec31]{--line-height-sm:var(--line-height-lg-sm);--line-height-base:var(--line-height-lg-base);--line-height-lg:var(--line-height-lg-lg)}@container (width <= 502px){.title[data-v-1438ec31]{--line-height:var(--line-height-sm)}}@container (width >= 1003px){.title[data-v-1438ec31]{--line-height:var(--line-height-lg)}}.title[data-v-1438ec31]{font-size:var(--font-size-lg);font-weight:400;letter-spacing:.02em}.title[data-v-1438ec31],.title strong[data-v-1438ec31]{font-weight:700}.title[data-v-1438ec31]{color:var(--fg-secondary);font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;text-wrap:pretty;--line-height-sm:var(--line-height-base-sm);--line-height-base:var(--line-height-base-base);--line-height-lg:var(--line-height-base-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 418px){.title[data-v-1438ec31]{--line-height:var(--line-height-sm)}}@container (width >= 836px){.title[data-v-1438ec31]{--line-height:var(--line-height-lg)}}.title[data-v-1438ec31]{font-size:var(--font-size-base);flex:1;margin:0;padding:.5em 1em}.close-button[data-v-1438ec31]{align-self:center;aspect-ratio:1;font-size:25px;height:100%;padding:0;width:auto}.content[data-v-1438ec31]{--line-height-sm:var(--line-height-base-sm);--line-height-base:var(--line-height-base-base);--line-height-lg:var(--line-height-base-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 418px){.content[data-v-1438ec31]{--line-height:var(--line-height-sm)}}@container (width >= 836px){.content[data-v-1438ec31]{--line-height:var(--line-height-lg)}}.content[data-v-1438ec31]{font-size:var(--font-size-base);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.content strong[data-v-1438ec31]{font-weight:700}.content[data-v-1438ec31]{background-color:var(--bg);flex:1;overflow:auto;padding:var(--sp-sm)}.--no-title .content[data-v-1438ec31]{padding:0 var(--sp-sm) var(--sp-sm)}@container (width >= 768px){.--no-title .content[data-v-1438ec31]{padding:0 var(--sp-md) var(--sp-md)}}.content[data-v-1438ec31]:focus-visible{outline:2px dashed var(--fg-down);outline-offset:-.25em}.footer[data-v-1438ec31]{background-color:var(--bg);border-block-start:1px solid oklch(from var(--fg) l c h/10%);padding:.5em 1em}}@layer compose{.close-button[data-v-1438ec31]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-down);--button-fg-hover:var(--fg-up)}.content[data-v-1438ec31]>p:last-child{margin-block-end:0}}body:has(.popup-wrapper.--open){overflow:clip}