:is(.riso,.riso-app){--paper:#ecebe5;--paper-light:#f7f6f2;--violet:#4b2fb5;--pink:#ff48b0;--pink-ink:#c21876;--pink-light:#ff7cc8;--sun:#ffd23f;--plum:#24133f;--wa-bubble:#d9f7c4;--wa-ink:#0b4a2a;--mis-x:4px;--mis-y:3px;--speckle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -5 0 0 0 4.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .27 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}.riso{background-color:var(--paper);background-image:var(--fibre);color:var(--plum);font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;font-stretch:100%;overflow-x:clip}:root:has(.riso){scrollbar-color:var(--violet,#4b2fb5) #ecebe5;background-color:#ecebe5}:is(.riso,.riso-app) ::selection{color:#24133f;background:#ff48b0}.riso :focus-visible{outline:3px solid var(--pink-ink);outline-offset:3px;border-radius:2px}:is(.riso,.riso-app) .display{text-transform:uppercase;letter-spacing:-.005em;font-weight:860;font-stretch:62%;line-height:.88}:is(.riso,.riso-app) .display.loose{line-height:.98}:is(.riso,.riso-app) .display.wide{font-stretch:78%}:is(.riso,.riso-app) .tabular{font-variant-numeric:tabular-nums}:is(.riso,.riso-app) .ink2{isolation:isolate;margin-top:-.22em;display:block;position:relative}:is(.riso,.riso-app) .ink2>.key,:is(.riso,.riso-app) .ink2>.plate{-webkit-mask-image:var(--speckle);-webkit-mask-image:var(--speckle);mask-image:var(--speckle);padding-top:.22em;display:block;-webkit-mask-size:220px;mask-size:220px}:is(.riso,.riso-app) .ink2>.key{color:var(--violet);mix-blend-mode:multiply;position:relative}:is(.riso,.riso-app) .ink2>.plate{pointer-events:none;color:var(--pink);transform:translate(var(--mis-x), var(--mis-y));-webkit-user-select:none;user-select:none;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}:is(.riso,.riso-app) .ink2>.plate:before{content:attr(data-ink)}:is(.riso,.riso-app) .rule{background:var(--violet);height:2px;position:relative}:is(.riso,.riso-app) .rule:after{content:"";background:var(--pink);mix-blend-mode:multiply;transform:translate(calc(var(--mis-x) * .6), 3px);position:absolute;inset:0}.riso .print-btn{isolation:isolate;min-height:48px;color:var(--paper-light);text-align:center;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:1.0625rem;font-weight:700;line-height:1.2;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.riso .print-btn:before,.riso .print-btn:after{content:"";transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.riso .print-btn:before{z-index:-2;background:var(--pink);transform:translate(5px,5px)}.riso .print-btn:after{z-index:-1;background:var(--violet)}.riso .print-btn:hover{transform:translate(-1px,-1px)}.riso .print-btn:hover:before{transform:translate(8px,8px)}.riso .print-btn:active{transform:translate(3px,3px)}.riso .print-btn:active:before{transform:translate(0)}.riso .print-btn.small{min-height:44px;padding:.55rem 1rem;font-size:.95rem}.riso button.print-btn{cursor:pointer;border:0;font-family:inherit}.riso .print-btn:disabled{cursor:progress;opacity:.75;transform:none}.riso .print-btn:disabled:before{transform:translate(5px,5px)}.riso .print-btn.ghost{color:var(--violet)}.riso .print-btn.ghost:after{background:var(--paper-light);box-shadow:inset 0 0 0 2px var(--violet)}.riso .ink-link{color:var(--violet);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:5px;font-weight:650;text-decoration-thickness:3px;transition:text-underline-offset .2s ease-out}.riso .ink-link:hover{text-underline-offset:8px}.riso .field-label{color:var(--plum);font-size:.95rem;font-weight:650;display:block}.riso .field{border:2px solid var(--violet);background:var(--paper);width:100%;min-height:48px;color:var(--plum);font:inherit;caret-color:var(--pink-ink);border-radius:0;padding:.65rem .85rem;font-size:1rem;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease-out}.riso .field::placeholder{color:#24133f8c}.riso .field:focus-visible{border-color:var(--pink-ink);box-shadow:5px 5px 0 0 var(--pink);outline:none}:is(.riso .field:user-invalid,.riso .field[aria-invalid=true]){border-color:var(--pink-ink)}.riso select.field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b2fb5' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.75rem}.riso .plan-option{border:2px solid var(--violet);background:var(--paper);cursor:pointer;align-items:center;gap:.7rem;min-height:48px;padding:.7rem .9rem;transition:box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.riso .plan-option>input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.riso .plan-option .ring{border:2px solid var(--violet);border-radius:9999px;flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;display:grid}.riso .plan-option .ring:after{content:"";background:var(--violet);border-radius:9999px;width:.55rem;height:.55rem;transition:transform .2s cubic-bezier(.16,1,.3,1);transform:scale(0)}.riso .plan-option:hover{box-shadow:3px 3px 0 0 var(--pink)}.riso .plan-option:has(>input:checked){background:var(--paper-light);box-shadow:5px 5px 0 0 var(--pink)}.riso .plan-option:has(>input:checked) .ring:after{transform:scale(1)}.riso .plan-option:active{box-shadow:0 0 0 0 var(--pink)}.riso .plan-option:has(>input:focus-visible){outline:3px solid var(--pink-ink);outline-offset:4px}.riso .field:disabled{cursor:not-allowed;opacity:.6}.riso .plan-option:has(>input:disabled){cursor:not-allowed;opacity:.6}.riso .cut{mix-blend-mode:multiply;-webkit-mask-image:var(--speckle);-webkit-mask-image:var(--speckle);mask-image:var(--speckle);pointer-events:none;position:absolute;-webkit-mask-size:220px;mask-size:220px}.riso .cut.sun{background:var(--sun);border-radius:9999px}.riso .cut.pink{background:var(--pink)}.riso .cut.violet{background:var(--violet)}.riso .cut.on-ink{mix-blend-mode:normal}.riso .slip{background-color:var(--paper-light);background-image:var(--fibre);color:var(--plum);box-shadow:0 0 0 1.5px var(--violet), 7px 7px 0 0 var(--pink);position:relative}:is(.riso,.riso-app) .stamp{letter-spacing:.06em;text-transform:uppercase;border:1.5px solid;padding:.1rem .55rem;font-size:.75rem;font-weight:700;display:inline-block;transform:rotate(-3deg)}.riso .slip.flat{box-shadow:0 0 0 1.5px var(--violet)}.riso .duotone{isolation:isolate;background:var(--paper-light);position:relative;overflow:hidden}.riso .duotone>.layer{isolation:isolate;mix-blend-mode:multiply;position:absolute;inset:0}.riso .duotone>.layer img{object-fit:cover;filter:grayscale()contrast(1.25)brightness(1.05);width:100%;height:100%}.riso .duotone>.layer:after{content:"";mix-blend-mode:screen;position:absolute;inset:0}.riso .duotone>.layer.violet:after{background:var(--violet)}.riso .duotone>.layer.pink{transform:translate(var(--mis-x), var(--mis-y)) scale(1.02);opacity:.85;transition:transform .6s cubic-bezier(.16,1,.3,1)}.riso .duotone>.layer.pink:after{background:var(--pink)}@keyframes riso-print{0%{clip-path:inset(0 0 100%);transform:translateY(-6px)}to{clip-path:inset(0);transform:none}}.riso .print-in{animation:.65s cubic-bezier(.16,1,.3,1) both riso-print;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){.riso .print-in{animation:none}.riso .ink2>.plate,.riso .duotone>.layer.pink,.riso .print-btn,.riso .print-btn:before,.riso .field,.riso .plan-option,.riso .plan-option .ring:after{transition:none}}.riso .receipt{-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from 135deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from 135deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 8px repeat-x}
