.input--drag-and-drop{flex-direction:column;gap:.375rem;display:flex}.drag-and-drop{border:1.5px dashed var(--link-primary);border-radius:var(--radius-md,.5rem);background-color:var(--background);cursor:pointer;outline:none;justify-content:center;align-items:center;width:100%;min-height:8.5rem;padding:1.25rem 1rem;transition:border-color .14s,background-color .14s;display:flex;position:relative;overflow:hidden}.drag-and-drop:hover:not(.drag-and-drop--disabled){border-color:var(--link-primary-hover)}.drag-and-drop:focus-visible{outline:2px solid var(--button-border-primary-hover);outline-offset:2px}.drag-and-drop--active{border-style:solid;border-color:var(--color-border-focus,#3b82f6);background-color:var(--color-surface-hover,#f0f7ff)}.drag-and-drop--active .drag-and-drop--overlay{opacity:1}.drag-and-drop--reject{border-style:solid;border-color:var(--color-border-error,#ef4444);background-color:var(--color-error-tint,#fef2f2)}.drag-and-drop--reject .drag-and-drop--overlay{opacity:1;background-color:color-mix(in srgb, var(--color-border-error,#ef4444) 10%, transparent)}.drag-and-drop--reject .drag-and-drop--overlay-text{color:var(--color-border-error,#ef4444)}.drag-and-drop--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.drag-and-drop--overlay{background-color:color-mix(in srgb, var(--color-border-focus,#3b82f6) 10%, transparent);opacity:0;z-index:1;border-radius:inherit;justify-content:center;align-items:center;transition:opacity .14s;display:flex;position:absolute;inset:0}.drag-and-drop--overlay-text{color:var(--text-body-primary);letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600}.drag-and-drop--content{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.375rem;display:flex}.drag-and-drop--icon{width:1.75rem;height:1.75rem;color:var(--button-color-primary);flex-shrink:0;transition:color .14s,transform .14s}.drag-and-drop:hover:not(.drag-and-drop--disabled) .drag-and-drop--icon,.drag-and-drop--active .drag-and-drop--icon{color:var(--button-color-primary-hover);transform:translateY(-2px)}.drag-and-drop--label{color:var(--text-body-primary);text-align:center;font-size:.875rem;font-weight:500;line-height:1.4}.drag-and-drop--hint{color:var(--text-body-primary);text-align:center;letter-spacing:.03em;font-size:.75rem}@media (prefers-reduced-motion:reduce){.drag-and-drop,.drag-and-drop--overlay,.drag-and-drop--icon{transition:none;animation:none}.drag-and-drop:hover .drag-and-drop--icon,.drag-and-drop--active .drag-and-drop--icon{transform:none}}
.pell{border:1px solid #0a0a0a1a}.pell,.pell-content{box-sizing:border-box}.pell-content{outline:0;height:300px;padding:10px;overflow-y:auto}.pell-actionbar{background-color:#fff;border-bottom:1px solid #0a0a0a1a}.pell-button{cursor:pointer;vertical-align:bottom;background-color:#0000;border:none;outline:0;width:30px;height:30px}.pell-button-selected{background-color:#f0f0f0}
:root form.profile-form{border:solid 2px var(--link-primary);border-radius:20px;justify-self:center;width:100%;max-width:60%;margin:5% auto;padding:2rem}:root form.profile-form .pell-editor-wrapper:not(:last-of-type){margin-bottom:1.5rem}:root button.profile-submit{margin-top:2rem}:root[data-theme=sprawl] form.profile-form{corner-top-left-shape:bevel;corner-bottom-right-shape:bevel;border-radius:50px 0}:root[data-theme=floral] form.profile-form{border:none;position:relative}:root[data-theme=floral] form.profile-form:after{content:"";border:double 3.5px var(--theme-button-border-primary);pointer-events:none;border-radius:5px;position:absolute;inset:0}:root[data-theme=floral] form.profile-form:before{content:"";border:double 3.5px var(--theme-button-border-primary-hover);pointer-events:none;border-radius:5px;position:absolute;inset:7px}