2026-10-10 10:24:53 +03:30
|
|
|
.showcase__frame[data-v-90ab1328]{position:relative;border-radius:22px;overflow:hidden;background:var(--c-hairlineSoft);box-shadow:0 26px 50px -34px #14161ad9;aspect-ratio:320 / 208;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;transform:translateZ(0);-webkit-transform:translateZ(0)}.showcase__track[data-v-90ab1328]{direction:ltr;display:flex;height:100%;width:100%;transition:transform .56s cubic-bezier(.16,.86,.3,1);will-change:transform}.showcase__frame.is-dragging .showcase__track[data-v-90ab1328]{transition:none}.showcase__slide[data-v-90ab1328]{position:relative;flex:0 0 100%;width:100%;height:100%;cursor:pointer;overflow:hidden}.showcase__art[data-v-90ab1328]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:scale(1.06);transition:transform .56s cubic-bezier(.16,.86,.3,1)}.showcase__slide.is-active .showcase__art[data-v-90ab1328]{transform:scale(1)}.showcase__frame.is-dragging .showcase__art[data-v-90ab1328]{transition:none}.showcase__dots[data-v-90ab1328]{display:flex;justify-content:center;gap:6px;padding-top:12px}.showcase__dot[data-v-90ab1328]{width:6px;height:6px;padding:0;border:0;cursor:pointer;border-radius:999px;background:var(--c-hairline);transition:width .42s cubic-bezier(.16,.86,.3,1),background .3s ease}.showcase__dot.is-active[data-v-90ab1328]{width:20px;background:var(--c-wine)}.rail[data-v-b38bbeb0]{display:flex;gap:9px;overflow-x:auto;padding:2px 16px;margin:0 -16px;scroll-snap-type:x proximity}.rail__chip[data-v-b38bbeb0]{scroll-snap-align:start;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--c-inkSoft);background:var(--c-canvas);border:1px solid var(--c-hairline);transition:all .2s ease}.rail__chip[data-v-b38bbeb0]:active{transform:scale(.97)}.rail__chip.is-active[data-v-b38bbeb0]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.rail__mark[data-v-b38bbeb0]{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--c-hairlineSoft);flex:0 0 auto}.rail__chip.is-active .rail__mark[data-v-b38bbeb0]{background:#ffffff24}.rail__mark img[data-v-b38bbeb0]{width:15px;height:15px;-o-object-fit:contain;object-fit:contain;opacity:.85}html.theme-dark .rail__mark img[data-v-b38bbeb0]{background:var(--c-photoMat);border-radius:12px}.rail__title[data-v-b38bbeb0]{white-space:nowrap}.card[data-v-bd6d18a4]{cursor:pointer;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:18px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card[data-v-bd6d18a4]:active{transform:scale(.985)}.card__art[data-v-bd6d18a4]{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--c-hairlineSoft)}.card--wide .card__art[data-v-bd6d18a4]{aspect-ratio:4 / 3}.card__art img[data-v-bd6d18a4]{width:100%;max-width:200px;height:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block}html.theme-dark .card__art img[data-v-bd6d18a4]{background:var(--c-photoMat);border-radius:12px}.card__fav[data-v-bd6d18a4]{position:absolute;top:9px;left:9px;width:30px;height:30px;display:grid;place-items:center;border:0;cursor:pointer;border-radius:50%;color:var(--c-inkMuted);background:rgb(var(--c-canvas-rgb) / 90%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .18s ease,transform .18s ease}.card__fav.is-on[data-v-bd6d18a4]{color:var(--c-wine)}.card__fav[data-v-bd6d18a4]:active{transform:scale(.9)}.card__badge[data-v-bd6d18a4]{position:absolute;top:9px;right:9px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:700;color:#fff;background:var(--c-wine)}.card__body[data-v-bd6d18a4]{padding:11px 12px 13px}.card__title[data-v-bd6d18a4]{margin:0;font-size:13px;font-weight:700;color:var
|
