/* Shared button styling for the product description and its editor preview. */
.detail-content a.sss-description-button,[data-product-editor] a.sss-description-button,.sss-demo-button-dialog .sss-description-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:0;min-height:43px;margin:6px 8px 6px 0;padding:10px 18px;border:1px solid #e3e7ec;border-radius:7px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.45;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;text-align:center;text-decoration:none!important;vertical-align:middle;cursor:pointer;box-sizing:border-box;transition:background-color .2s,border-color .2s,box-shadow .2s}
.detail-content a.sss-description-button:before,[data-product-editor] a.sss-description-button:before,.sss-demo-button-dialog .sss-description-button:before{content:"";width:11px;height:11px;flex:none;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;background:linear-gradient(135deg,transparent 44%,currentColor 45%,currentColor 55%,transparent 56%) center/100% 100% no-repeat}
.detail-content a.sss-description-button-light,[data-product-editor] a.sss-description-button-light,.sss-demo-button-dialog .sss-description-button-light{background:#fff;color:#39475b;border-color:#dde3e9}
.detail-content a.sss-description-button-dark,[data-product-editor] a.sss-description-button-dark,.sss-demo-button-dialog .sss-description-button-dark{background:#222;color:#fff;border-color:#222}
.detail-content a.sss-description-button-green,[data-product-editor] a.sss-description-button-green,.sss-demo-button-dialog .sss-description-button-green{background:#4caf50;color:#fff;border-color:#4caf50}
.detail-content a.sss-description-button-light:hover,[data-product-editor] a.sss-description-button-light:hover{background:#f5f7f9;border-color:#aebbc8}.detail-content a.sss-description-button-dark:hover,[data-product-editor] a.sss-description-button-dark:hover{background:#343434;border-color:#343434}.detail-content a.sss-description-button-green:hover,[data-product-editor] a.sss-description-button-green:hover{background:#3b923f;border-color:#3b923f}
.detail-content a.sss-description-button:focus-visible,[data-product-editor] a.sss-description-button:focus-visible{outline:3px solid #4caf5080;outline-offset:3px}
.sss-demo-button-dialog{width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:25px;border:1px solid #dde6e1;border-radius:16px;background:#fff;color:#243247;box-shadow:0 24px 90px #1023183d;overflow:auto;overscroll-behavior:contain;font:400 13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.sss-demo-button-dialog::backdrop{background:#0d1829a8}.sss-demo-button-dialog form{display:grid;gap:15px;margin:0}.sss-demo-button-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sss-button-dialog-eyebrow{color:#3b9550;font-size:9px;font-weight:800;letter-spacing:1.2px}.sss-demo-button-dialog h2{margin:5px 0 0;color:#233247;font-size:21px;line-height:1.3}.sss-button-dialog-close{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid #e4e9ed;border-radius:8px;background:#f7f9fa;color:#516075;font-family:inherit;font-size:24px;line-height:1;cursor:pointer}.sss-button-dialog-help{margin:0;color:#758093;font-size:12px;line-height:1.7}
.sss-demo-button-dialog .field{display:grid;gap:7px;margin:0}.sss-demo-button-dialog .field>span{font-size:12px;font-weight:700}.sss-demo-button-dialog .control{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce3e9;border-radius:8px;background:#fff;color:#243247;font:inherit}.sss-demo-button-dialog .control:focus{outline:2px solid #4caf5040;border-color:#78b586}.sss-demo-button-dialog small{color:#7a8796;font-size:10px}.sss-button-dialog-preview{display:grid;justify-items:center;gap:7px;padding:15px;border:1px dashed #dce5de;border-radius:10px;background:#f6f9f7}.sss-button-dialog-preview>small{font-size:8px;font-weight:800;letter-spacing:1.5px}.sss-demo-button-dialog .sss-description-button{margin:0;cursor:default}
.sss-demo-button-dialog footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:3px}.sss-demo-button-dialog footer>div{display:flex;justify-content:flex-end;flex:1;flex-wrap:wrap;gap:8px}.sss-demo-button-dialog .admin-btn{min-height:41px;padding:10px 16px;font-size:12px;border-radius:7px;cursor:pointer}.sss-button-dialog-remove{padding:7px 0;border:0;background:none;color:#b84848;font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;cursor:pointer}.sss-button-dialog-remove[hidden]{display:none}.sss-demo-button-dialog button:focus-visible{outline:3px solid #4caf5080;outline-offset:3px}
@media(max-width:480px){.detail-content a.sss-description-button{min-height:44px;padding:10px 14px;font-size:12px}.sss-demo-button-dialog{padding:21px 18px}.sss-demo-button-dialog h2{font-size:19px}.sss-demo-button-dialog footer{align-items:stretch}.sss-demo-button-dialog footer>div{flex-wrap:nowrap}.sss-demo-button-dialog .admin-btn{padding:10px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.detail-content a.sss-description-button,[data-product-editor] a.sss-description-button,.sss-demo-button-dialog .sss-description-button{transition:none}}
@media(max-width:480px){.sss-demo-button-dialog footer{flex-direction:column;align-items:stretch;gap:10px}.sss-button-dialog-remove{align-self:flex-start}.sss-demo-button-dialog footer>div{width:100%}.sss-demo-button-dialog footer .admin-btn{flex:1;white-space:nowrap}.sss-demo-button-dialog input.control{font-size:16px}}