.toggle-switch-container{display:flex;flex-direction:column;gap:10px;font-family:Heebo,sans-serif;overflow:auto;padding:5px 0}.toggle-switch-container label{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:35px;font-size:18px;user-select:none}.toggle-switch-container input{position:absolute;opacity:0;cursor:pointer}.toggle-switch-container .slider{position:absolute;top:0;left:0;width:40px;height:25px;background-color:#ababab;border-radius:15px;transition:background-color .2s}.toggle-switch-container .slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;transition:transform .2s;margin:2px;left:1px}.toggle-switch-container input:checked+.slider{background-color:#60a917}.toggle-switch-container input:checked+.slider:before{transform:translateX(13px)}.button-group{display:flex}.button-group .radio-button{display:none}.button-group .radio-button+label{padding:10px 20px;background-color:#60a917;color:#fff;border:none;cursor:pointer;transition:background-color .3s,color .3s}.button-group .radio-button+label:hover{background-color:#60a917}.button-group .radio-button:checked+label{background-color:#8bc34a}.btn{background-color:#60a917;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;text-align:center}.btn:hover{background-color:#8bc34a}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.show-modal{opacity:1;visibility:visible;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:scale(.9);transition:transform .3s ease}.modal-content h3{margin-top:0;margin-bottom:20px;color:#60a917}.show-modal .modal-content{transform:scale(1)}.modal-body{flex-grow:1;max-height:calc(80vh - 120px);background-color:#fefefe}.modal-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px;text-align:right}.modal-buttons button{background-color:#60a917;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.modal-buttons button:hover{background-color:#8bc34a}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}.icon{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;color:#fff;width:20px;height:20px}.icon.icon-calculator{background-image:url(icons/calculator.svg)}.icon.icon-autorenew{background-image:url(icons/autorenew.svg)}.icon.icon-text-search{background-image:url(icons/text-search.svg)}header{background-color:#60a917;padding:10px;display:flex;align-items:center;justify-content:center}header #title{display:flex}header #title .logo{width:36px;height:auto;margin-left:15px}header #title h2{color:#fff;margin:5px 0 5px 15px}@media (max-width:768px){header{flex-direction:column}}.gematria-top-container{background-color:#fff}.gematria-top-container .input-container{display:flex;justify-content:center}.gematria-top-container .input-container #stickyTextarea{width:100%;padding:15px;border:2px solid #60a917;resize:vertical;transition:border-color .3s ease;font-size:26px;text-align:center}.gematria-top-container .input-container #stickyTextarea:focus{outline:0;border-color:#8bc34a}.gematria-top-container .input-container .selected-method{border:2px solid #60a917;margin-right:5px;display:flex;justify-content:center;padding:15px}.gematria-top-container .input-container .selected-method div{font-size:28px;white-space:nowrap}.gematria-top-container .selected-method-letters{border:2px solid #60a917;margin-top:5px;padding:5px;text-align:center}.header-buttons-container{margin:10px auto}.header-buttons-container .group-toggle{margin:0 auto;font-size:16px}@media (max-width:768px){.gematria-top-container{position:sticky;top:0;z-index:100;margin:0 -20px;padding:0 20px;transition:background-color .3s,color .3s}#stickyTextarea,.selected-method,.selected-method div,.selected-method-letters{font-size:16px!important;padding:5px!important}.method-toggle{grid-template-columns:1fr}#stickyTextarea{width:auto!important}.selected-method{margin-right:0!important;margin-top:5px}.input-container,.main-container{flex-direction:column}.side-menu{width:100%;margin-left:0;margin-bottom:20px}}.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:20px;margin-top:6px}.groups .group{box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;background-color:#f5f5f5}.groups .group .group-header{display:flex;justify-content:space-between;padding:8px 6px 0 4px;height:26px}.groups .group .group-header .group-name{margin:-16px -15px 0 0;padding:15px;color:#fff;font-weight:700}.groups .group .group-header .edit-group-btn{margin-top:-8px;margin-left:-4px;height:33px}.groups .group ul{list-style-type:none;padding:10px;margin:0}.groups .group ul .method-item{margin:4px 0;padding:3px 7px;background-color:#fff;transition:background-color .3s ease}.groups .group ul .method-item.selected{background-color:#60a917;color:#fff}.groups .group ul .method-item .method-line1{display:flex;justify-content:space-between}.groups .group ul .method-item .method-line1 .method-name,.groups .group ul .method-item .method-line1 .method-number-value{font-size:14px}.groups .group ul .method-item .method-letter-value{font-size:12px;overflow:auto}.group-common{border:1px solid #2e8b57}.group-common .method-item:hover{background-color:#57c889!important;color:#fff}.group-header-common{background-color:#2e8b57}.group-header-common .btn{background-color:#2e8b57}.group-header-common .btn:hover{background-color:#57c889}.group-different{border:1px solid #d2691e}.group-different .method-item:hover{background-color:#eaa16c!important;color:#fff}.group-header-different{background-color:#d2691e}.group-header-different .btn{background-color:#d2691e}.group-header-different .btn:hover{background-color:#eaa16c}.group-triple{border:1px solid maroon}.group-triple .method-item:hover{background-color:#e60000!important;color:#fff}.group-header-triple{background-color:maroon}.group-header-triple .btn{background-color:maroon}.group-header-triple .btn:hover{background-color:#e60000}.group-hide{border:1px solid #191970}.group-hide .method-item:hover{background-color:#2c2cc3!important;color:#fff}.group-header-hide{background-color:#191970}.group-header-hide .btn{background-color:#191970}.group-header-hide .btn:hover{background-color:#2c2cc3}.group-multiples{border:1px solid #2f4f4f}.group-multiples .method-item:hover{background-color:#558f8f!important;color:#fff}.group-header-multiples{background-color:#2f4f4f}.group-header-multiples .btn{background-color:#2f4f4f}.group-header-multiples .btn:hover{background-color:#558f8f}.group-fill-and-before-after{border:1px solid purple}.group-fill-and-before-after .method-item:hover{background-color:#e600e6!important;color:#fff}.group-header-fill-and-before-after{background-color:purple}.group-header-fill-and-before-after .btn{background-color:purple}.group-header-fill-and-before-after .btn:hover{background-color:#e600e6}.group-parallelism{border:1px solid #6a5acd}.group-parallelism .method-item:hover{background-color:#b1a8e5!important;color:#fff}.group-header-parallelism{background-color:#6a5acd}.group-header-parallelism .btn{background-color:#6a5acd}.group-header-parallelism .btn:hover{background-color:#b1a8e5}.group-letter-position{border:1px solid #8a2be2}.group-letter-position .method-item:hover{background-color:#bc85ee!important;color:#fff}.group-header-letter-position{background-color:#8a2be2}.group-header-letter-position .btn{background-color:#8a2be2}.group-header-letter-position .btn:hover{background-color:#bc85ee}.search-container{padding:1rem}body{font-family:Arial,sans-serif;direction:rtl;margin:0;padding:0;background-color:#fff;color:#333}main{max-width:1200px;margin:0 auto;padding:20px}.fixed{position:fixed;top:0;left:0;right:0;z-index:1000}.container{max-width:1200px;margin:0 auto;padding:0 15px}