.kitto-note-wrap{background:var(--k-fridge);padding:clamp(2.4rem,5vw,6.4rem) 0 clamp(4.8rem,8vw,9.6rem);overflow:hidden}.kitto-note{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}@media screen and (min-width:990px){.kitto-note{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:start}}.note-sheet{position:relative;background-color:var(--k-paper);background-image:linear-gradient(var(--k-grid) 1px,transparent 1px),linear-gradient(90deg,var(--k-grid) 1px,transparent 1px);background-size:2.4rem 2.4rem;background-position:-1px -1px;color:var(--k-ink);padding:clamp(3.2rem,5vw,5.6rem) clamp(2rem,4.5vw,6.4rem) clamp(2.8rem,4vw,4.8rem);box-shadow:var(--k-paper-shadow);transform:rotate(-.8deg);transform-origin:30% 0}.note-sheet__title{font-family:var(--k-font-set);font-weight:800;font-size:clamp(4.4rem,8.4vw,9.2rem);line-height:.92;letter-spacing:-.035em;margin:0;text-wrap:balance;color:var(--k-ink)}.note-sheet__intro{font-size:clamp(1.7rem,1.6vw,2rem);line-height:1.45;max-width:44ch;margin:1.6rem 0 0;color:var(--k-ink-soft)}.note-lines{list-style:none;padding:0;margin:clamp(2.8rem,4vw,4.4rem) 0 0;border-top:2px solid var(--k-ink)}.note-line{display:grid;grid-template-columns:2.8rem minmax(0,1fr);grid-template-areas:"tick time" "tick body" ". buy";column-gap:1.2rem;row-gap:1.2rem;align-items:start;padding:1.8rem 0;border-bottom:1px solid var(--k-rule)}@media screen and (min-width:750px){.note-line{grid-template-columns:7.2rem 2.8rem minmax(0,1fr) auto;grid-template-areas:"time tick body buy";column-gap:1.6rem;align-items:center;padding:2rem 0}}.note-line__time{grid-area:time;font-family:var(--k-font-hand);font-size:3.4rem;line-height:1;color:var(--k-biro);padding-top:.2rem;font-variant-numeric:tabular-nums;white-space:nowrap}.note-line__tick{grid-area:tick;width:2.8rem;height:2.8rem;box-sizing:content-box;padding:.8rem;margin:-.8rem;border:0;background:none;color:inherit}button.note-line__tick{cursor:pointer}button.note-line__tick:hover rect{stroke:var(--k-biro)}@media screen and (max-width:749px){.note-line .note-line__time{font-size:2.6rem}.note-line .note-line__aside{font-size:2.5rem}}.note-line__tick svg{width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.note-line__tick rect{stroke:var(--k-ink);stroke-width:1.6}.note-line__tick .tick{stroke:var(--k-biro);stroke-width:3.2;stroke-dasharray:34;stroke-dashoffset:34}.note-line.is-ticked .tick{stroke-dashoffset:0}.note-line.is-ticking .tick{animation:kitto-tick .52s cubic-bezier(.16,1,.3,1) both}@keyframes kitto-tick{0%{stroke-dashoffset:34}to{stroke-dashoffset:0}}.note-line__body{grid-area:body;min-width:0}.note-line__job{margin:0;font-family:var(--k-font-set);font-weight:800;font-size:clamp(2rem,2.2vw,2.6rem);line-height:1.1;letter-spacing:-.015em}.note-line__product{display:inline-block;margin-top:.4rem;padding-block:1rem;margin-block:-.6rem -1rem;font-size:1.6rem;line-height:1.35;color:var(--k-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-color:var(--k-rule-strong)}.note-line__product:hover{color:var(--k-biro);text-decoration-color:currentColor}.note-line__aside{margin:.4rem 0 0;font-family:var(--k-font-hand);font-size:2.9rem;line-height:1.05;color:var(--k-biro)}.note-line.is-ticked .note-line__job{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--k-biro)}.note-line__buy{grid-area:buy;display:flex;align-items:center;gap:1.4rem;justify-content:space-between}@media screen and (min-width:750px){.note-line__buy{justify-content:flex-end}}.note-line__price{font-family:var(--k-font-set);font-weight:600;font-size:1.8rem;white-space:nowrap}.note-line__price mark{display:inline-block;background:var(--k-highlight);mix-blend-mode:multiply;transform:rotate(-1.2deg);color:var(--k-ink);padding:.1em .35em;border-radius:.15em .4em .2em .35em}.note-line__error{margin-top:.6rem;font-size:1.4rem;color:var(--k-error)}.note-add{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:11.2rem;min-height:4.4rem;padding:0 2rem;border:0;border-radius:999px;background:var(--k-biro);color:var(--k-paper);font-family:var(--k-font-set);font-weight:600;font-size:1.5rem;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px #ffffff40 inset,0 6px 14px -6px #1a2e8c99;transition:background-color .16s ease-out,transform .16s cubic-bezier(.16,1,.3,1)}.note-add:hover{background:var(--k-biro-deep)}.note-add:active{transform:translateY(1px) scale(.98)}.note-add[disabled]{background:var(--k-rule-strong);color:var(--k-ink);cursor:not-allowed;box-shadow:none}.note-add.loading .note-add__label{visibility:hidden}.note-add .loading__spinner{position:absolute;width:1.8rem}.note-add .loading__spinner.hidden{display:none}.note-add .spinner{width:1.8rem;height:1.8rem}.note-add .path{stroke:var(--k-paper)}.note-line.is-ticked .note-add{background:transparent;color:var(--k-biro);box-shadow:inset 0 0 0 1.5px var(--k-biro)}.note-sheet__ps{margin:2.8rem 0 0;font-family:var(--k-font-hand);font-size:clamp(3rem,2.8vw,3.6rem);line-height:1.1;color:var(--k-biro);max-width:36ch}.polaroid{position:relative;margin:0 auto;width:min(32rem,78%);background:var(--k-paper);padding:1.2rem 1.2rem 0;box-shadow:var(--k-paper-shadow);transform:rotate(2.4deg)}@media screen and (min-width:990px){.polaroid{width:100%;max-width:34rem;margin:9.6rem 0 0 -4.8rem;z-index:1}}.polaroid__img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 92%}.polaroid figcaption{padding:1.2rem .4rem 1.4rem}.polaroid__caption{display:block;font-family:var(--k-font-hand);font-size:3.2rem;line-height:1;color:var(--k-biro)}.polaroid__credit{display:block;margin-top:.6rem;font-size:1.2rem;color:var(--k-ink-soft)}@media(prefers-reduced-motion:reduce){.note-line.is-ticking .tick{animation:none}.note-add{transition:none}}.note-line__eta{margin:.4rem 0 0;font-size:1.3rem;font-weight:600;color:var(--k-ink-soft)}@media screen and (max-width:749px){.note-sheet{transform:rotate(-.25deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kitto-note.css.map */