.image-hotspots{padding-top:5rem;position:relative}.image-hotspots__caption{color:rgb(var(--color-slate-blue));font-weight:700;text-transform:uppercase;font-size:var(--font-size-medium);line-height:var(--line-height-medium);letter-spacing:2px;margin:0}.image-hotspots__title{color:rgb(var(--color-dark-grey));font-weight:700;font-size:var(--font-size-larger);line-height:var(--line-height-larger);letter-spacing:normal;margin-top:5px;margin-bottom:0}.image-hotspots__category-wrapper{display:flex;align-items:center;overflow-x:auto;padding-top:20px;padding-bottom:30px}.image-hotspots__category button{background-color:transparent;border:none;text-transform:uppercase;letter-spacing:2px;font-weight:500;padding:5px 0;border-bottom:solid 2px transparent;margin-right:40px;cursor:pointer;flex-shrink:0;color:rgb(var(--color-dark-grey))}.image-hotspots__category button:visited{color:rgb(var(--color-dark-grey))}.image-hotspots__category button.active,.image-hotspots__category button:hover{color:rgb(var(--color-camel));border-bottom:solid 2px rgb(var(--color-camel))}.image-hotspots .slider__container{margin-top:30px}.image-hotspots .glide__wrapper{position:relative}.image-hotspots ul{list-style:none;padding:0}.image-hotspots li{position:relative}.image-hotspots .hotspot__image{display:block;width:100%;height:100%;object-fit:contain;z-index:1;position:relative}.hotspot__trigger{background-color:#ffffffb3;color:rgb(var(--color-dark-grey));border-radius:25px;line-height:50px;padding-left:25px;padding-right:15px;border:none;display:flex;align-items:center;z-index:2;min-width:220px;position:absolute;bottom:10px;left:10px;text-transform:uppercase;font-weight:500;letter-spacing:2px;font-size:var(--font-size-medium);cursor:pointer}.hotspot__trigger:hover{background-color:#fff}.hotspot__plus,.hotspot__minus{display:flex;width:22px;height:22px;justify-content:center;align-items:center;border-radius:50%;border:solid 1px rgb(var(--color-dark-grey));margin-left:25px}.hotspot__plus svg,.hotspot__minus svg{width:10px;height:10px}.hotspot__button{position:absolute;margin:0;padding:0;transform:translate(-50%,-50%);z-index:3;display:none}.hotspot__content{position:absolute;padding:15px 20px;background:#fff;width:280px;bottom:60px;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.hotspot__content a{text-decoration:none;color:rgb(var(--color-dark-grey));display:block}.hotspot__content a:hover{color:rgb(var(--color-camel))}.hotspot--active .hotspot__content{opacity:1;pointer-events:auto;transition:opacity .3s ease-in-out}.hotspot__button:after{content:"";position:absolute;bottom:52px;left:20px;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;opacity:0;transition:opacity .3s ease-in-out}.hotspot--active .hotspot__button:after{opacity:1;transition:opacity .3s ease-in-out}.hotspot__button--right:after{bottom:20px;left:53px;transform:translatey(50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;border-left:none}.hotspot__button--right .hotspot__content{left:auto;right:-300px;bottom:50%;transform:translateY(50%)}.hotspot__button--left:after{bottom:20px;left:-21px;transform:translatey(50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff;border-right:none}.hotspot__button--left .hotspot__content{left:auto;right:60px;bottom:50%;transform:translateY(50%)}.hotspot__button--bottom:after{bottom:-20px;left:20px;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;border-top:none}.hotspot__button--bottom .hotspot__content{width:280px;bottom:auto;top:60px;left:50%;transform:translate(-50%)}.hotspot__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#0003;border-radius:50%}.hotspot__dot{background-color:#fff;width:14px;height:14px;display:block;border-radius:50%}.hotspot__content p{margin:0;padding:0;letter-spacing:1px;font-size:var(--font-size-body);line-height:var(--line-height-body);white-space:initial}.hotspot__content p:last-of-type{font-weight:700;letter-spacing:2px}.slider__container{position:relative}.image-hotspot__controls{position:absolute;top:calc(50% - (var(--grid-desktop-horizontal-spacing) * 2.4) / 2);left:50%;transform:translate(-50%);max-width:var(--page-width);width:100%;padding-left:5rem;padding-right:5rem;z-index:2;display:none}.image-hotspot__previous,.image-hotspot__next{opacity:.7;position:absolute;top:50%;transform:scale(1) translateY(-50%);width:calc(var(--grid-desktop-horizontal-spacing) * 2.4);height:calc(var(--grid-desktop-horizontal-spacing) * 2.4);padding:1.5rem;border-radius:50%;background-color:rgb(var(--color-sand));border:none;outline:none;box-shadow:none;cursor:pointer;transition:transform var(--duration-short) ease-in-out,opacity var(--duration-short) ease-in-out;display:inline-flex;align-items:center;justify-content:center}.image-hotspot__previous{left:1.5rem}.image-hotspot__next{right:1.5rem}.image-hotspot__previous:hover,.image-hotspot__next:hover{opacity:1;transform:scale(1.05) translateY(-48.5%)}.image-hotspot__previous svg{transform:rotate(180deg)}.image-hotspot__previous svg,.image-hotspot__next svg{width:1.2rem;height:1.2rem}.image-hotspots__carousel{position:relative;padding-left:1.5rem;padding-right:1.5rem;min-height:300px}.image-hotspots__carousel .glide{position:initial}.image-hotspots__carousel .glide__slides{margin:0}.image-hotspots__carousel .glide__overlay{background-image:linear-gradient(to right,#fff0,#fff);position:absolute;top:0;right:0;bottom:0;display:none;z-index:1;width:29%;opacity:1;transition:opacity var(--duration-default) ease-in-out;pointer-events:none}.image-hotspots__loader{display:none;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:5;transition:all .15s}.image-hotspots__loader.visible{display:flex;transition:all .15s}.image-hotspots__loader .image-hotspots__spinner{display:inline-block;width:80px;height:80px}.image-hotspots__loader .image-hotspots__spinner:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:rgb(var(--color-camel)) transparent rgb(var(--color-camel)) transparent;animation:spinner-animation 1.2s linear infinite}.image-hotspots .glide-mobile .glide__track{height:0px;overflow:hidden;transition:all .15s ease-in-out}.image-hotspots .glide-mobile .glide__track.visible{transition:all .15s ease-in-out}.image-hotspots .glide-mobile li{text-align:center}.image-hotspots .glide-mobile a{color:rgb(var(--color-dark-grey));display:flex;flex-wrap:wrap;text-decoration:none}.image-hotspots .glide-mobile p{text-align:center;margin-bottom:0;width:100%;white-space:initial;margin-top:0;font-size:var(--font-size-body);line-height:var(--line-height-body)}.image-hotspots .glide-mobile p:first-of-type{margin-top:20px;font-weight:700}.image-hotspots .glide-mobile a:hover{text-decoration:underline}.image-hotspots .glide-mobile .hotspot__price{font-weight:500}.image-hotspots .glide-mobile img{width:100%;height:auto}@keyframes spinner-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:750px){.image-hotspots{padding-top:8rem}.image-hotspot__controls{display:flex}.image-hotspots__caption{font-size:var(--font-size-body);line-height:var(--line-height-medium);font-weight:800}.image-hotspots__title{font-size:var(--font-size-xxl);line-height:var(--line-height-xxl)}.hotspot__button{display:block}.image-hotspots .glide-mobile .glide__track,.image-hotspots .glide-mobile .glide__track.visible{height:0px!important;overflow:hidden;transition:all .15s ease-in-out}.hotspot__trigger{bottom:30px;left:30px}}@media(min-width:990px){.image-hotspots__carousel{padding-left:5rem;padding-right:5rem;max-width:100%;width:var(--page-width);margin-left:auto;margin-right:auto}}@media(min-width:1200px){.image-hotspots__carousel .glide__overlay{display:block}}@media(min-width:1550px){.image-hotspot__previous{left:-30px}.image-hotspot__next{right:-30px}}@media(min-width:1700px){.image-hotspots__carousel{max-width:1700px;width:100%;padding-left:calc(120px + 5rem)}}@media(min-width:1920px){.image-hotspots__carousel{max-width:1920px;padding-left:10rem;padding-right:10rem}.image-hotspot__controls{max-width:1920px}.image-hotspot__previous{left:2.4rem}.image-hotspot__next{right:12.4rem}}@media(min-width:2560px){.image-hotspots__carousel{max-width:2560px;padding-left:15rem;padding-right:0}.image-hotspot__controls{max-width:2560px}.image-hotspot__previous{left:5rem}.image-hotspot__next{right:15rem}.image-hotspots__carousel .glide__overlay{opacity:1;width:10%;transition:opacity var(--duration-default) ease-in-out}}
/*# sourceMappingURL=/cdn/shop/t/329/assets/p80-hotspot.css.map */