/* Styles vaios 2.0 */

/* Loading Wrap */
.loading-wrap {
    opacity: 1;
    display: flex;
}

.loading-wrap .loading_logo {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
/* Text Selection Styles */
::selection {
    background: var(--_color---vaios--lime);
    color: black;
    text-shadow: none;
}

[cursor-mode="black"] *::selection {
    background: var(--_color---vaios--black);
    color: white;
    text-shadow: none;
}

/* Default Overwrites */
*:focus-visible {
    outline-color: white !important;
}

/* Button Hover Styles */
.button:hover .cta-arrow {
    transform: rotate(0deg);
}

.magnetic-link__bg .cursor-bg {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #454545 !important;
}


[data-wf--cta-button--variant="white"] .magnetic-link__bg .cursor-bg {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: var(--_color---vaios--light-gray) !important;
}

.main-nav_link .magnetic-link__bg .cursor-bg {
    background-color: #292929 !important;
}

/* Disable Pointer on Special Button */
.special-btn-wrap .button {
    cursor: not-allowed;
}



/* Hide Slider Arrow on each end */
.fs-slider-show_button.is-nav-disabled {
    opacity: .3;
}

/* Webflow Badge Cursor */
.webflow-partner-badge {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>🚀</text></svg>") 16 0, auto;
}


/*
____            _    _                            _       
|  _ \  ___  ___| | _| |_ ___  _ __     ___  _ __ | |_   _ 
| | | |/ _ \/ __| |/ / __/ _ \| '_ \   / _ \| '_ \| | | | |
| |_| |  __/\__ \   <| || (_) | |_) | | (_) | | | | | |_| |
|____/ \___||___/_|\_\\__\___/| .__/   \___/|_| |_|_|\__, |
                              |_|                    |___/  */


@media (width >767px) {

    /* Reference Slider big cards*/
    .fs-slider-show_slide:nth-child(10n + 1),
    .fs-slider-show_slide:nth-child(10n + 4),
    .fs-slider-show_slide:nth-child(10n + 8),
    .fs-slider-show_slide:nth-child(10n + 9) {
        width: calc((100% / 12 * 5) - (var(--_layout---grid--gap-main) / 2));

        & .show-slide_img {
            aspect-ratio: 27.5 / 20.5;
            height: auto;
        }
    }

}


/* 
  __  __       _     _ _      
 |  \/  | ___ | |__ (_) | ___ 
 | |\/| |/ _ \| '_ \| | |/ _ \
 | |  | | (_) | |_) | | |  __/
 |_|  |_|\___/|_.__/|_|_|\___|
                               */

@media (width <=767px) {

    .fs-slider-show_slide:nth-child(10n + 1),
    .fs-slider-show_slide:nth-child(10n + 4),
    .fs-slider-show_slide:nth-child(10n + 8),
    .fs-slider-show_slide:nth-child(10n + 9) {
        width: calc((100% / 12 * 10) - (var(--_layout---grid--gap-main) / 2));

        & .show-slide_img {
            aspect-ratio: 20 / 17.8;
            height: auto;
        }
    }

    .footer .col:nth-child(n+3) .footer-column-wrap {
        border: none;
    }

    .family-member_details {
        opacity: 0;
    }

    .fs-family-slider_slide.is-slide-active .family-member_details {
        opacity: 1;
    }

}

 /* 
 __     __    _              _____ _ _      _                ____              _     
 \ \   / /_ _| |_   _  ___  |  ___| (_) ___| | _____ _ __   / ___|__ _ _ __ __| |___ 
  \ \ / / _` | | | | |/ _ \ | |_  | | |/ __| |/ / _ \ '__| | |   / _` | '__/ _` / __|
   \ V / (_| | | |_| |  __/ |  _| | | | (__|   <  __/ |    | |__| (_| | | | (_| \__ \
    \_/ \__,_|_|\__,_|\___| |_|   |_|_|\___|_|\_\___|_|     \____\__,_|_|  \__,_|___/
                                                                                      */

                                                                                      [data-flick-cards-dragger] {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
  touch-action: pan-y;
}

/* Position Slides (also in Webflow Designer) */
[data-flick-cards-item-status] .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-card__media {
  transition: opacity 0.2s ease;
  opacity: 0.5;
}

[data-flick-cards-item-status="2-before"] .flick-card__media,
[data-flick-cards-item-status="2-after"] .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) .flick-card__media{
  transition: opacity 0.2s ease;
  opacity: 0.75;
}

[data-flick-cards-item-status="active"] .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__media {
  opacity: 1;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) {z-index: 4;}
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) {transform: translate(25%, 1%) rotate(10deg) scale(0.9, 0.9);z-index: 3;}
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(3) {transform: translate(45%, 5%) rotate(15deg) scale(0.8, 0.8);z-index: 2;}
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) {transform: translate(-25%, 1%) rotate(-10deg) scale(0.9, 0.9);z-index: 3;}
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(2) {transform: translate(-45%, 5%) rotate(-15deg) scale(0.8, 0.8);z-index: 2;}

/* Animate Button */
[data-flick-cards-item-status] .flick-card__btn,
:is(.wf-design-mode, .w-editor) .flick-group__item .flick-card__btn {
  transition: opacity 0.4s cubic-bezier(0.625, 0.05, 0, 1), 1s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
  transform: translate(0%, 50%) rotate(0.001deg);
}

[data-flick-cards-item-status="active"] .flick-card__btn,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__btn {
  opacity: 1;
  transform: translate(0%, 0%) rotate(0.001deg);
}


/* 
  ____       _                         ____            
 |  _ \ _ __(_)_   ____ _  ___ _   _  | __ )  ___  ___ 
 | |_) | '__| \ \ / / _` |/ __| | | | |  _ \ / _ \/ _ \
 |  __/| |  | |\ V / (_| | (__| |_| | | |_) |  __/  __/
 |_|   |_|  |_| \_/ \__,_|\___|\__, | |____/ \___|\___|
                               |___/                    */

.prx_wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-bottom: 10rem;
    padding-top: 3.75rem;
}

.prx_wrapper p {
    margin-bottom: 10px;
}

.prx_h1 {
    display: none;
}

.prx_h2 {
    margin-top: var(--_layout---spacing--margin-xs);
    margin-bottom: var(--_layout---spacing--margin-xs);
    font-family: var(--_typography---fonts--primary-font);
    font-size: var(--_responsive---font-size--paragraph-lg);
}

.prx_listWrapper {
    margin-bottom: 5em;
}

.prx_expandableText {
    margin-top: 2em;
}
.prx_techWrapper {
    margin-bottom: 2em;
}

.prx_expandableTagMobile {
    margin-bottom: var(--_typography---paragraph-xs--bottom-margin);
    font-family: var(--_typography---fonts--primary-font);
    line-height: 1.25;
    font-weight: 400;
}

.prx_h3, .prx_h4, .prx_h5 {
    margin-top: 1.5em;
    margin-bottom: 1rem;
    font-family: var(--_typography---fonts--primary-font);
    font-size: var(--_responsive---font-size--paragraph-lg);
}