.fyrin-hover-media-grid{display:block;padding-block:var(--section-padding-top) var(--section-padding-bottom)}.fyrin-hover-media-grid__items{display:grid;gap:var(--sp-3, 12px);grid-template-columns:repeat(var(--fyrin-hover-columns-mobile, 1),minmax(0,1fr))}.fyrin-hover-media-grid__card{min-width:0}.fyrin-hover-media-grid__media{position:relative;overflow:hidden;border-radius:11px;aspect-ratio:4 / 5;max-height:clamp(168px,22vw,220px);width:100%;margin-inline:auto}.fyrin-hover-media-grid__media--square{aspect-ratio:1;max-height:clamp(152px,20vw,200px)}.fyrin-hover-media-grid__poster,.fyrin-hover-media-grid__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.fyrin-hover-media-grid__poster{opacity:1;transition:opacity .25s ease}.fyrin-hover-media-grid__video{opacity:0;transition:opacity .25s ease}.fyrin-hover-media-grid__media.is-playing .fyrin-hover-media-grid__poster{opacity:0}.fyrin-hover-media-grid__media.is-playing .fyrin-hover-media-grid__video{opacity:1}.fyrin-hover-media-grid__play{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:auto;height:auto;padding:0;cursor:pointer;background:transparent;border:0}.fyrin-hover-media-grid__play-icon,.fyrin-hover-media-grid__pause-icon{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;color:#fff;background:#0000008c;font-size:1.25rem}.fyrin-hover-media-grid__pause-icon .icon{width:1.125rem;height:1.125rem;stroke:currentColor}.fyrin-hover-media-grid__pause-icon,.fyrin-hover-media-grid__media.is-playing .fyrin-hover-media-grid__play-icon{display:none}.fyrin-hover-media-grid__media.is-playing .fyrin-hover-media-grid__pause-icon{display:grid}.fyrin-hover-media-grid__play:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}.fyrin-hover-media-grid__title{display:block;margin-top:8px;font-weight:600;font-size:clamp(.875rem,1.1vw,1rem)}@media(hover:hover)and (pointer:fine){.fyrin-hover-media-grid__play{pointer-events:none;opacity:0}.fyrin-hover-media-grid__media:focus-within .fyrin-hover-media-grid__play,.fyrin-hover-media-grid__media.is-playing .fyrin-hover-media-grid__play{pointer-events:auto;opacity:1}}@media(prefers-reduced-motion:reduce){.fyrin-hover-media-grid__play{pointer-events:auto;opacity:1}}@media screen and (max-width:767px){.fyrin-hover-media-grid--mobile-1:not(.fyrin-hover-media-grid--swipe-mobile) .fyrin-hover-media-grid__items{--fyrin-hover-columns-mobile: 1}.fyrin-hover-media-grid--mobile-2:not(.fyrin-hover-media-grid--swipe-mobile) .fyrin-hover-media-grid__items{--fyrin-hover-columns-mobile: 2}.fyrin-hover-media-grid--swipe-mobile .fyrin-hover-media-grid__items{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:12px;-webkit-overflow-scrolling:touch;padding-inline:max(0px,calc((100% - 72vw)/2))}.fyrin-hover-media-grid--swipe-mobile .fyrin-hover-media-grid__items::-webkit-scrollbar{display:none}.fyrin-hover-media-grid--swipe-mobile .fyrin-hover-media-grid__card{flex:0 0 72vw;scroll-snap-align:start;min-width:0}.fyrin-hover-media-grid--swipe-mobile .fyrin-hover-media-grid__media{max-height:clamp(200px,52vw,240px)}.fyrin-hover-media-grid--swipe-mobile .fyrin-hover-media-grid__play{pointer-events:auto;opacity:1}}@media screen and (max-width:320px){.fyrin-hover-media-grid--swipe-mobile .fyrin-hover-media-grid__card{flex-basis:78vw}}@media screen and (min-width:577px)and (max-width:767px){.fyrin-hover-media-grid--swipe-mobile .fyrin-hover-media-grid__card{flex-basis:58vw}}@media screen and (min-width:768px)and (max-width:991px){.fyrin-hover-media-grid__items{grid-template-columns:repeat(2,minmax(0,1fr))}.fyrin-hover-media-grid__media{max-height:clamp(180px,24vw,210px)}}@media screen and (min-width:992px)and (max-width:1199px){.fyrin-hover-media-grid--desktop-4 .fyrin-hover-media-grid__items{grid-template-columns:repeat(4,minmax(0,1fr))}.fyrin-hover-media-grid--desktop-3 .fyrin-hover-media-grid__items{grid-template-columns:repeat(3,minmax(0,1fr))}.fyrin-hover-media-grid--desktop-2 .fyrin-hover-media-grid__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1200px){.fyrin-hover-media-grid--desktop-2 .fyrin-hover-media-grid__items{grid-template-columns:repeat(2,minmax(0,1fr))}.fyrin-hover-media-grid--desktop-3 .fyrin-hover-media-grid__items{grid-template-columns:repeat(3,minmax(0,1fr))}.fyrin-hover-media-grid--desktop-4 .fyrin-hover-media-grid__items{grid-template-columns:repeat(4,minmax(0,1fr))}.fyrin-hover-media-grid__media{max-height:clamp(168px,14vw,220px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/fyrin-hover-media-grid.css.map */