.pte-fdl-element-item{display:flex;align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:10px 15px;margin-bottom:10px;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 1px 3px rgba(0,0,0,.05)}.pte-fdl-element-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.pte-fdl-element-color-indicator{width:10px;height:60px;border-radius:3px 0 0 3px;margin-right:15px;flex-shrink:0}.pte-fdl-element-symbol-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;margin-right:15px;text-align:center;flex-shrink:0}.pte-fdl-element-atomic-number{font-size:.8em;color:#6c757d}.pte-fdl-element-symbol{font-size:2em;font-weight:700;color:#212529;line-height:1}.pte-fdl-element-details{flex-grow:1}.pte-fdl-element-name{font-size:1.2em;font-weight:600;color:#0056b3;margin-bottom:3px}.pte-fdl-element-atomic-mass,.pte-fdl-element-category-name{font-size:.9em;color:#495057}.pte-fdl-element-category-name{font-style:italic}.pte-fdl-text-light{color:#f8f9fa}.pte-fdl-text-dark{color:#212529}body.pte-modal-open{overflow:hidden!important}.pte-fdl-modal.pte-is-visible{display:flex!important}.pte-fdl-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #e9ecef;margin-bottom:15px;flex-shrink:0}@media (max-width:768px){.pte-fdl-element-item{flex-direction:column;align-items:flex-start;padding:10px}.pte-fdl-element-color-indicator{width:100%;height:4px;margin-bottom:8px}.pte-fdl-element-symbol-container{margin-bottom:4px}.pte-fdl-element-symbol{font-size:1.7em}.pte-fdl-element-atomic-number{font-size:.8em}.pte-fdl-element-name{font-size:1.05em}.pte-fdl-modal-header{padding-bottom:10px;margin-bottom:10px}}