/* Clear writing areas; personality lives in the spare paper margins. */
main .friendly-note:after{content:none!important;background:none!important}
main .friendly-note .note-scribble{display:none}
main .paper-sheet .paper-crease{fill:none;stroke:#ad9e84;stroke-width:.7;opacity:.19;stroke-linecap:round}
main .paper-sheet .paper-fold{fill:#e8dfc9;fill-opacity:.58;stroke:#b9ab8e;stroke-width:.6;stroke-opacity:.38}
main .paper-sheet.note{padding-top:30px;padding-bottom:46px!important;--note-paper:#fffaf0}
main .paper-sheet.note[data-paper="1"]{--note-paper:#eff1ec;transform:rotate(.35deg)}
main .paper-sheet.note[data-paper="2"]{--note-paper:#fcfaf2;transform:rotate(-.55deg)}
main .paper-sheet.note[data-paper="3"]{--note-paper:#f3e7df;transform:rotate(.45deg)}
main .paper-sheet.note[data-paper="4"]{--note-paper:#edf0e2;transform:rotate(-.25deg)}
main .paper-sheet.note[data-paper="5"]{--note-paper:#f5edd7;transform:rotate(.55deg)}
main .paper-sheet.note[data-paper="6"]{--note-paper:#edf0ee;transform:rotate(-.4deg)}
main .paper-sheet.note[data-paper="7"]{--note-paper:#f5eee9;transform:rotate(.2deg)}
main .paper-sheet .paper-doodle{width:29px;height:29px;bottom:6px;right:12px;fill:none;stroke:#899475;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.68;pointer-events:none}
main .paper-sheet[data-margin-sketch="0"] .paper-doodle{stroke:#b9a36d;transform:rotate(-9deg)}
main .paper-sheet[data-margin-sketch="2"] .paper-doodle{right:auto;left:13px;transform:rotate(8deg)}
main .paper-sheet[data-margin-sketch="3"] .paper-doodle{stroke:#b99286;transform:rotate(-6deg)}
main .paper-sheet[data-margin-sketch="4"] .paper-doodle{stroke:#9c9b80;right:18px;transform:rotate(7deg)}
main .paper-sheet[data-margin-sketch="6"] .paper-doodle{stroke:#8d9ea2;right:auto;left:15px;transform:rotate(-5deg)}
main .paper-sheet.note:after{content:none!important}
main .paper-sheet.note:before{content:''!important;width:49px!important;height:18px!important;top:-7px!important;left:19px!important;right:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#bac7a88c!important;clip-path:polygon(1% 6%,98% 0,96% 92%,4% 100%)!important;transform:rotate(-9deg)!important}
main .paper-sheet.note[data-fastener="pin"]:before{width:9px!important;height:9px!important;top:9px!important;left:21px!important;clip-path:none!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#fff9e9 0 12%,#b89b8b 35%,#8a796c 85%)!important;box-shadow:1px 2px 2px #63544530!important;transform:none!important}
main .paper-sheet.note[data-fastener="corner"]:before{left:auto!important;right:11px!important;top:-4px!important;width:43px!important;height:16px!important;background:#d2c2a38a!important;transform:rotate(23deg)!important}
main .paper-sheet.note[data-fastener="clip"]:before{left:auto!important;right:22px!important;width:9px!important;height:26px!important;top:-8px!important;border:1.3px solid #939b90!important;border-radius:7px!important;background:none!important;clip-path:none!important;transform:rotate(12deg)!important;box-shadow:2px 0 0 #e9e9dd!important}
main .paper-sheet.note[data-fastener="double"]:before{left:15px!important;width:37px!important;background:#bac8ce83!important;transform:rotate(7deg)!important}
main .paper-sheet.note[data-fastener="double"]:after{content:''!important;position:absolute;right:13px;top:-5px;width:32px;height:17px;background:#d7c5b57d;transform:rotate(-17deg);pointer-events:none}
main .friendly-note.paper-sheet{padding:35px 27px 43px!important;transform:none}
main .friendly-note .eyebrow{margin-right:52px;min-height:18px}
main .friendly-note h2{position:relative;background:none}
main .friendly-note .note-heart{top:12px;right:15px;width:47px;height:40px}
main .friendly-note .paper-doodle{width:29px;height:29px;bottom:7px;right:17px}
main .friendly-note.support-aside .paper-doodle{opacity:.4;width:23px;height:23px;left:18px;right:auto}
main .friendly-note.newsletter-note:before{width:49px;left:21px;transform:rotate(-11deg)}
main .friendly-note.receipt-email-note:before{left:24px;width:44px;background:#bec8b68a;transform:rotate(8deg)}
@media(max-width:700px){main .friendly-note.paper-sheet{padding:32px 22px 43px!important}main .paper-sheet .paper-doodle{width:26px;height:26px}main .friendly-note .eyebrow{margin-right:45px}}

/* A single fastening lets the note hang a little; two pieces hold it straighter. */
main .paper-sheet.note[data-fastener="tape"]{transform:rotate(-.65deg);transform-origin:36px 4px}
main .paper-sheet.note[data-fastener="corner"]{transform:rotate(.85deg);transform-origin:calc(100% - 30px) 4px}
main .paper-sheet.note[data-fastener="pin"]{transform:rotate(-.7deg);transform-origin:25px 13px}
main .paper-sheet.note[data-fastener="pin"][data-paper="2"]{transform:rotate(.7deg)}
main .paper-sheet.note[data-fastener="clip"]{transform:rotate(.45deg);transform-origin:calc(100% - 26px) 4px}
main .paper-sheet.note[data-fastener="double"]{transform:rotate(0deg)}
main .paper-sheet.note[data-paper="0"]{transform:rotate(.25deg)}
main .paper-sheet.note[data-paper="6"]{transform:rotate(0deg)}
main .paper-sheet.note[data-fastener="tape"]:before{background:#b9c5a7e6!important}
main .paper-sheet.note[data-fastener="corner"]:before{background:linear-gradient(100deg,#d6c7b545,#fff9ed70 45%,#d6c7b545)!important;border:1px solid #d7ccba55!important}
main .paper-sheet.note[data-fastener="double"]:before{background:#bac8ced4!important}
main .paper-sheet.note[data-fastener="double"]:after{background:#d7c5b555;border:1px solid #cbbba33d}
main .paper-sheet.note[data-paper="5"]:before{background-color:#d8cbaaeb!important}
main .receipt-ideas{margin-top:45px}
main .receipt-ideas .carousel-heading>div:first-child{max-width:720px}
@media(max-width:560px){main .receipt-ideas .carousel-heading{align-items:flex-end;gap:10px}main .receipt-ideas .eyebrow{font-size:11px;letter-spacing:.08em}main .receipt-ideas .carousel-controls{flex-shrink:0}}

@media(max-width:560px){main .receipt-ideas .carousel-heading{flex-wrap:wrap}main .receipt-ideas .carousel-heading>div:first-child{width:100%}main .receipt-ideas .carousel-controls{margin-left:auto}}
