.vk-tod-box{container-type:inline-size;position:relative}.vk-tod-box:before{content:"";display:block;height:min(420px,117.3cqw)}@container (min-width: 560px){.vk-tod-box:before{height:min(420px,58.33cqw)}}.vk-tod-fallback{position:absolute;inset:0 0 auto;transition:opacity .2s var(--ease-out)}.vk-tod-box:has(.ss-stage) .vk-tod-fallback{opacity:0;visibility:hidden}.vk-tod-stage{position:absolute;inset:0;pointer-events:none}.vk-tod-stage .ss-fit{animation:vk-tod-in .24s var(--ease-out) both}@keyframes vk-tod-in{0%{opacity:0}to{opacity:1}}.vk-tod .ss-stage{background:transparent;overflow:hidden;color:var(--color-ink)}.vk-tod .vk-tod-window{position:absolute;left:40px;top:12px;width:668px;height:408px;box-shadow:var(--ss-shadow-hero);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}.vk-tod .vk-tod-body{display:grid;grid-template-columns:162px minmax(0,1fr);gap:16px;padding:16px;height:100%;background:var(--ss-surface)}.vk-tod .vk-tod-label{font-size:13px;line-height:1.3;font-weight:500;color:var(--color-ink)}.vk-tod .vk-tod-slot{margin-top:8px;width:146px;aspect-ratio:3 / 4;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;border:1px dashed rgb(17 19 18 / .2);font-size:12px;line-height:1.3;color:var(--color-slate-500)}.vk-tod .vk-tod-change{margin-top:10px;width:146px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#171717;background:#fff;box-shadow:0 0 0 1px #0a0a0a1a,0 1px 2px #0000000d;opacity:0;transition:opacity .18s var(--ease-out)}.vk-tod .vk-tod-change[data-show=true]{opacity:1}.vk-tod .vk-tod-readout{display:grid;margin-top:6px;font-size:12px;line-height:18px;color:var(--color-slate-600)}.vk-tod .vk-tod-readout>span{grid-area:1 / 1;opacity:0;transition:opacity .2s var(--ease-out);white-space:nowrap}.vk-tod .vk-tod-readout>span[data-show=true]{opacity:1}.vk-tod .vk-tod-readout b{font-weight:500;color:var(--color-ink)}.vk-tod .vk-tod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.vk-tod .vk-tod-tile{position:relative;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:var(--color-cream);box-shadow:0 0 0 1px #1113120f;transition:box-shadow .2s var(--ease-out)}.vk-tod .vk-tod-tile[data-selected=true]{box-shadow:0 0 0 2px #056dff}.vk-tod .vk-tod-tile img{display:block;width:100%;height:100%;object-fit:cover}.vk-tod .vk-tod-more{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--color-slate-600);background:var(--color-slate-100)}.vk-tod .vk-tod-score,.vk-tod .vk-tod-pick{position:absolute;border-radius:999px;padding:2px 6px;font-size:11px;line-height:14px;font-weight:500;font-variant-numeric:tabular-nums;opacity:0;transform:scale(.9);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.vk-tod .vk-tod-score{right:6px;top:6px;background:#ffffffeb;color:var(--color-ink)}.vk-tod .vk-tod-pick{left:6px;bottom:6px;background:#056dff;color:#fff}.vk-tod .vk-tod-score[data-show=true],.vk-tod .vk-tod-pick[data-show=true]{opacity:1;transform:none}.vk-tod .vk-tod-photo{position:absolute;aspect-ratio:3 / 4;height:auto;object-fit:cover;border-radius:14px;z-index:2;transform-origin:top left;box-shadow:var(--ss-shadow-satellite);transition:transform .26s var(--ease-out),opacity .22s var(--ease-out),box-shadow .2s var(--ease-out)}.vk-tod .vk-tod-photo[data-carried]{transition:none;box-shadow:var(--ss-shadow-lift)}.vk-tod .vk-tod-photo[data-gone]{opacity:0}.vk-tod .vk-tod-rest{position:absolute;left:640px;top:40px;width:1px;height:1px}.vk-tod .ss-stage[data-layout=compact] .vk-tod-window{left:8px;top:8px;width:342px;height:404px;mask-image:none;box-shadow:0 0 0 1px #11131214,0 2px 6px #1113120d}.vk-tod .ss-stage[data-layout=compact] .vk-tod-body{display:block;padding:12px}.vk-tod .ss-stage[data-layout=compact] .vk-tod-left{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;align-items:start}.vk-tod .ss-stage[data-layout=compact] .vk-tod-left .vk-tod-label{grid-column:1 / -1}.vk-tod .ss-stage[data-layout=compact] .vk-tod-slot{width:96px;font-size:11px}.vk-tod .ss-stage[data-layout=compact] .vk-tod-side{margin-top:8px}.vk-tod .ss-stage[data-layout=compact] .vk-tod-hint{font-size:12px;line-height:1.4;color:var(--color-slate-600)}.vk-tod .ss-stage[data-layout=compact] .vk-tod-change{width:fit-content;padding-inline:12px}.vk-tod .ss-stage[data-layout=compact] .vk-tod-right{margin-top:12px}.vk-tod .ss-stage[data-layout=compact] .vk-tod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vk-tod .ss-stage[data-layout=compact] .vk-tod-readout>span{white-space:normal}.vk-tod .ss-stage[data-layout=compact] .vk-tod-rest{left:320px;top:40px}@media(prefers-reduced-motion:reduce){.vk-tod-stage .ss-fit{animation-duration:.12s}}