* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: inherit;
    border: 0
}

html {
    font-size: 12px;
    line-height: 1.5;
    -webkit-tap-highlight-color: transparent;
    font-family: 'Roboto', sans-serif;
    font-feature-settings: 'tnum'
}

body {
    background-color: #fff;
    font-size: 12px;
    color: #000
}

.no-animate * {
    transition: none !important;
    animation: none !important
}

.pageview {
    overflow: hidden
}

.lazy {
    background: none !important;
    -webkit-mask-image: none !important
}

ol,
ul {
    list-style: none
}

b {
    font-weight: bold
}

.visibility-hidden {
    visibility: hidden !important
}

.cursor-pointer {
    cursor: pointer
}

.full-height {
    height: 100%
}

.full-width {
    width: 100%
}

.full-mask-size {
    -webkit-mask-size: 100% 100%
}

.mask-position {
    -webkit-mask-position: 0% 0%
}

.u-select-none {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.p-absolute {
    position: absolute
}

.p-relative {
    position: relative
}

.gallery-view-icon-next img,
.gallery-view-icon-prev img,
.carousel-icon-next img,
.carousel-icon-prev img {
    width: 25px;
    height: 25px;
    filter: drop-shadow(0 0 1px black)
}

.icon-play-video {
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    cursor: pointer;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://content.pancake.vn/1.1/30/5a/c2/93/9ec72c8ce8898050035dddbb989c950bc1faabdc1fdcc11175dea467.svg)
}

.player-btn-unmute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

.player-btn-unmute>div {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    background-size: 90%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m%2021.48%2C17.98%20c%200%2C-1.77%20-1.02%2C-3.29%20-2.5%2C-4.03%20v%202.21%20l%202.45%2C2.45%20c%20.03%2C-0.2%20.05%2C-0.41%20.05%2C-0.63%20z%20m%202.5%2C0%20c%200%2C.94%20-0.2%2C1.82%20-0.54%2C2.64%20l%201.51%2C1.51%20c%20.66%2C-1.24%201.03%2C-2.65%201.03%2C-4.15%200%2C-4.28%20-2.99%2C-7.86%20-7%2C-8.76%20v%202.05%20c%202.89%2C.86%205%2C3.54%205%2C6.71%20z%20M%209.25%2C8.98%20l%20-1.27%2C1.26%204.72%2C4.73%20H%207.98%20v%206%20H%2011.98%20l%205%2C5%20v%20-6.73%20l%204.25%2C4.25%20c%20-0.67%2C.52%20-1.42%2C.93%20-2.25%2C1.18%20v%202.06%20c%201.38%2C-0.31%202.63%2C-0.95%203.69%2C-1.81%20l%202.04%2C2.05%201.27%2C-1.27%20-9%2C-9%20-7.72%2C-7.72%20z%20m%207.72%2C.99%20-2.09%2C2.08%202.09%2C2.09%20V%209.98%20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

.d-none {
    display: none
}

a:link,
a:visited {
    color: inherit
}

a {
    text-decoration: none
}

img:not([src]),
img[src=""] {
    visibility: hidden
}

.section-container {
    margin: auto
}

.text-block-css {
    display: inline-block;
    word-break: break-word;
    -webkit-background-clip: text !important
}

.animationText span {
    display: inline-block
}

.animationText .bar {
    position: absolute;
    height: 100%;
    width: 3px;
    background: currentColor;
    top: 0;
    right: 0
}

.animate-word-wrapper {
    position: relative;
    overflow: hidden;
    vertical-align: top;
    transition: width .6s;
    text-align: start
}

.animate-word-wrapper>span {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    font: inherit
}

.animate-word-wrapper span i {
    font: inherit;
    font-style: initial;
    display: inline-block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.animate-word-wrapper span i.in {
    animation-name: rotate-3-in;
    animation-fill-mode: forwards;
    animation-duration: .6s
}

.animate-word-wrapper span i.out {
    animation-name: rotate-3-out;
    animation-fill-mode: forwards;
    animation-duration: .6s
}

.animationText .hidden {
    opacity: 0;
    z-index: -1
}

.animationText .visible {
    opacity: 1;
    position: relative
}

.inline {
    display: inline !important
}

.caret-dummy {
    animation: caret-popping 1s infinite
}

.caret {
    transform: scaleY(1.3) translateY(-3%)
}

@keyframes rotate-3-out {
    0% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0)
    }

    100% {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg)
    }
}

@-webkit-keyframes rotate-3-out {
    0% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0)
    }

    100% {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg)
    }
}

@keyframes rotate-3-in {
    0% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg)
    }

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

@-webkit-keyframes rotate-3-in {
    0% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg)
    }

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

@keyframes caret-popping {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.image-block-css {
    overflow: hidden;
    will-change: filter
}

.image-background,
.image-background-compare {
    margin: 0 auto
}

.image-background-compare {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-compare-line {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 40;
    width: 38px;
    height: 38px;
    margin-top: -22px;
    margin-left: -22px;
    cursor: pointer;
    border: 3px solid #fff;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.image-compare-left-arrow,
.image-compare-right-arrow {
    top: 50%;
    margin-top: -6px;
    position: absolute;
    width: 0;
    height: 0;
    border: 6px inset transparent
}

.image-compare-left-arrow {
    left: 50%;
    margin-left: -17px;
    border-right: 6px solid #fff
}

.image-compare-right-arrow {
    right: 50%;
    margin-right: -17px;
    border-left: 6px solid #fff
}

.image-compare-line:before,
.image-compare-line:after {
    position: absolute;
    z-index: 30;
    display: block;
    content: " ";
    background: #fff
}

.image-compare-line:before {
    left: 50%;
    width: 3px;
    height: 9999px;
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.image-compare-line:after {
    left: 50%;
    width: 3px;
    height: 9999px;
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.line-css {
    padding: 8px 0
}

.line-container {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important
}

.frame-html-box iframe {
    width: 100%;
    height: 100%
}

.group-container {
    width: 100%;
    height: 100%
}

.com-button {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    transition: transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out
}

.com-button:active {
    transform: translateY(5px);
    -webkit-transform: translateY(5px)
}

.button-css {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center
}

.button-text {
    display: table-cell;
    vertical-align: middle;
    text-align: unset
}

.popup-wrapper {
    top: 0;
    left: 0
}

.popup-background {
    overflow: hidden
}

.popup-backdrop {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000
}

.popup-center {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.popup-top-left {
    top: 0;
    left: 0
}

.popup-top-center {
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0)
}

.popup-top-right {
    top: 0;
    right: 0
}

.popup-center-left {
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0)
}

.popup-center-right {
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0)
}

.popup-bottom-left {
    bottom: 0;
    left: 0
}

.popup-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0)
}

.popup-bottom-right {
    bottom: 0;
    right: 0
}

.input-number-quantity-css {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    user-select: none
}

.input-number-quantity-css .minus,
.plus {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer
}

.input-number-quantity-css .minus {
    border-right: inherit
}

.input-number-quantity-css .plus {
    border-left: inherit
}

.input-number-quantity-css input {
    text-align: center;
    background: transparent;
    color: inherit;
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    border-radius: 0
}

.input-number-quantity-css input::placeholder {
    color: #979797;
    -webkit-text-fill-color: #979797
}

.input-number-quantity-css input::-webkit-outer-spin-button,
.input-number-quantity-css input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-number-quantity-css input[type=number] {
    -moz-appearance: textfield
}

.field-error {
    top: 0;
    right: 0;
    position: absolute;
    height: 100%;
    width: 30px
}

.field-error img {
    width: 16px;
    height: 16px;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px)
}

.input-css {
    overflow: hidden
}

.input-css input {
    background: transparent;
    color: inherit;
    padding-left: 10px;
    border-radius: 0;
    text-align: inherit;
    letter-spacing: inherit
}

.input-css input::placeholder {
    text-transform: var(--placeholder-transform);
    text-decoration: var(--placeholder-decoration)
}

.input-datetime {
    overflow: hidden
}

.input-datetime input {
    background: transparent;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    text-align: inherit;
    letter-spacing: inherit
}

.input-datetime input::placeholder {
    text-transform: var(--placeholder-transform);
    text-decoration: var(--placeholder-decoration)
}

.input-datetime .input-datetime-placeholder {
    position: absolute;
    top: 0;
    padding-left: 12px;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    z-index: -1
}

.input-file {
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0 10px;
    cursor: pointer
}

.input-file .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.input-file input[type="file"] {
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0
}

.textarea-css {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.textarea-css textarea {
    background: transparent;
    padding-top: 6px;
    padding-bottom: 0;
    color: inherit;
    padding-left: 10px;
    border-radius: 0;
    text-align: inherit;
    letter-spacing: inherit
}

.textarea-css textarea::placeholder {
    text-transform: var(--placeholder-transform);
    text-decoration: var(--placeholder-decoration)
}

.com-checkbox-group {
    min-height: 40px
}

.checkbox-group-css {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-left: 10px;
    min-height: 40px
}

.checkbox-group-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center
}

.checkbox-group-input {
    margin-right: 10px;
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
    flex-shrink: 0
}

.com-radio {
    min-height: 40px;
    height: auto !important
}

.radio-css {
    min-height: 40px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.radio-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-radius: 5px;
    padding-left: 10px
}

.radio-input {
    margin-right: 10px;
    width: 13px;
    height: 13px;
    min-width: 13px;
    min-height: 13px;
    flex-shrink: 0
}

.select-css {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.select-css select {
    text-align: inherit;
    letter-spacing: inherit
}

.select-css option:first-child {
    color: #979797
}

.chevron {
    pointer-events: none;
    color: #979797;
    position: absolute;
    right: 0;
    width: 26px;
    height: 100%;
    top: 0
}

.chevron .icon {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-radius: 100px;
    top: calc(50% - 7px);
    left: calc(50% - 7px)
}

.chevron .icon::after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.select-css select {
    background: transparent;
    padding-right: 26px;
    padding-left: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    color: #979797
}

.select-css select.select {
    color: inherit
}

.address-css {
    overflow: hidden
}

.address-css .select-container {
    color: inherit;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.address-css .select-field {
    height: 100%;
    flex: 1;
    position: relative
}

.address-css select {
    background: transparent;
    padding-left: 10px;
    padding-right: 26px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    height: 100%;
    color: #979797
}

.address-css select.select {
    color: inherit
}

.address-css select option:first-child {
    color: #979797
}

.address-column {
    background: transparent !important;
    border-width: 0 !important
}

.address-column .select-column {
    flex-direction: column;
    border-radius: inherit !important;
    border-color: inherit !important;
    border-style: inherit !important
}

.address-column .select-column .select-field {
    width: 100%;
    border-radius: inherit;
    border-width: 1px;
    border-color: inherit;
    border-style: inherit;
    overflow: hidden
}

.detect-address-select-wrapper {
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 4px;
    transition: max-height .3s ease-in-out, visibility .3s ease-in-out, scale .3s, opacity .3s;
    max-height: 0;
    scale: 0.5;
    opacity: 0;
    overflow: hidden scroll;
    border: 1px solid rgba(217, 217, 217, 1)
}

.detect-address-select-wrapper::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    border-radius: 8px
}

.detect-address-select-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #808080
}

.detect-address-select-wrapper::-webkit-scrollbar-track {
    background-color: #fff
}

.detect-address-select-wrapper::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.detect-address-select-option {
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 2px
}

.detect-address-select-option:hover {
    background-color: #e5e5e5
}

.icon-container {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px)
}

.loader {
    position: relative;
    height: 20px;
    width: 20px;
    display: inline-block;
    animation: around 5.4s infinite
}

@keyframes around {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader::after,
.loader::before {
    content: "";
    background: white;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-color: #333 #333 transparent transparent;
    border-style: solid;
    border-radius: 20px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    animation: around 0.7s ease-in-out infinite
}

.loader::after {
    animation: around 0.7s ease-in-out 0.1s infinite;
    background: transparent
}

.button-loader,
.button-loader:before,
.button-loader:after {
    border-radius: 50%;
    width: 1.3em;
    height: 1.3em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out
}

.button-loader {
    color: #FFF;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
    display: none;
    top: -17px
}

.button-loader:before,
.button-loader:after {
    content: '';
    position: absolute;
    top: 0
}

.button-loader:before {
    left: -3.5em;
    animation-delay: -0.32s
}

.button-loader:after {
    left: 3.5em
}

@keyframes bblFadInOut {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.overlay {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit
}

.cart-quantity-css {
    overflow: hidden;
    display: flex;
    display: -webkit-flex
}

.cart-quantity-css .minus {
    border-right: inherit
}

.cart-quantity-css .plus {
    border-left: inherit
}

.cart-quantity-css input {
    text-align: center;
    background: transparent;
    color: inherit;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    -moz-appearance: textfield
}

.cart-quantity-css input::-webkit-outer-spin-button,
.cart-quantity-css input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.cart-quantity-css .minus,
.cart-quantity-css .plus {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    user-select: none;
    cursor: pointer;
    -webkit-user-select: none;
    width: 40px
}

.product-attr-selected {
    top: 0;
    left: 0;
    overflow: hidden
}

.lightbox-btn-close {
    background-color: #a8a8a8;
    width: 21px;
    height: 21px;
    position: absolute;
    cursor: pointer
}

.lightbox-btn-close>span {
    position: absolute;
    z-index: 9999;
    width: 14px;
    height: 14px;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: 0% 0%;
    background: #fff;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=)
}

.lightbox-image,
.lightbox-video,
.lightbox-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%
}

.lightbox-iframe {
    width: 100%;
    height: 100%
}

.lightbox-backdrop {
    width: 100%;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000;
    touch-action: none
}

.w-alert-message-wrapper {
    position: fixed;
    top: 15px;
    z-index: 999999;
    left: 50%;
    padding: 10px 16px;
    border: 1px solid var(--color-alert, #15942A);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    --transform-translateX: -50%;
    background: white;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.w-alert-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.w-alert-message .icon {
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0px;
    margin-right: 6px
}

.w-alert-message span.close-icon {
    margin-left: 6px;
    margin-right: 0px;
    color: #80808085;
    cursor: pointer
}

.login-popup-wrapper .backdrop-login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: 99
}

.login-popup-wrapper .popup-default-login {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 400px;
    height: 160px;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: none;
    max-width: calc(100% - 50px);
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: #fff;
    border-radius: 10px
}

.login-popup-wrapper .popup-default-login .popup-login-title {
    background-color: rgba(6, 21, 40, .05);
    color: #000;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.login-popup-wrapper .popup-default-login .popup-login-content {
    font-size: 14px;
    padding: 0 20px;
    margin-top: 10px;
    line-height: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.login-popup-wrapper .popup-default-login .popup-login-btn {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 10px;
    margin: 0 auto;
    padding: 10px 0;
    border: none;
    width: 80px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: #e6e6e6;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer
}

</style><style type="text/css" media="screen and (min-width: 768px)">.section-container {
    max-width: 420px;
}

.section-wrapper {
    margin: 0 auto;
    max-width: 420px;
}

.pageview {
    max-width: 420px;
    margin: 0 auto;
}

#w-4eszafr3 {
    top: 128px;
    left: 3px;
    width: 414px;
    height: 67.5px;
}

#w-4eszafr3 .text-block {
    background: ;
}

#w-4eszafr3 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'LuxuriousScript-Regular.ttf', sans-serif;
    font-size: 45px;
    text-align: center;
    --type: 0;
}

#w-9xiryvgi {
    top: 195.5px;
    left: 73.5px;
    width: 273px;
    height: 409px;
}

#w-9xiryvgi .image-block-css {
    border-color: rgba(255, 240, 252, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-9xiryvgi .image-background {
    width: 273px;
    height: 409.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/1.jpg) border-box;
    --type: 0;
}

#w-9xiryvgi .image-background-compare {
    background: undefined;
    clip: rect(0, 136.5px, 409px, 0);
    --type: 0;
}

#w-qj4x3hhd {
    top: 0px;
    left: 420px;
    perspective: 1000px;
    width: 420px;
    height: 800px;
}

#w-qj4x3hhd .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(70%) sepia(0%) opacity(100%) brightness(100%) blur(5px);
    position: absolute;
    z-index: null;
}

#w-qj4x3hhd .image-background {
    width: 420px;
    height: 800px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/34/cf/a2/a2/9e6967aa7259ee3498926d74a0efe440fbe3746b293165018595f2ac-w:420-h:800-l:272644-t:image/png.png");
    --type: 0;
}

#w-qj4x3hhd .image-background-compare {
    background: undefined;
    clip: rect(0, 210px, 800px, 0);
    --type: 0;
}

#w-qj4x3hhd>div {
    transform: rotateY(180deg) perspective(1000px);
}

#w-t2m2uzg4 {
    top: 675px;
    left: -35.5px;
    width: 491px;
    height: 22.500001907348633px;
}

#w-t2m2uzg4 .text-block {
    background: ;
}

#w-t2m2uzg4 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-style: italic;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 1);
    --type: 0;
}

#w-k5r7dd4b {
    width: 80px;
    height: 80px;
    z-index: 10;
    position: fixed;
    left: calc((100% - 420px)/2 + 20px);
    bottom: 20px;
}

#w-hbdarwxd {
    top: 707px;
    left: -592px;
    width: 382px;
    height: 85px;
}

#w-ja02q4qk {
    top: 0px;
    left: 0px;
    width: 382px;
    height: 32.986114501953125px;
}

#w-ja02q4qk .text-block {
    background: ;
}

#w-ja02q4qk .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-rt78z2x0 {
    top: 66.5px;
    left: 40.5px;
    width: 301px;
    height: auto;
}

#w-rt78z2x0 .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: dotted;
    border-width: 1px;
}

#w-hl3mpl5r {
    top: 48px;
    left: 0px;
    width: 382px;
    height: 37.5px;
}

#w-hl3mpl5r .text-block {
    background: ;
}

#w-hl3mpl5r .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'AlexBrush-Regular.ttf', sans-serif;
    font-size: 25px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-bg1p4pqv {
    top: 0px;
    left: -420.0138473510742px;
    width: 420px;
    height: 800px;
}

#w-bg1p4pqv .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(70%) sepia(0%) opacity(100%) brightness(100%) blur(5px);
    position: absolute;
    z-index: null;
}

#w-bg1p4pqv .image-background {
    width: 420px;
    height: 800px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/34/cf/a2/a2/9e6967aa7259ee3498926d74a0efe440fbe3746b293165018595f2ac-w:420-h:800-l:272644-t:image/png.png");
    --type: 0;
}

#w-bg1p4pqv .image-background-compare {
    background: undefined;
    clip: rect(0, 210px, 800px, 0);
    --type: 0;
}

#w-8lhr2nl9 {
    top: 40.5px;
    left: -204.5px;
    width: 155px;
    height: 155px;
}

#w-8lhr2nl9 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(137, 137, 137, 1);
    background-clip: padding-box;
}

#w-qhqwf1b2 {
    top: 43.484375px;
    left: -201.5px;
    width: 149px;
    height: 149px;
}

#w-f9da4ivv {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 747px;
}

#w-f9da4ivv .section-wrapper {
    opacity: 1;
}

#w-f9da4ivv {
    margin-bottom: -1px;
}

#w-f9da4ivv .section-background {
    background: rgba(255, 255, 255, 0.09);
    --type: 0;
}

#w-vrj5ae9z {
    top: 137.5px;
    left: 215px;
    width: 200px;
    height: 24.010417938232422px;
}

#w-vrj5ae9z .text-block {
    background: ;
}

#w-vrj5ae9z .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    /* font-family: 'UTM-Cafeta.ttf', sans-serif; */
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-ro447tq1 {
    top: 272px;
    left: 260.5px;
    width: 109px;
    height: 25.486112594604492px;
}

#w-ro447tq1 .text-block {
    background: ;
}

#w-ro447tq1 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 17px;
    text-align: center;
    --type: 0;
}

#w-6ai6or66 {
    top: 294.5px;
    left: 210px;
    width: 210px;
    height: 52.500003814697266px;
}

#w-6ai6or66 .text-block {
    background: ;
}

#w-6ai6or66 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'LuxuriousScript-Regular.ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-uwl755j6 {
    top: 205.5px;
    left: 217px;
    width: 197px;
    height: 19.49652862548828px;
}

#w-uwl755j6 .text-block {
    background: ;
}

#w-uwl755j6 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    text-align: center;
    --type: 0;
}

#w-2g81k7ss {
    top: 120px;
    left: 215px;
    width: 200px;
    height: 24px;
}

#w-2g81k7ss .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1.000);
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-o244vplo {
    top: 465.25390625px;
    left: 5.01953125px;
    width: 200px;
    height: 24.010417938232422px;
}

#w-o244vplo .text-block {
    background: ;
}

#w-o244vplo .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-7xq4ifzq {
    top: 599.74609375px;
    left: 50.5078125px;
    width: 109px;
    height: 25.486112594604492px;
}

#w-7xq4ifzq .text-block {
    background: ;
}

#w-7xq4ifzq .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 17px;
    text-align: center;
    --type: 0;
}

#w-p5it58kn {
    top: 622.24609375px;
    left: 0.01953125px;
    width: 210px;
    height: 52.500003814697266px;
}

#w-p5it58kn .text-block {
    background: ;
}

#w-p5it58kn .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'LuxuriousScript-Regular.ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-otjboi4o {
    top: 533.2421875px;
    left: 7.01171875px;
    width: 197px;
    height: 19.49652862548828px;
}

#w-otjboi4o .text-block {
    background: ;
}

#w-otjboi4o .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    text-align: center;
    --type: 0;
}

#w-n420q3gb {
    top: 90.00390625px;
    left: 0px;
    width: 210px;
    height: 320px;
}

#w-n420q3gb .image-block-css {
    border-color: rgba(255, 226, 249, 1.000);
    border-style: solid;
    border-width: 5px;
    position: absolute;
    z-index: null;
}

#w-n420q3gb .image-background {
    width: 203.33333333333331px;
    height: 310px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/2.jpg) border-box;
    --type: 0;
}

#w-n420q3gb .image-background-compare {
    background: undefined;
    clip: rect(0, 105px, 320px, 0);
    --type: 0;
}

#w-gp44a5y6 {
    top: 410.0000305175781px;
    left: 210px;
    width: 210px;
    height: 320px;
}

#w-gp44a5y6 .image-block-css {
    border-color: rgba(255, 226, 249, 1.000);
    border-style: solid;
    border-width: 5px;
    position: absolute;
    z-index: null;
}

#w-gp44a5y6 .image-background {
    width: 203.33333333333331px;
    height: 310px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/3.jpg) border-box;
    --type: 0;
}

#w-gp44a5y6 .image-background-compare {
    background: undefined;
    clip: rect(0, 105px, 320px, 0);
    --type: 0;
}

#w-m5e37nrf {
    top: 25px;
    left: -3.5px;
    width: 427px;
}


#w-m5e37nrf .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'PinyonScript-Regular.ttf', sans-serif;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    --type: 0;
}

#w-6pnllpry {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 353px;
}

#w-6pnllpry .section-wrapper {
    opacity: 1;
}

#w-6pnllpry {
    margin-bottom: -1px;
}

#w-6pnllpry .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-0c362gdd {
    top: 0px;
    left: 132px;
    width: 150px;
    height: auto;
}

#w-0c362gdd .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 2px;
    z-index: ;
}

#w-d0u5h72p {
    top: 111.50003051757812px;
    left: 0px;
    width: 122px;
    height: 183px;
}

#w-d0u5h72p .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-d0u5h72p .image-background {
    width: 122.38192121478875px;
    height: 183.57288182218312px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url(./images/4.jpg);
    --type: 0;
}

#w-d0u5h72p .image-background-compare {
    background: undefined;
    clip: rect(0, 61px, 183px, 0);
    --type: 0;
}

#w-4ubspdqr {
    top: 92.50003051757812px;
    left: 131px;
    width: 160px;
    height: 240px;
}

#w-4ubspdqr .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-4ubspdqr .image-background {
    width: 160px;
    height: 240px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url(./images/5.jpg);
    --type: 0;
}

#w-4ubspdqr .image-background-compare {
    background: undefined;
    clip: rect(0, 80px, 240px, 0);
    --type: 0;
}

#w-0ks4opxz {
    top: 111.50003051757812px;
    left: 298px;
    width: 122px;
    height: 183px;
}

#w-0ks4opxz .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-0ks4opxz .image-background {
    width: 122.28638497652584px;
    height: 183.42957746478876px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url(./images/6.jpg);
    --type: 0;
}

#w-0ks4opxz .image-background-compare {
    background: undefined;
    clip: rect(0, 61px, 183px, 0);
    --type: 0;
}

#w-8y440bu9 {
    top: 10px;
    left: 110px;
    width: 200px;
    height: 56.99652862548828px;
}

#w-8y440bu9 .text-block {
    background: ;
}

#w-8y440bu9 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'PinyonScript-Regular.ttf', sans-serif;
    font-size: 38px;
    text-align: center;
    --type: 0;
}

#w-6uhy5p4v {
    top: 60px;
    left: 2.5px;
    width: 415px;
    height: 20.98958396911621px;
}

#w-6uhy5p4v .text-block {
    background: ;
}

#w-6uhy5p4v .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-4nbbl1cr {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 265px;
}

#w-4nbbl1cr .section-wrapper {
    opacity: 1;
}

#w-4nbbl1cr {
    margin-bottom: -1px;
}

#w-4nbbl1cr .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-3f79uhf5 {
    top: 89.412109375px;
    left: 115px;
    width: 185px;
    height: 52.500003814697266px;
}

#w-3f79uhf5 .text-block {
    background: ;
}

#w-3f79uhf5 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center;
    --type: 0;
}

#w-ddu61ha7 {
    top: 107.908203125px;
    left: -9.5px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-ddu61ha7 .text-block {
    background: ;
}

#w-ddu61ha7 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-7qmumsol {
    top: 107.908203125px;
    left: 245px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-7qmumsol .text-block {
    background: ;
}

#w-7qmumsol .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-opzpfprk {
    top: 107.908203125px;
    left: 95.5px;
    perspective: 1000px;
    width: 65px;
    height: auto;
}

#w-opzpfprk .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 1px;
    z-index: ;
}

#w-opzpfprk>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-q2daucbq {
    top: 107.908203125px;
    left: 251px;
    perspective: 1000px;
    width: 65px;
    height: auto;
}

#w-q2daucbq .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 1px;
    z-index: ;
}

#w-q2daucbq>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-jv9i3lvl {
    top: 172.908203125px;
    left: -0.5px;
    width: 422px;
    height: 22.500001907348633px;
}

#w-jv9i3lvl .text-block {
    background: ;
}

#w-jv9i3lvl .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-7zhr1v3u {
    top: 75.408203125px;
    left: 115px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-7zhr1v3u .text-block {
    background: ;
}

#w-7zhr1v3u .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
    --type: 0;
}

#w-td3u6t5g {
    top: 140.408203125px;
    left: 115px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-td3u6t5g .text-block {
    background: ;
}

#w-td3u6t5g .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
    --type: 0;
}

#w-uvta2v28 {
    top: 39.900390625px;
    left: -3px;
    width: 427px;
    height: 22.500001907348633px;
}

#w-uvta2v28 .text-block {
    background: ;
}

#w-uvta2v28 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-qjyljn60 {
    top: 208.396484375px;
    left: 7.5px;
    width: 405px;
    height: 22.500001907348633px;
}

#w-qjyljn60 .text-block {
    background: ;
}

#w-qjyljn60 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    text-align: center;
    --type: 0;
}

#w-n8gzvpxw {
    top: 16.658203125px;
    left: 19px;
    width: 383px;
    height: 25.486112594604492px;
}

#w-n8gzvpxw .text-block {
    background: ;
}

#w-n8gzvpxw .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-obbbuddv {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 265px;
}

#w-obbbuddv .section-wrapper {
    opacity: 1;
}

#w-obbbuddv {
    margin-bottom: -1px;
}

#w-obbbuddv .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-58gev5g5 {
    top: 26px;
    left: 18px;
    width: 384px;
    height: 213px;
}

#w-58gev5g5 .rectangle-css {
    border-color: rgba(0, 0, 0, 1);
    border-radius: 16px;
    border-style: solid;
    border-width: 1px;
    background: rgba(240, 193, 225, 0.080);
    background-clip: padding-box;
}

#w-mskqkofa {
    top: 44px;
    left: 24.5px;
    width: 371px;
    height: 25.486112594604492px;
}

#w-mskqkofa .text-block {
    background: ;
}

#w-mskqkofa .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 50, 99, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-gfo2idta {
    top: 110.5px;
    left: 73.5px;
    width: 273px;
    height: 25.486112594604492px;
}

#w-gfo2idta .text-block {
    background: ;
}

#w-gfo2idta .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 7px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-5sx9ie42 {
    top: 84px;
    left: 73.5px;
    width: 273px;
    height: 25.486112594604492px;
}

#w-5sx9ie42 .text-block {
    background: ;
}

#w-5sx9ie42 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-jd112yel {
    top: 146px;
    left: 22.5px;
    width: 375px;
    height: 22.500001907348633px;
}

#w-jd112yel .text-block {
    background: ;
}

#w-jd112yel .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-je8e8czr {
    top: 177px;
    left: 25.5px;
    width: 369px;
    height: 24.010417938232422px;
}

#w-je8e8czr .text-block {
    background: ;
}

#w-je8e8czr .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-wx267iw8 {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 397px;
}

#w-wx267iw8 .section-wrapper {
    opacity: 1;
}

#w-wx267iw8 {
    margin-bottom: -1px;
}

#w-wx267iw8 .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-h9nnsos6 {
    top: 0px;
    left: 0px;
    width: 422px;
    height: 397px;
    year: 2027month: 10heart-days: 1, 9, 23
}

#w-dc2yt118 {
    top: 356px;
    left: 151.1875px;
    width: 350px;
    height: 41px;
}

#w-dc2yt118 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: ;
}

#w-dc2yt118 .image-background {
    width: 350.03749999999997px;
    height: 41px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/9e/15/98/a2/3bb0491db823fcff403c522e0cec401b55262eba10b022861fe5f666-w:1366-h:160-l:11669-t:image/png.png");
    --type: 0;
}

#w-dc2yt118 .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 41px, 0);
    --type: 0;
}

#w-rnhfxl3i {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 607px;
}

#w-rnhfxl3i .section-wrapper {
    opacity: 1;
}

#w-rnhfxl3i {
    margin-bottom: -1px;
}

#w-rnhfxl3i .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-n0edaemf {
    top: 21.768753051757812px;
    left: 12.5px;
    width: 395px;
    height: 578px;
}

#w-n0edaemf .image-block-css {
    border-color: rgba(255, 226, 249, 0.23);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(121deg) invert(0%) saturate(100%) sepia(10%) opacity(100%) brightness(105%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-n0edaemf .image-background {
    width: 399.22014388489225px;
    height: 760.419321685509px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s799x1522/fwebp/67/95/92/10/934a1bd7382d5bc78753f7e3e2731c0e18af93e6b523305962612921-w:840-h:1600-l:17915-t:image/png.png");
    --type: 0;
}

#w-n0edaemf .image-background-compare {
    background: undefined;
    clip: rect(0, 197.5px, 578px, 0);
    --type: 0;
}

#w-qxq56x07 {
    top: 166.50624084472656px;
    left: 17.431228637695312px;
    width: 82px;
    height: 82px;
}

#w-qxq56x07 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(122deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    position: absolute;
}

#w-qxq56x07 .image-background {
    width: 82px;
    height: 82px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s482x482/fwebp/75/f1/20/e0/16292656646d6defe01bbe7ad882b99ca1cacabcb8eb31e581e8ac33-w:980-h:980-l:16396-t:image/webp.webp");
    --type: 0;
}

#w-qxq56x07 .image-background-compare {
    background: undefined;
    clip: rect(0, 41px, 82px, 0);
    --type: 0;
}

#w-655x5s25 {
    top: 81.265625px;
    left: 71px;
    width: 280px;
    height: 52.500003814697266px;
}

#w-655x5s25 .text-block {
    background: ;
}

#w-655x5s25 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'PinyonScript-Regular.ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-q4lm07gq {
    top: 171.5px;
    left: 89.4453125px;
    width: 305px;
    height: 35.989585876464844px;
}

#w-q4lm07gq .text-block {
    background: ;
}

#w-q4lm07gq .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 24px;
    text-align: start;
    text-transform: uppercase;
    --type: 0;
}

#w-y5320mge {
    top: 209.5px;
    left: 89.4453125px;
    width: 309px;
    height: 48.020835876464844px;
}

#w-y5320mge .text-block {
    background: ;
}

#w-y5320mge .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    text-align: start;
    --type: 0;
}

#w-juu475eg {
    top: 269.5px;
    left: 33.0078125px;
    width: 120px;
    height: 30px;
}

#w-juu475eg .button-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 11px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 1);
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    background: rgba(255, 255, 255, 1);
    --type: 0;
}

#w-c6k67uah {
    top: 328px;
    left: 33px;
    width: 354px;
    height: 240px;
}

#w-1rvkvzbl {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 345px;
}

#w-1rvkvzbl .section-wrapper {
    opacity: 1;
}

#w-1rvkvzbl {
    margin-bottom: -1px;
}

#w-1rvkvzbl .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-wg2v6szx {
    top: 1.5px;
    left: 0.0113525390625px;
    width: 193px;
    height: 47.986114501953125px;
}

#w-wg2v6szx .text-block {
    background: ;
}

#w-wg2v6szx .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Ephesis-Regular.ttf', sans-serif;
    font-size: 32px;
    text-align: center;
    --type: 0;
}

#w-m2u5vui2 {
    top: 1px;
    left: 230px;
    width: 170px;
    height: 54px;
}

#w-m2u5vui2 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: ;
}

#w-m2u5vui2 .image-background {
    width: 100%;
    height: 57.719129729276055px;
    top: -10px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/36/24/be/d8/f903790cf58b5fdd4e2e4337bf68628618b6921c7e68d8514654896a-w:1366-h:160-l:2878-t:image/png.png");
    --type: 0;
}

#w-m2u5vui2 .image-background-compare {
    background: undefined;
    clip: rect(0, 167.5px, 54px, 0);
    --type: 0;
}

#w-ogeg490e {
    top: 55px;
    left: 20px;
    width: 187px;
    height: 280px;
}

#w-ogeg490e .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-ogeg490e .image-background {
    width: 187.66666666666666px;
    height: 281.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/7.jpg) border-box;
    --type: 0;
}

#w-ogeg490e .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-qhg11viu {
    top: 55px;
    left: 212.5px;
    width: 187px;
    height: 280px;
}

#w-qhg11viu .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-qhg11viu .image-background {
    width: 187.04761904761904px;
    height: 280.57142857142856px;
    top: -0.571428571428573px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/8.jpg) border-box;
    --type: 0;
}

#w-qhg11viu .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-cbl75c62 {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 290px;
}

#w-cbl75c62 .section-wrapper {
    opacity: 1;
}

#w-cbl75c62 {
    margin-bottom: -1px;
}

#w-cbl75c62 .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-l8vwe9g0 {
    top: 0px;
    left: 20.5px;
    width: 187px;
    height: 280px;
}

#w-l8vwe9g0 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
}

#w-l8vwe9g0 .image-background {
    width: 187.43896713615027px;
    height: 280.93896713615027px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/9.jpg) border-box;
    --type: 0;
}

#w-l8vwe9g0 .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-n1a07a7d {
    top: 15.5px;
    left: 212.5px;
    width: 187px;
    height: 121px;
}

#w-n1a07a7d .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-n1a07a7d .image-background {
    width: 187.6137689614936px;
    height: 125.02721617418352px;
    top: -4.027216174183522px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url(./images/10.jpg);
    --type: 0;
}

#w-n1a07a7d .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 121px, 0);
    --type: 0;
}

#w-mpgcm7nj {
    top: 143.5px;
    left: 212.5px;
    width: 187px;
    height: 121px;
}

#w-mpgcm7nj .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-mpgcm7nj .image-background {
    width: 187.30769230769232px;
    height: 143.9035769828927px;
    top: -13.903576982892695px;
    left: -0.3076923076923208px;
    background: center center/ cover no-repeat content-box border-box url(./images/11.jpg);
    --type: 0;
}

#w-mpgcm7nj .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 121px, 0);
    --type: 0;
}

#w-kl6bt69m {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 290px;
}

#w-kl6bt69m .section-wrapper {
    opacity: 1;
}

#w-kl6bt69m {
    margin-bottom: -1px;
}

#w-kl6bt69m .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-8v54y07e {
    top: 0px;
    left: 20px;
    width: 187px;
    height: 280px;
}

#w-8v54y07e .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-8v54y07e .image-background {
    width: 187.66666666666666px;
    height: 281.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/12.jpg) border-box;
    --type: 0;
}

#w-8v54y07e .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-cbljerx1 {
    top: 0px;
    left: 212.5px;
    width: 187px;
    height: 280px;
}

#w-cbljerx1 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-cbljerx1 .image-background {
    width: 187.04761904761904px;
    height: 280.57142857142856px;
    top: -0.571428571428573px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/13.jpg) border-box;
    --type: 0;
}

#w-cbljerx1 .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-mc5r37en {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 290px;
}

#w-mc5r37en .section-wrapper {
    opacity: 1;
}

#w-mc5r37en {
    margin-bottom: -1px;
}

#w-mc5r37en .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-mhl75oyq {
    top: 0px;
    left: 20px;
    width: 187px;
    height: 280px;
}

#w-mhl75oyq .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-mhl75oyq .image-background {
    width: 187.66666666666666px;
    height: 281.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/14.jpg) border-box;
    --type: 0;
}

#w-mhl75oyq .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-yp735oj9 {
    top: 0px;
    left: 212.5px;
    width: 187px;
    height: 280px;
}

#w-yp735oj9 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-yp735oj9 .image-background {
    width: 187.04761904761904px;
    height: 280.57142857142856px;
    top: -0.571428571428573px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/15.jpg) border-box;
    --type: 0;
}

#w-yp735oj9 .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-zxnpsz1k {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 631px;
}

#w-zxnpsz1k .section-wrapper {
    opacity: 1;
}

#w-zxnpsz1k {
    margin-bottom: -1px;
}

#w-zxnpsz1k .section-background {
    background: #fff;
    --type: 0;
}

#w-m3yp2qdv {
    top: 0px;
    left: 0px;
    width: 420px;
    height: 630px;
}

#w-m3yp2qdv .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(60%) brightness(100%) blur(0px);
    position: absolute;
    z-index: ;
}

#w-m3yp2qdv .image-background {
    width: 420.98591549295776px;
    height: 630.9859154929577px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/16.jpg) border-box;
    --type: 0;
}

#w-m3yp2qdv .image-background-compare {
    background: undefined;
    clip: rect(0, 210px, 630px, 0);
    --type: 0;
}

#w-499ceajp {
    top: 421.83331298828125px;
    left: 122.5px;
    width: 175px;
    height: 50px;
}

#w-499ceajp .button-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 10px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: bold;
    background: rgba(240, 193, 225, 1.000);
    --type: 0;
}

#w-elvib1te {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 48px;
}

#w-elvib1te .section-wrapper {
    opacity: 1;
}

#w-elvib1te {
    margin-bottom: -1px;
}

#w-elvib1te .section-background {
    background: #fff;
    --type: 0;
}

#w-gur56q0k {
    top: 0px;
    left: -247px;
    width: 669px;
    height: 47px;
}

#w-o0mz96ae {
    top: 15.5px;
    left: 0px;
    width: 660px;
    height: 22.500001907348633px;
}

#w-o0mz96ae .text-block {
    background: ;
}

#w-o0mz96ae .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    text-align: end;
    --type: 0;
}

#w-pmc8mqlp {
    top: 14px;
    left: 391px;
    width: 25px;
    height: 25px;
}

#w-pmc8mqlp .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    transform: translateZ(0);
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    background: center center/ contain no-repeat scroll content-box url(https://content.pancake.vn/1/be/ad/61/25/69ccff4bf9c533a8297ad940b8f871b8bc7057593d2ec6f7d9c9066b.png) border-box;
    background-clip: padding-box;
}

#w-m8ypq383 {
    top: 5.5px;
    left: 346px;
    width: 42px;
    height: 42px;
}

#w-m8ypq383 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: center center/ contain no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s442x442/fwebp/36/b3/ec/ae/eb9548e74deddff898a48c5caa4791b84669476bafc00e5c1704e002-w:980-h:980-l:7525-t:image/webp.webp");
    background-clip: padding-box;
}

#w-m8ypq383 .rectangle-css.fb {
    background: center center/ contain no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s442x442/fpng/36/b3/ec/ae/eb9548e74deddff898a48c5caa4791b84669476bafc00e5c1704e002-w:980-h:980-l:7525-t:image/webp.webp");
    --type: 0;
}

#w-pwbv0386 {
    top: 14px;
    left: 317px;
    width: 25px;
    height: 25px;
}

#w-pwbv0386 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    transform: translateZ(0);
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    background: center center/ cover no-repeat content-box url("https://content.pancake.vn/1/08/3f/7a/e9/be9a053a77ec7cdb461246a62779525962247b7146d4dcccce9c1cfb.png") border-box;
    background-clip: padding-box;
}

#w-3x1uugru {
    top: 0px;
    left: 244.5px;
    width: 423px;
    height: auto;
}

#w-3x1uugru .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    border-width: 1px;
    z-index: ;
}

#w-g10idptu {
    top: 1px;
    left: 242.5px;
    width: 427px;
    height: 46px;
}

#w-g10idptu .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 6px;
    border-style: solid;
    background: rgba(80, 110, 228, 0);
    background-clip: padding-box;
}

#w-__popup_default__ {
    position: fixed;
    width: 400px;
    height: 500px;
}

#w-__popup_default__::-webkit-scrollbar {
    display: none
}

#w-__popup_default__ .popup-background {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(76, 175, 80, 0);
    border-radius: 13px;
    border-style: solid;
    color: rgba(69, 64, 64, 1.000);
}

#w-h2uqzdce {
    top: 0px;
    left: 371px;
    z-index: 1;
    width: 29px;
    height: 29px;
}

#w-h2uqzdce {
    box-shadow: undefined;
    filter: undefined;
}

#w-h2uqzdce .rectangle-css {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
    border-color: #E5E7EB;
    border-style: solid;
    z-index: 1;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
}

#w-typml06f {
    top: 0px;
    left: 0px;
    width: 400px;
    height: 500px;
}

#w-typml06f .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 10px;
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-typml06f .image-background {
    width: 400.66666666666663px;
    height: 601px;
    top: -101px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(https://content.pancake.vn/web-media/7f/6f/61/20/2b9e24ef51d59835b6c74e6218402757d78081a5f9bd66fa867b8964-w:966-h:1449-l:61481-t:image/jpeg.jpg) border-box;
    --type: 0;
}

#w-typml06f .image-background-compare {
    background: undefined;
    clip: rect(0, 200px, 500px, 0);
    --type: 0;
}

#w-tj3gll2o {
    top: 272px;
    left: 0px;
    width: 400px;
    height: 129px;
}

#w-tj3gll2o .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(0, 0, 0, 0.48);
    background-clip: padding-box;
}

#w-za6i5k7e {
    top: 258px;
    left: 25px;
    width: 350px;
    height: 136px;
}

#w-za6i5k7e .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-za6i5k7e .image-background {
    width: 350.5207547169812px;
    height: 136px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/cf/cf/28/5f/f9ca08165577556ed2df053b0962a0e8e670490844d7ad5e84fa48b2-w:1366-h:530-l:48754-t:image/png.png");
    --type: 0;
}

#w-za6i5k7e .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 136px, 0);
    --type: 0;
}

#w-tr9y1lzi {
    top: 350.5px;
    left: -40px;
    width: 480px;
    height: 37.5px;
}

#w-tr9y1lzi .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(255, 255, 255, 1);
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    font-family: 'PinyonScript-Regular.ttf', sans-serif;
    font-size: 25px;
    letter-spacing: 2px;
    text-align: center;
    --type: 0;
}

#w-0sltrr7z {
    position: fixed;
    width: 400px;
    height: 550px;
}

#w-0sltrr7z::-webkit-scrollbar {
    display: none
}

#w-0sltrr7z .popup-background {
    background: rgba(255, 226, 249, 1.000);
    border-color: #E5E7EB;
    border-radius: 10px;
    border-style: solid;
}

#w-xuqbhbey {
    top: 15px;
    left: 15px;
    width: 370px;
    height: 520px;
}

#w-xuqbhbey .rectangle-css {
    border-color: #E5E7EB;
    border-radius: 10px;
    border-style: solid;
    background: rgba(255, 255, 255, 1.000);
    background-clip: padding-box;
}

#w-n773xftp {
    top: 2px;
    left: 383px;
    width: 15px;
    height: 15px;
    z-index: 9999;
}

#w-n773xftp {
    box-shadow: undefined;
    filter: undefined;
}

#w-n773xftp .rectangle-css {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=);
    border-color: black;
    border-style: solid;
    background: black;
    background-clip: padding-box;
}

#w-lju7zg47 {
    top: 0px;
    left: 0.5px;
    width: 323px;
    height: 42px;
}

#w-lju7zg47 .input-css {
    border-color: rgba(0, 0, 0, 1);
    border-radius: 56px;
    border-style: double;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.400);
}

#w-lju7zg47 input {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-2tcl66t0 {
    top: 38px;
    left: 61.5px;
    width: 277px;
    height: 69.01042175292969px;
}

#w-2tcl66t0 .text-block {
    background: ;
}

#w-2tcl66t0 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'NVN-Motherland-Signature.ttf', sans-serif;
    font-size: 23px;
    line-height: 3;
    text-align: center;
    --type: 0;
}

#w-epv49dmf {
    top: 98.5px;
    left: 125.5px;
    width: 149px;
    height: auto;
}

#w-epv49dmf .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    border-width: 1px;
}

#w-nzgbt8bt {
    position: fixed;
    width: 400px;
    height: 381px;
}

#w-nzgbt8bt::-webkit-scrollbar {
    display: none
}

#w-nzgbt8bt .popup-background {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(229, 231, 235, 1);
    border-radius: 10px;
    border-style: solid;
}

#w-kisspvfv {
    top: 87.36363220214844px;
    left: 85px;
    width: 230px;
    height: 227px;
}

#w-kisspvfv .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(255, 226, 249, 1.000);
    background-clip: padding-box;
}

#w-ed9oblaz {
    top: 0px;
    left: 371px;
    z-index: 1;
    width: 29px;
    height: 29px;
}

#w-ed9oblaz {
    box-shadow: undefined;
    filter: undefined;
}

#w-ed9oblaz .rectangle-css {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
    border-color: #E5E7EB;
    border-style: solid;
    z-index: 1;
    background: rgb(212, 212, 212);
    background-clip: padding-box;
}

#w-2c48gxt3 {
    top: 13.5px;
    left: 61.5px;
    width: 277px;
    height: 69.01042175292969px;
}

#w-2c48gxt3 .text-block {
    background: ;
}

#w-2c48gxt3 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'NVN-Motherland-Signature.ttf', sans-serif;
    font-size: 23px;
    line-height: 3;
    text-align: center;
    --type: 0;
}

#w-b74ytrw4 {
    top: 325.5px;
    left: 22.027755737304688px;
    width: 356px;
    height: 50.972225189208984px;
}

#w-b74ytrw4 .text-block {
    background: ;
}

#w-b74ytrw4 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    --type: 0;
}

#w-abgvbg6t {
    top: 101.5px;
    left: 100.03123474121094px;
    width: 200px;
    height: 200px;
}

#w-abgvbg6t .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-abgvbg6t .image-background {
    width: 380.8552915766739px;
    height: 824px;
    top: -273px;
    left: -91px;
    background: center center/ cover no-repeat content-box border-box url("https://content.pancake.vn/1/s780x1688/fwebp/11/83/93/27/c91fcbd3c11d401bafafc82e0178e671af2f59f3167097643b9baf99-w:1284-h:2778-l:390596-t:image/jpeg.jpg");
    --type: 0;
}

#w-abgvbg6t .image-background-compare {
    background: undefined;
    clip: rect(0, 100px, 200px, 0);
    --type: 0;
}

.-popup-checkout .-close,
.-zoom .-close {
    width: 22px;
    height: 22px;
}

.-checkout-gallery .gallery-view-item {
    background-size: cover !important;
}

#w-4eszafr3.animation {
    transform: perspective(1000px);
}

#w-4eszafr3.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-qj4x3hhd.animation {
    transform: perspective(1000px);
}

#w-qj4x3hhd.animation .image-block-css {
    animation-name: slideInRight;
    -webkit-animation-name: slideInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
}

#w-a7d57pg8.animation {
    transform: perspective(1000px);
}

#w-a7d57pg8.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-t2m2uzg4.animation {
    transform: perspective(1000px);
}

#w-t2m2uzg4.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-ja02q4qk.animation {
    transform: perspective(1000px);
}

#w-ja02q4qk.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-rt78z2x0.animation {
    transform: perspective(1000px);
}

#w-rt78z2x0.animation .line-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-hl3mpl5r.animation {
    transform: perspective(1000px);
}

#w-hl3mpl5r.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-bg1p4pqv.animation {
    transform: perspective(1000px);
}

#w-bg1p4pqv.animation .image-block-css {
    animation-name: slideInRight;
    -webkit-animation-name: slideInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
}

#w-vrj5ae9z.animation {
    transform: perspective(1000px);
}

#w-vrj5ae9z.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ro447tq1.animation {
    transform: perspective(1000px);
}

#w-ro447tq1.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-6ai6or66.animation {
    transform: perspective(1000px);
}

#w-6ai6or66.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-uwl755j6.animation {
    transform: perspective(1000px);
}

#w-uwl755j6.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-2g81k7ss.animation {
    transform: perspective(1000px);
}

#w-2g81k7ss.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-o244vplo.animation {
    transform: perspective(1000px);
}

#w-o244vplo.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-7xq4ifzq.animation {
    transform: perspective(1000px);
}

#w-7xq4ifzq.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-p5it58kn.animation {
    transform: perspective(1000px);
}

#w-p5it58kn.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-otjboi4o.animation {
    transform: perspective(1000px);
}

#w-otjboi4o.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-n420q3gb.animation {
    transform: perspective(1000px);
}

#w-n420q3gb.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-gp44a5y6.animation {
    transform: perspective(1000px);
}

#w-gp44a5y6.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-0c362gdd.animation {
    transform: perspective(1000px);
}

#w-0c362gdd.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

#w-d0u5h72p.animation {
    transform: perspective(1000px);
}

#w-d0u5h72p.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-4ubspdqr.animation {
    transform: perspective(1000px);
}

#w-4ubspdqr.animation .image-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-0ks4opxz.animation {
    transform: perspective(1000px);
}

#w-0ks4opxz.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-8y440bu9.animation {
    transform: perspective(1000px);
}

#w-8y440bu9.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-6uhy5p4v.animation {
    transform: perspective(1000px);
}

#w-6uhy5p4v.animation .text-block-css {
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-3f79uhf5.animation {
    transform: perspective(1000px);
}

#w-3f79uhf5.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ddu61ha7.animation {
    transform: perspective(1000px);
}

#w-ddu61ha7.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-7qmumsol.animation {
    transform: perspective(1000px);
}

#w-7qmumsol.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-opzpfprk.animation {
    transform: perspective(1000px);
}

#w-opzpfprk.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-q2daucbq.animation {
    transform: perspective(1000px);
}

#w-q2daucbq.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-jv9i3lvl.animation {
    transform: perspective(1000px);
}

#w-jv9i3lvl.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-7zhr1v3u.animation {
    transform: perspective(1000px);
}

#w-7zhr1v3u.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-td3u6t5g.animation {
    transform: perspective(1000px);
}

#w-td3u6t5g.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-uvta2v28.animation {
    transform: perspective(1000px);
}

#w-uvta2v28.animation .text-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-qjyljn60.animation {
    transform: perspective(1000px);
}

#w-qjyljn60.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-n8gzvpxw.animation {
    transform: perspective(1000px);
}

#w-n8gzvpxw.animation .text-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-mskqkofa.animation {
    transform: perspective(1000px);
}

#w-mskqkofa.animation .text-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-gfo2idta.animation {
    transform: perspective(1000px);
}

#w-gfo2idta.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-5sx9ie42.animation {
    transform: perspective(1000px);
}

#w-5sx9ie42.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-jd112yel.animation {
    transform: perspective(1000px);
}

#w-jd112yel.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-je8e8czr.animation {
    transform: perspective(1000px);
}

#w-je8e8czr.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-dc2yt118.animation {
    transform: perspective(1000px);
}

#w-dc2yt118.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 6s;
    -webkit-animation-duration: 6s;
}

#w-qxq56x07.animation {
    transform: perspective(1000px);
}

#w-qxq56x07.animation .image-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-655x5s25.animation {
    transform: perspective(1000px);
}

#w-655x5s25.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-q4lm07gq.animation {
    transform: perspective(1000px);
}

#w-q4lm07gq.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-y5320mge.animation {
    transform: perspective(1000px);
}

#w-y5320mge.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-juu475eg.animation {
    transform: perspective(1000px);
}

#w-juu475eg.animation .button-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-wg2v6szx.animation {
    transform: perspective(1000px);
}

#w-wg2v6szx.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-ogeg490e.animation {
    transform: perspective(1000px);
}

#w-ogeg490e.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-qhg11viu.animation {
    transform: perspective(1000px);
}

#w-qhg11viu.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-l8vwe9g0.animation {
    transform: perspective(1000px);
}

#w-l8vwe9g0.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-n1a07a7d.animation {
    transform: perspective(1000px);
}

#w-n1a07a7d.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-mpgcm7nj.animation {
    transform: perspective(1000px);
}

#w-mpgcm7nj.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-8v54y07e.animation {
    transform: perspective(1000px);
}

#w-8v54y07e.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-cbljerx1.animation {
    transform: perspective(1000px);
}

#w-cbljerx1.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-mhl75oyq.animation {
    transform: perspective(1000px);
}

#w-mhl75oyq.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-yp735oj9.animation {
    transform: perspective(1000px);
}

#w-yp735oj9.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-499ceajp.animation {
    transform: perspective(1000px);
}

#w-499ceajp.animation .button-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-trbz8uhv.animation {
    transform: perspective(1000px);
}

#w-trbz8uhv.animation .button-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-za6i5k7e.animation {
    transform: perspective(1000px);
}

#w-za6i5k7e.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-tr9y1lzi.animation {
    transform: perspective(1000px);
}

#w-tr9y1lzi.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

.section-wrapper {
    margin: 0 auto;
    max-width: 420px;
}

#w-5fieb1sl {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 800px;
}

#w-5fieb1sl .section-wrapper {
    opacity: 1;
}

#w-5fieb1sl {
    margin-bottom: -1px;
}

#w-5fieb1sl .section-background {
    background: center center/ cover no-repeat content-box border-box url("https://content.pancake.vn/1/s840x1600/fwebp/c2/20/8f/dd/630c812f4ba82e3308747b7d62781f5e3a37a09149b638cd8f99c18d-w:1260-h:2400-l:187076-t:image/png.png");
    --type: 0;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    -webkit-backdrop-filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
}

#w-4eszafr3 {
    top: 128px;
    left: 3px;
    width: 414px;
    height: 67.5px;
}

#w-4eszafr3 .text-block {
    background: ;
}

#w-4eszafr3 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'LuxuriousScript-Regular.ttf', sans-serif;
    font-size: 45px;
    text-align: center;
    --type: 0;
}

#w-9xiryvgi {
    top: 195.5px;
    left: 73.5px;
    width: 273px;
    height: 409px;
}

#w-9xiryvgi .image-block-css {
    border-color: rgba(255, 240, 252, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-9xiryvgi .image-background {
    width: 273px;
    height: 409.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/1.jpg) border-box;
    --type: 0;
}

#w-9xiryvgi .image-background-compare {
    background: undefined;
    clip: rect(0, 136.5px, 409px, 0);
    --type: 0;
}

#w-qj4x3hhd {
    top: 0px;
    left: 420px;
    perspective: 1000px;
    width: 420px;
    height: 800px;
}

#w-qj4x3hhd .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(70%) sepia(0%) opacity(100%) brightness(100%) blur(5px);
    position: absolute;
    z-index: null;
}

#w-qj4x3hhd .image-background {
    width: 420px;
    height: 800px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/34/cf/a2/a2/9e6967aa7259ee3498926d74a0efe440fbe3746b293165018595f2ac-w:420-h:800-l:272644-t:image/png.png");
    --type: 0;
}

#w-qj4x3hhd .image-background-compare {
    background: undefined;
    clip: rect(0, 210px, 800px, 0);
    --type: 0;
}

#w-qj4x3hhd>div {
    transform: rotateY(180deg) perspective(1000px);
}

#w-2qtdpz5v {
    top: 616.0000190734863px;
    left: 65px;
    width: 127px;
    height: 25.98958396911621px;
}

#w-2qtdpz5v .text-block {
    background: ;
}

#w-2qtdpz5v .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'NotoSerifDisplay-SemiBold.ttf', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.3;
    text-align: center;
    --type: 0;
}

#w-51uwcprd {
    top: 633.5px;
    left: 175px;
    perspective: 1000px;
    width: 43px;
    height: auto;
}

#w-51uwcprd .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 1px;
}

#w-51uwcprd>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-a7d57pg8 {
    top: 619.90625px;
    left: 195px;
    width: 127px;
    height: 44.18402862548828px;
}

#w-a7d57pg8 .text-block {
    background: ;
}

#w-a7d57pg8 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'NotoSerifDisplay-SemiBold.ttf', sans-serif;
    font-size: 34px;
    line-height: 1.3;
    text-align: center;
    --type: 0;
}

#w-hmx417or {
    top: 619.90625px;
    left: 265px;
    width: 127px;
    height: 22.08333396911621px;
}

#w-hmx417or .text-block {
    background: ;
}

#w-hmx417or .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'NotoSerifDisplay-SemiBold.ttf', sans-serif;
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
    --type: 0;
}

#w-t2m2uzg4 {
    top: 675px;
    left: -35.5px;
    width: 491px;
    height: 22.500001907348633px;
}

#w-t2m2uzg4 .text-block {
    background: ;
}

#w-t2m2uzg4 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-style: italic;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(255, 255, 255, 1);
    --type: 0;
}

#w-k5r7dd4b {
    width: 80px;
    height: 80px;
    z-index: 10;
    position: fixed;
    left: calc((100% - 420px)/2 + 20px);
    bottom: 20px;
}

#w-hbdarwxd {
    top: 707px;
    left: -592px;
    width: 382px;
    height: 85px;
}

#w-ja02q4qk {
    top: 0px;
    left: 0px;
    width: 382px;
    height: 32.986114501953125px;
}

#w-ja02q4qk .text-block {
    background: ;
}

#w-ja02q4qk .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'SVN-Mightiest.otf', sans-serif;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-rt78z2x0 {
    top: 66.5px;
    left: 40.5px;
    width: 301px;
    height: auto;
}

#w-rt78z2x0 .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: dotted;
    border-width: 1px;
}

#w-hl3mpl5r {
    top: 48px;
    left: 0px;
    width: 382px;
    height: 37.5px;
}

#w-hl3mpl5r .text-block {
    background: ;
}

#w-hl3mpl5r .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'AlexBrush-Regular.ttf', sans-serif;
    font-size: 25px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-bg1p4pqv {
    top: 0px;
    left: -420.0138473510742px;
    width: 420px;
    height: 800px;
}

#w-bg1p4pqv .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(70%) sepia(0%) opacity(100%) brightness(100%) blur(5px);
    position: absolute;
    z-index: null;
}

#w-bg1p4pqv .image-background {
    width: 420px;
    height: 800px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/34/cf/a2/a2/9e6967aa7259ee3498926d74a0efe440fbe3746b293165018595f2ac-w:420-h:800-l:272644-t:image/png.png");
    --type: 0;
}

#w-bg1p4pqv .image-background-compare {
    background: undefined;
    clip: rect(0, 210px, 800px, 0);
    --type: 0;
}

#w-8lhr2nl9 {
    top: 40.5px;
    left: -204.5px;
    width: 155px;
    height: 155px;
}

#w-8lhr2nl9 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(137, 137, 137, 1);
    background-clip: padding-box;
}

#w-qhqwf1b2 {
    top: 43.484375px;
    left: -201.5px;
    width: 149px;
    height: 149px;
}

#w-f9da4ivv {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 747px;
}

#w-f9da4ivv .section-wrapper {
    opacity: 1;
}

#w-f9da4ivv {
    margin-bottom: -1px;
}

#w-f9da4ivv .section-background {
    background: rgba(255, 255, 255, 0.09);
    --type: 0;
}

#w-vrj5ae9z {
    top: 137.5px;
    left: 215px;
    width: 200px;
    height: 24.010417938232422px;
}

#w-vrj5ae9z .text-block {
    background: ;
}

#w-vrj5ae9z .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-ro447tq1 {
    top: 272px;
    left: 260.5px;
    width: 109px;
    height: 25.486112594604492px;
}

#w-ro447tq1 .text-block {
    background: ;
}

#w-ro447tq1 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 17px;
    text-align: center;
    --type: 0;
}

#w-6ai6or66 {
    top: 294.5px;
    left: 210px;
    width: 210px;
    height: 52.500003814697266px;
}

#w-6ai6or66 .text-block {
    background: ;
}

#w-6ai6or66 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'LuxuriousScript-Regular.ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-uwl755j6 {
    top: 205.5px;
    left: 217px;
    width: 197px;
    height: 19.49652862548828px;
}

#w-uwl755j6 .text-block {
    background: ;
}

#w-uwl755j6 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    text-align: center;
    --type: 0;
}

#w-o244vplo {
    top: 465.25390625px;
    left: 5.01953125px;
    width: 200px;
    height: 24.010417938232422px;
}

#w-o244vplo .text-block {
    background: ;
}

#w-o244vplo .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-7xq4ifzq {
    top: 599.74609375px;
    left: 50.5078125px;
    width: 109px;
    height: 25.486112594604492px;
}

#w-7xq4ifzq .text-block {
    background: ;
}

#w-7xq4ifzq .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 17px;
    text-align: center;
    --type: 0;
}

#w-p5it58kn {
    top: 622.24609375px;
    left: 0.01953125px;
    width: 210px;
    height: 52.500003814697266px;
}

#w-p5it58kn .text-block {
    background: ;
}

#w-p5it58kn .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'LuxuriousScript-Regular.ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-otjboi4o {
    top: 533.2421875px;
    left: 7.01171875px;
    width: 197px;
    height: 19.49652862548828px;
}

#w-otjboi4o .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    text-align: center;
    --type: 0;
}

#w-1e424hst {
    top: 448px;
    left: 5px;
    width: 200px;
    height: 24px;
}

#w-1e424hst .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1.000);
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-n420q3gb {
    top: 90.00390625px;
    left: 0px;
    width: 210px;
    height: 320px;
}

#w-n420q3gb .image-block-css {
    border-color: rgba(255, 226, 249, 1.000);
    border-style: solid;
    border-width: 5px;
    position: absolute;
    z-index: null;
}

#w-n420q3gb .image-background {
    width: 203.33333333333331px;
    height: 310px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/2.jpg) border-box;
    --type: 0;
}

#w-n420q3gb .image-background-compare {
    background: undefined;
    clip: rect(0, 105px, 320px, 0);
    --type: 0;
}

#w-gp44a5y6 {
    top: 410.0000305175781px;
    left: 210px;
    width: 210px;
    height: 320px;
}

#w-gp44a5y6 .image-block-css {
    border-color: rgba(255, 226, 249, 1.000);
    border-style: solid;
    border-width: 5px;
    position: absolute;
    z-index: null;
}

#w-gp44a5y6 .image-background {
    width: 203.33333333333331px;
    height: 310px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/3.jpg) border-box;
    --type: 0;
}

#w-gp44a5y6 .image-background-compare {
    background: undefined;
    clip: rect(0, 105px, 320px, 0);
    --type: 0;
}

#w-6pnllpry {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 353px;
}

#w-6pnllpry .section-wrapper {
    opacity: 1;
}

#w-6pnllpry {
    margin-bottom: -1px;
}

#w-6pnllpry .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-0c362gdd {
    top: 0px;
    left: 132px;
    width: 150px;
    height: auto;
}

#w-0c362gdd .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 2px;
    z-index: ;
}

#w-d0u5h72p {
    top: 111.50003051757812px;
    left: 0px;
    width: 122px;
    height: 183px;
}

#w-d0u5h72p .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-d0u5h72p .image-background {
    width: 122.38192121478875px;
    height: 183.57288182218312px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("./images/4.jpg");
    --type: 0;
}

#w-d0u5h72p .image-background-compare {
    background: undefined;
    clip: rect(0, 61px, 183px, 0);
    --type: 0;
}

#w-4ubspdqr {
    top: 92.50003051757812px;
    left: 131px;
    width: 160px;
    height: 240px;
}

#w-4ubspdqr .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-4ubspdqr .image-background {
    width: 160px;
    height: 240px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("./images/5.jpg");
    --type: 0;
}

#w-4ubspdqr .image-background-compare {
    background: undefined;
    clip: rect(0, 80px, 240px, 0);
    --type: 0;
}

#w-0ks4opxz {
    top: 111.50003051757812px;
    left: 298px;
    width: 122px;
    height: 183px;
}

#w-0ks4opxz .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-0ks4opxz .image-background {
    width: 122.28638497652584px;
    height: 183.42957746478876px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("./images/6.jpg");
    --type: 0;
}

#w-0ks4opxz .image-background-compare {
    background: undefined;
    clip: rect(0, 61px, 183px, 0);
    --type: 0;
}

#w-8y440bu9 {
    top: 10px;
    left: 110px;
    width: 200px;
    height: 56.99652862548828px;
}

#w-8y440bu9 .text-block {
    background: ;
}

#w-8y440bu9 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'PinyonScript-Regular.ttf', sans-serif;
    font-size: 38px;
    text-align: center;
    --type: 0;
}

#w-6uhy5p4v {
    top: 60px;
    left: 2.5px;
    width: 415px;
    height: 20.98958396911621px;
}

#w-6uhy5p4v .text-block {
    background: ;
}

#w-6uhy5p4v .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-4nbbl1cr {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 265px;
}

#w-4nbbl1cr .section-wrapper {
    opacity: 1;
}

#w-4nbbl1cr {
    margin-bottom: -1px;
}

#w-4nbbl1cr .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-3f79uhf5 {
    top: 89.412109375px;
    left: 115px;
    width: 185px;
    height: 52.500003814697266px;
}

#w-3f79uhf5 .text-block {
    background: ;
}

#w-3f79uhf5 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center;
    --type: 0;
}

#w-ddu61ha7 {
    top: 107.908203125px;
    left: -9.5px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-ddu61ha7 .text-block {
    background: ;
}

#w-ddu61ha7 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-7qmumsol {
    top: 107.908203125px;
    left: 245px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-7qmumsol .text-block {
    background: ;
}

#w-7qmumsol .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-opzpfprk {
    top: 107.908203125px;
    left: 95.5px;
    perspective: 1000px;
    width: 65px;
    height: auto;
}

#w-opzpfprk .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 1px;
    z-index: ;
}

#w-opzpfprk>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-q2daucbq {
    top: 107.908203125px;
    left: 251px;
    perspective: 1000px;
    width: 65px;
    height: auto;
}

#w-q2daucbq .line-container {
    border-color: rgba(83, 96, 119, 1);
    border-style: solid;
    border-width: 1px;
    z-index: ;
}

#w-q2daucbq>div {
    transform: rotate(90deg) perspective(1000px);
}

#w-jv9i3lvl {
    top: 172.908203125px;
    left: -0.5px;
    width: 422px;
    height: 22.500001907348633px;
}

#w-jv9i3lvl .text-block {
    background: ;
}

#w-jv9i3lvl .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-7zhr1v3u {
    top: 75.408203125px;
    left: 115px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-7zhr1v3u .text-block {
    background: ;
}

#w-7zhr1v3u .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
    --type: 0;
}

#w-td3u6t5g {
    top: 140.408203125px;
    left: 115px;
    width: 185px;
    height: 24.010417938232422px;
}

#w-td3u6t5g .text-block {
    background: ;
}

#w-td3u6t5g .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: center;
    --type: 0;
}

#w-uvta2v28 {
    top: 39.900390625px;
    left: -3px;
    width: 427px;
    height: 22.500001907348633px;
}

#w-uvta2v28 .text-block {
    background: ;
}

#w-uvta2v28 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-qjyljn60 {
    top: 208.396484375px;
    left: 7.5px;
    width: 405px;
    height: 22.500001907348633px;
}

#w-qjyljn60 .text-block {
    background: ;
}

#w-qjyljn60 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    text-align: center;
    --type: 0;
}

#w-n8gzvpxw {
    top: 16.658203125px;
    left: 19px;
    width: 383px;
    height: 25.486112594604492px;
}

#w-n8gzvpxw .text-block {
    background: ;
}

#w-n8gzvpxw .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-obbbuddv {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 265px;
}

#w-obbbuddv .section-wrapper {
    opacity: 1;
}

#w-obbbuddv {
    margin-bottom: -1px;
}

#w-obbbuddv .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-58gev5g5 {
    top: 26px;
    left: 18px;
    width: 384px;
    height: 213px;
}

#w-58gev5g5 .rectangle-css {
    border-color: rgba(0, 0, 0, 1);
    border-radius: 16px;
    border-style: solid;
    border-width: 1px;
    background: rgba(240, 193, 225, 0.080);
    background-clip: padding-box;
}

#w-mskqkofa {
    top: 44px;
    left: 24.5px;
    width: 371px;
    height: 25.486112594604492px;
}

#w-mskqkofa .text-block {
    background: ;
}

#w-mskqkofa .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 50, 99, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-gfo2idta {
    top: 110.5px;
    left: 73.5px;
    width: 273px;
    height: 25.486112594604492px;
}

#w-gfo2idta .text-block {
    background: ;
}

#w-gfo2idta .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 7px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-5sx9ie42 {
    top: 84px;
    left: 73.5px;
    width: 273px;
    height: 25.486112594604492px;
}

#w-5sx9ie42 .text-block {
    background: ;
}

#w-5sx9ie42 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1.000);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    line-height: 1.5;
    text-align: center;
    --type: 0;
}

#w-jd112yel {
    top: 146px;
    left: 22.5px;
    width: 375px;
    height: 22.500001907348633px;
}

#w-jd112yel .text-block {
    background: ;
}

#w-jd112yel .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}

#w-je8e8czr {
    top: 177px;
    left: 25.5px;
    width: 369px;
    height: 24.010417938232422px;
}

#w-je8e8czr .text-block {
    background: ;
}

#w-je8e8czr .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    text-align: center;
    --type: 0;
}

#w-wx267iw8 {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 397px;
}

#w-wx267iw8 .section-wrapper {
    opacity: 1;
}

#w-wx267iw8 {
    margin-bottom: -1px;
}

#w-wx267iw8 .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-h9nnsos6 {
    top: 0px;
    left: 0px;
    width: 422px;
    height: 397px;
    year: 2027month: 10heart-days: 1, 9, 23
}

#w-dc2yt118 {
    top: 356px;
    left: 151.1875px;
    width: 350px;
    height: 41px;
}

#w-dc2yt118 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: ;
}

#w-dc2yt118 .image-background {
    width: 350.03749999999997px;
    height: 41px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/9e/15/98/a2/3bb0491db823fcff403c522e0cec401b55262eba10b022861fe5f666-w:1366-h:160-l:11669-t:image/png.png");
    --type: 0;
}

#w-dc2yt118 .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 41px, 0);
    --type: 0;
}

#w-rnhfxl3i {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 607px;
}

#w-rnhfxl3i .section-wrapper {
    opacity: 1;
}

#w-rnhfxl3i {
    margin-bottom: -1px;
}

#w-rnhfxl3i .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-n0edaemf {
    top: 21.768753051757812px;
    left: 12.5px;
    width: 395px;
    height: 578px;
}

#w-n0edaemf .image-block-css {
    border-color: rgba(255, 226, 249, 0.23);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(121deg) invert(0%) saturate(100%) sepia(10%) opacity(100%) brightness(105%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-n0edaemf .image-background {
    width: 399.22014388489225px;
    height: 760.419321685509px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s799x1522/fwebp/67/95/92/10/934a1bd7382d5bc78753f7e3e2731c0e18af93e6b523305962612921-w:840-h:1600-l:17915-t:image/png.png");
    --type: 0;
}

#w-n0edaemf .image-background-compare {
    background: undefined;
    clip: rect(0, 197.5px, 578px, 0);
    --type: 0;
}

#w-qxq56x07 {
    top: 166.50624084472656px;
    left: 17.431228637695312px;
    width: 82px;
    height: 82px;
}

#w-qxq56x07 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(122deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    position: absolute;
}

#w-qxq56x07 .image-background {
    width: 82px;
    height: 82px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s482x482/fwebp/75/f1/20/e0/16292656646d6defe01bbe7ad882b99ca1cacabcb8eb31e581e8ac33-w:980-h:980-l:16396-t:image/webp.webp");
    --type: 0;
}

#w-qxq56x07 .image-background-compare {
    background: undefined;
    clip: rect(0, 41px, 82px, 0);
    --type: 0;
}

#w-655x5s25 {
    top: 81.265625px;
    left: 71px;
    width: 280px;
    height: 52.500003814697266px;
}

#w-655x5s25 .text-block {
    background: ;
}

#w-655x5s25 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'PinyonScript-Regular.ttf', sans-serif;
    font-size: 35px;
    text-align: center;
    --type: 0;
}

#w-q4lm07gq {
    top: 171.5px;
    left: 89.4453125px;
    width: 305px;
    height: 35.989585876464844px;
}

#w-q4lm07gq .text-block {
    background: ;
}

#w-q4lm07gq .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'UTM-Cafeta.ttf', sans-serif;
    font-size: 24px;
    text-align: start;
    text-transform: uppercase;
    --type: 0;
}

#w-y5320mge {
    top: 209.5px;
    left: 89.4453125px;
    width: 309px;
    height: 48.020835876464844px;
}

#w-y5320mge .text-block {
    background: ;
}

#w-y5320mge .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    text-align: start;
    --type: 0;
}

#w-juu475eg {
    top: 269.5px;
    left: 33.0078125px;
    width: 120px;
    height: 30px;
}

#w-juu475eg .button-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 11px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 1);
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    background: rgba(255, 255, 255, 1);
    --type: 0;
}

#w-c6k67uah {
    top: 328px;
    left: 33px;
    width: 354px;
    height: 240px;
}

#w-1rvkvzbl {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 345px;
}

#w-1rvkvzbl .section-wrapper {
    opacity: 1;
}

#w-1rvkvzbl {
    margin-bottom: -1px;
}

#w-1rvkvzbl .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-wg2v6szx {
    top: 1.5px;
    left: 0.0113525390625px;
    width: 250px;
    height: 20px;
}

#w-wg2v6szx .text-block {
    background: ;
}

#w-wg2v6szx .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'Ephesis-Regular.ttf', sans-serif;
    font-size: 20px;
    text-align: center;
    --type: 0;
}



#w-ogeg490e {
    top: 55px;
    left: 20px;
    width: 187px;
    height: 280px;
}

#w-ogeg490e .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-ogeg490e .image-background {
    width: 187.66666666666666px;
    height: 281.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/7.jpg) border-box;
    --type: 0;
}

#w-ogeg490e .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-qhg11viu {
    top: 55px;
    left: 212.5px;
    width: 187px;
    height: 280px;
}

#w-qhg11viu .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-qhg11viu .image-background {
    width: 187.04761904761904px;
    height: 280.57142857142856px;
    top: -0.571428571428573px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/8.jpg) border-box;
    --type: 0;
}

#w-qhg11viu .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-cbl75c62 {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 290px;
}

#w-cbl75c62 .section-wrapper {
    opacity: 1;
}

#w-cbl75c62 {
    margin-bottom: -1px;
}

#w-cbl75c62 .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-l8vwe9g0 {
    top: 0px;
    left: 20.5px;
    width: 187px;
    height: 280px;
}

#w-l8vwe9g0 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
}

#w-l8vwe9g0 .image-background {
    width: 187.43896713615027px;
    height: 280.93896713615027px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/9.jpg) border-box;
    --type: 0;
}

#w-l8vwe9g0 .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-n1a07a7d {
    top: 15.5px;
    left: 212.5px;
    width: 187px;
    height: 121px;
}

#w-n1a07a7d .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-n1a07a7d .image-background {
    width: 187.6137689614936px;
    height: 125.02721617418352px;
    top: -4.027216174183522px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url(./images/10.jpg);
    --type: 0;
}

#w-n1a07a7d .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 121px, 0);
    --type: 0;
}

#w-mpgcm7nj {
    top: 143.5px;
    left: 212.5px;
    width: 187px;
    height: 121px;
}

#w-mpgcm7nj .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-mpgcm7nj .image-background {
    width: 187.30769230769232px;
    height: 143.9035769828927px;
    top: -13.903576982892695px;
    left: -0.3076923076923208px;
    background: center center/ cover no-repeat content-box border-box url("./images/11.jpg");
    --type: 0;
}

#w-mpgcm7nj .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 121px, 0);
    --type: 0;
}

#w-kl6bt69m {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 290px;
}

#w-kl6bt69m .section-wrapper {
    opacity: 1;
}

#w-kl6bt69m {
    margin-bottom: -1px;
}

#w-kl6bt69m .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-8v54y07e {
    top: 0px;
    left: 20px;
    width: 187px;
    height: 280px;
}

#w-8v54y07e .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-8v54y07e .image-background {
    width: 187.66666666666666px;
    height: 281.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/12.jpg) border-box;
    --type: 0;
}

#w-8v54y07e .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-cbljerx1 {
    top: 0px;
    left: 212.5px;
    width: 187px;
    height: 280px;
}

#w-cbljerx1 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-cbljerx1 .image-background {
    width: 187.04761904761904px;
    height: 280.57142857142856px;
    top: -0.571428571428573px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/13.jpg) border-box;
    --type: 0;
}

#w-cbljerx1 .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-mc5r37en {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 290px;
}

#w-mc5r37en .section-wrapper {
    opacity: 1;
}

#w-mc5r37en {
    margin-bottom: -1px;
}

#w-mc5r37en .section-background {
    background: rgba(255, 255, 255, 0.090);
    --type: 0;
}

#w-mhl75oyq {
    top: 0px;
    left: 20px;
    width: 187px;
    height: 280px;
}

#w-mhl75oyq .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-mhl75oyq .image-background {
    width: 187.66666666666666px;
    height: 281.5px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/14.jpg) border-box;
    --type: 0;
}

#w-mhl75oyq .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-yp735oj9 {
    top: 0px;
    left: 212.5px;
    width: 187px;
    height: 280px;
}

#w-yp735oj9 .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-yp735oj9 .image-background {
    width: 187.04761904761904px;
    height: 280.57142857142856px;
    top: -0.571428571428573px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/15.jpg) border-box;
    --type: 0;
}

#w-yp735oj9 .image-background-compare {
    background: undefined;
    clip: rect(0, 93.5px, 280px, 0);
    --type: 0;
}

#w-zxnpsz1k {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 631px;
}

#w-zxnpsz1k .section-wrapper {
    opacity: 1;
}

#w-zxnpsz1k {
    margin-bottom: -1px;
}

#w-zxnpsz1k .section-background {
    background: #fff;
    --type: 0;
}

#w-m3yp2qdv {
    top: 0px;
    left: 0px;
    width: 420px;
    height: 630px;
}

#w-m3yp2qdv .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(60%) brightness(100%) blur(0px);
    position: absolute;
    z-index: ;
}

#w-m3yp2qdv .image-background {
    width: 420.98591549295776px;
    height: 630.9859154929577px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(./images/16.jpg) border-box;
    --type: 0;
}

#w-m3yp2qdv .image-background-compare {
    background: undefined;
    clip: rect(0, 210px, 630px, 0);
    --type: 0;
}

#w-499ceajp {
    top: 421.83331298828125px;
    left: 122.5px;
    width: 175px;
    height: 50px;
}

#w-499ceajp .button-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 10px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: bold;
    background: rgba(240, 193, 225, 1.000);
    --type: 0;
}

#w-trbz8uhv {
    top: 351.828125px;
    left: 89.5px;
    width: 241px;
    height: 50px;
}

#w-trbz8uhv .button-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 10px;
    border-style: solid;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(90deg, rgba(193, 190, 184, 1) 0%, rgba(218, 215, 209, 0.47) 50%, rgba(161, 159, 155, 1) 100%);
    --type: 0;
}

#w-elvib1te {
    top: 0px;
    left: 0px;
    position: relative;
    width: 420px;
    height: 48px;
}

#w-elvib1te .section-wrapper {
    opacity: 1;
}

#w-elvib1te {
    margin-bottom: -1px;
}

#w-elvib1te .section-background {
    background: #fff;
    --type: 0;
}

#w-gur56q0k {
    top: 0px;
    left: -247px;
    width: 669px;
    height: 47px;
}

#w-o0mz96ae {
    top: 15.5px;
    left: 0px;
    width: 660px;
    height: 22.500001907348633px;
}

#w-o0mz96ae .text-block {
    background: ;
}

#w-o0mz96ae .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    text-align: end;
    --type: 0;
}

#w-pmc8mqlp {
    top: 14px;
    left: 391px;
    width: 25px;
    height: 25px;
}

#w-pmc8mqlp .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    transform: translateZ(0);
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    background: center center/ contain no-repeat scroll content-box url(https://content.pancake.vn/1/be/ad/61/25/69ccff4bf9c533a8297ad940b8f871b8bc7057593d2ec6f7d9c9066b.png) border-box;
    background-clip: padding-box;
}

#w-m8ypq383 {
    top: 5.5px;
    left: 346px;
    width: 42px;
    height: 42px;
}

#w-m8ypq383 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: center center/ contain no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s442x442/fwebp/36/b3/ec/ae/eb9548e74deddff898a48c5caa4791b84669476bafc00e5c1704e002-w:980-h:980-l:7525-t:image/webp.webp");
    background-clip: padding-box;
}

#w-m8ypq383 .rectangle-css.fb {
    background: center center/ contain no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s442x442/fpng/36/b3/ec/ae/eb9548e74deddff898a48c5caa4791b84669476bafc00e5c1704e002-w:980-h:980-l:7525-t:image/webp.webp");
    --type: 0;
}

#w-pwbv0386 {
    top: 14px;
    left: 317px;
    width: 25px;
    height: 25px;
}

#w-pwbv0386 .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    transform: translateZ(0);
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    background: center center/ cover no-repeat content-box url("https://content.pancake.vn/1/08/3f/7a/e9/be9a053a77ec7cdb461246a62779525962247b7146d4dcccce9c1cfb.png") border-box;
    background-clip: padding-box;
}

#w-3x1uugru {
    top: 0px;
    left: 244.5px;
    width: 423px;
    height: auto;
}

#w-3x1uugru .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    border-width: 1px;
    z-index: ;
}

#w-g10idptu {
    top: 1px;
    left: 242.5px;
    width: 427px;
    height: 46px;
}

#w-g10idptu .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 6px;
    border-style: solid;
    background: rgba(80, 110, 228, 0);
    background-clip: padding-box;
}

#w-__popup_default__ {
    position: fixed;
    width: 400px;
    height: 500px;
}

#w-__popup_default__::-webkit-scrollbar {
    display: none
}

#w-__popup_default__ .popup-background {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(76, 175, 80, 0);
    border-radius: 13px;
    border-style: solid;
    color: rgba(69, 64, 64, 1.000);
}

#w-h2uqzdce {
    top: 0px;
    left: 371px;
    z-index: 1;
    width: 29px;
    height: 29px;
}

#w-h2uqzdce {
    box-shadow: undefined;
    filter: undefined;
}

#w-h2uqzdce .rectangle-css {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
    border-color: #E5E7EB;
    border-style: solid;
    z-index: 1;
    background: rgba(255, 255, 255, 1);
    background-clip: padding-box;
}

#w-typml06f {
    top: 0px;
    left: 0px;
    width: 400px;
    height: 500px;
}

#w-typml06f .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-radius: 10px;
    border-style: solid;
    border-width: 0px;
    filter: contrast(100%) grayscale(0%) hue-rotate(0deg) invert(0%) saturate(100%) sepia(0%) opacity(100%) brightness(100%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-typml06f .image-background {
    width: 400.66666666666663px;
    height: 601px;
    top: -101px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box url(https://content.pancake.vn/web-media/7f/6f/61/20/2b9e24ef51d59835b6c74e6218402757d78081a5f9bd66fa867b8964-w:966-h:1449-l:61481-t:image/jpeg.jpg) border-box;
    --type: 0;
}

#w-typml06f .image-background-compare {
    background: undefined;
    clip: rect(0, 200px, 500px, 0);
    --type: 0;
}

#w-tj3gll2o {
    top: 272px;
    left: 0px;
    width: 400px;
    height: 129px;
}

#w-tj3gll2o .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(0, 0, 0, 0.48);
    background-clip: padding-box;
}

#w-za6i5k7e {
    top: 258px;
    left: 25px;
    width: 350px;
    height: 136px;
}

#w-za6i5k7e .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    position: absolute;
    z-index: null;
}

#w-za6i5k7e .image-background {
    width: 350.5207547169812px;
    height: 136px;
    top: 0px;
    left: 0px;
    background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp/cf/cf/28/5f/f9ca08165577556ed2df053b0962a0e8e670490844d7ad5e84fa48b2-w:1366-h:530-l:48754-t:image/png.png");
    --type: 0;
}

#w-za6i5k7e .image-background-compare {
    background: undefined;
    clip: rect(0, 175px, 136px, 0);
    --type: 0;
}

#w-tr9y1lzi {
    top: 350.5px;
    left: -40px;
    width: 480px;
    height: 37.5px;
}

#w-tr9y1lzi .text-block {
    background: ;
}

#w-tr9y1lzi .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(255, 255, 255, 1);
    filter: contrast(0%) grayscale(43%) hue-rotate(0deg) invert(0%) saturate(0%) sepia(0%) opacity(100%) brightness(200%) blur(0px);
    font-family: 'PinyonScript-Regular.ttf', sans-serif;
    font-size: 25px;
    letter-spacing: 2px;
    text-align: center;
    --type: 0;
}


#w-6ahmj60e form {
    -webkit-text-stroke: 0px rgba(255, 255, 255, 1);
    border-radius: 56px;
    color: rgba(0, 0, 0, 0.400);
    font-size: 13px;
}

#w-6ahmj60e input::placeholder,
#w-6ahmj60e .input-datetime-placeholder,
#w-6ahmj60e textarea::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

#w-ewqt1ylr {
    top: 240.5px;
    left: 0px;
    width: 323px;
    height: 42px;
}

#w-ewqt1ylr .button-css {
    -webkit-text-stroke: 0px rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    border-radius: 30px;
    border-style: solid;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.39);
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: bold;
    background: rgba(240, 193, 225, 1.000);
    --type: 0;
}

#w-fuj2zvu7 {
    top: 56.5px;
    left: 0.5px;
    width: 323px;
    height: 42px;
}

#w-fuj2zvu7 .input-css {
    border-color: rgba(0, 0, 0, 1);
    border-radius: 56px;
    border-style: double;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.400);
}

#w-fuj2zvu7 input {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-1h0nvpma {
    top: 113px;
    left: 0.5px;
    width: 323px;
    height: 42px;
}

#w-1h0nvpma .input-css {
    border-color: rgba(0, 0, 0, 1);
    border-radius: 56px;
    border-style: double;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.400);
}

#w-1h0nvpma input {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-a1jhbdfs {
    top: 166px;
    left: 0.5px;
    width: 323px;
    height: 42px;
}

#w-a1jhbdfs .select-css {
    border-color: rgba(0, 0, 0, 1);
    border-radius: 56px;
    border-style: double;
    border-width: 1px;
    color: rgba(0, 0, 0, 0.400);
}

#w-a1jhbdfs select {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.400);
}

#w-a1jhbdfs .chevron .icon {
    color: rgba(0, 0, 0, 0.400);
}

#w-2tcl66t0 {
    top: 38px;
    left: 61.5px;
    width: 277px;
    height: 69.01042175292969px;
}

#w-2tcl66t0 .text-block {
    background: ;
}

#w-2tcl66t0 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'NVN-Motherland-Signature.ttf', sans-serif;
    font-size: 23px;
    line-height: 3;
    text-align: center;
    --type: 0;
}

#w-epv49dmf {
    top: 98.5px;
    left: 125.5px;
    width: 149px;
    height: auto;
}

#w-epv49dmf .line-container {
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    border-width: 1px;
}

#w-nzgbt8bt {
    position: fixed;
    width: 400px;
    height: 381px;
}

#w-nzgbt8bt::-webkit-scrollbar {
    display: none
}

#w-nzgbt8bt .popup-background {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(229, 231, 235, 1);
    border-radius: 10px;
    border-style: solid;
}

#w-kisspvfv {
    top: 87.36363220214844px;
    left: 85px;
    width: 230px;
    height: 227px;
}

#w-kisspvfv .rectangle-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    background: rgba(255, 226, 249, 1.000);
    background-clip: padding-box;
}

#w-ed9oblaz {
    top: 0px;
    left: 371px;
    z-index: 1;
    width: 29px;
    height: 29px;
}

#w-ed9oblaz {
    box-shadow: undefined;
    filter: undefined;
}

#w-ed9oblaz .rectangle-css {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAyNCAyNCc+IDxwYXRoIGQ9J00xMy40NiwxMkwxOSwxNy41NFYxOUgxNy41NEwxMiwxMy40Nkw2LjQ2LDE5SDVWMTcuNTRMMTAuNTQsMTJMNSw2LjQ2VjVINi40NkwxMiwxMC41NEwxNy41NCw1SDE5VjYuNDZMMTMuNDYsMTJaJz48L3BhdGg+IDwvc3ZnPg==);
    border-color: #E5E7EB;
    border-style: solid;
    z-index: 1;
    background: rgb(212, 212, 212);
    background-clip: padding-box;
}

#w-2c48gxt3 {
    top: 13.5px;
    left: 61.5px;
    width: 277px;
    height: 69.01042175292969px;
}

#w-2c48gxt3 .text-block {
    background: ;
}

#w-2c48gxt3 .text-block-css {
    -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    color: rgba(0, 0, 0, 1);
    font-family: 'NVN-Motherland-Signature.ttf', sans-serif;
    font-size: 23px;
    line-height: 3;
    text-align: center;
    --type: 0;
}

#w-b74ytrw4 {
    top: 325.5px;
    left: 22.027755737304688px;
    width: 356px;
    height: 50.972225189208984px;
}

#w-b74ytrw4 .text-block {
    background: ;
}

#w-b74ytrw4 .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Arial', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    --type: 0;
}

#w-abgvbg6t {
    top: 101.5px;
    left: 100.03123474121094px;
    width: 200px;
    height: 200px;
}

#w-abgvbg6t .image-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    border-width: 0px;
    position: absolute;
    z-index: null;
}

#w-abgvbg6t .image-background {
    width: 380.8552915766739px;
    height: 824px;
    top: -273px;
    left: -91px;
    background: center center/ cover no-repeat content-box border-box url("https://content.pancake.vn/1/s780x1688/fwebp/11/83/93/27/c91fcbd3c11d401bafafc82e0178e671af2f59f3167097643b9baf99-w:1284-h:2778-l:390596-t:image/jpeg.jpg");
    --type: 0;
}

#w-abgvbg6t .image-background-compare {
    background: undefined;
    clip: rect(0, 100px, 200px, 0);
    --type: 0;
}

.-popup-checkout .-close,
.-zoom .-close {
    width: 22px;
    height: 22px;
}

.-checkout-gallery .gallery-view-item {
    background-size: cover !important;
}

#w-4eszafr3.animation {
    transform: perspective(1000px);
}

#w-4eszafr3.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-qj4x3hhd.animation {
    transform: perspective(1000px);
}

#w-qj4x3hhd.animation .image-block-css {
    animation-name: slideInRight;
    -webkit-animation-name: slideInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
}

#w-2qtdpz5v.animation {
    transform: perspective(1000px);
}

#w-2qtdpz5v.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-51uwcprd.animation {
    transform: perspective(1000px);
}

#w-51uwcprd.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
}

#w-hmx417or.animation {
    transform: perspective(1000px);
}

#w-hmx417or.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-t2m2uzg4.animation {
    transform: perspective(1000px);
}

#w-t2m2uzg4.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-ja02q4qk.animation {
    transform: perspective(1000px);
}

#w-ja02q4qk.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-rt78z2x0.animation {
    transform: perspective(1000px);
}

#w-rt78z2x0.animation .line-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-hl3mpl5r.animation {
    transform: perspective(1000px);
}

#w-hl3mpl5r.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-bg1p4pqv.animation {
    transform: perspective(1000px);
}

#w-bg1p4pqv.animation .image-block-css {
    animation-name: slideInRight;
    -webkit-animation-name: slideInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 8s;
    -webkit-animation-duration: 8s;
}

#w-vrj5ae9z.animation {
    transform: perspective(1000px);
}

#w-vrj5ae9z.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ro447tq1.animation {
    transform: perspective(1000px);
}

#w-ro447tq1.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-6ai6or66.animation {
    transform: perspective(1000px);
}

#w-6ai6or66.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-uwl755j6.animation {
    transform: perspective(1000px);
}

#w-uwl755j6.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-o244vplo.animation {
    transform: perspective(1000px);
}

#w-o244vplo.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-7xq4ifzq.animation {
    transform: perspective(1000px);
}

#w-7xq4ifzq.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-p5it58kn.animation {
    transform: perspective(1000px);
}

#w-p5it58kn.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-otjboi4o.animation {
    transform: perspective(1000px);
}

#w-otjboi4o.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-1e424hst.animation {
    transform: perspective(1000px);
}

#w-1e424hst.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-n420q3gb.animation {
    transform: perspective(1000px);
}

#w-n420q3gb.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-gp44a5y6.animation {
    transform: perspective(1000px);
}

#w-gp44a5y6.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}


#w-0c362gdd.animation {
    transform: perspective(1000px);
}

#w-0c362gdd.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

#w-d0u5h72p.animation {
    transform: perspective(1000px);
}

#w-d0u5h72p.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-4ubspdqr.animation {
    transform: perspective(1000px);
}

#w-4ubspdqr.animation .image-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-0ks4opxz.animation {
    transform: perspective(1000px);
}

#w-0ks4opxz.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-8y440bu9.animation {
    transform: perspective(1000px);
}

#w-8y440bu9.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-6uhy5p4v.animation {
    transform: perspective(1000px);
}

#w-6uhy5p4v.animation .text-block-css {
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-3f79uhf5.animation {
    transform: perspective(1000px);
}

#w-3f79uhf5.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-ddu61ha7.animation {
    transform: perspective(1000px);
}

#w-ddu61ha7.animation .text-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-7qmumsol.animation {
    transform: perspective(1000px);
}

#w-7qmumsol.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-opzpfprk.animation {
    transform: perspective(1000px);
}

#w-opzpfprk.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-q2daucbq.animation {
    transform: perspective(1000px);
}

#w-q2daucbq.animation .line-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-jv9i3lvl.animation {
    transform: perspective(1000px);
}

#w-jv9i3lvl.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-7zhr1v3u.animation {
    transform: perspective(1000px);
}

#w-7zhr1v3u.animation .text-block-css {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-td3u6t5g.animation {
    transform: perspective(1000px);
}

#w-td3u6t5g.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-uvta2v28.animation {
    transform: perspective(1000px);
}

#w-uvta2v28.animation .text-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-qjyljn60.animation {
    transform: perspective(1000px);
}

#w-qjyljn60.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-n8gzvpxw.animation {
    transform: perspective(1000px);
}

#w-n8gzvpxw.animation .text-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-mskqkofa.animation {
    transform: perspective(1000px);
}

#w-mskqkofa.animation .text-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-gfo2idta.animation {
    transform: perspective(1000px);
}

#w-gfo2idta.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-5sx9ie42.animation {
    transform: perspective(1000px);
}

#w-5sx9ie42.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-jd112yel.animation {
    transform: perspective(1000px);
}

#w-jd112yel.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-je8e8czr.animation {
    transform: perspective(1000px);
}

#w-je8e8czr.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-dc2yt118.animation {
    transform: perspective(1000px);
}

#w-dc2yt118.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 6s;
    -webkit-animation-duration: 6s;
}

#w-qxq56x07.animation {
    transform: perspective(1000px);
}

#w-qxq56x07.animation .image-block-css {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-655x5s25.animation {
    transform: perspective(1000px);
}

#w-655x5s25.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-q4lm07gq.animation {
    transform: perspective(1000px);
}

#w-q4lm07gq.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-y5320mge.animation {
    transform: perspective(1000px);
}

#w-y5320mge.animation .text-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
}

#w-juu475eg.animation {
    transform: perspective(1000px);
}

#w-juu475eg.animation .button-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-wg2v6szx.animation {
    transform: perspective(1000px);
}

#w-wg2v6szx.animation .text-block-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

#w-ogeg490e.animation {
    transform: perspective(1000px);
}

#w-ogeg490e.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-qhg11viu.animation {
    transform: perspective(1000px);
}

#w-qhg11viu.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-l8vwe9g0.animation {
    transform: perspective(1000px);
}

#w-l8vwe9g0.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-n1a07a7d.animation {
    transform: perspective(1000px);
}

#w-n1a07a7d.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-mpgcm7nj.animation {
    transform: perspective(1000px);
}

#w-mpgcm7nj.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-8v54y07e.animation {
    transform: perspective(1000px);
}

#w-8v54y07e.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-cbljerx1.animation {
    transform: perspective(1000px);
}

#w-cbljerx1.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-mhl75oyq.animation {
    transform: perspective(1000px);
}

#w-mhl75oyq.animation .image-block-css {
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-yp735oj9.animation {
    transform: perspective(1000px);
}

#w-yp735oj9.animation .image-block-css {
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-499ceajp.animation {
    transform: perspective(1000px);
}

#w-499ceajp.animation .button-css {
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-za6i5k7e.animation {
    transform: perspective(1000px);
}

#w-za6i5k7e.animation .image-block-css {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

#w-tr9y1lzi.animation {
    transform: perspective(1000px);
}

#w-tr9y1lzi.animation .text-block-css {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

/* Container */
#lyric-display {
font-weight: 550;
  position: relative;
  min-height: 1.2em;  /* prevents layout jump */
}

/* Each lyric line we inject */
#lyric-display .lyric-line {
  display: inline-block;
  will-change: transform, opacity, filter;
}

/* ---------- ENTER effects ---------- */
#lyric-display .enter-left   { animation: enterLeft   var(--enter-ms, 1000ms) cubic-bezier(.22,1,.36,1) both; }
#lyric-display .enter-right  { animation: enterRight  var(--enter-ms, 1000ms) cubic-bezier(.22,1,.36,1) both; }
#lyric-display .enter-top    { animation: enterTop    var(--enter-ms, 1000ms) cubic-bezier(.22,1,.36,1) both; }
#lyric-display .enter-bottom { animation: enterBottom var(--enter-ms, 1000ms) cubic-bezier(.22,1,.36,1) both; }
#lyric-display .enter-fade   { animation: enterFade   var(--enter-ms, 900ms)  ease-out both; }

/* ---------- EXIT effects (optional) ---------- */
#lyric-display .exit-left    { animation: exitLeft    var(--exit-ms, 350ms) cubic-bezier(.4,0,.7,.2) both; }
#lyric-display .exit-right   { animation: exitRight   var(--exit-ms, 350ms) cubic-bezier(.4,0,.7,.2) both; }
#lyric-display .exit-top     { animation: exitTop     var(--exit-ms, 350ms) cubic-bezier(.4,0,.7,.2) both; }
#lyric-display .exit-bottom  { animation: exitBottom  var(--exit-ms, 350ms) cubic-bezier(.4,0,.7,.2) both; }
#lyric-display .exit-fade    { animation: exitFade    var(--exit-ms, 320ms) ease-in both; }

/* Keyframes */
@keyframes enterLeft   { from { transform: translateX(-18px); opacity: 0; filter: blur(1.5px);} to {transform:none; opacity:1; filter:none;} }
@keyframes enterRight  { from { transform: translateX( 18px); opacity: 0; filter: blur(1.5px);} to {transform:none; opacity:1; filter:none;} }
@keyframes enterTop    { from { transform: translateY(-14px); opacity: 0; filter: blur(1.5px);} to {transform:none; opacity:1; filter:none;} }
@keyframes enterBottom { from { transform: translateY( 14px); opacity: 0; filter: blur(1.5px);} to {transform:none; opacity:1; filter:none;} }
@keyframes enterFade   { from { opacity: 0; } to { opacity: 1; } }

@keyframes exitLeft    { from { transform:none; opacity:1; } to { transform: translateX(-14px); opacity:0; } }
@keyframes exitRight   { from { transform:none; opacity:1; } to { transform: translateX( 14px); opacity:0; } }
@keyframes exitTop     { from { transform:none; opacity:1; } to { transform: translateY(-10px); opacity:0; } }
@keyframes exitBottom  { from { transform:none; opacity:1; } to { transform: translateY( 10px); opacity:0; } }
@keyframes exitFade    { from { opacity: 1; } to { opacity: 0; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  #lyric-display .lyric-line {
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}


/* hidden state before trigger */
.is-animation {
  opacity: 0;
  visibility: hidden;      /* prevent click/selection */
  transform: translateY(10px); /* optional initial offset */
  will-change: opacity, transform;
}


/* -----------------------------
   RSVP CARD
------------------------------ */


/* Your wrapper uses p-absolute. This ensures the card is a stable positioning context. */
#w-6ahmj60e.rsvp-card{
  position: relative !important;
}

.rsvp-card{ padding: 8%; }

.rsvp-title{
  margin: 0 0 6px;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

/* -----------------------------
   FIELDSET + CHOICES
------------------------------ */
.rsvp-fieldset{
  border: 1px solid var(--line);
  border-radius: 14px;
  margin: 0;
  background: rgba(255,255,255,.65);
}

/* Choice (radio) */
.choice{
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 12px;
  margin-top: 10px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.85);
  cursor: pointer;
  transition: transform .08s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  user-select: none;
}

.choice:hover{
  border-color: rgba(99,102,241,.35);
  box-shadow: 0 10px 22px rgba(2,6,23,.08);
  transform: translateY(-1px);
}

.choice input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.choice-ui{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(15,23,42,.22);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: white;
}

.choice-ui::after{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #f3d0d7;
  transform: scale(0);
  transition: transform .14s ease;
}

.choice-text{
  line-height: 1.3;
  font-size: 1.3rem;
}

.choice:focus-within{
  box-shadow: var(--ring);
  border-color: rgba(99,102,241,.45);
}

.choice input:checked + .choice-ui{
  border-color: rgba(99,102,241,.65);
}

.choice input:checked + .choice-ui::after{
  transform: scale(1);
}

.choice input:checked ~ .choice-text{
  font-weight: 600;
}

/* -----------------------------
   EXTRA SECTION (attending-fields)
------------------------------ */
.rsvp-extra{
  margin-top: 6px;
  padding: 6px;
  border-radius: 14px;
  border: 1px dashed rgba(99,102,241,.35);
  background: rgba(99,102,241,.06);
}

/* Field blocks */
.field{
  margin-bottom: 2px;
}

.field-label{
  font-size: 1.05rem !important;
  display: block;
  font-weight: 650;
  margin: 0 0 4px;
}

.field-input, .field-textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 14px;
  background: rgba(255,255,255,.9);
  padding: 12px 12px;
  font-size: 1rem;
  outline: none;
  transition: box-shadow .16s ease, border-color .16s ease, transform .08s ease;
}

.field-input:focus, .field-textarea:focus{
  border-color: rgba(99,102,241,.55);
  box-shadow: var(--ring);
}

.field-input{
  width: 100%;
  max-width: 220px;
}

/* Toggle (checkbox) */
.toggle{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 6px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.85);
  cursor: pointer;
  user-select: none;
  margin-bottom: 14px;
}

.toggle input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.toggle-ui{
  width: 44px;
  height: 26px;
  border-radius: 999px;
  background: rgba(15,23,42,.12);
  position: relative;
  transition: background .18s ease;
  flex: 0 0 auto;
}

.toggle-ui::after{
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: white;
  box-shadow: 0 6px 14px rgba(2,6,23,.18);
  transition: transform .18s ease;
}

.toggle input:checked + .toggle-ui{
  background: #f3d0d7;
}

.toggle input:checked + .toggle-ui::after{
  transform: translateX(18px);
}

.toggle:focus-within{
  box-shadow: var(--ring);
}

/* -----------------------------
   FIX #1: BUTTON SHOULD MOVE WITH CARD (override absolute)
   Your builder adds p-absolute. We force it back into normal flow.
------------------------------ */
#w-ewqt1ylr.com-button{
  position: static !important; /* cancels p-absolute */
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: 100% !important;
  margin-top: 10px;  /* small space above button */
}

#w-ewqt1ylr .button-css{
  width: 100% !important;
  height: auto !important;
}

#w-ewqt1ylr button{
  width: 100% !important;
  height: auto !important;
  padding: 10px 12px;
  border-radius: 14px;
  border: 0;
  cursor: pointer;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  color: white;
  font-weight: 700;
  letter-spacing: .02em;
}

#w-ewqt1ylr button:active{
  transform: translateY(1px);
}

/* -----------------------------
   FIX #2: Make attending-fields spacing ~half
   (Only affects fields inside #attending-fields)
------------------------------ */
#attending-fields.rsvp-extra{
  margin-top: 10px;      /* was 14px */
  padding: 8px;         /* was 14px */
  border-radius: 12px;  /* slightly smaller */
}

#attending-fields .field{
  margin-bottom: 8px;   /* was 14px */
}

#attending-fields .field-label{
  margin: 0 0 4px;      /* was 8px */
  font-size: 0.92rem;
}

#attending-fields .field-hint{
  margin: 4px 0 0;      /* was 8px */
  font-size: 1rem !;
}

#attending-fields .field-input,
#attending-fields .field-textarea{
  padding: 8px 10px;    /* was 12px */
  border-radius: 12px;  /* was 14px */
  font-size: 0.95rem;
}

#attending-fields .toggle{
  padding: 8px 10px;    /* was 12px */
  gap: 10px;            /* was 12px */
  margin-bottom: 8px;   /* was 14px */
  border-radius: 12px;
}

.flx-box{
    display: flex;
    align-items: center;
}

.rsvp-message{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: .95rem;
  line-height: 1.3;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(255,255,255,.85);
}
.rsvp-message.is-success{ border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.08); }
.rsvp-message.is-error{ border-color: rgba(239,68,68,.35); background: rgba(239,68,68,.08); }

#guest-name-block  {
    top: 720px;
    left: -35.5px;
    width: 491px;
    height: 22.500001907348633px;
}


#guest-name-block .text-block-css {
    border-color: rgba(229, 231, 235, 1);
    border-style: solid;
    font-family: 'Cormorant Upright', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    --type: 0;
}


#guest-name {
    font-size: 2rem;
    color: blue;
}