.ep-b3d__header{max-width:64rem;margin-bottom:3.2rem}.ep-b3d__heading{margin:0 0 1.2rem}.ep-b3d__subtext{color:rgba(var(--color-foreground),.72)}.ep-b3d__grid{display:grid;gap:2.4rem}@media screen and (min-width:750px){.ep-b3d__grid{grid-template-columns:3fr 2fr;gap:4.8rem;align-items:center}}.ep-b3d__mount{position:relative;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08)}@media screen and (max-width:749px){.ep-b3d__mount{aspect-ratio:1 / 1}}.ep-b3d__stage,.ep-b3d__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.ep-b3d__overlay{pointer-events:none}.ep-b3d__pin{position:absolute;left:0;top:0;width:3.6rem;height:3.6rem;margin:0;padding:0;border:0;background:transparent;color:rgb(var(--color-background));font-family:inherit;font-weight:700;font-size:1.4rem;line-height:1;display:grid;place-items:center;cursor:pointer;pointer-events:auto;isolation:isolate;will-change:transform,opacity}.ep-b3d__pin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;background:rgb(var(--color-button));border:.2rem solid rgb(var(--color-background));box-shadow:0 .2rem .6rem #00000040;transition:background-color .15s ease,transform .15s ease}.ep-b3d__pin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;border:.2rem solid #a0cd49;opacity:0;pointer-events:none}.ep-b3d__pin--active{color:rgb(var(--color-button))}.ep-b3d__pin--active:before{background:#a0cd49;border-color:#a0cd49;transform:scale(1.25)}.ep-b3d__pin:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem;border-radius:50%}@media(prefers-reduced-motion:no-preference){.ep-b3d__pin--active:after{animation:ep-b3d-ping 1.8s cubic-bezier(0,0,.2,1) infinite}}@keyframes ep-b3d-ping{0%{transform:scale(1);opacity:.6}80%,to{transform:scale(1.9);opacity:0}}[data-ep-bracket3d].ep-b3d--live [data-ep-b3d-fallback]{display:none}.ep-b3d__fallback{position:absolute;top:0;right:0;bottom:0;left:0}.ep-b3d__fallback-image{display:block;width:100%;height:100%;object-fit:contain;padding:2.4rem;box-sizing:border-box}.ep-b3d__fallback-image--placeholder{aspect-ratio:4 / 3}.ep-b3d__fallback-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:4.4rem;height:4.4rem;border-radius:50%;border:0;padding:0;cursor:pointer;background:transparent}.ep-b3d__fallback-pin-num{position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;border-radius:50%;background:rgb(var(--color-background));border:2px solid rgb(var(--color-button));color:rgb(var(--color-button));font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.ep-b3d__fallback-pin--active .ep-b3d__fallback-pin-num,.ep-b3d__fallback-pin:hover .ep-b3d__fallback-pin-num{background:rgb(var(--color-button));color:rgb(var(--color-background))}.ep-b3d__fallback-pin:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem;border-radius:50%}.ep-b3d__fallback-pin-ping{position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;border-radius:50%;border:2px solid rgb(var(--color-button));opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.ep-b3d__fallback-pin--active .ep-b3d__fallback-pin-ping{animation:ep-b3d-ping 1.8s cubic-bezier(0,0,.2,1) infinite}}.ep-b3d__panel-inner{border-left:3px solid var(--ep-accent, #a0cd49);padding:.4rem 0 .4rem 2.4rem}.ep-b3d__panel-num{display:inline-block;font-size:1.3rem;font-weight:700;letter-spacing:.15rem;color:var(--ep-accent, #a0cd49);margin-bottom:.8rem}.ep-b3d__panel-title{margin:0 0 1rem}.ep-b3d__panel-text{margin:0;color:rgba(var(--color-foreground),.72);line-height:1.6}.ep-b3d__dots{display:flex;gap:.8rem;margin-top:2.4rem;padding-left:2.7rem}.ep-b3d__dot{width:.8rem;height:.8rem;border-radius:50%;border:0;padding:0;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:background-color .15s ease}.ep-b3d__dot:hover{background:rgba(var(--color-foreground),.4)}.ep-b3d__dot--active{background:rgb(var(--color-button))}.ep-b3d__dot:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ep-bracket-3d.css.map */