.box{display:grid;grid-template-rows:64px 1fr 3fr;height:100dvh;width:100%;background:linear-gradient(135deg,var(--pos-bg) 0,rgba(26,58,92,.05) 100%)}.topSideForHome{display:flex;align-items:center;justify-content:space-between;height:64px;min-height:64px;background:linear-gradient(90deg,var(--pos-primary) 0,#1a5fa0 100%);padding:0 24px;width:100%;box-shadow:var(--pos-shadow-lg)}.topText{color:#fff;font-size:24px;font-weight:700;letter-spacing:2px}.selectWrapper{flex:1 1;max-width:240px}.inputAreaForHome{display:flex;align-items:center;justify-content:center;padding:24px 16px 0;background:transparent}.custom-input{font-size:32px;text-align:center;letter-spacing:12px;max-width:340px;background:var(--pos-surface)!important;border:2px solid var(--pos-border)!important;border-radius:var(--pos-radius-md)!important;padding:16px 24px!important;font-weight:600}.custom-input:focus{border-color:var(--pos-primary)!important;box-shadow:0 0 0 3px rgba(26,58,92,.1)!important}.buttonsArea{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);grid-gap:12px;gap:12px;padding:24px;max-width:400px;margin:0 auto;width:100%}.custom-button{font-size:28px!important;font-weight:600!important;border-radius:var(--pos-radius-md)!important;width:100%;height:100%;min-height:60px;border:none!important;transition:all .2s ease!important;box-shadow:var(--pos-shadow-sm)!important}.custom-button:hover{box-shadow:var(--pos-shadow-md)!important}.custom-button:active{transform:scale(.95);box-shadow:var(--pos-shadow-sm)!important}.custom-button span{line-height:inherit!important;display:block!important}