.ugc{--colorBody: var(--timi-color-bg);--colorTextBody: var(--timi-color-ink);--colorBorder: var(--timi-color-tile);--typeHeaderPrimary: inherit}.ugc__head{margin-bottom:var(--timi-head-gap, 16px)}.ugc__title{margin-bottom:4px}.ugc__sub{margin:0;opacity:.75}.ugc__grid{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ugc__grid--grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:749px){.ugc__grid--grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}}@media(min-width:750px){.ugc__grid--grid>.ugc__item:nth-child(n+9){display:none}}.ugc__grid--row{grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.ugc__grid--row::-webkit-scrollbar{display:none}@media(min-width:750px){.ugc__grid--grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ugc__grid--row{grid-auto-columns:calc((100% - 36px)/4);gap:12px}}.ugc__item{scroll-snap-align:start;min-width:0}.ugc__tile{display:block;position:relative;width:100%;aspect-ratio:1;padding:0;border:0;background:var(--colorBorder, #eed1bf);cursor:pointer;overflow:hidden}.ugc__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ugc__tile:hover .ugc__img,.ugc__tile:focus-visible .ugc__img{transform:scale(1.04)}.ugc__tile:focus-visible{outline:2px solid var(--colorTextBody, #000);outline-offset:2px}.ugc__bag{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--colorBody, #fff);color:var(--colorTextBody, #000);box-shadow:0 1px 4px #00000026}.ugc__dialog{border:0;padding:0;width:min(960px,100vw - 32px);max-width:none;max-height:min(92vh,900px);overflow:hidden;background:var(--colorBody, #fff);color:var(--colorTextBody, #000)}.ugc__dialog::backdrop{background:#0009}html.ugc-lock{overflow:hidden}.ugc__dialog-body{max-height:inherit;overflow-y:auto}.ugc__close,.ugc__nav{position:absolute;border:0;background:var(--colorBody, #fff);color:var(--colorTextBody, #000);width:40px;height:40px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 1px 4px #0003;z-index:2}.ugc__close{top:10px;right:10px}.ugc__nav{top:calc(50vw - 20px)}.ugc__nav--prev{left:10px}.ugc__nav--next{right:10px}@media(min-width:750px){.ugc__nav{top:calc(50% - 20px)}.ugc__nav--next{right:calc(42% + 10px)}}.ugc-look{display:grid;grid-template-columns:minmax(0,1fr)}@media(min-width:750px){.ugc-look{grid-template-columns:minmax(0,58fr) minmax(0,42fr)}}.ugc-look__media{aspect-ratio:1;background:var(--colorBorder, #eed1bf)}@media(min-width:750px){.ugc-look__media{aspect-ratio:auto;min-height:520px}}.ugc-look__img{width:100%;height:100%;object-fit:cover;display:block}.ugc-look__side{padding:22px 20px 26px;min-width:0}.ugc-look__eyebrow{font-family:var(--typeHeaderPrimary),sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin:0 0 6px}.ugc-look__credit{margin:0 0 16px;font-size:14px;opacity:.8}.ugc-look__credit a{color:inherit}.ugc-look__products{list-style:none;margin:0;padding:0}.ugc-look__product{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--colorBorder, #eed1bf)}.ugc-look__thumb img{width:72px;height:72px;object-fit:cover;display:block}.ugc-look__info{min-width:0;display:grid;gap:4px;align-content:start}.ugc-look__name{color:inherit;text-decoration:none;font-size:15px;overflow-wrap:anywhere}.ugc-look__price{font-size:14px}.ugc-look__form{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ugc-look__select{min-width:0;flex:1 1 110px;padding:6px 8px;font-size:14px}.ugc-look__add{flex:0 0 auto}.ugc-look__add.is-busy{opacity:.6;pointer-events:none}.ugc-look__add.is-added:before{content:"\2713  "}.ugc-look__none{opacity:.75;font-size:14px}.ugc__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px}.ugc__filter{background:transparent;color:var(--colorTextBody, #000);border:1px solid currentColor;padding:9px 18px;text-transform:uppercase;letter-spacing:.08em;font-size:13px;cursor:pointer}.ugc__filter.is-active{background:var(--colorTextBody, #000);color:var(--colorBody, #fff)}.ugc__filter:focus-visible{outline:2px solid var(--colorTextBody, #000);outline-offset:2px}.ugc__grid--wall{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:750px){.ugc__grid--wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}@media(max-width:600px){.ugc__filter{flex:1 1 calc(45% - 8px)}}.ugc__item[hidden]{display:none}.ugc__more-wrap{text-align:center;margin-top:24px}.ugc__more[hidden]{display:none}.ugc__dialog .ugc__close,.ugc__dialog .ugc__nav{min-height:0;padding:0;text-transform:none;letter-spacing:normal}.ugc-look__thumb{display:block;align-self:start;width:72px;height:72px;background:var(--timi-color-tile)}.ugc-look__thumb img{mix-blend-mode:multiply}.ugc-look__add{min-height:40px;padding:0 16px}.ugc__filter{min-height:0;box-shadow:none}.ugc__vid{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .6s ease;pointer-events:none;background:transparent}.ugc__vid.is-playing{opacity:1}.ugc__tile:hover .ugc__vid{transform:scale(1.04);transition:opacity .6s ease,transform .4s ease}.ugc__play{position:absolute;left:8px;bottom:8px;width:28px;height:28px;border-radius:50%;display:none;place-items:center;background:var(--colorBody, #fff);color:var(--colorTextBody, #000);box-shadow:0 1px 4px #00000026}.ugc--still .ugc__play{display:grid}.ugc-look__media{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ugc-look__vid{background:var(--colorBorder, #eed1bf)}.ugc-look__pp{position:absolute;left:12px;bottom:12px;width:44px;height:44px;border-radius:50%;border:0;padding:0;min-height:0;display:grid;place-items:center;cursor:pointer;z-index:1;background:var(--colorBody, #fff);color:var(--colorTextBody, #000);box-shadow:0 1px 4px #0003}.ugc-look__pp:focus-visible{outline:2px solid var(--colorTextBody, #000);outline-offset:2px}.ugc-look__pp-pause{display:none}.ugc-look__pp.is-on .ugc-look__pp-pause{display:block}.ugc-look__pp.is-on .ugc-look__pp-play{display:none}@media(prefers-reduced-motion:reduce){.ugc__vid{transition:none}.ugc__tile:hover .ugc__img{transform:none}}.ugc__dialog{width:min(1040px,100vw - 32px);border-radius:0}@media(min-width:750px){.ugc-look{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.ugc__nav--next{right:calc(45% + 10px)}}.ugc__close,.ugc__nav{width:36px;height:36px;font-size:20px;font-weight:300;box-shadow:none;background:#ffffffe6}.ugc-look__side{padding:28px 24px}.ugc-look__eyebrow{font-family:var(--timi-font-heading);font-size:12.5px;font-weight:var(--timi-fw-regular);letter-spacing:var(--timi-tracking-caps);margin:0 0 4px}.ugc-look__credit{font-size:11px;margin:0 0 18px;color:var(--timi-color-ink-muted);opacity:1}.ugc-look__product{grid-template-columns:180px minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid #eee;align-items:start}.ugc-look__product:first-child{border-top:0;padding-top:4px}.ugc-look__thumb{width:180px;height:auto;aspect-ratio:8 / 9;background:var(--timi-color-tile);overflow:hidden}.ugc-look__thumb img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.ugc-look__info{gap:6px;padding-top:2px}.ugc-look__name{font-size:11px;font-weight:var(--timi-fw-regular);letter-spacing:var(--timi-tracking-caps);text-transform:uppercase;line-height:1.5}.ugc-look__price{font-size:12px;font-weight:500;letter-spacing:.04em}.ugc-look__form{display:grid;gap:10px;margin-top:6px}.ugc-look__opt{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ugc-look__opt--dots{gap:4px}.ugc-look__dot{width:26px;height:26px;padding:0;border:0;background:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:0;box-shadow:none}.ugc-look__dot .timi-swatch{width:16px;height:16px}.ugc-look__dot[aria-checked=true] .timi-swatch{box-shadow:0 0 0 2px var(--timi-color-bg),0 0 0 3px var(--timi-color-ink)}.ugc-look__dot.is-soldout .timi-swatch{opacity:.35;background-image:linear-gradient(to top right,transparent calc(50% - .5px),#000 50%,transparent calc(50% + .5px))}.ugc-look__dot:focus-visible{outline:2px solid var(--timi-color-ink);outline-offset:1px}.ugc-look__add{justify-self:start;min-height:0!important;height:32px;padding:0 16px!important;border:1px solid var(--timi-color-ink);border-radius:2px;background:var(--timi-color-bg);color:var(--timi-color-ink);font-size:10.5px;letter-spacing:var(--timi-tracking-caps);text-transform:uppercase;cursor:pointer;box-shadow:none;display:inline-flex;align-items:center;text-decoration:none}.ugc-look__add:hover:not(:disabled){background:var(--timi-color-ink);color:var(--timi-color-bg)}.ugc-look__add:disabled{border-color:#e0e0e0;color:var(--timi-color-ink-muted);cursor:default}@media(max-width:749px){.ugc-look__side{padding:20px 16px 24px}.ugc-look__product{grid-template-columns:38vw minmax(0,1fr);gap:14px}.ugc-look__thumb{width:38vw}}.ugc-look__thumb:focus:not(:focus-visible),.ugc-look__name:focus:not(:focus-visible){outline:none}ugc-gallery.timi-section{display:block}.ugc__img,.ugc__vid{object-position:50% 33%}.ugc{--ugc-tile-ar: 9 / 16;--ugc-tile-k: 1.7778}.ugc--r-2x3{--ugc-tile-ar: 2 / 3;--ugc-tile-k: 1.5}.ugc--r-4x5{--ugc-tile-ar: 4 / 5;--ugc-tile-k: 1.25}.ugc__grid--row .ugc__tile{aspect-ratio:var(--ugc-tile-ar)}.ugc__bag{display:none}.ugc__hover{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 12px;color:#fff;text-align:center;font-size:11px;letter-spacing:var(--timi-tracking-caps, .12em);text-transform:uppercase;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / .38),transparent);opacity:0;transition:opacity .25s ease}@media(hover:hover)and (min-width:750px){.ugc__tile:hover .ugc__hover,.ugc__tile:focus-visible .ugc__hover{opacity:1}}@media(hover:none),(max-width:749px){.ugc__hover{display:none}}.ugc-look__product--soldout .ugc-look__thumb,.ugc-look__product--soldout .ugc-look__name,.ugc-look__product--soldout .ugc-look__price{opacity:.45}.ugc__row-wrap{position:relative;container-type:inline-size}.ugc__arrow{position:absolute;z-index:3;top:calc((100cqw - 36px) / 4 * var(--ugc-tile-k) / 2 - 18px);display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;padding:0;border:1px solid #e6e3dc;border-radius:50%;background:#fff;color:#111;cursor:pointer;box-shadow:0 1px 3px #00000014;text-transform:none;letter-spacing:normal}.ugc__arrow .icon{width:9px;height:14px;fill:currentColor}.ugc__arrow--prev{left:-8px}.ugc__arrow--next{right:-8px}.ugc__arrow--next .icon{transform:rotate(180deg)}.ugc__arrow[disabled]{opacity:0;pointer-events:none}.ugc__arrow:focus-visible{outline:2px solid #111;outline-offset:2px}.ugc:not(.ugc--scrolls) .ugc__arrow{display:none}@media(max-width:768px){.ugc__arrow{display:none}}.ugc__dialog{--ugc-ar: 1;--look-h: min(88vh, 860px);--look-mw: min(calc(var(--look-h) * var(--ugc-ar)), 600px)}.ugc-look__media{background:var(--timi-color-tile, #f2f2f2)}.ugc-look__img{width:100%;height:100%;object-fit:cover;object-position:50% 33%}.ugc-look__vid{width:100%;height:100%;object-fit:contain;background:transparent}.ugc-look__media--video{background:#000}@media(min-width:750px){.ugc__dialog{width:fit-content;max-width:calc(100vw - 32px);max-height:var(--look-h)}.ugc__dialog-body{max-height:none;overflow:hidden}.ugc-look{grid-template-columns:var(--look-mw) min(440px,calc(100vw - 32px - var(--look-mw)));height:max(min(calc(var(--look-mw) / var(--ugc-ar)),var(--look-h)),480px)}.ugc-look__media{aspect-ratio:auto;min-height:0;height:100%}.ugc-look__side{overflow-y:auto;overscroll-behavior:contain}.ugc__nav{top:calc(50% - 18px)}.ugc__nav--next{right:auto;left:calc(var(--look-mw) - 46px)}}@media(max-width:749px){.ugc__dialog{--look-mh: min(calc((100vw - 32px) / var(--ugc-ar)), 68svh)}.ugc-look__media{aspect-ratio:auto;height:var(--look-mh)}.ugc__nav{top:calc(var(--look-mh) / 2 - 18px)}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/timi-ugc.css.map */