/* Shared by every extension product and its administration preview. */
.swatches .swatch{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;vertical-align:top}
.swatches .swatch>img,.swatches .swatch>span{display:block;flex:0 0 80px;width:100%;height:80px;object-fit:cover;margin:0}
.swatches .swatch>span{display:grid;place-items:center;background:#f1efeb;font-size:11px}
.swatches .swatch>strong{flex:none;margin:8px 3px 0;line-height:1.4}
.swatches .swatch>small{flex:none;margin:8px 3px;line-height:1.5;overflow-wrap:anywhere;text-align:center}
[data-length-step]{scroll-margin-top:100px}
[data-length-step]:focus{outline:none}
[data-length-step]:focus-visible{outline:2px solid #928b74;outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

[data-selection] .purchase-price-label{display:block;font-size:12px;line-height:1.5;color:var(--cp-tone-ink,#4e453b);margin-bottom:5px}
[data-selection] .recommended-price{margin:12px 0;padding:10px 0;background:transparent;border:0;border-top:1px solid var(--cp-tone-wash,#f5f0e8);display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;color:var(--cp-tone-ink,#4e453b);max-width:100%;box-sizing:border-box}
[data-selection] .recommended-price>span{font-size:12px;line-height:1.5}
[data-selection] .recommended-price>b{font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap}
[data-selection] .recommended-price>small{flex-basis:100%;font-size:12px;line-height:1.5;color:var(--cp-tone-muted,#6f6458)}

/* Keep the pre-.09 Extensions presentation in its own storefront. */
@scope (.seiseta-site:not(.helen-preview):not(.sel-page)) {

.swatches .swatch{}
.swatches .swatch>img,.swatches .swatch>span{}
.swatches .swatch>span{background:#f1efeb}
.swatches .swatch>strong{}
.swatches .swatch>small{}
[data-length-step]{}
[data-length-step]:focus{}
[data-length-step]:focus-visible{outline-color:#928b74}
@media(prefers-reduced-motion:reduce){html{}}

[data-selection] .purchase-price-label{color:#535b4e}
[data-selection] .recommended-price{background:transparent;border-top-color:#e4e7df;color:#56614e}
[data-selection] .recommended-price>span{}
[data-selection] .recommended-price>b{}
[data-selection] .recommended-price>small{color:#62695d}

}

[data-selection] .recommended-price>b>.recommended-tax-label{display:inline;margin:0 0 0 .3em;font-size:.72em;font-weight:400;line-height:inherit;white-space:nowrap}

/* Keep the explanatory note compact despite the general product small style. */
[data-selection] .recommended-price>small{margin:0;display:block}
