@layer bricks {.brxe-shortcode{width:100%}} html {background-color: var(--bricks-color-mxteem)} body {background: none}html, body { height: 100%; margin: 0;}#brxe-wxttfp {max-width: 550px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; transition: all 0.7s ease}#brxe-wxttfp:hover {transform: translateY(-6px); transition: transform 0.7s ease}@keyframes smoothSweep { 0% { transform: translateY(100%) rotate(0deg); } 100% { transform: translateY(-100%) rotate(0deg); }}.password-generator::before { background: linear-gradient( transparent 40%, rgba(64, 0, 255, 0.7) 70%, rgba(75, 0, 200, 0.5) 90%, transparent 100% ); opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; transform: translateY(calc(100% + 6px)) rotate(0deg);} .password-generator:hover::before { opacity: 0.6; animation: smoothSweep 1.5s ease forwards;} .password-generator { transition: box-shadow 0.7s ease; box-shadow: 0 0 0 0 transparent;} .password-generator:hover { box-shadow: 0px -100px 59px -100px rgba(64, 0, 255, 0.5), 0px -60px 41px -31px rgba(75, 0, 200, 0.3), 0px -10px 26px -3px rgba(75, 0, 200, 0.3), 0px -16px 40px -8px rgba(75, 0, 200, 0.2); transition-delay: 0.4s;}#brxe-gewims {padding-top: 3em; padding-bottom: 3em}@media (max-width: 767px) {#brxe-gewims {padding-right: 1em; padding-left: 1em}}#brxe-xgzzbj {height: 100%; flex-grow: 1; flex-shrink: 0}