.shop-the-look-section{width:100%;box-sizing:border-box;padding:var(--shop-the-look-padding-top) 16px var(--shop-the-look-padding-bottom);background:#f5f5f4;overflow:hidden}.shop-the-look-inner{max-width:1880px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px}.shop-the-look-head{display:flex;flex-direction:column;gap:14px}.shop-the-look-titles{display:flex;flex-direction:column;gap:6px;min-width:0}.shop-the-look-eyebrow,.shop-the-look-eyebrow *{margin:0;font-family:Roboto,sans-serif;font-weight:700;font-size:12px;line-height:16px;letter-spacing:1.2px;color:#0a0a0a}.shop-the-look-title,.shop-the-look-title *{margin:0;font-family:Anton,sans-serif;font-weight:400;font-size:22px;line-height:26px;letter-spacing:.5px;text-transform:uppercase;color:#000}.shop-the-look-title span{display:block}.shop-the-look-tabs{display:flex;align-items:center;gap:8px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.shop-the-look-tabs::-webkit-scrollbar{display:none}.shop-the-look-tab{flex-shrink:0;height:40px;padding:9px 16px;display:inline-flex;align-items:center;border:1px solid #e6e6e6;border-radius:999px;background:#fff;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.8px;text-transform:uppercase;color:#5a5a5a;white-space:nowrap;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.shop-the-look-tab:hover{border-color:#0a0a0a;color:#0a0a0a}.shop-the-look-tab.is-active{border-color:#000;background:#000;color:#fff;cursor:default}.shop-the-look-look{display:grid;grid-template-columns:1fr;gap:12px;animation:shop-the-look-fade .4s ease}.shop-the-look-look[hidden]{display:none}@keyframes shop-the-look-fade{0%{opacity:0}to{opacity:1}}.shop-the-look-media{position:relative;height:400px;border-radius:4px;overflow:hidden;background:#ebebeb}.shop-the-look-media img,.shop-the-look-media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.shop-the-look-media picture{display:block;width:100%;height:100%}.shop-the-look-panel{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:20px 16px;border-radius:8px;background:#fff;box-sizing:border-box;min-width:0}.shop-the-look-panel-head{display:flex;flex-direction:column;gap:4px}.shop-the-look-overline{margin:0;font-family:Roboto,sans-serif;font-weight:700;font-size:12px;line-height:16px;letter-spacing:1.2px;text-transform:uppercase;color:#8a8a8a}.shop-the-look-look-title{margin:0;font-family:Anton,sans-serif;font-weight:400;font-size:18px;line-height:22px;letter-spacing:.5px;text-transform:uppercase;color:#0a0a0a}.shop-the-look-items{display:flex;flex-direction:column;gap:14px}.shop-the-look-item{display:flex;align-items:center;gap:12px}.shop-the-look-thumbnail{position:relative;flex-shrink:0;display:block;width:60px;height:76px;border-radius:4px;overflow:hidden;background:#ebebeb}.shop-the-look-thumbnail img,.shop-the-look-thumbnail svg{display:block;width:100%;height:100%;object-fit:cover}.shop-the-look-number{position:absolute;top:4px;left:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;font-family:Roboto,sans-serif;font-weight:700;font-size:11px;line-height:14px;letter-spacing:1px;color:#0a0a0a}.shop-the-look-info{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.shop-the-look-name{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:21px;color:#0a0a0a;text-decoration:none}.shop-the-look-select{max-width:100%;height:28px;padding:0 26px 0 10px;border:1px solid #e0e0e0;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%230A0A0A' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;font-family:Roboto,sans-serif;font-weight:500;font-size:12px;line-height:18px;color:#0a0a0a;-webkit-appearance:none;appearance:none;cursor:pointer}@supports (-webkit-touch-callout: none){.shop-the-look-select{font-size:16px}}.shop-the-look-price{flex-shrink:0;font-family:Roboto,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:#0a0a0a;white-space:nowrap}.shop-the-look-add-button{flex-shrink:0;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:100px;background:#0a0a0a;color:#fff;cursor:pointer;transition:background .25s ease,opacity .25s ease}.shop-the-look-add-button svg{display:block}.shop-the-look-add-button svg path{stroke:currentColor}.shop-the-look-add-button:hover{background:#3d3d3d}.shop-the-look-add-button:disabled{background:#adadad;cursor:default}.shop-the-look-add-button.is-loading,.shop-the-look-add-set-button.is-loading{opacity:.6;pointer-events:none}.shop-the-look-add-button.is-added{background:#024621}.shop-the-look-note{margin:0;padding:6px 0;font-family:Roboto,sans-serif;font-weight:700;font-size:11px;line-height:14px;letter-spacing:1px;text-transform:uppercase;color:#8a8a8a}.shop-the-look-divider{height:1px;background:#262626}.shop-the-look-bottom{display:flex;flex-direction:column;gap:14px}.shop-the-look-totals{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.shop-the-look-summary{display:flex;align-items:center;gap:8px}.shop-the-look-total{font-family:Roboto,sans-serif;font-weight:700;font-size:20px;line-height:28px;color:#000}.shop-the-look-compare{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#8a8a8a}.shop-the-look-save{margin:0;font-family:Roboto,sans-serif;font-weight:400;font-size:12px;line-height:18px;color:#024621}.shop-the-look-add-set-button{width:100%;height:52px;padding:0 32px;display:flex;align-items:center;justify-content:center;border:1.5px solid #000;border-radius:999px;background:#000;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:1px;text-transform:uppercase;color:#fff;white-space:nowrap;cursor:pointer;transition:background .25s ease,color .25s ease}.shop-the-look-add-set-button:hover{background:transparent;color:#000}.shop-the-look-add-set-button:disabled{border-color:#adadad;background:#adadad;color:#fff;cursor:default}.shop-the-look-error{margin:0;font-family:Roboto,sans-serif;font-size:12px;line-height:18px;color:#d0021b}.shop-the-look-error:empty{display:none}@media(min-width:1024px){.shop-the-look-inner{gap:24px}.shop-the-look-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 24px}.shop-the-look-title,.shop-the-look-title *{font-size:28px;line-height:32px}.shop-the-look-tabs{flex-shrink:0;margin:0;padding:0;overflow:visible}.shop-the-look-look{grid-template-columns:1fr 1fr;gap:24px}.shop-the-look-media{height:auto;min-height:620px}.shop-the-look-panel{min-height:620px;gap:20px;padding:32px 40px}.shop-the-look-look-title{font-size:20px;line-height:26px}.shop-the-look-items{gap:24px}.shop-the-look-thumbnail{width:78px;height:100px}.shop-the-look-name{font-weight:500;font-size:16px;line-height:24px}.shop-the-look-add-button{width:40px;height:40px}.shop-the-look-note{letter-spacing:.66px}.shop-the-look-bottom{flex-direction:row;align-items:stretch;gap:16px}.shop-the-look-total{font-size:24px;line-height:32px}.shop-the-look-add-set-button{flex:1 1 0;width:auto;height:auto;min-height:52px}}@media(min-width:1440px){.shop-the-look-media{min-height:800px}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/climaqx-shop-the-look.css.map */