.room-wrapper{position:relative;overflow:hidden}.room-wrapper.no-dialog dialog{display:none}.room-wrapper .room{padding-bottom:184.26%;background-size:100% 100%;background-repeat:no-repeat;position:relative;overflow:hidden;pointer-events:none}@media(min-width:768px){.room-wrapper .room{padding-bottom:56.25%}}.room-wrapper:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-background);transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:6}.room-loader{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;z-index:7;transition:opacity .5s ease-out,visibility 0s linear .5s}.room-loader.is-visible{opacity:1;visibility:visible}.room-loader-text{opacity:0}@keyframes opacity-subtle{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.room-loader-text{animation-name:opacity-subtle;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.5s}}@keyframes opacity-pulse-subtle{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:no-preference){.room-loader-text{animation-name:opacity-pulse-subtle;animation-duration:2.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:1.5s}}.room-dimmer{display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000a8;opacity:0;z-index:1;pointer-events:none}html:not(.has-js) .room-wrapper:after,.room-wrapper.ready:after{opacity:0;visibility:hidden;pointer-events:none}html:not(.has-js) .room-wrapper .room,.room-wrapper.hover-enabled .room{pointer-events:auto}html:not(.has-js) .room-loader,html:not(.has-js) .room-dimmer{display:none}@keyframes opacity-pulse{0%{opacity:0}45%{opacity:1}55%{opacity:1}to{opacity:0}}.room-wrapper.pulse .room-dimmer{animation-name:opacity-pulse;animation-duration:2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.room-tooltip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;padding:6px 12px;border-radius:8px;background:#000;color:#fff;font-size:1rem;line-height:1.2;opacity:0;transition:opacity .15s ease;max-width:12.5rem;text-align:center}@media(max-width:15.625em){.room-tooltip{max-width:80%}}.room-tooltip.is-visible{opacity:1;pointer-events:auto}.room-item{display:block;position:absolute;height:0}.room-item:before{content:"";display:block;width:100%}.room-item[data-hover=css],.room-item[data-hover=sprite]{z-index:1}.room-item:has(:focus-visible){outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}@supports not selector(:has(*)){.room-item:focus-within{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}}.room-item-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;outline:none}.room-item-link-fallback{display:none}html:not(.has-js) .room-item-link-quickshop,.room-wrapper.no-dialog .room-item-link-quickshop{display:none}html:not(.has-js) .room-item-link-fallback,.room-wrapper.no-dialog .room-item-link-fallback{display:block}.room-item-image{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}html.has-js .room-item-sprite canvas.room-item-image{opacity:0;visibility:hidden}html.has-js .room-wrapper.ready .room-item-sprite.sprite-initialized canvas.room-item-image{opacity:1;visibility:visible}html.has-js .room-item-sprite.sprite-initialized span.room-item-image{display:none}html:not(.has-js) .room-item[data-hover=css]:hover,html:not(.has-js) .room-item[data-hover=sprite]:hover,.room-item[data-hover=css].touch-hover,.room-item[data-hover=sprite].touch-hover,.room-item[data-hover=css].hover,.room-item[data-hover=sprite].hover{filter:drop-shadow(0px 0px 10px #fc8fb5)}.room-item[data-hover=css]:not([data-hover-css=custom]) .room-item-image{top:-2%;left:-2%;width:104%;height:104%;transform:scale(.96)}@keyframes scale-animation{0%{transform:scale(1)}to{transform:scale(.96)}}@media(prefers-reduced-motion:no-preference){.room-item[data-hover=css].animate:not([data-hover-css=custom]) .room-item-image{animation-name:scale-animation;animation-duration:.5s;animation-timing-function:steps(1);animation-fill-mode:forwards}}@keyframes skew-animation{0%{transform:rotate(5deg)}16.67%{transform:rotate(0)}33.33%{transform:rotate(5deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}.room-item.diary{width:26.5%;padding-bottom:calc(26.5% * .57);top:57.3%;left:27.8%}@media(min-width:768px){.room-item.diary{width:11.1%;padding-bottom:calc(11.1% * .57);left:3.25%;top:37.7%}}.room-item.diary .room-item-image{transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){.room-item.diary[data-hover-css=custom].animate .room-item-image{animation-name:skew-animation;animation-duration:2s;animation-timing-function:steps(1)}}.room-item.diary .popup-dialog{background:transparent}.room-item.diary .popup__wrapper{max-width:480px;background:transparent}.room-item.diary .popup__container{padding:0}.room-item.diary .popup__wrapper button[x-ref=modalClose]{background-color:var(--color-background);padding:.5rem;width:2.75rem;height:2.75rem;border-radius:2.75rem;box-shadow:1px 1px 4px #00000080;top:1rem;right:1rem}@media(max-width:380px){.room-item.diary .popup__container{padding-top:3rem}.room-item.diary .popup__wrapper button[x-ref=modalClose]{top:0;right:0}}.diary-note-image-wrapper{width:100%}.diary-note-image{display:block;width:100%;height:auto}html:not(.has-js) .room-item.diary .room-item-link,.room-wrapper.no-dialog .room-item.diary .room-item-link{display:none}html:not(.has-js) .room-item.diary:hover,.room-wrapper.no-dialog .room-item.diary:hover,.room-wrapper.no-dialog .room-item.diary.touch-hover,.room-wrapper.no-dialog .room-item.diary.hover{filter:none!important}.room-item.poster{width:21.8%;padding-bottom:27.904%;left:9.8%;top:15.6%}@media(min-width:768px){.room-item.poster{width:12.1%;padding-bottom:15.488%;left:18.6%;top:2.9%}}.room-item.calendar{width:21%;padding-bottom:19.32%;left:13.4%;top:27%}@media(min-width:768px){.room-item.calendar{width:10.3%;padding-bottom:9.476%;left:22.4%;top:25.2%}}.room-item.guitar{width:23.9%;padding-bottom:64.052%;left:19.9%;top:21%;z-index:2}@media(min-width:768px){.room-item.guitar{width:11.8%;padding-bottom:calc(11.8% * 2.68);left:26.4%;top:14.5%}}@supports (clip-path: polygon(0 0,100% 0,100% 100%,0 100%)){.room-item.guitar{pointer-events:none}.room-item.guitar>*:not(.room-item-image){pointer-events:auto}.room-item.guitar .room-item-link{clip-path:polygon(62% 0%,95% 0%,78% 58%,100% 59%,96% 100%,0% 114%,27% 50%,47% 48%)}}.room-item.armoire{width:32.9%;padding-bottom:calc(32.9% * 2.26);left:34.4%;top:15.2%}@media(min-width:768px){.room-item.armoire{width:16.4%;padding-bottom:35.424%;left:34.9%;top:7.7%}}.room-item.window{width:58.4%;padding-bottom:89.352%;left:66.4%;top:6.55%}@media(min-width:768px){.room-item.window{width:25.8%;padding-bottom:38.7%;left:51.3%;top:1.25%}}.room-item.cds{width:30%;padding-bottom:calc(30% * .52);left:4.5%;top:6.4%}@media(min-width:768px){.room-item.cds{width:15.6%;padding-bottom:8.112%;left:77%;top:11.8%}}.room-item.bed{display:none}@media(min-width:768px){.room-item.bed{display:block;width:43.2%;padding-bottom:29.808%;right:0;top:41.7%}}.room-item.wall_panel{width:15%;padding-bottom:calc(15% * .97);left:86%;top:41.3%;z-index:1}@media(min-width:768px){.room-item.wall_panel{width:5.5%;padding-bottom:5.335%;left:59.1%;top:49.8%}}.room-item.laptop{width:33%;padding-bottom:calc(33% * .53);left:68.7%;top:59.6%}@media(min-width:768px){.room-item.laptop{width:14%;padding-bottom:7.42%;left:62.6%;top:56%}}@supports (clip-path: polygon(0 0,100% 0,100% 100%,0 100%)){.room-item.laptop{pointer-events:none}.room-item.laptop>*:not(.room-item-image){pointer-events:auto}.room-item.laptop .room-item-link{clip-path:polygon(50% 0%,100% 0%,88% 88%,50% 100%,0% 76%)}}.room-item.cassette{width:30.5%;padding-bottom:calc(30.5% * .54);left:57.3%;top:50.8%}@media(min-width:768px){.room-item.cassette{width:11.7%;padding-bottom:6.318%;left:77.7%;top:60.5%}}.room-item.cassette .room-item-image{transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){.room-item.cassette[data-hover-css=custom].animate .room-item-image{animation-name:skew-animation;animation-duration:2s;animation-timing-function:steps(1)}}.room-item.single{width:20.3%;padding-bottom:calc(20.3% * .8);left:61.2%;top:51.9%}@media(min-width:768px){.room-item.single{width:10.9%;padding-bottom:8.72%;left:13.9%;top:54.8%}}.room-item.single .room-item-image{transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){.room-item.single[data-hover-css=custom].animate .room-item-image{animation-name:skew-animation;animation-duration:2s;animation-timing-function:steps(1)}}.room-item.vinyl_single{width:33.6%;padding-bottom:20.832%;left:29.5%;top:84.6%;z-index:3}@media(min-width:768px){.room-item.vinyl_single{width:14.5%;padding-bottom:8.99%;left:32.6%;top:80%}}.room-item.vinyl_stack{width:30.5%;padding-bottom:26.84%;left:4.5%;top:67.6%;z-index:2}@media(min-width:768px){.room-item.vinyl_stack{width:13.9%;padding-bottom:calc(13.9% * .88);left:40.9%;top:65.6%}}.room-item.picture_disc{width:20.9%;padding-bottom:calc(20.9% * .94);left:1.7%;top:49.2%;z-index:2}@media(min-width:768px){.room-item.picture_disc{width:10.6%;padding-bottom:calc(10.6% * .94);left:51.5%;top:78.2%}}.room-item.picture_disc .room-item-image{transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){.room-item.picture_disc[data-hover-css=custom].animate .room-item-image{animation-name:skew-animation;animation-duration:2s;animation-timing-function:steps(1)}}.room-item.tee{width:27.5%;padding-bottom:calc(27.5% * .69);left:48%;top:70.1%}@media(min-width:768px){.room-item.tee{width:11%;padding-bottom:7.59%;left:65.4%;top:75.2%}}.room-item.purse{width:45.8%;padding-bottom:calc(45.8% * .6);left:66.7%;top:74.8%}@media(min-width:768px){.room-item.purse{width:18.5%;padding-bottom:11.1%;left:78.9%;top:79.2%}}@supports (clip-path: polygon(0 0,100% 0,100% 100%,0 100%)){.room-item.purse{pointer-events:none}.room-item.purse>*:not(.room-item-image){pointer-events:auto}.room-item.purse .room-item-link{clip-path:polygon(26% 0%,61% 0%,68% 36%,100% 48%,100% 100%,0% 100%,0% 76%,20% 36%)}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/bespoke-room.css.map */