zn-feed{display:block}.zn-card-grid{display:none}.zn-feed-root[data-view=grid] .zn-feed,.zn-feed-root:not([data-view])[data-default-view=grid] .zn-feed{display:none}.zn-feed-root[data-view=grid] .zn-card-grid,.zn-feed-root:not([data-view])[data-default-view=grid] .zn-card-grid{display:block}html[data-zn-view-pref=grid] .zn-feed-root:not([data-view])[data-allow-toggle=true] .zn-feed{display:none}html[data-zn-view-pref=grid] .zn-feed-root:not([data-view])[data-allow-toggle=true] .zn-card-grid{display:block}html[data-zn-view-pref=swipe] .zn-feed-root:not([data-view])[data-allow-toggle=true] .zn-feed{display:block}html[data-zn-view-pref=swipe] .zn-feed-root:not([data-view])[data-allow-toggle=true] .zn-card-grid{display:none}.zn-feed{--zn-media: min(48vh, 60vw);--zn-slide-h: min(60vh, calc(var(--zn-media) + 140px));position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}@supports (height: 100dvh){.zn-feed{--zn-media: min(48dvh, 60vw);--zn-slide-h: min(60dvh, calc(var(--zn-media) + 140px))}}.zn-feed__track{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline:none}.zn-feed__track::-webkit-scrollbar{display:none}.zn-feed__spacer{display:block;height:calc((100vh - var(--zn-slide-h)) / 2)}@supports (height: 100dvh){.zn-feed__spacer{height:calc((100dvh - var(--zn-slide-h)) / 2)}}.zn-feed__slide{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--zn-slide-h);scroll-snap-align:center;scroll-snap-stop:always;--zn-k: 1}.zn-feed__link{display:flex;flex-direction:column;align-items:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.zn-feed__media{position:relative;display:block;width:var(--zn-media);height:var(--zn-media);transform:scale(calc(1 - .3 * var(--zn-k)));opacity:calc(1 - .7 * var(--zn-k));filter:blur(calc(6px * var(--zn-k)));will-change:transform,opacity,filter;touch-action:pan-y}.zn-feed[data-image-fit=cover] .zn-feed__media{border-radius:var(--zn-radius-media);overflow:hidden}.zn-feed__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.88);transition:opacity .45s var(--zn-ease),transform .45s var(--zn-ease),filter .45s var(--zn-ease);filter:blur(6px);pointer-events:none}.zn-feed[data-image-fit=cover] .zn-feed__image{object-fit:cover}.zn-feed__image.is-active{opacity:1;transform:none;filter:none}.zn-feed__placeholder{fill:var(--zn-text-muted);background:var(--zn-surface);border-radius:var(--zn-radius-media)}.zn-feed__info{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:var(--zn-space-2);text-align:center;opacity:calc(1 - var(--zn-k) * 2.5);transition:opacity var(--zn-fast) linear}.zn-feed__title{padding:0 var(--zn-space-2);font-size:var(--zn-text-sm);font-weight:600;line-height:1.5;letter-spacing:var(--zn-tracking-caps);text-transform:var(--zn-title-transform)}.zn-feed__price{font-size:var(--zn-text-sm);font-weight:500;letter-spacing:var(--zn-tracking-wide);line-height:1.5}.zn-feed__quick-add,.zn-card-grid__quick-add{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;color:var(--zn-text);cursor:pointer;transition:transform var(--zn-fast) var(--zn-ease)}.zn-feed__quick-add{margin-top:10px;opacity:calc(1 - var(--zn-k) * 2.5)}.zn-feed__quick-add svg,.zn-card-grid__quick-add svg{width:12px;height:12px}.zn-feed__quick-add:hover,.zn-card-grid__quick-add:hover{transform:scale(1.15)}.zn-feed__quick-add:after,.zn-card-grid__quick-add:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.zn-feed__quick-add,.zn-card-grid__quick-add{position:relative}.zn-feed__empty{margin:40vh auto 0;max-width:420px;padding:var(--zn-space-3);border-radius:var(--zn-radius-card);text-align:center}.zn-feed__indicator{position:fixed;left:var(--zn-gutter);top:50%;z-index:var(--zn-z-card);display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateY(-50%);pointer-events:none}.zn-feed__bubble{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.zn-feed__bubble-line{width:1px;height:38px;background:var(--zn-text-muted);opacity:.5}.zn-feed__dots{display:flex;flex-direction:column;gap:6px;padding:8px 6px;border-radius:9999px}.zn-feed__dot{width:6px;height:6px;border-radius:50%;background:var(--zn-text-muted);opacity:.4;transition:opacity var(--zn-fast),transform var(--zn-fast)}.zn-feed__dot.is-active{opacity:1;background:var(--zn-text);transform:scale(1.3)}@media(max-width:640px){.zn-feed{--zn-media: min(48vh, calc(100vw - 64px) )}@supports (height: 100dvh){.zn-feed{--zn-media: min(48dvh, calc(100vw - 64px) )}}}.zn-card-grid{padding:calc(var(--zn-header-bottom) + var(--zn-space-3)) var(--zn-gutter) var(--zn-space-12)}.zn-collection .zn-card-grid{padding-top:calc(var(--zn-header-bottom) + 76px)}.zn-card-grid__items{display:grid;grid-template-columns:repeat(var(--zn-grid-cols-mobile, 2),minmax(0,1fr));gap:var(--zn-space-2);max-width:var(--zn-page-max);margin:0 auto}@media(min-width:768px){.zn-card-grid__items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1025px){.zn-card-grid__items{grid-template-columns:repeat(var(--zn-grid-cols, 4),minmax(0,1fr));gap:var(--zn-space-3) var(--zn-space-2)}}.zn-card-grid__item{position:relative;container-type:inline-size;animation:zn-card-in .5s var(--zn-ease-out) both;animation-delay:calc(min(var(--zn-i, 0),12)*40ms)}@keyframes zn-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.zn-card-grid__link{display:block;-webkit-tap-highlight-color:transparent}.zn-card-grid__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--zn-radius-media);background:var(--zn-surface)}.zn-card-grid__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity var(--zn-slow) var(--zn-ease),transform var(--zn-slow) var(--zn-ease)}.zn-card-grid__media--cover .zn-card-grid__img{object-fit:cover}.zn-card-grid__img--hover{opacity:0}@media(hover:hover)and (pointer:fine){.zn-card-grid__media.has-hover:hover .zn-card-grid__img:not(.zn-card-grid__img--hover){opacity:0}.zn-card-grid__media.has-hover:hover .zn-card-grid__img--hover{opacity:1}.zn-card-grid__media:not(.has-hover):hover .zn-card-grid__img{transform:scale(1.04)}}.zn-card-grid__placeholder{fill:var(--zn-text-muted);opacity:.4}.zn-card-grid__badge{position:absolute;top:10px;left:10px}.zn-card-grid__info{display:flex;flex-direction:column;gap:2px;padding:12px 2px 0}.zn-card-grid__title{font-size:var(--zn-text-xs);font-weight:600;letter-spacing:var(--zn-tracking-caps);text-transform:var(--zn-title-transform);line-height:1.5}.zn-card-grid__price,.zn-card-grid__count{font-size:var(--zn-text-xs);font-weight:500;letter-spacing:var(--zn-tracking-wide)}.zn-card-grid__quick-add{position:absolute;right:12px;top:calc(100cqw - 32px)}.zn-card-grid__more{display:flex;justify-content:center;margin-top:var(--zn-space-5)}.zn-card-grid__more.is-loading{opacity:.5;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/16/assets/zn-feed.css.map */