.video-tutorials{--vt-accent:var(--sec-highlight,var(--color-primary))}.video-tutorials--panel .video-tutorials__box{background:linear-gradient(135deg,color-mix(in srgb,var(--vt-accent) 7%,var(--color-card)),color-mix(in srgb,var(--color-accent) 6%,var(--color-card)));border-radius:1.25rem;padding:clamp(1.25rem,3vw,2rem)}.video-tutorials__header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;margin-bottom:1.5rem}.video-tutorials__title-wrap{align-items:center;display:flex;gap:1rem}.video-tutorials__head-icon{align-items:center;background-color:color-mix(in srgb,var(--vt-accent) 14%,var(--color-card));border-radius:.875rem;color:var(--vt-accent);display:inline-flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.video-tutorials__heading{font-size:1.375rem;margin:0}.video-tutorials__description{color:var(--color-body);font-size:.9375rem;margin:.25rem 0 0}.video-tutorials__view-all{align-items:center;color:var(--vt-accent);display:inline-flex;font-size:.9375rem;font-weight:600;gap:.375rem;text-decoration:none}.video-tutorials__grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}@media (min-width:640px){.video-tutorials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.video-tutorials__grid{grid-template-columns:repeat(var(--vt-cols,3),minmax(0,1fr))}}.video-tutorials__item{display:flex}.video-tutorials__card{background-color:var(--sec-card-bg,var(--color-card));border-radius:var(--sec-card-radius,14px);display:flex;flex-direction:column;overflow:hidden;padding:.5rem;position:relative;width:100%}.video-tutorials__thumb{aspect-ratio:16/9;background:linear-gradient(135deg,color-mix(in srgb,var(--vt-accent) 16%,var(--color-bg-alt)),color-mix(in srgb,var(--color-accent) 22%,var(--color-bg-alt)));border-radius:calc(var(--sec-card-radius, 14px) - 4px);overflow:hidden;position:relative}.video-tutorials__placeholder,.video-tutorials__thumb img,.video-tutorials__thumb video{display:block;height:100%;object-fit:cover;width:100%}.video-tutorials__thumb img,.video-tutorials__thumb video{transition:transform .4s ease}.video-tutorials__card:hover .video-tutorials__thumb img,.video-tutorials__card:hover .video-tutorials__thumb video{transform:scale(1.04)}.video-tutorials__play{background:none;border:0;cursor:pointer;padding:0;position:static}.video-tutorials__play:after{content:"";inset:0;position:absolute;z-index:2}.video-tutorials__play:focus-visible{outline:none}.video-tutorials__card:has(.video-tutorials__play:focus-visible){outline:2px solid var(--vt-accent);outline-offset:2px}.video-tutorials__play-icon{align-items:center;background-color:var(--vt-accent);border-radius:50%;box-shadow:0 0 0 8px color-mix(in srgb,var(--vt-accent) 22%,transparent);color:#fff;display:flex;height:3.25rem;justify-content:center;left:50%;padding-left:.2rem;position:absolute;top:50%;transition:scale .25s ease;translate:-50% -50%;width:3.25rem;z-index:1}.video-tutorials__card:hover .video-tutorials__play-icon{scale:1.08}.video-tutorials__duration{background-color:rgba(15,23,42,.78);border-radius:.375rem;bottom:.5rem;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;position:absolute;right:.5rem;z-index:1}.video-tutorials__body{padding:.875rem .5rem .5rem}.video-tutorials__title{color:var(--color-heading);font-family:var(--font-primary);font-size:1rem;font-weight:600;letter-spacing:0;margin:0}.video-tutorials__desc{color:var(--color-body);font-size:.875rem;line-height:1.5;margin:.375rem 0 0}.video-tutorials-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .3s ease;z-index:9999}.video-tutorials-modal.is-open{opacity:1}.video-tutorials-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(15,23,42,.7);inset:0;position:absolute}.video-tutorials-modal__box{position:relative;width:min(900px,90%)}.video-tutorials-modal__frame{aspect-ratio:16/9;background-color:#000;border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.7);overflow:hidden;position:relative}.video-tutorials-modal__frame iframe,.video-tutorials-modal__frame video{border:0;height:100%;inset:0;position:absolute;width:100%}.video-tutorials-modal__close{background:none;border:0;color:hsla(0,0%,100%,.85);cursor:pointer;padding:.5rem;position:absolute;right:-.5rem;top:-2.75rem}.video-tutorials-modal__close:hover{color:#fff}@media (prefers-reduced-motion:reduce){.video-tutorials-modal,.video-tutorials__play-icon,.video-tutorials__thumb img,.video-tutorials__thumb video{transition:none}}.video-tutorials__inner{margin-left:auto;margin-right:auto;max-width:var(--max-width);padding-left:1.5rem;padding-right:1.5rem;width:100%}.row-fluid:has(>.dnd-column+.dnd-column) .video-tutorials__inner{max-width:none;padding-left:0;padding-right:0}.video-tutorials__box{height:100%}