.hokolite-youtube{background:var(--youtube-background);color:var(--youtube-text);padding-block:var(--youtube-padding-top) var(--youtube-padding-bottom)}.hokolite-youtube__inner{width:min(calc(100% - 24px),var(--youtube-width));margin-inline:auto}.hokolite-youtube__heading{margin:0 0 32px;color:inherit;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;text-align:center}.hokolite-youtube__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,.8vw,16px)}.hokolite-youtube__card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgb(18 18 18 / 10%);border-radius:14px;background:#fff;box-shadow:0 2px 12px #12121214}.hokolite-youtube__card-title{overflow:hidden;padding:11px 12px;background:#000;color:#fff;font-size:clamp(.78rem,.9vw,1rem);line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hokolite-youtube__player,.hokolite-youtube__placeholder{position:relative;display:grid;width:100%;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border:0;background:#111;color:#fff}.hokolite-youtube__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#111;cursor:pointer}.hokolite-youtube__poster,.hokolite-youtube__poster-placeholder,.hokolite-youtube__iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}.hokolite-youtube__poster-placeholder{background:#202020}.hokolite-youtube__play{position:absolute;inset:50% auto auto 50%;width:66px;height:46px;border-radius:13px;background:#f03;box-shadow:0 6px 24px #00000047;translate:-50% -50%;transition:scale .18s ease,background .18s ease}.hokolite-youtube__play:after{position:absolute;inset:50% auto auto 53%;width:0;height:0;border-block:10px solid transparent;border-left:16px solid #ffffff;content:"";translate:-50% -50%}.hokolite-youtube__media:hover .hokolite-youtube__play,.hokolite-youtube__media:focus-visible .hokolite-youtube__play{background:#d9002b;scale:1.08}.hokolite-youtube__media:focus-visible,.hokolite-youtube__product-link:focus-visible{outline:3px solid currentcolor;outline-offset:3px}.hokolite-youtube__placeholder{padding:24px;background:#f2f2f2;color:#555;text-align:center}.hokolite-youtube__footer{margin-top:auto;padding:12px}.hokolite-youtube__product-link{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #000000;border-radius:999px;background:#000;color:#fff;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background .18s ease,color .18s ease}.hokolite-youtube__product-link:hover{background:#fff;color:#000}@media(max-width:1199px){.hokolite-youtube__inner{width:min(calc(100% - 24px),var(--youtube-width))}.hokolite-youtube__heading{margin-bottom:22px}.hokolite-youtube__grid{grid-auto-columns:minmax(300px,78vw);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}.hokolite-youtube__card{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.hokolite-youtube__play,.hokolite-youtube__product-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/81/compiled_assets/styles.css.map?subset=AAAAAAg */