html body [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback),html body #MainContent#MainContent#MainContent#MainContent [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;box-sizing:border-box!important;width:100%!important;margin:0!important;border:1px solid #808D45!important;border-radius:0!important;background:#808d45!important;color:#fff!important;font-size:0!important;line-height:1!important;box-shadow:none!important;cursor:pointer}html body [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback):before,html body #MainContent#MainContent#MainContent#MainContent [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback):before{content:"[ Try on You ]"!important;display:block!important;flex:0 1 auto!important;min-width:0!important;height:auto!important;padding:0 0 0 15px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 7'%3E%3Cpath d='M0 0l6 3.5L0 7z' fill='%23fff'/%3E%3C/svg%3E") left center/6px 7px no-repeat!important;color:#fff!important;font-size:11px!important;letter-spacing:.04em!important;line-height:1.3!important;text-transform:uppercase!important;white-space:nowrap}html body [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback):after,html body #MainContent#MainContent#MainContent#MainContent [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback):after{content:"3 free tries"!important;display:block!important;margin-left:auto!important;color:#fff!important;font-size:11px!important;font-weight:400!important;letter-spacing:.02em!important;line-height:1.3!important;text-transform:none!important;white-space:nowrap;opacity:.88}html body [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback):is(:hover,:focus-visible),html body #MainContent#MainContent#MainContent#MainContent [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback):is(:hover,:focus-visible){background:#74813f!important;border-color:#74813f!important;color:#fff!important}html body [data-mat-tryon] :is(.mat-launcher,.mat-tryon-fallback):focus-visible{outline:2px solid #080808!important;outline-offset:2px}html body [data-mat-panel] .mat-flow [hidden]{display:none!important}html body [data-mat-panel] .mat-flow{color:#080808;font-size:14px}html body [data-mat-panel] .mat-flow .mat-flow__eyebrow{gap:10px;margin-bottom:18px;font-size:11px;font-weight:400;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b}html body [data-mat-panel] .mat-flow .mat-flow__eyebrow span{flex:0 0 34px;width:34px;height:1px;border-radius:0;background:#808d45}html body [data-mat-panel] .mat-flow .mat-flow__eyebrow:before{color:#808d45}html body [data-mat-panel] .mat-flow [data-mat-step=consent] .mat-flow__eyebrow:before{content:"01 / 04"}html body [data-mat-panel] .mat-flow [data-mat-step=upload] .mat-flow__eyebrow:before{content:"02 / 04"}html body [data-mat-panel] .mat-flow [data-mat-step=ready] .mat-flow__eyebrow:before,html body [data-mat-panel] .mat-flow [data-mat-step=loading] .mat-flow__eyebrow:before{content:"03 / 04"}html body [data-mat-panel] .mat-flow [data-mat-step=result] .mat-flow__eyebrow:before{content:"04 / 04"}html body [data-mat-panel] .mat-flow h3{margin:0 0 12px;font-size:clamp(26px,2.2vw,34px);font-weight:700;line-height:.98;letter-spacing:-.045em;text-wrap:balance}html body [data-mat-panel] .mat-flow p:not([class]){max-width:38ch;margin:0 0 18px;font-size:14px;line-height:1.5;color:#3a3f3b;opacity:1}html body [data-mat-panel] .mat-flow .mat-flow__button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;padding:12px 18px;border:1px solid #080808;border-radius:0;background:#080808;color:#fff;font-size:12px;font-weight:500;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;text-align:center;cursor:pointer}html body [data-mat-panel] .mat-flow .mat-flow__button:is(:hover,:focus-visible){background:#fff;border-color:#080808;color:#080808;outline:0}html body [data-mat-panel] .mat-flow .mat-flow__button[disabled]{opacity:.5;cursor:wait}html body [data-mat-panel] .mat-flow .mat-flow__button--ghost{display:inline-flex;justify-content:flex-start;width:auto;min-height:44px;padding:0;border:0;background:none;color:#080808;text-align:left}html body [data-mat-panel] .mat-flow .mat-flow__button--ghost:before{content:"[";margin-right:.35em;color:#808d45}html body [data-mat-panel] .mat-flow .mat-flow__button--ghost:after{content:"]";margin-left:.35em;color:#808d45}html body [data-mat-panel] .mat-flow .mat-flow__button--ghost:is(:hover,:focus-visible){background:none;color:#080808;text-decoration:underline;text-underline-offset:3px}html body [data-mat-panel] .mat-flow [data-mat-step] .mat-flow__actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;margin-top:14px}html body [data-mat-panel] .mat-flow [data-mat-step] .mat-flow__actions .mat-flow__button:not(.mat-flow__button--ghost){flex:0 0 100%}html body [data-mat-panel] .mat-flow [data-mat-step] .mat-flow__actions .mat-flow__button--ghost{flex:0 0 auto;width:auto}html body [data-mat-panel] .mat-flow .mat-flow__photo-actions{display:block;border-top:1px solid #080808}html body [data-mat-panel] .mat-flow .mat-flow__photo-choice{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;padding:0;border:0;border-bottom:1px solid #e3e3e3;background:none;color:#080808;text-align:left;cursor:pointer}html body [data-mat-panel] .mat-flow .mat-flow__photo-choice strong{font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}html body [data-mat-panel] .mat-flow .mat-flow__photo-choice small{font-size:12px;color:#6b6b6b;opacity:1;text-align:right}html body [data-mat-panel] .mat-flow .mat-flow__photo-choice:hover strong{text-decoration:underline;text-underline-offset:3px}html body [data-mat-panel] .mat-flow .mat-flow__photo-choice:focus-within{outline:2px solid #808D45;outline-offset:2px}html body [data-mat-panel] .mat-flow :is(.mat-flow__photo-note,.mat-flow__note){display:block;margin-top:14px;font-size:12px;line-height:1.5;color:#6b6b6b;opacity:1}html body [data-mat-panel] .mat-flow :is(.mat-flow__selected-photo,.mat-flow__result){border:0;background:#f4f5f0}html body [data-mat-panel] .mat-flow .mat-flow__spinner{width:178px;max-width:100%;height:3px;margin:10px 0 22px;border:0;border-radius:0;transform:none;background:linear-gradient(90deg,#080808 0 18px,transparent 18px 23px,#080808 23px 41px,transparent 41px 46px,#080808 46px 64px,transparent 64px 69px,#080808 69px 87px,transparent 87px 92px,#080808 92px 110px,transparent 110px 124px,#080808 124px 128px,transparent 128px 133px,#080808 133px 137px,transparent 137px 142px,#080808 142px 146px,transparent 146px 151px,#080808 151px 155px,transparent 155px 160px,#080808 160px 178px) left center/178px 3px no-repeat;animation:matMorse04 2.6s linear infinite}@keyframes matMorse04{0%{clip-path:inset(0 100% 0 0);opacity:1}62%{clip-path:inset(0 0 0 0);opacity:1}88%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}@media(prefers-reduced-motion:reduce){html body [data-mat-panel] .mat-flow .mat-flow__spinner{animation:none}}html body [data-mat-panel] .mat-flow :is(input[type=email],input[data-mat-code],.mat-fit-field input,.mat-fit-field select){min-height:46px;padding:8px 0;border:0;border-bottom:1px solid #080808;border-radius:0;background:#fff;color:#080808;outline:0}html body [data-mat-panel] .mat-flow :is(input[type=email],input[data-mat-code],.mat-fit-field input,.mat-fit-field select):focus{border-bottom-color:#808d45}html body [data-mat-panel] .mat-flow input[type=email]{margin-bottom:14px;font-size:16px}html body [data-mat-panel] .mat-flow input[data-mat-code]{margin-bottom:14px;font-size:26px;font-weight:700;letter-spacing:.2em;font-variant-numeric:tabular-nums}html body [data-mat-panel] .mat-flow :is(.mat-fit-field input,.mat-fit-field select){font-size:16px}html body [data-mat-panel] .mat-flow .mat-fit-grid{gap:4px 16px}html body [data-mat-panel] .mat-flow .mat-fit-field>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#808d45}html body [data-mat-panel] .mat-flow .mat-fit-field>span small{font-size:11px;color:#6b6b6b;opacity:1}html body [data-mat-panel] .mat-flow .mat-fit-input input{padding-right:30px}html body [data-mat-panel] .mat-flow .mat-fit-input em{right:0;font-size:12px;color:#6b6b6b;opacity:1}html body [data-mat-panel] .mat-flow .mat-flow__check{gap:10px;margin:0 0 16px;font-size:12px;line-height:1.5;color:#3a3f3b}html body [data-mat-panel] .mat-flow .mat-flow__check input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#808D45}html body [data-mat-panel] .mat-flow .mat-flow__privacy{font-size:12px!important;line-height:1.5;color:#6b6b6b;opacity:1}html body [data-mat-panel] .mat-flow :is(.mat-flow__preview-note,.mat-flow__preview-feedback){padding:12px 14px;border:0;border-left:3px solid #808D45;background:#f4f5f0;font-size:12px!important;color:#080808}
/*# sourceMappingURL=/cdn/shop/t/93/assets/mat-tryon-v9.css.map */