@layer components{mg-carousel,mg-carousel-slide,mg-carousel-slides,mg-lightbox,mg-media-set,mg-modal-content{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;position:relative}mg-media-set[transparent] mg-media,mg-media[transparent]{background-color:initial}mg-media-set mg-grid[data-cols]{--columns:attr(data-cols type(<number>))}mg-media{--media-bgc:light-dark(oklch(from #f1f1f1 l c h),oklch(33% 0 0));width:100%;background-color:var(--media-bgc);box-sizing:initial;display:flex;overflow:hidden;position:relative}mg-media :is(img,picture,video,canvas,iframe){object-fit:var(--media-fit,cover);object-position:var(--media-position,center);position:absolute;width:100%;height:100%}mg-media img,mg-media video:not([src]){pointer-events:none}mg-media[type=video]>:is(mg-button,svg){z-index:10}mg-media svg,mg-media[type=video]>:is(mg-button,svg){left:50%;top:50%;transform:translate(-50%,-50%)}mg-media[type=iframe]>img{z-index:10}mg-media[type=iframe]>:is(mg-button,svg){z-index:20}mg-media-set[size~=square] mg-media,mg-media[size~=square]{aspect-ratio:1/1}mg-media-set[size~=portrait] mg-media,mg-media[size~=portrait]{aspect-ratio:4/5}mg-media-set[size~=widescreen] mg-media,mg-media[size~=widescreen]{aspect-ratio:16/9}.modal\:opened{overflow:hidden}mg-modal,mg-modal>*{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:100}mg-modal>*{transition-duration:var(--modal-td,.35s);visibility:hidden}mg-modal>* mg-modal-backdrop{opacity:0}mg-modal>[open]{visibility:visible}mg-modal>[open] mg-modal-backdrop{opacity:1}mg-button[dismiss=modal]{z-index:120}mg-modal-backdrop,mg-modal-content{transition-duration:inherit;transition-timing-function:inherit}mg-modal-content{z-index:110;transition-property:opacity,transform}mg-modal-backdrop{backdrop-filter:blur(3px);background-color:#0009;position:absolute;width:inherit;height:inherit;opacity:0;transition-property:opacity}mg-lightbox{--carousel-height:100%}mg-lightbox:not([fade]){--modal-td:0}mg-lightbox :is(mg-modal-content,mg-carousel,mg-carousel-slides){width:100%;height:100%}mg-lightbox[fade] :is(mg-modal-content,mg-modal-backdrop){opacity:0}mg-lightbox[fade][open] :is(mg-modal-content,mg-modal-backdrop){opacity:1}mg-lightbox mg-media{--media-fit:contain;width:100%;height:100%;background:#0000}mg-lightbox mg-button[dismiss]{position:absolute;top:1rem;right:1rem}mg-media svg{--svg-color:oklch(92% 0 0);background:oklch(20% 0 0/.8);border-radius:50%;padding-block:16px;padding-inline:16px 14px;position:absolute;width:48px;height:48px}mg-media svg[inert]{opacity:.75}mg-media svg:active{transform:translate(-50%,calc(-50% + 2px))}mg-media:is([state=playing],[state=paused]) svg[command=change-media-state]{display:none}mg-lightbox mg-media svg{display:none}:root{--carousel-td:1s;--carousel-timing-function:ease}mg-carousel{outline:0}mg-carousel-slides{height:var(--carousel-height);overflow:hidden}mg-carousel-slide{position:absolute;width:100%;height:100%;visibility:hidden}mg-carousel-slide:is([active],.-incoming,.-outgoing){visibility:visible}mg-carousel-slide[active]{position:relative;z-index:10}mg-carousel-counter{background-color:oklch(24% 0 0/50%);bottom:1rem;padding:8px 1rem;border-radius:4px;position:absolute;z-index:20;left:50%;transform:translateX(-50%)}mg-carousel-counter:before{content:attr(data-current)}mg-carousel-counter:after{content:attr(data-total)}mg-carousel-indicators{--carousel-indicators-align:center;bottom:8px;display:flex;justify-content:var(--carousel-indicators-align);position:absolute;width:100%;z-index:20}mg-carousel-indicators:is([type=line],[type=dot]){gap:var(--carousel-indicators-gap,4px)}mg-carousel-indicators span{-webkit-user-select:none;user-select:none;cursor:pointer;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}mg-carousel-indicators[type=number] span[active]{color:wheat}mg-carousel-indicators:is([type=line],[type=dot]) span:before{background-color:#00000080;content:""}mg-carousel-indicators:is([type=line],[type=dot]) span.active:before{background-color:wheat}mg-carousel-indicators[type=line] span:before{width:32px;height:4px}mg-carousel-indicators[type=dot] span:before{border-radius:50%;width:8px;height:8px}mg-carousel-nav{--carousel-nav-size:1rem;--icon-fill-color:#f9f9f9;--btn-align:center;display:flex;justify-content:space-between;padding-inline:4px;pointer-events:none;position:absolute;top:calc(var(--carousel-height)*.5);z-index:20;transform:translateY(-50%);width:100%}mg-carousel-nav [carousel]{pointer-events:all}mg-carousel-nav [carousel]>svg{width:var(--carousel-nav-size);height:var(--carousel-nav-size)}mg-carousel-nav [carousel][inert]{pointer-events:none;visibility:hidden}[transition=fade] mg-carousel-slide{transition-property:opacity}[transition=fade] mg-carousel-slide:is(.-incoming,.-outgoing){transition-duration:var(--carousel-td)}[transition=fade] mg-carousel-slide.-incoming{opacity:1}[transition=fade] mg-carousel-slide.-outgoing{opacity:0}[transition=slide] mg-carousel-slide{left:0;transition-property:transform;transition-duration:0s}[transition=slide] mg-carousel-slide:is(.-incoming,.-outgoing){transition-duration:var(--carousel-td)}[transition=slide] mg-carousel-slide.-forward.-incoming{left:100%}[transition=slide] mg-carousel-slide.-forward:is(.-incoming,.-outgoing){transform:translateX(-100%)}[transition=slide] mg-carousel-slide.-backward.-incoming{left:-100%}[transition=slide] mg-carousel-slide.-backward:is(.-incoming,.-outgoing){transform:translateX(100%)}mg-carousel{--carousel-td:0}mg-lightbox mg-carousel-counter{top:16px;bottom:unset;left:56px}}