.magic-gate{max-width:34rem;margin:2rem 0;padding:1.75rem;box-sizing:border-box;border:1px solid var(--mg-border,rgb(0 0 0 / .12));border-radius:8px;background-color:var(--mg-bg,rgb(0 0 0 / .015));background-image:none;color:var(--mg-text,inherit)}.magic-gate--align-left{margin-left:0;margin-right:auto}.magic-gate--align-center{margin-left:auto;margin-right:auto}.magic-gate--align-right{margin-left:auto;margin-right:0}.magic-gate--align-full{max-width:none;margin-left:0;margin-right:0}.magic-gate__heading{margin:0 0 .75rem;color:var(--mg-text,inherit)}.magic-gate p,.magic-gate label,.magic-gate li{color:var(--mg-text,inherit)}.magic-gate__message{margin:1rem 0;padding:.85rem 1rem;border-left:3px solid var(--mg-border,rgb(0 0 0 / .2));border-radius:4px;background:rgb(127 127 127 / .08);font-size:.95rem}.magic-gate__message p:first-child{margin-top:0}.magic-gate__message p:last-child{margin-bottom:0}.magic-gate__field{margin:1.25rem 0 .75rem}.magic-gate__label{display:block;margin-bottom:.35rem;font-weight:600}.magic-gate__input{width:100%;padding:.65rem .75rem;border:1px solid var(--mg-border,rgb(0 0 0 / .25));border-radius:6px;font-size:1rem;line-height:1.4;background:#fff;color:#18181b;box-sizing:border-box}.magic-gate__input:focus{outline:2px solid var(--mg-button-bg,currentColor);outline-offset:1px}.magic-gate__actions{margin:1rem 0 0}.magic-gate .magic-gate__button,.magic-gate button.magic-gate__button,.magic-gate .magic-gate__button:link,.magic-gate .magic-gate__button:visited,.magic-gate .magic-gate__button:hover,.magic-gate .magic-gate__button:focus,.magic-gate .magic-gate__button:active{display:inline-block;padding:.7rem 1.25rem;border:0;border-radius:6px;background-color:var(--mg-button-bg,#18181b);background-image:none;color:var(--mg-button-text,#fff);font-size:1rem;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer}.magic-gate .magic-gate__button:hover,.magic-gate .magic-gate__button:focus{opacity:.88}.magic-gate__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.magic-gate-notice{margin:1rem 0;padding:.85rem 1rem;border-left:3px solid;border-radius:4px;font-size:.95rem}.magic-gate-notice p:first-child{margin-top:0}.magic-gate-notice p:last-child{margin-bottom:0}.magic-gate-notice--success{border-color:#15803d;background:rgb(21 128 61 / .1)}.magic-gate-notice--error{border-color:#b91c1c;background:rgb(185 28 28 / .1)}.magic-gate--signed-in{background:none;border-style:dashed}.magic-gate-teaser{font-style:italic;opacity:.75}.magic-gate-signout{font-size:.9rem;color:var(--mg-text,inherit)}