.breakdance .bde-section-2497-100 .section-container{display:flex;flex-direction:column;align-items:center;text-align:center}.breakdance .bde-heading-2497-117{margin-bottom:30px}.breakdance .bde-code-block-2497-116{width:100%}body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:20px}.calendar-container{width:100%;max-width:600px;margin:0 auto}.calendar-nav{display:flex;justify-content:space-between;align-items:center;background-color:#0057B7;color:#fff;padding:15px}.calendar-nav button{background-color:#fff;border:none;color:#0057B7;font-weight:700;padding:8px 16px;cursor:pointer;border-radius:4px}.calendar-nav button:hover{background-color:#ddd}#month-name{font-size:20px;font-weight:700;padding:0 15px}.calendar{padding:10px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.days div,.weekdays div{text-align:center;padding:8px 0;font-weight:700;color:#333;background-color:#f4f4f4;border-radius:4px;box-sizing:border-box;transition:background-color 0.3s ease,transform 0.3s ease}.weekdays div{background-color:#0057B7;color:#fff}.days div.empty,.days div.past{background-color:#e0e0e0;opacity:0.5;border-radius:4px}.days div:not(.selected):hover:not(.past),.days div:not(.selected):hover:not(.past) .event{background-color:#ddd;transform:scale(1.02)}.days div.selected{background-color:#ddd;color:#000;transform:scale(1.02);opacity:1}.days div.past.selected{background-color:#ddd;opacity:1}.days div.past.selected .event,.days div.past.selected .canceled{background-color:#ddd!important;color:#000;opacity:1!important}.days div.past .event,.days div.past .canceled{background-color:#e0e0e0;opacity:0.5;color:inherit}.canceled strong{color:red!important;text-decoration:line-through!important}.canceled small{color:red!important;text-decoration:line-through!important;font-weight:normal!important}.event small{display:block;font-weight:400;color:#000;margin-top:4px}