.mb-container{width:100%;max-width:calc(var(--theme-max-width) + var(--gutter-container) * 2);margin:0 auto;padding-left:var(--gutter-container);padding-right:var(--gutter-container)}.mb-container--full{max-width:none;padding-left:0;padding-right:0}.mb-heading{margin-bottom:30px}.mb-container--full .mb-heading{padding-left:var(--gutter-container);padding-right:var(--gutter-container)}.mb-heading__title{margin:0}.mb-heading__sub{margin:8px 0 0}.mb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.mb-empty{margin:0;padding:24px;border:1px dashed var(--color-borders-main);border-radius:var(--border-radius-widgets);text-align:center}.mb-tile{--mb-ref: var(--mb-ref-m, 360);--mb-pad: var(--mb-pad-m, 16);--mb-u: calc(100cqw / var(--mb-ref));position:relative;display:block;overflow:hidden;isolation:isolate;container-type:inline-size;border-radius:var(--mb-radius, 0)}.mb-tile__media{position:relative;aspect-ratio:var(--mb-ratio-m, .8)}.mb-tile__media--dots{--mb-dot: calc(var(--mb-dot-size-m, 1.3) * var(--mb-u) / 2);--mb-dot-step: calc(var(--mb-dot-space-m, 12) * var(--mb-u));background-color:var(--mb-dots-bg, var(--color-background-main));background-image:radial-gradient(circle,color-mix(in srgb,var(--mb-dot-color, var(--color-text-main)) var(--mb-dot-opacity, 60%),transparent) var(--mb-dot),transparent calc(var(--mb-dot) + .35px));background-size:var(--mb-dot-step) var(--mb-dot-step);background-position:center}.mb-media{position:absolute;top:0;right:0;bottom:0;left:0}.mb-media--desktop{display:none}.mb-media picture{display:block;width:100%;height:100%}.mb-media__el{display:block;width:100%;height:100%;object-fit:cover}.mb-media__video{position:absolute;top:0;right:0;bottom:0;left:0}.mb-media__placeholder{background-color:#0000000f;fill:#00000059}.mb-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.mb-tile__gradient{position:absolute;left:0;right:0;height:50%;z-index:1;pointer-events:none}.mb-tile__gradient--bottom{bottom:0}.mb-tile__gradient--top{top:0}.mb-tile__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.mb-tile__link:focus-visible{outline:2px solid #ffffff!important;outline-offset:-4px!important;box-shadow:inset 0 0 0 4px #29424f}.mb-tile__layer{position:absolute;inset:calc(var(--mb-pad) * var(--mb-u));z-index:3;pointer-events:none}.mb-item{--mb-x: var(--mb-x-m, 0);--mb-y: var(--mb-y-m, 0);--mb-w: var(--mb-w-m, 100);--mb-size: var(--mb-size-m, 16);--mb-align: var(--mb-align-m, left);--mb-color: var(--mb-color-m, var(--mb-color-d));position:absolute;left:calc(var(--mb-x) * 1%);top:calc(var(--mb-y) * 1%);translate:calc(var(--mb-x) * -1%) calc(var(--mb-y) * -1%);width:max-content;max-width:calc(var(--mb-w) * 1%);margin:0;pointer-events:auto}.mb-text{font-family:var(--mb-ff, var(--font-stack-body-primary));font-weight:var(--mb-fw, 400);font-style:var(--mb-fst, normal);font-size:max(var(--mb-min, 0px),calc(var(--mb-size) * var(--mb-u)));line-height:var(--mb-lh, 1.2);letter-spacing:calc(var(--mb-ls, 0) * .01em);text-transform:var(--mb-tt, none);text-decoration:var(--mb-td, none);text-align:var(--mb-align);text-shadow:var(--mb-shadow, none);color:var(--mb-color);overflow-wrap:break-word}.mb-text p,.mb-text ul,.mb-text ol{margin:0;padding:0}.mb-text p+p,.mb-text p+ul,.mb-text p+ol,.mb-text ul+p,.mb-text ol+p{margin-top:.5em}.mb-text ul{list-style:disc inside}.mb-text ol{list-style:decimal inside}.mb-text strong,.mb-text b,.mb-text a,.mb-label strong,.mb-label b,.mb-label a{color:inherit}.mb-text strong,.mb-text b,.mb-label strong,.mb-label b{font-weight:var(--mb-fw-bold, bolder)}.mb-text a,.mb-label a{text-decoration:underline}.mb-text--box{padding:calc(var(--mb-bp, 40) * .005em) calc(var(--mb-bp, 40) * .01em);border-radius:calc(var(--mb-br, 0) * var(--mb-u));background:var(--mb-bg)}.mb-label{--mb-fw-bold: var(--font-weight-accent-bold);display:flex;gap:.32em;font-family:var(--font-stack-accent);font-style:var(--font-style-accent);font-weight:var(--font-weight-accent);font-size:max(var(--mb-min, 0px),calc(var(--mb-size) * var(--mb-u)));line-height:.95;letter-spacing:-.05em;text-transform:uppercase;color:var(--mb-color);overflow-wrap:break-word}.mb-label:before{content:"";flex:none;width:.44em;height:.44em;margin-top:.1em;background:currentColor;animation:campaign-label-square-in .6s ease-out both,campaign-label-square 1.2s ease-in-out .6s infinite alternate}.mb-label__text{min-width:0}.mb-label--stack .mb-label__text{inline-size:min-content}@media(prefers-reduced-motion:reduce){.mb-label:before{animation:none}}.mb-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;cursor:pointer;font-family:var(--mb-ff, var(--font-stack-body-primary));font-weight:var(--mb-fw, 500);font-style:var(--mb-fst, normal);font-size:max(var(--mb-min, 0px),calc(var(--mb-size) * var(--mb-u)));line-height:1.2;letter-spacing:calc(var(--mb-ls, 0) * .01em);text-transform:var(--mb-tt, none);padding:calc(var(--mb-py, 60) * .01em) calc(var(--mb-px, 150) * .01em);color:var(--mb-fg, #ffffff);background:var(--mb-bg, #00b8cc);border:max(1px,calc(1 * var(--mb-u))) solid var(--mb-border, transparent);border-radius:calc(var(--mb-radius-b, 33) * var(--mb-u));transition:background-color .2s,color .2s}.mb-button:hover{color:var(--mb-fg-hover, var(--mb-fg, #ffffff));background:var(--mb-bg-hover, var(--mb-bg, #00b8cc))}.mb-button__text{display:inline-block}.mb-button--move{overflow:hidden}.no-touchevents .mb-button--move:hover .mb-button__text{animation:move .35s ease-in-out forwards}.mb-text--zoom,.mb-button--zoom,.mb-label--zoom{font-size:max(var(--mb-min, 0px),calc(var(--mb-size) * (var(--mb-u) * .7 + .01875rem)))}.mb-button--no-link{outline:1px dashed currentColor;outline-offset:3px}.mb-item.mb-image{width:calc(var(--mb-w) * 1%);max-width:none}.mb-image a{display:block}.mb-image img{display:block;width:100%;height:auto}.mb-image .mb-notice{margin:6px 0 0}.mb-tile--linked .mb-item{pointer-events:none}.mb-tile--linked a.mb-item,.mb-tile--linked .mb-item a{pointer-events:auto}.mb-notice{padding:6px 10px;border:1px dashed currentColor;border-radius:4px;background:#ffffffe6;color:#29424f;font-size:13px;line-height:1.3}.mb-notice--tile{position:absolute;top:0;left:0;max-width:60%;pointer-events:none}.mb-pause{position:absolute;z-index:4;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.mb-pause[hidden]{display:none}.mb-pause svg{width:14px;height:14px}.mb-pause--top-left{top:12px;left:12px}.mb-pause--top-right{top:12px;right:12px}.mb-pause--bottom-left{bottom:12px;left:12px}.mb-pause--bottom-right{bottom:12px;right:12px}.mb-pause__play,.mb-pause[aria-pressed=false] .mb-pause__pause{display:none}.mb-pause[aria-pressed=false] .mb-pause__play{display:block}.mb-tile__guides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;overflow:visible;pointer-events:none;color:#2f6fed}.mb-tile--editing .mb-tile__guides{display:block}.mb-tile__guides line{stroke:currentColor;stroke-opacity:.3;stroke-width:1px}.mb-tile__guides .mb-tile__guide-mid{stroke-opacity:.65;stroke-dasharray:5 4}.mb-tile__guides rect{fill:none;stroke:currentColor;stroke-opacity:.7;stroke-width:1px;stroke-dasharray:6 4}.mb-tile__guides text{fill:currentColor;font:500 10px/1 ui-monospace,Menlo,monospace}@media(min-width:768px){.mb-grid{grid-template-columns:repeat(var(--mb-cols, 1),minmax(0,1fr))}.mb-tile{--mb-ref: var(--mb-ref-d, 1410);--mb-pad: var(--mb-pad-d, 40)}.mb-tile__media{aspect-ratio:var(--mb-ratio-d, 1.7778)}.mb-tile__media--dots{--mb-dot: calc(var(--mb-dot-size-d, 1.3) * var(--mb-u) / 2);--mb-dot-step: calc(var(--mb-dot-space-d, 15) * var(--mb-u))}.mb-media--desktop{display:block}.mb-media--mobile,.mb-tile__gradient--mobile,.mb-item--desktop-hidden{display:none}.mb-item{--mb-x: var(--mb-x-d, 0);--mb-y: var(--mb-y-d, 0);--mb-w: var(--mb-w-d, 100);--mb-size: var(--mb-size-d, 16);--mb-align: var(--mb-align-d, left);--mb-color: var(--mb-color-d)}}@media not all and (min-width:768px){.mb-tile__gradient--desktop,.mb-item--mobile-hidden{display:none}}@supports not (width: 1cqw){.mb-tile{--mb-u: calc(var(--mb-tile-m) / var(--mb-ref))}@media(min-width:768px){.mb-tile{--mb-u: calc(var(--mb-tile-d) / var(--mb-ref))}}}
/*# sourceMappingURL=/cdn/shop/t/302/assets/section-media-banner.css.map */