.exploded-view-custom{position:relative;width:100%;max-width:100%;box-sizing:border-box;background-color:var(--exv-bg, #000000);color:#fff;overflow:hidden}.exploded-view-custom>.page-width{position:relative;z-index:2;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.exploded-view-custom__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto 64px;max-width:110rem;width:100%}@media screen and (min-width:768px){.exploded-view-custom__head{margin-bottom:96px}}.exploded-view-custom__badge{display:inline-block;padding:8px 20px;border-radius:9999px;background-color:#1a1a1b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:40px;box-shadow:0 25px 50px -12px #00000080}.exploded-view-custom__badge span{font-size:10px;font-weight:900;letter-spacing:.4em;color:#86868b;text-transform:uppercase}@media screen and (min-width:768px){.exploded-view-custom__badge span{font-size:11px}}.exploded-view-custom__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:40px;line-height:.95;letter-spacing:-.03em;margin:0 0 48px;color:#f5f5f7}@media screen and (min-width:768px){.exploded-view-custom__title{font-size:50px}}@media screen and (min-width:1024px){.exploded-view-custom__title{font-size:67px}}@media screen and (max-width:1023px){.exploded-view-custom__title{font-size:50px}}.exploded-view-custom__title-accent{background-image:linear-gradient(105deg,var(--exv-accent, #e32726) 0%,var(--exv-accent-yellow, #f5b100) 45%,var(--exv-green, #6abb2e) 100%);background-size:120% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.exploded-view-custom__lede{font-size:17px;font-weight:500;line-height:1.65;color:#86868b;max-width:min(45rem,100%);margin:0;letter-spacing:-.02em}@media screen and (min-width:768px){.exploded-view-custom__lede{font-size:19px}}.exploded-view-custom__lede-br{display:none}@media screen and (min-width:640px){.exploded-view-custom__lede-br{display:inline}}.exploded-view-custom__stage-wrap{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:460px}@media screen and (max-width:1023px){.exploded-view-custom{overflow-x:clip}.exploded-view-custom>.page-width{overflow:visible}.exploded-view-custom__stage-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media screen and (min-width:640px){.exploded-view-custom__stage-wrap{height:580px}}@media screen and (min-width:1024px){.exploded-view-custom__stage-wrap{height:min(56vh,780px)}}.exploded-view-custom__stage-frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;background:transparent}.exploded-view-custom__stage-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.exploded-view-custom__stage-media img{width:100%;height:100%;object-fit:contain;display:block}.exploded-view-custom__stage-placeholder{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:calc(100% - 64px);max-width:100%;aspect-ratio:16 / 9;max-height:calc(100% - 64px);height:auto;margin:32px;border-radius:24px;border:2px dashed rgba(255,255,255,.05)}@media screen and (min-width:768px){.exploded-view-custom__stage-placeholder{border-radius:32px}}.exploded-view-custom__stage-placeholder-icon{width:80px;height:80px;border-radius:50%;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;margin-bottom:24px;flex-shrink:0}.exploded-view-custom__stage-placeholder-icon svg{width:32px;height:32px;color:#86868b;stroke-width:1.5}.exploded-view-custom__stage-placeholder-label{font-size:16px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;text-align:center;color:#86868b;padding-left:16px;padding-right:16px;margin:0;line-height:1.35}@media screen and (min-width:768px){.exploded-view-custom__stage-placeholder-label{font-size:20px}}.exploded-view-custom .rte a,.exploded-view-custom .rte a:link{color:#2997ff}.exploded-view-custom .rte a:hover,.exploded-view-custom .rte a:focus-visible{color:#7cc4ff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/exploded-view-custom.css.map */