.product-use-cases{--use-cases-background: transparent;--use-cases-label-background: #ffffff;--use-cases-text: #171717;--use-cases-border: #e3e3e0;--use-cases-radius: 10px;--use-cases-heading-size: 18px;--use-cases-video-highlight: #ddeeff;width:100%;margin:2rem 0;color:var(--use-cases-text)}.product-use-cases__frame{width:100%;overflow:hidden;background:transparent}.product-use-cases__bar{display:block;min-height:0;padding:0;border:0;background:transparent}.product-use-cases__heading{margin:0 0 1.2rem;color:var(--use-cases-text);font-size:var(--use-cases-heading-size);font-weight:600;line-height:1.3;letter-spacing:-.01em}.product-use-cases__scroller{width:100%;overflow-x:auto;padding:.7rem 0 .2rem;scrollbar-width:none}.product-use-cases__scroller::-webkit-scrollbar{display:none}.product-use-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;width:100%}.product-use-case{position:relative;min-width:0;padding-top:1.3rem}.product-use-case__label{position:absolute;z-index:2;top:0;left:50%;display:flex;min-height:2.6rem;max-width:calc(100% - 1rem);align-items:center;justify-content:center;padding:.4rem .75rem;border:0;border-radius:.55rem;background:var(--use-cases-label-background);color:var(--use-cases-text);box-shadow:0 1px 5px #00000014;font-size:1.1rem;font-weight:600;line-height:1.15;text-align:center;white-space:nowrap;transform:translate(-50%)}.product-use-case__media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border:0;border-radius:.8rem;background:#f5f5f3}.product-use-case__image,.product-use-case__placeholder{display:block;width:100%;height:100%}.product-use-case__image{object-fit:cover;object-position:center}.product-use-case__placeholder{padding:2rem;background:#f5f5f3;fill:#1717172e}.product-use-cases__video-trigger{box-sizing:border-box;display:flex;width:100%;min-height:4.5rem;align-items:center;gap:.85rem;margin-top:1.3rem;padding:1rem .15rem .4rem;border:0;border-top:1px solid var(--use-cases-border);background:transparent;color:var(--use-cases-text);font:inherit;text-align:left;cursor:pointer}.product-use-cases__video-trigger:hover .product-use-cases__video-link-copy mark{background:#cfe4ff}.product-use-cases__play-icon{display:flex;width:2.7rem;height:2.7rem;flex:0 0 2.7rem;align-items:center;justify-content:center;border-radius:50%;background:#171717;color:#fff;transition:transform .16s ease,opacity .16s ease}.product-use-cases__video-trigger:hover .product-use-cases__play-icon{transform:scale(1.06)}.product-use-cases__play-icon svg{display:block;width:1rem;height:1.2rem;margin-left:.12rem}.product-use-cases__video-link-copy{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:.35rem;font-size:1.3rem;font-weight:500;line-height:1.35}.product-use-cases__video-link-copy mark{padding:.12rem .35rem;border-radius:.25rem;background:var(--use-cases-video-highlight);color:inherit;font-weight:650;transition:background-color .16s ease}.product-use-cases__video-duration{flex:0 0 auto;color:var(--use-cases-text);opacity:.48;font-size:1.05rem;line-height:1;white-space:nowrap}@media screen and (max-width:749px){.product-use-cases{margin:1.6rem 0}.product-use-cases__heading{margin-bottom:1rem}.product-use-cases__grid{gap:.8rem}.product-use-case{padding-top:1.15rem}.product-use-case__label{min-height:2.4rem;max-width:calc(100% - .5rem);padding:.35rem .5rem;font-size:.95rem}.product-use-case__media{border-radius:.7rem}.product-use-cases__video-trigger{margin-top:1.1rem}.product-use-cases__video-link-copy{font-size:1.2rem}.product-use-cases__video-duration{font-size:1rem}}.product-use-cases__frame{position:relative}.product-use-cases.is-video-open .product-use-cases__gallery{display:none}.product-use-cases.is-video-open .product-use-cases__video-trigger{display:flex}.product-use-cases__video-view{position:relative;width:100%;height:18rem;overflow:hidden;background:#111;border-radius:.8rem}.product-use-cases__video-view[hidden]{display:none}.product-use-cases__video-header{position:absolute;z-index:3;top:.8rem;right:.8rem;display:block;min-height:0;padding:0;border:0;background:transparent}.product-use-cases__video-title{display:none}.product-use-cases__video-close{display:flex;width:3.2rem;height:3.2rem;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#171717;cursor:pointer;box-shadow:0 2px 8px #00000024}.product-use-cases__video-close svg{width:1.6rem;height:1.6rem}.product-use-cases__video-media{width:100%;height:100%;overflow:hidden;background:#111}.product-use-cases__video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:#111}.product-use-cases__video-back{display:none}@media screen and (max-width:749px){.product-use-cases__video-view{height:16rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-use-cases.css.map */