.nb{--nb-pad:var(--ww-gutter);--nb-cover-w:112px;--nb-head-top:32px;--nb-slide:24px;width:100%;max-width:calc(var(--ww-app-max) + 2 * var(--nb-pad));min-height:100dvh;padding-block-start:env(safe-area-inset-top);padding-inline:var(--nb-pad);flex-direction:column;margin-inline:auto;display:flex;overflow-x:clip}.nb-bar{min-height:var(--ww-app-bar);align-items:center;gap:4px;display:flex}.nb-bar-end{align-items:center;margin-inline-start:auto;display:flex}.nb-track{gap:6px;padding-block:4px;display:flex;position:relative}.nb-seg{background:var(--ww-line);height:3px;transition:background-color var(--dur-2) var(--ease-out);border-radius:2px;flex:1 1 0;position:relative}.nb-seg[data-state=now]{background:var(--ww-line-strong)}.nb-fl{border-radius:inherit;background:var(--ww-accent);transform:scaleX(var(--nb-p,0));transform-origin:0;transition:transform var(--dur-3) var(--ease-out);position:absolute;inset:0}.nb-headrail{transform:translateX(calc(var(--nb-p,0) * 100%));transition:transform var(--dur-3) var(--ease-out);pointer-events:none;position:absolute;inset:0}.nb-headdot{background:var(--ww-text);width:9px;height:9px;box-shadow:0 0 0 3px var(--ww-bg);border-radius:50%;margin-block-start:-4.5px;position:absolute;inset-block-start:50%;inset-inline-start:-4px}.nb-body{flex-direction:column;flex:auto;display:flex;position:relative}.nb-step{flex-direction:column;flex:auto;min-width:0;display:flex}.nb-head{min-height:calc(var(--nb-head-top) + var(--nb-cover-w) * 4 / 3);flex-direction:column;align-items:flex-start;gap:10px;padding-block-start:var(--nb-head-top);padding-inline-end:calc(var(--nb-cover-w) + 20px);display:flex}.nb-head-wide{min-height:0;padding-inline-end:0}.nb .nb-title{max-width:13ch}.nb-preset{min-height:var(--ww-tap);text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.nb .nb-preset{color:var(--ww-text-soft);font-weight:500;line-height:1.35;display:block}.nb-preset u{color:var(--ww-text);-webkit-text-decoration-color:var(--ww-line-strong);text-decoration-color:var(--ww-line-strong);text-underline-offset:4px;text-decoration-thickness:1px}.nb-occasions{border-top:1px solid var(--ww-line);margin-block-start:28px}.nb-occasions>li{border-bottom:1px solid var(--ww-line)}.nb-occasion{width:100%;min-height:68px;color:var(--ww-text);font-family:var(--ww-font-text);font-size:clamp(30px,1.4vw + 25px,46px);font-weight:var(--ww-weight-display);letter-spacing:var(--ww-track-display);text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding-block:12px;padding-inline:0;line-height:1.02;display:flex}.nb-occasion-name{text-wrap:balance;transform-origin:0;min-width:0;transition:transform var(--dur-1) var(--ease-pop), color var(--dur-1) var(--ease-out)}.nb-occasion:active .nb-occasion-name{transform:scale(var(--press-scale));transition-duration:var(--dur-press-down), var(--dur-1);transition-timing-function:var(--ease-out)}.nb-occasion[data-picked=true] .nb-occasion-name{color:var(--ww-accent)}.nb-occasion-arrow{color:var(--ww-accent);opacity:0;transition:opacity var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);transform:translate(-8px)}.nb-occasion[data-picked=true] .nb-occasion-arrow{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.nb-occasion:hover:not([data-picked=true]) .nb-occasion-arrow{color:var(--ww-text-soft);opacity:1;transform:none}}.nb-form{flex-direction:column;gap:28px;padding-block:24px 28px;display:flex}.nb .nb-fieldset{border:0;min-width:0;margin:0;padding:0}.nb .nb-legend{margin-block-end:12px;padding:0}.nb .ap-field:not(.nb-fieldset) .nb-legend{margin-block-end:0}.nb .nb-chips{gap:10px 8px}.nb .nb-name.ap-input{letter-spacing:-.03em;height:68px;padding-inline:18px;font-size:28px;font-weight:700}.nb .nb-name.ap-input[data-len=mid]{letter-spacing:-.02em;font-size:23px}.nb .nb-name.ap-input[data-len=long]{letter-spacing:-.015em;font-size:19px}.nb .nb-name.ap-input::placeholder{letter-spacing:-.02em;font-weight:500}.nb .nb-who{gap:12px}.nb .nb-who .ap-chip{padding-inline:15px}.nb-other{animation:nb-grow var(--dur-2) var(--ease-out) backwards}@keyframes nb-grow{0%{opacity:0;transform:translateY(calc(-1 * var(--rise-text)))}}.nb-note{max-width:34ch;color:var(--ww-text-soft);font-size:var(--ww-size-body);text-wrap:pretty;margin-block-start:-12px;line-height:1.45}.nb .nb-actions{margin-inline:calc(-1 * var(--nb-pad));padding-inline:var(--nb-pad)}.nb-date{border:1px solid var(--ww-line-strong);border-radius:var(--ww-radius-button);background:var(--ww-surface);min-height:68px;transition:border-color var(--dur-1) var(--ease-out);align-items:center;gap:12px;padding-inline:18px 16px;display:flex;position:relative}.nb-date:focus-within{border-color:var(--ww-text-soft);outline:2px solid var(--ww-focus);outline-offset:2px}.nb-date-shown{min-width:0;color:var(--ww-text-faint);font-family:var(--ww-font-text);letter-spacing:-.015em;text-wrap:balance;flex:auto;padding-block:12px;font-size:21px;font-weight:500;line-height:1.25}.nb-date[data-filled=true] .nb-date-shown{color:var(--ww-text);font-weight:700}.nb-date-icon{width:26px;height:26px;color:var(--ww-text-soft);flex:none}.nb-date-input{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.nb-date-input::-webkit-calendar-picker-indicator{cursor:pointer;width:auto;height:auto;position:absolute;inset:0}.nb .nb-date-actions .nb-skip{min-height:var(--ww-tap)}.nb .nb-colors{border:0;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;display:flex}.nb-head .nb-colors{margin-block-start:auto;padding-block-start:8px}.nb-swatches{margin-inline-start:-10px;display:flex}.nb-swatch{width:var(--ww-tap);height:var(--ww-tap);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.nb-swatch:before{content:"";border:2px solid var(--ww-text);opacity:0;transition:opacity var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-pop);border-radius:5px;position:absolute;inset:1px 5px;transform:scale(.84)}.nb-swatch[aria-checked=true]:before{opacity:1;transform:none}.nb-swatch-cloth{background-color:var(--t-cloth);width:24px;height:32px;box-shadow:0 0 0 1px var(--nb-swatch-edge,var(--ww-line)), inset 3px 0 3px -2px var(--t-cloth-spine-dark);transition:transform var(--dur-1) var(--ease-pop);border-radius:2px 3px 3px 2px;position:relative}.nb-swatch-cloth[data-theme=ink]{--nb-swatch-edge:var(--ww-line-strong)}.nb-swatch-cloth:after{content:"";background:var(--t-foil);border-radius:1px;width:11px;height:2px;position:absolute;inset-block-end:9px;inset-inline-start:6px}.nb-swatch:active .nb-swatch-cloth{transform:scale(var(--press-scale-small));transition-duration:var(--dur-press-down);transition-timing-function:var(--ease-out)}@media (hover:hover) and (pointer:fine){.nb-swatch:hover:not([aria-checked=true]) .nb-swatch-cloth{transform:translateY(-2px)}}.nb-color-name{color:var(--ww-text);font-size:var(--ww-size-body);font-weight:500;line-height:1.3}.nb-book{z-index:1;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);pointer-events:none;position:absolute;inset-block-start:var(--nb-head-top);inset-inline-end:0}.nb .nb-cover-paper.ap-paper{--ap-paper-w:var(--nb-cover-w)}@media (max-width:899px){.nb-book:is([data-show=laptop],[data-show=none]){opacity:0;transform:translateX(var(--nb-slide))}.nb .nb-cover-paper :is(.ap-paper-occ,.ap-paper-from){display:none}.nb .nb-cover-paper .ap-paper-in{padding:11cqw 10cqw 12cqw 12cqw}.nb .nb-cover-paper .ap-edition-line{letter-spacing:.1em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:8cqw;line-height:1.25;display:-webkit-box;overflow:hidden;margin-block-start:6cqw!important}.nb .nb-cover-paper .ap-edition-line[data-len=mid]{font-size:7cqw}.nb .nb-cover-paper .ap-edition-line[data-len=long]{letter-spacing:.06em;font-size:6cqw}.nb .nb-cover-paper .ap-edition-day{font-size:6.5cqw;margin-block-start:1.5cqw!important}.nb .nb-cover-paper .ap-paper-name{font-size:21cqw;margin-block-start:0!important}.nb .nb-cover-paper .ap-paper-name[data-len=mid]{font-size:16cqw}.nb .nb-cover-paper .ap-paper-name[data-len=long]{font-size:11.5cqw}}@media (max-height:700px) and (max-width:899px){.nb{--nb-head-top:20px;--nb-cover-w:96px}.nb-occasion{min-height:60px}.nb-form{gap:22px}}@media (min-width:900px){.nb{--nb-head-top:clamp(48px, 6vh, 80px)}.nb-body{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;column-gap:clamp(64px,9vw,160px);padding-block-end:96px;display:grid}.nb-step{grid-area:1/1;max-width:620px}.nb-head{min-height:0;padding-inline-end:0}.nb .nb-title{max-width:12ch}.nb-occasions{margin-block-start:44px}.nb-occasion{min-height:84px}.nb-form{gap:30px;padding-block:32px 0}.nb .nb-name.ap-input{height:76px;padding-inline:20px;font-size:34px}.nb .nb-name.ap-input[data-len=mid],.nb .nb-name.ap-input[data-len=long]{font-size:30px}.ap[data-stage=ink] .nb :is(.nb-legend,.nb-preset,.nb-note){font-size:var(--ww-size-lead)}.nb .ap-chip{height:50px;padding-inline:20px;font-size:18px}.nb .ap-input:not(.nb-name){height:60px;font-size:20px}.nb-book{width:100%;grid-area:1/2;margin-block-start:calc(var(--nb-head-top) + 8px);position:sticky;inset-block-start:112px}.nb .nb-cover-paper.ap-paper{--ap-paper-w:100%}.nb-book .nb-colors{pointer-events:auto;animation:nb-rise var(--dur-3) var(--ease-out) backwards;flex-direction:row;align-items:center;gap:14px;margin-block-start:24px}.ap[data-stage=ink] .nb-book .nb-color-name{font-size:var(--ww-size-lead)}.nb-book .nb-swatches{margin-inline-start:-8px}.nb-book .nb-swatch{width:48px;height:52px}.nb-book .nb-swatch-cloth{width:30px;height:40px}.nb-book .nb-swatch:before{inset:0 4px}.nb-book[data-show=none]{opacity:0;transform:translateY(var(--rise-card))}.nb .nb-actions{margin:40px 0 0;padding:0;position:static}.nb .nb-actions:before{display:none}.nb .nb-actions .ap-btn{align-self:flex-start;width:auto;min-width:260px}.nb .nb-date-actions{flex-flow:wrap;gap:12px}.nb .nb-date-actions .ap-btn{align-self:stretch}.nb .nb-date-actions .nb-skip{min-width:160px}.nb-date{min-height:76px;padding-inline:20px 18px}.nb-date-shown{font-size:26px}}@media (min-width:1360px){.nb-bar .ap-back{margin-inline-start:calc(-1 * (var(--ww-tap) + 12px));margin-inline-end:8px}}.nb-step[data-enter=first]>*{animation:nb-rise var(--dur-enter) var(--ease-out) backwards}.nb-step[data-enter=first]>:nth-child(2){animation-delay:var(--stagger)}.nb-step[data-enter=first]>:nth-child(n+3){animation-delay:calc(2 * var(--stagger))}.nb-step[data-enter=next]{animation:nb-from-end var(--dur-3) var(--ease-out) backwards}.nb-step[data-enter=prev]{animation:nb-from-start var(--dur-3) var(--ease-out) backwards}@keyframes nb-rise{0%{opacity:0;transform:translateY(var(--rise))}}@keyframes nb-from-end{0%{opacity:0;transform:translateX(var(--nb-slide))}}@keyframes nb-from-start{0%{opacity:0;transform:translateX(calc(-1 * var(--nb-slide)))}}@keyframes nb-fade{0%{opacity:0}}.ap[data-motion=reduced] .nb-step,.ap[data-motion=reduced] .nb-step[data-enter]{animation:nb-fade var(--dur-1) linear backwards}.ap[data-motion=reduced] .nb-step>*{animation:none}.ap[data-motion=reduced] .nb-book{transition:opacity var(--dur-1) linear;transform:none}.ap[data-motion=reduced] .nb-occasion-name,.ap[data-motion=reduced] .nb-occasion-arrow,.ap[data-motion=reduced] .nb-swatch:before,.ap[data-motion=reduced] .nb-swatch-cloth{transform:none!important}.ap[data-motion=reduced] :is(.nb-other,.nb-book .nb-colors){animation:nb-fade var(--dur-1) linear backwards}@media (prefers-reduced-motion:reduce){.nb-step,.nb-step[data-enter]{animation:nb-fade var(--dur-1) linear backwards}.nb-step>*{animation:none}.nb-book{transition:opacity var(--dur-1) linear;transform:none}.nb-occasion-name,.nb-occasion-arrow,.nb-swatch:before,.nb-swatch-cloth{transform:none!important}.nb-other,.nb-book .nb-colors{animation:nb-fade var(--dur-1) linear backwards}}.nb .nb-audience{margin-top:24px}