a {
    text-decoration: none;
}

.nav-top {
    background-color: #19181f;
    margin-bottom: -1px;
}

.nav-top ul {
    display: flex;
    margin-bottom: 0;
    padding-left: 0;
    padding: 4px 0;
}

.nav-top a {
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    padding-right: 16px;
}

.nav-top a:hover {
    color: #fff;
}

.nav-header {
    background-color: #211e27 !important;
}

.nav-header .container {
    position: relative;
}

.nav-header .container .nav-right {
    position: absolute;
    right: 0px;
}

.nav-logo img {
    width: 120px;
    height: auto;
}

.nav-dropdown ul {
    background-color: #19181f;
    border: 0;
    display: none;
}

.nav-dropdown ul a {
    color: rgba(255, 255, 255, 0.55);
}

.nav-dropdown ul a:hover {
    background-color: #19181f;
    color: #fff;
}

.nav-list a {
    padding: 8px;
    color: rgba(255, 255, 255, 0.55);
    position: relative;
}

.nav-list a:hover {
    color: #fff;
}

.nav-list a:hover .dropdown-menu {
    display: block;
}

.nav-list a.active {
    color: #f29fbd;
}

.nav-search input, .page-input input {
    background-color: #19181f;
    border-color: #f29fbd;
    height: 40px;
}

.nav-search input[type=search]::-webkit-search-cancel-button, .page-input input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.nav-search input:focus, .page-input input:focus {
    background-color: #4a3845;
    border-color: #f29fbd;
    box-shadow: 0 0 0 0.25rem #4a3845;
    color: #fff;
}

.nav-search-btn {
    width: 40px;
    height: 40px;
    background-color: #f29fbd;
    border-radius: 50%;
}

.nav-search-btn:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.nav-search-btn a {
    color: #211e27;
}

.nav-search-btn:after {
    display: none;
}

.nav-search-m {
    display: flex;
    height: 40px;
}

.nav-search-m input {
    width: 87%;
    background-color: #19181f;
    border-color: #f29fbd;
}

.nav-search-m input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.nav-search-m input:focus {
    background-color: #4a3845;
    border-color: #f29fbd;
    box-shadow: 0 0 0 0.25rem #4a3845;
    color: #fff;
}

.nav-search button, .page-input button, .nav-search-m button {
    color: #f29fbd;
    border-color: #f29fbd;
    height: 40px;
    width: 80px;
}

.nav-search button:hover, .page-input button:hover,
.nav-search button :focus,
.page-input button :focus, .nav-search-m button:hover,
.nav-search-m button :focus {
    background-color: #f29fbd;
    border-color: #4a3845;
    color: #211e27;
}

.nav-search button:focus, .page-input button:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.nav-search-menu.show {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #19181f;
    border: none;
    border-radius: 0;
}

.nav-login {
    color: #19181f;
    border-radius: 4px;
    margin: 0 16px;
    background-color: #f29fbd;
    position: relative;
    width: auto;
}

.nav-login:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.nav-login:hover {
    background-color: rgba(242, 159, 189, 0.8352941176);
}

.nav-login i {
    padding-left: 2px;
}

.nav-login span {
    display: inline-block;
    padding-right: 2px;
}

.nav-login a {
    color: #211e27;
}

.nav-language {
    background-color: #f29fbd;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.nav-language .btn:focus {
    box-shadow: none;
}

.nav-language button {
    padding: 0;
}

.nav-language :after {
    display: none;
}

.nav-language a {
    color: #211e27;
}

.nav-language ul {
    min-width: auto;
    text-align: center;
    background-color: #211e27;
    border: 1px solid #19181f;
}

.nav-language ul a {
    color: rgba(255, 255, 255, 0.55);
}

.nav-language ul a:hover {
    background-color: #19181f;
    color: #fff;
}

.nav-language:hover {
    background-color: rgba(242, 159, 189, 0.8352941176);
}

.nav-language:hover .dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: -8px;
}

.nav-language .dropdown-menu {
    display: none;
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background-color: rgba(242, 159, 189, 0.8352941176);
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: rgba(255, 255, 255, 0.55);
}

.owl-prev,
.owl-next {
    opacity: 0.5;
    position: absolute;
    top: 40%;
    transform: translate(-50%);
    font-size: 40px !important;
    color: #19181f !important;
    background-color: #f29fbd !important;
    width: 32px;
    height: 32px;
    border-radius: 50% !important;
    transition: 0.3s all;
    display: block;
}

.owl-prev span,
.owl-next span {
    position: absolute;
    top: -50%;
}

.owl-prev:hover,
.owl-next:hover {
    opacity: 1;
}

.owl-prev {
    left: 8px;
}

.owl-prev span {
    left: 25%;
}

.owl-next {
    right: -24px;
}

.owl-next span {
    right: 25%;
}

.banner {
    background-color: #19181f;
    padding-bottom: 32px;
}

.banner .owl-item {
    opacity: 0.4;
}

.banner .owl-item.center {
    opacity: 1;
}

.title {
    color: #f29fbd;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 16px;
}

.title h2 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
}

.title a {
    color: #f29fbd;
    border-radius: 4px;
}

.title a i {
    padding-left: 4px;
}

.title a:hover {
    transform: translateX(3px);
}

.oneVideo {
    border: 0;
    color: rgba(255, 255, 255, 1);
    margin-top: 0;
    padding: 4px 12px;
}

.oneVideo p {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.55);
    height: 36px;
}

.oneVideo img {
    transition: 0.3s all;
}

.oneVideo:hover img {
    opacity: 0.8;
    transform: scale(1.01);
}

.oneVideo:hover .oneVideo-body, .oneVideo:hover .ad-body, .oneVideo:hover .oneArticle-body {
    color: #fff;
}

.oneVideo .card {
    background-color: #19181f;
}

.oneVideo-top {
    position: relative;
}

.oneVideo-top p {
    position: absolute;
    bottom: -12px;
    right: 4px;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    padding: 4px;
    border-radius: 4px;
    color: #f29fbd;
}

.oneVideo-body, .ad-body, .oneArticle-body {
    padding-top: 8px;
    transition: 0.3s all;
}

.oneVideo-body h5, .ad-body h5, .oneArticle-body h5,
.oneVideo-body h3, .ad-body h3, .oneArticle-body h3,
.oneVideo-body h2, .ad-body h2, .oneArticle-body h2 {
    font-size: 16px;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.oneVideo-fotter {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
}

.oneVideo-fotter i {
    padding-right: 4px;
}

.oneVideo-fotter p {
    padding-right: 8px;
}

.oneArticle img {
    width: 100%;
    height: auto;
    transition: 0.3s all;
}

.oneArticle:hover .card {
    background-color: rgba(241, 241, 241, 0.0941176471);
}

.oneArticle:hover img {
    opacity: 0.8;
    transform: scale(1.01);
}

.oneArticle:hover p {
    color: #fff;
}

.oneArticle .card {
    padding: 8px;
    background-color: #211e27;
    border-radius: 4px;
    transition: 0.3s all;
}

.oneArticle-body h5,
.oneArticle-body h3 {
    color: #f29fbd;
}

.oneArticle-body p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.55);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.ad {
    margin-top: 0;
    padding: 4px 8px;
}

.ad .card {
    background-color: #19181f;
    color: #fff;
}

.oneVideoTheme {
    background-color: #211e27;
    padding: 8px;
    transition: 0.3s all;
}

.oneVideoTheme:hover {
    background-color: rgba(241, 241, 241, 0.0941176471);
}

.oneVideoTheme:hover h5,
.oneVideoTheme:hover h3 {
    color: #f29fbd;
}

.oneVideoTheme-body {
    margin: 16px;
}

.oneVideoTheme h5,
.oneVideoTheme h3 {
    color: #fff;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.oneVideoTheme p {
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
    margin-bottom: 0;
}

.ad2 {
    margin: 32px 16px;
}

.ad2 img {
    width: 100%;
    height: auto;
}

.oneVideoTag {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
}

.oneVideoTag:hover {
    transform: rotate(2deg);
}

.oneVideoTag:hover .oneVideoTag-icon {
    transform: scale(1.1);
}

.oneVideoTag-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.oneVideoTag-title h5,
.oneVideoTag-title h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0;
}

.oneVideoTag-icon {
    position: absolute;
    font-size: 24px;
    color: #fff;
    width: 130px;
    height: 130px;
    top: -50px;
    left: -50px;
    background-color: rgba(255, 255, 255, 0.0941176471);
    border-radius: 50%;
}

.oneVideoTag-icon i {
    position: absolute;
    bottom: 33%;
    right: 36%;
}

.oneVideoTag img {
    width: 100%;
    opacity: 0.6;
    height: auto;
    border-radius: 8px;
}

.footer img {
    width: 120px;
}

.footer a {
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
}

.footer a:hover {
    color: #f29fbd;
}

.footer p {
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
}

.footer h5,
.footer h3 {
    color: #f29fbd;
    font-size: 16px;
}

.footer.border-top {
    border-color: #f29fbd !important;
}

.random-but a {
    display: flex;
    color: #f29fbd;
}

.random-but a img {
    width: 24px;
    margin-left: 2px;
}

.copyright {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.55);
}

@media screen and (max-width: 1200px) {
    .nav-logo {
        margin-right: 0;
    }

    .nav-login {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        margin: 0 8px;
    }

    .nav-login i {
        padding: 0;
    }

    .nav-login span {
        display: none;
    }

    .nav-login:after {
        display: none;
    }

    .nav-search, .page-input {
        width: 50%;
    }

    .nav-header .container {
        position: static;
    }
}

@media screen and (max-width: 992px) {
    .nav-list {
        margin: 4px 0;
    }

    .nav-header .container {
        position: relative;
    }

    .nav-right {
        top: 8px;
    }

    .nav-ham {
        position: absolute;
        top: 8px;
        left: 0px;
        border: none;
    }

    .nav-ham:focus {
        box-shadow: none;
    }

    .nav-logo {
        position: relative;
        left: 32px;
    }

    .nav-logo img {
        width: 100px;
    }

    .oneVideoTheme h5,
    .oneVideoTheme h3 {
        font-size: 14px;
    }

    .oneVideoTheme-body {
        margin: 8px;
    }

    .ad2 {
        margin: 24px 0;
    }
}

@media screen and (max-width: 768px) {
    .nav-top a {
        padding-right: 8px;
    }

    .nav-language {
        margin-right: 16px;
    }

    .nav-language a {
        font-size: 14px;
    }

    .nav-language .btn {
        font-size: 0;
    }

    .nav-language, .nav-login, .nav-search-btn {
        width: 32px;
        height: 32px;
        font-size: 14px;
        padding: 4px;
    }

    .nav-right {
        top: 10px;
    }

    .oneVideo {
        padding: 4px;
        padding-right: 8px;
    }

    .oneVideo-body h5, .oneArticle-body h5, .ad-body h5,
    .oneVideo-body h3, .oneArticle-body h3, .ad-body h3 {
        font-size: 14px;
    }

    .oneVideoTag {
        margin-bottom: 16px;
    }

    .oneVideoTag-title h5,
    .oneVideoTag-title h3 {
        font-size: 16px;
    }

    .oneVideoTag-icon {
        font-size: 14px;
        width: 60px;
        height: 60px;
        top: -10px;
        left: -10px;
    }

    .oneVideoTag-icon i {
        bottom: 43%;
        right: 44%;
    }
}

.video-menu h1 {
    color: #f29fbd;
    font-weight: 700;
    font-size: 32px;
}

.genre-btn {
    background-color: #f29fbd;
    color: #211e27;
}

.genre-btn:focus, .genre-btn:hover {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.genre-dropdown {
    background-color: #211e27;
}

.genre-dropdown a {
    color: rgba(255, 255, 255, 0.55);
}

.genre-dropdown a:focus, .genre-dropdown a:hover {
    background-color: #19181f;
    color: #fff;
}

.page-btn {
    border: 1px solid #f29fbd;
    border-radius: 4px;
}

.page-btn a {
    color: #f29fbd;
}

.page-btn:hover {
    background-color: #f29fbd;
}

.page-btn:hover a {
    color: #211e27;
}

.page-btn:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.page span {
    color: rgba(255, 255, 255, 0.55);
}

.page span::before {
    content: "/";
    padding-right: 2px;
}

.page-input input[type=number] {
    color: #fff;
}

.page-title h1 {
    font-size: 16px;
}

.video {
    width: 100%;
    position: relative;
}

.video-cover {
    position: absolute;
    height: 100%;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: black;
    width: 100%;
}

.video-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.video-title h1 {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
}

.video-item {
    display: flex;
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
}

.video-but .btn {
    color: #211e27;
    background-color: #f29fbd;
}

.video-but .btn:hover {
    background-color: rgba(242, 159, 189, 0.8352941176);
}

.video-but .btn:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.video-but .outline {
    background-color: #19181f;
    color: #f29fbd;
    border: 1px solid #f29fbd;
}

.video-but .outline:hover {
    background-color: #f29fbd;
    color: #fff;
    transform: scale(1.05);
}

.video-but .outline::after {
    display: none;
}

.video-info {
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.video-info p {
    color: rgba(255, 255, 255, 0.55);
}

.info-link a {
    color: #f29fbd;
    border-bottom: 1px solid #f29fbd;
}

.info-link a:hover {
    color: rgba(242, 159, 189, 0.8352941176);
}

.info-list {
    color: rgba(255, 255, 255, 0.55);
}

.info-list a {
    color: #f29fbd;
    border: 1px solid #f29fbd;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 2px 4px;
    display: inline-block;
}

.info-list a:hover {
    background-color: #f29fbd;
    color: #19181f;
}

.info-list a:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.player {
    background: none;
    width: 50px;
    height: 50px;
    border: solid 5px #19181f;
    border-radius: 100%;
    position: relative;
    text-indent: -9999px;
    box-shadow: 1px 1px 3px #999999;
}

.player span {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #19181f;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 11%;
    left: 36%;
}

.player:hover {
    background: #f29fbd;
    cursor: pointer;
    opacity: 0.8;
    border: none;
    position: absolute;
    width: 60px;
    height: 60px;
    box-shadow: none;
    transform: translate(-47%, -50%);
}

.player:hover span {
    border-top: 15px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 15px solid transparent;
}

.player:hover span {
    top: 25%;
    left: 38%;
}

.share-menu {
    padding: 4px;
    min-width: 12rem;
    background-color: #211e27;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11);
}

.share-menu a {
    margin: 4px;
}

.share-menu a:hover {
    opacity: 0.8;
}

.share-menu img {
    width: 100%;
    border-radius: 4px;
}

.mwt_border {
    width: 250px;
    height: 30px;
    text-align: center;
    background: #fff;
    position: relative;
    border: solid 1px #333;
    margin: 30px;
    padding: 30px;
}

@media screen and (max-width: 768px) {
    .video-but .btn {
        font-size: 14px;
    }

    .video-info {
        font-size: 14px;
    }
}

.type-title h2 {
    color: #f29fbd;
    font-weight: 700;
}

.type-content {
    margin: 0 120px;
}

.type-bar a {
    color: rgba(255, 255, 255, 0.55);
    font-size: 16px;
    padding: 2px 24px;
    position: relative;
}

.type-bar a::after {
    content: " ";
    width: 0;
    height: 2px;
    background-color: #f29fbd;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 2px;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.type-bar a:hover {
    color: #fff;
}

.type-bar a:hover::after {
    width: 100%;
}

.type-bar a.active {
    color: #fff;
}

.type-bar a.active::after {
    width: 100%;
}

.type-item {
    position: relative;
    border: 2px solid #f29fbd;
    border-radius: 8px;
    overflow: hidden;
    margin: 8px;
}

.type-item img {
    width: 100%;
    opacity: 0.3;
    transition: all 0.3s;
}

.type-item:hover img {
    opacity: 0.8;
    transform: scale(1.1);
}

.type-info {
    position: absolute;
    color: #fff;
    z-index: 3;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-align: center;
}

.type-info h5,
.type-info h3 {
    font-weight: 700;
}

@media screen and (max-width: 991px) {
    .type-bar a {
        padding: 2px 16px;
    }

    .type-item {
        margin: 4px;
    }

    .type-content {
        margin: 0;
    }
}

.idol {
    text-align: center;
    margin: 0 120px;
}

.idol-img {
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #f29fbd;
}

.idol-item {
    padding: 16px;
    transition: all 0.3s;
}

.idol-item:hover img {
    opacity: 0.8;
}

.idol-item:hover h5,
.idol-item:hover h3 {
    color: #f29fbd;
}

.idol-info h5,
.idol-info h3 {
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;
}

.idol-info p {
    margin: 0;
    color: rgba(255, 255, 255, 0.55);
}

.idol-btn {
    color: #fff;
    background-color: #19181f;
    margin: 16px 32px;
}

.idol-btn:hover {
    background-color: #f29fbd;
    color: #19181f;
}

.idol-btn:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.idol-menu {
    background-color: #211e27;
    min-width: auto;
}

.idol-menu li {
    padding: 4px 8px;
}

.idol-menu li:hover {
    background-color: #19181f;
}

.idol-menu li:hover a {
    color: #fff;
}

.idol-menu a {
    color: rgba(255, 255, 255, 0.55);
}

.cup-menu {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -moz-column-rule: 1px solid rgba(255, 255, 255, 0.55);
    column-rule: 1px solid rgba(255, 255, 255, 0.55);
    min-width: 160px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .idol {
        margin: 0;
    }

    .idol-btn {
        margin: 0 8px;
    }

    .idol-menu li {
        padding: 4px 8px;
    }
}

.idol-content-img {
    width: 160px;
    height: auto;
    border: 2px solid #f29fbd;
    border-radius: 50%;
    overflow: hidden;
}

.idol-content h5,
.idol-content h3 {
    color: #f29fbd;
    font-weight: 700;
}

.idol-content ul {
    padding-left: 0;
    margin-bottom: 0;
}

.idol-content li {
    color: #fff;
}

.idol-content .btn {
    color: #211e27;
    background-color: #f29fbd;
}

.idol-content .btn:hover {
    background-color: rgba(242, 159, 189, 0.8352941176);
}

.idol-content .btn:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

.idol-content .outline {
    background-color: #19181f;
    color: #f29fbd;
    border: 1px solid #f29fbd;
}

.idol-content .outline:hover {
    background-color: #f29fbd;
    color: #fff;
    transform: scale(1.05);
}

.idol-content .outline::after {
    display: none;
}

.user-card {
    position: relative;
}

.user-card h5,
.user-card h3 {
    color: #fff;
}

.user-img {
    width: 120px;
    height: auto;
    border: 2px solid #f29fbd;
    border-radius: 50%;
    overflow: hidden;
}

.user-setting {
    cursor: pointer;
    color: #f29fbd;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
    margin: 16px 8px;
}

.user-setting i {
    padding: 4px;
}

.user-num {
    color: rgba(255, 255, 255, 0.55);
    padding: 4px 8px;
    font-size: 14px;
}

@media screen and (max-width: 991px) {
    .user-setting {
        margin-right: 16px;
        border-radius: 50%;
    }
}

.pwd-change {
    background-color: #211e27;
    width: 320px;
    transform: translate(-50%, 0);
    left: 50%;
    top: 32px;
}

.pwd-change h5 {
    color: #f29fbd;
}

.pwd-change .pwd-btn-close {
    box-shadow: none;
}

.pwd-change .pwd-btn-close i {
    color: rgba(255, 255, 255, 0.55);
}

.pwd-change-header {
    border-bottom: 1px solid rgba(101, 101, 101, 0.55);
}

.pwd-change-body {
    background-color: #19181f;
    color: rgba(255, 255, 255, 0.55);
}

.pwd-change-body input {
    background-color: #19181f;
    border-color: rgba(101, 101, 101, 0.55);
}

.pwd-change-body input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.pwd-change-body input:focus {
    background-color: #4a3845;
    border-color: #f29fbd;
    box-shadow: 0 0 0 0.25rem #4a3845;
    color: #fff;
}

.pwd-change-footer {
    border-top: 1px solid rgba(101, 101, 101, 0.55);
}

.pwd-change-footer .btn-gray {
    background-color: rgba(255, 255, 255, 0.55);
}

.pwd-change-footer .btn-gray:hover {
    background-color: rgba(205, 205, 205, 0.55);
}

.pwd-change-footer .btn-gray:focus {
    box-shadow: none;
}

.pwd-change-footer .btn-pink {
    background-color: #f29fbd;
}

.pwd-change-footer .btn-pink:hover {
    background-color: rgba(242, 159, 189, 0.8352941176);
}

.pwd-change-footer .btn-pink:focus {
    box-shadow: 0 0 0 0.25rem #4a3845;
}

/*# sourceMappingURL=style.css.map */