.depth-rooms{--dr-ease:cubic-bezier(.23,1,.32,1);--dr-ink:255,255,255;--dr-paper:255,255,255;--dr-text:0,0,0;--dr-body:var(--body-font-stack,"Neue Haas Unica",sans-serif);isolation:isolate;cursor:default}.depth-rooms__stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.depth-rooms__fallback{position:absolute;top:0;right:0;bottom:0;left:0}.depth-rooms__fallback[hidden]{display:none}.depth-rooms__fallback img{will-change:transform}.depth-rooms__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s var(--dr-ease);pointer-events:none}.depth-rooms.is-ready:not(.is-static) .depth-rooms__canvas{opacity:1}.depth-rooms__layers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.depth-rooms__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .35s var(--dr-ease),visibility 0s linear .35s}.depth-rooms__layer.is-active{opacity:1;visibility:visible;transition-delay:0s}.depth-rooms__layer.is-leaving{opacity:0;visibility:visible;transition-duration:.2s}.depth-rooms__layer.is-active .depth-rooms__spot{pointer-events:auto}.depth-rooms__overlay{position:absolute;z-index:11;width:var(--ov-w,26%);max-width:520px;pointer-events:none;opacity:0;transition:opacity .6s var(--dr-ease) .25s;filter:drop-shadow(0 4px 18px rgba(0,0,0,.4))}.depth-rooms__layer.is-active .depth-rooms__overlay{opacity:1}.depth-rooms__layer.is-active a.depth-rooms__overlay{pointer-events:auto}a.depth-rooms__overlay:hover{filter:drop-shadow(0 4px 18px rgba(0,0,0,.4)) brightness(1.08)}.depth-rooms__overlay-img{display:block;width:100%;height:auto}.depth-rooms__overlay--top-left{left:5%;top:9%}.depth-rooms__overlay--top-center{left:50%;top:9%;transform:translate(-50%)}.depth-rooms__overlay--top-right{right:5%;top:9%}.depth-rooms__overlay--middle-left{left:5%;top:50%;transform:translateY(-50%)}.depth-rooms__overlay--middle-right{right:5%;top:50%;transform:translateY(-50%)}.depth-rooms__overlay--bottom-left{left:5%;bottom:16%}.depth-rooms__overlay--bottom-center{left:50%;bottom:16%;transform:translate(-50%)}.depth-rooms__overlay--bottom-right{right:5%;bottom:16%}@media(max-width:1023px){.depth-rooms__overlay{box-sizing:border-box!important;width:66%!important;max-width:66%!important;left:17%!important;right:auto!important;top:50%!important;bottom:auto!important;margin-top:-10%!important;transform:none!important}.depth-rooms__overlay-img{width:100%!important;max-width:100%!important;height:auto!important}}.depth-rooms__spot{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:transparent;color:rgb(var(--dr-ink));cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent;will-change:transform;opacity:0}.depth-rooms__layer.is-active .depth-rooms__spot{animation:dr-spot-in .8s var(--dr-ease) forwards}.depth-rooms__layer.is-active .depth-rooms__spot:nth-of-type(1){animation-delay:.3s}.depth-rooms__layer.is-active .depth-rooms__spot:nth-of-type(2){animation-delay:.45s}.depth-rooms__layer.is-active .depth-rooms__spot:nth-of-type(3){animation-delay:.6s}.depth-rooms__layer.is-active .depth-rooms__spot:nth-of-type(n+4){animation-delay:.75s}.depth-rooms__spot--hidden{display:none}@keyframes dr-spot-in{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.depth-rooms__spot:focus-visible{outline:none}.depth-rooms__spot-target{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:1px solid rgba(var(--dr-ink),.92);box-shadow:0 0 0 1px #00000047,0 1px 10px #00000059;transition:transform .45s var(--dr-ease),background-color .3s,box-shadow .3s}.depth-rooms__spot-dot{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:rgb(var(--dr-ink))}.depth-rooms__spot--passage .depth-rooms__spot-target{width:18px;height:18px;margin:-9px 0 0 -9px}.depth-rooms__spot--passage .depth-rooms__spot-dot{width:0;height:0;margin:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent rgb(var(--dr-ink));border-radius:0;transform:translate(-1.5px,-3px)}.depth-rooms__spot-tick{position:absolute;left:50%;top:50%;width:1px;height:5px;margin:-2.5px 0 0 -.5px;background:rgba(var(--dr-ink),.75);box-shadow:0 0 3px #0000008c;transition:transform .45s var(--dr-ease),opacity .3s}.depth-rooms__spot-tick:nth-child(1){transform:translateY(-13px)}.depth-rooms__spot-tick:nth-child(2){transform:translateY(13px)}.depth-rooms__spot-tick:nth-child(3){transform:rotate(90deg) translateY(-13px)}.depth-rooms__spot-tick:nth-child(4){transform:rotate(90deg) translateY(13px)}.depth-rooms__spot--passage .depth-rooms__spot-tick:nth-child(1){transform:translateY(-16px)}.depth-rooms__spot--passage .depth-rooms__spot-tick:nth-child(2){transform:translateY(16px)}.depth-rooms__spot--passage .depth-rooms__spot-tick:nth-child(3){transform:rotate(90deg) translateY(-16px)}.depth-rooms__spot--passage .depth-rooms__spot-tick:nth-child(4){transform:rotate(90deg) translateY(16px)}.depth-rooms__spot:hover .depth-rooms__spot-target,.depth-rooms__spot:focus-visible .depth-rooms__spot-target,.depth-rooms__spot.is-open .depth-rooms__spot-target,.depth-rooms__spot.is-selected .depth-rooms__spot-target{transform:scale(1.3);background:rgba(var(--dr-ink),.14)}.depth-rooms__spot:focus-visible .depth-rooms__spot-target{box-shadow:0 0 0 2px rgba(var(--dr-ink),.95),0 1px 10px #00000059}.depth-rooms__spot:hover .depth-rooms__spot-tick:nth-child(1),.depth-rooms__spot.is-open .depth-rooms__spot-tick:nth-child(1),.depth-rooms__spot.is-selected .depth-rooms__spot-tick:nth-child(1){transform:translateY(-19px)}.depth-rooms__spot:hover .depth-rooms__spot-tick:nth-child(2),.depth-rooms__spot.is-open .depth-rooms__spot-tick:nth-child(2),.depth-rooms__spot.is-selected .depth-rooms__spot-tick:nth-child(2){transform:translateY(19px)}.depth-rooms__spot:hover .depth-rooms__spot-tick:nth-child(3),.depth-rooms__spot.is-open .depth-rooms__spot-tick:nth-child(3),.depth-rooms__spot.is-selected .depth-rooms__spot-tick:nth-child(3){transform:rotate(90deg) translateY(-19px)}.depth-rooms__spot:hover .depth-rooms__spot-tick:nth-child(4),.depth-rooms__spot.is-open .depth-rooms__spot-tick:nth-child(4),.depth-rooms__spot.is-selected .depth-rooms__spot-tick:nth-child(4){transform:rotate(90deg) translateY(19px)}.depth-rooms__spot-tag{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(24px,-50%) translate(-4px);transition:opacity .3s var(--dr-ease),transform .45s var(--dr-ease)}.depth-rooms__spot-index{font-family:var(--dr-body);font-size:.62rem;letter-spacing:.16em;color:rgb(var(--dr-ink));text-shadow:0 1px 6px rgba(0,0,0,.6);opacity:.8;font-variant-numeric:tabular-nums}.depth-rooms__spot-text{display:inline-flex;align-items:center;gap:.45em;padding:.45em .7em;font-family:var(--dr-body);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--dr-paper));background:rgba(var(--dr-text),.92);border:1px solid rgba(var(--dr-ink),.28)}.depth-rooms__spot-arrow{font-weight:400;opacity:.8}.depth-rooms__spot:hover .depth-rooms__spot-tag,.depth-rooms__spot:focus-visible .depth-rooms__spot-tag,.depth-rooms__spot.is-open .depth-rooms__spot-tag,.depth-rooms__spot.is-selected .depth-rooms__spot-tag{opacity:1;transform:translate(24px,-50%)}.depth-rooms__spot--flip .depth-rooms__spot-tag{left:auto;right:50%;flex-direction:row-reverse;transform:translate(-24px,-50%) translate(4px)}.depth-rooms__spot--flip:hover .depth-rooms__spot-tag,.depth-rooms__spot--flip:focus-visible .depth-rooms__spot-tag,.depth-rooms__spot--flip.is-open .depth-rooms__spot-tag,.depth-rooms__spot--flip.is-selected .depth-rooms__spot-tag{transform:translate(-24px,-50%)}@media(hover:none){.depth-rooms__spot-tag{opacity:1;transform:translate(24px,-50%)}.depth-rooms__spot--flip .depth-rooms__spot-tag{transform:translate(-24px,-50%)}.depth-rooms__spot-index{display:none}}.depth-rooms__card{position:absolute;z-index:14;width:min(320px,calc(100% - 2rem));padding:1.25rem 1.35rem 1.35rem;background:rgb(var(--dr-paper));color:rgb(var(--dr-text));border:1px solid rgba(var(--dr-text),.14);box-shadow:0 24px 48px -24px #00000080;opacity:0;transform:translateY(8px);transition:opacity .35s var(--dr-ease),transform .45s var(--dr-ease)}.depth-rooms__card.is-open{opacity:1;transform:none}.depth-rooms__card[hidden]{display:none}.depth-rooms__card-close{position:absolute;top:.55rem;right:.55rem;width:28px;height:28px;padding:7px;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.55;transition:opacity .2s}.depth-rooms__card-close:hover,.depth-rooms__card-close:focus-visible{opacity:1;outline:none}.depth-rooms__card-close svg{width:100%;height:100%}.depth-rooms__card-kicker{margin:0 0 .65rem;font-family:var(--dr-body);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5}.depth-rooms__card-title{margin:0 0 .55rem;font-size:1.35rem;line-height:1.1;letter-spacing:-.03em}.depth-rooms__card-text,.depth-rooms__card-text p{font-family:var(--dr-body)!important;font-size:.95rem!important;line-height:1.35!important;letter-spacing:-.01em!important;margin:0!important;color:inherit!important}.depth-rooms__card-text p+p{margin-top:.5em!important}.depth-rooms__card-product{display:flex;align-items:center;gap:.85rem;margin:.95rem 0 .1rem;padding:.55rem;text-decoration:none;color:inherit;border:1px solid rgba(var(--dr-text),.12);transition:border-color .2s,background-color .2s}.depth-rooms__card-product:hover{border-color:rgba(var(--dr-text),.5)}.depth-rooms__card-thumb{flex:0 0 68px;width:68px;height:68px;overflow:hidden;background:rgba(var(--dr-text),.05)}.depth-rooms__card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.depth-rooms__card-product-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.depth-rooms__card-product-title{font-family:var(--dr-body);font-size:.9rem;font-weight:500;letter-spacing:-.01em;line-height:1.2}.depth-rooms__card-product-price{font-family:var(--dr-body);font-size:.8rem;opacity:.6;font-variant-numeric:tabular-nums}.depth-rooms__card-link{display:inline-block;margin-top:.9rem;font-family:var(--dr-body);font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding-bottom:.18em;transition:opacity .2s}.depth-rooms__card-link:hover{opacity:.55}@media(max-width:1023px){.depth-rooms__card{left:1rem!important;right:1rem;top:auto!important;bottom:4.6rem;width:auto}}.depth-rooms__bar{position:absolute;left:0;right:0;bottom:0;z-index:13;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem 1.05rem;min-height:5.5rem;color:rgb(var(--dr-ink));pointer-events:none;background:linear-gradient(to top,#00000080,#0000)}.depth-rooms__meta{display:flex;align-items:baseline;gap:.9rem;min-width:0}.depth-rooms__counter{font-size:1.5rem;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.depth-rooms__title{font-family:var(--dr-body);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.depth-rooms__hint{font-family:var(--dr-body);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:0;white-space:nowrap;transition:opacity .6s var(--dr-ease) .9s}.depth-rooms__counter+.depth-rooms__title+.depth-rooms__hint:before,.depth-rooms__title+.depth-rooms__hint:before{content:"\2014";margin-right:.9rem;opacity:.5}.depth-rooms__hint.is-visible{opacity:.62}.depth-rooms__hint.is-hidden{opacity:0;transition-delay:0s}.depth-rooms__tools{display:flex;align-items:center;gap:1.2rem;pointer-events:auto;margin-bottom:3.2rem;margin-right:.25rem}.depth-rooms__arrow{display:inline-flex;align-items:center;gap:.5em;padding:.5em .1em;border:0;border-bottom:1px solid transparent;background:transparent;color:inherit;font-family:var(--dr-body);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,opacity .25s}.depth-rooms__arrow:hover,.depth-rooms__arrow:focus-visible{border-bottom-color:rgba(var(--dr-ink),.85);outline:none}.depth-rooms__arrow:disabled{opacity:.3;cursor:default}.depth-rooms__gyro{display:none;align-items:center;padding:.5em .85em;border:1px solid rgba(var(--dr-ink),.45);background:#00000059;color:inherit;font-family:var(--dr-body);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.depth-rooms.needs-gyro .depth-rooms__gyro{display:inline-flex}.depth-rooms.is-transitioning .depth-rooms__tools,.depth-rooms.is-transitioning .depth-rooms__spot{pointer-events:none}.depth-rooms__counter,.depth-rooms__title{transition:opacity .3s}.depth-rooms.is-transitioning .depth-rooms__counter,.depth-rooms.is-transitioning .depth-rooms__title{opacity:.4}@media(min-width:1024px){.depth-rooms__bar{padding:1.5rem 2rem}.depth-rooms__counter{font-size:2rem}.depth-rooms__tools{margin-bottom:3.4rem;margin-right:0}}@media(max-width:1023px){.depth-rooms__hint,.depth-rooms__arrow-text{display:none}.depth-rooms__arrow{font-size:1.05rem;padding:.35em .45em}.depth-rooms__tools{gap:.6rem}}.depth-rooms.is-loading{cursor:progress}@media(prefers-reduced-motion:reduce){.depth-rooms__layer.is-active .depth-rooms__spot{animation-duration:.01s;animation-delay:0s!important}.depth-rooms__spot-target,.depth-rooms__spot-tick,.depth-rooms__spot-tag,.depth-rooms__card{transition:none}.depth-rooms__gyro{display:none!important}}.depth-rooms .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.depth-rooms:focus{outline:none}.depth-rooms:focus-visible{outline:2px solid #fff;outline-offset:-6px}.depth-rooms__card{max-height:calc(100% - 150px);overflow:auto}.depth-rooms__card-close{width:44px;height:44px;padding:14px;top:4px;right:4px}.depth-rooms__card-close:focus-visible,.depth-rooms__card-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.depth-rooms__fallback picture{display:block;width:100%;height:100%}.depth-rooms__fallback-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}@media(max-width:1023px){.depth-rooms__overlay{width:72%!important;max-width:72%!important;left:14%!important;top:var(--ov-mobile-y,56%)!important;margin-top:0!important;transform:translateY(-50%)!important}.depth-rooms__arrow{min-width:44px;min-height:44px}.depth-rooms__card{bottom:104px;max-height:calc(100% - 140px)}.depth-rooms__spot-index{display:none}.depth-rooms__spot-tag,.depth-rooms__spot--flip .depth-rooms__spot-tag,.depth-rooms__spot:hover .depth-rooms__spot-tag,.depth-rooms__spot:focus-visible .depth-rooms__spot-tag{top:100%;left:50%;right:auto;transform:translate(-50%,2px)}.depth-rooms__spot-text{font-size:.62rem;padding:.4em .6em}}@media(prefers-reduced-motion:reduce){.depth-rooms__canvas,.depth-rooms__layer,.depth-rooms__overlay{transition:none}}@media(max-width:1023px){.depth-rooms__spot-tag{opacity:1}.depth-rooms__layer.is-active .depth-rooms__spot-tag{pointer-events:auto}.depth-rooms.is-transitioning .depth-rooms__spot-tag{pointer-events:none}.depth-rooms__spot-text{min-height:28px;letter-spacing:.09em}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/depth-rooms.css.map */