.room-ideas{--ri-gap: 1rem;--ri-radius: 6px;display:block}.room-ideas__filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.room-ideas__select{appearance:none;-webkit-appearance:none;font:inherit;color:rgb(var(--color-foreground));background-color:transparent;border:1px solid rgb(var(--color-border));border-radius:999px;padding:.6em 2.6em .6em 1.1em;line-height:1.2;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1em center;background-size:.7em;min-width:9rem}.room-ideas__select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.room-ideas__grid{--ri-cols: var(--ri-cols-mobile, 2);display:grid;grid-template-columns:repeat(var(--ri-cols),minmax(0,1fr));grid-auto-rows:var(--ri-row-h, clamp(7rem, 18vw, 15rem));grid-auto-flow:row dense;gap:var(--ri-gap);margin:0;padding:0;list-style:none}@media(min-width:750px){.room-ideas__grid{--ri-cols: var(--ri-cols-tablet, 3)}}@media(min-width:990px){.room-ideas__grid{--ri-cols: var(--ri-cols-desktop, 4)}}.room-ideas__item{margin:0;padding:0;min-width:0;grid-column:span min(var(--ri-w, 1),var(--ri-cols, 1));grid-row:span var(--ri-h, 1)}.room-ideas__item[hidden]{display:none}.room-ideas__card{position:relative;display:block;height:100%;overflow:hidden;border-radius:var(--ri-radius, 6px);color:#fff;background-color:#0000000f}.room-ideas__card-btn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:none;background:transparent;cursor:pointer;padding:0}.room-ideas__card-btn:focus-visible{outline:2px solid #fff;outline-offset:-3px}.room-ideas__media{position:relative;width:100%;height:100%;overflow:hidden}.room-ideas__media .image-fit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long, .5s) ease}.room-ideas__card:has(.room-ideas__card-btn:hover) .room-ideas__media .image-fit{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.room-ideas__card:has(.room-ideas__card-btn:hover) .room-ideas__media .image-fit{transform:none}}.room-ideas__overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.2rem 1.4rem 1.4rem;background:linear-gradient(to top,#000000b8,#00000052 45%,#0000);pointer-events:none}.room-ideas__title{margin:0;color:#fff;font-size:2rem;font-weight:600;line-height:1.25;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.35)}.room-ideas__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none}.room-ideas__tag{font-size:1.2rem;line-height:1;padding:.5em .8em;border-radius:999px;background-color:#ffffff38;color:#fff;white-space:nowrap}.room-ideas__empty{margin:2rem 0;text-align:center;opacity:.7}.look__hotspot-trigger{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:transparent;padding:0;cursor:pointer}.stl-overlay__image{position:relative}.stl-overlay__image .look__hotspot.is-active .look__hotspot-product{animation-name:hotspot-zoom-in;pointer-events:auto}@media screen and (hover:hover){.stl-overlay__image .look__hotspot:hover .look__hotspot-product{pointer-events:auto}}.stl-overlay__image .look__hotspot-product:before{content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem}.stl-overlay__image .look__hotspot-product--bottom:before{top:auto;bottom:-1.2rem}.stl-overlay__image .look__hotspot{width:3.6rem;height:3.6rem;margin-left:-1.8rem;margin-top:-1.8rem}.stl-overlay__image .look__hotspot:before{width:2.4rem;height:2.4rem;background-color:rgb(var(--hotspot-color));background-image:linear-gradient(var(--hotspot-icon-color, #1a1a1a),var(--hotspot-icon-color, #1a1a1a)),linear-gradient(var(--hotspot-icon-color, #1a1a1a),var(--hotspot-icon-color, #1a1a1a));background-size:1rem .18rem,.18rem 1rem;background-position:center;background-repeat:no-repeat;box-shadow:0 .2rem .8rem #00000059;transition:transform var(--duration-default) ease}.stl-overlay__image .look__hotspot:after{background-color:rgba(var(--hotspot-color),.3)}@media screen and (hover:hover){.stl-overlay__image .look__hotspot:hover:before{transform:scale(1.12)}}.stl-overlay__image .look__hotspot.is-active:before{transform:rotate(45deg) scale(1.08)}.stl-overlay__image .look__hotspot:focus-within:before{outline:2px solid rgb(var(--hotspot-color));outline-offset:3px}.stl-overlay__image .look__hotspot-product{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1.2rem 1.4rem;align-items:start;width:min(30rem,78vw);padding:1.4rem;border-radius:1.4rem}.stl-overlay__image .look__hotspot-product>*{align-self:start}.stl-overlay__image .look__hotspot-product{translate:var(--popup-shift, 0px) 0}.stl-overlay__image .look__hotspot-product:after{translate:calc(var(--popup-shift, 0px) * -1) 0}.stl-overlay__image .look__hotspot-product:not(.look__hotspot-product--left):not(.look__hotspot-product--right):after{left:calc(50% - .6rem)}.look__hotspot-media{display:block;aspect-ratio:1;overflow:hidden;border-radius:.8rem;background:rgb(var(--color-placeholder))}.look__hotspot-img{display:block;width:100%;height:100%;object-fit:cover}.look__hotspot-info{min-width:0;display:flex;flex-direction:column;gap:.4rem;text-align:left}.look__hotspot-vendor{margin:0;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.look__hotspot-link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.4rem;line-height:1.3;text-decoration:none;color:rgb(var(--color-foreground))}.look__hotspot-link:hover{text-decoration:underline}.stl-overlay__image .look__hotspot-info .price{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:.2rem;line-height:1.2}.stl-overlay__image .look__hotspot-info .price .price__badge-member{margin-left:0;width:auto;max-width:100%;padding:.4rem .9rem;border-radius:1.2rem;font-size:1rem;line-height:1.25;text-align:left;white-space:normal;word-break:normal;overflow-wrap:anywhere}.look__hotspot-sold-out{grid-column:1 / -1;margin:0;font-size:1.2rem;text-align:center;opacity:.7}.look__hotspot-add{grid-column:1 / -1;display:flex;justify-content:center;align-self:stretch;width:100%;min-width:0;min-height:3.8rem}.stl-overlay__image .look__hotspot-product>.look__hotspot-link:only-child,.stl-overlay__image .look__hotspot-product>p:only-child{grid-column:1 / -1}.stl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none}.stl-overlay[hidden]{display:none}.stl-overlay.is-open{pointer-events:auto}.stl-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141499;opacity:0;transition:opacity var(--duration-long, .36s) ease}.stl-overlay.is-open .stl-overlay__backdrop{opacity:1}.stl-overlay__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:min(92vw,1400px);max-height:88vh;overflow-x:hidden;overflow-y:auto;background:rgb(var(--color-background));box-shadow:0 24px 64px #0003;opacity:0;transition:transform var(--duration-long, .36s) ease,opacity var(--duration-long, .36s) ease}.stl-overlay.is-open .stl-overlay__panel{transform:translate(-50%,-50%) scale(1);opacity:1}.stl-overlay__close{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground))}.stl-overlay__body{position:relative;min-height:200px}.stl-overlay__image-panel{position:relative;z-index:1;flex:1 1 auto;min-width:0}.stl-overlay__image{width:100%}.stl-overlay__inner{display:flex;flex-direction:column}@media(min-width:750px){.stl-overlay__inner{flex-direction:row;align-items:stretch}}.stl-overlay__info-panel{flex:0 0 280px;display:flex;flex-direction:column;background:rgb(var(--color-background));border-left:1px solid rgb(var(--color-border))}.stl-overlay__info-panel-inner{padding:2rem}.stl-overlay__look-description{margin-top:.8rem}.stl-overlay__add-all{margin-top:1.6rem}.stl-overlay__carousel-heading{padding:1.5rem 2rem .5rem}.stl-overlay__carousel-wrap{padding:0 2rem 1.5rem}.stl-overlay__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-height:200px}.stl-overlay__spinner{width:32px;height:32px;border:3px solid rgb(var(--color-border));border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:stl-spin .8s linear infinite}@keyframes stl-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-room-ideas.css.map */