.modal{position:fixed !important;top:0;right:0;left:0;z-index:200 !important;opacity:1;width:100%;max-width:414px;height:100%;margin:auto;outline:0}@media only screen and (max-width:1023px) and (min-device-width:375px) and (max-device-height:812px) and (-webkit-device-pixel-ratio:3){.modal{overflow:visible}}@media only screen and (max-width:1023px) and (min-device-width:414px) and (max-device-height:896px) and (-webkit-device-pixel-ratio:2){.modal{overflow:visible}}@media only screen and (max-width:1023px) and (min-device-width:375px) and (max-device-height:812px) and (-webkit-device-pixel-ratio:3){.modal{overflow:visible}
}@media only screen and (max-width:1023px) and (min-device-width:414px) and (max-device-height:896px) and (-webkit-device-pixel-ratio:3){.modal{overflow:visible}}@media screen and (min-width:1024px){.modal{max-width:410px;height:auto;background-color:transparent}}.modal-background{display:none}@media screen and (min-width:1024px){.modal-background{position:fixed !important;z-index:1;display:block;background-color:rgba(0,0,0,0.38) !important}}.modal-content{overflow:visible;height:auto;max-height:none !important}
@media screen and (max-width:1023px){.modal-content{height:100%}}@media screen and (min-width:1024px){.modal-content{position:relative;z-index:12;display:flex;align-items:center}}.reply-to-comment .modal-content{max-width:414px !important;margin:0 !important;background:#fff}.modal-close{display:none}.modal__wrap{width:100%;height:100%;background-color:#fff}@media screen and (max-width:413px){.modal__wrap{overflow-x:hidden;overflow-y:auto}}@media screen and (min-width:1024px){.modal__wrap{height:auto}
}.modal__head{display:flex;height:44px;padding:0 0 0 16px;align-items:center;justify-content:space-between;box-shadow:0 1px 0 0 rgba(0,0,0,0.16)}@media screen and (min-width:1024px){.modal__head{height:56px;padding:0 0 0 42px;text-align:center}}.reply-to-comment .modal__head{box-shadow:none}.modal__head p{font:normal 400 100% "TazBlack",sans-serif;font-size:1.125rem;line-height:1.1875rem;color:#000;letter-spacing:.020625rem}@media screen and (min-width:1024px){.modal__head p{flex:1 0 auto;font-size:1.3125rem;line-height:1.375rem;letter-spacing:.02375rem}
}.modal__head a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 2px 0 auto;transition:background-color .1s ease-in-out}@media screen and (min-width:1024px){.modal__head a{width:40px;height:40px;margin:0 4px 0 auto}}.modal__head a:hover{background-color:rgba(0,0,0,0.04)}.modal__head a .icon{position:relative;top:3px;font-size:1.5rem;line-height:1.5rem;color:rgba(0,0,0,0.64)}.modal__head a.is-back-to-article{position:unset;width:auto;height:auto;margin:0;font:normal 400 100% "TazBold",sans-serif;font-size:.875rem;line-height:1rem;letter-spacing:0}
.modal__reply{position:fixed;top:0;right:0;left:0;z-index:102;display:flex;max-width:414px;height:44px;margin:0 auto;padding:0 17px 0 8px;align-items:center;justify-content:center;box-shadow:0 1px 0 0 rgba(0,0,0,0.16);background-color:#fff}.modal__reply p{margin-right:auto;margin-left:52px;font:normal 400 100% "TazBlack",sans-serif;font-size:.875rem;line-height:2.75rem;color:#000}.modal__reply a{position:absolute;left:7px;z-index:2;width:24px;height:24px;margin-right:9px}.modal__reply a span{display:inline-block}
.modal__reply a .icon{position:relative;top:2px;left:1px;font-size:1.5rem;line-height:1.5rem;color:#007fff}.modal__content{margin:16px 0 24px;padding:0 16px}@media screen and (min-width:1024px){.modal__content{margin:24px 0;padding:0 41px}}.reply-to-comment .modal__content{margin:0;padding:0}.modal__footer{margin:0 17px}@media screen and (min-width:1024px){.modal__footer{margin:0 41px}}.modal__footer:not(:empty){border-top:1px solid rgba(0,0,0,0.16)}.modal__footer_text{font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;line-height:1.25rem;text-align:center;color:#000}
.modal__footer_text a{color:#007fff}.modal__footer_text a:hover{text-decoration:underline}.modal__title{font:normal 400 100% "TazBlack",sans-serif;font-size:1.125rem;line-height:1.375rem;letter-spacing:.020625rem;color:#000}.modal__title+.modal__description{margin:3px 0 18px}.modal__description{font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;line-height:1.375rem;color:#000}.modal__description+.modal__description{margin:12px 0 0}.modal__description strong{font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:1rem;line-height:1.375rem}
.modal__premium{padding:0 0 20px;border-bottom:1px solid rgba(0,0,0,0.12);margin:0 0 20px}.modal__premium_header{display:flex;flex-direction:row;align-items:center;margin:0 0 20px}.modal__premium_img{flex-shrink:0;display:block;height:96px;margin:0 24px 0 0}.modal__premium_title{font:normal 400 100% "TazBlack",sans-serif;font-size:1rem;line-height:1.0625rem;letter-spacing:.018125rem;color:#000}.modal__premium_description{font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;line-height:1.375rem;color:#000}
.modal.modal-user-name .modal__form{margin:20px 0 0}.modal.modal-user-name .modal__footer{padding:20px 0 16px}@media screen and (min-width:1024px){.modal.modal-user-name .modal__footer{padding:20px 0 24px}}.modal.modal-user-name-checkout .modal__content{margin:20px 0 24px}.modal.modal-user-name-checkout .modal__title{margin:0 0 12px;font-size:1rem;line-height:1.0625rem;letter-spacing:.018125rem}.modal.modal-user-name-checkout .modal__title+.modal__description{margin:0 0 20px}@media screen and (min-width:1024px){.modal.welcome{position:fixed;top:48px;right:0;bottom:auto;left:0;max-width:320px;height:603px;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 1px 18px 0 rgba(0,0,0,0.12),0 6px 10px 0 rgba(0,0,0,0.14);transform:translate3d(345px,0,0)}
.modal.welcome.v-enter-active{animation:modalEnter 300ms ease-in-out}.modal.welcome.v-leave-active{animation:modalLeave 300ms ease-in-out}@keyframes modalEnter{0%{height:0}100%{height:603px}}@keyframes modalLeave{0%{height:603px}100%{height:0}}}@media screen and (min-width:1680px){.modal.welcome{top:56px;transform:translate3d(430px,0,0)}}@media screen and (min-width:1024px){.modal.welcome .modal__head{height:44px;padding:0 0 0 16px}}@media screen and (min-width:1024px){.modal.welcome .modal__head p{font-size:1.125rem;text-align:left}
}.modal.welcome .modal-content{height:100%}@media screen and (min-width:1024px){.modal.welcome .modal__placeholder{position:absolute;bottom:0;width:100%}}.modal.welcome .modal__wrap{height:100%}.modal.welcome .modal-background{display:none}.modal.welcome .modal__btn_wrap.has-inline-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.welcome .modal__btn_wrap.has-inline-buttons a:first-child{margin:0 0 4px}.modal.welcome .modal__btn_wrap.has-inline-buttons span{display:none;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;line-height:1.25rem;color:#000}
.modal.welcome .modal__btn_wrap .btn--google{margin:12px 0 0}.modal.welcome .modal__separator{display:flex;align-items:center;justify-content:center;height:31px;margin:9px 0 0}.modal.welcome .modal__separator div{width:calc((100% - 43px) / 2);height:1px;background-color:rgba(0,0,0,0.12)}.modal.welcome .modal__separator div:first-child{margin:0 auto 0 0}.modal.welcome .modal__separator div:last-child{margin:0 0 0 auto}.modal.welcome .modal__separator span{font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;color:#000}
.modal.welcome .modal__form{margin:0 0 20px}.modal.welcome .modal__content{margin:20px 0}@media screen and (min-width:1024px){.modal.welcome .modal__content{padding:0 16px}}.modal.welcome .modal__description{margin:0 0 16px;text-align:center}.modal.welcome .modal__btn_inline{display:inline-block;padding:0;border:0;margin:0;font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:.9375rem;line-height:1.375rem;color:#007fff;background:0;cursor:pointer}.modal.welcome .modal__btn_inline:hover{text-decoration:underline}
.modal.welcome .modal__footer{padding:20px 0 24px}@media screen and (min-width:1024px){.modal.welcome .modal__footer{margin:0 16px}}.modal.welcome-classic .modal__btn_wrap.has-inline-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.welcome-classic .modal__btn_wrap.has-inline-buttons span{display:none;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;line-height:1.25rem;color:#000}.modal.welcome-classic .modal__btn_wrap.has-inline-buttons a:first-child{margin:0 0 4px}
@media screen and (min-width:1024px){.modal.welcome-classic .modal__btn_wrap.has-inline-buttons{flex-direction:row}.modal.welcome-classic .modal__btn_wrap.has-inline-buttons a:first-child{margin:0}.modal.welcome-classic .modal__btn_wrap.has-inline-buttons span{display:block}}.modal.welcome-classic .modal__btn_wrap .btn--google{margin:12px 0 0}.modal.welcome-classic .modal__separator{display:flex;align-items:center;justify-content:center;height:31px;margin:9px 0}.modal.welcome-classic .modal__separator div{width:calc((100% - 43px) / 2);height:1px;background-color:rgba(0,0,0,0.12)}
.modal.welcome-classic .modal__separator div:first-child{margin:0 auto 0 0}.modal.welcome-classic .modal__separator div:last-child{margin:0 0 0 auto}.modal.welcome-classic .modal__separator span{font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;color:#000}.modal.welcome-classic .modal__form{margin:0 0 20px}.modal.welcome-classic .modal__content{margin:20px 0}.modal.welcome-classic .modal__description{margin:0 0 16px;text-align:center}.modal.welcome-classic .modal__btn_inline{display:inline-block;padding:0;border:0;margin:0;font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:.9375rem;line-height:1.375rem;color:#007fff;background:0;cursor:pointer}
.modal.welcome-classic .modal__btn_inline:hover{text-decoration:underline}.modal.welcome-classic .modal__footer{padding:20px 0 24px}@media screen and (min-width:1024px){.modal.welcome-classic .modal__footer{margin:0 41px}}.modal.welcome-intro{text-align:center}@media screen and (max-width:1023px){.modal.welcome-intro{top:auto;height:auto}}@media screen and (min-width:1024px){.modal.welcome-intro{overflow:visible;max-width:360px}}.modal.welcome-intro .modal-background{position:fixed;display:block;background-color:rgba(0,0,0,0.38)}
.modal.welcome-intro .modal__wrap{border-radius:5px 5px 0 0;box-shadow:0 -0.5px 1px 0 rgba(0,0,0,0.32)}@media screen and (min-width:1024px){.modal.welcome-intro .modal__wrap{border-radius:0;box-shadow:0 3px 5px -1px rgba(0,0,0,0.02),0 1px 18px 0 rgba(0,0,0,0.12),0 6px 10px 0 rgba(0,0,0,0.14)}}.modal.welcome-intro .modal__head{height:40px;box-shadow:none}.modal.welcome-intro .modal__head a{align-self:end;width:40px;height:40px;margin:0 0 0 auto}.modal.welcome-intro .modal__head a .icon{position:relative;top:2px}
.modal.welcome-intro .modal__content{margin:-8px 0 0;padding:0 32px 34px 32px}.modal.welcome-intro .modal__description{margin-bottom:20px;font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;line-height:1.375rem;color:#000}.modal.welcome-intro .modal__footer{margin:0 32px;padding:12px 0 16px}.modal.welcome-intro .modal__content+.modal__footer{margin-top:-10px;padding:0}.modal.welcome-intro .modal__content+.modal__footer .modal__footer_content{padding:12px 0 16px}.modal.login-email .modal__content{margin:24px 0 0}
.modal.login-email .modal__footer{margin:24px 17px 0;padding:12px 0 16px;border-top:1px solid rgba(0,0,0,0.12)}@media screen and (min-width:1024px){.modal.login-email .modal__footer{margin:24px 41px 0}}.modal.login-email .modal__footer .btn+.btn{margin:4px 0 0}.modal.modal-login-with-email{max-width:360px}@media screen and (max-width:1023px){.modal.modal-login-with-email{top:auto;max-width:414px;height:auto}}@media screen and (min-width:1024px){.modal.modal-login-with-email{overflow:visible}}.modal.modal-login-with-email .modal-background{position:fixed;display:block;background-color:rgba(0,0,0,0.38)}
.modal.modal-login-with-email .modal__wrap{border-radius:5px 5px 0 0;box-shadow:0 -0.5px 1px 0 rgba(0,0,0,0.32)}@media screen and (min-width:1024px){.modal.modal-login-with-email .modal__wrap{border-radius:0;box-shadow:0 3px 5px -1px rgba(0,0,0,0.02),0 1px 18px 0 rgba(0,0,0,0.12),0 6px 10px 0 rgba(0,0,0,0.14)}}.modal.modal-login-with-email .modal__content{margin:0;padding:32px}.modal.modal-login-with-email .modal__head{display:none}.modal.modal-login-with-email .modal__description.is-title{font:normal 400 100% "TazBlack",sans-serif;font-size:1.5rem;line-height:1.5625rem;color:#000}
.modal.modal-login-with-email .modal__description.is-title+.modal__description{margin:16px 0 0}.modal.modal-login-with-email .modal__description{font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;line-height:1.375rem;color:#000}.modal.modal-login-with-email .modal__description strong{font:normal 400 100% "LabGrotesqueBold",sans-serif;line-height:1rem;line-height:1.375rem;color:#000}.modal.modal-login-with-email .modal__buttons{margin-top:20px}.modal.register .modal__form{margin:20px 0 0}
.modal.register .input__row.is-checkbox{padding:0;margin:0 0 12px}.modal.register .modal__btn_wrap{margin:24px 0 0}.modal.register .modal__footer{padding:20px 0 24px;border-top:1px solid rgba(0,0,0,0.12)}.modal.activation .modal__footer{margin:20px 17px 0;padding:12px 0 16px}@media screen and (min-width:1024px){.modal.forgotten-password .modal__content,.modal.forgotten-dialog .modal__content,.modal.forgotten-reset .modal__content,.modal.change-password .modal__content,.modal.change-username .modal__content,.modal.change-display-name .modal__content{margin:24px 0}
}.modal.forgotten-password .modal__form,.modal.forgotten-dialog .modal__form,.modal.forgotten-reset .modal__form,.modal.change-password .modal__form,.modal.change-username .modal__form,.modal.change-display-name .modal__form{margin:21px 0 0}@media screen and (min-width:1024px){.modal.forgotten-password .modal__form,.modal.forgotten-dialog .modal__form,.modal.forgotten-reset .modal__form,.modal.change-password .modal__form,.modal.change-username .modal__form,.modal.change-display-name .modal__form{margin:20px 0 0}
}.modal.forgotten-password .modal__footer,.modal.forgotten-dialog .modal__footer,.modal.forgotten-reset .modal__footer,.modal.change-password .modal__footer,.modal.change-username .modal__footer,.modal.change-display-name .modal__footer{display:none}.modal.no-activation-link .modal__form{margin:20px 0 0}.modal.username .modal__form{margin:21px 0 0}.modal.username .modal__footer{display:none}.modal.delete-account .modal__form{margin:20px 0 0}.modal.profile-advertisement-data .modal__form{margin:20px 0 0}
.modal.profile-advertisement-data .modal__input_wrapper{position:relative}.modal.profile-advertisement-data .modal__input_wrapper--dob{z-index:2}.modal.profile-advertisement-data .modal__input_wrapper--dob .input__field:focus{outline:0;color:transparent}@media screen and (min-width:1024px){.modal.profile-advertisement-data .modal__input_wrapper--dob .input__field:hover{cursor:pointer}}.modal.profile-advertisement-data .modal__input_wrapper--dob .input__field.has-value:focus{color:#000}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker{position:absolute;top:64px;right:0;left:0;z-index:5;max-width:320px;border-radius:4px;box-shadow:0 2px 3px hsla(0,0%,4%,0.1),0 0 0 1px hsla(0,0%,4%,0.1);background-color:#fff}
@media screen and (min-width:1024px){.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker{right:8px;left:8px}}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .datepicker-header{margin:0;padding:0 0 12px 0}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .datepicker-content .datepicker-header{padding:0}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .dropdown{border:0}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination{width:100%;margin:0;justify-content:space-between}
.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-previous{order:1;transform:none}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list{order:2}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list select{border-radius:2px !important;font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:.875rem;line-height:1.25rem;color:#000;letter-spacing:0}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list .select:not(.is-multiple):not(.is-loading)::after{font-family:"icomoon";speak:none;font-weight:normal;font-style:normal;font-variant:normal;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e929";position:absolute;top:4px;right:4px;width:auto;height:auto;margin-top:0;border:0;border-radius:0;font-size:1.5rem;color:rgba(0,0,0,0.38);transform:rotate(0)}
.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list .control{height:unset}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list .control:nth-child(even){margin-left:5px}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list .control:nth-child(odd){margin-right:5px}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list .control:nth-of-type(2) select{padding:7px 33px 7px 12px}
@media screen and (min-width:1024px){.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-list .control:nth-of-type(2) select{padding:7px 33px 7px 12px}}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .pagination-next{display:block !important;order:3;transform:none}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input{position:relative;z-index:1;width:100%;height:56px;padding:19px 37px 0 13px;border:1px solid rgba(0,0,0,0.12);border-radius:2px;outline:0;box-shadow:none;font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:.875rem;line-height:1.25rem;color:#000;background-color:rgba(0,0,0,0.06);transition:border-color .25s}
.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input[name*=password]{background-image:none !important}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input::-webkit-outer-spin-button,.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input[type=number]{-moz-appearance:textfield}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input ::-webkit-datetime-edit-year-field:not([aria-valuenow]),.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input ::-webkit-datetime-edit-month-field:not([aria-valuenow]),.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input ::-webkit-datetime-edit-day-field:not([aria-valuenow]){color:transparent}
.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input:focus::-webkit-datetime-edit{color:transparent !important}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input:-webkit-autofill,.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input:-webkit-autofill:hover,.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input:-webkit-autofill:focus,.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input:-internal-autofill-selected{-webkit-box-shadow:none;font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:.875rem;line-height:1.25rem;color:#000 !important;background-color:transparent !important;background-image:none !important;-webkit-text-fill-color:#000}
.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input:focus{border-color:#007fff}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input.has-error{border:1px solid #ef5350}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .input.is-fake{display:block;padding-top:27px}.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .select,.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .select select{height:unset;border:0;background-color:transparent}
.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .select select{height:unset;padding:7px 33px 7px 12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12);background-color:#f0f0f0}@media screen and (min-width:1024px){.modal.profile-advertisement-data .modal__input_wrapper--dob .datepicker .select select{padding:7px 49px 7px 12px}}.modal.profile-advertisement-data .modal__input_wrapper--gender{z-index:1}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown{position:relative;display:block;width:100%;height:56px;border:1px solid rgba(0,0,0,0.12);border-radius:3px;background-color:rgba(0,0,0,0.06)}
.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .btn,.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .dropdown-trigger{width:100%;height:100%;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.8125rem;line-height:3.375rem;text-align:left;color:rgba(0,0,0,0.38);letter-spacing:0;text-transform:uppercase;background-color:transparent}@media screen and (min-width:360px){.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .btn,.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .dropdown-trigger{font-size:.875rem}
}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .btn{display:flex;justify-content:space-between;align-items:center}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .icon_wrap{display:inline-flex;flex:0 1 24px}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .icon{font-size:1.5rem}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__label{position:absolute;top:0;left:13px;z-index:2;height:56px;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;line-height:3.5rem;color:rgba(0,0,0,0.38);text-transform:uppercase;pointer-events:none;transition:all .25s}
.input__field:focus+.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__label,.input__field.is-active+.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__label{color:#007fff}.input__field:focus+.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__label,.input__field.is-active+.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__label,.input__field.has-value+.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__label{top:12px;height:14px;font-size:.6875rem;line-height:.875rem}
.input__field.has-error+.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__label{color:#ef5350 !important}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown.has-error{border:1px solid #ef5350}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown.has-error .fake_select__label{color:#ef5350}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown.is-active .fake_select__label,.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__value:not(:empty)+.fake_select__label{top:11px;height:14px;font-size:.6875rem;line-height:.875rem}
.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .fake_select__value{padding-top:18px;font:normal 400 100% "LabGrotesqueBold",sans-serif;font-size:.875rem;color:#000;text-transform:initial}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown.is-active{border:1px solid #007fff}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown.is-active .icon{color:rgba(0,0,0,0.64)}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown.is-active .fake_select__label{color:#007fff}
@media screen and (min-width:1024px){.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .dropdown_title{display:none}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .dropdown-menu{top:64px;right:-1px;left:auto}.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .dropdown-content{padding:8px 0 !important;border-radius:5px !important;box-shadow:0 3px 5px -1px rgba(0,0,0,0.02),0 1px 18px 0 rgba(0,0,0,0.12),0 6px 10px 0 rgba(0,0,0,0.14) !important}
.modal.profile-advertisement-data .modal__input_wrapper--gender .dropdown .dropdown-item.gender{padding:8px 40px 7px 20px !important;border-bottom:none !important;text-align:left !important}}.modal.profile-advertisement-data .modal__input_wrapper--gender .fake_select__error{position:absolute;bottom:8px;left:0;display:none;overflow:hidden;width:100%;height:16px;padding:0 14px;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.6875rem;line-height:1rem;color:#ef5350}.modal.profile-advertisement-data .modal__input_wrapper--gender .fake_select__error:not(:empty){display:block}
.input__row.is-checkbox .modal.profile-advertisement-data .modal__input_wrapper--gender .fake_select__error{padding:0 13px 0 28px}.modal.profile-advertisement-data .modal__footer{padding:20px 0 16px}@media screen and (min-width:1024px){.modal.profile-advertisement-data .modal__footer{padding:20px 0 24px}}.modal.profile-change-avatar{max-height:500px;padding-bottom:80px}.modal.profile-change-avatar .modal__head{flex:1 0 auto}@media screen and (min-width:1024px){.modal.profile-change-avatar .modal__head{position:absolute;top:0;right:0;left:0}
}@media screen and (min-width:1024px){.modal.profile-change-avatar .modal__content{overflow-y:scroll;max-height:450px;margin-top:45px}}.modal.profile-change-avatar .modal__cancel{padding-right:20px;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.75rem;color:#7c7c7c}.modal.profile-change-avatar .modal__footer{position:fixed;right:0;bottom:0;left:0;margin:0;padding:10px 0 16px 0;background-color:white}@media screen and (min-width:1024px){.modal.profile-change-avatar .modal__footer{position:absolute}
}.modal.profile-change-avatar .modal__interaction{display:flex;justify-content:space-between;align-items:center}.modal.profile-change-avatar .modal__btn{flex:0 1 50%;display:block;text-align:center}.modal.profile-change-avatar .modal__btn .icon_wrap{display:block;margin-bottom:5px;font-size:1.5rem}.modal.profile-change-avatar .modal__btn span{display:block;font:normal 400 100% "TazRegular",sans-serif;font-size:.625rem;line-height:1rem;text-transform:uppercase}.modal.reply-to-comment{justify-content:flex-start !important;align-items:flex-start !important;background:#fafafa}
.modal.ugc-mobile .modal__form{margin:16px 0 0}.modal.ugc-mobile .modal__form_description{margin:0 0 16px 0;font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;line-height:1.375rem;color:#000}.modal.ugc-mobile .modal__form_description strong{font:normal 400 100% "LabGrotesqueBold",sans-serif}.modal.ugc-mobile .modal__footer{border:0}.modal.ugc-mobile .modal__footer_text{padding:20px 0 24px;border-top:1px solid rgba(0,0,0,0.12);text-align:left}.modal.ugc-mobile .modal__footer_text.is-warning{padding:12px 0 24px;border-top:0;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.75rem;line-height:1rem;color:rgba(0,0,0,0.64)}
.modal.ugc-mobile .modal__progress{display:flex}.modal.ugc-mobile .modal__progress_text{display:block;margin-bottom:6px;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;line-height:1.25rem}.modal.ugc-mobile .modal__progress_content{flex-grow:1;flex-basis:auto;margin-right:9px}.modal.ugc-mobile .modal__progress_bar{position:relative;width:100%;height:8px;border-radius:4px;background-color:rgba(0,0,0,0.12)}.modal.ugc-mobile .modal__progress_loader{position:absolute;z-index:1;width:0;height:8px;border-radius:4px;background-color:#007fff;transition:width .38s}
.modal.ugc-mobile .modal__progress_loader.is-active{min-width:1%}.modal.ugc-desktop .modal__intro{font:normal 400 100% "LabGrotesque",sans-serif;font-size:1rem;line-height:1.375rem;color:#000}.modal.ugc-desktop .modal__intro p{margin-bottom:20px}.modal.ugc-desktop .modal__intro strong{font:normal 400 100% "LabGrotesqueBold",sans-serif}.modal.ugc-desktop .modal__form{margin:0}.modal.ugc-desktop .modal__form_description{margin:0 0 16px 0}.modal.ugc-desktop .modal__footer_text{padding:20px 0 24px;border-top:1px solid rgba(0,0,0,0.16);text-align:left}
.modal.ugc-desktop .has-margin-bottom{margin-bottom:24px}.modal.ugc-desktop .input__row.is-checkbox{padding-bottom:20px}.modal.ugc-desktop .modal__content{position:relative;margin:0;padding:0}.modal.ugc-desktop .modal__container{overflow:auto;max-height:436px;margin:0 0 88px;padding:0}.modal.ugc-desktop .modal__gutter{padding:24px 41px 0}.modal.ugc-desktop .modal__btn_wrap{position:absolute;bottom:-88px;width:100%;padding:24px 41px;box-shadow:0 -1px 0 0 rgba(0,0,0,0.16);background-color:#fff}.modal.ugc-desktop .modal__progress{display:flex}
.modal.ugc-desktop .modal__progress_text{display:block;margin-bottom:6px;font:normal 400 100% "LabGrotesque",sans-serif;font-size:.875rem;line-height:1.25rem}.modal.ugc-desktop .modal__progress_content{flex-grow:1;flex-basis:auto;margin-right:9px}.modal.ugc-desktop .modal__progress_bar{position:relative;width:100%;height:8px;border-radius:4px;background-color:rgba(0,0,0,0.12)}.modal.ugc-desktop .modal__progress_loader{position:absolute;z-index:1;width:0;height:8px;border-radius:4px;background-color:#007fff;transition:width .38s}
.modal.ugc-desktop .modal__progress_loader.is-active{min-width:1%}.modal.myaccount-piano{max-width:970px}.modal.myaccount-piano .modal__content{margin:0;padding:1px 0 0}.modal .instructions{list-style:decimal inside none;font-size:1.25rem}.modal .instructions .keks_logo_wrapper{background-color:#2e3058;padding:5px;border-radius:50%;display:inline-block}.modal .instructions img{width:31px;vertical-align:middle}.modal .keks_logo_deep_link{background-color:#2e3058;color:#fff}.modal .keks_logo_deep_link img{width:100px;margin-right:5px;vertical-align:middle}
.tp-modal-open .tp-modal .tp-close{position:absolute;top:0;right:0;opacity:1;width:44px;height:44px;margin:0;border:0;border-radius:0;outline:0;box-shadow:none;text-align:center;background:0;transform:none;transition:background-color .1s ease-in-out}.tp-modal-open .tp-modal .tp-close:hover{box-shadow:none;background-color:rgba(0,0,0,0.04)}.tp-modal-open .tp-modal .tp-close:focus{border:0;box-shadow:none}.tp-modal-open .tp-modal .tp-close::before{content:"\e92e";position:relative;top:0;display:inline-block;width:24px;height:24px;font-family:icomoon;font-size:1.5rem;line-height:1.5rem;font-weight:400;font-style:normal;font-variant:normal;color:rgba(0,0,0,0.64);text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media screen and (min-width:410px){.tp-modal-open .tp-modal .tp-close{top:8px;right:4px;width:40px;height:40px}}.tp-modal-open .tp-iframe-wrapper{margin:0 auto;box-shadow:none}@media screen and (min-width:1024px){.tp-modal-open .tp-iframe-wrapper{margin:50px auto}.tp-modal-open .tp-iframe-wrapper.tp-active{box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 1px 18px 0 rgba(0,0,0,0.12),0 6px 10px 0 rgba(0,0,0,0.14)}}.tp-modal-open .tp-backdrop{background:rgba(0,0,0,0.38)}.tp-modal-open .tp-backdrop.tp-active{opacity:1}
.is-checkbox.has-error .input__checkbox_label{color:#ef5350}