.pw-add{grid-column:1 / -1;position:relative;display:flex;align-items:center;width:100%;min-height:116px;padding:24px 230px 24px 24px;overflow:hidden;border:1px solid var(--stroke1);border-radius:12px;background:var(--surface2);color:var(--heading);text-align:left;font-family:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease}.pw-add-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.pw-add-page-dot{fill:var(--stroke1);transition:fill .18s ease}.pw-add:is(:hover,:focus-visible) .pw-add-page-dot{fill:var(--orange-primary)}.pw-add-copy strong{display:flex;align-items:center;gap:8px;font-size:18px;line-height:24px;font-weight:600}.pw-add-copy strong>svg{flex-shrink:0}.pw-add-copy>span{color:var(--muted1);font-size:14px;line-height:20px}.pw-add-art{position:absolute;right:12px;bottom:-32px;width:214px;height:139px;pointer-events:none;transition:transform .25s cubic-bezier(.45,0,.55,1)}.pw-add-sheet{transform-box:view-box;transform:translate(var(--sheet-x, 0px),var(--sheet-y, 0px)) rotate(calc(var(--sheet-angle, 0deg) + var(--sheet-turn, 0deg)));transition:transform .32s cubic-bezier(.45,0,.55,1)}.pw-add-back-sheet{--sheet-angle: -12deg;transform-origin:83px 96px}.pw-add-middle-sheet{--sheet-angle: 8deg;transform-origin:150px 83px;transition-delay:25ms}.pw-add-front-sheet{transform-origin:129px 116px;transition-delay:45ms;filter:drop-shadow(0 2px 3px rgb(0 0 0 / 5%))}.pw-add:hover{border-color:var(--stroke2);background:var(--surface3)}.pw-add:is(:hover,:focus-visible) .pw-add-art{transform:translateY(-5px)}.pw-add:is(:hover,:focus-visible) .pw-add-back-sheet{--sheet-x: -4px;--sheet-y: -3px;--sheet-turn: -4deg}.pw-add:is(:hover,:focus-visible) .pw-add-middle-sheet{--sheet-x: 4px;--sheet-y: -5px;--sheet-turn: 4deg}.pw-add:is(:hover,:focus-visible) .pw-add-front-sheet{--sheet-y: -2px;--sheet-turn: -3deg}.pw-add:active{border-color:var(--muted2)}.pw-add:active .pw-add-art{transform:translateY(-1px)}.pw-add:focus-visible{outline:2px solid var(--orange-text);outline-offset:3px}@media(max-width:480px){.pw-add{padding:20px 140px 20px 20px}.pw-add-art{right:-24px;bottom:-24px;width:164px;height:107px}}@media(prefers-reduced-motion:reduce){.pw-add,.pw-add-art,.pw-add-sheet,.pw-add-page-dot{transition:none}.pw-add:is(:hover,:focus-visible) .pw-add-art,.pw-add:active .pw-add-art{transform:none}.pw-add:is(:hover,:focus-visible) .pw-add-sheet{--sheet-x: 0px;--sheet-y: 0px;--sheet-turn: 0deg}}.pw-add.hp-add-topic{min-height:56px;align-items:center;padding:8px 84px 8px 12px;isolation:isolate;background-image:linear-gradient(110deg,#fff,#fff0 52%,#fff)}.hp-add-topic .pw-add-copy strong{font-size:14px;line-height:20px}.hp-add-topic .pw-add-copy strong>svg{width:16px;height:16px}.hp-add-topic .pw-add-art{width:96px;height:62px;right:0;bottom:-16px;z-index:1}.hp-add-topic:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgb(0 0 0 / 5%) 1px,transparent 1px),linear-gradient(to bottom,rgb(0 0 0 / 5%) 1px,transparent 1px);background-size:6px 6px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse at 72% 65%,#000 0%,#000 22%,transparent 78%);mask-image:radial-gradient(ellipse at 72% 65%,#000 0%,#000 22%,transparent 78%)}.hp-add-topic .pw-add-copy{z-index:2}@media(prefers-reduced-motion:no-preference){.hp-add-topic:is(:hover,:focus-visible) .pw-add-art{transform:translateY(-1.5px)}.hp-add-topic:is(:hover,:focus-visible) .pw-add-back-sheet{--sheet-x: -1px;--sheet-y: -1px;--sheet-turn: -1.5deg}.hp-add-topic:is(:hover,:focus-visible) .pw-add-middle-sheet{--sheet-x: 1px;--sheet-y: -1.5px;--sheet-turn: 1.5deg}.hp-add-topic:is(:hover,:focus-visible) .pw-add-front-sheet{--sheet-y: -.5px;--sheet-turn: -1deg}.hp-add-topic:active .pw-add-art{transform:translateY(-.5px)}}