.hotspots-image{position:relative}.hotspots-image-container{display:flex;justify-content:center;margin:0 auto}.hotspots-image-container--limited .hotspots-image{max-width:var(--max-width);width:100%}.hotspots-image__image img,.hotspots-image__mobile-image img{width:100%}.hotspots-image .placeholder{vertical-align:bottom}.hotspot{--btn-size: 4rem;--carret-height: .5rem}.hotspot-btn{display:block;position:absolute;top:var(--offset-y);left:var(--offset-x);transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;width:var(--btn-size);height:var(--btn-size);border:none;outline:none;z-index:0}.hotspot-btn .material-icon{font-size:calc(var(--btn-size) * .75);pointer-events:none;transition:transform .1s ease-in-out}.hotspot[data-open=true] .material-icon{transform:rotate(135deg)}.hotspot__content{position:absolute;top:var(--offset-y);transform:translate(-50%,calc(-100% - (var(--btn-size) / 2) - var(--carret-height)));box-shadow:4px 4px 15px #0000004d;opacity:0;pointer-events:none;transition:opacity .1s ease-in-out,transform 0s;z-index:1;border-radius:.3rem;overflow:hidden}.hotspot[data-open=true] .hotspot__content{opacity:1;pointer-events:auto}.hotspot__content img{width:100%}.hotspot__content__title-and_text{padding:1.5rem;word-break:break-word}.hotspot__content__title{margin:0;font-size:2rem;line-height:1.3}.hotspot__content__text{line-height:1.3}.hotspot__content__title-and_text>*+*{margin-top:1rem}.hotspot[data-direction=bottom] .hotspot__content{transform:translate(-50%,calc((var(--btn-size) / 2) + var(--carret-height)))}.hotspot__content__image-and-text--small-image{display:flex;align-items:flex-start}.hotspot__content__image-and-text--small-image .hotspot__content__image{max-width:25%;padding:1.25rem .25rem 1.25rem 1.25rem;flex-shrink:0}.hotspot__content__image-and-text--small-image .hotspot__content__title-and_text{padding:1rem 1.25rem;flex-grow:1}.hotspot__content__image-and-text--small-image .hotspot__content__title-and_text>*+*{margin-top:.5rem}.hotspot__content__btn{padding:1.5rem;border-top:solid .2rem rgba(var(--color-foreground),.1)}.hotspot__content__btn .button{font-size:1.7rem}.hotspot-overlay{display:none}.hotspot__content .price{margin-bottom:0;margin-top:.3rem}.hotspot__content .price--on-sale.price--show-badge{margin-top:.75rem}.hotspot__content .price-item--regular{font-size:2rem}@media screen and (min-width: 1000px){.hotspots-image .placeholder{height:calc(var(--max-width) * 9 / 16);width:100%}}@media screen and (min-width: 750px){.image--corner-radius img{border-radius:3rem}.hotspots-image-container--content-top.hotspots-image--different-bg .image--corner-radius img{border-radius:0 0 3rem 3rem}.hotspots-image-container--content-right.hotspots-image--different-bg .image--corner-radius img{border-radius:3rem 0 0 3rem}.hotspots-image-container--content-bottom.hotspots-image--different-bg .image--corner-radius img{border-radius:3rem 3rem 0 0}.hotspots-image-container--content-left.hotspots-image--different-bg .image--corner-radius img{border-radius:0 3rem 3rem 0}.hotspots-image-container.hotspots-image-container--content-empty .image--corner-radius img{border-radius:3rem}.hotspots-image-container--content-top{flex-direction:column;align-items:center}.hotspots-image-container--content-top.hotspots-image--different-bg .hotspots-image__content.content--border-radius{border-radius:3rem 3rem 0 0}.hotspots-image-container--content-right{flex-direction:row-reverse;justify-content:center}.hotspots-image-container--content-right.hotspots-image--different-bg .hotspots-image__content.content--border-radius{border-radius:0 3rem 3rem 0}.hotspots-image-container--content-bottom{flex-direction:column-reverse;align-items:center}.hotspots-image-container--content-bottom.hotspots-image--different-bg .hotspots-image__content.content--border-radius{border-radius:0 0 3rem 3rem}.hotspots-image-container--content-left{flex-direction:row;justify-content:center}.hotspots-image-container--content-left.hotspots-image--different-bg .hotspots-image__content.content--border-radius{border-radius:3rem 0 0 3rem}.hotspots-image__content{padding:3rem}.hotspots-image-container--content-right .hotspots-image__content,.hotspots-image-container--content-left .hotspots-image__content{display:flex;flex-direction:column;justify-content:center;min-width:35rem;flex:1;max-width:60rem}.hotspots-image--same-bg.hotspots-image-container--content-top .hotspots-image__content{padding-top:0;padding-bottom:4rem}.hotspots-image--same-bg.hotspots-image-container--content-bottom .hotspots-image__content{padding-bottom:0;padding-top:4rem}.hotspots-image-container--limited.hotspots-image-container--content-bottom .hotspots-image__content,.hotspots-image-container--limited.hotspots-image-container--content-top .hotspots-image__content{max-width:var(--max-width);width:100%}}@media screen and (max-width: 749px){.hotspot__content__title{font-size:1.6rem}.hotspot__content__title-and_text,.hotspot__content__btn{padding:1rem}.hotspot__content__text{font-size:1.3rem}.hotspot__content .price{margin-top:0}.hotspot__content .price--on-sale.price--show-badge{margin-top:.5rem}.hotspot__content .price-item--regular{font-size:1.8rem}.hotspot__content__btn .button{font-size:1.5rem;min-height:3.8rem;padding:0 1.25rem}.hotspot__content__title-and_text>*+*{margin-top:.5rem}.image--corner-radius img{border-radius:2rem}.hotspots-image-container--mobile-content-top.hotspots-image--different-bg .image--corner-radius img{border-radius:0 0 2rem 2rem}.hotspots-image-container--mobile-content-bottom.hotspots-image--different-bg .image--corner-radius img{border-radius:2em 2rem 0 0}.hotspots-image-container.hotspots-image-container--content-empty .image--corner-radius img{border-radius:2rem}.hotspot{--btn-size: 3rem}.hotspot--mobile-position{--offset-x: var(--mobile-offset-x) !important;--offset-y: var(--mobile-offset-y) !important}.hotspots-image--different-bg .hotspots-image__content{padding:2rem}.hotspots-image-container--mobile-content-top{flex-direction:column}.hotspots-image-container--mobile-content-top.hotspots-image--different-bg .hotspots-image__content.content--border-radius{border-radius:2rem 2rem 0 0}.hotspots-image-container--mobile-content-bottom{flex-direction:column-reverse}.hotspots-image-container--mobile-content-bottom.hotspots-image--different-bg .hotspots-image__content.content--border-radius{border-radius:0 0 2rem 2rem}.hotspots-image--same-bg.hotspots-image-container--mobile-content-top .hotspots-image__content{padding:0 0 2.5rem}.hotspots-image--same-bg.hotspots-image-container--mobile-content-bottom .hotspots-image__content{padding:2.5rem 0 0}.hotspot--fixed .hotspot-overlay{display:block;visibility:hidden;opacity:0;width:0;height:0;transition:opacity .1s ease-in-out,width 0s,height 0s}.hotspot--fixed[data-open=true] .hotspot-overlay{z-index:5;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000026;visibility:visible;opacity:1}.hotspot--fixed[data-open=true] .hotspot__content{z-index:6}}.hotspots-image-container--content-empty .hotspots-image__content{display:none}.bullet-point{--bullet-size: 1.5rem;--line-width: .3rem;--line-square-size: 4rem;--line-square-diagonal: calc(var(--line-square-size) * 1.41);--text-padding: 1rem;background:none;color:rgb(var(--color-background));position:absolute;top:var(--offset-y);background:rgb(var(--color-background));height:var(--line-width);transform:translate(var(--line-square-size),-50%);left:var(--offset-x);text-align:right;max-width:calc(var(--desktop-width) - var(--line-square-size));width:100%}.bullet-point__line-end{content:"";display:block;background:rgb(var(--color-background));height:var(--line-width);width:var(--line-square-size);transform-origin:top right;position:absolute;right:100%;top:0}.bullet-point__line-end:after{content:"";display:block;background:rgb(var(--color-background));height:var(--bullet-size);width:var(--bullet-size);position:absolute;left:0;top:calc(var(--line-width) / 2);transform:translate(-50%,-50%);border-radius:50%}.bullet-point[data-line-bend=bottom]{top:calc(var(--offset-y) - var(--line-square-size))}.bullet-point[data-line-bend=top]{top:calc(var(--offset-y) + var(--line-square-size))}.bullet-point[data-line-bend=bottom] .bullet-point__line-end{width:var(--line-square-diagonal);transform:rotate(315deg)}.bullet-point[data-line-bend=top] .bullet-point__line-end{width:var(--line-square-diagonal);transform:rotate(45deg)}.bullet-point[data-direction=left]{transform:translate(calc(-100% - var(--line-square-size) - (var(--line-width) / 2)),-50%);text-align:left}.bullet-point[data-direction=left] .bullet-point__line-end{left:100%;transform-origin:top left}.bullet-point[data-direction=left] .bullet-point__line-end:after{left:100%}.bullet-point[data-line-bend=bottom][data-direction=left] .bullet-point__line-end{transform:rotate(45deg)}.bullet-point[data-line-bend=top][data-direction=left] .bullet-point__line-end{transform:rotate(-45deg)}.bullet-point__title{margin:0;font-size:2rem;line-height:1.3;position:absolute;top:-.2em;left:0;width:100%;max-width:100%;transform:translateY(-100%);color:rgb(var(--color-background))}.bullet-point__text{position:absolute;top:1rem;left:0;width:100%;max-width:100%;line-height:1.3}.bullet-point[data-direction=left] .bullet-point__title,.bullet-point[data-direction=left] .bullet-point__text{padding-right:var(--text-padding)}.bullet-point[data-direction=right] .bullet-point__title,.bullet-point[data-direction=right] .bullet-point__text{padding-left:var(--text-padding)}.bullet-point[data-contain=true][data-direction=right]{max-width:min(var(--desktop-width),calc(100% - var(--offset-x) - var(--line-square-size) - 1rem))}.bullet-point[data-contain=true][data-direction=left]{max-width:min(var(--desktop-width),calc(var(--offset-x) - var(--line-square-size) - 1rem))}@media screen and (max-width: 749px){.bullet-point__title{font-size:1.5rem}.bullet-point__text{font-size:1.2rem}.bullet-point--mobile-position{--offset-x: var(--mobile-offset-x) !important;--offset-y: var(--mobile-offset-y) !important}.bullet-point{--bullet-size: 1.25rem;--line-width: .3rem;--line-square-size: 3rem;--text-padding: .5rem;max-width:min(var(--mobile-width),calc(100% - var(--offset-x) - var(--line-square-size) - 1rem))}.bullet-point[data-direction=left]{max-width:min(var(--mobile-width),calc(var(--offset-x) - var(--line-square-size) - 1rem))}.bullet-point--mobile-position[data-mobile-line-bend=none]{top:var(--offset-y)}.bullet-point--mobile-position[data-mobile-line-bend=bottom]{top:calc(var(--offset-y) - var(--line-square-size))}.bullet-point--mobile-position[data-mobile-line-bend=top]{top:calc(var(--offset-y) + var(--line-square-size))}.bullet-point--mobile-position[data-mobile-direction=right]{transform:translate(var(--line-square-size),-50%);text-align:right;max-width:min(var(--mobile-width),calc(100% - var(--offset-x) - var(--line-square-size) -1rem))}.bullet-point--mobile-position[data-mobile-direction=left]{transform:translate(calc(-100% - var(--line-square-size) - (var(--line-width) / 2)),-50%);text-align:left;max-width:min(var(--mobile-width),calc(var(--offset-x) - var(--line-square-size) - 1rem))}.bullet-point--mobile-position[data-mobile-direction=right] .bullet-point__line-end{transform-origin:top right;left:auto;right:100%}.bullet-point--mobile-position[data-mobile-direction=right] .bullet-point__line-end:after{left:0;right:auto}.bullet-point--mobile-position[data-mobile-line-bend=none] .bullet-point__line-end{transform:none}.bullet-point--mobile-position[data-mobile-line-bend=bottom][data-mobile-direction=right] .bullet-point__line-end{transform:rotate(315deg)}.bullet-point--mobile-position[data-mobile-line-bend=top][data-mobile-direction=right] .bullet-point__line-end{transform:rotate(45deg)}.bullet-point--mobile-position[data-mobile-direction=left] .bullet-point__line-end{left:100%;right:auto;transform-origin:top left}.bullet-point--mobile-position[data-mobile-direction=left] .bullet-point__line-end:after{left:100%;right:auto}.bullet-point--mobile-position[data-mobile-line-bend=bottom][data-mobile-direction=left] .bullet-point__line-end{transform:rotate(45deg)}.bullet-point--mobile-position[data-mobile-line-bend=top][data-mobile-direction=left] .bullet-point__line-end{transform:rotate(-45deg)}.bullet-point--mobile-position[data-mobile-direction=left] .bullet-point__title,.bullet-point--mobile-position[data-mobile-direction=left] .bullet-point__text{padding-right:var(--text-padding);padding-left:0}.bullet-point--mobile-position[data-mobile-direction=right] .bullet-point__title,.bullet-point--mobile-position[data-mobile-direction=right] .bullet-point__text{padding-left:var(--text-padding);padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hotspots.css.map */