.content-composition{--content-spacing-scale: 1;display:block;min-width:0;width:100%;color:var(--color-ink);overflow-wrap:anywhere}.content-composition__background{position:relative;isolation:isolate;background:var(--composition-background);border-radius:var(--composition-radius);padding-block:calc(var(--composition-padding-top) * var(--content-spacing-scale)) calc(var(--composition-padding-bottom) * var(--content-spacing-scale))}.content-composition__frame{position:relative;width:min(100%,82rem);min-width:0;margin-inline:auto;padding-inline:var(--composition-padding-x)}.content-composition--wide-background .content-composition__frame{width:min(82rem,calc(var(--page-width) - var(--page-margin) * 2),calc(100% - var(--page-margin) * 2))}.content-composition--full .content-composition__frame{width:100%}.content-composition__content{display:flex;flex-direction:column;gap:var(--composition-gap);min-width:0;width:var(--composition-width);margin-inline:auto}.content-composition__content--left{margin-left:0;margin-right:auto}.content-composition__content--right{margin-left:auto;margin-right:0}.content-composition__item{min-width:0;max-width:100%}.content-composition__group{display:flex;width:100%}.content-composition__layout{position:relative;isolation:isolate;display:flex;flex:1;min-width:0;min-height:var(--composition-group-min-height);gap:var(--composition-group-gap);padding:calc(var(--composition-group-padding-y) * var(--content-spacing-scale)) calc(var(--composition-group-padding-x) * var(--content-spacing-scale));background:var(--composition-group-background);border-radius:var(--composition-group-radius)}.content-composition__layout--column{flex-direction:column;align-items:var(--composition-horizontal);justify-content:var(--composition-vertical-position)}.content-composition__layout--row{flex-direction:row;align-items:var(--composition-vertical);justify-content:var(--composition-horizontal)}.content-composition__layout--row>.content-composition__item{flex:var(--composition-weight, 1) 1 0;width:auto;align-self:auto}.content-composition__layout--grid{display:grid;grid-template-columns:repeat(var(--composition-columns),minmax(0,1fr));align-items:var(--composition-vertical)}.content-composition__layout--grid>.content-composition__item{align-self:auto;justify-self:var(--composition-position)}.content-composition__image{width:var(--composition-image-width, 100%);align-self:var(--composition-position)}.content-composition__image-link{display:block;color:inherit;border-radius:var(--composition-image-radius)}.content-composition__image-frame{position:relative;aspect-ratio:var(--composition-image-ratio, 1);overflow:hidden;border-radius:var(--composition-image-radius);background:var(--color-card-media)}.content-composition__photo,.content-composition__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--composition-image-fit, cover)}.content-composition__photo{--composition-image-focal: var(--composition-image-desktop-focal, 50% 50%)}.content-composition__empty{margin:0;color:var(--color-muted)}.content-composition__background-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.content-composition__background-media picture,.content-composition__background-photo{display:block;width:100%;height:100%}.content-composition__background-photo{--composition-background-focal: var(--composition-background-desktop-focal, 50% 50%);object-fit:cover}.content-composition__background-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--composition-overlay);opacity:var(--composition-overlay-opacity)}.content-composition__background-media--bottom:after{background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--composition-overlay) 30%,transparent) 58%,var(--composition-overlay) 100%)}.content-composition__background-media--side:after{background:linear-gradient(90deg,var(--composition-overlay),color-mix(in srgb,var(--composition-overlay) 78%,transparent) 28%,transparent 70%)}.content-composition__video{display:block;width:var(--composition-video-width, 100%);align-self:var(--composition-position)}.content-composition__video-frame{overflow:hidden;border-radius:var(--composition-video-radius);background:var(--color-card-media)}.content-composition__video-frame [data-media-feature-video]{position:relative}.content-composition__video-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:50%;background:var(--color-canvas);color:var(--color-ink);cursor:pointer;box-shadow:0 2px 12px color-mix(in srgb,var(--color-ink) 8%,transparent);transition:opacity var(--motion-fast) var(--motion-ease)}.content-composition__video-frame video{display:block;width:100%;height:auto;aspect-ratio:var(--composition-video-ratio);object-fit:cover}.content-composition__video-frame .content-composition__video-variant-mobile{display:none}@media(hover:hover)and (pointer:fine){.content-composition__video-toggle{opacity:0;pointer-events:none}.content-composition__video-frame [data-media-feature-video]:hover .content-composition__video-toggle,.content-composition__video-toggle:focus-visible{opacity:1;pointer-events:auto}}@media(hover:none){.content-composition__video-toggle[data-playing=true]:not(:focus-visible){opacity:0;pointer-events:none}}@media(max-width:749px){.content-composition{--content-spacing-scale: .75}.content-composition--mobile-padding .content-composition__background{padding-block:var(--composition-mobile-padding-top) var(--composition-mobile-padding-bottom)}.content-composition--mobile-padding .content-composition__frame{width:100%;padding-inline:var(--composition-mobile-padding-x)}.content-composition--mobile-media-top .content-composition__background{padding-top:calc(var(--composition-mobile-media-height) + var(--composition-mobile-padding-top, calc(var(--composition-padding-top) * var(--content-spacing-scale))))}.content-composition__background-media--mobile-top{height:var(--composition-mobile-media-height)}.content-composition__background-media--side:after{background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--composition-overlay) 30%,transparent) 65%,var(--composition-overlay) 100%)}.content-composition__content{width:100%;gap:var(--composition-mobile-gap)}.content-composition__layout{gap:var(--composition-group-mobile-gap);min-height:var(--composition-group-mobile-min-height)}.content-composition__group--mobile-padding>.content-composition__layout{padding:var(--composition-group-mobile-padding-y) var(--composition-group-mobile-padding-x)}.content-composition__layout--mobile-scroll{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;align-items:stretch;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-muted) transparent;padding-bottom:12px}.content-composition__layout--mobile-scroll>.content-composition__item{width:100%;align-self:stretch;justify-self:stretch;scroll-snap-align:start}.content-composition__layout--mobile-stack,.content-composition__layout--mobile-reverse{display:flex;flex-direction:column;align-items:var(--composition-horizontal);justify-content:var(--composition-vertical-position)}.content-composition__layout--mobile-reverse{flex-direction:column-reverse}.content-composition__layout--mobile-two_columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.content-composition__layout--mobile-stack>.content-composition__item,.content-composition__layout--mobile-reverse>.content-composition__item,.content-composition__layout--mobile-two_columns>.content-composition__item{flex:none;width:100%;align-self:auto}.content-composition__image{width:100%}.content-composition__image-frame{aspect-ratio:var(--composition-mobile-image-ratio, var(--composition-image-ratio))}.content-composition__photo{--composition-image-focal: var(--composition-image-mobile-focal, var(--composition-image-desktop-focal, 50% 50%))}.content-composition__video{width:100%}.content-composition__background-photo{--composition-background-focal: var(--composition-background-mobile-focal, var(--composition-background-desktop-focal, 50% 50%))}.content-composition__video-frame video{aspect-ratio:var(--composition-video-mobile-ratio)}.content-composition__video-frame--responsive .content-composition__video-variant-desktop{display:none}.content-composition__video-frame--responsive .content-composition__video-variant-mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-content-composition.css.map */