@charset "utf-8";

.form-group { margin-bottom:15px; }
.form-group label { display:block; margin-bottom:5px; font-size:0.85rem; padding: 0 12px; color:var(--text-lv2); }
.frm-input { width:100%;padding:12px; color:var(--text-lv1);border:1px solid var(--layout-max-lv2); border-radius:15px; background:var(--layout-max-lv1);transition:var(--motion-all);box-shadow:var(--dark-shadow-lv2) }
.frm-input:focus, .frm-input:hover {border-color:var(--color-main-lv1);box-shadow:var(--color-shadow-lv1) }
input.frm-input {height:36px;}
textarea.frm-input {resize: none;}

.btn {align-items: center;display: flex;justify-content:center;white-space:nowrap;line-height:1; cursor:pointer;backdrop-filter:var(--layout-blur);transition:var(--motion-all);will-change:color, background, box-shadow;}
.btn i {transition:var(--motion-all);}
.btn:hover i {color:var(--color-white);}
.btn:disabled { opacity:0.5; cursor:wait; }

.btn-sm {min-width:31px;min-height:31px; gap:5px; padding:0 10px; font-size:0.8rem;border-radius:15px;}
.btn-sm i {font-size:0.9rem;}
.btn-md {min-width:36px;min-height:36px; gap:7px; padding: 0 15px; font-size:0.8rem;border-radius:12px;}
.btn-md i {font-size:1rem;}
.btn-lg {min-width:50px;min-height:50px; gap:10px; padding:0 20px; font-size:1rem;border-radius:15px;}
.btn-lg i {font-size:1.2rem;}

.is-lv1 {background:var(--color-main-lv1); color:var(--color-white);box-shadow:var(--color-shadow-lv2), 0 0 0 rgba(0,0,0,0), inset 0 1px 0 var(--layout-max-lv3);}
.is-lv2 {background:var(--layout-max-lv1); color:var(--text-lv2);box-shadow:var(--dark-shadow-lv2), 0 0 0 rgba(0,0,0,0), inset 0 1px 0 var(--layout-max-lv3);}
.is-lv3 {background:var(--color-main-lv3); color:var(--text-lv1);box-shadow:var(--dark-shadow-lv2), 0 0 0 rgba(0,0,0,0), inset 0 1px 0 var(--layout-max-lv3);}

.btn:hover, .btn.active {background:var(--color-main-lv1);color:var(--color-white);box-shadow:var(--color-shadow-lv1), var(--color-shadow-lv2), inset 0 1px 0 var(--layout-max-lv3);}
.btn:active {box-shadow: 0 0 0 transparent, inset 0 2px 7px var(--layout-min-lv1);}
.is-hidden {display:none;}