.hotspots{padding:4rem 0;background-color:var(--color-background)}@media(min-width:768px){.hotspots{padding:5rem 0}}.hotspots__header{text-align:center;margin-bottom:3rem}html[dir=rtl] .hotspots__header{text-align:center}@media(min-width:768px){.hotspots__header{margin-bottom:4rem}}.hotspots__subtitle{display:block;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);font-weight:300;margin-bottom:1rem}.hotspots__title{font-family:var(--font-heading);font-size:1.875rem;color:var(--color-primary);letter-spacing:-.025em;line-height:1.2;font-weight:300}@media(min-width:768px){.hotspots__title{font-size:2.25rem}}@media(min-width:1024px){.hotspots__title{font-size:3rem}}.hotspots__description{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);max-width:42rem;margin:1rem auto 0;font-weight:300;line-height:1.7}@media(min-width:768px){.hotspots__description{font-size:1rem}}.hotspots__carousel{position:relative;max-width:88rem;margin:0 auto}.hotspots__wrapper{overflow:hidden}@media(min-width:768px){.hotspots__wrapper{border-radius:.5rem}}.hotspots__slides{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1);direction:ltr}.hotspots__slide{flex:0 0 100%;min-width:0;opacity:1!important;visibility:visible!important;pointer-events:auto}.hotspots__slides{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1);direction:ltr;will-change:transform}.hotspots__image-container{position:relative;aspect-ratio:3 / 4;overflow:hidden}@media(min-width:640px){.hotspots__image-container{aspect-ratio:4 / 3}}@media(min-width:768px){.hotspots__image-container{aspect-ratio:16 / 9}}.hotspots__image{width:100%;height:100%;object-fit:cover}.hotspots__image--placeholder{opacity:.2}.hotspots__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3d26451a}.hotspots__point{position:absolute;width:1.75rem;height:1.75rem;transform:translate(-50%,-50%);z-index:20;background:none;border:none;cursor:pointer;transition:all var(--transition-base)}@media(min-width:768px){.hotspots__point{width:2rem;height:2rem}}.hotspots__point.is-active{z-index:30}.hotspots__point-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#faf8f566;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hotspots__point-dot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:2px solid var(--color-white);background-color:#faf8f5e6;box-shadow:0 4px 12px #3d264533;transition:all var(--transition-base)}.hotspots__point:hover .hotspots__point-dot{background-color:var(--color-primary);transform:scale(1.1)}.hotspots__point.is-active .hotspots__point-dot{background-color:var(--color-primary);transform:scale(1.25)}.hotspots__point-inner{width:.375rem;height:.375rem;border-radius:50%;background-color:var(--color-primary);transition:background-color var(--transition-base)}@media(min-width:768px){.hotspots__point-inner{width:.5rem;height:.5rem}}.hotspots__point:hover .hotspots__point-inner,.hotspots__point.is-active .hotspots__point-inner{background-color:var(--color-white)}.hotspots__info{position:absolute;z-index:40;width:14rem;transform:translate(-50%);background-color:#faf8f5f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 1.25rem;border-radius:.5rem;box-shadow:0 8px 24px #3d264526;opacity:0;visibility:hidden;transition:all var(--transition-base);pointer-events:none}@media(min-width:768px){.hotspots__info{width:16rem;padding:1.25rem 1.5rem}}.hotspots__info.is-active{opacity:1;visibility:visible;pointer-events:auto}.hotspots__info-title{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);font-weight:300;margin-bottom:.5rem}@media(min-width:768px){.hotspots__info-title{font-size:.875rem}}.hotspots__info-text{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);line-height:1.6;font-weight:300;margin:0}@media(min-width:768px){.hotspots__info-text{font-size:.875rem}}.hotspots__badge{position:absolute;bottom:1rem;left:1rem;background-color:#faf8f5f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.625rem 1rem;border-radius:.25rem}@media(min-width:768px){.hotspots__badge{bottom:1.5rem;left:1.5rem;padding:.75rem 1.25rem}}.hotspots__badge-title{font-family:var(--font-heading);font-size:.875rem;letter-spacing:.05em;color:var(--color-primary);font-weight:300;margin:0}@media(min-width:768px){.hotspots__badge-title{font-size:1.125rem}}.hotspots__badge-description{font-family:var(--font-body);font-size:.625rem;color:var(--color-text-muted);margin:.25rem 0 0;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.hotspots__badge-description{font-size:.75rem}}.hotspots__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#faf8f5e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;color:var(--color-primary);cursor:pointer;box-shadow:0 4px 12px #3d264526;transition:all var(--transition-base)}.hotspots__nav:hover{background-color:var(--color-primary);color:var(--color-white)}.hotspots__nav--prev{left:1rem}.hotspots__nav--next{right:1rem}.hotspots__dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}html[dir=rtl] .hotspots__point{right:auto!important;transform:translate(-50%,-50%)!important;direction:ltr!important}html[dir=rtl] .hotspots__info{right:auto!important;transform:translate(-50%)!important;direction:ltr!important}html[dir=rtl] .hotspots__image-container{direction:ltr!important}html[dir=rtl] .hotspots__badge{right:auto!important;left:1rem!important}@media(min-width:768px){html[dir=rtl] .hotspots__badge{left:1.5rem!important}}html[dir=rtl] .hotspots__nav--prev{right:auto!important;left:1rem!important}html[dir=rtl] .hotspots__nav--next{left:auto!important;right:1rem!important}html[dir=rtl] .hotspots__dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;margin-top:1.5rem!important;margin-left:auto!important;margin-right:auto!important;direction:ltr!important;width:100%!important;position:relative!important;left:0!important;right:0!important}.hotspots__dot{width:.25rem;height:.25rem;padding:0;border:none;border-radius:9999px;background-color:#3d264533;cursor:pointer;transition:all var(--transition-base)}.hotspots__dot:hover{background-color:#3d264566}.hotspots__dot.is-active{width:2rem;background-color:var(--color-primary)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-hotspots.css.map */