.media-with-blocks{background:rgb(var(--color-background))}.media-with-blocks.gradient{background:var(--gradient-background)}.media-with-blocks__container{display:flex;flex-direction:column;gap:2.4rem}@media(min-width:990px){.media-with-blocks__container{flex-direction:row;align-items:flex-start}}.media-with-blocks__header{text-align:center;width:100%}.media-with-blocks__header--mobile{display:block}@media(min-width:990px){.media-with-blocks__header--mobile{display:none}}.media-with-blocks__header--desktop{display:none}@media(min-width:990px){.media-with-blocks__header--desktop{display:block;text-align:left}}.media-with-blocks__header-content{display:flex;flex-direction:column;gap:1.6rem;width:100%}@media(min-width:990px){.media-with-blocks__header-content{gap:1rem}}.media-with-blocks__header--mobile-left{text-align:left!important}.media-with-blocks__header--mobile-center{text-align:center!important}.media-with-blocks__header--mobile-right{text-align:right!important}@media(min-width:990px){.media-with-blocks__header--desktop-left{text-align:left!important}}@media(min-width:990px){.media-with-blocks__header--desktop-center{text-align:center!important}}@media(min-width:990px){.media-with-blocks__header--desktop-right{text-align:right!important}}.media-with-blocks__title{font-size:2.4rem;line-height:1.2;margin:0;color:rgb(var(--color-foreground));letter-spacing:0}@media(min-width:990px){.media-with-blocks__title{font-size:3.2rem}}.media-with-blocks__subtitle{font-size:1.4rem;line-height:1.2;color:rgba(var(--color-foreground-secondary),1);margin:0;font-weight:400;letter-spacing:0}@media(min-width:990px){.media-with-blocks__subtitle{font-size:1.6rem;max-width:95%}}.media-with-blocks__subtitle p{font-family:Inter,sans-serif;margin:0 0 12px;line-height:normal;font-size:16px}.media-with-blocks__media-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}@media(min-width:990px){.media-with-blocks__media-container{flex:1;max-width:65.8rem}}.media-with-blocks__content{display:flex;flex-direction:column;gap:2.4rem;width:100%}@media(min-width:990px){.media-with-blocks__content{flex:1;gap:3.2rem}}.media-with-blocks__blocks{display:flex;flex-direction:column}@media(min-width:990px){.media-with-blocks__blocks{gap:3.2rem}}.media-with-blocks__block{display:flex;flex-direction:column}.media-with-blocks__block--button{align-items:flex-start;margin-top:1.6rem}@media(min-width:990px){.media-with-blocks__block--button{margin-top:0}}.media-with-blocks__block-content{font-size:1.4rem;line-height:1.2;color:rgba(var(--color-foreground),1);margin:0;letter-spacing:0}@media(min-width:990px){.media-with-blocks__block-content{font-size:1.6rem;line-height:1.6;max-width:95%}}.media-with-blocks__block-content h1,.media-with-blocks__block-content h2,.media-with-blocks__block-content h3,.media-with-blocks__block-content h4,.media-with-blocks__block-content h5,.media-with-blocks__block-content h6{font-size:1.4rem;line-height:1.2;color:rgb(var(--color-foreground));margin:0 0 .8rem;font-weight:600;letter-spacing:0}@media(min-width:990px){.media-with-blocks__block-content h1,.media-with-blocks__block-content h2,.media-with-blocks__block-content h3,.media-with-blocks__block-content h4,.media-with-blocks__block-content h5,.media-with-blocks__block-content h6{font-size:1.8rem;margin-top:3.2rem}}.media-with-blocks__block-content h1:first-child,.media-with-blocks__block-content h2:first-child,.media-with-blocks__block-content h3:first-child,.media-with-blocks__block-content h4:first-child,.media-with-blocks__block-content h5:first-child,.media-with-blocks__block-content h6:first-child{margin-top:0}.media-with-blocks__block-content h1:last-child,.media-with-blocks__block-content h2:last-child,.media-with-blocks__block-content h3:last-child,.media-with-blocks__block-content h4:last-child,.media-with-blocks__block-content h5:last-child,.media-with-blocks__block-content h6:last-child{margin-bottom:0}.media-with-blocks__block-content p{margin:0 0 .8rem;color:rgba(var(--color-foreground-secondary),1);font-size:1.2rem;line-height:1.2;letter-spacing:0}@media(min-width:990px){.media-with-blocks__block-content p{font-size:1.4rem}}.media-with-blocks__block-content p:last-child{margin-bottom:0}.media-with-blocks__block-content ul,.media-with-blocks__block-content ol{margin:.8rem 0;padding-inline-start:1.6rem}@media(min-width:990px){.media-with-blocks__block-content ul,.media-with-blocks__block-content ol{margin-bottom:0}}.media-with-blocks__block-content ul{list-style:disc}.media-with-blocks__block-content ol{list-style:decimal}.media-with-blocks__block-content ul:last-child,.media-with-blocks__block-content ol:last-child{margin-bottom:0}.media-with-blocks__block-content ul li,.media-with-blocks__block-content ol li{margin:0 0 .8rem;color:rgba(var(--color-foreground-secondary),1);font-size:1.2rem;line-height:1.2;letter-spacing:0}@media(min-width:990px){.media-with-blocks__block-content ul li,.media-with-blocks__block-content ol li{font-size:1.4rem}}.media-with-blocks__block-content ul li:last-child,.media-with-blocks__block-content ol li:last-child{margin-bottom:0}.media-with-blocks__block-content strong{font-weight:600;color:rgb(var(--color-foreground))}.media-with-blocks__block-content em{font-style:italic}.media-with-blocks__block-content a{color:rgb(var(--color-link));text-decoration:underline}.media-with-blocks__block-content a:hover{color:rgb(var(--color-link-hover))}.media-with-blocks__block-button{font-size:1.4rem;line-height:1.2;color:rgb(var(--color-button-text));background:rgb(var(--color-button));display:flex;align-items:center;justify-content:center;gap:1.2rem;width:fit-content;letter-spacing:0;min-height:4rem;padding:0 3rem;text-decoration:none;transition:all .3s ease;margin:0}@media(min-width:990px){.media-with-blocks__block-button{font-size:1.6rem;min-height:5rem;padding:0 2.6rem}}.media-with-blocks__block-button:hover{background:rgb(var(--color-button-hover));border-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text));transform:translateY(-.1rem);box-shadow:none}.media-with-blocks__block-button:hover:after{box-shadow:none}.media-with-blocks__block-button:active{transform:translateY(0)}.media-with-blocks__image-wrapper{background:rgb(var(--color-card-background));border-radius:var(--image-border-radius, 1rem);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1);overflow:hidden;width:100%}.media-with-blocks__image-wrapper.no-shadow{box-shadow:none!important}.media-with-blocks__image-wrapper:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 2rem rgba(var(--color-shadow),.15)}.media-with-blocks__image-wrapper--hover-none:hover{transform:none;box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-blocks__image-wrapper--hover-lift:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 2rem rgba(var(--color-shadow),.15)}.media-with-blocks__image-wrapper--hover-scale:hover{transform:scale(1.02);box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-blocks__image-wrapper--placeholder{border:.1rem dashed rgba(var(--color-foreground-secondary),.3);min-height:20rem}.media-with-blocks__image-wrapper--placeholder:hover,.media-with-blocks__image-wrapper--placeholder.media-with-blocks__image-wrapper--hover-none:hover{transform:none;box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-blocks__image-wrapper--placeholder.media-with-blocks__image-wrapper--hover-lift:hover{transform:translateY(-.1rem);box-shadow:0 .3rem 1.5rem rgba(var(--color-shadow),.12)}.media-with-blocks__image-wrapper--placeholder.media-with-blocks__image-wrapper--hover-scale:hover{transform:scale(1.01);box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-blocks__placeholder{width:100%;height:100%;min-height:12rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgba(var(--color-foreground-secondary),.8);border-radius:calc(var(--image-border-radius, 1rem) * .5);border:.2rem dashed rgba(var(--color-foreground-secondary),.3);font-size:1.6rem;font-style:italic;transition:all .3s ease;cursor:pointer;aspect-ratio:16 / 9}@media(min-width:990px){.media-with-blocks__placeholder{font-size:2.4rem}}.media-with-blocks__placeholder:hover{background:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.4);color:rgba(var(--color-foreground),.9)}.media-with-blocks__image-link{display:block;text-decoration:none;color:inherit;width:100%}.media-with-blocks__image-content{width:100%;display:flex;align-items:center;justify-content:center}.media-with-blocks__image-content--full{width:100%}.media-with-blocks__image-content--75{width:75%}.media-with-blocks__image-content--50{width:50%}.media-with-blocks__image-content--custom{position:relative}.media-with-blocks__picture{width:100%;height:auto;display:block}.media-with-blocks__image{width:100%;height:auto;object-fit:cover;object-position:center;border-radius:calc(var(--image-border-radius, 1rem) * .5);display:block}.media-with-blocks__video-container{position:relative;width:100%;height:auto;display:block;cursor:pointer;border-radius:calc(var(--image-border-radius, 1rem) * .5);overflow:hidden}.media-with-blocks__video{width:100%;height:auto;display:block;border-radius:calc(var(--image-border-radius, 1rem) * .5)}.media-with-blocks__iframe{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:calc(var(--image-border-radius, 1rem) * .5)}.media-with-blocks__video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.8rem;height:4.8rem;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease,transform .2s ease;z-index:10;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);border:.1rem solid rgba(0,0,0,.1)}@media(min-width:990px){.media-with-blocks__video-play-button{width:5.6rem;height:5.6rem}}.media-with-blocks__video-container:hover .media-with-blocks__video-play-button{opacity:1}.media-with-blocks__video-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.media-with-blocks__video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.media-with-blocks__video-play-button svg{width:2.4rem;height:2.4rem;fill:#000;pointer-events:none;transition:all .3s ease}@media(min-width:990px){.media-with-blocks__video-play-button svg{width:2.8rem;height:2.8rem}}.media-with-blocks__video-container.playing .play-icon{display:none}.media-with-blocks__video-container.playing .pause-icon{display:block!important}.media-with-blocks__video-container.paused .play-icon{display:block}.media-with-blocks__video-container.paused .pause-icon{display:none!important}.media-with-blocks__video-container.playing .media-with-blocks__video-play-button{opacity:0;pointer-events:none;transition:opacity .3s ease}.media-with-blocks__video-container.playing.show-controls .media-with-blocks__video-play-button,.media-with-blocks__video-container.paused .media-with-blocks__video-play-button{opacity:1;pointer-events:auto}.media-with-blocks__video-mobile-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.8rem 1.2rem;border-radius:2rem;font-size:1.2rem;font-weight:500;z-index:5;opacity:1;transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);border:.1rem solid rgba(255,255,255,.2);display:none}@media(max-width:46.8125rem){.media-with-blocks__video-container.paused:not(.interacted) .media-with-blocks__video-mobile-hint{display:block}}@media(min-width:990px){.media-with-blocks__video-mobile-hint{display:none!important}}.media-with-blocks__video-mobile-hint__content{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.media-with-blocks__video-mobile-hint .tap-icon{width:1.6rem;height:1.6rem;fill:currentColor;animation:tap-pulse 2s infinite}@keyframes tap-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media(max-width:46.8125rem){.media-with-blocks__video-container.paused:not(.interacted) .media-with-blocks__video-play-button{opacity:0}.media-with-blocks__video-container.interacted .media-with-blocks__video-play-button,.media-with-blocks__video-container.show-controls .media-with-blocks__video-play-button,.media-with-blocks__video-container:hover .media-with-blocks__video-play-button{opacity:1}}.media-with-blocks:not(:has(.page-width)) .media-with-blocks__container{padding-left:1.5rem;padding-right:1.5rem}@media(min-width:990px){.media-with-blocks:not(:has(.page-width)) .media-with-blocks__container{padding-left:5rem;padding-right:5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-media-with-blocks.css.map */