@font-face{font-family:estedad-black;src:url(../media/Estedad-Black.3c956970.ttf)format("truetype")}@font-face{font-family:estedad-bold;src:url(../media/Estedad-ExtraBold.95b47888.ttf)format("truetype")}@font-face{font-family:estedad;src:url(../media/Estedad-Regular.b275cecc.ttf)format("truetype")}*{-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-user-drag:none;margin:0;padding:0}:root{--primary:#2bb49d;--background:#ddd;--primary-text:#000}html{touch-action:none;float:none;height:100vh;margin:0 auto}body{background:var(--background);color:var(--primary-text);height:100vh;padding:0;font-family:estedad;position:relative}header{background:var(--primary);direction:rtl;align-items:center;height:60px;padding:0 20px;display:flex}header b{font-family:estedad-bold}header .btns{justify-content:end;align-items:center;gap:20px;display:flex;position:absolute;left:20px}header .btns .btn{text-underline-offset:.1rem;text-decoration:underline}.items{flex-flow:column;justify-content:center;align-items:center;gap:10px;width:calc(100vw - 80px);height:auto;padding:20px 40px;display:flex;overflow-y:auto}.items .item{direction:rtl;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative}.items .item .wrapper{width:50%}.items .item .wrapper.lg{width:100%}.items .item h3{margin-bottom:.5rem;font-family:estedad-bold;font-size:.9rem}.items .item p{margin-bottom:.5rem;font-size:.9rem}.items .item p b{color:#000;background:#ddd;border-radius:5px;padding:.3rem 1rem}.items .item input,.items .item .btn{text-align:center;background:var(--background);border:none;border-radius:10px;outline:none;width:90%;margin-bottom:5px;padding:1rem .6rem;font-size:16px}.items .item .btn{background:var(--primary);padding:.6rem}.items .item .remove{color:red;font-size:.8rem;position:absolute;top:20px;left:20px}.form{flex-flow:column;justify-content:center;align-items:center;gap:10px;width:calc(100vw - 40px);height:auto;padding:20px;display:flex;overflow-y:auto}.form *{direction:rtl;width:100%;font-family:estedad}.form p{font-size:.8rem}.form input,.form select,.form .btn{text-align:center;background:#fff;border:none;border-radius:10px;outline:none;margin-bottom:5px;padding:.6rem 0;font-size:16px}.form .btn{background:var(--primary)}