@scope(.noel-page){.media-with-content{padding-block:var(--media-content-padding-top) var(--media-content-padding-bottom);overflow:hidden;background:var(--color-background);color:var(--color-foreground)}.media-with-content__inner{width:min(100%,var(--page-width));margin-inline:auto;padding-inline:var(--page-margin)}.media-with-content--full .media-with-content__inner{width:100%;max-width:none;padding-inline:0}.media-with-content__layout{display:grid;min-width:0;grid-template-columns:minmax(0,var(--media-content-media-width)) minmax(0,1fr);align-items:stretch;gap:var(--media-content-column-gap)}.media-with-content--media-right .media-with-content__layout{grid-template-columns:minmax(0,1fr) minmax(0,var(--media-content-media-width))}.media-with-content--media-right .media-with-content__media{grid-column:2}.media-with-content--media-right .media-with-content__content{grid-column:1;grid-row:1}.media-with-content--no-media .media-with-content__layout{display:block}.media-with-content--no-media .media-with-content__content{width:min(100%,860px);margin-inline:auto}.media-with-content__media{position:relative;min-width:0;overflow:hidden;background:var(--color-background-secondary);aspect-ratio:var(--media-content-media-ratio)}.media-with-content__image,.media-with-content__video,.media-with-content__placeholder,.media-with-content__video video{display:block;width:100%;height:100%;object-fit:var(--media-content-media-fit)}.media-with-content__media picture{display:block;width:100%;height:100%}.media-with-content__video{position:absolute;top:0;right:0;bottom:0;left:0}.media-with-content__media--grid{display:grid;overflow:visible;aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--media-content-media-grid-gap);background:transparent}.media-with-content__media-item{position:relative;min-width:0;margin:0;overflow:hidden;aspect-ratio:var(--media-content-media-ratio);background:var(--color-background-secondary)}.media-with-content__grid-image,.media-with-content__grid-video,.media-with-content__grid-video video,.media-with-content__media-item .media-with-content__placeholder{display:block;width:100%;height:100%;object-fit:var(--media-content-media-fit)}.media-with-content__grid-video{position:absolute;top:0;right:0;bottom:0;left:0}.media-with-content__media-item:after{position:absolute;z-index:1;right:0;bottom:0;left:0;height:34%;background:linear-gradient(to top,rgb(0 0 0 / .44),transparent);content:"";pointer-events:none}.media-with-content__media-item:not(.media-with-content__media-item--has-title):after{display:none}.media-with-content__media-title{position:absolute;z-index:2;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);margin:0;color:#fff;font-size:var(--type-body-small-size);font-weight:500;line-height:var(--type-body-small-line-height);text-wrap:balance}.media-with-content__playback{position:absolute;z-index:3;top:var(--space-3);right:var(--space-3);display:grid;width:34px;height:34px;padding:0;border:var(--border-width-hairline) solid rgb(255 255 255 / .46);border-radius:var(--radius-button);background:#0f0f0f7a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;place-items:center;transition:background-color var(--motion-duration-fast) ease,transform var(--motion-duration-fast) var(--motion-ease-standard)}.media-with-content__playback:is(:hover,:focus-visible){background:#0f0f0fad;transform:translateY(-1px)}.media-with-content__playback-icon{grid-area:1 / 1}.media-with-content__playback-icon--play,.media-with-content__media--grid[data-playing=false] .media-with-content__playback-icon--pause{display:none}.media-with-content__media--grid[data-playing=false] .media-with-content__playback-icon--play{display:block}.media-with-content__content{display:grid;min-width:0;padding:var(--media-content-content-padding);align-content:var(--media-content-vertical-alignment)}.media-with-content__blocks{display:grid;min-width:0;gap:var(--media-content-block-gap)}.media-with-content__blocks--center{justify-items:center;text-align:center}.media-with-content__blocks--right{justify-items:end;text-align:right}.media-with-content__label{display:inline-grid;width:fit-content;max-width:100%;color:var(--color-foreground);justify-items:stretch;gap:5px}.media-with-content__label-text{display:block;padding-inline:8px}.media-with-content__label-line{display:block;width:100%;height:6px;border-inline:var(--border-width-hairline) solid currentcolor;opacity:.72}.media-with-content__label-line--top{border-top:var(--border-width-hairline) solid currentcolor;border-radius:var(--radius-small, 2px) var(--radius-small, 2px) 0 0}.media-with-content__label-line--bottom{border-bottom:var(--border-width-hairline) solid currentcolor;border-radius:0 0 var(--radius-small, 2px) var(--radius-small, 2px)}.media-with-content__label--plain .media-with-content__label-line{display:none}.media-with-content__label--plain .media-with-content__label-text{padding-inline:0}.media-with-content__label--side-lines{display:inline-grid;grid-template-columns:24px minmax(0,auto) 24px;align-items:center;gap:10px}.media-with-content__label--side-lines .media-with-content__label-line{width:24px;height:1px;border:0;background:currentcolor;opacity:.56}.media-with-content__label--side-lines .media-with-content__label-line--top{grid-column:1;grid-row:1}.media-with-content__label--side-lines .media-with-content__label-text{grid-column:2;grid-row:1;padding:0}.media-with-content__label--side-lines .media-with-content__label-line--bottom{grid-column:3;grid-row:1}.media-with-content__heading{margin:0;text-wrap:pretty}.media-with-content__blocks--center .media-with-content__heading{margin-inline:auto}.media-with-content__blocks--right .media-with-content__heading{margin-left:auto}.media-with-content__text{max-width:58ch;color:var(--color-muted)}.media-with-content__icon-list{display:grid;width:100%;min-width:0;grid-template-columns:repeat(var(--media-content-icon-columns),minmax(0,1fr));gap:var(--space-5) var(--space-8);text-align:left}.media-with-content__icon-item{display:grid;min-width:0;grid-template-columns:var(--media-content-icon-size) minmax(0,1fr);align-items:start;gap:var(--space-3)}.media-with-content__icon-visual{display:grid;width:var(--media-content-icon-size);height:var(--media-content-icon-size);color:var(--color-foreground);place-items:center;transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-fast) var(--motion-ease-standard)}.media-with-content__icon-image{display:block;width:100%;height:100%;object-fit:contain}.media-with-content__icon-copy{display:grid;min-width:0;gap:3px}.media-with-content__icon-heading{margin:0}.media-with-content__icon-text{color:var(--color-muted);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height)}.media-with-content__icon-item:is(:hover,:focus-within) .media-with-content__icon-visual{opacity:.62;transform:translateY(-2px)}.media-with-content__actions{display:flex;width:100%;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.media-with-content__actions--mobile-after{display:none}.media-with-content__blocks--center .media-with-content__actions{justify-content:center}.media-with-content__blocks--right .media-with-content__actions{justify-content:flex-end}@media(max-width:749px){.media-with-content{padding-block:var(--media-content-padding-top-mobile) var(--media-content-padding-bottom-mobile)}.media-with-content__layout{grid-template-columns:minmax(0,1fr);gap:var(--media-content-mobile-gap, 24px)}.media-with-content--media-right .media-with-content__layout{grid-template-columns:minmax(0,1fr)}.media-with-content--media-right .media-with-content__media,.media-with-content--media-right .media-with-content__content{grid-column:1}.media-with-content__media{grid-row:1;aspect-ratio:var(--media-content-media-ratio-mobile)}.media-with-content__media--grid{aspect-ratio:auto}.media-with-content__media-item{aspect-ratio:var(--media-content-media-ratio-mobile)}.media-with-content__media-title{right:var(--space-2);bottom:var(--space-2);left:var(--space-2)}.media-with-content__content{grid-row:2;padding:var(--media-content-content-padding-mobile)}.media-with-content--media-right .media-with-content__media{grid-row:1}.media-with-content--media-right .media-with-content__content{grid-row:2}.media-with-content--mobile-content-first .media-with-content__content,.media-with-content--media-right.media-with-content--mobile-content-first .media-with-content__content{grid-row:1}.media-with-content--mobile-content-first .media-with-content__media,.media-with-content--media-right.media-with-content--mobile-content-first .media-with-content__media{grid-row:2}.media-with-content__blocks{gap:var(--media-content-block-gap-mobile)}.media-with-content__icon-list{grid-template-columns:repeat(var(--media-content-icon-columns-mobile),minmax(0,1fr));gap:var(--space-4)}.media-with-content__actions{align-items:center}.media-with-content--mobile-actions-after_media .media-with-content__actions--inside{display:none}.media-with-content--mobile-actions-after_media .media-with-content__actions--mobile-after{display:flex;margin-top:var(--media-content-mobile-gap, 24px);padding-inline:var(--media-content-content-padding-mobile)}}@media(prefers-reduced-motion:reduce){.media-with-content__icon-visual{transition:none}.media-with-content__icon-item:is(:hover,:focus-within) .media-with-content__icon-visual{transform:none}.media-with-content__playback{transition:none}.media-with-content__playback:is(:hover,:focus-visible){transform:none}}}@scope(.noel-page){.media-with-content__label-text{font-family:var(--xmas-ui,"Bricolage Grotesque",sans-serif)!important;font-weight:700!important;letter-spacing:.13em;text-transform:uppercase}.media-with-content__icon-heading{font-family:var(--xmas-ui,"Bricolage Grotesque",sans-serif)!important;font-weight:700!important}.media-with-content__icon-list,.media-with-content__icon-item,.media-with-content__icon-copy{min-width:0;justify-items:start;text-align:left}.media-with-content__icon-copy :is(.media-with-content__icon-heading,.media-with-content__icon-text,.media-with-content__icon-text p){width:100%;margin-inline:0;text-align:left!important}@media(max-width:749px){.media-with-content--mobile-content-first :is(.media-with-content__content,.media-with-content__blocks,.media-with-content__label,.media-with-content__heading,.media-with-content__text,.media-with-content__text p){text-align:left!important;justify-items:start}.media-with-content--mobile-content-first .media-with-content__heading{margin-inline:0!important}.media-with-content--mobile-content-first .media-with-content__icon-list{width:100%;justify-items:stretch}}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/noel-component-media-with-content.css.map */