interactive-layer-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:16/10;border-radius:.25rem;overflow:hidden}interactive-layer-thumbnail i{z-index:2;width:2.5rem;height:2.5rem;color:#fff}interactive-layer-thumbnail .thumbnail-photo{position:absolute;top:0;right:0;bottom:0;left:0}interactive-layer-thumbnail .thumbnail-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0000004d}interactive-layer-thumbnail img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}interactive-layers{--content-size: 114px;--frame-size: 297px;--full-height: calc(var(--frame-size) + var(--content-size));position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;overflow:hidden;border-radius:8px}@media screen and (min-width:1440px){interactive-layers{--frame-size: 462px}}interactive-layers [part=layers]{position:relative;display:block;aspect-ratio:16/9}interactive-layers [part=wallpaper]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}interactive-layers [part=wallpaper] img{height:auto;-o-object-position:center top;object-position:center top}interactive-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}interactive-layer.is-open [part=hotspot] .inner-circle{width:3rem;height:3rem}interactive-layer.is-open [part=hotspot] .outer-circle{width:3.75rem;height:3.75rem}interactive-layer.is-open [part=hotspot] .pulse{display:none}interactive-layer.is-open [part=hotspot-media]{opacity:1}interactive-layer [part=hotspot]{z-index:20;display:flex;cursor:pointer;justify-content:center;align-items:center;transform:translate(-50%,-50%)}interactive-layer [part=hotspot] .inner-circle,interactive-layer [part=hotspot] .outer-circle{transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}interactive-layer [part=hotspot] .inner-circle{position:absolute;z-index:3;width:1rem;height:1rem;border-radius:var(--radius-radius-full, 1024px);background:var(--color-neutral-900, #403833)}interactive-layer [part=hotspot] .outer-circle{position:absolute;z-index:2;width:2.25rem;height:2.25rem;border-radius:var(--radius-radius-full, 1024px);background:#ffffffb3}interactive-layer [part=hotspot] .pulse{position:absolute;z-index:1;width:2.25rem;height:2.25rem;border-radius:var(--radius-radius-full, 1024px);background-color:#fff;opacity:.75;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}interactive-layer [part=hotspot-media]{z-index:4;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}interactive-layer [part=hotspot-media] .hotspot-icon{color:#fff;width:1.5rem}interactive-layer [part=hotspot-media] .hotspot-photo{display:block;width:3rem;height:3rem;border-radius:var(--radius-radius-full, 1024px);overflow:hidden;background:#d3d3d3 -53.038px -11.139px/234.512% 131.913% no-repeat}interactive-layer-icon svg{width:1.25rem;height:1.25rem}interactive-layer-content{z-index:20;display:flex;justify-content:center;align-items:center;max-height:0;transition:max-height .1s cubic-bezier(.4,0,.2,1)}interactive-layer-content.expanded{max-height:156px}interactive-layer-content:not(:empty){margin:0 2rem .75rem}@media(min-width:1024px){interactive-layer-content:not(:empty){margin:0 2rem 1.5rem}}interactive-layer-content [part=icon]{display:flex;padding:.5rem;flex-direction:column;align-items:flex-start;border-radius:.5rem;border:1px solid var(--color-primary-400, #FFA236);background:var(--color-primary-300, #FFDEB7);color:var(--color-neutral-900, #403833)}interactive-layer-content [part=icon] svg{width:1.25rem;height:1.25rem}interactive-layer-content [part=description]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:4;font-size:.75rem}@media(min-width:1024px){interactive-layer-content [part=description]{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/384/assets/interactive-layers.css.map */