.videohotspots{--orange:#f56400;--blue_light:#00aae1;--blue_dark:#00477e;--white:#fff;--black:#000;--black_30:rgba(0,0,0,.3);--black_50:rgba(0,0,0,.5);align-items:center;display:grid;gap:20px;grid-template-columns:2fr 1fr}@media screen and (max-width:800px){.videohotspots{grid-template-columns:1fr}}.videohotspots .videohotspots__column{position:relative}.videohotspots .videohotspots__column--small{overflow:auto}@media screen and (min-width:801px){.videohotspots .videohotspots__column--small{height:var(--height)}.videohotspots .videohotspots__column--small:after{background:linear-gradient(0deg,#fff,#fff3);bottom:0;content:"";display:block;height:96px;left:0;position:sticky;width:100%}}.videohotspots .videohotspots__video{height:auto;position:relative;width:100%}.videohotspots .videohotspots__hotspots{height:100%;left:0;position:absolute;top:0;width:100%}.videohotspots .videohotspots__hotspots .videohotspots__hotspot{align-items:center;background-color:var(--blue_light);border-radius:100%;display:flex;height:60px;justify-content:center;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:opacity .35s ease,background-color .35s ease;width:60px}@media screen and (max-width:800px){.videohotspots .videohotspots__hotspots .videohotspots__hotspot{height:30px;width:30px}}.videohotspots .videohotspots__hotspots .videohotspots__hotspot .videohotspots__hotspot-number{color:var(--white);font-size:24px;line-height:28px;transform:translateY(2px)}@media screen and (max-width:800px){.videohotspots .videohotspots__hotspots .videohotspots__hotspot .videohotspots__hotspot-number{font-size:12px;line-height:100%;transform:translateY(1px)}}.videohotspots .videohotspots__hotspots .videohotspots__hotspot:after{border:1px solid var(--blue_light);border-radius:100%;content:"";height:calc(100% + 10px);left:-5px;position:absolute;top:-5px;transition:border-color .35s ease;width:calc(100% + 10px)}.videohotspots .videohotspots__hotspots .videohotspots__hotspot.is-visible{cursor:pointer;opacity:1}.videohotspots .videohotspots__hotspots .videohotspots__hotspot.is-active{background-color:var(--orange)}.videohotspots .videohotspots__hotspots .videohotspots__hotspot.is-active:after{border-color:var(--orange)}.videohotspots .videohotspots__hotspots .videohotspots__hotspot-popup{background:#fff;border-radius:5px;box-shadow:0 5px 15px #0003;color:#000;padding:15px;position:absolute;width:250px;z-index:10}.videohotspots .videohotspots__hotspots .videohotspots__hotspot-popup-title{font-weight:700;margin-bottom:10px}.videohotspots .videohotspots__hotspots .videohotspots__hotspot-popup-content{font-size:14px}.toaster{bottom:0;left:0;position:fixed;transform:translateY(100%);transition:transform .35s var(--cb);z-index:20}.toaster.active{transform:translateY(0)}.toaster__bar-container{display:flex;justify-content:center;padding:24px 0;width:100%}.toaster__bar{background-color:#4a4a4a;border-radius:2px;height:4px;top:24px;width:30%}.toaster__drawer{background-color:var(--c-grey-247);border-radius:24px 24px 0 0;height:50dvh;padding:0 24px;width:100vw}.toaster__content{display:flex;flex-direction:column;gap:18px}.toaster__title{align-items:center;color:var(--c-secondary-dark);display:flex;font-size:24px;font-weight:700;gap:12px;line-height:28px}.toaster__number{align-items:center;background-color:var(--c-secondary-dark);border-radius:50%;color:var(--c-white);display:flex;font-size:12px;font-weight:400;height:28px;justify-content:center;width:28px}.toaster__writer{height:calc(30dvh + 14px);overflow-y:auto}.toaster__writer ol,.toaster__writer ul{padding:0 0 0 12px}.videohotspots__list{list-style:none;margin:0;padding:0}@media screen and (max-width:800px){.videohotspots__list{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:16px;justify-content:flex-start;overflow:auto;padding-bottom:20px;scroll-snap-type:x mandatory}.videohotspots__list .videohotspots__list-item{scroll-snap-align:start}}.videohotspots__list .videohotspots__list-item.is-active .videohotspots__list-item-title{color:var(--orange)}.videohotspots__list .videohotspots__list-item.is-active .videohotspots__list-item-title .videohotspots__list-item-number{background-color:var(--orange)}.videohotspots__list .videohotspots__list-item .videohotspots__list-item-title{align-items:center;color:var(--blue_light);cursor:pointer;display:flex;font-size:24px;gap:8px;line-height:28px;padding:10px 0;transition:color .35s ease}@media screen and (max-width:800px){.videohotspots__list .videohotspots__list-item .videohotspots__list-item-title{align-items:flex-start}}.videohotspots__list .videohotspots__list-item .videohotspots__list-item-title .videohotspots__list-item-number{align-items:center;background-color:var(--blue_light);border-radius:50%;color:var(--c-white);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:28px;justify-content:center;transition:background-color .35s var(--cb);width:28px}@media screen and (max-width:800px){.videohotspots__list .videohotspots__list-item .videohotspots__list-item-title span{display:block;max-width:calc(100vw - 130px);width:-moz-max-content;width:max-content}}.videohotspots__list .videohotspots__list-item .videohotspots__list-item-content{height:0;overflow:hidden;padding-left:36px;transition:height .35s ease-out}.videohotspots__list .videohotspots__list-item .videohotspots__list-item-content ul{padding:0 0 0 12px}@keyframes pulse-ring{0%{transform:scale(.33)}80%,to{opacity:0}}@keyframes pulse-dot{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}