.slider-text-box{position:absolute;left:var(--st-desktop-x);top:var(--st-desktop-y);width:var(--st-desktop-width);max-width:95%;max-height:100%;overflow:auto;transform:translate(calc(-1 * var(--st-desktop-x)),calc(-1 * var(--st-desktop-y)));box-sizing:border-box;padding:var(--st-padding);border:var(--st-border);border-radius:var(--st-radius);background:var(--st-box-bg);box-shadow:var(--st-box-shadow);text-align:var(--st-align);font-family:var(--st-body-font);text-shadow:var(--st-text-shadow);z-index:1;overflow-wrap:anywhere}.slider-text-box .st-eyebrow{display:block;white-space:pre-line;font-size:var(--st-desktop-eyebrow-size);line-height:1.4;color:var(--st-eyebrow-color);letter-spacing:1px;font-family:var(--st-body-font)}.slider-text-box .st-title{font-size:var(--st-desktop-title-size);line-height:1.12;letter-spacing:normal;font-family:var(--st-title-font);font-weight:var(--st-weight);color:var(--st-title-color);margin:12px 0;white-space:pre-line;-webkit-text-stroke:var(--st-stroke-width) var(--st-stroke-color);paint-order:stroke fill}.slider-text-box .st-description{font-size:var(--st-desktop-text-size);line-height:1.6;color:var(--st-text-color);margin:0 0 16px;white-space:pre-line;font-family:var(--st-body-font)}.slider-text-box .st-button{display:inline-flex;align-items:center;justify-content:center;font-size:var(--st-desktop-button-size);line-height:1.4;padding:12px 18px;border:0;border-radius:6px;color:var(--st-button-text);background:var(--st-button-color);font-family:var(--st-body-font);font-weight:700;white-space:pre-line;text-decoration:none}.slider-text-box .st-eyebrow:empty,.slider-text-box .st-title:empty,.slider-text-box .st-description:empty,.slider-text-box .st-button:empty{display:none}
@media(max-width:760px){.text-styled-slide .slider-text-box{left:var(--st-mobile-x);top:var(--st-mobile-y);width:var(--st-mobile-width);transform:translate(calc(-1 * var(--st-mobile-x)),calc(-1 * var(--st-mobile-y)))}.text-styled-slide .st-title{font-size:var(--st-mobile-title-size)}.text-styled-slide .st-description{font-size:var(--st-mobile-text-size)}.text-styled-slide .st-eyebrow{font-size:var(--st-mobile-eyebrow-size)}.text-styled-slide .st-button{font-size:var(--st-mobile-button-size)}}
/* The admin canvas and the published slide share the same width-based layout. */
.slider-text-preview-canvas{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.slider-text-preview-canvas[data-device=mobile] .slider-text-box{left:var(--st-mobile-x);top:var(--st-mobile-y);width:var(--st-mobile-width);transform:translate(calc(-1 * var(--st-mobile-x)),calc(-1 * var(--st-mobile-y)))}
.slider-text-preview-canvas[data-device=mobile] .st-title{font-size:var(--st-mobile-title-size)}.slider-text-preview-canvas[data-device=mobile] .st-description{font-size:var(--st-mobile-text-size)}.slider-text-preview-canvas[data-device=mobile] .st-eyebrow{font-size:var(--st-mobile-eyebrow-size)}.slider-text-preview-canvas[data-device=mobile] .st-button{font-size:var(--st-mobile-button-size)}
.text-styled-slide{background-image:none;background-color:#eddbc0}
@supports (container-type:inline-size){
 .text-styled-slide,.slider-text-preview-canvas{container-type:inline-size}
 .slider-text-box{--st-unit:calc(100cqw / 1320);--st-render-title:var(--st-desktop-title-size-n);--st-render-text:var(--st-desktop-text-size-n);--st-render-eyebrow:var(--st-desktop-eyebrow-size-n);--st-render-button:var(--st-desktop-button-size-n);padding:calc(var(--st-padding-n) * var(--st-unit));border-width:calc(var(--st-border-n) * var(--st-unit));border-style:var(--st-border-style);border-color:var(--st-border-color);border-radius:calc(var(--st-radius-n) * var(--st-unit))}
 :is(.text-styled-slide,.slider-text-preview-canvas) .slider-text-box .st-title{font-size:calc(var(--st-render-title) * var(--st-unit));margin:calc(12 * var(--st-unit)) 0;-webkit-text-stroke-width:calc(var(--st-stroke-n) * var(--st-unit))}
 :is(.text-styled-slide,.slider-text-preview-canvas) .slider-text-box .st-description{font-size:calc(var(--st-render-text) * var(--st-unit));margin:0 0 calc(16 * var(--st-unit))}
 :is(.text-styled-slide,.slider-text-preview-canvas) .slider-text-box .st-eyebrow{font-size:calc(var(--st-render-eyebrow) * var(--st-unit));letter-spacing:calc(1 * var(--st-unit))}
 :is(.text-styled-slide,.slider-text-preview-canvas) .slider-text-box .st-button{font-size:calc(var(--st-render-button) * var(--st-unit));padding:calc(12 * var(--st-unit)) calc(18 * var(--st-unit));border-radius:calc(6 * var(--st-unit))}
 @media(max-width:760px){.text-styled-slide .slider-text-box{--st-unit:calc(100cqw / 360);--st-render-title:var(--st-mobile-title-size-n);--st-render-text:var(--st-mobile-text-size-n);--st-render-eyebrow:var(--st-mobile-eyebrow-size-n);--st-render-button:var(--st-mobile-button-size-n)}}
 .slider-text-preview-canvas[data-device=mobile] .slider-text-box{--st-unit:calc(100cqw / 360);--st-render-title:var(--st-mobile-title-size-n);--st-render-text:var(--st-mobile-text-size-n);--st-render-eyebrow:var(--st-mobile-eyebrow-size-n);--st-render-button:var(--st-mobile-button-size-n)}
}
.slider-layer{--sl-unit:calc(100cqw / 1320);--sl-x:var(--sl-desktop-x);--sl-y:var(--sl-desktop-y);--sl-width:var(--sl-desktop-width);--sl-height:var(--sl-desktop-height);--sl-size:var(--sl-desktop-size);position:absolute;left:var(--sl-x);top:var(--sl-y);width:var(--sl-width);height:var(--sl-height);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:center;font-family:var(--sl-font);font-size:calc(var(--sl-size) * var(--sl-unit));font-weight:var(--sl-weight);line-height:var(--sl-line);text-align:var(--sl-align);color:var(--sl-color);background:var(--sl-bg);border:calc(var(--sl-border-width) * var(--sl-unit)) solid var(--sl-border-color);border-radius:calc(var(--sl-radius) * var(--sl-unit));padding:calc(var(--sl-padding) * var(--sl-unit));z-index:var(--sl-z);text-shadow:var(--st-text-shadow);overflow-wrap:anywhere;white-space:pre-line}
.slider-layer>h1,.slider-layer>h2,.slider-layer>span,.slider-layer>a{margin:0;font:inherit;line-height:inherit;color:inherit;text-decoration:none;letter-spacing:normal;white-space:inherit}
.slider-layer>a{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;text-align:inherit}
.layer-title{-webkit-text-stroke:var(--st-stroke-width) var(--st-stroke-color);paint-order:stroke fill}
@media(max-width:760px){.text-styled-slide .slider-layer{--sl-unit:calc(100cqw / 360);--sl-x:var(--sl-mobile-x);--sl-y:var(--sl-mobile-y);--sl-width:var(--sl-mobile-width);--sl-height:var(--sl-mobile-height);--sl-size:var(--sl-mobile-size)}}
.slider-text-preview-canvas[data-device=mobile] .slider-layer{--sl-unit:calc(100cqw / 360);--sl-x:var(--sl-mobile-x);--sl-y:var(--sl-mobile-y);--sl-width:var(--sl-mobile-width);--sl-height:var(--sl-mobile-height);--sl-size:var(--sl-mobile-size)}
.slider-controls{z-index:30}

.slider-text-box[hidden],.slider-layer[hidden]{display:none!important}
.slider-text-preview-canvas .layer-button>.layer-copy{display:flex;flex-direction:column;justify-content:center;height:100%;text-align:inherit}

/* Button geometry is independent of its caption, in preview and storefront. */
.slider-layer.layer-button{padding:0;text-align:center;white-space:normal}
.slider-layer.layer-button>a,.slider-text-preview-canvas .layer-button>.layer-copy{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;box-sizing:border-box;min-width:0;min-height:0;padding:calc(var(--sl-padding) * var(--sl-unit));flex-shrink:1}
