.topara-outfits{--outfits-black: #000;--outfits-muted: #c5c5c5;--outfits-red: #ff0000;--outfits-text: #121212;--outfits-gray: #7f7f7f;--outfits-aside-w: 386px}.topara-outfits__inner{width:100%;box-sizing:border-box}.topara-outfits__header{display:flex;flex-direction:column;align-items:flex-start;width:100%}.topara-outfits__heading{margin:62px 0 16px;font-family:Roboto,sans-serif;font-weight:700;font-size:27px;line-height:1.15;text-align:left;color:#000;width:auto;max-width:100%}.topara-outfits__tabs{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:0 0 16px;padding:0}.topara-outfits__tab{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:16px;color:var(--outfits-text);background:transparent;border:1px solid var(--outfits-muted);border-radius:0;padding:6px 10px;min-height:32px;transition:background .2s ease,color .2s ease,border-color .2s ease}.topara-outfits__tab.is-active,.topara-outfits__tab:hover{background:var(--outfits-black);border-color:var(--outfits-black);color:#fff}.topara-outfits__panel[hidden]{display:none!important}.topara-outfits__look{position:relative;width:100%;height:717px;overflow:hidden;background:#1a1a1a}.topara-outfits__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.topara-outfits__media picture{display:block;width:100%;height:100%}.topara-outfits__bg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.topara-outfits__bg--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#d9d9d9,#bdbdbd)}.topara-outfits__overlay{position:absolute;left:0;right:auto;bottom:64px;z-index:2;display:flex;flex-direction:column;gap:16px;width:425px;max-width:calc(100% - (var(--outfits-aside-w) + 40px));padding:0 0 0 20px;pointer-events:none;box-sizing:border-box}.topara-outfits__look-title{margin:0;max-width:360px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:1.3;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35)}.topara-outfits__metrics{display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px;width:100%;pointer-events:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topara-outfits__metrics::-webkit-scrollbar{display:none}.topara-outfits__metric{display:grid;grid-template-columns:22px minmax(0,max-content);align-items:center;column-gap:10px;padding:10px 16px;background:#ffffffbf;border-radius:4px;flex:0 0 auto;min-height:49px;box-sizing:border-box}.topara-outfits__metric-icon{width:22px;height:22px;object-fit:contain}.topara-outfits__metric-text{font-family:Roboto,sans-serif;font-size:10px;font-weight:400;line-height:1.15;color:#000;max-width:78px}.topara-outfits__aside{position:absolute;top:120px;right:16px;bottom:16px;z-index:3;width:var(--outfits-aside-w);max-width:calc(100% - 32px);display:flex;flex-direction:column}.topara-outfits__shelves{flex:1;min-height:0;position:relative;overflow:hidden}.topara-outfits__shelf{display:flex;flex-direction:column;height:100%;max-height:100%}.topara-outfits__shelf[hidden]{display:none!important}.topara-outfits__shelf-head{flex:0 0 auto;min-height:113px;background:#0009;color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:1.3;padding:30px 20px 20px;box-sizing:border-box;margin-bottom:16px}.topara-outfits__cards{display:flex;flex-direction:column;gap:16px;padding:0 12px 64px;background:transparent;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.topara-outfits__cards::-webkit-scrollbar{width:4px}.topara-outfits__cards::-webkit-scrollbar-thumb{background:#ffffff59}.topara-outfits__aside-controls{position:absolute;left:0;right:0;bottom:0;z-index:10;pointer-events:none;height:48px}.topara-outfits__aside-dots{position:absolute;left:0;right:0;bottom:52px;display:flex;justify-content:center;align-items:center;gap:4px;pointer-events:auto}.topara-outfits__aside-dot{-webkit-appearance:none;appearance:none;border:0;padding:0;width:10px;height:3px;background:#fff6;border-radius:0;cursor:pointer;transition:width .2s ease,background .2s ease}.topara-outfits__aside-dot.is-active{width:24px;background:#fff}.topara-outfits__card-dots{display:none}.topara-outfits__aside-nav{position:absolute;right:10px;bottom:0;display:flex;gap:7px;pointer-events:auto}.topara-outfits__aside-btn{-webkit-appearance:none;appearance:none;width:23px;height:27px;border:0;border-radius:0;background:#fff;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:none}.topara-outfits__aside-btn svg{display:block}.topara-outfits__aside-btn.is-disabled,.topara-outfits__aside-btn:disabled{opacity:.35;cursor:default}.topara-outfits__aside-btn:not(:disabled):hover{background:#f3f3f3}.topara-outfits__card{display:grid;grid-template-columns:109px minmax(0,1fr);gap:12px;align-items:stretch;background:#fff;padding:0;min-height:113px}.topara-outfits__card-media{display:block;width:109px;height:113px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.topara-outfits__card-img{width:100%;height:100%;object-fit:cover;display:block}.topara-outfits__card-body{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;padding:18px 8px 10px 0;box-sizing:border-box}.topara-outfits__card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.3;color:#000;text-decoration:none}.topara-outfits__card-title:hover{text-decoration:underline}.topara-outfits__card-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}.topara-outfits__card-prices{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-family:Roboto,sans-serif;line-height:1.15;min-width:0}.topara-outfits__card-compare{color:var(--outfits-gray);text-decoration:line-through;font-size:9px;font-weight:400}.topara-outfits__card-price{color:#000;font-size:14px;font-weight:700}.topara-outfits__card-discount{color:var(--outfits-red);font-weight:400;font-size:10px}.topara-outfits__card-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:23px;padding:0 22px;background:#000;color:#fff;font-family:Roboto,sans-serif;font-size:11px;font-weight:400;line-height:1;text-decoration:none;border:0;white-space:nowrap}.topara-outfits__card-btn:hover{opacity:.85}@media(max-width:1280px){.topara-outfits{--outfits-aside-w: 340px}.topara-outfits__look{height:640px}.topara-outfits__aside{top:96px}.topara-outfits__overlay{bottom:48px}}@media(max-width:1024px){.topara-outfits__header{align-items:center}.topara-outfits__heading{margin:0 0 20px;font-size:20px;line-height:1.15;text-align:center}.topara-outfits__tabs{justify-content:center;flex-wrap:wrap;overflow:visible;gap:10px;padding:0;margin:0 0 16px}.topara-outfits__tab{flex:0 0 auto;white-space:nowrap;min-height:30px;font-size:14px;padding:6px 10px}.topara-outfits__look{height:auto;min-height:0;display:flex;flex-direction:column;overflow:visible;margin-inline:-16px;width:calc(100% + 32px)}.topara-outfits__media{position:relative;inset:auto;z-index:1;width:100%;height:494px;min-height:0;aspect-ratio:auto;overflow:hidden}.topara-outfits__media picture,.topara-outfits__media .topara-outfits__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.topara-outfits__overlay{position:absolute;left:0;right:0;bottom:16px;z-index:3;width:auto;max-width:none;padding:0 16px;gap:16px}.topara-outfits__look-title{font-size:18px;line-height:1.3;max-width:none}.topara-outfits__metrics{gap:10px;padding-bottom:4px;overflow-x:auto}.topara-outfits__metric{padding:9px 10px;column-gap:6px;min-height:47px;grid-template-columns:22px minmax(0,max-content)}.topara-outfits__metric-text{max-width:72px;white-space:normal}.topara-outfits__aside{position:relative;width:100%;max-width:none;top:auto;right:auto;bottom:auto;background:#000;overflow:hidden}.topara-outfits__shelves{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}.topara-outfits__shelves::-webkit-scrollbar{display:none}.topara-outfits__shelf{display:flex;flex-direction:column;flex:0 0 100%;width:100%;min-width:100%;max-width:100%;height:auto;max-height:none;scroll-snap-align:start;scroll-snap-stop:always}.topara-outfits__shelf[hidden]{display:flex!important;flex-direction:column}.topara-outfits__shelf-head{min-height:0;background:transparent;color:#fff;padding:20px 16px 0;font-size:18px;font-weight:700;line-height:1.3}.topara-outfits__cards{--outfit-card-w: min(280px, calc((100vw - 32px) / 1.3));background:transparent;display:flex;flex:none;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:8px;width:100%;max-width:100%;min-height:0;height:auto;padding:16px 16px 12px;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x mandatory;scroll-padding-inline-start:16px;scrollbar-width:none}.topara-outfits__cards:has(.topara-outfits__card:nth-child(2)){padding-right:calc(100% - var(--outfit-card-w) - 16px)}.topara-outfits__cards::-webkit-scrollbar{display:none}.topara-outfits__card{display:grid;grid-template-columns:109px minmax(0,1fr);gap:12px;flex:0 0 auto;width:var(--outfit-card-w);min-width:var(--outfit-card-w);max-width:280px;min-height:113px;scroll-snap-align:start;box-sizing:border-box}.topara-outfits__card-media{width:109px;height:113px}.topara-outfits__card-body{padding:14px 8px 10px 0;gap:12px}.topara-outfits__aside-controls{position:relative;height:auto;padding:4px 16px 14px;background:#000;display:none;flex-direction:column;align-items:center}.topara-outfits__aside:not(:has([data-outfit-card-dots])) .topara-outfits__aside-controls{display:flex}.topara-outfits__aside-dots{position:static;bottom:auto;margin:0}.topara-outfits__card-dots{display:flex;justify-content:center;align-items:center;gap:4px;flex:0 0 auto;padding:4px 16px 14px}.topara-outfits__aside-nav{display:none}}@media(max-width:480px){.topara-outfits__media{height:min(494px,125vw);min-height:420px}.topara-outfits__card{width:var(--outfit-card-w);min-width:var(--outfit-card-w)}.topara-outfits__card-btn{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/topara-home-outfits.css.map */