.lop-fyf{--lop-fyf-bg: #1b1c1c;--lop-fyf-title: #cacaca;--lop-fyf-text: #cacaca;--lop-fyf-muted: #ffffffb3;--lop-fyf-border: #ffffff42;background:var(--lop-fyf-bg);color:var(--lop-fyf-text);display:flex;flex-direction:column;min-height:calc(100vh - 120px);overflow:hidden;position:relative;width:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.lop-fyf__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lop-fyf-bg);pointer-events:none;z-index:0}.lop-fyf__cover{display:flex;flex:1 0 auto;align-items:center;justify-content:center;min-height:calc(100vh - 120px);overflow:hidden;position:relative;width:100%;z-index:1}.lop-fyf__cover.is-hidden{display:none}.lop-fyf__rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lop-fyf__cap{position:absolute;left:50%;top:50%;opacity:0;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));transform:translate(calc(-50% + var(--lop-fyf-cap-x)),calc(-50% + var(--lop-fyf-cap-y))) rotate(var(--lop-fyf-cap-rot, 0deg))}.lop-fyf__cap.is-floating{animation:lop-fyf-float var(--lop-fyf-float-d, 3.6s) ease-in-out var(--lop-fyf-float-delay, 0s) infinite}.lop-fyf__cap--inner{width:70px}.lop-fyf__cap--outer{width:55px}.lop-fyf__cap--third{width:45px}@keyframes lop-fyf-float{0%,to{transform:translate(calc(-50% + var(--lop-fyf-cap-x)),calc(-50% + var(--lop-fyf-cap-y))) rotate(var(--lop-fyf-cap-rot, 0deg))}25%{transform:translate(calc(-50% + var(--lop-fyf-cap-x)),calc(-50% + var(--lop-fyf-cap-y) - 5px)) rotate(var(--lop-fyf-cap-rot, 0deg))}75%{transform:translate(calc(-50% + var(--lop-fyf-cap-x)),calc(-50% + var(--lop-fyf-cap-y) + 5px)) rotate(var(--lop-fyf-cap-rot, 0deg))}}.lop-fyf__cover-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 16px}.lop-fyf__title{margin:0;color:var(--lop-fyf-title);font-size:48px;font-weight:700;line-height:52.8px;letter-spacing:-.03em;text-transform:uppercase;overflow:hidden}.lop-fyf__word{display:inline-block;white-space:nowrap}.lop-fyf__char{display:inline-block}.lop-fyf:not(.is-cover-inited) .lop-fyf__title,.lop-fyf__cover .lop-fyf__desc,.lop-fyf__cover .lop-fyf__cta{opacity:0}.lop-fyf__desc{margin:0;color:var(--lop-fyf-muted);font-size:15px;font-weight:400;line-height:19.5px;max-width:42ch}.lop-fyf__cta,.lop-fyf__btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 24px;border-radius:999px;border:.8px solid transparent;background:#fff;color:#000;font-size:14px;font-weight:700;line-height:14px;cursor:pointer;text-decoration:none;font-family:inherit;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}.lop-fyf__cta:disabled,.lop-fyf__btn:disabled{opacity:.4;cursor:default}.lop-fyf__btn--ghost{background:transparent;color:#ffffffb3;border-color:#ffffff4d}.lop-fyf a.lop-fyf__btn--ghost:hover,.lop-fyf a.lop-fyf__btn--ghost:focus,.lop-fyf .lop-fyf__btn--ghost:hover,.lop-fyf .lop-fyf__btn--ghost:focus{background:#ffffff1a;color:#ffffffe6;border-color:#ffffff1a;text-decoration:none}.lop-fyf__mount{display:none;position:relative;z-index:1;width:100%;padding:112px 16px 40px}.lop-fyf.is-started{overflow:visible}.lop-fyf.is-started .lop-fyf__cover{overflow:hidden}.lop-fyf.is-started .lop-fyf__mount{display:block}.lop-fyf__app{max-width:768px;margin:0 auto;width:100%}.lop-fyf__hat-wrap{display:flex;height:60px;padding-bottom:8px;position:relative}.lop-fyf__hat{display:block;position:absolute;left:var(--lop-fyf-hat-x, 17%);width:60px;height:60px;object-fit:contain;transform:translate(-50%);animation:lop-fyf-hat 3s ease-in-out infinite;transition:left .3s}@keyframes lop-fyf-hat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.lop-fyf__hat.is-celebrating{animation:lop-fyf-hat-celebrate .6s cubic-bezier(.34,1.56,.64,1)}@keyframes lop-fyf-hat-celebrate{0%{transform:translate(-50%) translateY(0) scale(1) rotate(0)}40%{transform:translate(-50%) translateY(-14px) scale(1.2) rotate(-8deg)}70%{transform:translate(-50%) translateY(-4px) scale(1.05) rotate(4deg)}to{transform:translate(-50%) translateY(0) scale(1) rotate(0)}}.lop-fyf__progress{margin-bottom:32px}.lop-fyf__track{background:var(--lop-fyf-border);border-radius:999px;height:4px;overflow:hidden}.lop-fyf__fill{display:block;height:100%;width:100%;background:var(--lop-fyf-title);transform-origin:left center;transform:scaleX(.17);transition:transform .2s ease}.lop-fyf__progress-label{color:var(--lop-fyf-muted);font-size:13px;line-height:16.9px;margin:12px 0 0}.lop-fyf__step-num-wrap{display:inline-block;overflow:hidden;position:relative;vertical-align:bottom}.lop-fyf__step-num{display:block}.lop-fyf__step-num--ghost{left:0;position:absolute;top:0;width:100%}.lop-fyf__q-title{margin:0 0 12px;color:var(--lop-fyf-title);font-size:24px;font-weight:700;line-height:28.8px;letter-spacing:-.03em}.lop-fyf__q-sub{margin:0 0 32px;color:var(--lop-fyf-muted);font-size:15px;font-weight:400;line-height:19.5px}.lop-fyf__answers{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.lop-fyf__answer{-webkit-appearance:none;appearance:none;width:100%;min-height:48px;padding:12px 16px;text-align:left;background:transparent;border:.8px solid rgba(255,255,255,.26);border-radius:10px;color:var(--lop-fyf-text);font-size:15px;font-weight:400;line-height:19.5px;text-transform:capitalize;cursor:pointer;font-family:inherit}.lop-fyf__answer:hover{background:#ffffff0d}.lop-fyf__answer.is-selected{border-color:var(--lop-fyf-text);box-shadow:0 0 0 1px var(--lop-fyf-text)}.lop-fyf__answer:focus-visible,.lop-fyf__cta:focus-visible,.lop-fyf__btn:focus-visible{outline:2px solid var(--lop-fyf-title);outline-offset:2px}.lop-fyf__actions{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;opacity:1}.lop-fyf__eyebrow{margin:0 0 8px;color:var(--lop-fyf-muted);font-size:14px}.lop-fyf__results-title{margin:0 0 16px;color:var(--lop-fyf-title);font-size:24px;font-weight:700;line-height:28.8px;letter-spacing:-.03em}.lop-fyf__results-sub{margin:0 0 32px;color:var(--lop-fyf-muted);font-size:15px;line-height:19.5px}.lop-fyf__grid{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.lop-fyf__card{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid rgba(255,255,255,.26);border-radius:10px;background:transparent}.lop-fyf__card-content{display:flex;flex-direction:column;gap:12px}.lop-fyf__card-image-wrap{position:relative;align-self:center;width:200px;aspect-ratio:1;border-radius:8px;overflow:hidden}.lop-fyf__card-image{display:block;width:100%;height:100%;object-fit:contain}.lop-fyf__badge{position:absolute;top:0;left:0;background:#fff;color:#000;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.lop-fyf__card-head{display:flex;align-items:baseline;gap:12px}.lop-fyf__card-title{margin:0;color:var(--lop-fyf-text);font-size:24px;font-weight:700}.lop-fyf__card-fit{color:var(--lop-fyf-muted);font-size:14px}.lop-fyf__card-desc{margin:0;color:var(--lop-fyf-muted);font-size:15px;line-height:20px}.lop-fyf__features{display:flex;flex-wrap:wrap;gap:4px}.lop-fyf__feature{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:4px 10px;font-size:13px;color:var(--lop-fyf-text)}.lop-fyf__card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.lop-fyf__footer-actions{display:flex;flex-direction:column;gap:12px}.lop-fyf__footer-actions .lop-fyf__cta,.lop-fyf__footer-actions .lop-fyf__btn{width:100%}.lop-fyf.is-results .lop-fyf__q-title,.lop-fyf.is-results .lop-fyf__q-sub,.lop-fyf.is-results .lop-fyf__answers,.lop-fyf.is-results .lop-fyf__progress-label,.lop-fyf:not(.is-results) .lop-fyf__results,.lop-fyf:not(.is-results) .lop-fyf__footer-actions,.lop-fyf.is-results .lop-fyf__actions{display:none}.lop-fyf.is-results .lop-fyf__progress{margin-bottom:16px}.lop-fyf.is-results .lop-fyf__results{display:block}@media(prefers-reduced-motion:reduce){.lop-fyf__cap,.lop-fyf__hat,.lop-fyf__hat.is-celebrating{animation:none}.lop-fyf:not(.is-cover-inited) .lop-fyf__title,.lop-fyf__cover .lop-fyf__desc,.lop-fyf__cover .lop-fyf__cta,.lop-fyf__char{opacity:1;transform:none}.lop-fyf__cap--inner{opacity:.8}.lop-fyf__cap--outer{opacity:.55}.lop-fyf__cap--third{opacity:.35}}@media(min-width:768px){.lop-fyf__cap--inner{width:100px}.lop-fyf__cap--outer{width:80px}.lop-fyf__cap--third{width:65px}.lop-fyf__title{font-size:64px;line-height:70px}.lop-fyf__desc{font-size:16px;line-height:22.4px}.lop-fyf__cta,.lop-fyf__btn{font-size:16px;line-height:16px}.lop-fyf__mount{padding:112px 32px 80px}.lop-fyf__progress-label{font-size:14px;line-height:18.2px;margin-top:16px}.lop-fyf__q-title,.lop-fyf__results-title{font-size:40px;line-height:48px;letter-spacing:-1.2px;margin-bottom:16px}.lop-fyf__q-sub,.lop-fyf__results-sub{font-size:16px;line-height:20.8px;margin-bottom:40px}.lop-fyf__answer{padding:16px;font-size:16px;line-height:20.8px}.lop-fyf__card{display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:1fr auto;align-items:stretch;column-gap:24px;row-gap:16px}.lop-fyf__card-image-wrap{grid-column:1;grid-row:1 / -1;align-self:stretch;width:260px;min-height:260px;max-width:none}.lop-fyf__card-content{grid-column:2;grid-row:1;min-width:0;padding-top:4px}.lop-fyf__card-actions{grid-column:2;grid-row:2;margin-top:0;width:auto;justify-self:stretch}.lop-fyf__footer-actions{flex-direction:row;gap:8px}.lop-fyf__footer-actions .lop-fyf__cta,.lop-fyf__footer-actions .lop-fyf__btn{flex:1 1 0;width:auto;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/lop-find-your-fit.css.map */