/** Shopify CDN: Minification failed

Line 45:14 Expected ")" to end URL token
Line 46:11 Expected ")" to end URL token
Line 47:11 Expected ")" to end URL token
Line 52:14 Expected ")" to end URL token
Line 53:11 Expected ")" to end URL token
Line 54:11 Expected ")" to end URL token
Line 59:14 Expected ")" to end URL token
Line 60:11 Expected ")" to end URL token
Line 61:11 Expected ")" to end URL token

**/
/* Add root color variables */
:root {
  --sony-black: #000;
  --sony-white: #fff;
  --sony-dark-gray: #333;
  --dark-gray: #3C3C42;
  --sony-blue-6: #F2F5F9;
  --button-text: #005ECE;
  --sony-gray-3: #CECECE;
  --sony-gray-2: #C9C6C5;
  --sony-gray-1: #B4B6B8;
  --sony-gray : #696A6C;
  --sony-blue-5: #D5E3F4;
  --sony-blue-4: #E6E6E6;
  --sony-blue-2: #5791D2;
  --sony-vip: rgba(249, 225, 199, 0.50);
  --sony-vip-1: #BC9061;
  --sony-club: #002F67;
  --line: #DEDEDE;
  --sony-error: #D24E3F;
  --sony-success-dark: #0D8858;
  --sony-success-light: #D7F8EB;
  --sony-yellow-1: #F2B807;
  --b-2: #EDEDED;
  --light-blue: #F2F5F9;
  --background: #F7F7F7;
}

/*add font*/
@font-face {
  font-family: 'SST';
  src:  url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Roman.ttf?v=61332266953038735081741165499"}) format("ttf"),
    	url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Roman.woff?v=96680782566853642751741165499"}) format("woff"),
    	url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Roman.woff2?v=140003316302837872201741165499"}) format("woff2");
}

@font-face {
  font-family: 'SST_Medium';
  src:  url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Medium.ttf?v=92603818077724544381741165499"}) format("ttf"),
    	url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Medium.woff?v=182476033661234092701741165499"}) format("woff"),
    	url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Medium.woff2?v=140971119938795190151741165499"}) format("woff2");
}

@font-face {
  font-family: 'SST_Bold';
  src:  url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Bold.ttf?v=120048540117512276671741165499"}) format("ttf"),
    	url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Bold.woff?v=69214703687018762071741165499"}) format("woff"),
    	url(#{"//stg.store.sony.com.vn/cdn/shop/t/44/assets/SST_Bold.woff2?v=78810898613478173331741165499"}) format("woff2");
}

.background--white {
    background-color: var(--white);
}

@keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.sony-text-gray {
    color: var(--sony-gray-1);
}

.sony-gray {
    color: var(--sony-gray);
}

.remove-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.sign-up-top .li-before:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 199px;
    height: 6px;
    background-color: var(--b-2);
    z-index: 1;
}

.sign-up-top .li-before-active:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    height: 6px;
    background: var(--button-text);
    z-index: 1;
}

.sign-up-top .li-before-active img {
    position: relative;
    z-index: 2;
}


.sign-up-top .li-before img {
    position: relative;
    z-index: 2;
}

.hide-icon-header .GlobalHeader__RegionalItems,
.hide-icon-header .GlobalHeaderNavi {
    display: none !important;
}

.box-shadow {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.10);
}

body .nav-sticky-after-header {
    top: 0;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: var(--white);
    z-index: 9999;
}

.input-checkbox input {
    position: absolute;
    opacity: 0;
    background-color: transparent;
    outline: none;
    border: none;
}

.input-checkbox label:not(.error) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
}

.input-checkbox label:not(.error):before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid var(--line);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: var(--sony-white);
    margin-right: 10px;
    z-index: 2;
}

.input-checkbox label:not(.error)::after {
    position: absolute;
    content: "";
    display: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 0;
    background: var(--sony-blue-5);
    z-index: 1;
    top: -6px;
    left: -6px;
}

.input-checkbox label.error {
  position: absolute;
  top: 100%;
  left: 32px;
  font-size: .8125rem;
  margin: 0;
  padding: 0;
}

.input-checkbox label span {
    width: calc(100% - 32px);
    margin-top: -4px;
    line-height: 24px;
}

.input-checkbox label span span {
    color: var(--sony-error);
}

.input-checkbox input:checked~label:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.0662 6.69199L8.16167 14.5965L3.91602 10.0191L4.83248 9.16908L8.19552 12.7949L15.1823 5.80811L16.0662 6.69199Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' stroke='black'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    z-index: 3;
}

.input-checkbox input:focus-visible ~ label::after {
    display: block;
}

.input-checkbox input:checked~label::after {
    display: none;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
p {
    margin-top: 0;
    margin-bottom: 0;
}

.error {
    color: var(--sony-error);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
}

.redeem-text {
    color: var(--sony-error);
    font-family: 'SST_Medium';
    line-height: 24px;
}

.earned-text {
    color: var(--button-text);
    font-family: 'SST_Medium';
    line-height: 24px;
}

.success {
    color: var(--sony-success-dark);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
}

.letter-0 {
    letter-spacing: 0;
}

.letter-1 {
    letter-spacing: 0.1px;
}

.letter-2 {
    letter-spacing: 0.2px;
}

.letter-3 {
    letter-spacing: 0.3px;
}

.letter-n-1 {
    letter-spacing: -0.1px;
}

.line-height-15 {
    line-height: 15px;
}

.line-height-16 {
    line-height: 16px;
}

.line-height-18 {
    line-height: 18px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-21 {
    line-height: 21px;
}

.line-height-22 {
    line-height: 22px;
}

.line-height-23 {
    line-height: 23px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-25 {
    line-height: 25px;
}
.line-height-26 {
    line-height: 26px;
}

.line-height-27 {
    line-height: 27px;
}

.w-360 {
    width: 360px;
    max-width: 100%;
}

.w-640 {
    width: 640px;
    max-width: 100%;
}

.w-480 {
    width: 480px;
    max-width: 100%;
}

.h-80 {
    height: 80px;
}

.h-360 {
    height: 360px;
}

.h-480 {
    height: 480px;
}

@media (min-width: 1024px) {
  .body-login-pagebody h1 {
        font-size: 36px;
        letter-spacing: -0.72px;
    }

    .body-login-page h3 {
        font-size: 22px;
    }
}

.body-login-page p {
    font-size: 15px;
    line-height: 22px;
}

.body-login-page a {
    font-size: 15px;
    line-height: normal;
}

a:hover {
    text-decoration: none;
}

/* Common style */

.sony-dark-gray {
    color: var(--sony-dark-gray);
}

.sony-black {
    color: var(--sony-black);
}

.button-text {
    color: var(--button-text);
}

.color-yellow {
    color: var(--sony-yellow-1);
}

[class*="icon-sony-20"] {
    font-size: 20px;
}

.flickity-viewport {
    overflow: hidden;
}

.select-category {
    border: 1px solid var(--line);
    background: var(--sony-white);
    position: absolute;
    z-index: 1;
}

.select-category-item {
    padding: 9px 24px;
    color: var(--sony-black);
    font-size: 15px;
    font-style: normal;
    line-height: 22px;
    background-color: var(--sony-white);
    text-align: left;
}

.select-category-item:hover {
    background-color: var(--sony-blue-5);
    cursor: pointer;
}

.btn-white {
    display: flex;
    min-height: 44px;
    padding: 8px 16px 11px 16px;
    justify-content: center;
    align-items: center;
    background: var(--sony-white);
    width: fit-content;
    color: var(--sony-black);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 15px;
    font-style: normal;
    font-family: 'SST_Medium';
    line-height: normal;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn-white:hover {
    background: var(--line);
    color: var(--sony-black);
}

.btn-white * {
    color: var(--sony-black);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-size: 15px;
    font-style: normal;
    font-family: 'SST_Medium';
    line-height: normal;
}

.btn-white:focus,
.btn-white:focus-visible {
    outline: none;
    border-radius: 0;
}

.sony-btn-black,
.sony-btn-black * {
    color: var(--sony-black);
}

.sony-btn-black:hover,
.sony-btn-black:hover * {
    color: var(--sony-dark-gray);
}

.sony-btn-primary {
    color: var(--button-text);
    font-size: 15px;
    font-style: normal;
    font-family: 'SST_Medium';
    line-height: normal;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sony-btn-primary * {
    color: var(--button-text);
    font-size: 15px;
    font-style: normal;
    font-family: 'SST_Medium';
    line-height: normal;
    text-align: center;
    margin-left: 5px;
}

.sony-btn-secondary {
    color: var(--sony-white);
    background-color: transparent;
    border: 1px solid var(--sony-white);
    text-align: center;
    font-size: 15px;
    font-family: 'SST_Medium';
    font-style: normal;
    line-height: normal;
    padding: 11px 48px 14px;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sony-btn-secondary * {
    color: var(--sony-white);
    text-align: center;
    font-size: 15px;
    font-family: 'SST_Medium';
    font-style: normal;
    line-height: normal;
}

.sony-btn-primary:hover {
    text-decoration: none;
}

.sony-btn-primary:focus,
.sony-btn-primary:focus-visible {
    outline: none;
    border-radius: 0;
}

.sony-btn-secondary:hover {
    text-decoration: none;
}

.sony-btn-secondary:focus,
.sony-btn-secondary:focus-visible {
    outline: none;
    border-radius: 0;
}

.sony-btn-third {
    padding: 8px 24px 11px 24px;
    display: inline-block;
    min-height: 44px;
    border: 1px solid var(--sony-black);
    background-color: transparent;
    font-size: 15px;
    font-style: normal;
    text-align: center;
    font-family: 'SST_Medium';
    line-height: normal;
    color: var(--sony-black);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sony-btn-third * {
    font-size: 15px;
    font-style: normal;
    font-family: 'SST_Medium';
    line-height: normal;
    color: var(--sony-black);
}


.sony-btn-third:hover {
    background: var(--sony-dark-gray);
    border-color: var(--sony-dark-gray);
    color: var(--white);
}

.sony-btn-third:hover * {
    color: var(--white);
}

.sony-btn-third:focus,
.sony-btn-third:focus-visible {
    outline: none;
    border-radius: 0;
}

.sony-btn-join {
    background: var(--button-text);
    display: inline-block;
    color: var(--sony-white);
    font-size: 15px;
    font-style: normal;
    text-align: center;
    font-family: 'SST_Medium';
    line-height: normal;
    border: 1px solid var(--button-text);
    padding: 8px 20px 11px;
    text-decoration: none !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sony-btn-join:hover {
    background: var(--sony-blue-2);
    color: var(--white);
    border-color: var(--sony-blue-2);
}

.sony-btn-join * {
    font-size: 15px;
    font-style: normal;
    font-family: 'SST_Medium';
    line-height: normal;
    text-decoration: none !important;
    color: var(--white);
}

.sony-btn-join:focus,
.sony-btn-join:focus-visible {
    outline: none;
    border-radius: 0;
}

.sony-view-btn-text {
    color: var(--button-text);
    border: 0;
    outline: none;
    background-color: transparent;
    padding: 0;
}

.sony-view-btn-text:hover,
.sony-view-btn-text:hover * {
    text-decoration: none;
    color: var(--sony-blue-2);
}

.sony-view-btn-text:focus,
.sony-view-btn-text:focus-visible {
    outline: none;
    border-radius: 0;
}

.sony-btn-text {
    color: var(--button-text);
}

a.sony-btn-text {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sony-btn-text:hover,
.sony-btn-text:hover * {
    text-decoration: none;
    color: var(--sony-blue-2);
}

.sony-btn-text:focus,
.sony-btn-text:focus-visible {
    outline: none;
    border-radius: 0;
}

a.color-black {
    color: var(--sony-black) !important;
}

.color-black {
    color: var(--sony-black);
}

a.sony-dark-gray {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a.sony-dark-gray:hover {
    color: var(--sony-black)
}

.notification-success {
    color: var(--sony-success-dark);
    background-color: var(--sony-success-light);
}

.color-white {
    color: var(--sony-white);
}

.color-white-i {
    color: var(--sony-white) !important;
}

.icon * {
    font-family: 'SST';
}

.list-group-no-column {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.overlay-header:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 9;
    width: 100%;
    height: 100vh;
    opacity: 0.8999999761581421;
    background: var(--sony-black, #000);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.mt--19 {
    margin-top: -19px;
}

@media(max-width: 991px) {
    .active-menu .nav-sticky-after-header>div {
        border-bottom: 1px solid var(--line);
    }

    .active-menu {
        overflow: hidden;
        touch-action: none;
        -ms-touch-action: none;
    }

    .click-active-menu {
        padding: 6px 0;
    }

    .sony-btn-join {
        padding-top: 6px;
        padding-bottom: 9px;
    }

    .nav-sticky-after-header {
        position: relative;
        z-index: 10;
    }

    .nav-sticky-after-header .nav-sticky-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .active-mobile .icon-chevron-down {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .active-menu .icon-chevron-down {
        display: inline-block;
        transform: rotateX(180deg);
    }

    body.fixed .nav-sticky-after-header {
        top: 49px;
    }

    .active-menu .list-group-no-column {
        top: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .list-group-no-column {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 10;
        background: var(--sony-white);
    }

    .list-group-no-column li {
        width: 100%;
        padding: 15px 20px 13px;
    }

    .list-group-no-column li a {
        font-size: 16px;
        line-height: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .list-group-no-column li:not(:last-child) {
        border-bottom: 1px solid var(--line);
    }

    .list-group-no-column li a i {
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.color-btn-text {
    color: var(--button-text);
}

.color-des {
    color: var(--sony-dark-gray);
}

.color-gray {
    color: var(--sony-gray);
}

.color-dark-gray {
    color: var(--dark-gray);
}

.bgc-black {
    background-color: var(--sony-black);
}

.bgc-white {
    background-color: var(--sony-white);
}

.bgc-transparent {
    background-color: transparent;
}

.bgc-light-blue {
    background-color: var(--sony-blue-6);
}

.bgc-btn-text {
    background-color: var(--button-text);
}

input {
    font-family: SST;
}

.input-btn {
    box-shadow: none;
    outline: none;
    border: 0;
    width: 100%;
    min-height: 44px;
    background-color: var(--sony-black);
    color: var(--sony-white);
    padding: 11px 16px 14px;
    text-align: center;
    font-family: 'SST_Medium';
    font-size: 15px;
    line-height: initial;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.input-btn:hover {
    color: var(--sony-white);
    text-decoration: none;
    background-color: var(--sony-dark-gray);
}

.input-btn:focus,
.input-btn:focus-visible {
    outline: none;
}

.point-event-none {
    pointer-events: none;
    user-select: none;
}

.line-height-1 {
    line-height: 1;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.pt-3-4 {
    padding-top: 12px;
}

.pb-1-125 {
    padding-bottom: 1.125rem;
}

.pb-3-4 {
    padding-bottom: 12px;
}

.pr-3-4 {
    padding-right: 12px;
}

.py-3-4 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pt-3-25 {
    padding-top: 1.25rem;
}

.pb-3-25 {
    padding-bottom: 1.25rem;
}

.p-3-25 {
    padding: 1.25rem;
}

.px-3-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.py-3-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.p-0 {
    padding: 0;
}

.p-2-25 {
    padding: 1.25rem;
}

.px-2-25 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.py-2-25 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.p-3-5 {
    padding: 2rem;
}

.px-3-5 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-3-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pb-3-5 {
    padding-bottom: 2rem;
}

.pt-4-5 {
    padding-top: 2.5rem;
}

.pb-4-5 {
    padding-bottom: 2.5rem;
}

.p-4-5 {
    padding: 2.5rem;
}

.px-4-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.py-4-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.p-5-5 {
    padding: 3.5rem;
}

.px-5-5 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.p-8 {
    padding: 5rem;
}

.px-8 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.py-8 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.p-9 {
    padding: 6.5rem;
}

.pl-9 {
    padding-left: 6.5rem;
}

.px-9 {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
}

.py-9 {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
}

.ml--2 {
    margin-left: -2px;
}

.ml--4 {
    margin-left: -4px;
}

.mt-1px {
    margin-top: 1px;
}

.m-0 {
    margin: 0;
}

.ml-0-625 {
    margin-left: 0.625rem;
}

.mb-0-625 {
    margin-bottom: 0.625rem;
}

.mb-0-75 {
    margin-bottom: 0.75rem;
}

.mb-1-25 {
    margin-bottom: 10px;
}

.mb-1-625 {
    margin-bottom: 1.625rem;
}

.mb-1-75 {
    margin-bottom: 1.75rem;
}

.mb-1-8125 {
    margin-bottom: 1.8125rem;
}

.m-2-25 {
    margin: 1.25rem;
}

.mx-2-25 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.my-2-25 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.mb-2-25 {
    margin-bottom: 1.25rem;
}

.mt-2-25 {
    margin-top: 1.25rem;
}

.mt-3-5 {
    margin-top: 2rem;
}

.mt--2 {
    margin-top: -2px !important;
}

.mb-3-25 {
    margin-bottom: 1.25rem;
}

.mt-3-25 {
    margin-top: 1.25rem;
}

.mb-3-5 {
    margin-bottom: 2rem !important;
}

.mx-3-5 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.my-3-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mt-4-5 {
    margin-top: 2.5rem;
}

.mb-4-5 {
    margin-bottom: 2.5rem;
}

.mt-7 {
    margin-top: 4rem;
}

.mr-7 {
    margin-right: 4rem;
}

.mb-7 {
    margin-bottom: 4rem;
}

.ml-7 {
    margin-left: 4rem;
}

.mx-7 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.m-7 {
    margin: 4rem;
}

.mt-8 {
    margin-top: 5rem;
}

.mr-8 {
    margin-right: 5rem;
}

.mb-8 {
    margin-bottom: 5rem;
}

.ml-8 {
    margin-left: 5rem;
}

.mx-8 {
    margin-left: 5rem;
    margin-right: 5rem;
}

.m-8 {
    margin: 5rem;
}

.mr-12-5 {
    margin-right: 12.5rem;
}

h2,
.h2 {
    font-style: normal;
    font-family: 'SST_Medium';
    line-height: normal;
}

h3,
.h3 {
    font-style: normal;
    line-height: normal;
}

p {
    font-style: normal;
    margin-bottom: 0;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.input-field input.error {
    border-color: var(--sony-error);
    padding: 8px 12px;
}

.hide-popup {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.index-1 {
    z-index: 1;
}

.index-2 {
    z-index: 2;
}

.object-contain {
    object-fit: contain;
}

.object-cover {
    object-fit: cover;
}

.sony-link-black {
    color: var(--sony-black);
    font-size: 15px;
    font-family: 'SST_Medium';
}

.sony-link-white {
    color: var(--sony-white);
    font-size: 15px;
    font-family: 'SST_Medium';
}

a.sony-link-white,
a.sony-link-black {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.sony-link-black * {
    color: var(--sony-black);
}

.sony-link-white * {
    color: var(--sony-white);
}

.sony-link-black:hover,
.sony-link-black:hover * {
    color: var(--sony-dark-gray);
}

.sony-link-white:hover,
.sony-link-white:hover * {
    color: var(--line);
}

.btn-black,
.btn-black * {
    background-color: var(--sony-black);
    color: var(--sony-white);
    padding: 9px 16px 12px;
    text-align: center;
    min-height: 44px;
    font-family: 'SST_Medium';
    border: 0;
    outline: none;
    font-size: 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn-black {
    display: inline-block;
}

.btn-black:hover {
    color: var(--sony-white);
    text-decoration: none;
    background-color: var(--sony-dark-gray);
}

.btn-black.disable {
    color: var(--sony-white);
    background-color: var(--sony-gray-1);
    pointer-events: none;
}

.btn-black:focus,
.btn-black:focus-visible {
    outline: none;
}

.hidden-category {
    display: none !important;
}

.radius-8 {
    border-radius: 8px;
}

.btn-tag {
    color: var(--sony-gray);
    background-color: transparent;
    padding: 5px 15px;
    text-align: center;
    border: 1px solid var(--button-text);
    border-radius: 100px;
    font-size: 15px;
    line-height: 22px;
    font-style: normal;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: 'SST';
    min-height: 40px;
}

.btn-tag.selected {
    line-height: 24px;
}

.btn-tag * {
    color: var(--sony-gray);
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    font-style: normal;
}

.btn-tag:focus,
.btn-tag:focus-visible {
    outline: none;
}

.btn-tag.disable {
    color: var(--sony-gray);
    border-color: var(--sony-gray-1);
    pointer-events: none;
}

.btn-tag.selected,
.btn-tag.selected * {
    color: var(--sony-white);
    background-color: var(--button-text);
    font-family: 'SST_Medium';
}

.btn-tag.selected.disable {
    background-color: var(--sony-gray-1);
    pointer-events: none;
}

.border-bottom {
    border-bottom: 1px solid var(--line);
}

.border-0 {
    border: 0;
}

.border-radius-4 {
    border-radius: 4px;
}

.no-scroll {
    overflow: hidden;
}

ol.flickity-page-dots {
    position: relative;
    bottom: 0;
    margin-top: 25px;
}

ol.flickity-page-dots li.dot {
    background-color: var(--sony-gray-3);
    width: 8px;
    height: 8px;
    margin-left: 4px;
    margin-right: 4px;
    opacity: 1;
}

.flickity-page-dots li.dot.is-selected {
    background-color: var(--sony-black);
}

.sony-btn-transparent {
    border: 0;
    background-color: transparent;
    outline: none;
}

.sony-btn-transparent:focus,
.sony-btn-transparent:focus-visible {
    outline: none;
}

.btn-transparent {
    height: 44px;
    padding: 8px 16px 11px 16px;
}

.btn-transparent:hover {
    text-decoration: none;
}

.container-1040 {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.noted-text {
    font-size: 15px;
    line-height: 24px;
    color: var(--sony-gray);
}

.w-fit {
    width: fit-content;
}

.w-33 {
    max-width: calc(100% / 3);
    width: 100%;
}

.w-320 {
    max-width: 320px;
    width: 100%;
}

.w-448 {
    max-width: 448px;
    width: 100%;
}

.w-488 {
    max-width: 488px;
    width: 100%;
}

.w-560 {
    max-width: 560px;
    width: 100%;
}

.w-134 {
    max-width: 134px;
    width: 100%;
}

.w-146 {
    max-width: 146px;
    width: 100%;
}

.w-126 {
    width: 126px;
}

.mw-126 {
    min-width: 126px;
}

.mw-158 {
    min-width: 158px;
}

.mw-167 {
    min-width: 167px;
}

.w-140 {
    width: 140px;
}

.w-100px {
    min-width: 100px;
}

.h-140 {
    height: 140px;
}

.h-180 {
    height: 180px;
}

.h-320 {
    height: 320px;
}

.input-field input.disable {
    background-color: var(--line);
    color: var(--sony-gray-1);
    pointer-events: none;
}

.input-field.error input {
    border-color: var(--sony-error) !important;
}

input.disable~label {
    color: var(--sony-gray-1);
    background-color: var(--line);
}

/*input::-webkit-datetime-edit-year-field:not([aria-valuenow]),*/
/*input::-webkit-datetime-edit-month-field:not([aria-valuenow]),*/
/*input::-webkit-datetime-edit-day-field:not([aria-valuenow]) {*/
/*    color: transparent;*/
/*}*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* input[type="date"]::-webkit-calendar-picker-indicator {
    background: url('../images/icon-styleguide/Vector.png') no-repeat;
    background-size: 15px;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    top: 0;
    left: 0;
    height: 40px;
    margin: 0;
    background-position: 96% 40%;
    position: absolute;
} */
.hero-banner__image {
    height: 240px;
}

.highlighted-text {
    color: var(--button-text);
}

.img-text__item .img__container,
.img-text__item .text-content__container {
    width: 100%;
}

.img-text__item:last-child {
    margin-bottom: 0;
}

.img-text__item {
    flex-direction: column;
}

.hero-banner__content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background: linear-gradient(56deg, #000 0%, rgba(0, 0, 0, 0.80) 100%);
}

.hero-banner__content-ctaBtn {
    padding-top: 7.5px;
    padding-bottom: 12.5px;
}

.cta-1 {
    border: 0;
    outline: none;
    box-shadow: none;
    line-height: initial;
    min-height: 44px;
}

/* End hero banner style */

/* Style block 2 under hero banner */
.block-2__section .block-2__items {
    max-width: 1060px;
}

.block-2__section .block-2-title__sub {
    word-spacing: .9px;
}

.block-2__section .block-2__item {
    flex: 0 0 auto;
}

.block-2__section .block-2__item .block-2-item__title__sub {
    word-spacing: 1px;
}

.block-2__section .block-2__item:last-child .block-2-item__title__sub {
    padding: 0 24px;
}

.block-2__section .block-2-item__icon {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

a.-active {
    color: var(--sony-black);
}

.btn-disabled {
    background-color: var(--sony-gray-1);
    pointer-events: none;
}

.font-weight-500 {
  font-family: 'SST_Medium';
}

.pl-1-625 {
    padding-left: 1.625rem;
}

.ml-0-375 {
    margin-left: 0.375rem;
}

.mb-0-375 {
    margin-bottom: 0.375rem;
}

.mb-0-75 {
    margin-bottom: 0.75rem;
}

.mb-0-875 {
    margin-bottom: 0.875rem;
}

.readMore-btn {
    font-size: 15px;
    line-height: normal;
}

.hidden {
    display: none;
}

@media screen and (min-width: 576px) {
    .mb-sm-3-5 {
        margin-bottom: 2rem;
    }

    .pb-sm-3-5 {
        padding-bottom: 2rem;
    }

    .w-sm-33 {
        max-width: calc(100% / 3);
        width: 100%;
    }

    .h-sm-320 {
        height: 320px;
    }
}

@media screen and (min-width: 768px) {
    .w-md-100-i {
        width: 100% !important;
    }

    .position-md-absolute {
        position: absolute;
    }

    .flex-md-wrap {
        flex-wrap: wrap;
    }

    .h-md-240 {
        height: 240px;
    }

    .h-md-280 {
        height: 280px;
    }

    .h-md-320 {
        height: 320px;
    }

    .mb-md-1-125 {
        margin-bottom: 1.125rem;
    }

    .mb-md-1-75 {
        margin-bottom: 1.75rem;
    }

    .btn-tag.selected:hover,
    .btn-tag.selected:hover * {
        text-decoration: none;
        background-color: var(--sony-blue-2);
        color: var(--sony-white);
    }

    .btn-tag:hover,
    .btn-tag:hover * {
        text-decoration: none;
        border-color: var(--sony-blue-2);
        color: var(--sony-gray);
        cursor: pointer;
    }

    .hero-banner__section {
        height: 490px;
    }

    .hero-banner__content {
        max-width: 540px;
        background: none;
    }

    .hero-banner__image {
        height: inherit;
    }

    .sony-btn-text {
        line-height: 1;
    }
    .sony-btn-text.line-height-24 {
        line-height: 24px;
    }

    .viewAll-btn {
        line-height: normal;
    }

    .right-menu .sony-btn-third {
        margin-right: 11px;
    }

    .right-menu * {
        min-width: 112px;
    }

    .right-menu .sony-btn-join {
        min-width: 176px;
    }

    .right-menu .sony-btn-join.sony-landing-btn {
        min-width: 112px;
    }

    .min-w-176 {
        min-width: 176px;
    }

    .img-text__item .img__container,
    .img-text__item .text-content__container {
        max-width: calc((100% - 64px) / 2);
    }

    .img-text__item {
        flex-direction: row;
    }

    .img-text__item:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .w-md-33 {
        max-width: calc(100% / 3);
        width: 100%;
    }

    .noted-text {
        font-size: 18px;
        line-height: normal;
    }

    h2,
    .h2 {
        font-size: 30px;
    }

    h3,
    .h3 {
        font-size: 22px;
        font-family: 'SST_Medium';
    }

    h4,
    .h4 {
        font-size: 20px;
        font-family: 'SST_Medium';
    }

    p {
        letter-spacing: 0.02px;
    }

    .hidden-desktop {
        display: none;
    }

    .border-dashboard {
        border: 1px solid var(--line);
        border-radius: 16px;
    }

    .line-height-md-18 {
        line-height: 18px;
    }

    .line-height-md-21 {
        line-height: 21px;
    }

    .line-height-md-23 {
        line-height: 23px;
    }

    .line-height-md-24 {
        line-height: 24px;
    }

    .h-md-100 {
        height: 100%;
    }

    .h-md-490 {
        height: 490px;
    }

    .h-md-500 {
        height: 500px;
    }

    .w-md-50 {
        width: 50%;
    }

    .w-md-500 {
        max-width: 500px;
        width: 100%;
    }

    .w-md-560 {
        max-width: 560px;
        width: 100%;
    }

    .w-md-100 {
        width: 100%;
    }

    .letter-md-1 {
        letter-spacing: 0.1px;
    }

    .pb-md-0 {
        padding-bottom: 0;
    }

    .pb-md-2 {
        padding-bottom: 8px;
    }

    .py-md-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pr-md-3-25 {
        padding-right: 1.25rem;
    }

    .px-md-3-25 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .pl-md-1-625 {
        padding-left: 1.625rem;
    }

    .p-md-3-5 {
        padding: 2rem;
    }

    .pl-md-3-5 {
        padding-left: 2rem;
    }

    .pr-md-3-5 {
        padding-right: 2rem;
    }

    .pt-md-3-5 {
        padding-top: 2rem;
    }

    .pb-md-3-5 {
        padding-bottom: 2rem;
    }

    .px-md-3-5 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .py-md-3-5 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .py-md-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .pl-md-4 {
        padding-left: 1.5rem;
    }

    .py-md-4-25 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pt-md-4-5 {
        padding-top: 2.5rem;
    }

    .pl-md-4-5 {
        padding-left: 2.5rem;
    }

    .pr-md-4-5 {
        padding-right: 2.5rem;
    }

    .p-md-4-5 {
        padding: 2.5rem;
    }

    .py-md-4-5 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .px-md-4-5 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pb-md-4-5 {
        padding-bottom: 2.5rem;
    }

    .px-md-5-5 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .p-md-8 {
        padding: 5rem;
    }

    .px-md-8 {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .py-md-8 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .pt-md-140 {
        padding-top: 140px;
    }

    .mb-md-0 {
        margin-bottom: 0;
    }

    .mb-md-13 {
        margin-bottom: 13px;
    }

    .mb-md-1-75 {
        margin-bottom: 1.75rem;
    }

    .mt-md-2-25 {
        margin-top: 1.25rem;
    }

    .mb-md-3 {
        margin-bottom: 1rem;
    }

    .ml-md-3-25 {
        margin-left: 1.25rem;
    }

    .mr-md-3-25 {
        margin-right: 1.25rem;
    }

    .mb-md-3-25 {
        margin-bottom: 1.25rem;
    }

    .mb-md-1-625 {
        margin-bottom: 1.625rem;
    }

    .mb-md-2-375 {
        margin-bottom: 2.375rem;
    }

    .mt-md-3-5 {
        margin-top: 2rem;
    }

    .ml-md-3-5 {
        margin-left: 2rem;
    }

    .mr-md-3-5 {
        margin-right: 2rem;
    }

    .mb-md-3-5 {
        margin-bottom: 2rem;
    }

    .my-md-3-5 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mr-md-4-5 {
        margin-right: 2.5rem;
    }

    .ml-md-4-5 {
        margin-left: 2.5rem;
    }

    .mt-md-4-5 {
        margin-top: 2.5rem;
    }

    .mb-md-4-5 {
        margin-bottom: 2.5rem;
    }

    .mx-md-4-5 {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }

    .my-md-4-5 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .m-md-4-5 {
        margin: 2.5rem;
    }

    .mb-md-2-8125 {
        margin-bottom: 2.8125rem;
    }

    .mr-md-4-375 {
        margin-right: 4.375rem;
    }


    .mb-md-5 {
        margin-bottom: 3rem;
    }

    .ml-md-7 {
        margin-left: 4rem;
    }

    .mr-md-7 {
        margin-right: 4rem;
    }

    .mb-md-7 {
        margin-bottom: 4rem;
    }

    .mt-md-7 {
        margin-top: 4rem;
    }

    .my-md-7 {
        margin-bottom: 4rem;
        margin-top: 4rem;
    }

    .mx-md-7 {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mt-md-8 {
        margin-top: 5rem;
    }

    .mr-md-8 {
        margin-right: 5rem;
    }

    .mb-md-8 {
        margin-bottom: 5rem;
    }

    .ml-md-8 {
        margin-left: 5rem;
    }

    .mx-md-8 {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .my-md-8 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .m-md-8 {
        margin: 5rem;
    }

    .mr-md-12-5 {
        margin-right: 12.5rem;
    }

    .font-md-18 {
        font-size: 18px;
    }

    .align-md-items-center {
        align-items: center;
    }

    .line-height-md-26 {
        line-height: 26px;
    }

    .line-height-md-47 {
        line-height: 47px;
    }
}

@media screen and (min-width: 992px) {
    .hide {
        display: none;
    }

    .active-mobile {
        display: none;
    }

    .h-lg-200 {
        height: 200px;
    }

    .h-lg-212 {
        height: 212px;
    }

    .h-lg-218 {
        height: 218px;
    }

    .h-lg-365 {
        height: 365px;
    }

    .mr-lg-4-5 {
        margin-right: 2rem;
    }

    .mb-lg-2-8125 {
        margin-bottom: 2.8125rem;
    }

    .w-lg-33 {
        width: calc(100%/3);
    }

    .w-lg-50 {
        width: 50%;
    }

    .w-lg-100 {
        width: 100%;
    }

    .block-2__section .block-2__item {
        flex: 0 0 300px;
    }

    .mb-lg-0 {
        margin-bottom: 0;
    }

    .mb-lg-2-5 {
        margin-bottom: 2.5rem;
    }

    .mt-lg-3-5 {
        margin-top: 2rem;
    }

    .mb-lg-3-5 {
        margin-bottom: 2rem;
    }

    .mb-lg-4-5 {
        margin-bottom: 2.5rem;
    }

    .mb-lg-8 {
        margin-bottom: 5rem;
    }

    .my-lg-8 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .mt-lg-8 {
        margin-top: 5rem;
    }

    .mr-lg-12-5 {
        margin-right: 12.5rem;
    }

    .pb-lg-0 {
        padding-bottom: 0;
    }

    .py-lg-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .px-lg-3-25 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .pt-lg-3-5 {
        padding-top: 2rem;
    }

    .pb-lg-3-5 {
        padding-bottom: 2rem;
    }

    .p-lg-3-5 {
        padding: 2rem;
    }

    .px-lg-3-5 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .py-lg-3-5 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pl-lg-4 {
        padding-left: 1.5rem;
    }

    .pt-lg-4-5 {
        padding-top: 2.5rem;
    }

    .pb-lg-4-5 {
        padding-bottom: 2.5rem;
    }

    .p-lg-4-5 {
        padding: 2.5rem;
    }

    .px-lg-4-5 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .py-lg-4-5 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .px-lg-5-5 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media screen and (max-width: 767.98px) {
    body h1 {
        font-size: 22px;
        line-height: normal;
    }

    .sony-btn-text {
        min-width: 100px;
        text-align: right;
    }

    .rewards-catalog-btn ~ .sony-btn-text {
        text-align: center;
    }

    .hidden-mobile {
        display: none !important;
    }

    .pt-mb-1-25 {
        padding-top: 1.125rem;
    }

    .mt-ml-1-375 {
        margin-top: 1.375rem;
    }

    .mb-ml-1-375 {
        margin-bottom: 1.375rem;
    }

    .mb-mb-1-25 {
        margin-bottom: 1.125rem;
    }

    .input-checkbox label span {
        line-height: 23px;
    }

    .hidden-mobile-title {
        display: none;
    }

    .hidden-table {
        display: none !important;
    }

    .h-ml-174 {
        height: 174px;
    }

    .sign-mobile-form {
        margin-top: 120px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .product-popup-container {
        cursor: pointer;
    }

    .sony-border-container {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .d-ml-flex {
        display: flex;
    }

    .justify-content-ml-between {
        justify-content: space-between;
    }

    .justify-content-ml-center {
        justify-content: center;
    }

    .flex-ml-wrap {
        flex-wrap: wrap;
    }

    p {
        letter-spacing: 0.1px;
    }

    .h-ml-240 {
        height: 240px;
    }

    .h-ml-280 {
        height: 280px;
    }

    .h-ml-360 {
        height: 360px;
    }

    .w-ml-50 {
        width: 50%;
    }

    .w-ml-100 {
        width: 100%;
    }

    .mw-ml-100 {
        max-width: 100%;
    }

    .mw-ml-100px {
        min-width: 100px;
    }

    .mw-ml-120px {
        min-width: 120px;
    }

    .w-ml-360 {
        width: 360px;
        max-width: 100%;
    }

    .sony-btn-join {
        min-width: 134px;
    }

    .btn-tag {
        padding-left: 16px;
        padding-right: 16px;
    }

    .sony-ml-border {
        border-bottom: 1px solid var(--line);
    }

    .border-ml-container {
        border: 1px solid var(--line);
        border-radius: 8px;
    }

    .letter-ml-2 {
        letter-spacing: 0.2px;
    }

    .text-ml-center {
        text-align: center;
    }

    .pr-ml-0 {
        padding-right: 0;
    }

    .pl-ml-0 {
        padding-left: 0;
    }

    .pt-ml-0 {
        padding-top: 0;
    }

    .pb-ml-0 {
        padding-bottom: 0;
    }

    .p-ml-0 {
        padding: 0;
    }

    .px-ml-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .pt-ml-6px {
        padding-top: 6px;
    }

    .pl-ml-0-625 {
        padding-left: 0.625rem;
    }

    .pr-ml-0-625 {
        padding-right: 0.625rem;
    }

    .pt-ml-1 {
        padding-top: 4px;
    }

    .pl-ml-2 {
        padding-left: 8px;
    }

    .pb-ml-17 {
        padding-bottom: 17px;
    }

    .pt-ml-19 {
        padding-top: 19px;
    }

    .pb-ml-19 {
        padding-bottom: 19px;
    }

    .pr-ml-1-25 {
        padding-right: 1.25rem;
    }

    .pl-ml-1-25 {
        padding-left: 1.25rem;
    }

    .pb-ml-1-125 {
        padding-bottom: 1.125rem;
    }

    .px-ml-1-25 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .pr-ml-3 {
        padding-right: 1rem;
    }

    .pl-ml-3 {
        padding-left: 1rem;
    }

    .pt-ml-3 {
        padding-top: 1rem;
    }

    .pb-ml-3 {
        padding-bottom: 1rem;
    }

    .pl-ml-23 {
        padding-left: 23px;
    }

    .py-ml-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .px-ml-4 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .pb-ml-4 {
        padding-bottom: 1.5rem;
    }

    .pt-ml-4 {
        padding-top: 1.5rem;
    }

    .pb-ml-2-8125 {
        padding-bottom: 2.8125rem;
    }

    .pb-ml-5 {
        padding-bottom: 3rem;
    }

    .px-ml-5-25 {
        padding-left: 3.375rem;
        padding-right: 3.375rem;
    }

    .py-ml-8 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .mt-ml-0 {
        margin-top: 0;
    }

    .ml-ml-0 {
        margin-left: 0;
    }

    .mb-ml-0 {
        margin-bottom: 0;
    }

    .mt-ml--1 {
        margin-top: -1px;
    }

    .mt-ml--2 {
        margin-top: -2px;
    }

    .mt-ml-2px {
        margin-top: 2px;
    }

    .mx-ml-2px {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mt-ml-3px {
        margin-top: 3px;
    }

    .mb-ml-0-625 {
        margin-bottom: 0.625rem;
    }

    .mt-ml-1 {
        margin-top: 4px;
    }

    .mb-ml-11 {
        margin-bottom: 11px;
    }

    .mt-ml-0-375 {
        margin-top: 0.375rem;
    }

    .mx-ml-2 {
        margin-right: 8px;
        margin-left: 8px;
    }

    .mr-ml-2 {
        margin-right: 8px;
    }

    .ml-ml-2 {
        margin-left: 8px;
    }

    .mx-ml-1-25 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mb-ml-1-125 {
        margin-bottom: 1.125rem;
    }

    .ml-ml-3 {
        margin-left: 1rem;
    }

    .mb-ml-3 {
        margin-bottom: 1rem;
    }

    .mr-ml-3-25 {
        margin-right: 1.25rem;
    }

    .mb-ml-3-625 {
        margin-bottom: 1.625rem;
    }

    .mb-ml-3-5 {
        margin-bottom: 2rem;
    }

    .mb-ml-2-25 {
        margin-bottom: 2.25rem;
    }

    .mb-ml-4 {
        margin-bottom: 1.5rem;
    }

    .mt-ml-4 {
        margin-top: 1.5rem;
    }

    .mt-ml-4-5 {
        margin-top: 2.5rem;
    }

    .mb-ml-4-5 {
        margin-bottom: 2.5rem;
    }

    .mt-ml-12 {
        margin-top: 7.5rem;
    }

    .font-ml-12 {
        font-size: 12px;
    }

    .font-ml-15 {
        font-size: 15px;
    }

    .font-ml-18 {
        font-size: 18px;
    }

    .font-ml-20 {
        font-size: 20px;
    }

    .font-ml-22 {
        font-size: 22px;
    }

    .font-ml-30 {
        font-size: 30px;
    }

    .line-height-ml-1 {
        line-height: 1;
    }

    .line-height-ml-14 {
        line-height: 14px;
    }

    .line-height-ml-16 {
        line-height: 16px;
    }

    .line-height-ml-18 {
        line-height: 18px;
    }

    .line-height-ml-22 {
        line-height: 22px;
    }

    .line-height-ml-24 {
        line-height: 24px;
    }

    .line-height-ml-26 {
        line-height: 26px;
    }

    .line-height-ml-28 {
        line-height: 28px;
    }

    .line-height-ml-29 {
        line-height: 29px;
    }

    .line-height-ml-38 {
        line-height: 38px;
    }

    h2,
    .h2 {
        font-size: 22px;
    }

    h3,
    .h3 {
        font-size: 20px;
        font-family: 'SST_Medium';
    }

    h4,
    .h4 {
        font-size: 18px;
    }
}

.body-login-page {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.body-login-page.page__login {
  background-image: url("//stg.store.sony.com.vn/cdn/shop/files/banner-login.png?v=1698833346");
}

.body-login-page.page__register {
  background-image: url("//stg.store.sony.com.vn/cdn/shop/files/banner-login.png?v=1698833346");
}

.body-login-page .container {
  max-width: none;
  padding: 0 20px;
} 

@media (min-width: 1240px) {
  .body-login-page .container {
    max-width: 1240px;
  } 
}

.body-login-page p {
  font-size: 15px;
}

.body-login-page .error {
  color: var(--sony-error);
  padding: 0;
}

.input-field input {
  padding: 8px 12px;
  width: 100%;
  outline: none;
  box-shadow: none;
  border: 1px solid var(--line);
  font-size: 15px;
  font-style: normal;
  line-height: 22px;
  color: var(--sony-black);
}

.input-field input.error {
  color: var(--sony-black);
}

.input-field input::placeholder {
  color: transparent;
  opacity: 0;
  visibility: hidden;
  letter-spacing: 0.2px;
}

.disabled,
.disable {
  pointer-events: none;
  user-select: none;
}

.input-field.disabled {
  pointer-events: none;
  user-select: none;
}

.input-field.disabled input {
  color: var(--sony-gray-1);
}

.input-field label,
.input-field .itemLevel {
  position: absolute;
  top: 50%;
  left: 9px;
  transform: translateY(-50%);
  font-size: 15px;
  color: var(--sony-dark-gray);
  pointer-events: none;
  transition: 0.3s;
  background-color: var(--white);
  padding: 0 3px;
}

.input-field label span {
  color: var(--sony-error);
}

.login-form-bottom p a {
  display: inline-block;
}

.input-field input:focus~label.float-label,
.input-field input:not(:placeholder-shown)~label.float-label {
  top: -4px;
  font-family: 'SST_Medium';
  font-size: 12px;
  color: var(--sony-gray-1);
}

.login-form-bottom .notification .error {
  font-size: 12px;
  margin-top: -14px;
}

.rc-anchor-pt {
  display: none;
}

#sign-up-rewards > button{
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 21px;
}

@media(min-width: 768px) {
  .body-login-page {
      min-height: calc(100vh - 205px);
      padding-top: 80px;
      padding-bottom: 80px;
      margin-top: auto;
      margin-bottom: auto;
  }
}

@media(max-width: 767.98px) {
  .login-form-bottom .notification .error{
      margin-top: -16px;
      margin-bottom: 24px;
  }
  .forgot-pass-form-top{
      margin-bottom: 24px;
  }
  .forgot-pass-form-top.forgot-contact{
      margin-bottom: 0px;
  }
  #sign-up-rewards > button {
      margin-top: 21px;
  }
  .body-login-page{
      background-position: 0 -17px;
      background-size: 100%;
  }
  .login-form-top{
      margin-bottom: 25px;
  }
  .input-field input{
      margin-bottom: 2px;
  }
  .input-field label{
      top: calc(50% - 2px);
  }
  .login-form-bottom .input-field.mb-3-5 {
      margin-bottom: 22px;
  }
  .login-form,
  .forgot-pass-form {
      margin-top: 120px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }
}

.input-field {
  position: relative;
}

.input-field label.error {
  position: static;
}

.input-field label.error,
.input-field .itemLevel.error {
  transform: none;
  font-size: .8125rem;
  margin: 0;
  padding: 0;
  top: 100%;
  left: 0;
}

.input-field .itemLevel.error * {
  color: var(--sony-error);
  font-size: .8125rem;
}

.body-login-page .form-validate {
  font-size: .75rem;
  font-weight: 400;
  line-height: 14px;
}