@layer modules{.media{margin-block:var(--spacing-xs)}.media:first-child{margin-top:0}.media:last-child{margin-bottom:0}.media .img,.media .video{background-color:var(--bg-color);border-radius:var(--radius-md);overflow:hidden}.media .img>a,.media .video>a{display:block}.media img,.media video{display:block;width:100%;height:auto}.media.cover img{object-fit:cover}.media.contain img{object-fit:contain}.media .video{position:relative;cursor:pointer}.media .video::before,.media .video::after{content:"";display:block;position:absolute;pointer-events:none;opacity:0;transition-property:opacity;transition-duration:var(--transition-duration-fast);transition-timing-function:var(--transition-timing-function)}.media .video::before{inset:0;background:color-mix(in srgb, color-mix(in oklch, var(--bg-color-dark), black 30%) 70%, transparent)}.media .video::after{top:50%;left:50%;font-size:var(--font-size-heading-lg);width:2em;height:2em;transform:translate(-50%, -50%);mask-image:url("/assets/icons/play-media.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat;background:var(--button-canola-bg)}.media .video.paused::before,.media .video.paused::after{opacity:1}.media .chapters{--gap: 8px;container-type:inline-size;margin-top:var(--spacing-xs)}.media .chapters .chapter{width:100%;text-align:left;display:grid;grid-template-columns:1fr auto;gap:var(--spacing-5xs);align-content:start;padding:var(--spacing-2xs);border:.0625rem solid currentColor;border-radius:var(--radius-sm)}.media .chapters .chapter span{display:inline-block}.media .chapters .chapter .eyebrow{width:100%;grid-column:1/-1;font-size:var(--font-size-body-sm)}.media .chapters .arrows{display:flex;justify-content:space-between;gap:var(--gap);margin-top:var(--gap)}.media .chapters .arrows button{font-size:var(--font-size-heading-xs);padding:.25em;background-color:var(--button-canola-bg);color:var(--button-canola-text)}.media .chapters .arrows button::before,.media .chapters .arrows button::after{margin:0}@media(hover: hover){.media .chapters .arrows button:hover{background-color:color-mix(in srgb, var(--button-canola-bg), black 10%)}}.media .chapters .arrows.hidden{display:none}.media .chapters .keen-slider{display:flex}.media .chapters .keen-slider .keen-slider__slide{flex:0 0 100%}@container (width > 30rem){.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(2)) .keen-slider__slide{flex-basis:calc((100% - var(--gap))/2)}.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(2)):not(:has(>.keen-slider__slide:nth-child(3)))~.arrows{display:none}}@container (width > 45rem){.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(3)) .keen-slider__slide{flex-basis:calc((100% - var(--gap)*2)/3)}.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(3)):not(:has(>.keen-slider__slide:nth-child(4)))~.arrows{display:none}}@container (width > 60rem){.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(4)) .keen-slider__slide{flex-basis:calc((100% - var(--gap)*3)/4)}.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(4)):not(:has(>.keen-slider__slide:nth-child(5)))~.arrows{display:none}}@container (width > 70rem){.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(5)) .keen-slider__slide{flex-basis:calc((100% - var(--gap)*4)/5)}.media .chapters .keen-slider:has(>.keen-slider__slide:nth-child(5)):not(:has(>.keen-slider__slide:nth-child(6)))~.arrows{display:none}}}/*# sourceMappingURL=media.css.map */