.hotspot-gallery{position:relative;overflow:hidden;width:100%;height:100vh;padding-left:23.11rem;padding-right:.445rem;background:linear-gradient(180deg,#2b333a,#3b464e,#2b3339 50%,#212930 64%,#242d34 64%,#424e57 78.5%,#343f46 97%);padding-top:4.17rem;color:#fff}.hotspot-gallery__menu{position:absolute;background-color:var(--fa-color-onyx-hex);border-radius:.33rem}.hotspot-gallery__menu::-webkit-scrollbar{display:none}.hotspot-gallery__image-container{position:relative;height:calc(100vh - 176px);width:calc(100vh - 176px);max-height:calc(100vw - 416px);max-width:calc(100vw - 416px);margin:auto}.hotspot-gallery__description{max-width:21rem;margin:auto}.hotspot-gallery__header h2{text-align:center;font-size:42px;line-height:1.2;margin-bottom:12px}.hotspot-gallery__header p{font-size:1rem;text-align:center;line-height:1.4}.hotspot-gallery__dot{position:absolute;top:var(--y-pos);left:var(--x-pos);width:13.5px;height:13.5px;background-color:#fff;border-radius:100%;transform:translate(-50%,-50%)}.hotspot-gallery__dot:after{content:"";box-sizing:content-box;top:-.5rem;left:-.5rem;padding:.5rem;background:radial-gradient(50% 50% at 50% 50%,#f1572900,#f15729b3);border-radius:inherit;width:100%;height:100%;animation:2s ease-in-out infinite alternate ping;position:absolute}.hotspot-gallery__items{position:relative;height:100%;width:100%}.hotspot-gallery__menu-item{cursor:pointer;color:#888b8d;position:relative;overflow:hidden;padding-left:29px;padding-top:14px;padding-bottom:14px;width:100%;letter-spacing:.04em}.hotspot-gallery__menu-item.active{color:#fff;background-color:#293842;border-radius:6px}.hotspot-gallery__item{display:none}.hotspot-gallery__item.active{display:block}.hotspot-gallery__item{display:block;opacity:0;transition:opacity .5s ease,transform .5s ease}.hotspot-gallery__item.active{opacity:1;z-index:1}.hotspot-gallery__item img{opacity:0;transition:opacity .5s ease,transform .5s ease;transform:scale(1.2)}.hotspot-gallery__item.active img{opacity:1;transform:scale(1);width:100%}.hotspot-gallery__inner{height:100%}.hotspot-gallery__arrow{position:absolute;height:64px;z-index:9;bottom:10px;width:30%}.left-arrow{left:20px}.right-arrow{text-align:right;right:20px}hotspot-gallery{max-width:100%;overflow:hidden}.slide-counter{display:none}.hotspot-gallery__arrow.disabled svg{opacity:.5}.hotspot-gallery__dot-title{position:absolute;font-size:14px;white-space:nowrap;display:block;height:32px}.hotspot-gallery__dot-title span{display:inline-block;background-color:var(--fa-color-onyx-hex);border-radius:6px;padding-left:13px;padding-right:13px;line-height:32px}.hotspot-gallery__dot-title.top{left:50%;bottom:calc(100% + 15px);transform:translate(-50%)}.hotspot-gallery__dot-title.bottom{top:calc(100% + 15px);left:50%;transform:translate(-50%)}.hotspot-gallery__dot-title.left{top:50%;right:calc(100% + 15px);transform:translateY(-50%)}.hotspot-gallery__dot-title.right{top:50%;left:calc(100% + 15px);transform:translateY(-50%)}.hotspot-gallery__dot-title.top-right{bottom:calc(100% + 15px);left:-9px}.hotspot-gallery__dot-title.top-left{bottom:calc(100% + 15px);right:-9px}.hotspot-gallery__dot-title.bottom-right{top:calc(100% + 15px);left:-9px}.hotspot-gallery__dot-title.bottom-left{top:calc(100% + 15px);right:-9px}@media (max-width: 1079px){.hotspot-gallery{padding-top:46px}.hotspot-gallery__items{display:flex}.hotspot-gallery__header h2{font-size:30px}.hotspot-gallery__header p{font-size:16px;line-height:23px}.hotspot-gallery__item{flex:0 0 100%}.hotspot-gallery{height:auto;padding-left:.445rem}.hotspot-gallery__inner{display:flex;flex-wrap:wrap}.hotspot-gallery__header{order:-1}.hotspot-gallery__menu{order:1;display:flex;overflow-x:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:static;margin:auto auto 10px;height:64px;width:100%}.hotspot-gallery__menu-item{flex:0 0 100%;text-align:center}.hotspot-gallery__image-container{order:-1;height:calc(100vw - 20px);width:calc(100vw - 20px);max-width:700px;max-height:700px;margin:auto auto 20px}.hotspot-gallery__menu{display:flex;scroll-behavior:smooth;position:relative}.hotspot-gallery__menu-item{padding-left:0!important;color:#fff;min-width:100%;text-align:center;transition:transform .3s ease-in-out}.hotspot-gallery__menu-item:hover{cursor:pointer}.hotspot-gallery__menu-item.active{background-color:var(--fa-color-onyx-hex)}.hotspot-gallery__items--initiated .hotspot-gallery__item{position:absolute;left:50%;transform:translate(-50%);height:100%;display:flex;flex-direction:column}.hotspot-gallery__menu-item span{display:inline-block;font-size:14px;height:20px}.hotspot-gallery__menu-item span:after{content:" ";display:block;height:2px;background-color:#f15729;width:100%}.hotspot-gallery__menu-item{padding-top:25px;padding-bottom:0}.hotspot-gallery__arrow span{display:block;height:25px}.slide-counter{position:absolute;font-size:14px;z-index:9;display:block;bottom:44px;left:50%;transform:translate(-50%)}.hotspot-gallery__arrow.right-arrow span svg{margin-left:auto}.hotspot-gallery__dot-title{font-size:12px;white-space:normal;line-height:normal;height:auto;max-width:120px;word-wrap:normal;width:25vw;text-align:center}.hotspot-gallery__dot-title span{display:block;line-height:normal;padding-top:10px;padding-bottom:10px}.hotspot-gallery{background:linear-gradient(180deg,#2f363c,#465058 54%,#2e3b45,#3a4249 54%,#505d66 62%,#363d42 94%)}}@media (min-width: 1080px){.hotspot-gallery__image-container{position:absolute;left:50%;bottom:0;transform:translate(-50%)}.hotspot-gallery__menu{width:22.22rem;padding:34px 40px 40px 24px;top:.44rem;left:.44rem;bottom:.44rem}.hotspot-gallery__item{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hotspot-gallery__menu-item.active:before{content:" ";position:absolute;left:0;top:0;bottom:0;width:7px;background-color:#f15729}.left-arrow{left:24.22rem}.right-arrow{right:1.7rem;margin-left:auto}.hotspot-gallery__arrow span{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:100%;background-color:#fff3}.hotspot-gallery__arrow.right-arrow{display:flex;justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/254/assets/hotspot-gallery.css.map */