.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header h1{font-size:1.8em;color:#4682b4}.fields-row{display:flex;gap:20px;margin-bottom:15px}.field{flex:1}.field label{display:block;font-weight:700;margin-bottom:5px;color:#4682b4}.field input,.field select,.field textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:azure}table{width:100%;border-collapse:collapse;margin-bottom:20px}table,th,td{border:1px solid #ccc}th{background-color:#b0e0e6;color:#4682b4}th,td{padding:8px;text-align:left}.buttons{text-align:center}.buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;background:#007bff;color:#fff;font-weight:700}.buttons button:hover{background:#0056b3}.faixas-header,.artigos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.faixas-header h2,.artigos-header h2{margin:0;color:#4682b4}.faixas-header button,.artigos-header button{padding:5px 15px;border:none;background:#4682B4;color:#fff;border-radius:4px;cursor:pointer}.faixas-header button:hover,.artigos-header button:hover{background:#0056b3}
