.shades-tabs .shades-tabs-container{position:relative;padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.shades-tabs .shades-tabs-container .content{padding:var(--text-padding);padding-left:0;padding-right:0;gap:4rem}.shades-tabs .shades-head{margin-bottom:3.6rem}.shades-tabs .shades-head .title{margin-bottom:.3em}.shades-tabs .shade-name{margin-bottom:.7rem}.shades-tabs .tabs-wrap{gap:1rem}.shades-tabs .util-tab{width:5rem;height:5rem;border-radius:100%}.shades-tabs .util-tab[aria-selected=true]{border:1px solid var(--scheme-text-color)}.shades-tabs .block-media{gap:1rem;position:relative;height:100%}.shades-tabs .block-media .main-media{flex:1;position:relative}.shades-tabs .block-media .right-media{width:var(--secondary-media-width);position:relative}.shades-tabs .block-media img,.shades-tabs .block-media video{border-radius:1rem;position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}.shades-tabs .main-media .controls{position:absolute;left:2rem;bottom:3.6rem}.shades-tabs .main-media .controls button{background:transparent;border:0;box-shadow:unset;font-size:4rem;width:1rem;height:1rem;justify-content:left;align-items:end}.shades-tabs .main-media .controls button svg path.fill{fill:var(--scheme-background-color)}.shades-tabs .main-media .controls button svg path.stroke{stroke:var(--scheme-background-color)}.shades-tabs .tab-panel .text{font-size:2.4rem}.shades-tabs .tab-panel:not([hidden]){display:flex;flex-direction:column;justify-content:flex-end}@media(min-width:66.001em){.shades-tabs .media-content{width:var(--image-width)}.shades-tabs .main-content{flex:1;max-width:var(--text-width)}.shades-tabs .tab-panel{margin-top:auto}.shades-tabs .media-content{min-height:var(--image-min-height)}}@media(max-width:66em){.shades-tabs .shades-tabs-container .content{gap:2rem}.shades-tabs .tabs-wrap{gap:.7rem}.shades-tabs .util-tab{width:3rem;height:3rem}.shades-tabs .tab-panel{margin-top:1rem}.shades-tabs .tab-panel .text{font-size:1.8rem}.shades-tabs .media-content{height:var(--image-min-height)}}@media(max-width:38em){.shades-tabs .media-content{height:var(--image-height-mobile)}.shades-tabs .main-media .controls{left:1rem;bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/417/assets/shades_tabs.css.map */