.mm-shelf{--plank: #ffd700;--plank-dark: #ccac00;--paper: #ffffff;--paper-line: #ffddc1;--string: #ccac00;--book-w: 44px;--book-h: 210px;background:var(--color-background, #ffffff);color:var(--color-foreground, #3d1c00);padding:clamp(20px,3vw,40px) 0 clamp(32px,5vw,64px);overflow:hidden}.mm-shelf__wrap{width:min(1200px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}.mm-shelf__eyebrow{margin:0 0 .75rem;display:inline-block;padding:.35em .9em;border-radius:999px;background:#7cfc00;color:#1e3d00;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.mm-shelf__h{margin:0;font-family:var(--font-heading--family, "Oswald"),sans-serif;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.02;text-transform:uppercase;color:var(--color-foreground-heading, #000)}.mm-shelf__sub{margin:.8rem 0 0;font-size:1.06rem;line-height:1.55;max-width:34em;opacity:.85}.mm-shelf__next{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:.15rem;align-items:center;margin:1.6rem 0 0;padding:.85rem 1.1rem;border:2px solid #3d1c00;background:#fff;border-radius:14px;box-shadow:5px 5px #7cfc00}.mm-shelf__next[hidden]{display:none}.mm-shelf__next>:not(.mm-shelf__face){grid-column:2}.mm-shelf__next-k{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.mm-shelf__next-t{font-weight:700;font-size:1.12rem;color:inherit;text-decoration:none}.mm-shelf__next-t:hover{text-decoration:underline}.mm-shelf__next-d{font-size:.92rem}.mm-shelf__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.3rem}.mm-shelf__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.4rem;border-radius:999px;border:2px solid #3d1c00;background:#fff;box-shadow:3px 3px gold;color:inherit;text-decoration:none;font-weight:700;transition:transform .12s ease,box-shadow .12s ease}.mm-shelf__btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px gold}.mm-shelf__btn--primary{background:#3d1c00;color:#ffddc1;box-shadow:3px 3px #7cfc00}.mm-shelf__stage{position:relative;background:#ffddc1;border-radius:20px;padding:34px 22px 18px;border:2px solid #3d1c00;box-shadow:8px 8px gold}.mm-shelf__face{grid-row:1 / span 3;grid-column:1;position:relative;display:block;width:96px;margin:10px 0 4px;text-decoration:none;transform:rotate(-4deg);transform-origin:50% 100%;animation:mm-face-in .8s .9s cubic-bezier(.2,.9,.3,1.3) both}.mm-shelf__face:hover{transform:rotate(0) translateY(-3px);transition:transform .2s ease}.mm-shelf__ribbon{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:2;padding:.25em .7em;border-radius:999px;background:gold;color:#3d1c00;font-weight:700;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 6px #3d1c0040;white-space:nowrap}.mm-shelf__books{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:30px}.mm-book{position:relative;width:var(--book-w);height:calc(var(--book-h) * var(--h, .88));margin-right:3px;animation:mm-drop .55s calc(var(--i, 0) * 45ms + .1s) cubic-bezier(.3,1.4,.5,1) both}.mm-book:after{content:"";position:absolute;left:-2px;right:-5px;bottom:-14px;height:14px;background:linear-gradient(var(--plank) 0 70%,var(--plank-dark) 70%);pointer-events:none}.mm-book__a{display:block;height:100%;color:inherit;text-decoration:none;outline-offset:3px}.mm-book__spine{position:relative;display:flex;align-items:center;justify-content:center;height:100%;border-radius:4px 4px 2px 2px;overflow:hidden;box-shadow:inset -5px 0 #0000001f,inset 3px 0 #ffffff2e;transition:transform .2s ease}.mm-book__a:hover .mm-book__spine,.mm-book__a:focus-visible .mm-book__spine{transform:translateY(-10px)}.mm-book--language .mm-book__spine{background:#3d1c00;color:#ffddc1}.mm-book--journal .mm-book__spine{background:#00bfff;color:#002e3d}.mm-book--travel .mm-book__spine{background:#ffab66;color:#3d1c00}.mm-book__title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-heading--family, "Oswald"),sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;max-height:92%;overflow:hidden}.mm-book--wrapped .mm-book__spine{background:repeating-linear-gradient(135deg,transparent 0 10px,rgb(255 221 193 / .7) 10px 12px),var(--paper);color:#3d1c00}.mm-book--wrapped .mm-book__spine:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:var(--peek, #803a00)}.mm-book--stem{--peek: #00bfff}.mm-book--planet{--peek: #7cfc00}.mm-book--journal{--peek: #ffd700}.mm-book--life{--peek: #cc5c00}.mm-book--money{--peek: #3d3400}.mm-book--travel{--peek: #ffab66}.mm-book--language{--peek: #803a00}.mm-book__wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent calc(50% - 1px),var(--string) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(transparent calc(58% - 1px),var(--string) calc(58% - 1px) calc(58% + 1px),transparent calc(58% + 1px));opacity:.8}.mm-book__q{position:relative;z-index:1;margin-top:-30%;font-family:var(--font-heading--family, "Oswald"),sans-serif;font-weight:700;font-size:18px;opacity:.3}.mm-book__tag{position:absolute;left:50%;top:58%;z-index:2;transform:translate(-30%,10px) rotate(8deg);transform-origin:0 0;padding:3px 5px;min-width:38px;text-align:center;background:#fff;color:#3d1c00;border:1px solid #ffd700;border-radius:3px;font-size:10px;font-weight:700;line-height:1.1;white-space:nowrap;box-shadow:0 2px 4px #3d1c0033;pointer-events:none}.mm-book.is-next{z-index:3}.mm-book.is-next .mm-book__spine{animation:mm-wiggle 4s 2s ease-in-out infinite;box-shadow:0 0 0 3px #7cfc00,inset -5px 0 #00000014}.mm-book.is-next .mm-book__tag{background:#7cfc00;border-color:#64cc00}.mm-book__tip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,6px);padding:.45em .8em;border-radius:8px;background:#3d1c00;color:#ffddc1;font-size:.8rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:5}.mm-book__a:hover .mm-book__tip,.mm-book__a:focus-visible .mm-book__tip{opacity:1;transform:translate(-50%)}.mm-shelf__legend{margin:26px 0 0;font-size:.8rem;opacity:.7;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem}.mm-shelf__key{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:middle}.mm-shelf__key--live{background:#3d1c00}.mm-shelf__key--wrapped{background:repeating-linear-gradient(135deg,#fff 0 3px,#ffddc1 3px 4px);box-shadow:inset 0 0 0 1px gold;margin-left:.6rem}@keyframes mm-drop{0%{transform:translateY(-60px) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes mm-face-in{0%{transform:translateY(30px) rotate(6deg) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes mm-wiggle{0%,86%,to{transform:none}90%{transform:translateY(-6px) rotate(-3deg)}95%{transform:translateY(-3px) rotate(2deg)}}@media(max-width:989px){.mm-shelf__wrap{grid-template-columns:1fr}.mm-shelf__books{justify-content:center}.mm-shelf__legend{justify-content:center;text-align:center}}@media(max-width:599px){.mm-shelf{--book-w: 29px;--book-h: 140px}.mm-book{margin-right:2px}.mm-book__title{font-size:10px}.mm-book__tag{font-size:8px;min-width:0;padding:2px;transform:translate(-50%,8px) rotate(6deg)}.mm-book__tip{display:none}.mm-shelf__btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.mm-book,.mm-shelf__face,.mm-book.is-next .mm-book__spine{animation:none}.mm-book__spine,.mm-book__tip{transition:none}}.mm-shelf__btn--primary:hover{box-shadow:5px 5px #7cfc00}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mm-shelf.css.map */