.frame-layout-1{max-width:900px;margin:0 auto;width:fit-content}.frame-layout-1>header{margin-left:calc(2px + 1.5rem);margin-bottom:0.25rem}.frame-layout-1>header h2{width:fit-content;font-size:1.5rem;font-weight:500;color:var(--primary);position:relative}.frame-layout-1>form,.frame-layout-1>div{min-width:30rem;height:100%;position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;margin:1rem 0}.frame-layout-1>form::before,.frame-layout-1>div::before{height:5rem;width:5rem;content:"";position:absolute;top:0;left:0;border:0;border-left:2px;border-top:2px;border-color:var(--primary);border-style:solid;border-radius:0.75rem 0 0 0;pointer-events:none}.frame-layout-1>form::after,.frame-layout-1>div::after{height:5rem;width:5rem;content:"";position:absolute;bottom:0;right:0;border:0;border-right:2px;border-bottom:2px;border-color:var(--primary);border-style:solid;border-radius:0 0 0.75rem;pointer-events:none}.frame-layout-1>form>div:nth-child(1),.frame-layout-1>div>div:nth-child(1){display:none}.frame-layout-1>form>h2,.frame-layout-1>div>h2{font-size:1.25rem;font-weight:400;color:var(--secondary)}.frame-layout-1>form>.form-group,.frame-layout-1>div>.form-group{display:flex;width:100%;min-height:2.5rem;position:relative}.frame-layout-1>form>.form-group label,.frame-layout-1>div>.form-group label{position:absolute;top:0;left:1rem;font-size:0.75rem;background-color:var(--background);padding:0.05rem 0.25rem;border-radius:0.25rem;transform:translateY(-75%)}.frame-layout-1>form>.form-group label span.required,.frame-layout-1>div>.form-group label span.required{color:#aa0e0e}.frame-layout-1>form>.form-group .input,.frame-layout-1>div>.form-group .input{height:100%;width:100%;display:flex}.frame-layout-1>form>.form-group .input input,.frame-layout-1>form>.form-group .input textarea,.frame-layout-1>div>.form-group .input input,.frame-layout-1>div>.form-group .input textarea{box-sizing:border-box;height:100%;width:100%;border:0;display:flex;flex-direction:row;align-items:center;padding:0.5rem 0.75rem;background-color:#ffffff20;border-radius:0.25rem;outline:#ffffff40 solid 0;transition:background-color 150ms, outline 150ms}.frame-layout-1>form>.form-group .input input:focus,.frame-layout-1>form>.form-group .input textarea:focus,.frame-layout-1>div>.form-group .input input:focus,.frame-layout-1>div>.form-group .input textarea:focus{background-color:#ffffff40;outline:#ffffff40 solid 2px}.frame-layout-1>form>.form-group .input textarea,.frame-layout-1>div>.form-group .input textarea{resize:none;height:15em}.frame-layout-1>form>.actions,.frame-layout-1>div>.actions{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem}.frame-layout-1>form>.actions button,.frame-layout-1>div>.actions button{width:6rem;height:2.5rem;background-color:var(--primary);border:0;border-radius:0.25rem;cursor:pointer}.frame-layout-1>form>.actions button:hover,.frame-layout-1>div>.actions button:hover{opacity:0.8}.frame-layout-1>div{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.25rem;font-weight:500;color:var(--secondary)}.frame-layout-1>div::before,.frame-layout-1>div::after{height:3rem}@media (max-width:600px){.frame-layout-1{max-width:100%;width:100%;padding:0 1rem}.frame-layout-1>header{width:100%;margin-left:0}.frame-layout-1>form,.frame-layout-1>div{min-width:0;padding:1rem}}