.try-on-experience{display:block;margin-top:1.4rem}.product__media-wrapper>.try-on-experience{position:absolute;top:5.6rem;right:3.6rem;z-index:4;margin-top:0}.try-on-experience__actions{display:grid;gap:.6rem}.product__media-wrapper>.try-on-experience .try-on-experience__actions{display:block}.product__media-wrapper>.try-on-experience .try-on-experience__trigger{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-width:auto;min-height:auto;padding:.6rem 1.6rem;border:none;border-radius:999px;color:#fff;background:#888;font:inherit;font-size:1.2rem;font-weight:400;line-height:1;text-decoration:none;box-shadow:none}.product__media-wrapper>.try-on-experience .try-on-experience__trigger-icon{display:block;width:3.5rem;height:1.9rem}.product__media-wrapper>.try-on-experience .try-on-experience__trigger:not([disabled]):hover{color:#fff;background:#777}.product__media-wrapper>.try-on-experience .try-on-experience__trigger:focus-visible{outline:.2rem solid rgba(218,60,36,.4);outline-offset:.2rem;color:#fff}.product__media-wrapper>.try-on-experience .try-on-experience__availability{display:none}.try-on-experience__trigger[disabled]{cursor:not-allowed;opacity:.55}.try-on-experience__availability{margin:0;color:rgba(var(--color-base-text),.7);font-size:1.3rem}.try-on-experience__dialog{width:min(112rem,calc(100vw - 2rem));max-width:none;border:none;padding:0;background:transparent}.try-on-experience__dialog::backdrop{background:#121419b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.try-on-experience__shell{display:grid;gap:1.6rem;padding:1.6rem;border-radius:2rem;background:rgb(var(--colors-background-main));color:rgb(var(--color-base-text));box-shadow:0 2.4rem 8rem #00000042}.try-on-experience__stage,.try-on-experience__workspace,.try-on-experience__camera,.try-on-experience__references,.try-on-experience__reference-card,.try-on-experience__secondary-controls .button,.try-on-experience__marker,.try-on-experience__trigger,.try-on-experience__close{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.try-on-experience__field input,.try-on-experience__camera-actions .button,.try-on-experience__secondary-controls .button,.try-on-experience__trigger,.try-on-experience__close{touch-action:manipulation}.try-on-experience__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;padding-bottom:.6rem}.try-on-experience__eyebrow{margin:0 0 .4rem;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-base-text),.6)}.try-on-experience__title{margin:0}.try-on-experience__subtitle{margin:.4rem 0 0;color:rgba(var(--color-base-text),.7);line-height:1.45}.try-on-experience__close{min-width:4.2rem;min-height:4.2rem;border-radius:999px;border:.1rem solid rgba(var(--color-base-text),.12);background:transparent;color:inherit;cursor:pointer;font-size:2.4rem;line-height:1}.try-on-experience__body{display:grid;gap:1.2rem}.try-on-experience__sidebar{display:grid;gap:1rem;align-content:start}.try-on-experience__copy,.try-on-experience__field,.try-on-experience__secondary-controls{display:grid;gap:.8rem}.try-on-experience__mobile-tray{display:contents}.try-on-experience__intro,.try-on-experience__status,.try-on-experience__footnote,.try-on-experience__field-help{margin:0;line-height:1.55}.try-on-experience__footnote,.try-on-experience__field-help{color:rgba(var(--color-base-text),.7)}.try-on-experience__section-title{margin:0;font-size:clamp(2rem,2vw,2.8rem);line-height:1.15}.try-on-experience__status,.try-on-experience__error{padding:1rem 1.2rem;border-radius:1.4rem}.try-on-experience__status{display:grid;gap:.4rem;padding:1.2rem 1.4rem;border:.1rem solid rgba(84,104,145,.18);background:linear-gradient(180deg,#e9f0ffe6,#f4f7fff5);box-shadow:0 .4rem 1.6rem #3d548014;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.try-on-experience__error{margin:0;background:#fff1f2;color:#8f1f35}.try-on-experience__status-label{font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--inline-button-color))}.try-on-experience__status-text{color:rgb(var(--inline-button-color));font-size:1.55rem;line-height:1.5;font-weight:600}.try-on-experience__status.is-highlighted{border-color:#5674be61;box-shadow:0 .8rem 2.2rem #5674be29;transform:translateY(-.1rem)}.try-on-experience__secondary-controls .button{width:100%}.try-on-experience__secondary-controls{align-self:end}.try-on-experience__field input{min-height:4.8rem;border-radius:1.2rem;border:.1rem solid rgba(var(--color-base-text),.14);background:transparent;color:inherit;padding:0 1.2rem}.try-on-experience__field-card{display:grid;gap:.8rem;padding:1.4rem;border-radius:1.6rem;background:rgba(var(--color-base-text),.035);border:.1rem solid rgba(var(--color-base-text),.1)}.try-on-experience__field--mobile{display:none}.try-on-experience__field input.is-invalid,.try-on-experience__field input[aria-invalid=true]{border-color:#c42f4e;box-shadow:0 0 0 .1rem #c42f4e29}.try-on-experience__field-error{margin:-.2rem 0 0;color:#c42f4e;font-size:1.2rem;line-height:1.45}.try-on-experience__tips{display:grid;gap:.5rem;padding:1rem 1.2rem;border-radius:1.4rem;background:#ffce5c1f}.try-on-experience__tips-title,.try-on-experience__tips p{margin:0}.try-on-experience__tips-title{font-weight:700}.try-on-experience__tips-list{margin:0;padding-left:1.8rem;display:grid;gap:.5rem}.try-on-experience__tips-list li{margin:0}.try-on-experience__stage{display:grid;gap:1rem}.try-on-experience__camera,.try-on-experience__workspace{position:relative;overflow:hidden;border-radius:1.8rem;background:radial-gradient(circle at top left,rgba(216,175,113,.22),transparent 35%),linear-gradient(180deg,#faf7f1,#efe9df)}.try-on-experience__camera{display:grid;gap:1rem;padding:1rem}.try-on-experience__camera[hidden]{display:none}.try-on-experience__camera:not([hidden]){display:grid}.try-on-experience__camera video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.2rem;background:#0e0f12;transform:scaleX(-1)}.try-on-experience__camera-actions{position:absolute;left:1.8rem;right:1.8rem;bottom:1.8rem;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.try-on-experience__camera-actions .button{width:100%}.try-on-experience__workspace{--try-on-marker-size: 2.4rem;aspect-ratio:1;min-height:0}.try-on-experience__canvas,.try-on-experience__markers,.try-on-experience__empty{position:absolute;top:0;right:0;bottom:0;left:0}.try-on-experience__loupe{position:absolute;top:1.2rem;right:1.2rem;z-index:5;width:7.2rem;height:7.2rem;border-radius:999px;overflow:hidden;border:.2rem solid rgba(255,255,255,.95);background:#ffffffeb;box-shadow:0 .8rem 2rem #00000029;pointer-events:none}.try-on-experience__loupe[hidden]{display:none}.try-on-experience__loupe-canvas,.try-on-experience__canvas{width:100%;height:100%;display:block}.try-on-experience__markers{pointer-events:none}.try-on-experience__marker{position:absolute;width:var(--try-on-marker-size);height:var(--try-on-marker-size);margin:calc(var(--try-on-marker-size) / -2) 0 0 calc(var(--try-on-marker-size) / -2);border:.16rem solid rgba(22,24,28,.85);border-radius:999px;background:#ffffff1a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 .4rem 1rem #00000024;pointer-events:auto;cursor:grab;touch-action:none;opacity:1;transition:opacity .18s ease,transform .18s ease}.try-on-experience__marker:before,.try-on-experience__marker:after{content:"";position:absolute;left:50%;top:50%;background:#fffffff5;transform:translate(-50%,-50%)}.try-on-experience__marker:before{width:calc(var(--try-on-marker-size) * .34);height:.18rem}.try-on-experience__marker:after{width:.18rem;height:calc(var(--try-on-marker-size) * .34)}.try-on-experience--preview-ready .try-on-experience__marker{opacity:0}.try-on-experience--preview-ready .try-on-experience__marker:focus-visible,.try-on-experience--preview-ready .try-on-experience__marker:active,.try-on-experience--dragging-markers .try-on-experience__marker{opacity:1}@media(hover:hover)and (pointer:fine){.try-on-experience--preview-ready .try-on-experience__workspace:hover .try-on-experience__marker{opacity:1}}.try-on-experience__empty{place-content:center;gap:.4rem;padding:2rem;text-align:center;color:#16181ccc;pointer-events:none}.try-on-experience__empty:not([hidden]){display:grid}.try-on-experience__mobile-prompt{display:none}.try-on-experience__empty-title{margin:0;font-size:1.8rem;font-weight:700}.try-on-experience__empty p:last-child{margin:0}.try-on-experience__references{display:grid;gap:.2rem}.try-on-experience__references-header{display:grid;gap:0}.try-on-experience__references-title,.try-on-experience__references-copy{margin:0}.try-on-experience__references-title{font-weight:700}.try-on-experience__references-copy{color:rgb(var(--inline-button-color));font-size:1.25rem;line-height:1.3;text-align:center}.try-on-experience__references-title{display:none}.try-on-experience__reference-grid{--try-on-reference-gap: 1rem;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (3.2 * var(--try-on-reference-gap))) / 4.2);gap:var(--try-on-reference-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(var(--color-base-text),.2) transparent;padding-bottom:.4rem}.try-on-experience__reference-grid::-webkit-scrollbar{height:.6rem}.try-on-experience__reference-grid::-webkit-scrollbar-track{background:transparent}.try-on-experience__reference-grid::-webkit-scrollbar-thumb{background:rgba(var(--color-base-text),.18);border-radius:999px}.try-on-experience__reference-card{display:grid;gap:.5rem;padding:.65rem;border:none;border-radius:1.4rem;background:rgba(var(--color-base-text),.03);color:inherit;text-align:center;cursor:pointer;align-content:start;scroll-snap-align:start;background:#fff}.try-on-experience__reference-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem;background:rgba(var(--color-base-text),.08)}.try-on-experience__reference-label{font-weight:600}.try-on-experience__reference-subtitle{color:rgba(var(--color-base-text),.72);font-size:1.2rem;line-height:1.35}.try-on-experience__reference-icon{display:grid;place-items:center;min-height:6.6rem;border-radius:1rem;background:linear-gradient(180deg,#ffd2dc73,#cce1ff73);font-size:2.2rem;font-weight:700}.try-on-experience__reference-card--action{padding:.65rem;background:#fff}.try-on-experience__reference-action-panel{display:grid;gap:.35rem;width:100%;aspect-ratio:1;padding:1rem .9rem;border-radius:1rem;background:linear-gradient(180deg,#ffd2dc73,#cce1ff73);align-content:end;justify-items:start;text-align:left}.try-on-experience__reference-card--action .try-on-experience__reference-icon{min-height:0;width:auto;padding:0;border-radius:0;background:transparent;font-size:1.8rem;line-height:1}.try-on-experience__reference-card--action .try-on-experience__reference-label{padding:0;color:#16181c}.try-on-experience__reference-card--action .try-on-experience__reference-subtitle{padding:0;color:rgba(var(--color-base-text),.72)}.try-on-experience--camera-open .try-on-experience__workspace,.try-on-experience--camera-open .try-on-experience__references{display:none}.try-on-experience--camera-open .try-on-experience__stage{width:100%;min-width:0}@media screen and (min-width:990px){.try-on-experience__dialog{max-height:calc(100vh - 2rem)}.try-on-experience__body{grid-template-columns:minmax(0,1fr) minmax(32rem,38rem);align-items:stretch;gap:1.6rem}.try-on-experience__sidebar{grid-template-rows:auto auto auto auto 1fr auto;width:100%;max-width:42rem;justify-self:end}.try-on-experience__stage{position:relative;gap:0;width:100%;max-width:none;min-width:0;padding:1.2rem;border-radius:2rem;background:rgba(var(--color-base-text),.03);border:.1rem solid rgba(var(--color-base-text),.08)}.try-on-experience__workspace{width:100%;max-width:none;border-radius:2rem}.try-on-experience__references{position:absolute;left:50%;width:min(calc(100% - 4.8rem),48rem);transform:translate(-50%);bottom:2.4rem;z-index:2}.try-on-experience__references-header{display:none}.try-on-experience__reference-grid{gap:.8rem}.try-on-experience__reference-card{padding:.55rem;border-radius:1rem}.try-on-experience__reference-card img,.try-on-experience__reference-icon,.try-on-experience__reference-action-panel{border-radius:.8rem}.try-on-experience__reference-icon{min-height:5.8rem}.try-on-experience__reference-card--action{padding:.55rem}.try-on-experience__secondary-controls{grid-template-columns:repeat(2,minmax(0,1fr));position:sticky;bottom:0;padding-top:1.2rem;background:rgb(var(--colors-background-main))}}@media screen and (max-width:989px){.try-on-experience__body{gap:1.2rem}.try-on-experience__reference-grid{--try-on-reference-gap: .9rem}}@media screen and (max-width:749px){.try-on-experience__dialog{width:100vw;height:100dvh;max-height:none;overflow:hidden}.try-on-experience__shell{height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(8.2rem + env(safe-area-inset-bottom));border-radius:0;gap:1rem}.try-on-experience__header{position:sticky;top:0;z-index:2;padding-bottom:.4rem;background:rgb(var(--colors-background-main))}.try-on-experience__title{font-size:2rem;line-height:1.2}.try-on-experience__copy{display:none}.try-on-experience__mobile-tray{display:contents}.try-on-experience__field--desktop{display:none}.try-on-experience__field--mobile{position:absolute;left:50%;bottom:.4rem;z-index:3;display:none;width:min(18rem,calc(100% - 3rem));min-width:0;transform:translate(-50%)}.try-on-experience--mobile-pd-visible .try-on-experience__field--mobile{display:grid}.try-on-experience__mobile-prompt{position:absolute;left:50%;bottom:.4rem;z-index:3;display:none;width:min(24rem,calc(100% - 3rem));padding:.9rem 1.2rem;border-radius:1.4rem;background:#fffffff0;box-shadow:0 -.6rem 2rem #00000014;transform:translate(-50%)}.try-on-experience--mobile-prompt-visible .try-on-experience__mobile-prompt{display:block}.try-on-experience__mobile-prompt-text{margin:0;color:rgb(var(--inline-button-color));font-size:1.3rem;line-height:1.35;font-weight:600;text-align:center}.try-on-experience__field-card{gap:.3rem;padding:.7rem .8rem;border-radius:1.2rem;background:#fff;box-shadow:0 -.6rem 2rem #00000014;text-align:center}.try-on-experience__field-card label{font-size:1.05rem;font-weight:700;line-height:1.2;color:rgb(var(--inline-button-color))}.try-on-experience__field-card input{min-height:3.8rem;padding:0 .9rem;font-size:1.45rem}.try-on-experience__field-help{display:none}.try-on-experience__field-error{margin-top:.4rem;padding:0 .2rem;text-align:center;display:none}.try-on-experience__secondary-controls{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));padding:.4rem;border-radius:1.2rem;background:rgb(var(--colors-background-main));box-shadow:0 -.6rem 2rem #00000014}.try-on-experience__secondary-controls .button{min-height:4.9rem;padding:0 1rem;font-size:1.8rem}.try-on-experience__secondary-action--mobile-primary{color:rgb(var(--button-color-text));border-color:rgb(var(--button-color-border));background-color:rgb(var(--button-color-bg))}.try-on-experience__stage{gap:1rem}.try-on-experience__camera{padding:.8rem}.try-on-experience__camera video{aspect-ratio:4 / 5}.try-on-experience__camera-actions{left:1.4rem;right:1.4rem;bottom:1.4rem}.try-on-experience__workspace{width:100%;border-radius:1.4rem}.try-on-experience__references{padding:0}.try-on-experience__references-copy{color:rgb(var(--inline-button-color));font-size:1.2rem;line-height:1.25;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.try-on-experience__reference-grid{--try-on-reference-gap: .8rem;grid-auto-columns:calc((100% - (2.2 * var(--try-on-reference-gap))) / 3.2);padding-bottom:.2rem}.try-on-experience__references{margin-top:0;margin-left:0;margin-right:0;gap:.1rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/try-on.css.map */