dialog{background:transparent;border:0;color:var(--ink);display:flex;height:100%;top:0;right:0;bottom:0;left:0;margin:0;max-height:100%;max-width:100%;outline:none;overflow:hidden!important;padding:0;position:fixed;width:100%}dialog::backdrop{background:transparent}.modal-outer{display:none;pointer-events:none}.modal-outer.is-open{display:flex;pointer-events:auto}.modal-outer.is-open:before{backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);background:radial-gradient(circle at 12% 8%,rgba(233,52,138,.18),transparent 34rem),#120b31d6;content:"";top:0;right:0;bottom:0;left:0;position:fixed}@media (max-width:767px){.modal-outer{max-width:100%}}.modal-outer .modal{align-items:center;display:flex;flex-direction:column;margin:auto;max-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:24px 18px;position:relative;scrollbar-color:hsla(0,0%,100%,.24) transparent;scrollbar-width:thin;width:100%;z-index:100}@media (max-width:767px){.modal-outer .modal{height:100dvh;margin:0;padding:0;width:100%}}.modal-outer .modal__inner{max-width:720px;position:relative;width:100%}@media (max-width:767px){.modal-outer .modal__inner{max-width:100%;min-height:100dvh}}.modal-outer .modal__main{background:radial-gradient(circle at 100% 0,rgba(49,193,223,.16),transparent 26rem),radial-gradient(circle at 0 100%,rgba(233,52,138,.15),transparent 28rem),linear-gradient(145deg,#2b215f,#34296d 56%,#292159);border-radius:var(--radius-card);box-shadow:0 0 0 1px #ffffff1c,0 30px 90px #0e07267a,inset 0 1px #ffffff14;box-sizing:border-box;clip-path:none;color:var(--ink);display:flex;flex-direction:column;margin:0;max-width:100%;min-width:0;padding:36px 84px 40px 40px;position:relative}@media (max-width:1349px){.modal-outer .modal__main{padding:32px 76px 36px 32px}}@media (max-width:767px){.modal-outer .modal__main{border-radius:0;clip-path:none;margin:0;min-height:100dvh;padding:76px 20px 48px}}.modal-outer .modal__floating-controls{align-items:center;display:flex;gap:8px;margin:0;position:absolute;right:16px;top:16px;width:-moz-fit-content;width:fit-content;z-index:102}@media (max-width:767px){.modal-outer .modal__floating-controls{position:fixed;right:12px;top:12px}}.modal-outer .modal__close-btn{align-items:center;background-color:#ffffff1a;border-radius:var(--radius-inner);box-shadow:inset 0 1px #ffffff24;clip-path:none;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;transition-duration:.18s;transition-property:background-color,transform;transition-timing-function:cubic-bezier(.2,0,0,1);width:44px}.modal-outer .modal__close-btn:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}@media (min-width:768px){.modal-outer .modal__close-btn:hover{background-color:var(--brand-pink);transform:translateY(-2px)}}.modal-outer .modal__close-btn:active{transform:scale(.96)}.modal-outer .modal__close-btn:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.333 3.334 13.334 13.333m-13.334 0L16.667 3.334'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:block;height:20px;width:20px}.modal-outer .modal__icon-btn{align-items:center;background-color:#ffffff1a;border-radius:var(--radius-inner);box-shadow:inset 0 1px #ffffff24;clip-path:none;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;transition-duration:.18s;transition-property:background-color,transform;transition-timing-function:cubic-bezier(.2,0,0,1);width:44px}.modal-outer .modal__icon-btn:before{background-color:var(--ink);content:"";display:block;height:20px;mask-image:var(--modal-icon);-webkit-mask-image:var(--modal-icon);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:20px}.modal-outer .modal__icon-btn:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}@media (min-width:768px){.modal-outer .modal__icon-btn:hover{background-color:var(--brand-pink);transform:translateY(-2px)}}.modal-outer .modal__icon-btn:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.modal__close-btn,.modal__icon-btn{transition-duration:0s}}
