.simple-page{color:var(--otp-black-color);background-color:var(--otp-bg-color);height:100vh}.btn{display:flex;align-items:center;justify-content:center;width:max-content;text-decoration:none}.otp-wrapper{position:relative;padding:100px 0}.otp-wrapper .bg-element-after{content:"";background:url(/wp-content/plugins/webinseo-otp/assets/img/shap.png) no-repeat;width:235px;height:171px;background-size:contain;background-position:left top;transform:scale(-1);position:absolute;top:0;left:0}.otp-wrapper .bg-element-before{content:"";background:url(/wp-content/plugins/webinseo-otp/assets/img/shap.png) no-repeat;width:294px;height:264px;background-size:contain;background-position:left top;position:absolute;bottom:0;left:50%;transform:translateX(-294px)}.otp-wrapper .return-link.btn{color:var(--otp-main-color)}.img-wrapper{padding:100px 0;display:flex;align-items:center;justify-content:center}.white-box{background:var(--otp-white-color);border-radius:24px;padding:24px;height:100%;position:relative}.white-box .logo{margin-bottom:72px;max-height:100px;width:auto}.white-box .foot{position:absolute;left:16px;bottom:16px}.white-box .title{font-size:20px;line-height:40px;font-weight:500;color:var(--otp-black-color);margin-bottom:0}.white-box .subtitle{font-size:16px;line-height:32px;font-weight:300;color:var(--otp-black-color-70);margin-bottom:48px}.white-box .head-otp-box .subtitle{margin-bottom:0}.white-box .head-otp-box{margin-bottom:48px}.form-input-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;position:relative;margin-bottom:32px}.form-input-box label{width:160px;height:40px;background:var(--otp-white-color);border-radius:8px;border:1px solid #EAEAEA;font-size:16px;font-weight:400;display:flex;align-items:center;justify-content:center;z-index:2}.form-input-box:before{content:"";width:42px;height:56px;border-radius:8px;background:var(--otp-main-color);opacity:.1;z-index:1;position:absolute;top:-8px;right:146px}.form-input-box .input-box>svg path:not([fill=white]){fill:var(--otp-main-color);opacity:.5}#otp-step-register .form-input-box:nth-child(2n+1) .input-box>svg path:not([fill=white]){fill:var(--otp-sec-color)}#otp-step-login .form-input-box:nth-child(2n) .input-box>svg path:not([fill=white]){fill:var(--otp-sec-color)}#otp-step-register .form-input-box:nth-child(2n):before{background:var(--otp-sec-color)}#otp-step-login .form-input-box:nth-child(2n+1):before{background:var(--otp-sec-color)}#otp-reset-pass .form-input-box:before{background:var(--otp-sec-color)}.form-input-box .input-box{padding:4px;width:calc(100% - 176px);height:40px;background:var(--otp-white-color);border-radius:8px;border:1px solid #EAEAEA;display:flex;align-items:center;gap:8px;z-index:2}.form-input-box .otp-input{width:calc(100% - 68px);height:36px;background:var(--otp-white-color);border-radius:0;border:0;font-size:16px;font-weight:400;display:flex;align-items:center;justify-content:center;z-index:2;outline:none}.form-input-box .otp-input::placeholder{text-align:right;font-size:16px;font-weight:300;opacity:.2}.form-input-box .input-box .btn-show-pass{width:32px;height:32px;min-width:auto;background:var(--otp-sec-color-10);border:1px solid var(--otp-sec-color-20);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative}.form-input-box .input-box .btn-show-pass:before{content:"";width:24px;height:1px;background:var(--otp-sec-color);box-shadow:1px 1px 0 0 var(--otp-sec-color-10);position:absolute;transform:rotate(-45deg)}.form-input-box .input-box .btn-show-pass.show:before{opacity:0}.white-box .btn-primary{--bs-btn-bg:var(--otp-main-color);--bs-btn-border-color:var(--otp-main-color);--bs-btn-hover-bg:var(--otp-main-color);--bs-btn-hover-border-color:var(--otp-main-color);--bs-btn-active-bg:var(--otp-main-color);--bs-btn-active-border-color:var(--otp-main-color);--bs-btn-disabled-bg:var(--otp-main-color);--bs-btn-disabled-border-color:var(--otp-main-color);--bs-btn-color:var(--white-color);--bs-btn-hover-color:var(--white-color);--bs-btn-active-color:var(--white-color);--bs-btn-disabled-color:var(--white-color);height:56px;border-radius:16px;margin-bottom:16px}.otp-foot{display:flex;align-items:center;gap:8px}.otp-foot span{font-size:16px;font-weight:300;line-height:32px;color:var(--otp-black-color-70)}.otp-foot .btn{padding:0;font-size:14px;font-weight:700;line-height:28px;color:var(--otp-main-color);position:relative;min-width:auto}.otp-foot .btn:before{content:"";width:100%;height:1px;background:var(--otp-main-color);position:absolute;right:0;bottom:-2px}.otp-foot.top{margin-right:auto;width:max-content;margin-top:-30px}.otp-foot.top .btn{color:var(--otp-sec-color)}.otp-foot.top .btn:before{background:var(--otp-sec-color)}.otp-inputs{display:flex;align-items:center;justify-content:center;gap:16px}.otp-inputs .otp-field{width:84px;height:124px;background:var(--otp-white-color);border-radius:16px;border:1px solid #EAEAEA;font-size:48px;font-weight:400;display:flex;align-items:center;justify-content:center;outline:none;text-align:center}.otp-inputs .otp-field:focus-visible,.otp-inputs .otp-field:active{border-color:var(--otp-main-color)}.white-box .btn-success{--bs-btn-color:var(--otp-sec-color);--bs-btn-bg:var(--otp-sec-color-10);--bs-btn-border-color:var(--otp-sec-color-50);--bs-btn-hover-color:var(--otp-white-color);--bs-btn-hover-bg:var(--otp-sec-color);--bs-btn-hover-border-color:var(--otp-sec-color);--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:var(--otp-white-color);--bs-btn-active-bg:var(--otp-sec-color);--bs-btn-active-border-color:var(--otp-sec-color);--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:var(--otp-sec-color-30);--bs-btn-disabled-bg:var(--otp-sec-color-10);--bs-btn-disabled-border-color:var(--otp-sec-color-50);font-size:20px;height:56px;border-radius:16px;margin-bottom:16px;gap:8px}.white-box .btn-success em{font-style:normal;font-size:14px;font-weight:300}.white-box .btn-success.disabled em{color:var(--bs-btn-color)}.inner-wrapper>.col-12{min-height:80vh}.otp-wrapper.no-img .inner-wrapper{justify-content:center}.otp-wrapper.no-img .bg-element-before{left:unset;right:0;transform:unset}@media (max-width:991px){.otp-wrapper{padding:30px 0}.inner-wrapper>.col-12{min-height:auto}.otp-wrapper .inner-wrapper{flex-direction:column-reverse}.img-wrapper,.otp-wrapper .bg-element-before{display:none}.white-box .foot{left:0;bottom:0;position:relative;display:block;margin:50px auto 0}.img-wrapper{padding:0}}@media (max-width:480px){.white-box .logo{margin:0 auto 20px;display:block}.form-input-box label{width:100%;padding-right:8px;justify-content:start}.form-input-box .input-box{width:100%}.form-input-box:before{height:calc(100% + 16px);right:12px}.otp-foot{align-items:start;flex-direction:column}.otp-foot.top{flex-direction:row;align-items:center}.otp-foot span{font-size:14px}}