.code-input{text-align:center;color:#000;background-color:#0000;border:1px solid #9f9f9f;border-radius:4px;width:48px;height:50px;font-size:22px}.code-input:focus{border-color:#1d1d1d;outline:none}.code-input-container{margin-right:8px}.code-input-container:last-child{margin-right:0}
:root{--tabs-height:42px;--tabs-padding:3px}.tabs{border-radius:var(--tabs-height);width:100%;padding:var(--tabs-padding);height:var(--tabs-height);background-color:#f4f4f4;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 5px #00000014}.tabs__item{height:calc(100% - calc(var(--tabs-padding)*2));border-radius:var(--tabs-height);cursor:pointer;z-index:1;color:#424242;text-align:center;justify-content:center;align-items:center;width:100%;padding-left:12px;padding-right:12px;font-size:14px;display:flex}.tabs__item.--active{color:#0f0f0f}.tabs__active-element{height:calc(100% - calc(var(--tabs-padding)*2));border-radius:var(--tabs-height);background-color:#fffffff7;margin-top:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 3px 5px #0000000d}