vn-room{display:block}.vn-room__header{display:grid;gap:1.6rem;margin-bottom:4rem}.vn-room__heading{margin:0}.vn-room__text{margin:0;max-width:44rem;font-size:1.6rem;color:rgba(var(--color-foreground),.75)}.vn-room__stage{position:relative;aspect-ratio:var(--vn-room-ratio)}.vn-room__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.vn-room__image{display:block;width:100%;height:100%;object-fit:cover}.vn-room__spot{position:absolute;top:calc(var(--y) - 1.8rem);left:calc(var(--x) - 1.8rem);z-index:1;width:3.6rem;height:3.6rem}.vn-room__dot{position:relative;display:block;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#efe8df59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.vn-room__dot:before{content:"";position:absolute;inset:50% auto auto 50%;width:1.2rem;height:1.2rem;border-radius:50%;background:#efe8df;transform:translate(-50%,-50%);transition:transform .35s var(--vn-ease),background-color .35s ease}.vn-room__dot[aria-expanded=true]:before{background:rgb(var(--vn-accent));transform:translate(-50%,-50%) scale(1.4)}.vn-room__dot:focus-visible{outline:2px solid #efe8df;outline-offset:3px}.vn-room__card{position:absolute;top:50%;left:calc(100% + 1.2rem);width:30rem;transform:translateY(-50%);box-shadow:0 1.6rem 4rem #17131040}.vn-room__spot--left .vn-room__card{right:calc(100% + 1.2rem);left:auto}.vn-room__card-link{display:grid;grid-template-columns:9.6rem 1fr;gap:1.4rem;align-items:center;padding:1.2rem;color:rgb(var(--color-foreground));text-decoration:none;background:rgb(var(--color-background))}.vn-room__card-media{display:block;aspect-ratio:1;background:rgb(var(--color-background))}.vn-room__card-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.vn-room__card-info{display:grid;gap:.4rem}.vn-room__card-title{font-family:var(--font-heading-family);font-size:1.9rem;line-height:1.15}.vn-room__card-cta{font-size:1.3rem;text-decoration:underline;text-underline-offset:.4rem}.vn-room__list{display:grid;grid-auto-flow:column;grid-auto-columns:60%;gap:1.6rem;margin:4rem 0 0;padding-block:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.vn-room__list::-webkit-scrollbar{display:none}.vn-room__list-item{scroll-snap-align:start}.vn-room .vn-card__media{background:#f2eee7}@media screen and (max-width:749px){.vn-room__viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.vn-room__viewport::-webkit-scrollbar{display:none}.vn-room__stage{width:170vw}.vn-room__card{position:fixed;top:auto;right:1.5rem;bottom:calc(1.5rem + env(safe-area-inset-bottom));left:1.5rem;width:auto;transform:none;z-index:4}.vn-room__spot--left .vn-room__card{right:1.5rem;left:1.5rem}}@media screen and (min-width:990px){.vn-room__header{grid-template-columns:1fr auto;align-items:end}.vn-room__list{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}}@media screen and (max-width:749px){body:has(.vn-room__card:not([hidden])) shopify-chat{bottom:calc(15rem + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-vn-room.css.map */