@layer sections{.book{background:var(--surface-page);padding-bottom:clamp(11.7px,3vw,43.2px);padding-inline:clamp(11.7px,3vw,43.2px);--panel: color-mix(in oklch, var(--surface-page) 80%, var(--surface-sunken))}.book__panel{background:var(--panel);padding:0 clamp(23px,10.4vw,150px) var(--section-pad);position:relative;isolation:isolate}.book__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4  0 0 0 0 .3  0 0 0 0 .3  0 0 0 .12 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.book__rule{border:0;border-top:1px solid var(--brand);margin:0 0 var(--section-pad);height:0}.book__in{display:grid;grid-template-columns:42.3fr 51.8fr;column-gap:5.9%;align-items:start;width:min(105%,1106px);margin-inline:auto}.book__text{display:grid;justify-items:start;align-content:start}.book__text .label{margin-bottom:var(--space-4);font-size:.75rem;letter-spacing:.16em;color:var(--ink-muted)}.book__text h2{font-size:var(--fs-h2-xl);line-height:1;font-weight:300;margin-bottom:var(--space-6)}.book__lead{font:400 var(--fs-lead)/1.23 var(--font-sans);margin-bottom:var(--space-6);max-width:24em}.book__list{list-style:none;padding:0;width:100%;margin-bottom:var(--space-10);border-bottom:1px solid color-mix(in oklch,var(--ink) 18%,transparent)}.book__list li{border-top:1px solid color-mix(in oklch,var(--ink) 18%,transparent)}.book__list a{display:grid;gap:2px;padding:16px 0;text-decoration:none;transition:color var(--dur-btn) linear}.book__list a:hover .book__t{color:var(--brand)}.book__t{font:500 1.0625rem/1.3 var(--font-sans);letter-spacing:0;text-transform:none;transition:color var(--dur-btn) linear}.book__d{font-size:.9375rem;line-height:1.55;color:var(--ink-soft)}.book__media{position:relative;width:100%;max-width:640px;container-type:inline-size;padding:8cqw 0 0;isolation:isolate;--u: 5.8cqw}.book__row{display:flex;align-items:flex-end;justify-content:center;gap:calc(var(--u) * .5);position:relative;z-index:2}.book__item{margin:0;display:grid;justify-items:center;gap:14px;opacity:0;translate:0 26px;transition:opacity .9s var(--ease-out),translate .7s var(--ease-out),scale .5s var(--ease-out),filter .5s var(--ease-out);transition-delay:calc(var(--i, 0) * .12s);transform-origin:50% 100%}.book__cover{display:block;position:relative}.book__cover img{display:block;height:calc(var(--u) * var(--in));width:auto;filter:drop-shadow(10px 8px 11px oklch(.25 .04 20 / .22))}.book__cover:after{content:"";position:absolute;left:6%;right:-10%;bottom:-1.5%;height:5%;background:radial-gradient(closest-side,oklch(.25 .04 20 / .3),transparent);filter:blur(3px);transform:skew(-30deg);transform-origin:0 100%;z-index:-1}.book__item{--in: 8}.book__cap{display:flex;flex-direction:column;align-items:center;gap:8px;height:84px;padding-top:6px}.book__price{font:400 1rem/1 var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}.book__add{min-height:34px;padding-inline:14px;font-size:.75rem}.book__media.is-in .book__item{opacity:1;translate:0 0}.book__media.is-settled .book__item{transition-delay:0s}.book__item--box .book__cover img{height:auto;width:calc(var(--u) * 11)}@media(min-width:900px){.book__item--box{position:absolute;left:50%;bottom:0;translate:-50% 12px;z-index:6;pointer-events:none}.book__media.is-in .book__item--box{opacity:0;translate:-50% 12px}.book__media[data-active-box] .book__item--box{opacity:1;translate:-50% 0;pointer-events:auto}.book__media[data-active-box] .book__item:not(.book__item--box){opacity:.12}}.book__media[data-active] .book__item{filter:brightness(.97) saturate(.9);scale:.98}.book__media[data-active] .book__item.is-active{scale:1.05;translate:0 -10px;filter:brightness(1.04);z-index:4}.book__media[data-active-box] .book__item--box.is-active{translate:-50% -6px}.book__list a.is-hot .book__t,.book__list a:focus-visible .book__t{color:var(--brand)}.book__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 80% at 50% 62%,color-mix(in oklch,var(--blush) 30%,var(--surface-page)),transparent 70%);-webkit-mask-image:radial-gradient(closest-side at 50% 55%,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 55%,#000 55%,transparent 100%)}.book__num,.book__shelf{display:none}.book__media[data-variant=b] .book__row:after{content:"";position:absolute;left:-3%;right:-3%;bottom:90px;height:14px;z-index:-1;border-radius:2px;background:linear-gradient(180deg,#fefbf8,#f7e7e4);box-shadow:0 22px 26px -10px #32191a47;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.book__media[data-variant=c] .book__num{display:block;position:absolute;top:9cqw;z-index:1;font:300 italic 34cqw/1 var(--font-display, "Bodoni Moda", serif);color:color-mix(in oklch,var(--blush) 38%,transparent);width:33%;text-align:center}.book__media[data-variant=c] .book__num:nth-child(1){left:0}.book__media[data-variant=c] .book__num:nth-child(2){left:33.5%}.book__media[data-variant=c] .book__num:nth-child(3){right:0}.book__see,.book__name{display:none}@media(max-width:899px){.book__in{grid-template-columns:1fr;width:100%;row-gap:var(--space-6)}.book__text{display:contents}.book__text>.label{order:1;margin-bottom:0}.book__text>h2{order:2;margin-bottom:0}.book__text>.book__lead{order:3;margin-bottom:0}.book__media{order:4}.book__text>.btn{order:5;justify-self:start}.book__text>.book__list{display:none}.book__media{--z: 52cqw;width:auto;max-width:560px;margin-inline:calc(12px - clamp(23px,10.4vw,150px));padding-top:0}@media(min-width:640px){.book__media{margin-inline:auto;width:100%}}.book__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;align-items:start;justify-items:center}.book__item{position:relative;width:100%;justify-items:center;gap:8px}.book__cover{height:var(--z);width:100%;display:flex;align-items:flex-end;justify-content:center}.book__cover img,.book__item--box .book__cover img{height:calc(var(--z) * .96);width:auto;max-width:100%}.book__item--box .book__cover img{height:auto;width:100%;max-height:var(--z)}.book__cover:after{left:14%;right:6%;bottom:0;height:4%}.book__cap{height:auto;gap:3px;padding-top:4px}.book__name{display:block;font:500 .9375rem/1.25 var(--font-sans);text-align:center;color:var(--ink)}.book__add{min-height:32px;padding-inline:12px;margin-top:2px}.book__see{display:inline;font-size:.8125rem;color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px;margin-top:2px}.book__media[data-variant=c] .book__num,.book__media[data-variant=b] .book__row:after{display:none}}@media(prefers-reduced-motion:reduce){.book__item{transition:none}}@media(prefers-reduced-motion:reduce)and (max-width:899px){.book__item{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce)and (min-width:900px){.book__item:not(.book__item--box){opacity:1;translate:0 0}}.book__soldout{font:500 .8125rem/1.2 var(--font-sans);color:var(--ink-muted)}}@layer sections{.book__rule{display:none}@media(min-width:900px){.book{padding-inline:var(--page-gutter)}.book__panel{padding-top:clamp(24px,2vw,40px);padding-bottom:clamp(56px,5vw,88px);border-radius:0 0 28px 28px;background:linear-gradient(180deg,color-mix(in oklch,var(--surface-powder-rose) 50%,var(--panel)),var(--panel))}.book__in{width:100%;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,4.5vw,88px);align-items:center}.book__media{max-width:none;width:calc(100% + clamp(0px,5vw,80px));--u: 6.2cqw;padding-top:2cqw}.book__row{gap:calc(var(--u) * .3)}.book__list{margin-bottom:var(--space-8)}}}@layer sections{@media(max-width:899px){.book__panel{padding-top:var(--space-12)}.book__cover img,.book__item--3 .book__cover img{object-fit:contain;object-position:50% 100%}.book__item--3 .book__cover img{width:100%;max-height:var(--z)}}}@layer sections{@media(max-width:899px){.book__row{align-items:stretch}.book__item{display:flex;flex-direction:column;align-items:center}.book__cap{flex:1 1 auto;width:100%}.book__name{min-height:3.75em}.book__add,.book__soldout{margin-top:auto}.book__see{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-block:-10px}@supports (grid-template-rows: subgrid){.book__row{row-gap:0;margin-bottom:-18px}.book__item{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;padding-bottom:18px;align-content:start}.book__cap{display:contents}.book__cover{grid-row:1;margin-bottom:12px}.book__name{grid-row:2;min-height:0;margin-bottom:3px;align-self:start}.book__price{grid-row:3;margin-bottom:5px;align-self:start}.book__add,.book__soldout{grid-row:4;margin-top:0;margin-bottom:5px;align-self:start}.book__see{grid-row:5;align-self:start}}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mi-library.css.map */