@layer components{.vk-book-stage{perspective:1600px;place-items:center;padding:1.5rem 0 2.5rem;display:grid}.vk-book{--w:min(18rem, 62vw);width:var(--w);aspect-ratio:210/297;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,1,.36,1);animation:7s ease-in-out infinite vk-float;position:relative;transform:rotateY(-26deg)rotateX(6deg)}.vk-book-stage:hover .vk-book,.vk-book:focus-visible{transform:rotateY(-8deg)rotateX(2deg)translateY(-6px)}.vk-book .vk-cover,.vk-book .vk-back,.vk-book .vk-leaf{backface-visibility:hidden;border-radius:3px 10px 10px 3px;position:absolute;inset:0}.vk-book .vk-cover{z-index:3;overflow:hidden;transform:translateZ(14px);box-shadow:inset 6px 0 10px -6px #00000073}.vk-book .vk-cover img{object-fit:cover;width:100%;height:100%;display:block}.vk-book .vk-cover:after{content:"";background:linear-gradient(105deg,#fff0 40%,#ffffff38 50%,#fff0 60%);transition:transform 1.1s;position:absolute;inset:0;transform:translate(-120%)}.vk-book-stage:hover .vk-cover:after{transform:translate(120%)}.vk-book .vk-back{background:#1a2131;transform:translateZ(-14px);box-shadow:0 40px 70px -30px #121822b3}.vk-book .vk-pages{width:28px;transform:rotateY(90deg) translateZ(calc(var(--w) - 15px));transform-origin:100%;background:repeating-linear-gradient(90deg,#f4efe6 0 2px,#e5ddcf 2px 3px);border-radius:2px;position:absolute;top:2%;bottom:2%;right:0}.vk-book .vk-spine{transform-origin:0;background:linear-gradient(90deg,#121822,#2b3754);width:28px;position:absolute;top:0;bottom:0;left:0;transform:rotateY(-90deg)translateZ(0)translate(-14px)}.vk-book .vk-leaf{z-index:2;background:#fffdf9;border:1px solid #e8e1d4;transition:transform .8s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateZ(10px)}.vk-book .vk-leaf img{object-fit:cover;opacity:.96;width:100%;height:100%}.vk-book-stage:hover .vk-leaf.l1{transform:translateZ(9px)translate(34%)rotate(5deg)}.vk-book-stage:hover .vk-leaf.l2{transform:translateZ(8px)translate(62%)rotate(10deg)}.vk-book-stage:hover .vk-leaf.l3{transform:translateZ(7px)translate(88%)rotate(15deg)}.vk-shadow{background:radial-gradient(closest-side,#1e273347,#0000);border-radius:50%;width:70%;height:22px;margin-top:-6px;animation:7s ease-in-out infinite vk-shadow}@keyframes vk-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes vk-shadow{0%,to{opacity:1;scale:1}50%{opacity:.75;scale:.9}}.vk-stat b{font-variant-numeric:tabular-nums}.vk-flip{--pw:1fr;position:relative}.vk-flip-stage{perspective:2400px;max-width:64rem;margin:0 auto;position:relative}.vk-spread{aspect-ratio:420/297;background:#efe8db;border-radius:6px;grid-template-columns:1fr 1fr;display:grid;position:relative;box-shadow:0 40px 80px -40px #1e27338c,0 0 0 1px #1e273314}.vk-spread:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000,#1e273329 45%,#1e273338 50%,#1e273329 55%,#0000);width:40px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.vk-page{cursor:pointer;background:#fff;position:relative;overflow:hidden}.vk-page:first-child{border-radius:6px 0 0 6px}.vk-page:last-child{border-radius:0 6px 6px 0}.vk-page img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.vk-page.empty{cursor:default;background:0 0}.vk-page .vk-corner{opacity:0;pointer-events:none;width:46px;height:46px;transition:opacity .25s,width .25s,height .25s;position:absolute;bottom:0}.vk-page:last-child .vk-corner{background:linear-gradient(315deg,#e9e1d2 0 45%,#0000001f 50%,#0000 56%);right:0}.vk-page:first-child .vk-corner{background:linear-gradient(45deg,#e9e1d2 0 45%,#0000001f 50%,#0000 56%);left:0}.vk-page:hover .vk-corner{opacity:1;width:64px;height:64px}.vk-turn{width:50%;transform-style:preserve-3d;z-index:5;pointer-events:none;position:absolute;top:0;bottom:0}.vk-turn.next{transform-origin:0;animation:.75s cubic-bezier(.45,.05,.25,1) forwards vk-turn-next;left:50%}.vk-turn.prev{transform-origin:100%;animation:.75s cubic-bezier(.45,.05,.25,1) forwards vk-turn-prev;left:0}.vk-turn>div{backface-visibility:hidden;background:#fff;position:absolute;inset:0;overflow:hidden}.vk-turn>div img{object-fit:cover;width:100%;height:100%}.vk-turn .back{transform:rotateY(180deg)}.vk-turn.next .front:after,.vk-turn.prev .front:after{content:"";background:linear-gradient(90deg,#0000002e,#0000 30%);animation:.75s forwards vk-shade;position:absolute;inset:0}@keyframes vk-turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes vk-turn-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes vk-shade{0%{opacity:0}50%{opacity:1}to{opacity:0}}.vk-single{aspect-ratio:210/297;background:#fff;border-radius:6px;max-width:30rem;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 60px -32px #1e27338c,0 0 0 1px #1e273314}.vk-single img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vk-single img.in-next{animation:.45s cubic-bezier(.22,1,.36,1) vk-slide-next}.vk-single img.in-prev{animation:.45s cubic-bezier(.22,1,.36,1) vk-slide-prev}@keyframes vk-slide-next{0%{opacity:0;transform:translate(18%)}to{opacity:1;transform:none}}@keyframes vk-slide-prev{0%{opacity:0;transform:translate(-18%)}to{opacity:1;transform:none}}.vk-thumbs{scroll-snap-type:x proximity;scrollbar-width:thin;gap:.5rem;padding:.4rem .2rem 1rem;display:flex;overflow-x:auto}.vk-thumbs button{scroll-snap-align:center;background:#fff;border-radius:4px;outline:1px solid #1e27331f;flex:none;width:56px;transition:transform .25s,outline-color .25s,box-shadow .25s;overflow:hidden}.vk-thumbs button:hover{transform:translateY(-4px);box-shadow:0 10px 20px -12px #1e273380}.vk-thumbs button[aria-current=true]{outline:2px solid #c9a15c;transform:translateY(-4px)}.vk-thumbs img{aspect-ratio:210/297;object-fit:cover;width:100%;display:block}.vk-thumbs .tag{text-align:center;color:#6d7885;background:#faf8f5;padding:2px 0;font-size:.625rem;font-weight:600;display:block}.vk-lesson{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;position:relative}.vk-lesson:hover{border-color:#c9a15c8c;transform:translateY(-4px);box-shadow:0 24px 46px -28px #1e273373}.vk-lesson .vk-num{transition:color .3s,transform .4s cubic-bezier(.22,1,.36,1)}.vk-lesson:hover .vk-num{color:#c9a15c;transform:translateY(-2px)scale(1.06)}.vk-lesson .vk-bar{transform-origin:0;background:linear-gradient(90deg,#7f8958,#527ab2,#c9a15c);height:2px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:1.25rem;right:1.25rem;transform:scaleX(0)}.vk-lesson:hover .vk-bar{transform:scaleX(1)}.vk-lesson .vk-more li{transition:transform .45s cubic-bezier(.22,1,.36,1),color .3s}.vk-lesson .vk-more li>span{transition:transform .45s cubic-bezier(.22,1,.36,1),background-color .3s}.vk-lesson:hover .vk-more li{color:var(--color-ink);transform:translate(4px)}.vk-lesson:hover .vk-more li:nth-child(2){transition-delay:60ms}.vk-lesson:hover .vk-more li:nth-child(3){transition-delay:.12s}.vk-lesson:hover .vk-more li>span{background-color:var(--color-darwin);transform:rotate(135deg)scale(1.25)}.vk-fan{height:22rem;position:relative}.vk-fan figure{aspect-ratio:16/9;background:#fff;border-radius:14px;width:min(26rem,78vw);margin:0;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 30px 60px -30px #1e273399,0 0 0 1px #1e27331a}.vk-fan figure img{object-fit:cover;width:100%;height:100%;display:block}.vk-fan figure:first-child{transform:translate(-50%,-50%)translate(-34%,12%)rotate(-9deg)scale(.86)}.vk-fan figure:nth-child(2){transform:translate(-50%,-50%)translate(34%,12%)rotate(9deg)scale(.86)}.vk-fan figure:nth-child(3){z-index:2;animation:7s ease-in-out infinite vk-float;transform:translate(-50%,-50%)translateY(-6%)}.vk-fan:hover figure:first-child{transform:translate(-50%,-50%)translate(-58%,16%)rotate(-14deg)scale(.82)}.vk-fan:hover figure:nth-child(2){transform:translate(-50%,-50%)translate(58%,16%)rotate(14deg)scale(.82)}.vk-fan .vk-play{color:#fff;z-index:3;background:#1e2733b3;border-radius:999px;place-items:center;width:4.5rem;height:4.5rem;animation:2.6s ease-out infinite vk-pulse;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 #c9a15c8c}@keyframes vk-pulse{0%{box-shadow:0 0 #c9a15c8c}70%,to{box-shadow:0 0 0 22px #c9a15c00}}.vk-vcard{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.vk-vcard:hover{transform:translateY(-5px);box-shadow:0 26px 50px -30px #1e27338c}.vk-vcard .vk-thumb{aspect-ratio:16/9;background:#efe8db;border-radius:14px;position:relative;overflow:hidden}.vk-vcard .vk-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .5s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.vk-vcard .vk-thumb img.peek{opacity:0;transform:scale(1.06)}.vk-vcard:hover .vk-thumb img.peek{opacity:1;transform:scale(1)}.vk-vcard:hover .vk-thumb img.main{transform:scale(1.04)}.vk-vcard .vk-thumb .vk-pbtn{color:#fff;background:#1e2733b8;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;transition:background .3s,transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:.7rem;right:.7rem}.vk-vcard:hover .vk-pbtn{background:#c9a15c;transform:scale(1.12)}.vk-vcard .vk-seen{position:absolute;top:.6rem;left:.6rem}.vk-pl button{transition:background-color .25s,border-color .25s,transform .25s}.vk-pl button:hover{transform:translate(3px)}.vk-eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.vk-eq i{background:#c9a15c;border-radius:1px;width:3px;animation:1s ease-in-out infinite vk-eq}.vk-eq i:nth-child(2){animation-delay:.2s}.vk-eq i:nth-child(3){animation-delay:.4s}@keyframes vk-eq{0%,to{height:30%}50%{height:100%}}.vk-next-ring{transform:rotate(-90deg)}.vk-next-ring circle.p{transition:stroke-dashoffset 1s linear}.vk-cross{position:relative;overflow:hidden}.vk-cross .vk-mini{transition:transform .7s cubic-bezier(.22,1,.36,1)}.vk-cross:hover .vk-mini.a{transform:rotate(-8deg)translate(-10px,-4px)}.vk-cross:hover .vk-mini.b{transform:rotate(6deg)translate(10px,-8px)}.vk-cross:hover .vk-mini.c{transform:translateY(-12px)}.vk-cross .vk-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)}.vk-cross:hover .vk-arrow{transform:translate(6px)}@media (prefers-reduced-motion:reduce){.vk-book,.vk-shadow,.vk-fan figure,.vk-fan .vk-play,.vk-eq i{animation:none!important}.vk-turn{animation-duration:10ms!important}.vk-single img{animation:none!important}}.vk-chip{animation:.5s cubic-bezier(.22,1,.36,1) both vk-chip}@keyframes vk-chip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.vk-chip{animation:none}}}