.component-marker{overflow:hidden}.component-marker__header{text-align:center;max-width:72rem;margin:0 auto 3rem}.component-marker__heading{margin-top:0;margin-bottom:1.2rem}.component-marker__description{margin:0 auto;max-width:56rem;color:rgba(var(--color-foreground),.75);line-height:1.6}.component-marker__description p{margin:0}.component-marker__image-container{position:relative;width:100%;margin-bottom:2.5rem}.component-marker__image-wrapper{position:relative;display:block;width:100%;margin:0 auto}.component-marker__main-img{width:100%;height:auto;display:block}.component-marker__hotspot{position:absolute;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.component-marker__hotspot-dot{display:block;width:18px;height:18px;background-color:#fff;border:4px solid #c41e3a;border-radius:50%;position:relative;flex-shrink:0;transition:transform .2s ease}.component-marker__hotspot-dot:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:50%;animation:component-marker-pulse 1.5s cubic-bezier(.215,.61,.355,1) infinite}.component-marker__hotspot:hover .component-marker__hotspot-dot,.component-marker__hotspot.is-highlighted .component-marker__hotspot-dot{transform:scale(1.15)}@keyframes component-marker-pulse{0%{transform:scale(.5);opacity:1}80%,to{transform:scale(2.5);opacity:0}}.component-marker__hotspot-label{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--color-accent);color:#fff;padding:.8rem 1.5rem;border-radius:999px;font-size:1.6rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:3}.component-marker__hotspot-label--left{right:calc(100% + 10px)}.component-marker__hotspot-label--right{left:calc(100% + 10px)}.component-marker__hotspot-label--top{top:auto;bottom:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}.component-marker__hotspot-label--bottom{top:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}.component-marker__hotspot:hover .component-marker__hotspot-label,.component-marker__hotspot.is-highlighted .component-marker__hotspot-label{opacity:1;visibility:visible}.component-marker__tags{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;margin-bottom:3rem;padding:0 1rem;font-family:var(--font-heading-family)}.component-marker__tag{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 3rem;border-radius:999px;border:1px solid rgb(var(--color-foreground));background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.6rem;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.component-marker__tag:hover,.component-marker__tag.is-active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.component-marker__cta-wrap{text-align:center}.component-marker__cta{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.component-marker__modal{border:none;padding:0;background:transparent;max-width:460px;width:calc(100% - 40px);border-radius:16px;overflow:visible;box-shadow:0 20px 40px #0000004d}.component-marker__modal::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:component-marker-modal-fade .3s ease forwards}.component-marker__modal-box{background:var(--gradient-base-background-1);border-radius:16px;overflow:hidden;position:relative;display:flex;flex-direction:column;animation:component-marker-modal-slide .35s cubic-bezier(.16,1,.3,1) forwards}.component-marker__modal-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;background:rgba(var(--color-background),.85);border:1px solid rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:rgb(var(--color-foreground));transition:transform .2s ease}.component-marker__modal-close:hover{transform:scale(1.1)}.component-marker__modal-close svg{width:12px;height:12px}.component-marker__modal-image{width:100%;background:#fff;display:flex;align-items:center;justify-content:center}.component-marker__modal-image img{width:100%;height:auto;max-height:320px;object-fit:cover;display:block}.component-marker__modal-content{padding:2.5rem 2rem;text-align:center;background:#fff}.component-marker__modal-content h3{margin-top:0;margin-bottom:1.2rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@keyframes component-marker-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes component-marker-modal-slide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:749px){.component-marker__hotspot-label{font-size:1.1rem;padding:.4rem .9rem}.component-marker__tag{font-size:1.1rem;padding:.8rem 1rem}.component-marker__modal{max-width:90%}.component-marker__cta{padding-left:2rem;padding-right:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-adjustable-component-marker.css.map */