.fld{--fld-bg:#d0e6fd0a;--fld-line:#d0e6fd24;--fld-text:var(--white);--fld-soft:#d0e6fd80;min-width:0;position:relative}.fld input,.fld textarea,.sel__btn{background:var(--fld-bg);width:100%;height:52px;box-shadow:inset 0 0 0 1px var(--fld-line);color:var(--fld-text);font:inherit;transition:box-shadow .4s var(--expo), background-color .4s var(--expo);border:0;border-radius:8px;outline:none;padding:20px 16px 6px;font-size:15px;display:block}.fld textarea{resize:vertical;height:120px;padding-top:26px}.fld input:hover,.fld textarea:hover,.sel__btn:hover{box-shadow:inset 0 0 0 1px #d0e6fd4d}.fld input:focus-visible,.fld textarea:focus-visible,.sel__btn:focus-visible,.sel.is-open .sel__btn{background:#d0e6fd12;outline:none;box-shadow:inset 0 0 0 1px #00fdba99}.fld label,.sel__label{max-width:calc(100% - 48px);color:var(--fld-soft);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transform-origin:0 0;transition:transform .45s var(--expo), color .45s var(--expo);font-size:15px;position:absolute;top:16px;left:16px;overflow:hidden}.fld input:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:focus+label,.fld textarea:not(:placeholder-shown)+label,.sel.is-set .sel__label,.sel.is-open .sel__label{color:var(--mint);transform:translateY(-10px)scale(.74)}.fld__line{background:var(--mint);height:2px;transition:transform .6s var(--expo);border-radius:2px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}.fld textarea~.fld__line{bottom:4px}.fld input:focus~.fld__line,.fld textarea:focus~.fld__line,.sel.is-open .fld__line{transform:scaleX(1)}.fld.is-bad input,.fld.is-bad textarea,.fld.is-bad .sel__btn{box-shadow:inset 0 0 0 1px #ffffffd9}.fld__err{color:var(--white);animation:line-in .4s var(--expo) both;align-items:center;gap:6px;margin:8px 2px 0;font-size:13px;display:flex}.fld__err:before{content:"!";background:var(--white);width:16px;height:16px;color:var(--ink);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.sel__btn{text-align:left;justify-content:space-between;align-items:center;display:flex}.sel__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sel__caret{width:8px;height:8px;color:var(--fld-soft);transition:transform .5s var(--expo);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;margin:-12px 2px 0 12px;transform:rotate(45deg)}.sel.is-open .sel__caret{transform:translateY(5px)rotate(-135deg)}.sel__list{z-index:94;overscroll-behavior:contain;max-height:280px;box-shadow:inset 0 0 0 1px var(--ice-14), 0 30px 60px -20px #000000b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:inset(0 0 100% round 12px);visibility:hidden;transition:clip-path .45s var(--expo), visibility 0s .45s;background:#1f2230f0;border-radius:12px;outline:none;margin:0;padding:6px;list-style:none;position:fixed;overflow-y:auto}.sel__list.is-open{clip-path:inset(0 round 12px);visibility:visible;transition:clip-path .55s var(--expo), visibility 0s}.sel__list li{color:var(--ice);cursor:pointer;opacity:0;transition:background-color .25s, opacity .4s var(--expo), translate .4s var(--expo);border-radius:8px;padding:10px 12px;font-size:14px;translate:0 8px}.sel__list.is-open li{opacity:1;translate:0}.sel__list li.is-hot{color:var(--white);background:#d0e6fd14}.sel__list li[aria-selected=true]{color:var(--mint)}.sel__list.is-sheet{clip-path:inset(100% 0 0 round 18px);border-radius:18px;padding:8px}.sel__list.is-sheet.is-open{clip-path:inset(0 round 18px)}.sel__list.is-sheet li{padding:14px 16px;font-size:16px}.send{--mx:50%;--my:50%;background:var(--white);height:52px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;isolation:isolate;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 28px;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.send:before{content:"";left:var(--mx);top:var(--my);z-index:-1;background:var(--mint);width:420px;height:420px;transition:transform .7s var(--expo);border-radius:50%;margin:-210px 0 0 -210px;position:absolute;transform:scale(0)}.send:hover:before{transform:scale(1)}.send__icon{place-items:center;width:16px;height:16px;display:grid}.send__icon svg{width:16px;height:16px;transition:translate .5s var(--expo)}.send:hover .send__icon svg{translate:4px}.send.is-busy{cursor:progress}.send__spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.send__spin{animation-duration:2.4s}}
