.page_container__H9nl1{--white:#fff;--yellow-light:#fdf2d3;--yellow:#f7ba2b;--yellow-dark:#cd793c;--green-light:#dcfee4;--green:#a2d959;--green-dark:#427659;--blue-light:#e2f5f8;--blue:#a4b3df;--blue-dark:#526dad;--purple-light:#fad7fe;--purple:#a979c8;--purple-dark:#622f6a;--grey:#62626a;--black:#000;display:grid;height:100vh;height:100dvh;justify-content:center;align-items:center}.page_panel__wNurU{background-color:var(--blue-light);border-radius:8px;width:600px;height:500px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.page_panel__wNurU .page_footer__LY4dg,.page_panel__wNurU .page_header__bbPnD{position:absolute;inset:0;overflow-x:clip;height:100px}.page_panel__wNurU .page_header__bbPnD{bottom:auto;background:linear-gradient(var(--purple),var(--purple-dark));border-bottom:1px solid var(--black);box-shadow:5px 5px 5px var(--yellow)}.page_footer__LY4dg:before,.page_header__bbPnD:before{width:calc(52% - 1px);height:34px}.page_header__bbPnD:before{content:"";position:absolute;bottom:-34px;left:-2%;background:var(--purple-dark);transform:skewX(-33deg);border:1px solid var(--black);border-top:none;box-shadow:5px 5px 5px var(--yellow)}.page_panel__wNurU .page_footer__LY4dg{top:auto;background:linear-gradient(to top,var(--green),var(--green-dark));border-top:1px solid var(--black);box-shadow:-5px -5px 5px var(--yellow)}.page_footer__LY4dg:before{content:"";position:absolute;top:-34px;right:-2%;background:var(--green-dark);transform:skewX(-33deg);border:1px solid var(--black);border-bottom:none;box-shadow:-5px -5px 5px var(--yellow)}.page_panel__wNurU button{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:18px;gap:10px;padding:10px;color:var(--color-text);background:var(--color-background-primary);border:none;border-radius:8px;box-shadow:0 0 15px 3px var(--purple-light);transition:box-shadow .2s ease,transform .35s ease-in-out}.page_panel__wNurU button:active{box-shadow:0 0 15px 6px var(--purple-dark);transform:scale(.97)}.page_panel__wNurU button:focus,.page_panel__wNurU button:hover{outline:3px dashed var(--yellow);outline-offset:3px}.page_panel__wNurU button svg{width:20px;height:20px}