.sf{--sf-inset: 16px;--sf-inset-m: 10px;--sf-thumb: 60px;--sf-thumb-m: 44px;--sf-thumb-gap: 10px;--sf-thumb-gap-m: 6px;--sf-icon: 44px;--sf-icon-m: 34px;--sf-shift: 10px}.sf__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;min-width:0}.sf__head>.section-header{flex:1 1 auto;min-width:0}.sf__actions{display:flex;flex:none;align-items:center;gap:24px;margin-inline-start:auto}.sf__follow{white-space:nowrap}@media(max-width:767px){.sf__head{flex-direction:column;align-items:stretch;gap:8px}.sf__actions{justify-content:center;margin-inline:0}.sf__head:has(>.section-header--m-left) .sf__actions{justify-content:flex-start}.sf__head:has(>.section-header--m-right) .sf__actions{justify-content:flex-end}.sf__actions .list-nav{display:none}}.sf-item{position:relative;min-width:0}.sf-card{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--radius-media);background:none;color:var(--color-heading);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.sf-card:focus-visible{outline:2px solid var(--color-heading);outline-offset:2px}.sf-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--sf-item-ratio, var(--sf-ratio, 1));border-radius:var(--radius-media);background:var(--color-surface)}.sf-card__img{display:block;width:100%;height:100%;object-fit:cover}.sf-card__img--placeholder{fill:rgb(var(--color-text-rgb) / .25)}.sf-card__icon{position:absolute;inset-block-start:var(--sf-inset);inset-inline-end:var(--sf-inset);z-index:2;display:grid;place-items:center;width:var(--sf-icon);height:var(--sf-icon);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-heading)}.sf-card__icon .icon{--icon-size: 20px;width:var(--icon-size);height:var(--icon-size)}.sf-card__products{position:absolute;inset-inline:var(--sf-inset);inset-block-end:var(--sf-inset);z-index:2;display:flex;align-items:center;gap:var(--sf-thumb-gap)}.sf-card__product{position:relative;flex:none;width:var(--sf-thumb);aspect-ratio:1;overflow:hidden;border-radius:calc(var(--radius-media) * .6);background:var(--color-bg)}.sf-card__product:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid rgb(var(--color-bg-rgb) / .5);border-radius:inherit}.sf-card__product img,.sf-card__product svg{display:block;width:100%;height:100%;object-fit:cover}.sf-card__product-placeholder{fill:rgb(var(--color-text-rgb) / .25)}.sf-card__more{display:inline-grid;place-items:center;min-width:28px;height:28px;padding-inline:8px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-heading);font-family:var(--font-body-family);font-weight:var(--font-body-weight-medium, var(--font-body-weight));font-size:var(--fs-sm);line-height:1;font-variant-numeric:tabular-nums}@media(min-width:768px){.sf--thumbs-hide .sf-card__products{display:none}}@media(min-width:768px)and (hover:hover)and (pointer:fine){.sf--thumbs-hover .sf-card__products,.sf--thumbs-hover .sf-card__icon{opacity:0}.sf--thumbs-hover .sf-card__products{translate:0 var(--sf-shift)}.sf--thumbs-hover .sf-card__icon{translate:var(--sf-shift) 0}.sf--thumbs-hover .sf-card:is(:hover,:focus-visible) :is(.sf-card__products,.sf-card__icon){opacity:1;translate:0 0}}@media(max-width:767px){.sf{--sf-inset: var(--sf-inset-m);--sf-icon: var(--sf-icon-m);--sf-thumb: var(--sf-thumb-m);--sf-thumb-gap: var(--sf-thumb-gap-m)}.sf-card__icon{inset-block-start:9px;inset-inline-end:9px}.sf-card__icon .icon{--icon-size: 16px}.sf--thumbs-m-icon .sf-card__products,.sf--thumbs-m-hide .sf-card__products,.sf--thumbs-m-hide .sf-card__icon{display:none}}dialog.overlay.sf-pop{--sf-details-w: 450px;--sf-pop-pad-x: 30px;--sf-pop-max-h: calc(100dvh - 2 * var(--gutter));--overlay-w: calc(min(650px, var(--sf-pop-max-h) * var(--sf-pop-ratio, 1)) + var(--sf-details-w))}.sf-pop .overlay__body.sf-pop__body{display:grid;grid-template-columns:minmax(0,1fr);padding:0}.sf-pop__media{position:relative;min-width:0;background:var(--color-surface)}.sf-pop__slides{display:flex;height:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.sf-pop__slides::-webkit-scrollbar{display:none}.sf-pop__slides:focus-visible{outline:2px solid var(--color-heading);outline-offset:-2px}.sf-pop__slide{flex:0 0 100%;min-width:0;aspect-ratio:var(--sf-pop-ratio, 1);scroll-snap-align:start;scroll-snap-stop:always}.sf-pop__img,.sf-pop__video,.sf-pop__slide>svg{display:block;width:100%;height:100%;object-fit:cover}.sf-pop__slide--video{background:var(--color-heading)}.sf-pop__video{object-fit:contain}.sf-pop__arrow{position:absolute;inset-block-start:50%;z-index:2;display:none;place-items:center;width:var(--h-md);height:var(--h-md);margin:0;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-heading);box-shadow:var(--shadow-sm);translate:0 -50%;cursor:pointer}.sf-pop__arrow--prev{inset-inline-start:16px}.sf-pop__arrow--next{inset-inline-end:16px}.sf-pop__arrow .icon{--icon-size: 16px;width:var(--icon-size);height:var(--icon-size)}.sf-pop__arrow:dir(rtl) .icon{scale:-1 1}.sf-pop__arrow:disabled{opacity:.4;cursor:default}.sf-pop__dots{position:absolute;inset-block-end:24px;inset-inline-start:50%;z-index:2;display:flex;gap:2px;padding:4px 6px;border-radius:var(--radius-full);background:rgb(var(--color-bg-rgb) / .3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);translate:-50% 0}.sf-pop__dot{position:relative;width:16px;height:16px;margin:0;padding:0;border:0;background:none;cursor:pointer}.sf-pop__dot:before{content:"";position:absolute;inset:50% auto auto 50%;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-bg);opacity:.5;translate:-50% -50%}.sf-pop__dot[aria-current=true]:before{opacity:1}.sf-pop__dot:after{content:"";position:absolute;top:-14px;right:-2px;bottom:-14px;left:-2px}:root:not(.js) :is(.sf-pop__arrow,.sf-pop__dots){display:none}.sf-pop__details{display:flex;flex-direction:column;min-width:0}.sf-pop__content{display:flex;flex:1 1 auto;flex-direction:column;gap:24px;padding:20px 16px}.sf-pop__products{display:flex;flex-direction:column;gap:20px}.sf-pop__cards{display:flex;flex-direction:column;gap:12px}:root.js .sf-pop__products--featured .sf-pop__card:not(.is-active){display:none}.sf-pop .card-compact--bordered{padding:8px 16px 8px 8px;border-radius:var(--radius-media)}.sf-pop__tagged{display:flex;flex-direction:column;gap:12px}:root:not(.js) .sf-pop__tagged{display:none}.sf-pop__tagged-label{margin:0;color:var(--color-text)}.sf-pop__tagged-list{display:flex;flex-wrap:wrap;gap:10px}.sf-pop__tag{position:relative;width:50px;aspect-ratio:1;margin:0;padding:0;overflow:hidden;border:0;border-radius:calc(var(--radius-media) * .6);background:var(--color-surface);cursor:pointer}.sf-pop__tag img,.sf-pop__tag svg{display:block;width:100%;height:100%;object-fit:var(--card-fit, cover)}.sf-pop__tag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:inherit;transition:border-color var(--dur-fast) var(--ease)}.sf-pop__tag[aria-pressed=true]:after{border-color:var(--color-heading)}@media(hover:hover)and (pointer:fine){.sf-pop__tag:hover:after{border-color:rgb(var(--color-heading-rgb) / .4)}}.sf-pop__tag:focus-visible{outline:2px solid var(--color-heading);outline-offset:2px}.sf-pop__post{display:flex;flex-direction:column;gap:12px}.sf-pop__products+.sf-pop__post{padding-block-start:24px;border-block-start:1px solid var(--color-border)}.sf-pop__byline{display:flex;align-items:center;justify-content:space-between;gap:12px}.sf-pop__author{display:flex;align-items:center;gap:12px;min-width:0;color:var(--color-heading);text-decoration:none}a.sf-pop__author:hover .sf-pop__name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.sf-pop__avatar{flex:none;width:64px;height:64px;padding:2px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-full)}.sf-pop__avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.sf-pop__name{min-width:0;overflow-wrap:anywhere;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:var(--h4-size);line-height:var(--h4-lh);letter-spacing:var(--heading-ls)}.sf-pop__date{flex:none;color:var(--color-text);font-variant-numeric:tabular-nums}.sf-pop__caption{color:var(--color-text)}.sf-pop__nav{position:sticky;inset-block-end:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 16px calc(4px + env(safe-area-inset-bottom,0px));background:var(--color-bg);box-shadow:0 0 4px rgb(var(--color-shadow-rgb) / .1)}.sf-pop__step{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--color-heading);font-family:var(--button-family, var(--font-body-family));font-weight:var(--button-weight, var(--font-body-weight-medium));font-size:var(--button-size, var(--fs-md));letter-spacing:var(--button-ls, 0em);cursor:pointer}.sf-pop__step--next{justify-self:end}.sf-pop__step .icon{--icon-size: 16px;width:var(--icon-size);height:var(--icon-size)}.sf-pop__step:dir(rtl) .icon{scale:-1 1}.sf-pop__step:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.sf-pop__step:not(:disabled):hover span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}}.sf-pop__step:focus-visible{outline:2px solid var(--color-heading);outline-offset:2px}.sf-pop__divider{width:1px;height:16px;background:var(--color-border)}.sf-pop[data-feed-single] .sf-pop__nav{display:none}:root:not(.js) .sf-pop__nav{display:none}@media(min-width:768px){dialog.overlay.sf-pop .overlay__panel{max-height:var(--sf-pop-max-h)}.sf-pop .overlay__body.sf-pop__body{grid-template-columns:minmax(0,1fr) var(--sf-details-w);overflow:hidden}.sf-pop__media,.sf-pop__slide{max-height:var(--sf-pop-max-h)}.sf-pop__media--slider:is(:hover,:focus-within) .sf-pop__arrow{display:grid}.sf-pop__details{position:relative;border-inline-start:1px solid rgb(var(--color-text-rgb) / .08)}.sf-pop__content{position:absolute;inset:0 0 var(--sf-nav-h, 68px);overflow-y:auto;overscroll-behavior:contain;padding:40px var(--sf-pop-pad-x) 20px}.sf-pop__nav{position:absolute;inset:auto 0 0;min-height:var(--sf-nav-h, 68px);padding:10px var(--sf-pop-pad-x)}.sf-pop .overlay__head.sf-pop__head{position:absolute;inset-block-start:12px;inset-inline-end:16px;z-index:3;min-height:0;padding:0;border:0;animation:none}.sf-pop__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sf-pop__close.overlay__close{width:var(--h-md);height:var(--h-md);border-radius:var(--radius-full);background:var(--color-bg)}.sf-pop__close.overlay__close:hover{background:var(--color-surface)}}@media(min-width:768px)and (max-width:991px){dialog.overlay.sf-pop{--sf-details-w: 50%;--overlay-w: 92vw}}@media(max-width:767px){.sf-pop .overlay__body.sf-pop__body{scroll-snap-type:none}.sf-pop__slide{max-height:70dvh}.sf-pop__dots{inset-block-end:16px}}@media(prefers-reduced-motion:no-preference){.sf-card__products,.sf-card__icon{transition:opacity var(--dur) var(--ease),translate var(--dur) var(--ease)}.sf-card__img{transition:scale var(--dur-zoom) var(--ease-out)}.sf-pop__slides{scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference)and (hover:hover)and (pointer:fine){.zoom-on .sf-card:hover .sf-card__img{scale:var(--zoom-scale)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-shop-the-feed.css.map */