.klx-shop-look{margin-top:32px}.klx-shop-look__head{display:block;text-align:center;max-width:700px;margin:0 auto 32px}.klx-shop-look__head h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.05!important;letter-spacing:-.025em!important;margin:0 0 9px!important;color:var(--klx-ink)!important}.klx-shop-look__head p{margin:0;color:var(--klx-muted);font-size:14px;line-height:1.55}.klx-shop-look__frame{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;background:#eee5dc;border:1px solid rgba(86,52,36,.1);box-shadow:0 10px 28px #452a1b14}.klx-shop-look__scene{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;width:100%;aspect-ratio:1600/760;background:#fff;overflow:hidden}.klx-shop-look__tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eee5dc}.klx-shop-look__tile--study{grid-column:1;grid-row:1/3}.klx-shop-look__tile--dining{grid-column:2;grid-row:1}.klx-shop-look__tile--tv{grid-column:3;grid-row:1}.klx-shop-look__tile--shoe{grid-column:2;grid-row:2}.klx-shop-look__tile--bar{grid-column:3;grid-row:2}.klx-shop-look__tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.01);transition:transform .45s ease}.klx-shop-look__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#341e1300,#341e130d)}@media(hover:hover)and (pointer:fine){.klx-shop-look__tile:hover img{transform:scale(1.015)}}.klx-shop-look__hint{position:absolute;z-index:4;left:16px;top:16px;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#271c16b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:inherit;font-size:10px;line-height:1;font-weight:700;box-shadow:0 5px 14px #0000001a;transition:opacity .16s ease}.klx-shop-look__hint span{width:7px;height:7px;border-radius:50%;background:var(--klx-orange,#f7931a);box-shadow:0 0 0 4px #f7931a2e}.klx-shop-look.has-open-card .klx-shop-look__hint{opacity:.28}.klx-hotspot{position:absolute;z-index:5;left:var(--x);top:var(--y);width:38px;height:38px;margin:-19px 0 0 -19px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.klx-hotspot__core{position:absolute;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--klx-orange,#f7931a);box-shadow:0 3px 10px #3a1f1247;transition:transform .16s ease,background .16s ease}.klx-hotspot__ring{position:absolute;width:30px;height:30px;border-radius:50%;background:#ffffffdb;box-shadow:0 0 0 1px #5634241f;animation:klxHotspotPulse 2.5s ease-out infinite}.klx-hotspot:hover .klx-hotspot__core,.klx-hotspot:focus-visible .klx-hotspot__core,.klx-hotspot[aria-expanded=true] .klx-hotspot__core{transform:scale(1.18);background:#d96e00}.klx-hotspot:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:50%}.klx-hot-card[hidden]{display:none!important}.klx-hot-card{position:absolute;z-index:8;left:0;top:0;width:min(320px,calc(100% - 28px));min-height:108px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:11px;border:1px solid rgba(86,52,36,.12);border-radius:14px;background:#fffffffa;box-shadow:0 16px 38px #26160e2e;opacity:0;transform:translate(16px,-50%) scale(.97);transform-origin:left center;transition:opacity .16s ease,transform .16s ease}.klx-hot-card.is-open{opacity:1;transform:translate(16px,-50%) scale(1)}.klx-hot-card.is-left{transform-origin:right center}.klx-hot-card.is-left.is-open{transform:translate(calc(-100% - 16px),-50%) scale(1)}.klx-hot-card.is-left:not(.is-open){transform:translate(calc(-100% - 16px),-50%) scale(.97)}.klx-hot-card.is-up.is-open{transform:translate(16px,calc(-100% - 16px)) scale(1)}.klx-hot-card.is-up:not(.is-open){transform:translate(16px,calc(-100% - 16px)) scale(.97)}.klx-hot-card.is-left.is-up.is-open{transform:translate(calc(-100% - 16px),calc(-100% - 16px)) scale(1)}.klx-hot-card.is-left.is-up:not(.is-open){transform:translate(calc(-100% - 16px),calc(-100% - 16px)) scale(.97)}.klx-hot-card__thumb{display:block;width:86px;height:86px;object-fit:cover;border-radius:10px;background:#f4eee8}.klx-hot-card__body{min-width:0;padding:3px 30px 2px 0;display:flex;flex-direction:column;align-items:flex-start}.klx-hot-card__body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--klx-ink,#2d211b);font-family:inherit;font-size:12px;line-height:1.35;font-weight:700}.klx-hot-card__price{margin-top:7px;color:#5a3828;font-family:inherit;font-size:14px;line-height:1;font-weight:800}.klx-hot-card__body>a{margin-top:auto;padding-top:8px;color:var(--klx-orange-dark,#bd6300);text-decoration:none;font-family:inherit;font-size:10.5px;font-weight:800}.klx-hot-card__close{position:absolute;right:8px;top:7px;width:28px;height:28px;border:0;border-radius:50%;background:#f6eee7;color:#5a4032;display:grid;place-items:center;font-family:inherit;font-size:18px;line-height:1;cursor:pointer}.klx-hot-card__close:hover{background:#fff0dd;color:#a85200}@keyframes klxHotspotPulse{0%{transform:scale(.78);opacity:.9}70%{transform:scale(1.22);opacity:.12}to{transform:scale(1.28);opacity:0}}@media(max-width:840px){.klx-shop-look__frame{border-radius:15px}}@media(max-width:680px){.klx-shop-look{margin-top:28px}.klx-shop-look__head{margin:0 auto 32px}.klx-shop-look__frame{border-radius:14px;box-shadow:0 8px 24px #452a1b14}.klx-shop-look__scene{grid-template-columns:1fr 1fr;grid-template-rows:1.48fr 1fr 1fr;aspect-ratio:4/5;gap:2px}.klx-shop-look__tile--study{grid-column:1/3;grid-row:1}.klx-shop-look__tile--dining{grid-column:1;grid-row:2}.klx-shop-look__tile--tv{grid-column:2;grid-row:2}.klx-shop-look__tile--shoe{grid-column:1;grid-row:3}.klx-shop-look__tile--bar{grid-column:2;grid-row:3}.klx-shop-look__tile img{transition:none}.klx-hotspot{left:var(--mx);top:var(--my);width:44px;height:44px;margin:-22px 0 0 -22px}.klx-hotspot__core{width:14px;height:14px}.klx-hotspot__ring{width:32px;height:32px}.klx-shop-look__hint{left:10px;top:10px;min-height:27px;padding:0 9px;font-size:9.5px}.klx-hot-card,.klx-hot-card.is-left,.klx-hot-card.is-up,.klx-hot-card.is-left.is-up{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;width:auto!important;max-width:none!important;min-height:96px;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px;border-radius:13px;transform:translateY(10px) scale(.985)!important;transform-origin:center bottom!important;box-shadow:0 10px 28px #26160e2e}.klx-hot-card.is-open,.klx-hot-card.is-left.is-open,.klx-hot-card.is-up.is-open,.klx-hot-card.is-left.is-up.is-open{transform:translateY(0) scale(1)!important}.klx-hot-card__thumb{width:74px;height:74px;border-radius:9px}.klx-hot-card__body{padding:2px 34px 1px 0}.klx-hot-card__body strong{font-size:12px;line-height:1.3}.klx-hot-card__price{margin-top:6px;font-size:15px}.klx-hot-card__body>a{padding-top:6px;font-size:11px}.klx-hot-card__close{right:8px;top:8px;width:30px;height:30px}}@media(max-width:380px){.klx-hot-card{grid-template-columns:68px minmax(0,1fr)!important}.klx-hot-card__thumb{width:68px;height:68px}}@media(prefers-reduced-motion:reduce){.klx-hot-card,.klx-hotspot__core{transition:none!important}.klx-hotspot__ring{animation:none!important;opacity:.55}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/klaxon-hotspot-shop.css.map */