.hero-art.umma-hero-art,html.hero-ready .hero-art.umma-hero-art{opacity:1;transition:background-color var(--theme-fade) var(--ease)}.hero:has([data-umma-hero]) .hero-inner{translate:0 0}.hero:has([data-umma-hero]) .hero-copy>*{opacity:1}.umma-hero,.umma-hero-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.umma-hero-viewport{container-type:size}.umma-hero-frame{position:absolute;--umma-scene-top: var(--tao-announcement-height, 49px);top:var(--umma-scene-top);left:50%;width:max(100cqw,calc(169.268293cqh - var(--umma-scene-top) * 1.69268293));aspect-ratio:2776 / 1640;transform:translate(-50%);isolation:isolate}.umma-hero-picture,.umma-hero-poster,.umma-hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;display:block;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.umma-hero-picture--clean{visibility:hidden}.umma-hero-canvas{width:57.636888%;height:80.731707%;mix-blend-mode:multiply;visibility:hidden}.umma-hero[data-render-mode=canvas] .umma-hero-canvas,.umma-hero[data-render-mode=canvas] .umma-hero-picture--clean{visibility:visible}.umma-hero-transition{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;z-index:1;pointer-events:none;opacity:1;transition:opacity var(--theme-fade, .7s) var(--ease, ease)}@media(prefers-reduced-motion:reduce){.hero-art.umma-hero-art,html.hero-ready .hero-art.umma-hero-art,.umma-hero-transition{transition:none}}@media(min-width:921px)and (min-height:521px){body.tao-mockup-theme .hero:has([data-umma-hero]){min-height:max(min(85svh,870px),59.07781vw)}}@media(min-width:921px)and (max-width:1360px){body:has([data-umma-hero]) .nav{background:var(--bg-2)}}@media(max-width:920px)and (min-height:521px){.hero:has([data-umma-hero]){--umma-photo-width: 160vw;--umma-photo-height: 94.5245vw}.umma-hero-viewport{transform:translateY(var(--tao-announcement-height, 49px));-webkit-mask-image:linear-gradient(#000 calc(var(--umma-photo-height) * .9),transparent var(--umma-photo-height));mask-image:linear-gradient(#000 calc(var(--umma-photo-height) * .9),transparent var(--umma-photo-height))}.umma-hero-frame{width:var(--umma-photo-width);top:0;right:auto;left:50%;transform:translate(-68%)}.tao-product-new #MainContent[data-tao-mockup-product] .hero:has([data-umma-hero]) .hero-inner{padding-top:calc(var(--tao-announcement-height, 49px) + var(--umma-photo-height) * .91 + 45px)}.hero:has([data-umma-hero]) .hero-copy:before,.hero:has([data-umma-hero]) .copy-scrim{top:-35px;-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}}@media(max-height:520px){body:has([data-umma-hero]) .nav{background:var(--bg-2)}body.tao-mockup-theme .hero:has([data-umma-hero]){min-height:calc(59.07781vw + 80px)}}.umma-hero[data-catalog-fallback=true]{background:#f3f3f1}.umma-hero[data-catalog-fallback=true] .umma-hero-viewport{transform:none;-webkit-mask-image:none;mask-image:none}.umma-hero[data-catalog-fallback=true] .umma-hero-frame{top:12%;right:4%;bottom:8%;left:48%;width:auto;height:auto;aspect-ratio:auto;transform:none}.umma-hero[data-catalog-fallback=true] .umma-hero-poster{object-fit:contain}@media(max-width:920px)and (min-height:521px){.umma-hero[data-catalog-fallback=true] .umma-hero-frame{inset:calc(var(--tao-announcement-height, 49px) + 36px) 12% auto;height:275px}}.hero-art.umma-hero-art:after{content:none}.tao-product-new .feature-card{-webkit-backdrop-filter:none;backdrop-filter:none}.tao-product-new .features{translate:none}.tao-product-new .feature-card{opacity:1}@media(max-width:920px)and (min-height:521px){.hero:has([data-umma-hero]) .hero-copy:before{-webkit-backdrop-filter:none;backdrop-filter:none}}.tao-product-new .hero-copy{container:tao-hero-copy / inline-size}.hero-recommendation-short{display:none}@container tao-hero-copy (max-width: 320px){.hero-recommendation-full{display:none}.hero-recommendation-short{display:inline}}@media(min-width:921px)and (min-height:521px)and (min-aspect-ratio:17/10){body.tao-mockup-theme .hero:has([data-umma-hero]){min-height:100svh}.umma-hero-frame{width:calc(169.268293cqh - var(--umma-scene-top) * 1.69268293);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}}
/*# sourceMappingURL=/cdn/shop/t/218/assets/umma-hero.css.map */