.vf-looks{--vfl-navy: var(--vf-navy, #2e2f88);--vfl-navy-deep: var(--vf-navy-deep, #1f2063);--vfl-yellow: var(--vf-yellow, #fece00);--vfl-ink: var(--vf-ink, #1a1b2e);--vfl-stone: var(--vf-stone, #6b6f80);--vfl-line: var(--vf-line, #e6e3dc);--vfl-sand: var(--vf-sand, #f7f5f1);--vfl-clay: var(--vf-clay, #c65a38);padding-block:var(--vfl-pt, 24px) var(--vfl-pb, 24px)}.vf-looks__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:12px}.vf-looks__heading{margin:0;font-size:22px;line-height:32px;font-weight:700}.vf-looks__nav{display:flex;align-items:center;gap:8px;flex:none}.vf-looks__count{min-width:44px;text-align:center;font-size:14px;color:var(--vfl-stone);font-variant-numeric:tabular-nums}.vf-looks__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--vfl-navy);border-radius:50%;background:transparent;color:var(--vfl-navy);cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out,opacity .2s ease-out}.vf-looks__arrow:hover:not(:disabled){background:var(--vfl-navy);color:#fff}.vf-looks__arrow:disabled{opacity:.35;cursor:default}.vf-looks__arrow:focus-visible,.vf-btn:focus-visible,.vf-look__see:focus-visible,.vf-looks__track:focus-visible{outline:2px solid var(--vfl-navy);outline-offset:2px}.vf-looks.is-rtl .vf-looks__arrow svg{transform:scaleX(-1)}.vf-looks__progress{position:relative;display:block;height:3px;margin-block-end:16px;border-radius:3px;background:var(--vfl-line);overflow:hidden}.vf-looks__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;width:calc(100% / var(--vfl-n, 1));border-radius:3px;background:var(--vfl-navy);transition:transform .3s ease-out}.vf-looks__track{display:flex;gap:24px;padding-block:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vf-looks__track::-webkit-scrollbar{display:none}.vf-look{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:32px;align-items:start}.vf-look--nophoto{grid-template-columns:minmax(0,1fr)}.vf-look__photo{position:relative;aspect-ratio:var(--vfl-ar-d, 1.5);border-radius:16px;background:#efece6}.vf-look__picture,.vf-look__picture img{display:block;width:100%;height:100%}.vf-look__picture img{object-fit:cover;border-radius:16px}.vf-look__pins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vf-look__pins--m{display:none}.vf-pin{position:absolute;left:var(--x);top:var(--y);z-index:2;display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.vf-pin__dot{position:relative;display:block;width:28px;height:28px;border-radius:50%;background:linear-gradient(#fff,#fff) center / 12px 2px no-repeat,linear-gradient(#fff,#fff) center / 2px 12px no-repeat,var(--vfl-navy);box-shadow:0 0 0 2px var(--vfl-yellow),0 4px 10px #1a1b2e4d;transition:transform .2s ease-out,background-color .2s ease-out}.vf-pin__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 2px #fece00b3;animation:vf-pin-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes vf-pin-pulse{0%{box-shadow:0 0 0 2px #fece00bf}70%,to{box-shadow:0 0 0 14px #fece0000}}.vf-pin:hover .vf-pin__dot,.vf-pin.is-hot .vf-pin__dot{transform:scale(1.12)}.vf-pin:focus-visible{outline:none}.vf-pin:focus-visible .vf-pin__dot{outline:2px solid #fff;outline-offset:3px}.vf-pin.is-open{z-index:4}.vf-pin.is-open .vf-pin__dot{background:linear-gradient(var(--vfl-navy),var(--vfl-navy)) center / 12px 2px no-repeat,linear-gradient(var(--vfl-navy),var(--vfl-navy)) center / 2px 12px no-repeat,var(--vfl-yellow);transform:rotate(45deg)}.vf-pin.is-open .vf-pin__dot:after{animation:none}[data-vf-looks] .vf-card{position:absolute;left:0;top:0;z-index:6;box-sizing:border-box;width:232px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 10px;padding:10px;border-radius:14px;background:#fff;color:var(--vfl-ink);box-shadow:0 10px 30px #1a1b2e40;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s}[data-vf-looks] .vf-card.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.vf-card__img{display:block;width:72px;height:72px;border-radius:10px;background:var(--vfl-sand);overflow:hidden}.vf-card__img img{display:block;width:72px;height:72px;object-fit:cover}.vf-card__body{min-width:0;padding-inline-end:14px}.vf-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:18px;font-weight:500;color:inherit;text-decoration:none}.vf-card__title:hover{text-decoration:underline}.vf-card__price{display:block;margin-block-start:4px;font-size:15px;font-weight:700;color:var(--vfl-navy)}.vf-card__price s{margin-inline-start:4px;font-size:12px;font-weight:400;color:var(--vfl-stone)}.vf-card__add{grid-column:1 / -1}.vf-card__close{position:absolute;inset-block-start:4px;inset-inline-end:4px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--vfl-stone);cursor:pointer}.vf-card__close:hover{background:var(--vfl-sand);color:var(--vfl-ink)}.vf-look__eyebrow{margin:0 0 4px;font-size:13px;line-height:18px;color:var(--vfl-stone)}.vf-look__title{margin:0;font-size:24px;line-height:34px;font-weight:700}.vf-look__sub{margin:4px 0 0;font-size:14px;line-height:22px;color:var(--vfl-stone)}.vf-look__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 0}.vf-chip{display:inline-block;padding:2px 12px;border:1px solid var(--vfl-line);border-radius:999px;background:#fff;font-size:12px;line-height:22px;color:var(--vfl-ink)}.vf-look__palette{display:inline-flex;gap:6px}.vf-dot{display:block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #1a1b2e26}.vf-look__rows{list-style:none;margin:16px 0 0;padding:0}.vf-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;margin:0;padding-block:6px;border-block-end:1px solid var(--vfl-line);transition:opacity .2s ease-out}.vf-row:last-child{border-block-end:0}.vf-row.is-off{opacity:.5}.vf-row.is-soldout{opacity:.55}.vf-row__toggle{position:relative;display:grid;place-items:center;width:40px;height:44px;cursor:pointer}.vf-row__box{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.vf-row__box:disabled{cursor:not-allowed}.vf-row__tick{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--vfl-navy);border-radius:50%;background:#fff;color:transparent;transition:background-color .15s ease-out,color .15s ease-out}.vf-row__box:checked+.vf-row__tick{background:var(--vfl-navy);color:#fff}.vf-row__box:disabled+.vf-row__tick{border-color:var(--vfl-line);background:var(--vfl-sand)}.vf-row__box:focus-visible+.vf-row__tick{outline:2px solid var(--vfl-navy);outline-offset:2px}.vf-row__link{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.vf-row__thumb{flex:none;width:64px;height:64px;border-radius:10px;background:var(--vfl-sand);overflow:hidden}.vf-row__thumb img{display:block;width:64px;height:64px;object-fit:cover}.vf-row__text{display:grid;min-width:0;gap:2px}.vf-row__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:22px;font-weight:500}.vf-row__link:hover .vf-row__title{text-decoration:underline}.vf-row__price{font-size:14px;font-weight:700;color:var(--vfl-navy)}.vf-row__price s{margin-inline-start:4px;font-size:12px;font-weight:400;color:var(--vfl-stone)}.vf-row.is-soldout .vf-row__price{color:var(--vfl-clay);font-weight:500}.vf-look__summary{margin-block-start:16px}.vf-look__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;font-size:15px}.vf-look__total strong{font-size:24px;line-height:32px;font-weight:700;color:var(--vfl-navy)}.vf-look__month{margin:2px 0 0;font-size:13px;color:var(--vfl-stone)}.vf-look__actions{display:grid;gap:10px;margin-block-start:14px}.vf-look__see{display:inline-block;margin-block-start:12px;padding-block:8px;font-size:14px;font-weight:500;color:var(--vfl-navy);text-decoration:underline;text-underline-offset:3px}.vf-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:0 22px;border:1.5px solid var(--vfl-navy);border-radius:999px;background:transparent;color:var(--vfl-navy);font:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out,opacity .2s ease-out}.vf-btn--primary{background:var(--vfl-navy);color:#fff}.vf-btn--primary:hover:not(:disabled){background:var(--vfl-navy-deep);border-color:var(--vfl-navy-deep)}.vf-btn--ghost:hover:not(:disabled){background:#2e2f8812}.vf-btn--sm{min-height:36px;padding:0 16px;font-size:14px}.vf-btn:disabled{opacity:.45;cursor:not-allowed}.vf-btn.is-busy{opacity:.7;cursor:progress}.vf-looks__sticky{display:none}.vf-looks__toast{position:fixed;inset-inline:16px;inset-block-end:32px;z-index:10000;margin-inline:auto;width:fit-content;max-width:calc(100vw - 32px);padding:12px 20px;border-radius:999px;background:var(--vfl-ink);color:#fff;font-size:14px;line-height:22px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none}.vf-looks__toast.is-on{opacity:1;transform:none}.vf-looks__toast.is-warn{background:var(--vfl-clay)}@media(max-width:767.98px){.vf-looks__heading{font-size:20px;line-height:28px}.vf-look{display:block}.vf-look__photo{aspect-ratio:var(--vfl-ar-m, .8);border-radius:14px}.vf-look__picture img{border-radius:14px}.vf-look__pins--d{display:none}.vf-look__pins--m{display:block}.vf-look__rail{padding-block-start:14px}.vf-look__title{font-size:20px;line-height:28px}.vf-look__rows{display:flex;gap:8px;margin-block:14px 0;padding-block:2px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.vf-look__rows::-webkit-scrollbar{display:none}.vf-row{flex:0 0 196px;display:block;padding:8px;border:1px solid var(--vfl-line);border-radius:14px;background:#fff;scroll-snap-align:start}.vf-row:last-child{border-block-end:1px solid var(--vfl-line)}.vf-row.is-hot{border-color:var(--vfl-navy);box-shadow:0 0 0 1px var(--vfl-navy)}.vf-row__toggle{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;z-index:1;width:44px;height:44px}.vf-row__tick{width:22px;height:22px;box-shadow:0 1px 4px #1a1b2e40}.vf-row__link{gap:10px;padding-inline-end:26px}.vf-row__thumb,.vf-row__thumb img{width:56px;height:56px}.vf-row__title{font-size:13px;line-height:20px}.vf-look__actions{grid-template-columns:1fr 1fr}.vf-look__actions .vf-btn{padding:0 12px;font-size:14px}.vf-looks__sticky{display:block;position:fixed;inset-inline:12px;inset-block-end:calc(var(--vfl-bar-bottom, 0px) + env(safe-area-inset-bottom,0px) + 12px);z-index:40;transform:translateY(160%);transition:transform .25s ease-out;pointer-events:none}.vf-looks__sticky.is-on{transform:none;pointer-events:auto}.vf-looks__sticky .vf-btn{width:100%;min-height:56px;font-size:16px;box-shadow:0 6px 20px #1a1b2e4d}.vf-looks__toast{inset-block-end:calc(var(--vfl-bar-bottom, 0px) + env(safe-area-inset-bottom,0px) + 84px)}}@media(prefers-reduced-motion:reduce){.vf-pin__dot:after{animation:none}.vf-pin__dot,[data-vf-looks] .vf-card,.vf-looks__toast,.vf-looks__sticky,.vf-looks__progress-fill,.vf-row{transition:none}.vf-looks__track{scroll-behavior:auto}}.vf-looks__container{position:relative}.vf-looks.is-arrows-on-photo .vf-looks__arrow{position:absolute;z-index:6;transform:translateY(-50%);background:#fffffff0;border-color:transparent;box-shadow:0 2px 10px #14163c38}.vf-looks.is-arrows-on-photo .vf-looks__arrow:hover:not(:disabled){background:var(--vfl-navy);color:#fff}.vf-looks.is-arrows-on-photo .vf-looks__arrow:disabled{opacity:0;pointer-events:none}@media(max-width:767.98px){.vf-looks.is-arrows-on-photo .vf-looks__arrow{width:38px;height:38px}}.vf-pin__dot{display:grid;place-items:center;background:var(--vfl-navy);color:#fff;font-size:13px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.vf-pin.is-open .vf-pin__dot{background:var(--vfl-yellow);color:var(--vfl-navy);transform:scale(1.12)}.vf-row__thumb{position:relative}.vf-row__num{position:absolute;inset-block-start:4px;inset-inline-start:4px;z-index:1;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--vfl-navy);color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 1.5px var(--vfl-yellow)}@media(min-width:768px){.vf-looks.is-arrows-on-photo .vf-looks__track{margin-inline:60px}.vf-looks.is-arrows-on-photo .vf-looks__arrow{border:1.5px solid var(--vfl-navy);background:#fff;box-shadow:0 2px 8px #14163c1f}.vf-looks.is-arrows-on-photo .vf-looks__arrow:disabled{opacity:.3;pointer-events:none}}@media(max-width:767.98px){.vf-card__close{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/vf-room-looks.css.map */