@media screen and (max-width:768px){.example-class{font-size:12px;padding:4px}}@media screen and (max-width:480px){.example-class{font-size:12px;padding:4px;display:none}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1050;border-radius:8px}.modal-container .modal-body{position:relative;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:1050}.modal-container .modal-body .modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid hsla(0,0%,100%,.859);background:hsla(0,0%,100%,.841);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:8px 8px 0 0;flex-shrink:0}.modal-container .modal-body .modal-header .modal-title{font-size:16px;font-weight:700;display:flex;align-items:center;color:#000}.modal-container .modal-body .modal-header .modal-close-button{background:none;border:none;font-size:22px;cursor:pointer;color:#000;transition:color .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-container .modal-body .modal-header .modal-close-button:hover{color:#ff4d4f;background:rgba(239,68,68,.1)}.modal-container .modal-body .modal-content{flex:1 1;overflow:hidden;background:#f7f9ff;display:flex;flex-direction:column;padding:16px!important}.modal-container .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}