.mood-board-guide{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal);color:var(--color-white)}.mood-board-guide.is-open{display:block}.mood-board-guide [hidden]{display:none!important}.mood-board-guide--centred.is-open{display:flex;flex-direction:column;justify-content:center;padding:1.6rem;overflow:auto}.mood-board-guide__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-black-rgb),.5)}.mood-board-guide--spotlight .mood-board-guide__backdrop{display:none}.mood-board-guide__scrim{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mood-board-guide--centred .mood-board-guide__scrim{display:none}.mood-board-guide__hole,.mood-board-guide__ring{transition:x .28s ease,y .28s ease,width .28s ease,height .28s ease}.mood-board-guide__dim{fill:rgba(var(--color-black-rgb),.55)}.mood-board-guide__ring{fill:none;stroke:var(--color-white);stroke-width:2}.mood-board-guide__dialog{position:relative;width:100%;max-width:56rem;margin:auto;padding:3rem 2.4rem 2.4rem;display:flex;flex-direction:column;gap:2.4rem;background-color:var(--color-grey-dark-lighten-10);border-radius:var(--surface-radius);max-height:calc(100% - 3.2rem);overflow:auto}@media screen and (min-width:750px){.mood-board-guide--centred .mood-board-guide__dialog{padding:4.2rem;gap:3.2rem}}.mood-board-guide--spotlight .mood-board-guide__dialog{position:absolute;margin:0;width:38rem;max-width:calc(100vw - 3.2rem);max-height:none;overflow:visible;padding:2.4rem 2.4rem 2rem;gap:1.6rem;box-shadow:0 1.4rem 3.4rem rgba(var(--color-black-rgb),.34);transition:top .28s ease,left .28s ease}.mood-board-guide--spotlight .mood-board-guide__image{width:auto;max-width:100%;max-height:32vh;align-self:center}.mood-board-guide--spotlight.is-tall .mood-board-guide__dialog{max-height:calc(100vh - 2.4rem);overflow-y:auto}.mood-board-guide__arrow{position:absolute;width:1.2rem;height:1.2rem;background-color:var(--color-grey-dark-lighten-10);rotate:45deg}.mood-board-guide__close{position:absolute;top:1.6rem;right:1.6rem;padding:0;border:none;background:none;color:var(--color-white);cursor:pointer}.mood-board-guide__close .icon{width:1.5rem;height:1.5rem}@media screen and (min-width:750px){.mood-board-guide--centred .mood-board-guide__close{top:2.5rem;right:2.5rem}.mood-board-guide--centred .mood-board-guide__close .icon{width:2rem;height:2rem}}.mood-board-guide__count{margin:0;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.mood-board-guide__step{display:none;flex-direction:column;gap:1.6rem}.mood-board-guide__step.is-active{display:flex}.mood-board-guide__image{display:block;width:100%;height:auto;border-radius:var(--surface-radius)}.mood-board-guide__title{margin:0;font-size:2.4rem}@media screen and (min-width:750px){.mood-board-guide--centred .mood-board-guide__title{font-size:3rem}}.mood-board-guide__title:focus,.mood-board-guide__title:focus-visible{outline:none}.mood-board-guide__text,.mood-board-guide__text p{margin:0;font-size:1.6rem;line-height:1.6}.mood-board-guide__text p+p{margin-top:1.2rem}@media screen and (min-width:750px){.mood-board-guide--centred .mood-board-guide__text,.mood-board-guide--centred .mood-board-guide__text p{font-size:1.8rem}}.mood-board-guide__dots{display:flex;justify-content:center;gap:0;padding:0;margin:0;list-style:none}.mood-board-guide__dot{display:block;box-sizing:content-box;width:.8rem;height:.8rem;padding:.6rem;border:none;border-radius:50%;background-color:var(--color-white);background-clip:content-box;opacity:.35;cursor:pointer;transition:opacity .2s ease}.mood-board-guide__dot:hover,.mood-board-guide__dot:focus-visible{opacity:.7}.mood-board-guide__dot.is-active,.mood-board-guide__dot.is-active:hover{opacity:1}.mood-board-guide__controls{display:flex;gap:1.6rem}.mood-board-guide__controls .button{flex:1 1 0}.mood-board-guide__skip{margin-top:.4rem;padding:.8rem;border:none;background:none;color:var(--color-white);font-size:1.5rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:center}.mood-board-guide__trigger{display:inline-flex;align-items:center;gap:.6rem;padding:0;border:none;background:none;color:currentColor;font-size:1.4rem;font-weight:var(--font-light-weight);text-transform:uppercase;letter-spacing:var(--letter-spacing);cursor:pointer}.mood-board-guide__trigger span{text-decoration:underline;text-underline-offset:3px}.mood-board-guide__trigger-icon{width:1.6rem;height:1.6rem;flex:none}.mood-board-listings__list-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem 1.6rem;margin-bottom:2.4rem}.mood-board-listings__list-heading .mood-board-listings__list-title{margin-bottom:0}.mood-board-listings__list-heading .mood-board-guide__trigger{margin-left:auto}@media(prefers-reduced-motion:reduce){.mood-board-guide__dot,.mood-board-guide__hole,.mood-board-guide__ring,.mood-board-guide--spotlight .mood-board-guide__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/mood-board-guide.css.map */