.woo-video-guides{--woo-accent: #5d9995;--woo-teal: #5d9995;--woo-text: rgb(var(--body-text-color, 0 0 0));--woo-heading: rgb(var(--heading-color, 32 34 35));--woo-border: rgba(0, 0, 0, .12);--woo-muted: rgba(0, 0, 0, .66);--woo-soft: rgba(93, 153, 149, .1);--woo-page-width: min(1200px, calc(100vw - 40px) );width:var(--woo-page-width);margin:0 auto;padding:34px 0 68px;color:var(--woo-text);font-family:var(--base-font-family, Montserrat, sans-serif)}.woo-video-guides__header{display:grid;gap:18px;margin-bottom:28px;text-align:center}.woo-video-guides__eyebrow{margin:0 0 10px;color:var(--woo-teal);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.woo-video-guides__title{margin:0;color:var(--woo-heading);font-family:var(--heading-font-family, Archivo, sans-serif);font-size:clamp(32px,5vw,54px);font-weight:var(--heading-font-weight, 400);letter-spacing:var(--heading-font-letter-spacing, .01em);line-height:.95;text-transform:var(--heading-text-transform, uppercase)}.woo-video-guides__intro{max-width:760px;margin:16px auto 0;color:#000000ad;font-size:17px;line-height:1.7}.woo-video-guides__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:1060px;margin:0 auto 16px}.woo-video-guides__filter{min-height:40px;border:1px solid rgba(0,0,0,.14);border-radius:999px;background:#ffffffd6;color:var(--woo-text);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:9px 16px;text-align:center;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.woo-video-guides__filter:hover,.woo-video-guides__filter:focus-visible{border-color:var(--woo-teal);box-shadow:0 6px 18px #5d999529;transform:translateY(-1px)}.woo-video-guides__filter.is-active{border-color:var(--woo-teal);background:var(--woo-teal);color:#fff}.woo-video-guides__count{margin:0 auto 24px;color:#0000009e;font-size:12px;font-weight:700;line-height:1.2;text-align:center}.woo-video-guides__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.woo-video-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--woo-border);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.woo-video-card:hover{border-color:#00000052;box-shadow:0 18px 42px #0000001a;transform:translateY(-3px)}.woo-video-card[hidden]{display:none}.woo-video-card__media{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:0;background:#202223;cursor:pointer;padding:0}.woo-video-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,opacity .22s ease}.woo-video-card:hover .woo-video-card__media img{opacity:.82;transform:scale(1.035)}.woo-video-card__play{position:absolute;left:50%;top:50%;display:grid;width:58px;height:58px;place-items:center;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:#5d9995f0;box-shadow:0 12px 28px #00000047;transform:translate(-50%,-50%);transition:background-color .18s ease,transform .18s ease}.woo-video-card__media:hover .woo-video-card__play,.woo-video-card__media:focus-visible .woo-video-card__play{background:var(--woo-teal);transform:translate(-50%,-50%) scale(1.06)}.woo-video-card__play:before{display:block;width:0;height:0;margin-left:4px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #fff;content:""}.woo-video-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:19px 20px 21px}.woo-video-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--woo-muted);font-size:12px;font-weight:700}.woo-video-card__category{color:var(--woo-teal);letter-spacing:.04em;text-transform:uppercase}.woo-video-card__duration{white-space:nowrap}.woo-video-card__title{margin:0;color:var(--woo-heading);font-family:var(--heading-font-family, Archivo, sans-serif);font-size:20px;line-height:1.2;text-transform:none}.woo-video-card__description{margin:0;color:var(--woo-muted);font-size:14px;line-height:1.55}.woo-video-modal[hidden]{display:none}.woo-video-modal{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px}.woo-video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#000000c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.woo-video-modal__dialog{position:relative;width:min(980px,100%);background:#000;border-radius:8px;box-shadow:0 22px 70px #00000061;overflow:visible}.woo-video-modal__close{position:absolute;right:-21px;top:-21px;z-index:2;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:#fff;box-shadow:0 10px 28px #00000047;color:#000;cursor:pointer;padding:0;transition:background-color .16s ease,color .16s ease,transform .16s ease}.woo-video-modal__close:hover,.woo-video-modal__close:focus-visible{background:var(--woo-teal);color:#fff;transform:scale(1.04)}.woo-video-modal__close span,.woo-video-modal__close span:after{display:block;width:16px;height:2px;border-radius:999px;background:currentColor;content:""}.woo-video-modal__close span{transform:rotate(45deg)}.woo-video-modal__close span:after{transform:rotate(90deg)}.woo-video-modal__player{aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.woo-video-modal__player iframe{display:block;width:100%;height:100%;border:0}body.woo-video-modal-open{overflow:hidden}@media(max-width:989px){.woo-video-guides__filters{max-width:680px}.woo-video-guides__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px){.woo-video-guides{--woo-page-width: calc(100vw - 32px) ;padding-top:28px;padding-bottom:44px}.woo-video-guides__header{margin-bottom:24px;text-align:center}.woo-video-guides__intro{margin-left:auto;margin-right:auto;font-size:15px;line-height:1.65}.woo-video-guides__filters{gap:8px;margin-bottom:18px}.woo-video-guides__filter{min-height:36px;padding:8px 10px}.woo-video-guides__count{max-width:100%;text-align:center}.woo-video-guides__grid{grid-template-columns:1fr;gap:18px}.woo-video-modal{padding:64px 16px 16px}.woo-video-modal__close{right:0;top:-48px;width:38px;height:38px;background:#ffffffeb}}
/*# sourceMappingURL=/cdn/shop/t/55/compiled_assets/styles.css.map?subset=AAAAAAAAAAAQ */