.hiyo-social-feed{--hiyo-social-heading-font: var(--font-heading--family, serif);--hiyo-social-body-font: var(--font-body--family, sans-serif);--hiyo-social-label-font: var(--font-body--family, sans-serif);--hiyo-social-card-width: 258px;--hiyo-social-card-height: 579px;--hiyo-social-card-gap: 24px;display:block;width:100%;overflow:hidden;padding-block:var(--hiyo-social-padding-mobile);background:var(--hiyo-social-background);color:var(--hiyo-social-text)}.hiyo-social-feed,.hiyo-social-feed *{box-sizing:border-box}.hiyo-social-feed--source-fonts{--hiyo-social-heading-font: "Hiyo Larken", serif;--hiyo-social-body-font: "Hiyo Acumin Semi Condensed", sans-serif;--hiyo-social-label-font: "Hiyo Acumin Wide", sans-serif}.hiyo-social-feed__layout{display:grid;width:100%;gap:40px}.hiyo-social-feed__header{display:flex;min-width:0;flex-direction:column;padding-inline:20px}.hiyo-social-feed__heading,.hiyo-social-feed__copy,.hiyo-social-feed__handle{margin:0;color:inherit}.hiyo-social-feed__heading{font-family:var(--hiyo-social-heading-font);font-size:32px;font-style:normal;font-weight:100;letter-spacing:.02em;line-height:1.03;text-transform:lowercase}.hiyo-social-feed__heading em,.hiyo-social-feed__heading i{font-style:italic}.hiyo-social-feed__copy{margin-top:16px;font-family:var(--hiyo-social-body-font);font-size:16px;font-weight:300;letter-spacing:.02em;line-height:1.6;text-transform:lowercase}.hiyo-social-feed__copy,.hiyo-social-feed__copy *{color:inherit}.hiyo-social-feed__copy>:first-child{margin-block-start:0}.hiyo-social-feed__copy>:last-child{margin-block-end:0}.hiyo-social-feed__navigation{display:none;gap:16px;margin-top:40px}.hiyo-social-feed__navigation-button{display:grid;width:50px;height:50px;flex:0 0 50px;padding:0;border:0;border-radius:50%;background:var(--hiyo-social-control-background);color:var(--hiyo-social-control-color);cursor:pointer;place-items:center;transition:opacity .18s ease,transform .18s ease}.hiyo-social-feed__navigation-button:focus-visible,.hiyo-social-feed__video-button:focus-visible{outline:2px solid currentcolor;outline-offset:3px}.hiyo-social-feed__arrow{position:relative;display:block;width:13px;height:13px}.hiyo-social-feed__arrow:before{position:absolute;top:50%;left:42%;width:8px;height:8px;border-top:1px solid currentcolor;border-right:1px solid currentcolor;content:"";transform:translate(-50%,-50%) rotate(45deg)}.hiyo-social-feed__arrow--previous:before{left:58%;transform:translate(-50%,-50%) rotate(-135deg)}.hiyo-social-feed__viewport{min-width:0;overflow:hidden}.hiyo-social-feed__track{display:grid;width:100%;overflow-x:auto;overflow-y:hidden;align-items:start;grid-auto-columns:var(--hiyo-social-card-width);grid-auto-flow:column;gap:var(--hiyo-social-card-gap);padding-inline:max(20px,calc((100% - var(--hiyo-social-card-width)) / 2));cursor:grab;overscroll-behavior-inline:contain;scroll-padding-inline:max(20px,calc((100% - var(--hiyo-social-card-width)) / 2));scroll-behavior:auto;scroll-snap-type:inline proximity;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}.hiyo-social-feed__track::-webkit-scrollbar{display:none}.hiyo-social-feed__track:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.hiyo-social-feed__track.is-dragging,.hiyo-social-feed__track.is-settling{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.hiyo-social-feed__story{position:relative;width:var(--hiyo-social-card-width);height:var(--hiyo-social-card-height);overflow:hidden;border-radius:2px;opacity:.42;scroll-snap-align:center;scroll-snap-stop:normal;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);will-change:opacity}.hiyo-social-feed__story.is-active,.hiyo-social-feed__story.is-target{opacity:1}.hiyo-social-feed__story[data-hiyo-social-clone]{pointer-events:none;scroll-snap-align:none}.hiyo-social-feed__story[data-hiyo-social-clone].is-wrap-target{opacity:1}.hiyo-social-feed__media,.hiyo-social-feed__cover,.hiyo-social-feed__video,.hiyo-social-feed__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hiyo-social-feed__media{overflow:hidden;background:#d8cbb8}.hiyo-social-feed__cover,.hiyo-social-feed__video{display:block;object-fit:cover;object-position:var(--hiyo-social-focal-x) var(--hiyo-social-focal-y)}.hiyo-social-feed__video{z-index:1;opacity:0;transition:opacity .22s ease}.hiyo-social-feed__story.is-active.is-video-ready .hiyo-social-feed__video{opacity:1}.hiyo-social-feed__shade{z-index:2;background:linear-gradient(180deg,rgb(0 0 0 / .36) 0%,transparent 22%),linear-gradient(0deg,rgb(0 0 0 / .48) 0%,transparent 30%);opacity:0;pointer-events:none;transition:opacity .22s ease}.hiyo-social-feed__story.is-active .hiyo-social-feed__shade{opacity:1}.hiyo-social-feed__progress{position:absolute;z-index:3;top:14px;right:14px;left:14px;height:3px;overflow:hidden;background:#f5eddf6b;opacity:0;pointer-events:none;transition:opacity .18s ease}.hiyo-social-feed__story.is-active .hiyo-social-feed__progress{opacity:1}.hiyo-social-feed__progress-fill{display:block;width:100%;height:100%;background:#f5eddf;transform:scaleX(0);transform-origin:left center;will-change:transform}.hiyo-social-feed__handle{position:absolute;z-index:3;top:36px;left:16px;max-width:calc(100% - 32px);overflow:hidden;color:#f5eddf;font-family:var(--hiyo-social-label-font);font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1;opacity:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;transition:opacity .18s ease}.hiyo-social-feed__video-controls{position:absolute;z-index:4;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:24px 18px 20px;color:#f5eddf}.hiyo-social-feed__progress[hidden],.hiyo-social-feed__video-controls[hidden],.hiyo-social-feed__video-button[hidden]{display:none}.hiyo-social-feed__playback-controls,.hiyo-social-feed__volume-controls{display:flex;align-items:center;gap:16px}.hiyo-social-feed__video-button{display:grid;width:32px;height:32px;padding:4px;border:0;border-radius:50%;background:#00000029;color:#f5eddf;cursor:pointer;place-items:center;transition:background-color .16s ease,transform .16s ease}.hiyo-social-feed__video-button img{display:block;width:24px;height:24px}.hiyo-social-feed__empty{width:var(--hiyo-social-card-width);margin:0;font-family:var(--hiyo-social-body-font);font-size:16px;line-height:1.6;scroll-snap-align:center}@media screen and (min-width:700px)and (hover:hover){.hiyo-social-feed__navigation-button:not(:disabled):hover{transform:scale(1.05)}.hiyo-social-feed__video-controls{opacity:0;pointer-events:none;transition:opacity .18s ease}.hiyo-social-feed__story.is-active:hover .hiyo-social-feed__video-controls,.hiyo-social-feed__story.is-active:focus-within .hiyo-social-feed__video-controls{opacity:1;pointer-events:auto}.hiyo-social-feed__video-button:hover{background:#0000004d;transform:scale(1.06)}}@media screen and (min-width:700px){.hiyo-social-feed{padding-block:var(--hiyo-social-padding-tablet)}.hiyo-social-feed__header{padding-inline:32px}.hiyo-social-feed__heading{font-size:48px;line-height:1}.hiyo-social-feed__copy{margin-top:24px}.hiyo-social-feed__navigation{display:flex}.hiyo-social-feed__track{padding-inline:max(32px,calc((100% - var(--hiyo-social-card-width)) / 2));scroll-padding-inline:max(32px,calc((100% - var(--hiyo-social-card-width)) / 2))}}@media screen and (min-width:1000px){.hiyo-social-feed__header{padding-inline:48px}.hiyo-social-feed__track{padding-inline:max(48px,calc((100% - var(--hiyo-social-card-width)) / 2));scroll-padding-inline:max(48px,calc((100% - var(--hiyo-social-card-width)) / 2))}}@media screen and (min-width:1150px){.hiyo-social-feed{padding-block:var(--hiyo-social-padding-desktop)}.hiyo-social-feed__layout{grid-template-columns:390px minmax(0,1fr);gap:0}.hiyo-social-feed__header{height:var(--hiyo-social-card-height);justify-content:center;padding-inline:48px}.hiyo-social-feed__heading,.hiyo-social-feed__copy{width:294px;max-width:100%}.hiyo-social-feed__viewport,.hiyo-social-feed__track{height:var(--hiyo-social-card-height)}.hiyo-social-feed__track{padding-inline:max(0px,calc((100% - var(--hiyo-social-card-width)) / 2));scroll-padding-inline:max(0px,calc((100% - var(--hiyo-social-card-width)) / 2))}}@media screen and (min-width:1400px){.hiyo-social-feed{padding-block:var(--hiyo-social-padding-wide)}}@media(prefers-reduced-motion:reduce){.hiyo-social-feed__navigation-button,.hiyo-social-feed__story,.hiyo-social-feed__video,.hiyo-social-feed__shade,.hiyo-social-feed__handle,.hiyo-social-feed__progress,.hiyo-social-feed__video-button{transition:none}.hiyo-social-feed__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hiyo-social-feed.css.map */