.nr-ag{container-type:inline-size;display:grid;gap:14px;width:100%;color:var(--nr-bone);--nr-ag-bat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M50 58c-3-6-6-8-9-8 1-3 0-6-2-8-4 2-10 1-14-3-4 3-11 4-17 2 6 4 9 9 10 14 5-2 10-1 13 2 3-1 6 0 8 3 3-1 7 0 11 6 4-6 8-7 11-6 2-3 5-4 8-3 3-3 8-4 13-2 1-5 4-10 10-14-6 2-13 1-17-2-4 4-10 5-14 3-2 2-3 5-2 8-3 0-6 2-9 8z'/%3E%3C/svg%3E")}.nr-ag__title{margin:0}.nr-ag__body{display:grid;gap:16px 40px}.nr-ag__live{display:grid;gap:10px}.nr-ag__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.nr-ag__pause{grid-auto-flow:column;gap:8px}.nr-ag__pause:before{content:"";width:8px;height:10px;box-sizing:border-box;border-inline:3px solid currentColor}.nr-ag.is-paused .nr-ag__pause:before{border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.nr-ag__hint{margin:0;font-family:var(--nr-font-mono);font-size:.6875rem;letter-spacing:var(--nr-track-ui);text-transform:uppercase;color:var(--nr-smoke)}.nr-ag__steps{display:grid;margin:0;padding:0;list-style:none}.nr-ag__step{position:relative;display:grid;grid-template-columns:2.5em minmax(0,1fr);align-items:baseline;padding:10px 0 10px 14px;border-top:1px solid var(--nr-line)}.nr-ag__step:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--nr-red);transform:scaleY(0);transition:transform .25s}.nr-ag__num{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-align:left;cursor:pointer}.nr-ag__step>button.nr-ag__num{padding-block:8px;margin-block:-8px}.nr-ag__num:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(14px + 2.5rem)}.nr-ag__text{margin:0;font-size:.875rem;line-height:1.5}.nr-ag__text strong{color:var(--nr-bone);font-weight:600}@media(prefers-reduced-motion:no-preference){.nr-ag__step.is-active:before{transform:scaleY(1)}.nr-ag__step.is-active .nr-ag__num{color:var(--nr-red-ink);font-weight:700}}@container (min-width: 520px){.nr-ag__steps{grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:24px}}@container (min-width: 900px){.nr-ag__body{grid-template-columns:minmax(0,640px) minmax(0,1fr);align-items:center}.nr-ag__steps{grid-template-rows:none;grid-auto-flow:row}}.nr-ag__stage{container-type:inline-size;position:relative;overflow:hidden;width:100%;max-width:672px;aspect-ratio:16 / 10;border:1px solid var(--nr-line);background:#000;--u: .625cqi ;--dly: 0s}.nr-ag__stage>*,.nr-ag__sheet>*,.nr-ag__flip>*,.nr-ag__clock>*{position:absolute;display:block}.nr-ag__stage i{display:block}.nr-ag__panel{left:calc(-20 * var(--u));top:calc(8 * var(--u));width:calc(200 * var(--u));height:calc(140 * var(--u));border-radius:50% 50% 0 0/24% 24% 0 0;background:linear-gradient(180deg,#f1efe821,#f1efe80d 16%,#f1efe806 55%);box-shadow:inset 0 calc(.6 * var(--u)) 0 #f1efe861;transform:rotate(-3deg)}.nr-ag__crease{left:0;top:calc(91 * var(--u));width:100%;height:max(1px,calc(.4 * var(--u)));background:linear-gradient(90deg,transparent,rgb(241 239 232 / .22) 30%,rgb(241 239 232 / .1) 80%,transparent);transform:rotate(-2deg)}.nr-ag__wet{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 30%,rgb(241 239 232 / .45) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 22%,rgb(241 239 232 / .35) 0 1px,transparent 1.5px),radial-gradient(circle at 92% 70%,rgb(241 239 232 / .3) 0 1.2px,transparent 1.8px),radial-gradient(circle at 9% 76%,rgb(241 239 232 / .3) 0 1px,transparent 1.5px),linear-gradient(112deg,transparent 36%,rgb(241 239 232 / .06) 46%,transparent 56%),radial-gradient(55% 35% at 12% 100%,rgb(225 6 0 / .25),transparent 70%),radial-gradient(40% 25% at 96% 100%,rgb(225 6 0 / .12),transparent 70%)}.nr-ag__smudges{left:calc(44 * var(--u));top:calc(22 * var(--u));width:calc(72 * var(--u));height:calc(60 * var(--u));background:radial-gradient(18% 12% at 22% 30%,rgb(241 239 232 / .2),transparent),radial-gradient(12% 16% at 70% 24%,rgb(241 239 232 / .16),transparent),radial-gradient(22% 10% at 56% 64%,rgb(241 239 232 / .18),transparent),radial-gradient(10% 10% at 30% 78%,rgb(241 239 232 / .15),transparent),radial-gradient(9% 12% at 86% 70%,rgb(241 239 232 / .14),transparent)}.nr-ag__trail{left:calc(36 * var(--u));top:calc(26 * var(--u));width:calc(88 * var(--u));height:calc(52 * var(--u));background:linear-gradient(100deg,transparent 15%,rgb(255 255 255 / .2) 50%,transparent 85%);-webkit-mask:radial-gradient(closest-side,#000000 35%,transparent);mask:radial-gradient(closest-side,#000000 35%,transparent);transform-origin:0 50%}.nr-ag__sheet{left:calc(44 * var(--u));top:calc(16 * var(--u));width:calc(72 * var(--u));height:calc(72 * var(--u));perspective:calc(300 * var(--u));perspective-origin:50% 0}.nr-ag__flip{top:0;right:0;bottom:0;left:0;transform-origin:50% 0}.nr-ag__backing{top:0;right:0;bottom:0;left:0;border-radius:calc(1.2 * var(--u));background:repeating-linear-gradient(0deg,rgb(241 239 232 / .08) 0 1px,transparent 1px calc(8 * var(--u))),linear-gradient(160deg,#77746d,#5a5751)}.nr-ag__art,.nr-ag__glint{inset:calc(4 * var(--u));-webkit-mask:var(--art, var(--nr-ag-bat)) center / contain no-repeat luminance;mask:var(--art, var(--nr-ag-bat)) center / contain no-repeat luminance}.nr-ag__art{background:linear-gradient(135deg,#f4f2ec 20%,#c4c1b9 60%,#ebe8e1)}.nr-ag__glint{overflow:hidden}.nr-ag__glint i{position:absolute;left:0;top:-20%;width:calc(18 * var(--u));height:140%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .95),transparent)}.nr-ag__bubs,.nr-ag__bubs i{position:absolute;top:0;right:0;bottom:0;left:0}.nr-ag__bubs b{position:absolute;left:calc(var(--bx) * var(--u));top:calc(var(--by) * var(--u));width:calc(3 * var(--u));height:calc(3 * var(--u));translate:-50% -50%;border:max(1px,calc(.4 * var(--u))) solid rgb(241 239 232 / .8);border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffffb3 0 18%,#00000059 30%,#00000080)}.nr-ag__tape{inset:calc(-1 * var(--u));overflow:hidden}.nr-ag__tape i,.nr-ag__flap{border:1px solid rgb(241 239 232 / .25);background:linear-gradient(125deg,transparent 30%,rgb(255 255 255 / .1) 42%,transparent 52%),repeating-linear-gradient(90deg,rgb(241 239 232 / .05) 0 1px,transparent 1px calc(6 * var(--u))),#f1efe80f}.nr-ag__tape i{position:absolute;top:0;right:0;bottom:0;left:0}.nr-ag__flap{inset:calc(-1 * var(--u));border-color:#f1efe866;background-color:#f1efe826;transform-origin:50% 100%}.nr-ag__fold{left:calc(-1 * var(--u));right:calc(-1 * var(--u));top:calc(-.6 * var(--u));height:calc(1.2 * var(--u));background:linear-gradient(90deg,transparent,#ffffff 20%,#ffffff 80%,transparent)}.nr-ag__hinge{left:calc(-8 * var(--u));top:calc(-4 * var(--u));width:calc(88 * var(--u));height:calc(8 * var(--u));background:repeating-linear-gradient(90deg,rgb(0 0 0 / .05) 0 1px,transparent 1px 4px),#e2ddcde0;clip-path:polygon(0 0,100% 0,98.6% 25%,100% 50%,98.6% 75%,100% 100%,0 100%,1.4% 75%,0 50%,1.4% 25%)}.nr-ag__flare{left:calc(54 * var(--u));top:calc(18 * var(--u));width:calc(12 * var(--u));height:calc(12 * var(--u));background:linear-gradient(90deg,transparent,#ffffff,transparent) center / 100% 1px no-repeat,linear-gradient(0deg,transparent,#ffffff,transparent) center / 1px 100% no-repeat,radial-gradient(closest-side,rgb(255 255 255 / .8),transparent 45%)}.nr-ag__clock{top:0;right:0;bottom:0;left:0;transform-origin:calc(80 * var(--u)) calc(52 * var(--u))}.nr-ag__ring,.nr-ag__dial{left:calc(38 * var(--u));top:calc(10 * var(--u));width:calc(84 * var(--u));height:calc(84 * var(--u))}.nr-ag__ring{border-radius:50%;background:repeating-conic-gradient(from -.7deg,rgb(241 239 232 / .45) 0deg 1.4deg,transparent 1.4deg 15deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4 * var(--u)),#000000 calc(100% - 4 * var(--u)) calc(100% - 1.2 * var(--u)),transparent calc(100% - 1.2 * var(--u)));mask:radial-gradient(closest-side,transparent calc(100% - 4 * var(--u)),#000000 calc(100% - 4 * var(--u)) calc(100% - 1.2 * var(--u)),transparent calc(100% - 1.2 * var(--u)))}.nr-ag__dial{-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 1.3 * var(--u)),#000000 calc(100% - 1.2 * var(--u)) calc(100% - .1 * var(--u)),transparent 100%);mask:radial-gradient(closest-side,transparent calc(100% - 1.3 * var(--u)),#000000 calc(100% - 1.2 * var(--u)) calc(100% - .1 * var(--u)),transparent 100%)}.nr-ag__dial>span{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden}.nr-ag__dial>span+span{left:0}.nr-ag__dial i{position:absolute;top:0;right:100%;width:100%;height:100%;background:var(--nr-red);transform-origin:100% 50%}.nr-ag__dial span+span i{right:auto;left:100%;transform-origin:0 50%}.nr-ag__cure{right:calc(3 * var(--u));top:calc(44 * var(--u));font-family:var(--nr-font-mono);font-size:max(11px,calc(4 * var(--u)));line-height:1.2;text-align:right;white-space:nowrap;color:var(--nr-bone);text-shadow:0 0 4px #000000,0 0 2px #000000}.nr-ag__cure b{display:block;font-weight:400;font-size:max(9px,.7em);letter-spacing:var(--nr-track-label);text-transform:uppercase;color:var(--nr-red-ink)}.nr-ag__cloth{left:calc(60 * var(--u));top:calc(38 * var(--u));width:calc(40 * var(--u));height:calc(28 * var(--u));border-radius:calc(1.5 * var(--u)) calc(5 * var(--u)) calc(2 * var(--u)) calc(6 * var(--u));background:linear-gradient(150deg,transparent 44%,rgb(0 0 0 / .2) 50%,transparent 58%),repeating-linear-gradient(45deg,rgb(0 0 0 / .07) 0 1px,transparent 1px 3px),linear-gradient(135deg,#e4e0d6,#aca89e);outline:max(1px,calc(.35 * var(--u))) dashed rgb(225 6 0 / .8);outline-offset:calc(-2.2 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #0009}.nr-ag__squeegee{left:calc(76 * var(--u));top:calc(33 * var(--u));width:calc(8 * var(--u));height:calc(38 * var(--u));border-radius:calc(2 * var(--u));background:linear-gradient(90deg,#000000 0 18%,transparent 18%),repeating-linear-gradient(0deg,transparent 0 calc(3 * var(--u)),rgb(241 239 232 / .18) calc(3 * var(--u)) calc(3.5 * var(--u))) 60% 50% / 40% 40% no-repeat,linear-gradient(90deg,var(--nr-red),var(--nr-red-deep));box-shadow:0 calc(1.5 * var(--u)) calc(3 * var(--u)) #0009}.nr-ag__beam{left:calc(-40 * var(--u));top:calc(-10 * var(--u));width:calc(70 * var(--u));height:calc(120 * var(--u));background:radial-gradient(closest-side,rgb(241 239 232 / .14),transparent)}.nr-ag__caps{left:calc(5 * var(--u));top:calc(5 * var(--u));display:grid;font-family:var(--nr-font-mono);font-size:max(10px,calc(3.4 * var(--u)));letter-spacing:var(--nr-track-ui);text-transform:uppercase;white-space:nowrap;color:var(--nr-bone);text-shadow:0 0 4px #000000,0 0 2px #000000}.nr-ag__caps>span{grid-area:1 / 1}.nr-ag__bar{left:0;bottom:0;width:100%;height:max(2px,calc(.8 * var(--u)));background:repeating-linear-gradient(90deg,transparent 0 calc(100% / 6 - 2px),#000000 calc(100% / 6 - 2px) calc(100% / 6)),#f1efe81f}.nr-ag__bar i{height:100%;background:var(--nr-red);transform-origin:0 50%}.nr-ag__a{animation:12s ease-in-out calc(var(--dly, 0s) - var(--at, 0s)) infinite both}.nr-ag__smudges{animation-name:nr-ag-smudge}.nr-ag__cloth{animation-name:nr-ag-cloth}.nr-ag__trail{animation-name:nr-ag-trail}.nr-ag__sheet{animation-name:nr-ag-sheet}.nr-ag__flip{animation-name:nr-ag-flip}.nr-ag__hinge{animation-name:nr-ag-hinge}.nr-ag__backing{animation-name:nr-ag-backing}.nr-ag__bubs{animation-name:nr-ag-bubs}.nr-ag__bubs i{animation-name:nr-ag-pop}.nr-ag__squeegee{animation-name:nr-ag-squeegee}.nr-ag__tape{animation-name:nr-ag-tape}.nr-ag__tape i{animation-name:nr-ag-tape-hold}.nr-ag__flap{animation-name:nr-ag-flap}.nr-ag__fold{animation-name:nr-ag-fold}.nr-ag__clock{animation-name:nr-ag-clock}.nr-ag__glint i{animation-name:nr-ag-glint}.nr-ag__flare{animation-name:nr-ag-flare}.nr-ag__beam{animation-name:nr-ag-beam}.nr-ag__caps>span{animation-name:nr-ag-cap}.nr-ag__bar i{animation-name:nr-ag-fill}.nr-ag__dial i{animation-name:nr-ag-pie}.nr-ag__bar i,.nr-ag__dial i{animation-timing-function:linear}.nr-ag.is-paused .nr-ag__a,.nr-ag.is-off .nr-ag__a{animation-play-state:paused}@keyframes nr-ag-smudge{0%,3%{opacity:1}10%,96%{opacity:0}to{opacity:1}}@keyframes nr-ag-cloth{0%{opacity:0;transform:translate(calc(-70 * var(--u)),calc(10 * var(--u))) rotate(-14deg)}2%{opacity:1;transform:translate(calc(-45 * var(--u)),calc(6 * var(--u))) rotate(-10deg)}8%{opacity:1;transform:translate(calc(38 * var(--u)),calc(-2 * var(--u))) rotate(6deg)}12%{opacity:1;transform:translate(calc(-12 * var(--u)),calc(5 * var(--u))) rotate(-6deg)}15%,to{opacity:0;transform:translate(calc(40 * var(--u)),calc(-18 * var(--u))) rotate(10deg)}}@keyframes nr-ag-trail{0%,2%{opacity:0;transform:scaleX(0)}3%{opacity:1;transform:scaleX(.08)}8%{opacity:1;transform:scaleX(1)}12%{opacity:.7;transform:scaleX(1)}16%,to{opacity:0;transform:scaleX(1)}}@keyframes nr-ag-sheet{0%,16.67%{opacity:0;transform:translateY(calc(-36 * var(--u))) rotate(-7deg)}19%{opacity:1;transform:translateY(calc(-8 * var(--u))) rotate(-2deg)}22.5%,97%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(0) rotate(0)}}@keyframes nr-ag-hinge{0%,23%{opacity:0;transform:translateY(calc(-6 * var(--u))) rotate(-1.5deg) scaleX(1.06)}27%,67%{opacity:1;transform:translateY(0) rotate(-1.5deg) scaleX(1)}71%,to{opacity:0;transform:translateY(calc(-8 * var(--u))) rotate(-5deg) scaleX(1)}}@keyframes nr-ag-flip{0%,33.3%{transform:rotateX(0)}37.5%,43.5%{transform:rotateX(64deg)}47%,to{transform:rotateX(0)}}@keyframes nr-ag-backing{0%,33.3%{opacity:.2;transform:translateY(0) rotate(0)}35.5%,39%{opacity:1;transform:translateY(0) rotate(0)}43.5%,to{opacity:0;transform:translateY(calc(18 * var(--u))) rotate(3deg)}}@keyframes nr-ag-bubs{0%,46.5%{opacity:0}47.5%,97%{opacity:1}to{opacity:0}}@keyframes nr-ag-squeegee{0%,50%{opacity:0;transform:translateY(calc(-10 * var(--u))) rotate(-12deg)}52.5%{opacity:1;transform:translate(0) rotate(-4deg)}58%{opacity:1;transform:translate(calc(28 * var(--u))) rotate(8deg)}60%{opacity:.4;transform:translate(calc(14 * var(--u)),calc(-3 * var(--u))) rotate(0)}61.5%{opacity:1;transform:translate(0) rotate(4deg)}66%{opacity:1;transform:translate(calc(-28 * var(--u))) rotate(-8deg)}68.5%,to{opacity:0;transform:translate(calc(-38 * var(--u)),calc(-8 * var(--u))) rotate(-14deg)}}@keyframes nr-ag-pop{0%,54%{opacity:1;transform:scale(1)}55.5%,to{opacity:0;transform:scale(1.3)}}@keyframes nr-ag-tape{0%,70%{transform:translateY(0)}80%,to{transform:translateY(calc(-74 * var(--u)))}}@keyframes nr-ag-tape-hold{0%,70%{transform:translateY(0)}80%,to{transform:translateY(calc(74 * var(--u)))}}@keyframes nr-ag-flap{0%,69.9%{opacity:0;transform:translateY(0) skew(-14deg) scaleY(0)}70%{opacity:1;transform:translateY(0) skew(-14deg) scaleY(0)}80%{opacity:1;transform:translateY(calc(-74 * var(--u))) skew(-14deg) scaleY(1)}84%,to{opacity:0;transform:translateY(calc(-88 * var(--u))) skew(-14deg) scaleY(1)}}@keyframes nr-ag-fold{0%,69.9%{opacity:0;transform:translateY(calc(73 * var(--u)))}70%{opacity:1;transform:translateY(calc(73 * var(--u)))}80%{opacity:1;transform:translateY(calc(-1 * var(--u)))}82%,to{opacity:0;transform:translateY(calc(-1 * var(--u)))}}@keyframes nr-ag-clock{0%,83%{opacity:0;transform:scale(.94)}86%,96.5%{opacity:1;transform:scale(1)}99.5%,to{opacity:0;transform:scale(1)}}@keyframes nr-ag-pie{0%,86%{transform:rotate(0)}90.5%,to{transform:rotate(180deg)}}@keyframes nr-ag-glint{0%,87.5%{opacity:0;transform:translate(calc(-30 * var(--u))) rotate(18deg)}88.5%{opacity:1;transform:translate(calc(-24 * var(--u))) rotate(18deg)}95.5%{opacity:1;transform:translate(calc(78 * var(--u))) rotate(18deg)}96.5%,to{opacity:0;transform:translate(calc(78 * var(--u))) rotate(18deg)}}@keyframes nr-ag-flare{0%,92%{opacity:0;transform:scale(0) rotate(0)}94%{opacity:1;transform:scale(1) rotate(45deg)}97%,to{opacity:0;transform:scale(.2) rotate(90deg)}}@keyframes nr-ag-beam{0%,87%{opacity:0;transform:translate(calc(-40 * var(--u)))}89%{opacity:1;transform:translate(calc(-20 * var(--u)))}96%{opacity:1;transform:translate(calc(170 * var(--u)))}98%,to{opacity:0;transform:translate(calc(190 * var(--u)))}}@keyframes nr-ag-cap{0%{opacity:0;transform:translateY(calc(1.5 * var(--u)))}1.5%,16.67%{opacity:1;transform:translateY(0)}18.5%,to{opacity:0;transform:translateY(0)}}@keyframes nr-ag-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){.nr-ag__frame,.nr-ag__num--still{display:none}}@media(prefers-reduced-motion:reduce){.nr-ag__live,.nr-ag__step>button.nr-ag__num,.nr-ag__frame .nr-ag__caps,.nr-ag__frame .nr-ag__bar{display:none}.nr-ag__a{animation-play-state:paused}.nr-ag__step{grid-template-columns:2.2em minmax(0,1fr);row-gap:10px;align-content:start;padding:0;border:0}.nr-ag__body{grid-template-columns:minmax(0,1fr)}.nr-ag__steps{grid-template-columns:repeat(auto-fit,minmax(max(150px,30%),1fr));grid-template-rows:none;grid-auto-flow:row;gap:20px 12px}.nr-ag__frame{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/nr-apply-guide.css.map */