/*! -------------------------------------------------------------------------------- Theme Name: Jack Wolfskin landing page Author: Machinas Digital Development S.L. Author URI: https://machinas.com Fri Feb 17 2023 14:41:23 GMT+0100 (Central European Standard Time) -------------------------------------------------------------------------------- */ .jwsdw-pageWrapper{max-width:none}.landingpage-wrapper>section{position:relative;line-height:0}.landingpage-wrapper .jws-grid-container-gutter:not(.jwsdw-lottery-mainform){margin-bottom:0}.landingpage-wrapper .jws-grid-container-gutter:not(.jwsdw-lottery-mainform)>[class*=jws-grid-]{margin-bottom:0}picture{display:block;position:relative;line-height:0}.msdw-container{max-width:1480px;margin-right:auto;margin-left:auto}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .jws-textlink>span{text-decoration:underline}.splitting .char::after,.splitting .char::before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}.msdw-d-flex--lg{display:flex;gap:10px}.msdw-icon--youtube{width:22px;height:22px;margin-right:.75em}.dialog-wrapper .swiper-slide picture,.msdw-flex-center-y,.msdw-icon-title,.msdw-quiz-list li{display:flex;align-items:center}.msdw-icon-title{gap:5px}.msdw-player-wrapper,.msdw-quiz-cta{-webkit-tap-highlight-color:transparent}.msdw-overflow-visible{overflow:visible}.msdw-section-headvisual picture img{aspect-ratio:1}iframe#youtube{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;max-width:calc(100% - 30px);max-height:calc(100% - 30px);aspect-ratio:16/9;z-index:1}.msdw-quiz-list li{gap:10px;cursor:pointer;transition:color .35s}.msdw-quiz-list li:focus,.msdw-quiz-list li:hover{color:#f9ba00}.msdw-quiz-answered,.msdw-quiz-failure,.msdw-quiz-success{height:0;opacity:0;visibility:hidden;transition:opacity .15s linear}.msdw-right-answer .msdw-icon-title,.msdw-wrong-answer .msdw-icon-title{gap:0}.msdw-right-answer .msdw-quiz-answered,.msdw-right-answer .msdw-quiz-success,.msdw-wrong-answer .msdw-quiz-answered,.msdw-wrong-answer .msdw-quiz-failure{height:auto;opacity:1;visibility:visible}.msdw-right-answer .msdw-quiz-done,.msdw-wrong-answer .msdw-quiz-done{display:none}.msdw-slider-products{overflow:visible}.msdw-slider-products .swiper-button-prev,.msdw-slider-products .swiper-container-rtl .swiper-button-next{left:-35px}.msdw-slider-products .swiper-button-next,.msdw-slider-products .swiper-rtl .swiper-button-prev{right:-35px}.msdw-slider-products .swiper-button-next,.msdw-slider-products .swiper-button-prev{background-position:50% 45%}.msdw-filter-wrapper{display:flex;justify-content:center;gap:15px}.msdw-filter-wrapper .msdw-filter svg{width:62px;height:62px}.msdw-filter-active svg circle{fill:#212121}.msdw-filter-active svg path{fill:#eeeee3}.msdw-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,auto);gap:10px 10px;align-items:center}.msdw-grid .a{grid-area:a}.msdw-grid .b{grid-area:b}.msdw-grid .c{grid-area:c}.msdw-grid-1{grid-template-areas:"a a a a a a c c c c c c" ". b b b b b c c c c c c"}.msdw-grid-2{grid-template-areas:"a a a a a a b b b b b b" "a a a a a a c c c c c ."}.msdw-hotspot{position:absolute;display:block;width:30px;height:30px;cursor:pointer;z-index:1}.msdw-hotspot svg{width:30px;height:30px}.msdw-hotspot-1{top:16%;left:57%}.msdw-hotspot-2{top:30%;left:13%}.msdw-hotspot-3{top:48%;left:50%}.msdw-hotspot-4{top:70%;left:60%}.msdw-hotspot-5{top:48%;left:54%}.msdw-hotspot-6{top:38%;left:80%}dialog{width:100vw;height:100vh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:#000;scrollbar-width:none;-ms-overflow-style:none}dialog::-webkit-scrollbar{display:none}.dialog-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.dialog-wrapper .swiper{height:calc(100vh - 100px)}.dialog-wrapper .swiper-slide,.dialog-wrapper .swiper-slide picture,.dialog-wrapper .swiper-slide>div{height:100%}.dialog-wrapper .swiper-slide picture img{object-fit:cover;aspect-ratio:16/9}.dialog-wrapper .msdw-swiper-button-next,.dialog-wrapper .msdw-swiper-button-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;mix-blend-mode:difference;cursor:pointer}.dialog-wrapper .msdw-swiper-button-prev{left:10px}.dialog-wrapper .msdw-swiper-button-next{right:10px}.dialog-wrapper .swiper-button-disabled{opacity:.25}.dialog-close{all:unset;position:absolute;top:20px;right:25px;z-index:2;cursor:pointer}.dialog-close svg{mix-blend-mode:difference}.msdw-landscape-viewer{position:relative;width:100%;height:100%;max-width:2958px;max-height:1664px;aspect-ratio:2958/1664;margin:0 auto;cursor:url(../img/binocular_cursor.svg),auto}.msdw-landscape-viewer .msdw-landscape-img{position:absolute;top:2px;left:auto;right:0;width:auto;height:calc(100% - 4px);max-width:none;max-height:none;-webkit-transform-origin:center;transform-origin:center;object-fit:cover;-webkit-animation:pingPong 10s ease-in-out infinite;animation:pingPong 10s ease-in-out infinite}@keyframes pingPong{50%{-webkit-transform:translateX(calc(100% - 100vw));transform:translateX(calc(100% - 100vw))}}.msdw-landscape-viewer .msdw-binocular-mask-wrapper{position:absolute;inset:0;width:100%;height:100%;max-width:2958px;max-height:1664px;aspect-ratio:2958/1664;object-fit:cover;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.msdw-landscape-viewer .msdw-binocular-mask-wrapper::after,.msdw-landscape-viewer .msdw-binocular-mask-wrapper::before{content:"";position:absolute;top:0;bottom:0;width:100%;height:100vh;background:#000}.msdw-landscape-viewer .msdw-binocular-mask-wrapper::before{right:calc(100% - 1px)}.msdw-landscape-viewer .msdw-binocular-mask-wrapper::after{left:calc(100% - 1px)}.msdw-landscape-viewer .msdw-binocular-mask{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.squarelovin-container{line-height:0;padding-bottom:50px}.squarelovin-container .squarelovin-widget-container{line-height:.75rem}@media screen and (min-width:600px){.msdw-d-flex--lg{flex-direction:column;gap:15px}.msdw-section-headvisual picture img{aspect-ratio:900/384}.msdw-slider-products .swiper-button-prev,.msdw-slider-products .swiper-container-rtl .swiper-button-next{left:-40px}.msdw-slider-products .swiper-button-next,.msdw-slider-products .swiper-rtl .swiper-button-prev{right:-40px}.msdw-filter-wrapper .msdw-filter svg{width:78px;height:78px}.msdw-filter-wrapper{gap:20px}.msdw-grid{gap:15px 15px}.msdw-grid-1{grid-template-areas:". a a a a a c c c c c ." ". . b b b b c c c c c ."}.msdw-grid-2{grid-template-areas:". a a a a a b b b b b ." ". a a a a a c c c c . ."}.squarelovin-container{padding-bottom:70px}}@media screen and (min-width:900px){.msdw-d-flex--lg{flex-direction:row;gap:20px;padding-right:20px}.msdw-icon--youtube{width:25px;height:25px}.msdw-section-headvisual picture img{aspect-ratio:1200/512}.msdw-grid{gap:20px 20px}.msdw-hotspot-4{top:65%;left:48%}.dialog-wrapper .msdw-swiper-button-prev{left:25px}.dialog-wrapper .msdw-swiper-button-next{right:25px}}@media screen and (min-width:1200px){.msdw-section-headvisual picture img{aspect-ratio:1920/818}iframe#youtube{width:1280px}}@media screen and (min-width:1480px){.msdw-slider-products{overflow:hidden}.msdw-slider-products .swiper-button-prev,.msdw-slider-products .swiper-container-rtl .swiper-button-next{left:20px}.msdw-slider-products .swiper-button-next,.msdw-slider-products .swiper-rtl .swiper-button-prev{right:20px}}@media screen and (max-width:899px){.msdw-quiz-success .msdw-icon-title-spacer{height:64px;width:0;overflow:hidden}.msdw-slider-products .jws-productName,.msdw-slider-products .jws-productPrice{font-size:.75rem}}@media screen and (max-width:599px){.msdw-btn-fw--mobile{width:100%}}@media screen and (prefers-reduced-motion:no-preference){.msdw-animate{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}[data-splitting=lines] .word{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);transition:opacity .3s linear,-webkit-transform .25s cubic-bezier(0,.5,.5,1);transition:transform .25s cubic-bezier(0,.5,.5,1),opacity .3s linear;transition:transform .25s cubic-bezier(0,.5,.5,1),opacity .3s linear,-webkit-transform .25s cubic-bezier(0,.5,.5,1);transition-delay:calc(.35s * var(--line-index))}.msdw-animate-chars .char{opacity:0;transition:opacity .3s linear;transition-delay:calc(20ms + (30ms * var(--char-index)))}.msdw-animated{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,1);animation-timing-function:cubic-bezier(.5,0,.5,1)}@-webkit-keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.msdw-animated .char,.msdw-animated .word{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.msdw-anim-delay-1{-webkit-animation-delay:.1s;animation-delay:.1s}.msdw-anim-delay-2{-webkit-animation-delay:.2s;animation-delay:.2s}.msdw-anim-delay-3{-webkit-animation-delay:.3s;animation-delay:.3s}.msdw-anim-delay-4{-webkit-animation-delay:.4s;animation-delay:.4s}.msdw-anim-delay-5{-webkit-animation-delay:.5s;animation-delay:.5s}.msdw-anim-delay-6{-webkit-animation-delay:.6s;animation-delay:.6s}.msdw-anim-delay-7{-webkit-animation-delay:.7s;animation-delay:.7s}.msdw-anim-delay-8{-webkit-animation-delay:.8s;animation-delay:.8s}.msdw-anim-delay-9{-webkit-animation-delay:.9s;animation-delay:.9s}}@media (hover:hover){.msdw-landscape-viewer .msdw-landscape-img{left:5%;width:150%;-webkit-animation:none;animation:none}}@media (orientation:portrait){.msdw-landscape-viewer .msdw-binocular-mask-wrapper{display:none}} /*# sourceMappingURL=20230216DiscoverWilderness_styles.min.css.map */