.media-switcher{display:block;background:var(--ms-section-bg, transparent);padding-top:var(--ms-padding-top, 40px);padding-bottom:var(--ms-padding-bottom, 40px)}.media-switcher__inner{max-width:var(--ms-content-width, 1200px);margin:0 auto;padding-left:20px;padding-right:20px}.media-switcher__header{text-align:var(--ms-text-align, center);margin:0 auto var(--ms-header-gap, 24px);max-width:var(--ms-header-width, 720px)}.media-switcher__title{margin:0;font-family:var(--ms-title-family);font-size:var(--ms-title-size-mobile, 24px);font-weight:var(--ms-title-weight, 700);font-style:var(--ms-title-style, normal);text-transform:var(--ms-title-transform, none);letter-spacing:var(--ms-title-spacing, normal);line-height:var(--ms-title-line, 1.2);color:var(--ms-title-color, currentColor)}.media-switcher__subtitle{margin:var(--ms-subtitle-margin, 8px 0 0);font-family:var(--ms-subtitle-family);font-size:var(--ms-subtitle-size-mobile, 18px);font-weight:var(--ms-subtitle-weight, 400);font-style:var(--ms-subtitle-style, italic);text-transform:var(--ms-subtitle-transform, none);letter-spacing:var(--ms-subtitle-spacing, normal);line-height:var(--ms-subtitle-line, 1.3);color:var(--ms-subtitle-color, currentColor)}.media-switcher__subtitle>*:first-child{margin-top:0}.media-switcher__subtitle>*:last-child{margin-bottom:0}.media-switcher__header--inline .media-switcher__title,.media-switcher__header--inline .media-switcher__subtitle,.media-switcher__header--inline .media-switcher__subtitle>p{display:inline;margin:0}.media-switcher__header--inline .media-switcher__subtitle{margin-left:.35em}.media-switcher__body{display:flex;flex-direction:column;gap:var(--ms-stage-gap, 20px)}.media-switcher__body[data-tabs-position=top] .media-switcher__tabs{order:-1}.media-switcher__stage{position:relative;width:100%}.media-switcher__panel{max-width:var(--ms-media-max-width, 640px);margin:0 auto}.media-switcher__panel[hidden]{display:none}.media-switcher__frame{position:relative;width:100%;aspect-ratio:var(--ms-aspect, 4 / 3);border-radius:var(--ms-media-radius, 18px);overflow:hidden;background:var(--ms-media-bg, rgba(0, 0, 0, .04))}.media-switcher__frame--auto{aspect-ratio:auto}.media-switcher__frame img,.media-switcher__frame video{display:block;width:100%;height:100%;object-fit:var(--ms-media-fit, cover)}.media-switcher__frame--auto img,.media-switcher__frame--auto video{height:auto}.media-switcher__tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--ms-tabs-gap, 4px);width:fit-content;max-width:100%;margin:0 auto;padding:var(--ms-tabs-padding, 6px);background:var(--ms-tabs-bg, transparent);border:var(--ms-tabs-border-width, 1px) solid var(--ms-tabs-border-color, rgba(0, 0, 0, .1));border-radius:var(--ms-tabs-radius, 14px)}.media-switcher__tab{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:var(--ms-tab-padding-y, 10px) var(--ms-tab-padding-x, 18px);border-radius:var(--ms-tab-radius, 10px);background:var(--ms-tab-bg, transparent);color:var(--ms-tab-text, currentColor);font-family:var(--ms-tab-family);font-size:var(--ms-tab-size-mobile, 14px);font-weight:var(--ms-tab-weight, 600);text-transform:var(--ms-tab-transform, none);letter-spacing:var(--ms-tab-spacing, normal);line-height:1.2;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.media-switcher__tab[aria-selected=true]{background:var(--ms-tab-active-bg, #000);color:var(--ms-tab-active-text, #fff)}.media-switcher__tab:focus-visible{outline:2px solid var(--ms-tab-active-bg, #000);outline-offset:2px}@media(hover:hover){.media-switcher__tab:not([aria-selected=true]):hover{background:var(--ms-tab-hover-bg, rgba(0, 0, 0, .05))}}.media-switcher__tabs--fill-mobile{width:100%}.media-switcher__tabs--fill-mobile .media-switcher__tab{flex:1 1 0;text-align:center;padding-left:4px;padding-right:4px}@media screen and (min-width:750px){.media-switcher__title{font-size:var(--ms-title-size, 32px)}.media-switcher__subtitle{font-size:var(--ms-subtitle-size, 24px)}.media-switcher__tab{font-size:var(--ms-tab-size, 15px)}.media-switcher__tabs--fill-mobile{width:fit-content}.media-switcher__tabs--fill-mobile .media-switcher__tab{flex:0 1 auto;padding-left:var(--ms-tab-padding-x, 18px);padding-right:var(--ms-tab-padding-x, 18px)}}@media(prefers-reduced-motion:reduce){.media-switcher__tab{transition:none}}.media-switcher__empty{max-width:640px;margin:0 auto;padding:32px 20px;border:1px dashed rgba(0,0,0,.25);border-radius:12px;text-align:center;font-size:14px;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/5/assets/media-switcher.css.map */