sliding-panels{display:flex;gap:2rem;height:55rem;width:100%;overflow:hidden;@media (max-width:749px){height:auto;flex-direction:column}}.sliding-panels-height-small{@media (min-width:750px){height:40rem}}.sliding-panels-height-medium{@media (min-width:750px){height:50rem}}.sliding-panels-height-large{@media (min-width:750px){height:60rem}}.sliding-panels-gap-tight{gap:1rem}.sliding-panels-gap-wide{gap:2rem}sliding-panel{flex:0 0 auto;width:80px;min-width:80px;display:flex;position:relative;cursor:pointer;overflow:hidden;transition:flex 0.4s cubic-bezier(0.4,0,0.2,1),width 0.4s cubic-bezier(0.4,0,0.2,1);background-color:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius-base);&[expanded="true"]{flex:1 0 0%;width:auto;.sliding-panel-title{opacity:0;pointer-events:none}.sliding-panel-content-wrap{opacity:1;pointer-events:auto}}@media (max-width:749px){flex:0 0 auto;width:100%;min-width:unset;&:not([expanded="true"]){height:60px}&[expanded="true"]{min-height:25rem}}.sliding-panel-media{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;img{width:100%;height:100%;object-fit:cover}.placeholder-svg{width:100%;height:auto;background-color:#f5f5f5;fill:#999}}.sliding-panel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:1}.sliding-panel-title{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-start;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:1.6rem 1rem;font-weight:600;text-align:center;white-space:nowrap;transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1) 0.1s;pointer-events:none;opacity:1;color:currentColor;z-index:2;@media (max-width:749px){padding:1rem 0.8rem;writing-mode:initial;transform:none;justify-content:center}}.sliding-panel-content-wrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1) 0.1s;z-index:3;.sliding-panel-content-container{position:relative;width:100%;height:100%;padding:3rem;overflow-y:auto;@media (max-width:749px){padding:2rem 1.5rem}.sliding-panel-content{width:100%;.button{margin-top:1.5rem}.sliding-panel-heading{font-weight:700;line-height:1.2;color:currentColor;margin-bottom:1rem}.sliding-panel-text{p{margin-bottom:1rem;&:last-child{margin-bottom:0}}}}}}}.sliding-panel-heading-sm{font-size:calc(var(--font-heading-scale) * 1.2rem)}.sliding-panel-heading-md{font-size:calc(var(--font-heading-scale) * 1.6rem)}.sliding-panel-heading-lg{font-size:calc(var(--font-heading-scale) * 2rem)}.sliding-panel-heading-xl{font-size:calc(var(--font-heading-scale) * 2.4rem)}.sliding-panel-heading-xxl{font-size:calc(var(--font-heading-scale) * 2.8rem)}@media (min-width:750px){.sliding-panel-heading-desktop-sm{font-size:calc(var(--font-heading-scale) * 1.6rem)}.sliding-panel-heading-desktop-md{font-size:calc(var(--font-heading-scale) * 2rem)}.sliding-panel-heading-desktop-lg{font-size:calc(var(--font-heading-scale) * 2.4rem)}.sliding-panel-heading-desktop-xl{font-size:calc(var(--font-heading-scale) * 2.8rem)}.sliding-panel-heading-desktop-xxl{font-size:calc(var(--font-heading-scale) * 3.2rem)}}.shopify-design-mode sliding-panels sliding-panel{transition:none}.shopify-design-mode sliding-panels sliding-panel .sliding-panel-title,.shopify-design-mode sliding-panels sliding-panel .sliding-panel-content-wrap{transition:none}