.nr-tryon{display:grid;gap:24px;color:var(--nr-bone)}.nr-tryon [hidden]{display:none!important}@media(min-width:990px){.nr-tryon{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:start;gap:clamp(28px,3vw,48px)}.nr-modes .nr-tryon{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:28px}}.nr-tryon__view{display:grid;gap:12px;min-width:0}.nr-tryon__stage{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--nr-line);background:linear-gradient(rgb(241 239 232 / .045) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(90deg,rgb(241 239 232 / .045) 1px,transparent 1px) 0 0 / 28px 28px,#000;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(min-width:750px){.nr-tryon__stage{aspect-ratio:4 / 3}}.nr-tryon--dialog .nr-tryon__stage{max-height:calc(100dvh - 150px)}.nr-tryon__stage[data-state=live]{touch-action:pan-y}@media(max-width:749px){.nr-tryon{gap:12px}.nr-tryon__view{display:contents}.nr-tryon__panel{margin-top:12px}.nr-tryon__stage{max-height:50svh}.nr-tryon__stage[data-state=live]{position:sticky;top:var(--nr-tryon-top, 0px);z-index:3}}#header-group:has(>.header-section>#header-component[data-sticky-state=active])~* .nr-tryon:not(.nr-tryon--dialog){--nr-tryon-top: var(--header-height)}.nr-tryon--dialog{--nr-tryon-top: 68px}.nr-tryon__stage[data-drag]{border-color:var(--nr-red)}.nr-tryon__stage[data-drag] .nr-tryon__frame{top:10px;right:10px;bottom:10px;left:10px;border-color:var(--nr-red)}.nr-tryon__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center}.nr-tryon__frame{position:absolute;top:18px;right:18px;bottom:18px;left:18px;--c: rgb(241 239 232 / .55);border:0 solid var(--c);background:linear-gradient(var(--c),var(--c)) top left / 22px 1px no-repeat,linear-gradient(var(--c),var(--c)) top left / 1px 22px no-repeat,linear-gradient(var(--c),var(--c)) top right / 22px 1px no-repeat,linear-gradient(var(--c),var(--c)) top right / 1px 22px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 22px 1px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 1px 22px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 22px 1px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 1px 22px no-repeat;transition:inset .25s var(--nr-ease);pointer-events:none}.nr-tryon__stage[data-drag] .nr-tryon__frame{--c: var(--nr-red)}.nr-tryon__ghost{position:absolute;top:12%;right:12%;bottom:12%;left:12%;display:grid;place-items:center;opacity:.06;pointer-events:none}.nr-tryon__ghost img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.nr-tryon__empty-copy{position:relative;display:grid;justify-items:center;gap:14px;max-width:30rem}.nr-tryon__empty-title{font-size:var(--nr-h-sub);line-height:1}.nr-tryon__empty-text{margin:0;font-size:.9375rem;color:#f1efe8bf}.nr-tryon__pick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.nr-tryon__file{position:relative}.nr-tryon__pick>.nr-btn{flex:0 1 15rem}.nr-tryon__file input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.nr-tryon__file:has(input:focus-visible){outline:2px solid var(--nr-bone);outline-offset:-6px}.nr-tryon__file--camera,.nr-tryon__drop{display:none}@media(pointer:coarse){.nr-tryon__file--camera{display:inline-flex}}@media(hover:hover)and (pointer:fine){.nr-tryon__drop{display:block;margin:0}}.nr-tryon__sample{border:0;background:none;color:var(--nr-bone);font:inherit;font-size:.875rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.nr-tryon__photo,.nr-tryon__fx,.nr-tryon__decal,.nr-tryon__outline{position:absolute;left:0;top:0}.nr-tryon__photo{max-width:none}.nr-tryon__fx{top:0;right:0;bottom:0;left:0;pointer-events:none}.nr-tryon__decal{transform-origin:0 0}.nr-tryon__gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nr-tryon__stage[data-over=photo]{cursor:crosshair}.nr-tryon__stage[data-over=decal]{cursor:grab}.nr-tryon__stage[data-gesture]{cursor:grabbing}.nr-tryon__grip{position:absolute;left:-22px;top:-22px;width:44px;height:44px;outline:none;pointer-events:none}.nr-tryon__outline{width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity .3s var(--nr-ease)}.nr-tryon__outline polygon{fill:none;stroke:#f1efe8b3;stroke-width:1;stroke-dasharray:5 4}.nr-tryon__outline line{stroke:var(--nr-red);stroke-width:1.5}.nr-tryon__stage:has(.nr-tryon__grip:focus-visible) .nr-tryon__outline polygon{stroke:var(--nr-red);stroke-width:2;stroke-dasharray:none}.nr-tryon__h{position:absolute;left:-22px;top:-22px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:move;touch-action:none;transition:opacity .3s var(--nr-ease)}.nr-tryon__h:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--nr-bone);border:1.5px solid #000000;box-shadow:0 0 0 1px #f1efe873}.nr-tryon__h--spin{cursor:grab}.nr-tryon__h--spin:before{width:22px;height:22px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1efe8' stroke-width='2.4'%3E%3Cpath d='M19 12a7 7 0 1 1-2.05-4.95'/%3E%3Cpath d='M19 4v4h-4'/%3E%3C/svg%3E") center / 13px no-repeat,var(--nr-red-deep);border:2px solid var(--nr-bone);box-shadow:0 0 0 1px #000}.nr-tryon__h:focus-visible{outline:2px solid var(--nr-red);outline-offset:-4px}.nr-tryon__h--corner{display:none}.nr-tryon__stage[data-bend] .nr-tryon__h--corner{display:grid}.nr-tryon__stage[data-idle]:not(:has(:focus-visible)) :is(.nr-tryon__h,.nr-tryon__outline){opacity:0}.nr-tryon__hint{position:absolute;left:50%;bottom:12px;translate:-50% 0;margin:0;padding:7px 12px;max-width:calc(100% - 24px);background:#000000b8;border:1px solid var(--nr-line);font-family:var(--nr-font-mono);font-size:.6875rem;letter-spacing:var(--nr-track-ui);text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity .4s var(--nr-ease)}.nr-tryon__hint[data-gone]{opacity:0}.nr-tryon__busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0009;font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:var(--nr-track-label);text-transform:uppercase}@media(prefers-reduced-motion:no-preference){.nr-tryon__stage.is-fresh:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 35%,rgb(255 255 255 / .22) 50%,transparent 65%);translate:-100% 0;animation:nr-tryon-sweep .9s var(--nr-ease) forwards;pointer-events:none}}@keyframes nr-tryon-sweep{to{translate:100% 0}}.nr-tryon__privacy{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--nr-smoke)}.nr-tryon__privacy svg{flex:0 0 auto;color:var(--nr-red-ink)}.nr-tryon__panel{display:grid;gap:22px;margin:0;min-width:0}.nr-tryon__step{display:grid;gap:10px;min-width:0;margin:0;padding:0;border:0}.nr-tryon__step[disabled]{display:none}.nr-tryon__step-head{float:left;width:100%;margin:0;padding:0 0 8px;border-bottom:1px solid var(--nr-line);font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:var(--nr-track-label);text-transform:uppercase;color:var(--nr-bone)}.nr-tryon__step-head+*{clear:both}.nr-tryon__decals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nr-tryon__decal-chip{position:relative;display:grid;gap:6px;cursor:pointer}.nr-tryon__decal-chip input,.nr-tryon__size input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.nr-tryon__thumb{position:relative;display:block;aspect-ratio:1;border:1px solid var(--nr-line);background:#000;overflow:hidden;transition:border-color .2s var(--nr-ease)}.nr-tryon__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .3s var(--nr-ease)}.nr-tryon__decal-chip:hover .nr-tryon__thumb{border-color:#f1efe866}.nr-tryon__decal-chip input:checked~.nr-tryon__thumb{border-color:var(--nr-bone);box-shadow:inset 0 0 0 1px var(--nr-bone)}.nr-tryon__decal-chip input:checked~.nr-tryon__thumb img{scale:1.08}.nr-tryon__decal-chip input:focus-visible~.nr-tryon__thumb,[data-kbd] .nr-tryon__decal-chip input:focus~.nr-tryon__thumb{outline:2px solid var(--nr-bone);outline-offset:2px}.nr-tryon__chip-name{font-family:var(--nr-font-mono);font-size:.625rem;letter-spacing:.06em;line-height:1.3;text-transform:uppercase;color:var(--nr-smoke);overflow-wrap:anywhere}.nr-tryon__decal-chip input:checked~.nr-tryon__chip-name{color:var(--nr-bone)}.nr-tryon__sizes{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;min-width:0}.nr-tryon__sizes[hidden]{display:none}.nr-tryon__size{position:relative;display:inline-flex}.nr-tryon__size>span{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--nr-line);font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:.06em;transition:border-color .2s,background-color .2s,color .2s}.nr-tryon__size-price{color:var(--nr-smoke)}.nr-tryon__size input:checked+span{border-color:var(--nr-bone);background:var(--nr-bone);color:#000}.nr-tryon__size input:checked+span .nr-tryon__size-price{color:#000000a6}.nr-tryon__size input:focus-visible+span,[data-kbd] .nr-tryon__size input:focus+span{outline:2px solid var(--nr-red);outline-offset:2px}.nr-tryon__size.is-out span{opacity:.45;text-decoration:line-through}.nr-tryon__real,.nr-tryon__help{margin:0;font-size:.8125rem;line-height:1.45;color:var(--nr-smoke)}.nr-tryon__real{font-family:var(--nr-font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}.nr-tryon__range{display:grid;grid-template-columns:4.2rem minmax(0,1fr) 3.4rem;align-items:center;gap:10px}.nr-tryon__range input{--track: 2px;--thumb: 22px;--fill: calc((var(--v, 0) - var(--min, 0)) / (var(--max, 100) - var(--min, 0)) * 100%);-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.nr-tryon__range input::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(90deg,var(--nr-red) var(--fill),rgb(241 239 232 / .22) var(--fill))}.nr-tryon__range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2);border:2px solid #000000;background:var(--nr-bone);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.nr-tryon__range input::-moz-range-track{height:var(--track);background:#f1efe838}.nr-tryon__range input::-moz-range-progress{height:var(--track);background:var(--nr-red)}.nr-tryon__range input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:2px solid #000000;border-radius:0;background:var(--nr-bone)}.nr-tryon__range input:focus-visible{outline:2px solid var(--nr-red);outline-offset:2px}.nr-tryon__out{font-family:var(--nr-font-mono);font-size:.75rem;text-align:right;font-variant-numeric:tabular-nums}.nr-tryon__tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0;min-width:0}.nr-tryon__tools[disabled]{visibility:hidden}@media(min-width:750px){.nr-tryon__tools{grid-template-columns:auto auto 1fr}}.nr-tryon__toggle{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--nr-line);background:#000;color:var(--nr-bone);font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:var(--nr-track-ui);text-transform:uppercase;text-align:left;cursor:pointer;transition:border-color .2s var(--nr-ease)}.nr-tryon__toggle:hover{border-color:#f1efe866}.nr-tryon__toggle[aria-pressed=true]{border-color:var(--nr-red)}.nr-tryon__led{flex:0 0 auto;width:8px;height:8px;background:var(--nr-smoke-dim);transition:background-color .2s,box-shadow .2s}.nr-tryon__toggle[aria-pressed=true] .nr-tryon__led{background:var(--nr-red);box-shadow:0 0 10px 2px #e10600b3}.nr-tryon__minor{grid-column:1 / -1;display:flex;gap:20px}@media(min-width:750px){.nr-tryon__minor{grid-column:auto;justify-content:end}}.nr-tryon__text-btn{display:inline-flex;align-items:center;padding:0;border:0;background:none;color:var(--nr-bone);font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:var(--nr-track-ui);text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#f1efe859;cursor:pointer}.nr-tryon__text-btn:hover{text-decoration-color:var(--nr-red)}.nr-tryon__text-btn:focus-visible,.nr-tryon__text-btn:has(input:focus-visible){outline:2px solid var(--nr-red);outline-offset:2px}.nr-tryon__send-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.nr-tryon__send-row .nr-btn{padding-inline:1rem}.nr-tryon__buy{display:grid;gap:10px}.nr-tryon__add{justify-content:space-between}.nr-tryon__add[disabled]{opacity:.5;cursor:not-allowed}.nr-tryon__cart-link{display:inline-flex;align-items:center;justify-content:center;font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:var(--nr-track-ui);text-transform:uppercase;color:var(--nr-bone)}.nr-tryon__cart-link[hidden]{display:none}.nr-tryon__status:empty{display:block}.nr-tryon__status{min-height:2.9em;margin:0;font-size:.8125rem;line-height:1.45;color:var(--nr-smoke)}.nr-tryon__status[data-tone=error]{color:var(--nr-red-ink)}@media(prefers-reduced-motion:reduce){.nr-tryon__frame,.nr-tryon__thumb,.nr-tryon__thumb img,.nr-tryon__outline,.nr-tryon__h,.nr-tryon__hint,.nr-tryon__toggle,.nr-tryon__led{transition:none}}.nr-tryon-open__btn{font:inherit;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;width:100%;min-height:48px;padding:8px 16px;border:1px dashed rgb(241 239 232 / .32);background:var(--nr-void);color:var(--nr-bone);text-align:left;cursor:pointer;transition:border-color .25s var(--nr-ease)}.nr-tryon-open__btn:hover{border-color:#f1efe899}.nr-tryon-open__btn:focus-visible{outline:2px solid var(--nr-red);outline-offset:2px}.nr-tryon-open__icon{flex:0 0 auto;color:var(--nr-red-ink)}.nr-tryon-open__label{flex:1;min-width:0;font-family:var(--nr-font-mono);font-size:.75rem;letter-spacing:var(--nr-track-ui);text-transform:uppercase}.nr-tryon-open__sub{order:3;flex-basis:100%;padding-left:30px;font-size:.8125rem;color:var(--nr-smoke)}.shopify-block:has([data-nr-garage-open])+.shopify-block>.nr-tryon-open{margin-top:-16px}.nr-tryon-open__arrow{transition:translate .25s var(--nr-ease)}.nr-tryon-open__btn:hover .nr-tryon-open__arrow{translate:4px 0}.nr-tryon-dialog{box-sizing:border-box;width:min(1220px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0 clamp(16px,2.4vw,28px) clamp(16px,2.4vw,28px);border:1px solid var(--nr-line);border-top:4px solid var(--nr-red);background:var(--nr-void);color:var(--nr-bone);overflow-y:auto;overscroll-behavior:contain}.nr-tryon-dialog::backdrop{background:#000000d1}.nr-tryon-dialog__top{position:sticky;top:0;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;background:var(--nr-void)}.nr-tryon-dialog__top form{margin:0}.nr-tryon-dialog__close{border:0;background:none;color:var(--nr-bone);font-size:1.75rem;line-height:1;cursor:pointer}.nr-tryon-dialog__close:focus-visible{outline:2px solid var(--nr-red)}@media(max-width:749px){.nr-tryon-dialog{width:100vw;max-height:100dvh;height:100dvh;margin:0;border:0;border-top:4px solid var(--nr-red)}}@media(prefers-reduced-motion:reduce){.nr-tryon-open__btn,.nr-tryon-open__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/nr-photo-tryon.css.map */