.account-section{display:flex;padding:0 0 2.5rem 0}
@media only screen and (min-width:64em){
.account-section{padding:5rem 0}
}
.account-section .account-container{display:flex;flex-direction:column}
@media only screen and (min-width:64em){
.account-section .account-container{flex-direction:row}
}
.account-section .account-container .account-wrapper{width:100%;padding:2.5rem 0}
@media only screen and (min-width:64em){
.account-section .account-container .account-wrapper{width:50%;padding:0 5rem}
}
.account-section .account-container .account-wrapper:first-child{border-right:0;border-bottom:.1rem solid #e8e9ea}
@media only screen and (min-width:64em){
.account-section .account-container .account-wrapper:first-child{border-right:.1rem solid #e8e9ea;border-bottom:0}
}
.account-section .account-container .account-wrapper.content{display:flex;flex-direction:column;align-items:center}
@media only screen and (min-width:64em){
.account-section .account-container .account-wrapper.content{align-items:flex-start}
}
.account-section .account-container .account-wrapper .account-heading{max-width:42.6rem;display:flex;align-items:center;position:relative;font-family:"Darker Grotesque",sans-serif;font-weight:600;font-size:2.6rem;line-height:3rem;text-align:left;color:#181818}
[lang=uk] .account-section .account-container .account-wrapper .account-heading{font-family:"Source Sans Pro",sans-serif}
.account-section .account-container .account-wrapper .account-heading .button-arrow{display:none;position:absolute;left:-8.9rem}
@media only screen and (min-width:75em){
.account-section .account-container .account-wrapper .account-heading .button-arrow{display:flex}
}
.account-section .account-container .account-wrapper .subtitle{font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.6rem;line-height:1.8rem;text-align:left;color:#818286;margin:.7rem 0 0}
[lang=uk] .account-section .account-container .account-wrapper .subtitle{font-family:"Source Sans Pro",sans-serif}
.account-section .account-container .account-wrapper .account-text{max-width:42.6rem;font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem;color:#181818;margin-top:1.9rem;margin-bottom:2.4rem}
[lang=uk] .account-section .account-container .account-wrapper .account-text{font-family:"Source Sans Pro",sans-serif}
.account-section .account-container .account-wrapper .account-form-container{max-width:40.7rem;margin:0 auto;padding:0}
.account-section .account-container .account-wrapper .account-form-container center{display:none}
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage{display:flex;flex-direction:column-reverse;gap:1.1rem}
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-with-title{font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.6rem;line-height:1.8rem;text-align:center;color:#818286;margin-top:2.5rem;margin-bottom:1.1rem}
[lang=uk] .account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-with-title{font-family:"Source Sans Pro",sans-serif}
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-miniorange-form{display:flex;flex-direction:column;gap:.8rem}
@media only screen and (min-width:48em){
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-miniorange-form{flex-direction:row}
}
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-miniorange-form br{display:none}
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-miniorange-form a{width:100%;height:5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.7rem;border-radius:.5rem}
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-miniorange-form a.btn-social{padding-left:0!important}
.account-section .account-container .account-wrapper .account-form-container .login-form-with-miniorage .login-miniorange-form a i{width:auto;position:relative;left:0;border-right:none}
.account-section .account-container .account-wrapper .account-benefits{font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem;color:#818286;padding-left:2rem;margin:0}
[lang=uk] .account-section .account-container .account-wrapper .account-benefits{font-family:"Source Sans Pro",sans-serif}
.account-section .account-container .account-wrapper .account-benefits strong{font-weight:400;color:#181818}
.account-section .account-container .account-wrapper .account-benefits li{margin-bottom:12px}
.account-section .account-container .account-wrapper .account-benefits li:last-child{margin-bottom:0}
.account-section .account-container .account-wrapper .account-content{max-width:42.6rem;display:flex;flex-direction:column;gap:2.2rem;margin:3.5rem 0 5rem}
.account-section .account-container .account-wrapper .account-content .account-textblock{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;grid-column-gap:2.2rem;grid-row-gap:2.2rem}
.account-section .account-container .account-wrapper .account-content .account-textblock .text{font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem;color:#818286}
[lang=uk] .account-section .account-container .account-wrapper .account-content .account-textblock .text{font-family:"Source Sans Pro",sans-serif}
.account-section .account-container .account-wrapper .account-content .account-textblock .text strong{font-weight:400;color:#181818}
.account-section .account-container .account-wrapper .button--fourthly{max-width:42.6rem;width:100%}
@media only screen and (min-width:64em){
.account-section .account-container .account-wrapper .button--fourthly{max-width:40.7rem}
}
.account-section .account-container .account-wrapper .wrapper-content{margin:0 auto}
.account-section .account-container .account-wrapper .wrapper-content.customer.register{max-width:37.1rem}
.account-section form{margin-top:2.5rem}
.account-section form .field{margin:1rem 0 0}
.account-section form .field::after,.account-section form .field::before{display:none}
.account-section form .field label{top:1.9rem;font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.4rem;line-height:2rem;color:#818286}
[lang=uk] .account-section form .field label{font-family:"Source Sans Pro",sans-serif}
.account-section form .field input{height:5.5rem;font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.5rem;line-height:2rem;color:#181818;border:.1rem solid #e8e9ea;margin:0!important;padding:2.5rem 2rem .9rem}
[lang=uk] .account-section form .field input{font-family:"Source Sans Pro",sans-serif}
.account-section form .field input:focus{border:.1rem solid #181818}
.account-section form .field input::after,.account-section form .field input::before{display:none}
.account-section form .field input:-webkit-autofill~label,.account-section form .field input:focus~label,.account-section form .field input:not(:placeholder-shown)~label{top:.9rem;font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.2rem;line-height:1.7rem;color:#818286}
[lang=uk] .account-section form .field input:-webkit-autofill~label,[lang=uk] .account-section form .field input:focus~label,[lang=uk] .account-section form .field input:not(:placeholder-shown)~label{font-family:"Source Sans Pro",sans-serif}
.account-section form .button-recover{text-decoration:underline;margin:.2rem 0 0 auto}
.account-section form .button--primary{max-width:100%;width:100%;margin-top:2.5rem}
.account-section form .newsletter-info{font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.2rem;line-height:1.7rem;color:#818286;margin-top:.4rem}
[lang=uk] .account-section form .newsletter-info{font-family:"Source Sans Pro",sans-serif}
.account-section .checkbox-container{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}
.account-section .checkbox-container .checkbox-wrapper{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;grid-column-gap:1rem}
.account-section .checkbox-container .checkbox-wrapper label p{font-family:"Darker Grotesque",sans-serif;font-weight:400;font-size:1.3rem;line-height:1.8rem;color:#181818;margin:0}
[lang=uk] .account-section .checkbox-container .checkbox-wrapper label p{font-family:"Source Sans Pro",sans-serif}
.account-section .checkbox-container .checkbox-wrapper input{margin-top:.6rem;-webkit-appearance:checkbox;-webkit-border-radius:0;border:1px solid #000}
.account-section .checkbox-container .checkbox-wrapper input:focus{-webkit-appearance:checkbox}
.account-section .checkbox-truncate label{position:relative}
@media only screen and (max-width:48em){
.account-section .checkbox-truncate label{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
}
.account-section .checkbox-truncate label .checkbox-truncate-more{display:flex;position:absolute;justify-content:center;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,#fff 100%)}
.account-section .checkbox-truncate label .checkbox-truncate-more-inner{display:flex;align-items:center;justify-content:center;margin:0 auto;background:#fff}
.account-section .checkbox-truncate label .checkbox-truncate-more-inner svg{height:10px;margin-top:2px}
.account-section .checkbox-truncate.show label{overflow:initial;display:block;-webkit-box-orient:initial;-webkit-line-clamp:initial}