.turn{--n: 10;--turn-ms: .75s;--bend: -8deg;position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:left center;transform-style:preserve-3d;z-index:5;will-change:transform}.turn[data-kind=card]{--bend: -2.2deg;--turn-ms: .7s}.turn[data-kind=hard]{--n: 1;--bend: 0deg;--turn-ms: .85s}.turn__s{position:absolute;top:0;left:0;width:calc(100% / var(--n));height:100%;transform-origin:left center;transform-style:preserve-3d}.turn__s .turn__s{left:100%;width:100%}.turn__f{position:absolute;top:0;bottom:0;left:0;width:calc(100% + .6px);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.turn__f--back{transform:rotateY(180deg)}.turn__in{position:absolute;top:0;height:100%;width:calc(var(--n) * 100%)}.turn__f--front .turn__in{left:calc(var(--i) * -100%)}.turn__f--back .turn__in{left:calc((var(--n) - 1 - var(--i)) * -100%)}.turn__in>*{position:absolute;inset:0;width:100%;height:100%}.turn__f:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:rgb(0 0 0 / calc(.05 + var(--i) * .022))}.turn[data-kind=hard] .turn__f:after{background:linear-gradient(to right,#0000,#00000038)}.turn.is-fwd{animation:turn-fwd var(--turn-ms) cubic-bezier(.45,.05,.25,1) forwards}.turn.is-back{animation:turn-back var(--turn-ms) cubic-bezier(.45,.05,.25,1) forwards}.turn.is-fwd .turn__s .turn__s{animation:bend-fwd var(--turn-ms) ease-in-out forwards}.turn.is-back .turn__s .turn__s{animation:bend-back var(--turn-ms) ease-in-out forwards}.turn.is-fwd .turn__f--front:after,.turn.is-back .turn__f--back:after{animation:turn-shade var(--turn-ms) ease forwards}.turn[data-kind=hard] .turn__f{box-shadow:0 10px 22px #24283742;border-radius:2px 4px 4px 2px}@keyframes turn-fwd{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes turn-back{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes bend-fwd{0%{transform:rotateY(0)}40%{transform:rotateY(var(--bend))}75%{transform:rotateY(calc(var(--bend) * -.35))}to{transform:rotateY(0)}}@keyframes bend-back{0%{transform:rotateY(0)}40%{transform:rotateY(calc(var(--bend) * -1))}75%{transform:rotateY(calc(var(--bend) * .35))}to{transform:rotateY(0)}}@keyframes turn-shade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.turn[data-kind=calendar]{--n: 1;--bend: 0deg;--turn-ms: .72s;left:0;width:100%;transform-origin:center top}.turn[data-kind=calendar] .turn__s{transform-origin:center top}.turn[data-kind=calendar] .turn__f--back{transform:rotateX(180deg)}.turn[data-kind=calendar] .turn__f:after{background:linear-gradient(to top,#0000,#0000002e)}.turn[data-kind=calendar].is-fwd{animation-name:turn-up}.turn[data-kind=calendar].is-back{animation-name:turn-down}@keyframes turn-up{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes turn-down{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}@media(prefers-reduced-motion:reduce){.turn,.turn .turn__s,.turn__f:after{animation-duration:1ms!important}}.flip{display:grid;gap:12px;justify-items:center}.flip__book{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,980px,calc((100svh - var(--flip-chrome, 150px)) * var(--aspect)));aspect-ratio:var(--aspect);perspective:2400px;transform:translate(var(--shift, -25%));transition:transform .45s ease;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer;outline-offset:6px}.flip__half{position:relative;min-width:0}.flip .flip__side{position:absolute;inset:0;overflow:hidden;background:var(--paper)}.flip .flip__side img{width:100%;height:100%;display:block}.flip .flip__side--board img{object-fit:cover}.flip .flip__side--board{box-shadow:var(--edge);border-radius:2px 4px 4px 2px}.flip .flip__side--end{background:linear-gradient(135deg,#f8f6f0,#efece4)}.flip .flip__side:not(.flip__side--board){box-shadow:var(--edge)}.flip__half .flip__side:not(.flip__side--board):after,.flip__half .flip__side:not(.flip__side--board):before{content:"";position:absolute;top:0;bottom:0;pointer-events:none;z-index:1}.flip__half--l .flip__side:not(.flip__side--board):after{right:0;width:36%;mix-blend-mode:multiply;background:linear-gradient(to left,#000000b3,#0000008c,#00000070 5.6%,#00000052 9.7%,#00000040 13.9%,#0000002b 22.2%,#0000001f 33.3%,#00000014 50%,#0000000a 72%,#0000);box-shadow:inset -1px 0 #0000004d}.flip__half--r .flip__side:not(.flip__side--board):after{left:0;width:36%;mix-blend-mode:multiply;background:linear-gradient(to right,#00000091,#00000070,#00000059 5.6%,#00000042 9.7%,#0003 13.9%,#00000021 22.2%,#00000017 33.3%,#0000000f 50%,#00000008 72%,#0000)}.flip__half--l .flip__side:not(.flip__side--board):before{inset:0;mix-blend-mode:screen;background:linear-gradient(to left,#fff0 18%,#ffffff17 28%,#fff0 40%)}.flip__half--r .flip__side:not(.flip__side--board):before{inset:0;mix-blend-mode:screen;background:linear-gradient(to right,#fff0 18%,#ffffff17 28%,#fff0 40%)}.flip__half--r>img{width:100%;height:100%;display:block;object-fit:cover;box-shadow:var(--edge)}.flip__nav{display:flex;align-items:center;gap:16px}.flip__btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line, #d8d6d0);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:inherit}.flip__btn:disabled{opacity:.4;cursor:default}.flip__where{min-width:9rem;text-align:center;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.flip__book{transition:none}}.flip__tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.flip__full{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line, #d8d6d0);background:#fff;font:600 .875rem inherit;color:inherit;cursor:pointer}.flip__ico-close,.flip.is-full .flip__ico-open{display:none}.flip.is-full .flip__ico-close{display:block}.flip__rotate{display:none;align-items:center;gap:4px;font-size:.8rem;color:var(--ink-soft, #565b6e)}@media(orientation:portrait)and (max-width:48rem){.flip__rotate{display:inline-flex}}.flip.is-full{position:fixed;inset:0;z-index:1000;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--paper, #f8f7f3);align-content:center;gap:0}.flip.is-full .flip__book{width:min(calc(100vw - 24px),calc((100svh - 140px) * var(--aspect)))}.flip.is-full .flip__nav{margin-top:12px}.flip.is-full .flip__tools{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}@media(orientation:landscape){.flip.is-full .flip__book{width:min(calc(100vw - 112px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100svh - 56px) * var(--aspect)))}.flip.is-full .flip__nav{position:absolute;inset:0;margin:0;justify-content:space-between;padding:0 max(8px,env(safe-area-inset-left));pointer-events:none}.flip.is-full .flip__btn{pointer-events:auto;box-shadow:0 1px 6px #00000026}.flip.is-full .flip__where{position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);background:#ffffffe0;padding:2px 10px;border-radius:999px;min-width:0}}.flip.is-full .flip__rotate{display:none}.flip .turn__in>.flip__side{position:absolute;inset:0}