.av-moodboard{display:block;position:relative;padding:64px var(--av-gutter);background:#f1efea;overflow:clip}.av-moodboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.av-moodboard-head>div{min-width:0}.av-moodboard h2{font-size:56px;line-height:58px;white-space:pre-line;margin:16px 0;letter-spacing:-.005em}.av-moodboard-instruction{font-size:14px;line-height:21px}.av-moodboard-title-mobile,.av-mood-touch{display:none}.av-moodboard-head>.av-button{width:264px;flex-shrink:0}.av-moodboard-canvas{--k:1;position:relative;height:800px;margin-top:24px;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:clip;isolation:isolate}.av-mood-fragment{position:absolute;left:0;top:0;width:calc(var(--w)*var(--k)*1px);height:calc(var(--h)*var(--k)*1px);margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:grab;transform-origin:50% 50%;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.av-mood-fragment.lifted,.av-moodboard-canvas.dragging .av-mood-fragment{cursor:grabbing}.av-mood-fragment:focus-visible{outline:2px solid var(--av-ink);outline-offset:5px}.av-moodboard .shape{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;box-shadow:0 1px 2px #0a0a0c1a,0 10px 26px #0a0a0c21;transition:box-shadow .45s cubic-bezier(.16,1,.3,1)}.av-mood-fragment.lifted .shape{box-shadow:0 3px 8px #0a0a0c24,0 30px 70px #0a0a0c4d}.av-moodboard .ph{display:block;width:100%;height:100%;overflow:hidden;background:#e6e3dc}.av-moodboard .ph img,.av-moodboard .ph video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.av-moodboard .polaroid .shape{background:#fff;padding:calc(10px*var(--k)) calc(10px*var(--k)) calc(40px*var(--k))}.av-moodboard .cap{position:absolute;left:calc(12px*var(--k));bottom:calc(14px*var(--k));font:400 calc(10.5px*var(--k))/1 "AYUME Diatype Mono",monospace;letter-spacing:.03em}.av-moodboard .round .shape,.av-moodboard .round .ph{border-radius:50%}.av-moodboard .free .shape{box-shadow:none}.av-moodboard .photo.free .ph{mix-blend-mode:multiply;background:transparent}.av-moodboard .card-ink .shape{background:var(--av-ink);color:var(--av-paper);padding:calc(24px*var(--k));display:flex;flex-direction:column;justify-content:space-between}.av-moodboard .big{font-size:calc(42px*var(--k));line-height:1;letter-spacing:-.005em;white-space:pre-line}.av-moodboard .small{font:400 calc(10.5px*var(--k))/1 "AYUME Diatype Mono",monospace}.av-moodboard .sticker-star .shape{overflow:visible}.av-moodboard .av-mood-palette,.av-moodboard .av-mood-star{position:absolute;left:50%;top:50%;max-width:none;transform:translate(-50%,-50%) scale(var(--k))}.av-moodboard .text-frag .shape{display:flex;align-items:center;font-size:calc(30px*var(--k));line-height:1;white-space:pre-line}.av-moodboard-canvas.is-grid{height:auto;min-height:800px;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(300px*var(--k)),1fr));gap:calc(40px*var(--k)) calc(28px*var(--k));align-items:center;justify-items:center;padding:12px 0 8px;touch-action:auto}.av-moodboard-canvas.is-grid .av-mood-fragment{position:relative;cursor:zoom-in;z-index:auto!important}.av-moodboard-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}.av-moodboard-foot .av-button{width:216px;flex-shrink:0}.av-mood-dialog{--k:1;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:72px 24px 24px;border:0;background:transparent;color:#f1efea;overflow:auto;z-index:2000}.av-mood-dialog[open]{display:grid;place-items:center}.av-mood-dialog::backdrop{background:#0a0a0cee}.av-mood-dialog figure{display:grid;justify-items:center;gap:18px;margin:0}.av-mood-lightbox-media{position:relative}.av-mood-dialog figcaption{text-align:center;max-width:650px;font-size:12px}.av-mood-close{position:fixed;top:calc(16px + env(safe-area-inset-top));right:16px;width:48px;height:48px;border:1px solid #f1efea80;background:#0a0a0c;color:#f1efea;font-size:24px;cursor:pointer}@media(pointer:coarse){.av-mood-fine{display:none}.av-mood-touch{display:inline}}@media(min-width:750px)and (max-width:1100px){.av-moodboard-head{align-items:flex-start;flex-direction:column;gap:24px}.av-moodboard-canvas{--k:.85;height:1000px}.av-moodboard h2{font-size:48px;line-height:50px}}@media(max-width:749px){.av-moodboard{padding:48px 24px}.av-moodboard-head{flex-direction:column;align-items:stretch;gap:24px}.av-moodboard-head>.av-button{width:100%}.av-moodboard h2{font-size:40px;line-height:42px;margin:24px 0}.av-moodboard-title-desktop{display:none}.av-moodboard-title-mobile{display:inline}.av-moodboard-canvas{--k:.66;height:1080px}.av-moodboard-canvas.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));--k:.46;gap:24px 12px;min-height:1080px}.av-moodboard-foot{gap:12px}.av-moodboard-foot .av-mono{font-size:10px}.av-moodboard-foot .av-button{width:auto;font-size:12px;padding-inline:16px}}@media(max-width:359px){.av-moodboard h2{font-size:34px;line-height:37px}.av-moodboard-canvas{--k:.56}.av-moodboard-canvas.is-grid{--k:.38}.av-moodboard-foot{align-items:flex-start;flex-direction:column}.av-moodboard-foot .av-button{width:100%}}@media(prefers-reduced-motion:reduce){.av-moodboard .shape{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ayume-moodboard.css.map */