.plas-hotspot-hero-outer{width:100%}.plas-hotspot-hero{position:relative;overflow:hidden;min-height:var(--section-min-height, 500px);display:flex;flex-direction:column;border-radius:var(--panel-radius, 20px);width:calc(100% - var(--section-side-gap, 16px) * 2);max-width:var(--page-width, 1200px);margin:0 auto}@media screen and (max-width:749px){.plas-hotspot-hero{width:calc(100% - 2rem);border-radius:max(12px,var(--panel-radius, 20px))}}.plas-hotspot-hero__bg--mobile{display:none!important}@media screen and (max-width:749px){.plas-hotspot-hero__bg--desktop{display:none!important}video.plas-hotspot-hero__bg--mobile,img.plas-hotspot-hero__bg--mobile{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}div.plas-hotspot-hero__bg--mobile{display:block!important;position:absolute;top:-10%;left:-10%;width:120%;height:120%;pointer-events:none;z-index:0}}.plas-hotspot-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.plas-hotspot-hero__bg-image,.plas-hotspot-hero__bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.plas-hotspot-hero__bg-video-ext{position:absolute;top:-10%;left:-10%;width:120%;height:120%;pointer-events:none}.plas-hotspot-hero__bg-iframe{width:100%;height:100%;border:none;pointer-events:none}.plas-hotspot-hero__bg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center}.plas-hotspot-hero__bg-placeholder .placeholder-svg{width:100%;height:100%;opacity:.25}.plas-hotspot-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay-opacity, .35);pointer-events:none}.plas-hotspot-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;flex:1}.plas-hotspot-hero__inner.page-width{max-width:var(--page-width, 1200px);margin:0 auto;padding-left:var(--page-width-margin, 1.5rem);padding-right:var(--page-width-margin, 1.5rem)}.plas-hotspot-hero__header{padding:4rem 0 2.5rem;text-align:center}.plas-hotspot-hero__header--left{text-align:left}.plas-hotspot-hero__header--center{text-align:center}.plas-hotspot-hero__header--right{text-align:right}.plas-hotspot-hero__pretitle{display:block;margin-bottom:1rem;color:var(--hotspot-text-color, rgba(255, 255, 255, .8));text-transform:uppercase;letter-spacing:.18em;font-size:1.3rem;font-weight:600}.plas-hotspot-hero__heading{color:var(--hotspot-text-color, #fff);margin:0;text-shadow:0 2px 12px rgba(0,0,0,.35)}.plas-hotspot-hero__canvas{position:relative;width:100%;flex:1;min-height:280px;margin-bottom:3rem}.plas-hotspot-hero__pin{position:absolute;transform:translate(-50%,-50%);z-index:2}.plas-hotspot-hero__pin-btn{position:relative;display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border-radius:50%;background:#ffffff38;border:2px solid rgba(255,255,255,.85);color:#fff;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 12px #00000040}.plas-hotspot-hero__pin-btn svg{transition:transform .25s ease;flex-shrink:0}.plas-hotspot-hero__pin-btn:hover{background:#ffffff6b;transform:scale(1.12);box-shadow:0 0 0 6px #ffffff24,0 4px 16px #0000004d}.plas-hotspot-hero__pin.is-open .plas-hotspot-hero__pin-btn{background:#fff;color:var(--plas-navy, #002F6C);transform:scale(1.1);box-shadow:0 4px 20px #0000004d}.plas-hotspot-hero__pin.is-open .plas-hotspot-hero__pin-btn svg{transform:rotate(45deg)}.plas-hotspot-hero__pin-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:plas-pin-pulse 2.8s ease-out infinite;pointer-events:none}.plas-hotspot-hero__pin.is-open .plas-hotspot-hero__pin-btn:before{animation:none;opacity:0}@keyframes plas-pin-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.7);opacity:0}to{transform:scale(1.7);opacity:0}}.plas-hotspot-hero__dialog{position:absolute;top:50%;width:26rem;max-width:calc(100vw - 4rem);background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:1.4rem;padding:2rem 2rem 1.8rem;box-shadow:0 20px 60px #00000047,0 4px 16px #0000001f;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease;z-index:10}.plas-hotspot-hero__dialog[data-side=right]{left:calc(100% + 1.4rem);transform:translateY(-50%) translate(-10px)}.plas-hotspot-hero__dialog[data-open][data-side=right]{opacity:1;pointer-events:all;transform:translateY(-50%) translate(0)}.plas-hotspot-hero__dialog[data-side=left]{right:calc(100% + 1.4rem);transform:translateY(-50%) translate(10px)}.plas-hotspot-hero__dialog[data-open][data-side=left]{opacity:1;pointer-events:all;transform:translateY(-50%) translate(0)}.plas-hotspot-hero__dialog-close{position:absolute;top:1rem;right:1rem;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000012;color:#0000008c;border:none;cursor:pointer;transition:background .18s ease,color .18s ease;flex-shrink:0}.plas-hotspot-hero__dialog-close:hover{background:#00000024;color:#000}.plas-hotspot-hero__dialog-title{font-size:1.55rem;font-weight:700;line-height:1.3;color:var(--plas-navy, #002F6C);margin:0 0 .9rem;padding-right:2rem}.plas-hotspot-hero__dialog-desc{font-size:1.35rem;line-height:1.65;color:#000000ad}.plas-hotspot-hero__dialog-desc p{margin:0}@media screen and (max-width:749px){.plas-hotspot-hero__canvas{min-height:240px}.plas-hotspot-hero__header{padding:2.5rem 0 1.5rem}.plas-hotspot-hero__pin-btn{width:4rem;height:4rem}.plas-hotspot-hero__dialog[data-side=right],.plas-hotspot-hero__dialog[data-side=left]{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%) scale(.92);width:min(26rem,calc(100vw - 3rem));max-height:70vh;overflow-y:auto;z-index:100}.plas-hotspot-hero__dialog[data-open][data-side=right],.plas-hotspot-hero__dialog[data-open][data-side=left]{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.plas-hotspot-hero__pin.is-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-plas-hotspot-hero.css.map */
