.nl-s__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nl-s__vh{position:fixed;top:0;left:0;width:0;height:100vh;height:100svh;visibility:hidden;pointer-events:none}.nl-s .nl-s__top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:48px;padding:0 6px}.nl-s .nl-s__back{grid-column:1;justify-self:start;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:none;color:var(--nl-umber);display:grid;place-items:center}[dir=rtl] .nl-s .nl-s__back svg{transform:scaleX(-1)}.nl-s__dots{grid-column:2;display:flex;gap:9px;align-items:center}.nl-s__dots i{width:8px;height:8px;border-radius:50%;background:var(--nl-hair);transition:background-color .2s,box-shadow .2s}.nl-s__dots i.is-done{background:var(--nl-accent)}.nl-s__dots i.is-on{background:var(--nl-paper);box-shadow:0 0 0 2px var(--nl-accent)}.nl-s__price{grid-column:3;justify-self:end;padding-inline-end:10px;font:500 15px/1 var(--nl-sans);color:var(--nl-sepia);white-space:nowrap}.nl-s__price .nl-was,.nl-s__price s{font-weight:400;font-size:13px;opacity:1;color:var(--nl-sepia)}.nl-s[data-step=summary] .nl-s__price{visibility:hidden}.nl-s .nl-s__panel{padding:10px var(--nl-gutter) 20px}.nl-s__answers{display:flex;gap:6px;margin:-4px calc(-1 * var(--nl-gutter)) 2px;padding:0 var(--nl-gutter);overflow-x:auto;scrollbar-width:none}.nl-s__answers::-webkit-scrollbar{display:none}.nl-s__answers.is-more{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 44px),transparent)}.nl-s__answers.is-before{-webkit-mask-image:linear-gradient(to right,transparent,#000 44px);mask-image:linear-gradient(to right,transparent,#000 44px)}.nl-s__answers.is-before.is-more{-webkit-mask-image:linear-gradient(to right,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to right,transparent,#000 44px,#000 calc(100% - 44px),transparent)}.nl-s .nl-s__answers button{flex:0 0 auto;min-height:44px;min-width:44px;padding:6px 0;margin:0;border:0;background:none;display:flex;align-items:center}.nl-s__answers button span{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--nl-hair);border-radius:16px;background:var(--k2-field);font-size:13.5px;line-height:1;color:var(--nl-umber);white-space:nowrap}.nl-s__answers button i{font-style:normal;font-size:12px;color:var(--k2-ok)}.nl-s .nl-k2__step h3{font:500 26px/1.15 var(--nl-serif);margin:4px 0 12px;color:var(--nl-umber);outline:none;text-wrap:balance;overflow-wrap:anywhere}.nl-s__pane{animation:nlPaneIn .28s ease both}@keyframes nlPaneIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nl-s .nl-s__go{position:relative;overflow:hidden;display:block;width:100%;min-height:52px;margin:4px 0 0;padding:0 16px;border:0;border-radius:8px;background:var(--nl-accent);color:#fff;font:500 16px/1 var(--nl-sans)}.nl-s .nl-s__go:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff38;transform:scaleX(0);transform-origin:left center}[dir=rtl] .nl-s .nl-s__go:after{transform-origin:right center}.nl-s.nl-s--auto .nl-s__go:after{animation:nlSweep var(--nl-auto,.6s) linear both}@keyframes nlSweep{to{transform:scaleX(1)}}.nl-s .nl-b__err{margin:0 0 12px}.nl-s__hint{margin:10px 0 14px;font-size:13.5px;line-height:1.4;color:var(--nl-sepia);text-align:center}.nl-s__hint em{font-style:normal;white-space:nowrap}.nl-s .nl-s__pane .nl-b__fld input[data-nl-in=name]{height:54px;font-size:18px}.nl-s .nl-k2__lenrow{grid-template-columns:56px minmax(0,1fr) 56px;gap:10px;align-items:center}.nl-s .nl-k2__lenrow>button{width:56px;height:56px;border-radius:50%;font-size:24px}.nl-s .nl-k2__lenval{height:56px;border:0;background:none;gap:6px}.nl-s .nl-s__pane .nl-k2__lenval input:not([type=range]){height:52px;width:3.6ch;padding:0;border-radius:0;font:500 40px/1 var(--nl-serif);text-align:right}@supports (field-sizing:content){.nl-s .nl-s__pane .nl-k2__lenval input:not([type=range]){width:auto;min-width:44px;field-sizing:content}}.nl-s .nl-s__pane .nl-k2__lenval input:not([type=range]):focus{outline:none;box-shadow:inset 0 -2px 0 var(--nl-accent)}.nl-s .is-bad .nl-k2__lenval input:not([type=range]){box-shadow:inset 0 -2px 0 var(--nl-accent)}.nl-s .nl-k2__lenval i{font:400 17px/1 var(--nl-sans);font-style:normal;color:var(--nl-sepia)}.nl-s .nl-k2__len .nl-s__hint{margin:8px 0 12px}.nl-s__date{display:flex;gap:8px}.nl-s__sel{flex:1 1 0;min-width:0;display:block}.nl-s__sel[data-nl-datepart=m]{flex:1.7 1 0}.nl-s__sel span{display:block;margin:0 0 4px;font-size:12.5px;line-height:1.2;color:var(--nl-sepia)}.nl-s .nl-s__sel select{display:block;width:100%;height:54px;margin:0;padding:0 30px 0 12px;border:1px solid var(--k2-line);border-radius:8px;background:var(--k2-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23725B4C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center/12px;font:400 17px/1.2 var(--nl-sans);color:var(--nl-umber);-webkit-appearance:none;appearance:none;text-overflow:ellipsis}.nl-s .nl-s__sel select:focus-visible{outline:2px solid var(--nl-accent);outline-offset:1px}.nl-s .is-bad .nl-s__sel select:invalid{border-color:var(--nl-accent)}[dir=rtl] .nl-s .nl-s__sel select{padding:0 12px 0 30px;background-position:left 10px center}.nl-s [data-nl-pane=motif] .nl-s__go,.nl-s [data-nl-pane=finish] .nl-s__go{margin-top:14px}.nl-s .nl-s__fin{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"t t" "c p" "d d";column-gap:10px;align-items:center;padding:10px;min-height:44px}.nl-s .nl-s__fin.is-on{padding:9px}.nl-s .nl-s__fin .c{grid-area:c;width:44px;height:44px;border-radius:6px;object-fit:cover;display:block}.nl-s .nl-s__fin .t{grid-area:t;padding:0 24px 6px 0;font-size:14.5px;line-height:1.25}[dir=rtl] .nl-s .nl-s__fin .t{padding:0 0 6px 24px}.nl-s .nl-s__fin .p{grid-area:p;padding:0;display:flex;flex-direction:column-reverse;align-items:flex-start}.nl-s .nl-s__fin .p .nl-was{font:400 12.5px/1.2 var(--nl-sans)}.nl-s .nl-s__fin .d{grid-area:d;padding:6px 0 0}.nl-s .nl-s__fin:disabled{opacity:.45}.nl-s__sum{list-style:none;margin:0 0 6px;padding:0;border-top:1px solid var(--nl-hair)}.nl-s__sum li{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;margin:0;border-bottom:1px solid var(--nl-hair);font-size:14.5px}.nl-s__sum .k{font-size:13px;color:var(--nl-sepia)}.nl-s__sum b{font-weight:500;text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nl-s .nl-s__sum button{min-height:44px;min-width:44px;padding:0 2px 0 8px;margin:0;border:0;background:none;color:var(--nl-accent);font-size:13.5px;text-decoration:underline;text-underline-offset:3px}.nl-s__look{padding:6px 0 10px;display:grid;gap:12px}.nl-s__tick{margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--k2-ok)}.nl-s[data-step=finish] .nl-ruler,.nl-s[data-step=summary] .nl-ruler,.nl-s .nl-k2__views{display:none}.nl-s[data-step=finish] .nl-k2__views,.nl-s[data-step=summary] .nl-k2__views{display:flex}.nl-s__drag{position:absolute;top:0;right:0;bottom:0;left:60%;z-index:3;display:none;touch-action:none;cursor:ns-resize}.nl-s[data-step=length]:not(.nl-k2--room) .nl-s__drag{display:block}.nl-s .nl-ruler .grip{display:none}.nl-s[data-step=length] .nl-ruler .grip{display:block;position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;border:1px solid var(--nl-accent);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6.5L8 3l3.5 3.5M4.5 9.5L8 13l3.5-3.5' fill='none' stroke='%23A3492F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 2px 8px #3b2a212e;transition:transform .15s}.nl-s.nl-s--lenhint .nl-ruler .grip{animation:nlGrip 1.6s ease-in-out 2 .4s}.nl-s.nl-s--dragging .nl-ruler .grip{transform:scale(1.18)}@keyframes nlGrip{0%,to{transform:translateY(0)}35%{transform:translateY(-9px)}70%{transform:translateY(5px)}}.nl-s .nl-s__side{margin:14px 0 0;padding:0 2px}.nl-s .nl-k2__bar{display:none}.nl-s[data-step=summary] .nl-k2__bar{display:grid}@media(max-width:989px){body:has(.nl-s:not([data-step=summary])){padding-bottom:0}.nl-s .nl-s__top{position:sticky;top:0;z-index:30;background:var(--nl-paper)}.nl-s .nl-k2__head{padding-block:10px 8px}.nl-s .nl-k2__head h1,.nl-s .nl-k2__head h2{font-size:24px;line-height:1.1;margin:0}.nl-s .nl-k2__head .nl-b__sub{font-size:13px;line-height:1.35;margin:2px 0 0}.nl-s.nl-k2 .nl-b__stage{transition:background-color .25s}.nl-s [data-nl-pane=motif] .nl-s__go,.nl-s [data-nl-pane=finish] .nl-s__go{position:sticky;bottom:10px;z-index:5;box-shadow:0 0 0 6px var(--nl-paper)}}@media(prefers-reduced-motion:reduce){.nl-s__pane{animation:none}.nl-s.nl-s--auto .nl-s__go:after{animation:none}.nl-s.nl-s--lenhint .nl-ruler .grip{animation:none}.nl-s__dots i,.nl-s[data-step=length] .nl-ruler .grip{transition:none}}@media(max-width:989px){.nl-s .nl-b__stage .nl-ruler .lab{white-space:normal;width:80px;line-height:1.25}.nl-s .nl-b__stage .nl-ruler .lab b{white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/natolino-steps.css.map */
