*{--primary:#2c3e50;--secondary:#ecf0f1;--background:#ecf0f1;--title:#34495e;--text:#2c3e50;--bold:#3498db;--link:#3498db;--highlight:#f1c40f;--border:#34495e;--danger:#e74c3c;--success:#27ae60;--tint:#0a7ea4;--icon:#687076;--input:#ecf0f1;--output:#3498db;--btnPrimary:#2c3e50;--btnSecondary:#3498db;--btnDanger:#e74c3c;--switch:#3498db;--toaster:#e74c3c;font-family:Titillium Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);margin:0}a{color:inherit;text-decoration:none}img{margin:0 auto;object-fit:contain}#root{margin:90px auto 0}#root,#root>img{display:block;max-width:420px;width:100%}#root>img{border-radius:2px;box-shadow:0 2px 8px #0009;margin:0 6px}#top-bar{align-items:center;background-color:#fff;border:1px solid var(--border);border-radius:27px;box-shadow:0 2px 6px #0003;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;max-width:420px;object-fit:scale-down;padding:4px;position:fixed;top:10px;width:100%;z-index:2}#top-bar img{cursor:pointer;margin:0;width:44px}#top-header{color:var(--text);font-size:24px;padding-bottom:4px;text-align:center;width:calc(100% - 88px)}h2{display:block;margin-top:0;width:100%}h2,h3{text-align:center}h2,h3,h6{color:var(--title)}h6{font-weight:500}#menu-header{color:var(--title);font-size:48px;margin-bottom:25px;margin-top:-15px;text-align:center}.menu-row{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:20px}.menu-item{align-self:center;background-color:#fff;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 0;width:41%}.menu-img{height:26vw;margin-bottom:10px;max-height:80px;width:auto}.menu-text{color:var(--title);font-size:18px;font-weight:400;line-height:18px;text-align:center}.link-to-blog{background-color:#fff;border:1px solid var(--border);border-radius:16px;display:block;font-size:22px;margin:20px auto;padding:8px 0;text-align:center;width:52%}.link-to-blog img{height:22px;margin-bottom:-4px;margin-top:4px}.last-5-container{align-self:center;background-color:#fff;border:1px solid var(--border);border-radius:16px;box-sizing:border-box;margin:auto;padding:10px;width:88%}.last-5-container:hover{cursor:pointer}#animated-bar{background-color:var(--primary);border-radius:4px;height:8px;margin-bottom:8px}.animated-bar-class{animation:barAnimation 8s ease-in-out}@keyframes barAnimation{0%{width:0}to{width:100%}}.article-title{color:var(--title);font-size:15px;font-weight:600;line-height:22px;margin:0;padding-bottom:4px}.article-content{line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:13px;line-height:18px;margin:0;overflow:hidden;text-align:left}.hesapla-btn{background-color:var(--btnPrimary);border:0;border-radius:10px;clear:both;color:#fff;cursor:pointer;display:block;font-size:20px;font-weight:700;margin:20px auto;outline:none;padding:8px 10px}.hesapla-btn:active{background-color:var(--secondary)}fieldset{background-color:#fff;border:1px solid var(--border);border-radius:16px;margin:30px auto;max-width:360px;padding:20px 0;width:88vw}.fieldset-header{margin-top:0}.label-div{align-self:flex-start;display:flex;flex-direction:row;margin:2px auto}label{clear:left;margin-top:2px;padding-right:10px;text-align:right;width:50%}input,label{color:var(--text);float:left;font-size:18px}input{background-color:var(--input);border:0;border-radius:6px;display:block;margin:3px 0;max-width:60px;outline:none;padding:0 0 2px;text-align:center;width:12vw}input[type=radio]{box-shadow:none}.output-container{display:flex;flex-direction:row;width:50%}.output{background-color:var(--output);border-radius:6px;color:#fff;float:left;font-size:18px;margin-right:10px;margin-top:3px;padding:0 6px 2px}hr{border:none;border-bottom:1px solid var(--primary);clear:both;margin:20px 30px!important}.cns{height:20px;margin:7px 0;width:20px}#gram{color:var(--text);float:left;font-size:18px;margin-left:3px;margin-top:2px;padding:0 3px}select{background-color:#fff;border-radius:4px;color:var(--border);float:left;font-size:14px;margin:auto;max-width:120px;outline:none;padding:4px 0;width:30vw}.tab-menu{display:flex;margin:-30px auto 20px}.cmenu{background-color:var(--tint);border:2px solid var(--tint);border-radius:16px;color:#fff;cursor:pointer;display:inline-block;flex:0.26 1;font-size:18px;font-weight:700;margin:40px auto 0;outline:none;padding:8px 10px;top:10px;transition-duration:.5s}.cmenu:hover,.pressed{background-color:#fff;color:var(--tint)}.footer{align-items:center;display:flex;justify-content:space-evenly;max-width:420px;width:94vw}.footer h6{background-color:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-weight:600;margin-top:20px;padding:6px 8px;text-align:center}.kdegser{font-size:18px;font-weight:700;margin-bottom:10px;text-align:center}.kdegtxt,fieldset>a,fieldset>p{font-size:16px;margin:auto 12px;text-align:justify}.tbl{font-size:14px;margin:0 6%;text-align:center;width:88%}.solk{text-align:left}a{color:var(--link);font-weight:600}.hay-bit-protein{align-self:flex-start;display:flex;flex-direction:row;height:30px}.hay-bit-label{align-self:center;color:var(--text);flex:0.5 1;font-size:16px;text-align:right;width:33%}.hay-bit-output{align-self:center;flex:0.4 1;flex-direction:row;justify-content:space-evenly}.hay-bit-output span{background-color:var(--tint);border-radius:6px;color:#fff;margin:3px 4px 0;padding:0 6px 2px}.hay-bit-amount{align-self:flex-start}.hay-bit-percent{align-self:flex-end}.store-logos{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:40px}.store-logo{cursor:pointer;width:140px}.desktop-ss{display:block;height:auto;margin:0 auto;width:92%}#desktop p{color:var(--text);margin:4%}snackbar-component{align-items:center;animation:notificationPop .3s cubic-bezier(.68,-.55,.265,1.55) forwards;background-color:#fff;border:1px solid #fafafa;border-radius:.25rem;box-shadow:0 3px 5px -1px #33333312,0 6px 10px 0 #33333312,0 1px 18px 0 #33333312;color:#333333de;display:inline-flex;justify-content:space-between;max-width:90vw;min-width:350px;opacity:0;position:fixed;transform:scale(.87);transform-origin:center;z-index:1000}snackbar-component[position][position~=bottom]{bottom:1rem}snackbar-component[position][position~=top]{top:1rem}snackbar-component[position][position~=center]{animation:notificationPopCenter .3s cubic-bezier(.68,-.55,.265,1.55) forwards;left:50%;transform:translate(-50%) scale(.87);transform-origin:left center}snackbar-component[position][position~=left]{left:1.5rem}snackbar-component[position][position~=right]{right:1.5rem}snackbar-component p{font-size:.85rem;line-height:1.618;padding:0 1rem}snackbar-component snackbar-actions{align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:flex-end;padding-right:.5rem}snackbar-component snackbar-actions button{background-color:#399;border:0;border-radius:2px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;height:2.5rem;line-height:2.5rem;outline:none;padding:0 .5rem;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}snackbar-component snackbar-actions button:not(:last-child){margin-right:.5rem}snackbar-component snackbar-actions button:hover:before{background-color:#4a99ff0d;transform:scale(1);transition:transform 175ms cubic-bezier(.175,.885,.32,1.275),background-color 75ms ease}snackbar-component snackbar-actions button:active:before{background-color:#4a99ff1a;transition:background-color 75ms ease-in-out}snackbar-component snackbar-actions button:before{background-color:initial;border-radius:.25rem;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transform:scale(.3);transform-origin:center;transition:all 75ms ease-out;width:100%}snackbar-component snackbar-actions close-button{align-items:center;color:#333333de;cursor:pointer;display:inline-flex;flex-flow:column wrap;height:2.5rem;justify-content:center;transition:color 75ms ease-in-out;-webkit-user-select:none;user-select:none;width:2.5rem}snackbar-component snackbar-actions close-button:hover{color:#333}snackbar-component snackbar-actions close-button:hover:before{background-color:#3333330d;transform:scale(1);transition:transform 175ms cubic-bezier(.175,.885,.32,1.275),background-color 75ms ease}snackbar-component snackbar-actions close-button:active{color:#333}snackbar-component snackbar-actions close-button:active:before{background-color:#3333331a;transition:background-color 75ms ease-in-out}snackbar-component snackbar-actions close-button svg{height:20px;margin:0;position:relative;width:20px}snackbar-component snackbar-actions close-button:before{background-color:initial;border-radius:50%;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transform:scale(.3);transform-origin:center;transition:all 75ms ease-out;width:100%}@keyframes notificationPopCenter{0%{opacity:0;transform:scale(.87) translateX(-50%)}to{opacity:1;transform:scale(1) translateX(-50%)}}@keyframes notificationPop{0%{opacity:0;transform:scale(.87)}to{opacity:1;transform:scale(1)}}