.vis{background:transparent;padding:var(--vis-top) 0 var(--vis-bottom)}.vis *{box-sizing:border-box}.vis__inner{display:flex;flex-direction:column;align-items:center;width:var(--voicsky-section-width,90%);max-width:calc(100% - 40px);margin-inline:auto;gap:var(--vis-gap)}.vis__stage{position:relative;isolation:isolate;width:var(--vis-width);height:var(--vis-height);overflow:hidden;border-radius:var(--vis-radius);background:transparent}.vis__panel{position:absolute;top:0;right:0;bottom:0;left:0}.vis__panel[hidden]{display:none}.vis__panel img,.vis__placeholder{display:block;width:100%;height:100%;object-fit:var(--vis-fit)}.vis__tabs{display:flex;position:relative;min-width:0;max-width:100%;gap:2px;padding:5px;margin-inline:auto;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:var(--vis-tab-radius);background:#8e8e962e;box-shadow:inset 0 1px #ffffff7f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);scrollbar-width:none}.vis__tabs::-webkit-scrollbar{display:none}.vis__tabs button{flex:1 0 auto;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:max(0px,calc(var(--vis-tab-radius) - 3px));background:transparent;color:var(--vis-text);font:inherit;font-size:var(--vis-tab-size);font-weight:600;line-height:1.25;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.vis__tabs button[aria-selected=true]{color:var(--vis-active);background:#f2f2f4b8;box-shadow:0 4px 18px #00000017,inset 0 1px #fffc}.vis__tabs button:focus-visible{outline:2px solid currentColor;outline-offset:-3px}@media(hover:hover){.vis__tabs button:hover:not([aria-selected=true]){background:#ffffff2e}}@media(min-width:750px)and (max-width:1099px){.vis__stage{height:var(--vis-height-tablet)}}@media(max-width:749px){.vis__inner{width:calc(100% - 32px);max-width:none}.vis__stage{width:var(--vis-width-mobile);height:var(--vis-height-mobile)}.vis__tabs button{font-size:var(--vis-tab-mobile)}}@media(prefers-reduced-motion:reduce){.vis__tabs button{transition:none}}.vis--block{width:100%;min-width:0}.vis--block .vis__inner{width:100%;max-width:none}voicsky-image-selector:not([data-ready]) .vis__panel~.vis__panel{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/voicsky-image-selector.css.map */