@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-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background-color:rgba(0,0,0,.4)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:1300!important;cursor:pointer;animation:overlay-fade-in .3s ease-out;margin:0!important;padding:0!important;pointer-events:auto!important;transform:none!important;border:none!important;outline:none!important;box-sizing:border-box!important}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1301;pointer-events:none;animation:modal-fade-in .3s ease-out}.modal-body{position:relative;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 8px 32px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:1302;animation:modal-scale-in .3s ease-out;pointer-events:auto;overflow:hidden;max-height:calc(100vh - 80px);max-width:calc(100vw - 40px)}.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-body .modal-header .modal-title{font-size:16px;font-weight:700;display:flex;align-items:center;color:#000}.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-body .modal-header .modal-close-button:hover{color:#ff4d4f;background:rgba(239,68,68,.1)}.modal-body .modal-content{flex:1 1;overflow-y:auto;overflow-x:hidden;background:#f7f9ff;display:flex;flex-direction:column;padding:16px!important;min-height:0;max-height:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-in{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media screen and (max-width:768px){.modal-container{padding:10px}.modal-body{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px);height:auto!important;max-height:calc(100vh - 80px)}.modal-body .modal-content{padding:8px!important}}@media screen and (max-width:1024px)and (min-width:769px){.modal-container{padding:20px}.modal-body{max-width:calc(100vw - 40px);max-height:calc(100vh - 80px)}}