.breakdance .bde-section-4380-104 .section-container{display:flex;flex-direction:column;align-items:center;gap:140px;text-align:center}.breakdance .bde-section-4380-104{background-image:url(https://hipbip.co/wp-content/uploads/2025/06/pattern-01.svg);background-size:contain;background-repeat:no-repeat;background-position:left center}.breakdance .bde-section-4380-104>.section-background-overlay{background-image:url(https://hipbip.co/wp-content/uploads/2025/06/pattern-02.svg);background-size:contain;background-repeat:no-repeat;background-position:right center;transition:all var(--bde-transition-duration) ease-in-out}.breakdance .bde-section-4380-104:hover>.section-background-overlay{background-image:url(https://hipbip.co/wp-content/uploads/2025/06/pattern-02.svg)}.breakdance .bde-section-4380-104 .section-container{padding-bottom:300px;padding-top:210px}@media (max-width:1119px){.breakdance .bde-section-4380-104>.section-background-overlay{transition:all var(--bde-transition-duration) ease-in-out}}@media (max-width:1023px){.breakdance .bde-section-4380-104>.section-background-overlay{transition:all var(--bde-transition-duration) ease-in-out}}@media (max-width:767px){.breakdance .bde-section-4380-104>.section-background-overlay{transition:all var(--bde-transition-duration) ease-in-out}}@media (max-width:479px){.breakdance .bde-section-4380-104>.section-background-overlay{transition:all var(--bde-transition-duration) ease-in-out}.breakdance .bde-section-4380-104 .section-container{padding-left:0px;padding-right:0px;padding-bottom:40px}}@media (min-width:2000px){.breakdance .bde-section-4380-104>.section-background-overlay{transition:all var(--bde-transition-duration) ease-in-out}}.breakdance .bde-div-4380-105{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.breakdance .bde-heading-4380-106{width:740px;color:var(--bde-brand-primary-color);font-size:clamp(24px,3vw,64px);line-height:1;text-shadow:5px 20px 75px #00000025;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--bde-palette-lightgrey-deb3a469-5c73-4bd5-ad3c-5b1344d579b3-gradient-7)}.breakdance .bde-heading-4380-106{padding-bottom:2px}.breakdance .bde-text-4380-107{width:800px}.breakdance .bde-div-4380-108{margin-top:12px}.breakdance .bde-div-4380-108{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.breakdance .bde-globalblock-4380-109{width:auto}.breakdance .bde-section-4380-100 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-4380-100{background-color:var(--bde-links-color)}.breakdance .bde-section-4380-100 .section-container{padding-bottom:0px;padding-top:20px}.breakdance .bde-section-4380-100{margin-bottom:300px}.breakdance .bde-div-4380-101{width:auto;padding:40px 40px 40px 40px;border-radius:4px;box-shadow:5px 20px 75px 0px #00000025;margin-top:-200px;margin-bottom:-200px}.breakdance .bde-div-4380-101{background-color:#FFF}.breakdance .bde-div-4380-101{margin-left:auto;margin-right:auto}h2{color:#2c3e50;margin-bottom:15px}.container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.input-section,.options-section,.output-section{padding:20px;border-radius:5px;background-color:#f9f9f9;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.input-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.input-wrapper{display:flex;flex-direction:column}label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}input{padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px;font-family:monospace}input:focus{outline:none;border-color:#4CAF50}button{padding:10px 15px;background-color:#4CAF50;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:16px;transition:background-color 0.3s}button:hover{background-color:#45a049}.generate-btn{width:100%;margin-bottom:15px}.option-container{margin:15px 0;display:flex;flex-wrap:wrap;gap:15px}.option-card{flex:1;min-width:200px;padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer;transition:all 0.3s}.option-card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1)}.option-card.selected{border-color:rgba(184,224,46,1);background:rgba(184,224,46,.5)}.option-card h3{margin-top:0;color:#2c3e50}.option-card p{margin:5px 0 0 0;font-size:14px;color:#666}.output-code{width:100%;padding:10px;font-family:monospace;border:1px solid #ddd;border-radius:4px;resize:vertical;min-height:100px;background-color:#fff;margin-bottom:10px}.buttons{display:flex;gap:10px}.buttons button{flex:1}.copy-btn{background-color:#6c757d}.copy-btn:hover{background-color:#5a6268}.copy-btn.copied{background-color:#28a745}.status{padding:10px;margin-bottom:10px;display:none;border-radius:4px}.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.compliance-warning{padding:10px;margin-bottom:10px;display:none;border-radius:4px;background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}@media (max-width:640px){.input-group{grid-template-columns:1fr}.buttons{flex-direction:column}.option-container{flex-direction:column}}.breakdance .bde-code-block-4380-102 h2{font-size:16px;font-weight:700;margin:-10px 0 40px;opacity:.5;text-transform:uppercase;letter-spacing:.5px}.breakdance .bde-code-block-4380-102 h3{color:#000;font-size:18px;font-weight:700}.breakdance .bde-code-block-4380-102 h3 + p{font-size:12px;line-height:16px;opacity:.75}.breakdance .bde-code-block-4380-102 .option-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;opacity:.7}.breakdance .bde-code-block-4380-102 .option-card.selected{opacity:1}