fabric-los-retention *, fabric-los-retention ::before, fabric-los-retention ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
fabric-los-retention ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
fabric-los-retention .pointer-events-none {
    pointer-events: none;
}
fabric-los-retention .collapse {
    visibility: collapse;
}
fabric-los-retention .fixed {
    position: fixed;
}
fabric-los-retention .absolute {
    position: absolute;
}
fabric-los-retention .relative {
    position: relative;
}
fabric-los-retention .sticky {
    position: sticky;
}
fabric-los-retention .inset-0 {
    inset: 0px;
}
fabric-los-retention .inset-x-0 {
    left: 0px;
    right: 0px;
}
fabric-los-retention .bottom-0 {
    bottom: 0px;
}
fabric-los-retention .bottom-1 {
    bottom: 0.25rem;
}
fabric-los-retention .bottom-\[-10px\] {
    bottom: -10px;
}
fabric-los-retention .bottom-\[64px\] {
    bottom: 64px;
}
fabric-los-retention .left-0 {
    left: 0px;
}
fabric-los-retention .left-1\/2 {
    left: 50%;
}
fabric-los-retention .left-3 {
    left: 0.75rem;
}
fabric-los-retention .left-\[20px\] {
    left: 20px;
}
fabric-los-retention .right-0 {
    right: 0px;
}
fabric-los-retention .right-1\/2 {
    right: 50%;
}
fabric-los-retention .right-3 {
    right: 0.75rem;
}
fabric-los-retention .right-6 {
    right: 1.5rem;
}
fabric-los-retention .right-\[20px\] {
    right: 20px;
}
fabric-los-retention .top-0 {
    top: 0px;
}
fabric-los-retention .top-1\/2 {
    top: 50%;
}
fabric-los-retention .top-6 {
    top: 1.5rem;
}
fabric-los-retention .top-9 {
    top: 2.25rem;
}
fabric-los-retention .z-modal {
    z-index: 30;
}
fabric-los-retention .z-modal-4 {
    z-index: 101;
}
fabric-los-retention .z-overlay {
    z-index: 10;
}
fabric-los-retention .z-toast {
    z-index: 20;
}
fabric-los-retention .m-0 {
    margin: 0px;
}
fabric-los-retention .-my-xs {
    margin-top: -12px;
    margin-bottom: -12px;
}
fabric-los-retention .mx-sm {
    margin-left: 16px;
    margin-right: 16px;
}
fabric-los-retention .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
fabric-los-retention .-mt-2 {
    margin-top: -0.5rem;
}
fabric-los-retention .-mt-px {
    margin-top: -1px;
}
fabric-los-retention .mb-2 {
    margin-bottom: 0.5rem;
}
fabric-los-retention .mb-3 {
    margin-bottom: 0.75rem;
}
fabric-los-retention .mb-4 {
    margin-bottom: 1rem;
}
fabric-los-retention .mb-lg {
    margin-bottom: 32px;
}
fabric-los-retention .mb-sm {
    margin-bottom: 16px;
}
fabric-los-retention .mb-xl {
    margin-bottom: 40px;
}
fabric-los-retention .ml-1 {
    margin-left: 0.25rem;
}
fabric-los-retention .ml-4 {
    margin-left: 1rem;
}
fabric-los-retention .ml-auto {
    margin-left: auto;
}
fabric-los-retention .ml-sm {
    margin-left: 16px;
}
fabric-los-retention .mt-2 {
    margin-top: 0.5rem;
}
fabric-los-retention .mt-3 {
    margin-top: 0.75rem;
}
fabric-los-retention .mt-\[18px\] {
    margin-top: 18px;
}
fabric-los-retention .box-border {
    box-sizing: border-box;
}
fabric-los-retention .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
fabric-los-retention .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
fabric-los-retention .block {
    display: block;
}
fabric-los-retention .flex {
    display: flex;
}
fabric-los-retention .inline-flex {
    display: inline-flex;
}
fabric-los-retention .contents {
    display: contents;
}
fabric-los-retention .\!hidden {
    display: none !important;
}
fabric-los-retention .hidden {
    display: none;
}
fabric-los-retention .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
}
fabric-los-retention .aspect-\[5\/3\] {
    aspect-ratio: 5/3;
}
fabric-los-retention .aspect-square {
    aspect-ratio: 1 / 1;
}
fabric-los-retention .\!h-dvh {
    height: 100dvh !important;
}
fabric-los-retention .h-14 {
    height: 3.5rem;
}
fabric-los-retention .h-2xl {
    height: 48px;
}
fabric-los-retention .h-5 {
    height: 1.25rem;
}
fabric-los-retention .h-7 {
    height: 1.75rem;
}
fabric-los-retention .h-\[20px\] {
    height: 20px;
}
fabric-los-retention .h-\[221px\] {
    height: 221px;
}
fabric-los-retention .h-\[24px\] {
    height: 24px;
}
fabric-los-retention .h-\[28px\] {
    height: 28px;
}
fabric-los-retention .h-\[432px\] {
    height: 432px;
}
fabric-los-retention .h-\[486px\] {
    height: 486px;
}
fabric-los-retention .h-\[48px\] {
    height: 48px;
}
fabric-los-retention .h-\[88px\] {
    height: 88px;
}
fabric-los-retention .h-\[calc\(100dvh\+env\(safe-area-inset-bottom\)\)\] {
    height: calc(100dvh + env(safe-area-inset-bottom));
}
fabric-los-retention .h-auto {
    height: auto;
}
fabric-los-retention .h-full {
    height: 100%;
}
fabric-los-retention .h-lg {
    height: 32px;
}
fabric-los-retention .h-screen {
    height: 100vh;
}
fabric-los-retention .\!max-h-\[calc\(100dvh\+env\(safe-area-inset-bottom\)\)\] {
    max-height: calc(100dvh + env(safe-area-inset-bottom)) !important;
}
fabric-los-retention .max-h-\[300px\] {
    max-height: 300px;
}
fabric-los-retention .max-h-\[52px\] {
    max-height: 52px;
}
fabric-los-retention .max-h-\[60px\] {
    max-height: 60px;
}
fabric-los-retention .max-h-\[95svh\] {
    max-height: 95svh;
}
fabric-los-retention .min-h-\[400px\] {
    min-height: 400px;
}
fabric-los-retention .min-h-\[calc\(100dvh\+env\(safe-area-inset-bottom\)\)\] {
    min-height: calc(100dvh + env(safe-area-inset-bottom));
}
fabric-los-retention .min-h-dvh {
    min-height: 100dvh;
}
fabric-los-retention .w-56 {
    width: 14rem;
}
fabric-los-retention .w-\[24px\] {
    width: 24px;
}
fabric-los-retention .w-\[355px\] {
    width: 355px;
}
fabric-los-retention .w-\[3rem\] {
    width: 3rem;
}
fabric-los-retention .w-\[48px\] {
    width: 48px;
}
fabric-los-retention .w-\[50\%\] {
    width: 50%;
}
fabric-los-retention .w-\[70\%\] {
    width: 70%;
}
fabric-los-retention .w-\[88px\] {
    width: 88px;
}
fabric-los-retention .w-\[calc\(\(100\%-2\*0\.5rem-2rem\)\/3\)\] {
    width: calc((100% - 2 * 0.5rem - 2rem) / 3);
}
fabric-los-retention .w-\[calc\(100\%-30px\)\] {
    width: calc(100% - 30px);
}
fabric-los-retention .w-\[calc\(100vw-4rem\)\] {
    width: calc(100vw - 4rem);
}
fabric-los-retention .w-\[calc\(100vw-5\.5rem\)\] {
    width: calc(100vw - 5.5rem);
}
fabric-los-retention .w-auto {
    width: auto;
}
fabric-los-retention .w-full {
    width: 100%;
}
fabric-los-retention .w-lg {
    width: 32px;
}
fabric-los-retention .w-screen {
    width: 100vw;
}
fabric-los-retention .min-w-0 {
    min-width: 0px;
}
fabric-los-retention .min-w-\[200px\] {
    min-width: 200px;
}
fabric-los-retention .max-w-\[1000px\] {
    max-width: 1000px;
}
fabric-los-retention .max-w-\[1052px\] {
    max-width: 1052px;
}
fabric-los-retention .max-w-\[160px\] {
    max-width: 160px;
}
fabric-los-retention .max-w-\[204px\] {
    max-width: 204px;
}
fabric-los-retention .max-w-\[210px\] {
    max-width: 210px;
}
fabric-los-retention .max-w-\[243px\] {
    max-width: 243px;
}
fabric-los-retention .max-w-\[251px\] {
    max-width: 251px;
}
fabric-los-retention .max-w-\[260px\] {
    max-width: 260px;
}
fabric-los-retention .max-w-\[280px\] {
    max-width: 280px;
}
fabric-los-retention .max-w-\[311px\] {
    max-width: 311px;
}
fabric-los-retention .max-w-\[312px\] {
    max-width: 312px;
}
fabric-los-retention .max-w-\[313px\] {
    max-width: 313px;
}
fabric-los-retention .max-w-\[330px\] {
    max-width: 330px;
}
fabric-los-retention .max-w-\[413px\] {
    max-width: 413px;
}
fabric-los-retention .max-w-\[437px\] {
    max-width: 437px;
}
fabric-los-retention .max-w-\[48px\] {
    max-width: 48px;
}
fabric-los-retention .max-w-\[496px\] {
    max-width: 496px;
}
fabric-los-retention .max-w-\[527px\] {
    max-width: 527px;
}
fabric-los-retention .max-w-\[563px\] {
    max-width: 563px;
}
fabric-los-retention .max-w-\[588px\] {
    max-width: 588px;
}
fabric-los-retention .max-w-\[738px\] {
    max-width: 738px;
}
fabric-los-retention .max-w-\[834px\] {
    max-width: 834px;
}
fabric-los-retention .max-w-\[923px\] {
    max-width: 923px;
}
fabric-los-retention .max-w-none {
    max-width: none;
}
fabric-los-retention .flex-\[3\] {
    flex: 3;
}
fabric-los-retention .flex-\[4\] {
    flex: 4;
}
fabric-los-retention .flex-shrink-0 {
    flex-shrink: 0;
}
fabric-los-retention .shrink-0 {
    flex-shrink: 0;
}
fabric-los-retention .grow {
    flex-grow: 1;
}
fabric-los-retention .basis-0 {
    flex-basis: 0px;
}
fabric-los-retention .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .-translate-x-6 {
    --tw-translate-x: -1.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .-translate-y-3\/4 {
    --tw-translate-y: -75%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .translate-x-2 {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .-scale-x-100 {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .-scale-y-100 {
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
fabric-los-retention .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce-once-animation {
    50% {
        transform: translateY(2px);
    }
    100% {
        transform: translateY(0px);
    }
}
fabric-los-retention .animate-bounce-once {
    animation: bounce-once-animation 150ms ease-in-out;
}
@keyframes pulse {
    50% {
        opacity: .5;
    }
}
fabric-los-retention .animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
fabric-los-retention .cursor-default {
    cursor: default;
}
fabric-los-retention .cursor-pointer {
    cursor: pointer;
}
fabric-los-retention .select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
fabric-los-retention .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
fabric-los-retention .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
}
fabric-los-retention .snap-start {
    scroll-snap-align: start;
}
fabric-los-retention .snap-center {
    scroll-snap-align: center;
}
fabric-los-retention .scroll-ml-sm {
    scroll-margin-left: 16px;
}
fabric-los-retention .scroll-px-sm {
    scroll-padding-left: 16px;
    scroll-padding-right: 16px;
}
fabric-los-retention .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
fabric-los-retention .flex-row {
    flex-direction: row;
}
fabric-los-retention .flex-col {
    flex-direction: column;
}
fabric-los-retention .flex-col-reverse {
    flex-direction: column-reverse;
}
fabric-los-retention .flex-wrap {
    flex-wrap: wrap;
}
fabric-los-retention .items-start {
    align-items: flex-start;
}
fabric-los-retention .items-end {
    align-items: flex-end;
}
fabric-los-retention .items-center {
    align-items: center;
}
fabric-los-retention .items-stretch {
    align-items: stretch;
}
fabric-los-retention .justify-start {
    justify-content: flex-start;
}
fabric-los-retention .justify-center {
    justify-content: center;
}
fabric-los-retention .justify-between {
    justify-content: space-between;
}
fabric-los-retention .gap-2 {
    gap: 0.5rem;
}
fabric-los-retention .gap-2xs {
    gap: 8px;
}
fabric-los-retention .gap-4 {
    gap: 1rem;
}
fabric-los-retention .gap-5 {
    gap: 1.25rem;
}
fabric-los-retention .gap-\[20px\] {
    gap: 20px;
}
fabric-los-retention .gap-\[8px\] {
    gap: 8px;
}
fabric-los-retention .gap-lg {
    gap: 32px;
}
fabric-los-retention .gap-md {
    gap: 24px;
}
fabric-los-retention .gap-sm {
    gap: 16px;
}
fabric-los-retention .gap-xl {
    gap: 40px;
}
fabric-los-retention .gap-xs {
    gap: 12px;
}
fabric-los-retention .gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}
fabric-los-retention .gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
}
fabric-los-retention .self-start {
    align-self: flex-start;
}
fabric-los-retention .overflow-hidden {
    overflow: hidden;
}
fabric-los-retention .overflow-x-auto {
    overflow-x: auto;
}
fabric-los-retention .overflow-y-auto {
    overflow-y: auto;
}
fabric-los-retention .overflow-x-hidden {
    overflow-x: hidden;
}
fabric-los-retention .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
fabric-los-retention .overflow-ellipsis {
    text-overflow: ellipsis;
}
fabric-los-retention .whitespace-nowrap {
    white-space: nowrap;
}
fabric-los-retention .rounded {
    border-radius: 0.25rem;
}
fabric-los-retention .rounded-2xl {
    border-radius: 1rem;
}
fabric-los-retention .rounded-3xl {
    border-radius: 1.5rem;
}
fabric-los-retention .rounded-\[24px\] {
    border-radius: 24px;
}
fabric-los-retention .rounded-\[32px\] {
    border-radius: 32px;
}
fabric-los-retention .rounded-\[50\%\] {
    border-radius: 50%;
}
fabric-los-retention .rounded-\[8px\] {
    border-radius: 8px;
}
fabric-los-retention .rounded-full {
    border-radius: 9999px;
}
fabric-los-retention .rounded-sm {
    border-radius: 0.125rem;
}
fabric-los-retention .rounded-xl {
    border-radius: 0.75rem;
}
fabric-los-retention .rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
fabric-los-retention .rounded-b-none {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
fabric-los-retention .rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
fabric-los-retention .rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
fabric-los-retention .rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
fabric-los-retention .border-b {
    border-bottom-width: 1px;
}
fabric-los-retention .border-t {
    border-top-width: 1px;
}
fabric-los-retention .border-grey-20 {
    --tw-border-opacity: 1;
    border-color: rgb(211 216 225 / var(--tw-border-opacity));
}
fabric-los-retention .border-grey-5 {
    --tw-border-opacity: 1;
    border-color: rgb(229 234 237 / var(--tw-border-opacity));
}
fabric-los-retention .bg-black\/30 {
    background-color: rgb(0 0 0 / 0.3);
}
fabric-los-retention .bg-grey-0 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 242 244 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-grey-20 {
    --tw-bg-opacity: 1;
    background-color: rgb(211 216 225 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-grey-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 234 237 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-purple-0 {
    --tw-bg-opacity: 1;
    background-color: rgb(218 210 255 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-purple-80 {
    --tw-bg-opacity: 1;
    background-color: rgb(60 0 152 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-purple-90 {
    --tw-bg-opacity: 1;
    background-color: rgb(50 0 126 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-red-40 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 51 55 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-yellow-30 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 202 48 / var(--tw-bg-opacity));
}
fabric-los-retention .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
fabric-los-retention .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
fabric-los-retention .from-\[\#DAD2FF1A\] {
    --tw-gradient-from: #DAD2FF1A var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(218 210 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
fabric-los-retention .from-\[transparent\] {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
fabric-los-retention .via-grey-0 {
    --tw-gradient-to: rgb(239 242 244 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #EFF2F4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
fabric-los-retention .via-30\% {
    --tw-gradient-via-position: 30%;
}
fabric-los-retention .to-\[\#DAD2FF40\] {
    --tw-gradient-to: #DAD2FF40 var(--tw-gradient-to-position);
}
fabric-los-retention .to-grey-5 {
    --tw-gradient-to: #E5EAED var(--tw-gradient-to-position);
}
fabric-los-retention .bg-cover {
    background-size: cover;
}
fabric-los-retention .bg-center {
    background-position: center;
}
fabric-los-retention .bg-no-repeat {
    background-repeat: no-repeat;
}
fabric-los-retention .fill-grey-50 {
    fill: #798291;
}
fabric-los-retention .object-contain {
    -o-object-fit: contain;
       object-fit: contain;
}
fabric-los-retention .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
fabric-los-retention .object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
}
fabric-los-retention .p-0 {
    padding: 0px;
}
fabric-los-retention .p-0\.5 {
    padding: 0.125rem;
}
fabric-los-retention .p-2 {
    padding: 0.5rem;
}
fabric-los-retention .p-2xl {
    padding: 48px;
}
fabric-los-retention .p-2xs {
    padding: 8px;
}
fabric-los-retention .p-3 {
    padding: 0.75rem;
}
fabric-los-retention .p-6 {
    padding: 1.5rem;
}
fabric-los-retention .p-lg {
    padding: 32px;
}
fabric-los-retention .p-md {
    padding: 24px;
}
fabric-los-retention .p-sm {
    padding: 16px;
}
fabric-los-retention .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
fabric-los-retention .px-2xs {
    padding-left: 8px;
    padding-right: 8px;
}
fabric-los-retention .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
fabric-los-retention .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
fabric-los-retention .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
fabric-los-retention .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
fabric-los-retention .px-md {
    padding-left: 24px;
    padding-right: 24px;
}
fabric-los-retention .px-sm {
    padding-left: 16px;
    padding-right: 16px;
}
fabric-los-retention .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
fabric-los-retention .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
fabric-los-retention .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
fabric-los-retention .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
fabric-los-retention .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
fabric-los-retention .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
fabric-los-retention .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
fabric-los-retention .py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
fabric-los-retention .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
fabric-los-retention .py-lg {
    padding-top: 32px;
    padding-bottom: 32px;
}
fabric-los-retention .py-md {
    padding-top: 24px;
    padding-bottom: 24px;
}
fabric-los-retention .pb-12 {
    padding-bottom: 3rem;
}
fabric-los-retention .pb-2 {
    padding-bottom: 0.5rem;
}
fabric-los-retention .pb-3 {
    padding-bottom: 0.75rem;
}
fabric-los-retention .pb-4 {
    padding-bottom: 1rem;
}
fabric-los-retention .pb-5 {
    padding-bottom: 1.25rem;
}
fabric-los-retention .pb-6 {
    padding-bottom: 1.5rem;
}
fabric-los-retention .pb-md {
    padding-bottom: 24px;
}
fabric-los-retention .pb-sm {
    padding-bottom: 16px;
}
fabric-los-retention .pl-4 {
    padding-left: 1rem;
}
fabric-los-retention .pl-sm {
    padding-left: 16px;
}
fabric-los-retention .pr-lg {
    padding-right: 32px;
}
fabric-los-retention .pt-1 {
    padding-top: 0.25rem;
}
fabric-los-retention .pt-1\.5 {
    padding-top: 0.375rem;
}
fabric-los-retention .pt-4 {
    padding-top: 1rem;
}
fabric-los-retention .pt-\[92px\] {
    padding-top: 92px;
}
fabric-los-retention .pt-xl {
    padding-top: 40px;
}
fabric-los-retention .pt-xs {
    padding-top: 12px;
}
fabric-los-retention .text-center {
    text-align: center;
}
fabric-los-retention .align-middle {
    vertical-align: middle;
}
fabric-los-retention .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
fabric-los-retention .text-2xs {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
}
fabric-los-retention .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
fabric-los-retention .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
fabric-los-retention .text-5xl {
    font-size: 3rem;
    line-height: 1;
}
fabric-los-retention .text-\[10px\] {
    font-size: 10px;
}
fabric-los-retention .text-\[28px\] {
    font-size: 28px;
}
fabric-los-retention .text-base {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
fabric-los-retention .text-h-sm {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}
fabric-los-retention .text-h-xl {
    font-size: 31px;
    line-height: 36px;
    letter-spacing: -1px;
    font-weight: 700;
}
fabric-los-retention .text-lg {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}
fabric-los-retention .text-ms-h-xl {
    font-size: 44px;
    line-height: 36px;
    letter-spacing: -0.5px;
    font-weight: 900;
}
fabric-los-retention .text-sm {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
fabric-los-retention .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
fabric-los-retention .text-xs {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
fabric-los-retention .font-black {
    font-weight: 900;
}
fabric-los-retention .font-bold {
    font-weight: 700;
}
fabric-los-retention .uppercase {
    text-transform: uppercase;
}
fabric-los-retention .capitalize {
    text-transform: capitalize;
}
fabric-los-retention .italic {
    font-style: italic;
}
fabric-los-retention .leading-3 {
    line-height: .75rem;
}
fabric-los-retention .leading-5 {
    line-height: 1.25rem;
}
fabric-los-retention .leading-\[28px\] {
    line-height: 28px;
}
fabric-los-retention .leading-\[31px\] {
    line-height: 31px;
}
fabric-los-retention .leading-\[34px\] {
    line-height: 34px;
}
fabric-los-retention .leading-\[46px\] {
    line-height: 46px;
}
fabric-los-retention .tracking-\[-0\.5px\] {
    letter-spacing: -0.5px;
}
fabric-los-retention .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
fabric-los-retention .text-grey-50 {
    --tw-text-opacity: 1;
    color: rgb(121 130 145 / var(--tw-text-opacity));
}
fabric-los-retention .text-grey-70 {
    --tw-text-opacity: 1;
    color: rgb(68 78 93 / var(--tw-text-opacity));
}
fabric-los-retention .text-grey-80 {
    --tw-text-opacity: 1;
    color: rgb(36 44 56 / var(--tw-text-opacity));
}
fabric-los-retention .text-grey-90 {
    --tw-text-opacity: 1;
    color: rgb(26 33 44 / var(--tw-text-opacity));
}
fabric-los-retention .text-purple-0 {
    --tw-text-opacity: 1;
    color: rgb(218 210 255 / var(--tw-text-opacity));
}
fabric-los-retention .text-purple-100 {
    --tw-text-opacity: 1;
    color: rgb(19 0 49 / var(--tw-text-opacity));
}
fabric-los-retention .text-purple-60 {
    --tw-text-opacity: 1;
    color: rgb(76 0 194 / var(--tw-text-opacity));
}
fabric-los-retention .text-purple-80 {
    --tw-text-opacity: 1;
    color: rgb(60 0 152 / var(--tw-text-opacity));
}
fabric-los-retention .text-purple-90 {
    --tw-text-opacity: 1;
    color: rgb(50 0 126 / var(--tw-text-opacity));
}
fabric-los-retention .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
fabric-los-retention .text-yellow-30 {
    --tw-text-opacity: 1;
    color: rgb(255 202 48 / var(--tw-text-opacity));
}
fabric-los-retention .opacity-0 {
    opacity: 0;
}
fabric-los-retention .opacity-60 {
    opacity: 0.6;
}
fabric-los-retention .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
fabric-los-retention .shadow-1 {
    --tw-shadow: 0px 2px 3px rgba(19, 0, 49, 0.1);
    --tw-shadow-colored: 0px 2px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
fabric-los-retention .shadow-2 {
    --tw-shadow: 0px 4px 4px rgba(19, 0, 49, 0.2);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
fabric-los-retention .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
fabric-los-retention .shadow-3 {
    --tw-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
fabric-los-retention .shadow-\[0_0_0_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
    --tw-shadow: 0 0 0 4px rgba(0,0,0,0.3);
    --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
fabric-los-retention .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
fabric-los-retention .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
fabric-los-retention .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
fabric-los-retention .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
fabric-los-retention .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
fabric-los-retention .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
fabric-los-retention .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
fabric-los-retention .duration-200 {
    transition-duration: 200ms;
}
fabric-los-retention .duration-500 {
    transition-duration: 500ms;
}
fabric-los-retention .duration-700 {
    transition-duration: 700ms;
}
fabric-los-retention .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
fabric-los-retention .will-change-transform {
    will-change: transform;
}
fabric-los-retention .\@container\/promo_list-wrapper {
    container-type: inline-size;
    container-name: promo_list-wrapper;
}
fabric-los-retention .\@container\/promotion-card {
    container-type: inline-size;
    container-name: promotion-card;
}
fabric-los-retention .\@container\/promotions_carousel {
    container-type: inline-size;
    container-name: promotions_carousel;
}
fabric-los-retention .\@container\/promotions_carousel_layout {
    container-type: inline-size;
    container-name: promotions_carousel_layout;
}
fabric-los-retention .\@container\/small_default_list {
    container-type: inline-size;
    container-name: small_default_list;
}
fabric-los-retention .\@container\/small_default_list-skeleton {
    container-type: inline-size;
    container-name: small_default_list-skeleton;
}

body fabric-los-retention {
    font-family: "Circular Pro";
}

fabric-los-retention * {
    -webkit-font-smoothing: antialiased;
}

/* For Webkit-based browsers (Chrome, Safari and Opera) */
fabric-los-retention .scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* For IE, Edge and Firefox */
fabric-los-retention .scrollbar-hide {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

@font-face {
    font-family: "Midnight Sans";
    src: url("./fonts/midnight-sans-rd-12-black-pro.woff2") format("woff2"),
        url("https://www.casumo.com/fonts/midnight-sans-rd-12-black-pro.woff2") format("woff2"),
        url("https://www.casumotest.com/fonts/midnight-sans-rd-12-black-pro.woff2") format("woff2");
    font-weight: 700;
}

fabric-los-retention .font-midnight-sans {
    font-family: "Midnight Sans", "Circular Pro";
}

fabric-los-retention .curated-card-container:hover .curated-card-main-background {
    animation-timing-function: ease-out;
    transition-duration: 450ms;
    transform: scale(1.1)
}

fabric-los-retention .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}

fabric-los-retention .after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
}

fabric-los-retention .after\:z-\[1\]::after {
    content: var(--tw-content);
    z-index: 1;
}

fabric-los-retention .after\:h-\[20\%\]::after {
    content: var(--tw-content);
    height: 20%;
}

fabric-los-retention .after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
}

fabric-los-retention .after\:bg-gradient-to-t::after {
    content: var(--tw-content);
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

fabric-los-retention .after\:from-white::after {
    content: var(--tw-content);
    --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

fabric-los-retention .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
}

fabric-los-retention .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

fabric-los-retention .active\:translate-y-2xs:active {
    --tw-translate-y: 8px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

fabric-los-retention .active\:shadow-1:active {
    --tw-shadow: 0px 2px 3px rgba(19, 0, 49, 0.1);
    --tw-shadow-colored: 0px 2px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

fabric-los-retention .active\:duration-100:active {
    transition-duration: 100ms;
}

fabric-los-retention .group:has(div input:checked) .group-has-\[div_input\:checked\]\:inline-block {
    display: inline-block;
}

fabric-los-retention .group:has(div input:checked) .group-has-\[div_input\:checked\]\:max-h-full {
    max-height: 100%;
}

fabric-los-retention .group:has(div input:checked) .group-has-\[div_input\:checked\]\:-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

fabric-los-retention .group:has(div input:checked) .group-has-\[div_input\:checked\]\:after\:hidden::after {
    content: var(--tw-content);
    display: none;
}

@container promo_list-wrapper (min-width: 768px) {
    fabric-los-retention .\@\[768px\]\/promo_list-wrapper\:pl-2xl {
        padding-left: 48px;
    }
}

@container promotions_carousel (min-width: 768px) {
    fabric-los-retention .\@\[768px\]\/promotions_carousel\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@container promotions_carousel_layout (min-width: 768px) {
    fabric-los-retention .\@\[768px\]\/promotions_carousel_layout\:w-\[calc\(\(100\%-1rem-2\.5rem\)\/2\)\] {
        width: calc((100% - 1rem - 2.5rem) / 2);
    }
    fabric-los-retention .\@\[768px\]\/promotions_carousel_layout\:scroll-ml-2xl {
        scroll-margin-left: 48px;
    }
    fabric-los-retention .\@\[768px\]\/promotions_carousel_layout\:gap-sm {
        gap: 16px;
    }
    fabric-los-retention .\@\[768px\]\/promotions_carousel_layout\:px-2xl {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@container small_default_list (min-width: 768px) {
    fabric-los-retention .\@\[768px\]\/small_default_list\:w-\[calc\(\(100\%-4\*1rem-2rem\)\/6\)\] {
        width: calc((100% - 4 * 1rem - 2rem) / 6);
    }
    fabric-los-retention .\@\[768px\]\/small_default_list\:scroll-ml-2xl {
        scroll-margin-left: 48px;
    }
    fabric-los-retention .\@\[768px\]\/small_default_list\:gap-sm {
        gap: 16px;
    }
    fabric-los-retention .\@\[768px\]\/small_default_list\:pl-2xl {
        padding-left: 48px;
    }
}

@container small_default_list-skeleton (min-width: 768px) {
    fabric-los-retention .\@\[768px\]\/small_default_list-skeleton\:ml-2xl {
        margin-left: 48px;
    }
}

@container small_default_list (min-width: 1024px) {
    fabric-los-retention .\@\[1024px\]\/small_default_list\:w-\[calc\(\(100\%-5\*1rem-2rem\)\/7\)\] {
        width: calc((100% - 5 * 1rem - 2rem) / 7);
    }
}

@container promotions_carousel_layout (min-width: 1440px) {
    fabric-los-retention .\@\[1440px\]\/promotions_carousel_layout\:w-\[calc\(\(100\%-2\*1rem-2\.5rem\)\/3\)\] {
        width: calc((100% - 2 * 1rem - 2.5rem) / 3);
    }
}

@container small_default_list (min-width: 1440px) {
    fabric-los-retention .\@\[1440px\]\/small_default_list\:w-\[calc\(\(100\%-6\*1rem-2rem\)\/8\)\] {
        width: calc((100% - 6 * 1rem - 2rem) / 8);
    }
}

@container promotions_carousel_layout (min-width: 1920px) {
    fabric-los-retention .\@\[1920px\]\/promotions_carousel_layout\:w-\[calc\(\(100\%-3\*1rem-2\.5rem\)\/4\)\] {
        width: calc((100% - 3 * 1rem - 2.5rem) / 4);
    }
}

@container small_default_list (min-width: 1920px) {
    fabric-los-retention .\@\[1920px\]\/small_default_list\:w-\[calc\(\(100\%-8\*1rem-2rem\)\/10\)\] {
        width: calc((100% - 8 * 1rem - 2rem) / 10);
    }
}

@media (min-width: 768px) {
    fabric-los-retention .tablet\:pointer-events-auto {
        pointer-events: auto;
    }
    fabric-los-retention .tablet\:bottom-0 {
        bottom: 0px;
    }
    fabric-los-retention .tablet\:bottom-12 {
        bottom: 3rem;
    }
    fabric-los-retention .tablet\:left-12 {
        left: 3rem;
    }
    fabric-los-retention .tablet\:top-0 {
        top: 0px;
    }
    fabric-los-retention .tablet\:top-auto {
        top: auto;
    }
    fabric-los-retention .tablet\:mx-2xl {
        margin-left: 48px;
        margin-right: 48px;
    }
    fabric-los-retention .tablet\:mb-3 {
        margin-bottom: 0.75rem;
    }
    fabric-los-retention .tablet\:mb-6 {
        margin-bottom: 1.5rem;
    }
    fabric-los-retention .tablet\:mt-8 {
        margin-top: 2rem;
    }
    fabric-los-retention .tablet\:block {
        display: block;
    }
    fabric-los-retention .tablet\:flex {
        display: flex;
    }
    fabric-los-retention .tablet\:hidden {
        display: none;
    }
    fabric-los-retention .tablet\:h-24 {
        height: 6rem;
    }
    fabric-los-retention .tablet\:h-6 {
        height: 1.5rem;
    }
    fabric-los-retention .tablet\:h-\[138px\] {
        height: 138px;
    }
    fabric-los-retention .tablet\:h-\[32px\] {
        height: 32px;
    }
    fabric-los-retention .tablet\:h-\[356px\] {
        height: 356px;
    }
    fabric-los-retention .tablet\:h-\[90vh\] {
        height: 90vh;
    }
    fabric-los-retention .tablet\:h-auto {
        height: auto;
    }
    fabric-los-retention .tablet\:h-full {
        height: 100%;
    }
    fabric-los-retention .tablet\:\!max-h-\[90vh\] {
        max-height: 90vh !important;
    }
    fabric-los-retention .tablet\:max-h-\[600px\] {
        max-height: 600px;
    }
    fabric-los-retention .tablet\:max-h-\[90vh\] {
        max-height: 90vh;
    }
    fabric-los-retention .tablet\:min-h-0 {
        min-height: 0px;
    }
    fabric-los-retention .tablet\:w-\[328px\] {
        width: 328px;
    }
    fabric-los-retention .tablet\:w-\[32px\] {
        width: 32px;
    }
    fabric-los-retention .tablet\:w-\[37\.5vw\] {
        width: 37.5vw;
    }
    fabric-los-retention .tablet\:w-\[450px\] {
        width: 450px;
    }
    fabric-los-retention .tablet\:w-\[4rem\] {
        width: 4rem;
    }
    fabric-los-retention .tablet\:w-\[500px\] {
        width: 500px;
    }
    fabric-los-retention .tablet\:w-\[600px\] {
        width: 600px;
    }
    fabric-los-retention .tablet\:w-\[62\.5vw\] {
        width: 62.5vw;
    }
    fabric-los-retention .tablet\:w-\[calc\(100vw-6rem\)\] {
        width: calc(100vw - 6rem);
    }
    fabric-los-retention .tablet\:w-\[calc\(37\.5vw-4rem\)\] {
        width: calc(37.5vw - 4rem);
    }
    fabric-los-retention .tablet\:w-\[calc\(62\.5vw-4rem\)\] {
        width: calc(62.5vw - 4rem);
    }
    fabric-los-retention .tablet\:max-w-\[190px\] {
        max-width: 190px;
    }
    fabric-los-retention .tablet\:max-w-\[400px\] {
        max-width: 400px;
    }
    fabric-los-retention .tablet\:max-w-xl {
        max-width: 36rem;
    }
    fabric-los-retention .tablet\:basis-0 {
        flex-basis: 0px;
    }
    fabric-los-retention .tablet\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    fabric-los-retention .tablet\:-scale-x-100 {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    fabric-los-retention .tablet\:scale-y-100 {
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    fabric-los-retention .tablet\:flex-row {
        flex-direction: row;
    }
    fabric-los-retention .tablet\:flex-col {
        flex-direction: column;
    }
    fabric-los-retention .tablet\:items-start {
        align-items: flex-start;
    }
    fabric-los-retention .tablet\:items-end {
        align-items: flex-end;
    }
    fabric-los-retention .tablet\:items-center {
        align-items: center;
    }
    fabric-los-retention .tablet\:justify-end {
        justify-content: flex-end;
    }
    fabric-los-retention .tablet\:gap-2xl {
        gap: 48px;
    }
    fabric-los-retention .tablet\:gap-4 {
        gap: 1rem;
    }
    fabric-los-retention .tablet\:gap-6 {
        gap: 1.5rem;
    }
    fabric-los-retention .tablet\:gap-8 {
        gap: 2rem;
    }
    fabric-los-retention .tablet\:gap-md {
        gap: 24px;
    }
    fabric-los-retention .tablet\:gap-xl {
        gap: 40px;
    }
    fabric-los-retention .tablet\:rounded-3xl {
        border-radius: 1.5rem;
    }
    fabric-los-retention .tablet\:rounded-b-none {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    fabric-los-retention .tablet\:rounded-l-3xl {
        border-top-left-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }
    fabric-los-retention .tablet\:rounded-r-3xl {
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }
    fabric-los-retention .tablet\:rounded-br-none {
        border-bottom-right-radius: 0px;
    }
    fabric-los-retention .tablet\:rounded-tl-none {
        border-top-left-radius: 0px;
    }
    fabric-los-retention .tablet\:object-left {
        -o-object-position: left;
           object-position: left;
    }
    fabric-los-retention .tablet\:p-12 {
        padding: 3rem;
    }
    fabric-los-retention .tablet\:p-2xl {
        padding: 48px;
    }
    fabric-los-retention .tablet\:p-4 {
        padding: 1rem;
    }
    fabric-los-retention .tablet\:p-8 {
        padding: 2rem;
    }
    fabric-los-retention .tablet\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    fabric-los-retention .tablet\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    fabric-los-retention .tablet\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    fabric-los-retention .tablet\:px-2xl {
        padding-left: 48px;
        padding-right: 48px;
    }
    fabric-los-retention .tablet\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    fabric-los-retention .tablet\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    fabric-los-retention .tablet\:px-xl {
        padding-left: 40px;
        padding-right: 40px;
    }
    fabric-los-retention .tablet\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    fabric-los-retention .tablet\:py-md {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    fabric-los-retention .tablet\:pb-10 {
        padding-bottom: 2.5rem;
    }
    fabric-los-retention .tablet\:pl-12 {
        padding-left: 3rem;
    }
    fabric-los-retention .tablet\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    fabric-los-retention .tablet\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    fabric-los-retention .tablet\:text-\[22px\] {
        font-size: 22px;
    }
    fabric-los-retention .tablet\:text-\[26px\] {
        font-size: 26px;
    }
    fabric-los-retention .tablet\:text-\[29px\] {
        font-size: 29px;
    }
    fabric-los-retention .tablet\:text-\[32px\] {
        font-size: 32px;
    }
    fabric-los-retention .tablet\:text-\[40px\] {
        font-size: 40px;
    }
    fabric-los-retention .tablet\:text-base {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }
    fabric-los-retention .tablet\:text-h-xl {
        font-size: 31px;
        line-height: 36px;
        letter-spacing: -1px;
        font-weight: 700;
    }
    fabric-los-retention .tablet\:text-ms-h-2xl {
        font-size: 52px;
        line-height: 41px;
        letter-spacing: -0.5px;
        font-weight: 700;
    }
    fabric-los-retention .tablet\:text-sm {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }
    fabric-los-retention .tablet\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    fabric-los-retention .tablet\:font-bold {
        font-weight: 700;
    }
    fabric-los-retention .tablet\:leading-\[22px\] {
        line-height: 22px;
    }
    fabric-los-retention .tablet\:leading-\[26px\] {
        line-height: 26px;
    }
    fabric-los-retention .tablet\:leading-\[28px\] {
        line-height: 28px;
    }
    fabric-los-retention .tablet\:leading-\[30px\] {
        line-height: 30px;
    }
    fabric-los-retention .tablet\:leading-\[38px\] {
        line-height: 38px;
    }
    fabric-los-retention .tablet\:opacity-100 {
        opacity: 1;
    }
}

@media (min-width: 1024px) {
    fabric-los-retention .desktop\:mt-8 {
        margin-top: 2rem;
    }
    fabric-los-retention .desktop\:h-6 {
        height: 1.5rem;
    }
    fabric-los-retention .desktop\:h-\[168px\] {
        height: 168px;
    }
    fabric-los-retention .desktop\:h-\[32px\] {
        height: 32px;
    }
    fabric-los-retention .desktop\:w-\[168px\] {
        width: 168px;
    }
    fabric-los-retention .desktop\:w-\[299px\] {
        width: 299px;
    }
    fabric-los-retention .desktop\:w-\[33vw\] {
        width: 33vw;
    }
    fabric-los-retention .desktop\:w-\[614px\] {
        width: 614px;
    }
    fabric-los-retention .desktop\:w-\[66vw\] {
        width: 66vw;
    }
    fabric-los-retention .desktop\:w-\[calc\(33vw-4rem\)\] {
        width: calc(33vw - 4rem);
    }
    fabric-los-retention .desktop\:w-\[calc\(66vw-4rem\)\] {
        width: calc(66vw - 4rem);
    }
    fabric-los-retention .desktop\:flex-row {
        flex-direction: row;
    }
    fabric-los-retention .desktop\:items-start {
        align-items: flex-start;
    }
    fabric-los-retention .desktop\:gap-2xl {
        gap: 48px;
    }
    fabric-los-retention .desktop\:gap-xl {
        gap: 40px;
    }
    fabric-los-retention .desktop\:rounded-\[32px\] {
        border-radius: 32px;
    }
    fabric-los-retention .desktop\:p-2xl {
        padding: 48px;
    }
    fabric-los-retention .desktop\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    fabric-los-retention .desktop\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    fabric-los-retention .desktop\:text-\[28px\] {
        font-size: 28px;
    }
    fabric-los-retention .desktop\:text-\[34px\] {
        font-size: 34px;
    }
    fabric-los-retention .desktop\:text-\[40px\] {
        font-size: 40px;
    }
    fabric-los-retention .desktop\:text-base {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }
    fabric-los-retention .desktop\:text-h-2xl {
        font-size: 39px;
        line-height: 44px;
        letter-spacing: -1px;
        font-weight: 700;
    }
    fabric-los-retention .desktop\:text-h-lg {
        font-size: 25px;
        line-height: 28px;
        letter-spacing: -0.5px;
        font-weight: 700;
    }
    fabric-los-retention .desktop\:text-sm {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }
    fabric-los-retention .desktop\:text-xs {
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
    }
    fabric-los-retention .desktop\:font-bold {
        font-weight: 700;
    }
    fabric-los-retention .desktop\:leading-5 {
        line-height: 1.25rem;
    }
    fabric-los-retention .desktop\:leading-\[26px\] {
        line-height: 26px;
    }
    fabric-los-retention .desktop\:leading-\[32px\] {
        line-height: 32px;
    }
    fabric-los-retention .desktop\:leading-\[38px\] {
        line-height: 38px;
    }
    fabric-los-retention .desktop\:leading-\[46px\] {
        line-height: 46px;
    }
}

@media (min-width: 1440px) {
    fabric-los-retention .desktop-l\:w-\[437px\] {
        width: 437px;
    }
    fabric-los-retention .desktop-l\:gap-2xl {
        gap: 48px;
    }
    fabric-los-retention .desktop-l\:gap-lg {
        gap: 32px;
    }
    fabric-los-retention .desktop-l\:text-h-2xl {
        font-size: 39px;
        line-height: 44px;
        letter-spacing: -1px;
        font-weight: 700;
    }
    fabric-los-retention .lg-desktop\:mt-8 {
        margin-top: 2rem;
    }
    fabric-los-retention .lg-desktop\:h-6 {
        height: 1.5rem;
    }
    fabric-los-retention .lg-desktop\:h-7 {
        height: 1.75rem;
    }
    fabric-los-retention .lg-desktop\:h-\[436px\] {
        height: 436px;
    }
    fabric-los-retention .lg-desktop\:h-\[86px\] {
        height: 86px;
    }
    fabric-los-retention .lg-desktop\:w-\[664px\] {
        width: 664px;
    }
    fabric-los-retention .lg-desktop\:w-\[86px\] {
        width: 86px;
    }
    fabric-los-retention .lg-desktop\:max-w-\[500px\] {
        max-width: 500px;
    }
    fabric-los-retention .lg-desktop\:rounded-3xl {
        border-radius: 1.5rem;
    }
    fabric-los-retention .lg-desktop\:p-12 {
        padding: 3rem;
    }
    fabric-los-retention .lg-desktop\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    fabric-los-retention .lg-desktop\:text-\[46px\] {
        font-size: 46px;
    }
    fabric-los-retention .lg-desktop\:text-\[52px\] {
        font-size: 52px;
    }
    fabric-los-retention .lg-desktop\:text-\[64px\] {
        font-size: 64px;
    }
    fabric-los-retention .lg-desktop\:text-h {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.5px;
        font-weight: 700;
    }
    fabric-los-retention .lg-desktop\:text-ms-h-3xl {
        font-size: 64px;
        line-height: 51px;
        letter-spacing: -0.5px;
        font-weight: 900;
    }
    fabric-los-retention .lg-desktop\:leading-\[34px\] {
        line-height: 34px;
    }
    fabric-los-retention .lg-desktop\:leading-\[42px\] {
        line-height: 42px;
    }
    fabric-los-retention .lg-desktop\:leading-\[50px\] {
        line-height: 50px;
    }
    fabric-los-retention .lg-desktop\:leading-\[60px\] {
        line-height: 60px;
    }
}

@media (min-width: 1920px) {
    fabric-los-retention .desktop-xl\:h-\[168px\] {
        height: 168px;
    }
    fabric-los-retention .desktop-xl\:w-\[598px\] {
        width: 598px;
    }
    fabric-los-retention .xl-desktop\:mt-8 {
        margin-top: 2rem;
    }
    fabric-los-retention .xl-desktop\:h-7 {
        height: 1.75rem;
    }
    fabric-los-retention .xl-desktop\:h-\[156px\] {
        height: 156px;
    }
    fabric-los-retention .xl-desktop\:h-\[544px\] {
        height: 544px;
    }
    fabric-los-retention .xl-desktop\:w-\[156px\] {
        width: 156px;
    }
    fabric-los-retention .xl-desktop\:w-\[850px\] {
        width: 850px;
    }
    fabric-los-retention .xl-desktop\:max-w-\[640px\] {
        max-width: 640px;
    }
    fabric-los-retention .xl-desktop\:text-\[56px\] {
        font-size: 56px;
    }
    fabric-los-retention .xl-desktop\:text-\[68px\] {
        font-size: 68px;
    }
    fabric-los-retention .xl-desktop\:text-\[80px\] {
        font-size: 80px;
    }
    fabric-los-retention .xl-desktop\:text-\[88px\] {
        font-size: 88px;
    }
    fabric-los-retention .xl-desktop\:text-h-lg {
        font-size: 25px;
        line-height: 28px;
        letter-spacing: -0.5px;
        font-weight: 700;
    }
    fabric-los-retention .xl-desktop\:text-ms-h-4xl {
        font-size: 80px;
        line-height: 64px;
        letter-spacing: -0.5px;
        font-weight: 900;
    }
    fabric-los-retention .xl-desktop\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    fabric-los-retention .xl-desktop\:leading-\[53px\] {
        line-height: 53px;
    }
    fabric-los-retention .xl-desktop\:leading-\[64px\] {
        line-height: 64px;
    }
    fabric-los-retention .xl-desktop\:leading-\[76px\] {
        line-height: 76px;
    }
    fabric-los-retention .xl-desktop\:leading-\[84px\] {
        line-height: 84px;
    }
}fabric-los-retention .promo-content-block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
fabric-los-retention .promo-content-block h2 {
  font-size: 20px;
  font-weight: 700;
}
@media all and (min-width: 768px) {
  fabric-los-retention .promo-content-block h2 {
    font-size: 25px;
    font-weight: 700;
  }
}
fabric-los-retention .promo-content-block p,
fabric-los-retention .promo-content-block li,
fabric-los-retention .promo-content-block td {
  font-size: 16px;
}
@media all and (min-width: 768px) {
  fabric-los-retention .promo-content-block p,
  fabric-los-retention .promo-content-block li,
  fabric-los-retention .promo-content-block td {
    font-size: 20px;
  }
}
fabric-los-retention .promo-content-block ul {
  padding-left: 30px;
}
fabric-los-retention .promo-content-block li {
  list-style-type: disc;
}
fabric-los-retention .promo-content-block table,
fabric-los-retention .promo-content-block td,
fabric-los-retention .promo-content-block th {
  border: 1px solid;
}
fabric-los-retention .promo-content-block td {
  padding: 5px;
  text-wrap: nowrap;
}
fabric-los-retention .promo-content-block th {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  fabric-los-retention .promo-content-block table {
    width: 100% !important;
  }
}
fabric-los-retention .promo-content-block a {
  text-decoration: underline;
}

fabric-los-retention .c-promotions-list-tile-view {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, 1fr);
  justify-content: center;
}

@media (min-width: 768px) {
  fabric-los-retention .c-promotions-list-tile-view {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  fabric-los-retention .c-promotions-list-tile-view {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1440px) {
  fabric-los-retention .c-promotions-list-tile-view {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1920px) {
  fabric-los-retention .c-promotions-list-tile-view {
    grid-template-columns: repeat(4, 1fr);
  }
}
fabric-los-retention .c-promotions-faq-content p {
  font-size: 20px;
  font-weight: 400;
  margin-top: 4px;
  margin-bottom: 4px;
}
fabric-los-retention .c-promotions-faq-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 12px;
}
fabric-los-retention .c-promotions-faq-content a {
  text-decoration: underline;
}
fabric-los-retention .c-promotions-faq-content ol {
  list-style-type: decimal;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}
fabric-los-retention .c-promotions-faq-content li {
  font-size: 20px;
  font-weight: 400;
  padding-left: 0.375em;
}

fabric-los-retention .fade-in {
  animation: fade-in-animation 0.3s ease-in-out forwards;
}

fabric-los-retention .fade-out {
  animation: fade-out-animation 0.3s ease-in-out forwards;
}

fabric-los-retention .emerge {
  animation: emerge-animation 0.3s ease-in-out forwards;
}

fabric-los-retention .submerge {
  animation: submerge-animation 0.3s ease-in-out forwards;
}

@keyframes fade-in-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out-animation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes emerge-animation {
  from {
    transform: translateY(200%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes submerge-animation {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(200%);
  }
}
@media (max-width: 768px) {
  fabric-los-retention .animation-fade-in {
    animation: fadeFromTop 0.7s ease-in-out;
  }
}
@media all and (min-width: 768px) {
  fabric-los-retention .animation-fade-in {
    animation: fadeFromLeft 0.7s ease-in-out;
  }
}

@keyframes fadeFromLeft {
  from {
    left: -200px;
    opacity: 0;
  }
  to {
    left: 48px;
    opacity: 1;
  }
}
@keyframes fadeFromTop {
  from {
    top: -100px;
  }
  to {
    top: 36px;
  }
}@media (max-width: 768px) {
  fabric-los-retention .navbar {
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 20;
    background-color: #eff2f4;
    transition: transform 0.3s ease-in-out;
  }
}
@media (min-width: 769px) {
  fabric-los-retention .navbar {
    position: relative;
  }
}fabric-los-retention .welcome-popup-overlay--closing {
  animation: fadeOut 0.8s ease-in-out forwards;
}

fabric-los-retention .welcome-popup-modal--closing {
  animation: fadeOut 0.8s ease-in-out forwards;
}

@keyframes welcomeDots {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
fabric-los-retention .welcome-pop-up-video::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0;
  pointer-events: none;
}
fabric-los-retention .welcome-pop-up-video::-webkit-media-controls {
  display: none !important;
}

fabric-los-retention .welcome-dots span {
  animation: welcomeDots 1.2s infinite;
}
fabric-los-retention .welcome-dots span:nth-child(2) {
  animation-delay: 0.2s;
}
fabric-los-retention .welcome-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

fabric-los-retention .welcome-progress__track {
  width: 100%;
  height: 8px;
  background-color: rgba(255, 209, 43, 0.2);
}
fabric-los-retention .welcome-progress__bar {
  height: 100%;
  background-color: #FFD12B;
  width: 0%;
}
fabric-los-retention .welcome-progress--animating .welcome-progress__bar {
  animation: progressFill 8s linear forwards;
}

@keyframes progressFill {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
fabric-los-retention .welcome-message-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

fabric-los-retention .welcome-message {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  animation: messageCycle var(--duration) linear infinite;
  animation-delay: calc(var(--index) * var(--duration) / var(--total));
}

@keyframes messageCycle {
  0% {
    transform: translateY(20px);
    opacity: 0.5;
  }
  4%, 29% {
    transform: translateY(0);
    opacity: 1;
  }
  33.33% {
    transform: translateY(-20px);
    opacity: 0.5;
  }
  38%, 100% {
    transform: translateY(-30px);
    opacity: 0;
  }
}