.ar-media-section{padding-block:var(--ar-media-section-padding-top) var(--ar-media-section-padding-bottom);background:var(--ar-media-section-background)}.ar-media-section__container{width:min(100%,calc(var(--ar-media-section-max-width) + (var(--ar-media-section-padding-inline) * 2)));margin-inline:auto;padding-inline:var(--ar-media-section-padding-inline)}.ar-media-section--full .ar-media-section__container{width:100%;max-width:none}.ar-media-section__frame{position:relative;overflow:hidden;width:100%;border-radius:var(--ar-media-section-radius);background:var(--ar-color-surface-soft)}.ar-media-section__frame--square{aspect-ratio:1/1}.ar-media-section__frame--portrait{aspect-ratio:3/4}.ar-media-section__frame--video{aspect-ratio:16/9}.ar-media-section__frame--vertical-video{aspect-ratio:9/16}.ar-media-section__frame--wide{aspect-ratio:21/9}.ar-media-section__frame:not(.ar-media-section__frame--adaptive)>.ar-media-section__image,.ar-media-section__frame:not(.ar-media-section__frame--adaptive)>.ar-media-section__video,.ar-media-section__frame:not(.ar-media-section__frame--adaptive)>.ar-media-section__embed,.ar-media-section__frame:not(.ar-media-section__frame--adaptive)>.ar-media-section__external-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ar-media-section__image,.ar-media-section__video,.ar-media-section__external-video{display:block;width:100%;max-width:none}.ar-media-section__frame:not(.ar-media-section__frame--adaptive) .ar-media-section__image,.ar-media-section__frame:not(.ar-media-section__frame--adaptive) .ar-media-section__video{height:100%;object-fit:var(--ar-media-section-object-fit)}.ar-media-section__frame--adaptive .ar-media-section__image,.ar-media-section__frame--adaptive .ar-media-section__video{height:auto}.ar-media-section__embed{display:block;width:100%}.ar-media-section__embed iframe,.ar-media-section__embed video,.ar-media-section__embed embed,.ar-media-section__embed object,.ar-media-section__external-video iframe{display:block;width:100%;height:100%;max-width:none;border:0}.ar-media-section__frame--adaptive .ar-media-section__embed iframe,.ar-media-section__frame--adaptive .ar-media-section__external-video iframe{min-height:clamp(240px,56.25vw,720px)}.ar-media-section__placeholder{display:block;width:100%;min-height:320px;color:var(--ar-color-text-muted);background:var(--ar-color-surface-soft)}@media screen and (min-width:750px){.ar-media-section__frame--square,.ar-media-section__frame--portrait,.ar-media-section__frame--vertical-video{margin-inline:auto}.ar-media-section__frame--square{max-width:var(--ar-media-section-square-max-width)}.ar-media-section__frame--portrait{max-width:var(--ar-media-section-portrait-max-width)}.ar-media-section__frame--vertical-video{max-width:var(--ar-media-section-vertical-video-max-width)}}@media screen and (max-width:749px){.ar-media-section{padding-block:var(--ar-media-section-padding-top-mobile) var(--ar-media-section-padding-bottom-mobile)}.ar-media-section__container{width:min(100%,calc(var(--ar-media-section-max-width) + (var(--ar-media-section-padding-inline-mobile) * 2)));padding-inline:var(--ar-media-section-padding-inline-mobile)}}.ar-media-section__frame--has-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--ar-media-section-overlay,.3);pointer-events:none}.ar-media-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:var(--ar-ds-section-gap,16px);width:100%;max-width:none;margin:0!important;padding:clamp(20px,5vw,64px);text-align:center;pointer-events:none}.ar-media-section__overlay>*{max-width:720px;pointer-events:auto}.ar-media-section__overlay :is(.ar-ds-title,.ar-ds-subtitle,.ar-ds-body,.ar-ds-body *,.ar-ds-subtitle *){color:#fff!important}.ar-media-section__overlay .ar-ds-divider{border-top-color:#fff9!important;margin-inline:auto}@media screen and (max-width:749px){.ar-media-section__frame.ar-media-section__frame--m-square{aspect-ratio:1/1}.ar-media-section__frame.ar-media-section__frame--m-portrait{aspect-ratio:3/4}.ar-media-section__frame.ar-media-section__frame--m-video{aspect-ratio:16/9}.ar-media-section__frame.ar-media-section__frame--m-vertical-video{aspect-ratio:9/16}.ar-media-section__frame.ar-media-section__frame--m-wide{aspect-ratio:21/9}.ar-media-section__frame:not(.ar-media-section__frame--m-adaptive)>:is(.ar-media-section__image,.ar-media-section__video,.ar-media-section__embed,.ar-media-section__external-video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--ar-media-section-object-fit)}.ar-media-section__frame.ar-media-section__frame--m-adaptive{aspect-ratio:auto}.ar-media-section__frame.ar-media-section__frame--m-adaptive>:is(.ar-media-section__image,.ar-media-section__video,.ar-media-section__embed,.ar-media-section__external-video){position:relative;height:auto}.ar-media-section__overlay{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/arake-media-section.css.map */
