.beni-hs{position:relative}.beni-hs__inner{position:relative;max-width:1440px;margin-inline:auto;padding-inline:12px;display:flex;flex-direction:column}.beni-hs__title{margin:0 0 12px;text-align:center;color:var(--beni-hs-title);font-size:var(--beni-hs-title-font-size-mb);font-weight:500;line-height:1.1}@media screen and (min-width:1000px){.beni-hs__title{font-size:var(--beni-hs-title-font-size)}}.beni-hs__stage{position:relative;width:100%;margin-inline:auto}.beni-hs__product-pic,.beni-hs__product{display:block;width:100%}.beni-hs__product{height:auto}.beni-hs__product--placeholder{aspect-ratio:3 / 2;background:#0000000a}.beni-hs__product--placeholder .beni-hs__placeholder-svg{width:100%;height:100%;opacity:.3}.beni-hs__hotspots{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.beni-hs__hotspot{position:static}.beni-hs__trigger{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;border:0;border-radius:8px;background:#0000005c;color:#fff;font-size:12px;font-weight:500;line-height:normal;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.beni-hs__trigger.is-static{cursor:default}.beni-hs__video.is-hidden{display:none}.beni-hs__dot,.beni-hs__label{display:inline-flex;position:relative;z-index:1}.beni-hs__dot{width:6px;height:6px;border-radius:50%;background:var(--beni-hs-accent);transition:background .2s ease}.beni-hs__learn-more{display:inline-flex;align-items:center;margin-top:16px;align-self:flex-end;padding-right:0;text-decoration:none}.beni-hs__lm-text{height:54px;padding:0 20px;border-radius:999px;background:var(--beni-hs-accent);color:#fff;font-size:14px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center}.beni-hs__lm-arrow{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--beni-hs-accent);color:#fff;margin-left:-3px;transition:margin-left .25s ease}@media(hover:hover)and (pointer:fine){.beni-hs__learn-more:hover .beni-hs__lm-arrow{margin-left:6px}}@media screen and (min-width:1000px){.beni-hs__inner{min-height:800px;flex-direction:row;align-items:center;justify-content:center;padding-inline:60px}.beni-hs__title{position:absolute;top:40px;left:60px;margin:0;text-align:left}.beni-hs__stage{width:min(760px,62%);margin:0}.beni-hs__hotspots{position:absolute;top:50%;left:50%;z-index:2;width:min(760px,calc(62% - 74.4px));aspect-ratio:var(--beni-hs-product-ratio, 1.5);margin:0;display:block;transform:translate(-50%,-50%);pointer-events:none}.beni-hs__hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto}.beni-hs__trigger{position:relative}.beni-hs__trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--beni-hs-accent);opacity:0;transition:opacity .2s ease;pointer-events:none}.beni-hs__trigger:not(.is-static):hover:after,.beni-hs__trigger:not(.is-static):focus-visible:after{opacity:1}.beni-hs__trigger:not(.is-static):hover .beni-hs__dot,.beni-hs__trigger:not(.is-static):focus-visible .beni-hs__dot{background:#ffffff80}.beni-hs__hotspot{cursor:pointer}.beni-hs__lm-arrow{margin-left:-27px}.beni-hs__learn-more{position:absolute;left:50%;top:50%;z-index:4;margin-top:0;align-self:auto;opacity:0;pointer-events:none;transition:opacity .18s ease}.beni-hs__inner.is-tracking:not(.is-hotspot-hover) .beni-hs__learn-more{opacity:1}.beni-hs__inner.is-tracking:not(.is-hotspot-hover) .beni-hs__lm-arrow{margin-left:6px}.beni-hs:has(.beni-hs__inner.is-tracking:not(.is-hotspot-hover)){cursor:pointer}.beni-hs:has(.beni-hs__inner.is-hotspot-hover){cursor:pointer}.beni-hs__lm-text{padding:0 24px}}.beni-hs__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.beni-hs__lightbox[open]{display:grid;place-items:center;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.beni-hs__lightbox-dialog{position:relative;display:flex;flex-direction:column;gap:12px;max-width:92vw;max-height:88vh}.beni-hs__lightbox-title{display:none;margin:0;color:#fff;font-size:16px;font-weight:500}.beni-hs__lightbox-media{--beni-hs-ratio: 1.7778;position:relative;display:flex;align-items:center;justify-content:center;width:min(92vw,calc(88vh * var(--beni-hs-ratio)));max-width:92vw;max-height:88vh;aspect-ratio:var(--beni-hs-ratio)}.beni-hs__lightbox-body{display:flex;flex:1 1 100%;min-width:0;height:100%}.beni-hs__lightbox-body .yg-video-iframe-container{position:relative;width:100%;height:100%;aspect-ratio:auto;border-radius:16px;overflow:hidden}.beni-hs__lightbox-body video.yg-video-iframe,.beni-hs__lightbox-body iframe.yg-video-iframe{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border:0;border-radius:16px}.beni-hs__lightbox-close{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:48px;height:48px;padding:12px;border:0;background:none;color:#fff;border-radius:999px;cursor:pointer;background:#ffffff3d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.beni-hs__lightbox-close-icon{display:block;width:24px;height:24px}@media screen and (max-width:999px){.beni-hs__lightbox-title{display:block;align-self:flex-start}.beni-hs__lightbox-dialog{max-width:90vw;max-height:82vh}.beni-hs__lightbox-media{width:min(90vw,calc(72vh * var(--beni-hs-ratio)));max-width:90vw;max-height:72vh}.beni-hs__hotspots{justify-content:center}.beni-hs__hotspot{position:static;left:auto;top:auto;transform:none}.beni-hs__trigger{padding:4px 8px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-beni-product-hotspots.css.map */