pv-catalog-index{display:block}.pvi{--pvi-blue: #0156cb;--pvi-yellow: #f7c852;--pvi-ink: #212121;--pvi-muted: rgba(33, 33, 33, .58);--pvi-line: #d1cdc4;--pvi-paper: #ffffff;--pvi-dots: radial-gradient(rgba(33, 33, 33, .14) 1px, transparent 1.3px);--pvi-ease: cubic-bezier(.2, .8, .2, 1);--pvi-spring: cubic-bezier(.3, 1.35, .45, 1);--pvi-gutter: var(--outer, 16px);--pvi-tile: 128px;--pvi-gap: 8px;container-type:inline-size;container-name:pvi;background:var(--pvi-paper);color:var(--pvi-ink);font-family:var(--FONT-STACK-BODY);font-size:14px;line-height:1.45;text-transform:none}.pvi a{color:inherit;text-decoration:none;-webkit-text-fill-color:currentColor;background-image:none}.pvi-wrap{padding:var(--pvi-pt, 36px) var(--pvi-gutter) var(--pvi-pb, 28px)}.pvi-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;margin-bottom:18px}.pvi-head__t{min-width:0}.pvi-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pvi-muted)}.pvi-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--pvi-yellow);animation:pvi-pulse 2.4s ease-out infinite}@keyframes pvi-pulse{0%{box-shadow:0 0 #f7c85299}to{box-shadow:0 0 0 9px #f7c85200}}.pvi .pvi-h{margin:6px 0 0;font-family:inherit;font-size:20px;font-weight:700;line-height:1.1;letter-spacing:-.01em;text-transform:none;font-variant-numeric:tabular-nums;color:inherit}.pvi-h b{font-weight:700;color:var(--pvi-blue)}.pvi-sep{margin:0 8px;color:var(--pvi-line)}.pvi-links{display:flex;align-items:center;gap:18px}.pvi .pvi-link{position:relative;padding-bottom:3px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.pvi .pvi-link--blue{color:var(--pvi-blue)}.pvi .pvi-link--muted{color:var(--pvi-muted)}.pvi-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--pvi-ease)}.pvi-link:hover:after,.pvi-link:focus-visible:after{transform:scaleX(1)}.pvi-link span{display:inline-block;transition:transform .35s var(--pvi-spring)}.pvi-link:hover span{transform:translate(4px)}.pvi-rail{margin:0 calc(-1 * var(--pvi-gutter));padding:8px var(--pvi-gutter) 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding:0 var(--pvi-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.pvi-rail::-webkit-scrollbar{display:none}.pvi-track{position:relative;display:grid;grid-template-columns:repeat(var(--pvi-n, 10),var(--pvi-tile));grid-template-rows:auto auto;column-gap:var(--pvi-gap);row-gap:8px;width:max-content}.pvi-grp{display:flex;align-items:center;gap:10px;grid-row:1;min-width:0;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--pvi-muted)}.pvi-grp:after{content:"";flex:1;height:1px;background:var(--pvi-line)}.pvi .pvi-tile{--i: 0;grid-row:2;position:relative;display:grid;grid-template-rows:auto 1fr auto auto;gap:6px;min-width:0;padding:9px 10px 11px;border:1px solid var(--pvi-line);border-radius:18px;background:var(--pvi-paper);color:var(--pvi-ink);scroll-snap-align:start;transition:transform .4s var(--pvi-ease),box-shadow .4s ease,border-color .3s ease;animation:pvi-in .6s var(--pvi-ease) backwards;animation-delay:calc(var(--i) * 45ms)}.pvi .pvi-tile:hover,.pvi .pvi-tile:focus-visible{transform:translateY(-4px);border-color:#2121214d;box-shadow:0 18px 30px -20px #21212173;outline:none}.pvi .pvi-tile:focus-visible{border-color:var(--pvi-blue)}@keyframes pvi-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pvi-top{display:flex;align-items:center;justify-content:space-between}.pvi-num{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:11px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--pvi-muted);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .4s var(--pvi-spring)}.is-cur .pvi-num{background:var(--pvi-blue);color:#fff;box-shadow:0 10px 18px -10px #0156cbcc;transform:scale(1.06)}.pvi-arr{font-size:13px;color:var(--pvi-blue);opacity:0;transform:translate(-6px);transition:opacity .25s ease,transform .4s var(--pvi-spring)}.is-cur .pvi-arr{opacity:1;transform:translate(0)}.pvi-ph{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:9%;border-radius:12px;background-image:var(--pvi-dots);background-size:12px 12px;overflow:hidden}.pvi-ph .pvi-img{width:100%;height:100%;max-width:100%;object-fit:contain;transition:transform .7s var(--pvi-spring)}.pvi-tile:hover .pvi-ph .pvi-img{transform:translateY(-3px) scale(1.07)}.pvi-ph--disc:after{content:"";position:absolute;top:13%;right:5%;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--pvi-yellow) 0 17%,#1b1b1b 18.5% 100%);box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .9s var(--pvi-spring)}.pvi-ph--disc .pvi-img{position:relative;z-index:1;width:72%;height:72%;justify-self:start;margin-left:4%;border-radius:3px;box-shadow:4px 4px 14px -6px #00000080}.pvi-tile:hover .pvi-ph--disc:after{transform:translate(6%) rotate(20deg)}.pvi-t{min-height:2.4em;font-size:12.5px;font-weight:700;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.pvi-c{min-height:1em;font-size:11px;color:var(--pvi-muted);font-variant-numeric:tabular-nums}.is-cur .pvi-c{color:var(--pvi-ink)}.pvi-groove{position:relative;grid-row:3;grid-column:1 / -1;height:22px;margin-top:6px}.pvi-groove__line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--pvi-line);transform:scaleX(0);transform-origin:left;animation:pvi-draw 1.4s var(--pvi-ease) .2s forwards}@keyframes pvi-draw{to{transform:scaleX(1)}}.pvi-tick{position:absolute;top:50%;width:1px;height:7px;background:var(--pvi-line);translate:-50% -50%}.pvi-groove__needle{position:absolute;top:50%;left:64px;width:9px;height:9px;border-radius:50%;background:var(--pvi-yellow);box-shadow:0 0 0 3px #f7c85240,0 0 10px #f7c852e6;translate:-50% -50%;opacity:0;transition:left .7s var(--pvi-spring),opacity .4s ease}.pvi.is-live .pvi-groove__needle{opacity:1}.pvi-rail.is-scrolling .pvi-groove__needle{transition-duration:.25s;transition-timing-function:var(--pvi-ease)}.pvi-readout{display:flex;align-items:baseline;gap:14px;min-width:0;margin-top:10px;font-size:12px}.pvi-readout__idx{flex:none;color:var(--pvi-blue);font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums}.pvi-readout__txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pvi-muted)}.pvi-readout__txt b{font-weight:700;color:var(--pvi-ink)}.pvi-readout__txt.is-rise{animation:pvi-rise .4s var(--pvi-ease)}@keyframes pvi-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@container pvi (min-width: 760px){.pvi{--pvi-tile: 150px;--pvi-gap: 10px}.pvi .pvi-h{font-size:26px}.pvi-t{font-size:13px}.pvi-readout{font-size:12.5px}}@container pvi (min-width: 1200px){.pvi-rail{overflow:visible}.pvi-track{width:100%;grid-template-columns:repeat(var(--pvi-n, 10),minmax(0,1fr))}.pvi-t{font-size:clamp(11.5px,1cqw,13px)}}@media(prefers-reduced-motion:reduce){.pvi *,.pvi *:before,.pvi *:after{animation:none!important;transition:none!important}.pvi-groove__line{transform:none}.pvi-groove__needle{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/pv-catalog-index.css.map */