.tpt-hotspots-2_container{position:relative;height:var(--tpt-container-height);background-position:center;overflow:hidden;display:block;width:100%}.tpt-hotspots-2_container .tpt-section_content{height:100%;margin:auto}.tpt-hotspots-2_container .tpt-section-body{width:100%;height:100%}.tpt-hotspots-2_content{height:100%;display:flex}.tpt-hotspots_2_content-text .tpt-section-header_description{color:rgb(var(--tpt-section-description-color))!important}.tpt-hotspots-2_content-left{flex-direction:row}.tpt-hotspots-2_content-right{flex-direction:row-reverse}.tpt-hotspots_2_content-img{position:relative;width:50%;border-radius:var(--tpt-section-image-radius)}.tpt-hotspots_2_content-img img{height:100%;width:100%;object-fit:cover;border-radius:var(--tpt-section-image-radius)}.tpt-hotspots_2_content-text{width:50%;display:flex;align-items:center}.tpt-hotspots-2_content-left .tpt-hotspots_2_content-text{padding-left:100px;padding-right:var(--tpt-section-padding-content)}.tpt-hotspots-2_content-right .tpt-hotspots_2_content-text{padding-right:100px;padding-left:var(--tpt-section-padding-content)}.tpt-hotspots_2_content-text .tpt-section-header{display:flex;flex-direction:column;row-gap:15px;margin-bottom:30px}.tpt-hotspots-2_content .tpt-section-header_heading .tpt-section-header_title{margin-top:22px;margin-bottom:8px}.tpt-hotspots-2_content .tpt-section-header_description,.tpt-hotspots-2_content .tpt-section-header_title,.tpt-hotspots-2_content .tpt-section-header_sub-heading{color:rgb(var(--tpt-section-title-color))}.tpt-hotspots-2_content .tpt-section-header_sub-heading{width:fit-content;border:1px solid rgb(var(--tpt-section-title-color));border-radius:var(--tpt-input-button-radius);padding:0 10px;font-size:14px}.tpt-hotspots_2_label{position:absolute;display:flex;align-items:center;gap:10px;padding:6px;cursor:pointer;border-radius:100%;background:rgb(var(--tpt-section-label-background-color));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tpt-hotspots_2_label svg{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tpt-hotspots_2_label svg path{fill:rgb(var(--tpt-section-label-icon-color))}.tpt-hotspots_2_label:hover{transform:scale(1.15)}.tpt-hotspots_2_label:hover svg{transform:rotate(90deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.tpt-hotspots_2_label:has(.tpt-hotspots_2_popup.active) svg{transform:rotate(45deg)}.tpt-hotspots_2_label:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#0000001a;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease,opacity .5s ease;opacity:0;pointer-events:none}.tpt-hotspots_2_label:has(.tpt-hotspots_2_popup.active){background:rgb(var(--tpt-section-label-background-selected-color))}.tpt-hotspots_2_label:has(.tpt-hotspots_2_popup.active) svg path{fill:rgb(var(--tpt-section-label-icon-selected-color))}.tpt-hotspots_2_label:active:before{transform:translate(-50%,-50%) scale(2.5);opacity:1;transition:transform 0s,opacity 0s}.tpt-hotspots_2_label:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;border:2px solid rgba(0,0,0,.3);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.tpt-hotspots_2_popup{display:none;position:absolute;width:max-content;max-width:280px;background:rgb(var(--tpt-section-popup-background-color));border-radius:var(--tpt-section-popup-radius);box-shadow:0 4px 6px #0000000d;padding:6px 30px 6px 6px;z-index:7;text-align:center;opacity:0;pointer-events:none}.tpt-hotspots_2_popup .tpt-hotspots_2_popup-img{border-radius:var(--tpt-section-popup-radius);width:var(--tpt-section-label-image-height)!important;height:var(--tpt-section-label-image-height)!important}.tpt-hotspots_2_popup.active{display:flex;gap:8px;opacity:1;pointer-events:auto;align-items:center;color:var(--tpt-section-label-text-color)}.tpt-hotspots_2_popup[data-position=right-center],.tpt-hotspots_2_popup:not([data-position]){top:50%;left:100%;transform:translate(10px,-50%) scale(.8);transform-origin:left center}.tpt-hotspots_2_popup[data-position=right-center].active,.tpt-hotspots_2_popup:not([data-position]).active{transform:translate(10px,-50%) scale(1);animation:popupEnterRight .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEnterRight{0%{opacity:0;transform:translate(-10px,-50%) scale(.8);box-shadow:0 4px 6px #0000000d}50%{transform:translate(15px,-50%) scale(1.05)}to{opacity:1;transform:translate(10px,-50%) scale(1);box-shadow:0 12px 30px #00000026}}.tpt-hotspots_2_popup[data-position=right-top]{top:0;left:100%;transform:translate(10px) scale(.8);transform-origin:left top}.tpt-hotspots_2_popup[data-position=right-top].active{transform:translate(10px) scale(1);animation:popupEnterRightTop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEnterRightTop{0%{opacity:0;transform:translate(-10px) scale(.8)}50%{transform:translate(15px) scale(1.05)}to{opacity:1;transform:translate(10px) scale(1)}}.tpt-hotspots_2_popup[data-position=right-bottom]{bottom:0;left:100%;transform:translate(10px) scale(.8);transform-origin:left bottom}.tpt-hotspots_2_popup[data-position=right-bottom].active{transform:translate(10px) scale(1);animation:popupEnterRightBottom .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEnterRightBottom{0%{opacity:0;transform:translate(-10px) scale(.8)}50%{transform:translate(15px) scale(1.05)}to{opacity:1;transform:translate(10px) scale(1)}}.tpt-hotspots_2_popup[data-position=left-center]{top:50%;right:100%;left:auto;transform:translate(-10px,-50%) scale(.8);transform-origin:right center}.tpt-hotspots_2_popup[data-position=left-center].active{transform:translate(-10px,-50%) scale(1);animation:popupEnterLeft .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEnterLeft{0%{opacity:0;transform:translate(10px,-50%) scale(.8);box-shadow:0 4px 6px #0000000d}50%{transform:translate(-15px,-50%) scale(1.05)}to{opacity:1;transform:translate(-10px,-50%) scale(1);box-shadow:0 12px 30px #00000026}}.tpt-hotspots_2_popup[data-position=left-top]{top:0;right:100%;left:auto;transform:translate(-10px) scale(.8);transform-origin:right top}.tpt-hotspots_2_popup[data-position=left-top].active{transform:translate(-10px) scale(1);animation:popupEnterLeftTop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEnterLeftTop{0%{opacity:0;transform:translate(10px) scale(.8)}50%{transform:translate(-15px) scale(1.05)}to{opacity:1;transform:translate(-10px) scale(1)}}.tpt-hotspots_2_popup[data-position=left-bottom]{bottom:0;right:100%;left:auto;transform:translate(-10px) scale(.8);transform-origin:right bottom}.tpt-hotspots_2_popup[data-position=left-bottom].active{transform:translate(-10px) scale(1);animation:popupEnterLeftBottom .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popupEnterLeftBottom{0%{opacity:0;transform:translate(10px) scale(.8)}50%{transform:translate(-15px) scale(1.05)}to{opacity:1;transform:translate(-10px) scale(1)}}.tpt-hotspots_2_popup-img{width:42px;height:42px!important;border-radius:var(--tpt-section-popup-image-radius);display:block;object-fit:cover}.tpt-hotspots_2_popup.active .tpt-hotspots_2_popup-img{animation:imageFloat .6s cubic-bezier(.34,1.56,.64,1) .1s backwards}@keyframes imageFloat{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.tpt-hotspots_2_popup-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.tpt-hotspots_2_popup-content>h5{margin:unset}.tpt-hotspots_2_popup-title,.tpt-hotspots_2_popup-price{text-align:start;font-size:12px!important;font-weight:400;color:rgb(var(--tpt-section-label-text-color))}.tpt-hotspots_2_popup.active .tpt-hotspots_2_popup-title,.tpt-hotspots_2_popup.active .tpt-hotspots_2_popup-price{animation:titleSlide .6s cubic-bezier(.34,1.56,.64,1) .15s backwards}@keyframes titleSlide{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.tpt-hotspots-2_content{flex-direction:column!important}.tpt-hotspots_2_content-text{width:100%;padding-left:0;text-align:center}.tpt-hotspots_2_content-img{width:100%}.tpt-hotspots_2_popup{max-width:240px}.tpt-hotspots_2_popup-content>h5{max-width:140px;text-align:start}.tpt-hotspots-2_content-left .tpt-hotspots_2_content-text{padding-left:var(--tpt-section-padding-content);padding-right:var(--tpt-section-padding-content)}.tpt-hotspots-2_content-right .tpt-hotspots_2_content-text{padding-right:var(--tpt-section-padding-content);padding-left:var(--tpt-section-padding-content)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tpt-hotspots-2.css.map */