:root{--font-outfit:"Outfit";--font-jakarta:"Plus Jakarta Sans";--primaryColor:#0e88f2;--hoverColor:#0b6bbe;--primaryRGB:32,90,169;--borderRadius:0.5rem}*{font-family:var(--font-outfit)}.main{width:100%;height:100%;padding:1.5rem 0}.main .layout{display:flex;align-items:center;justify-content:center;width:100%}.main .layout .container-order{display:flex;flex-direction:column;gap:2rem;width:80%}.header{flex-direction:column;gap:.5rem;padding-top:3rem}.header,.header h2{display:flex;justify-content:center;align-items:center}.header h2{width:80%;text-align:center;justify-self:center;gap:.8rem;font-size:calc(1.325rem + .9vw);color:#131318}.header p{width:78%;text-align:center;color:rgba(19,19,24,.8);font-size:.9em;-webkit-font-smoothing:antialiased}.section-2xl{display:grid;grid-template-columns:60% 39%;gap:1%}.Calculators{background-color:#fff;padding:2rem;transition:.25s;height:100%;border-radius:var(--borderRadius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:100%}.Calculators form{height:100%}.Calculators form .container-form{display:flex;flex-direction:column;gap:1.2rem;height:100%}.Calculators form .container-form .input-group{display:flex;align-items:flex-start;flex-direction:column;gap:.5rem}.Calculators form .container-form .group-2xl{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.Calculators form .container-form .input-group label{font-size:.95em;color:#131318}.Calculators form .container-form .input-group input[type=number],.Calculators form .container-form .input-group input[type=text]{width:100%;height:42px;outline:none;padding:.8rem 1rem;border:1.5px solid var(--primaryColor);border-radius:var(--borderRadius)}.rw-state-focus .rw-widget-picker.rw-widget-input{box-shadow:none!important}.rw-input::placeholder,.rw-placeholder{font-size:.9em}.rw-widget-input:focus{box-shadow:none!important}.rw-widget-input{width:100%!important;cursor:text!important;height:42px!important;outline:none!important;border:1.5px solid var(--primaryColor)!important;border-radius:var(--borderRadius)!important}.Calculators form .container-form .infoSpot{font-size:.7em;color:rgba(19,19,24,.5)}.Calculators form .container-form .badge-group{display:flex;flex-direction:column;gap:.7rem}.Calculators form .container-form .radio-group{display:flex;align-items:center;justify-content:center;gap:.3rem}.Calculators form .container-form .radio-2xl{display:flex;align-items:center;gap:1.8rem}.Calculators form .container-form .badge-group span.badge{width:fit-content;padding:.3rem .6rem;border-radius:var(--borderRadius);font-size:.8em;color:var(--primaryColor);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);background-color:rgba(var(--primaryRGB),.15)}.Calculators form .container-form .money-input .money-group{position:relative;width:100%}.Calculators form .container-form .money-input .money-group input{padding:.8rem 2.8rem}.Calculators form .container-form .money-input .money-group:before{content:"";position:absolute;left:0;top:0;border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius);width:33px;background-color:rgba(var(--primaryRGB),.7);height:100%}.Calculators form .container-form .money-input .money-group svg{position:absolute;top:15.5px;color:#fff;width:12px;height:12px;left:11px}.Calculators form .container-form .money-input .money-group input[type=number]{padding:.8rem 3rem}.Calculators form .container-form input[type=number]::-webkit-inner-spin-button,.Calculators form .container-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Calculators form .container-form .money-input .money-group .switchButton{position:absolute;right:8px;top:8px}.Calculators form .container-form .button-group{display:grid;grid-template-columns:repeat(2,1fr);margin-top:1rem;gap:1rem;align-content:flex-end}.Calculators form .container-form .checkbox-group{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem}.Calculators form .container-form .checkbox-group label{position:relative}.Calculators form .container-form .checkbox-group label input[type=radio]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;user-select:none}.Calculators form .container-form .checkbox-group label input[type=number]{border-color:rgba(19,19,24,.3);cursor:text;width:40%;text-align:center;transition:.25s;background-color:rgba(19,19,24,.05)}.Calculators form .container-form .checkbox-group label input[type=number]::placeholder{font-size:.85em}.Calculators form .container-form .checkbox-group label input[type=radio]:checked+input[type=number]{position:relative;z-index:2;background-color:rgba(var(--primaryRGB),.15);border:1px solid var(--primaryColor);color:var(--primaryColor)}.Calculators form .container-form .checkbox-group label span{padding:.6rem 1.3rem;transition:.25s;border:1px solid rgba(19,19,24,.3);font-size:.9em;cursor:pointer;background-color:rgba(19,19,24,.05);color:rgba(19,19,24,.6);border-radius:var(--borderRadius)}.Calculators form .container-form .checkbox-group label input[type=radio]:checked+span{background-color:rgba(var(--primaryRGB),.15);border:1px solid var(--primaryColor);color:var(--primaryColor)}.Calculators form .container-form .button-group button{display:flex;align-items:center;justify-content:center;outline:none;border:none;border-radius:var(--borderRadius);transition:.25s;gap:.6rem;font-weight:500;cursor:pointer;font-size:.9em;background-color:transparent;height:40px}.Calculators form .container-form .button-group button svg{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.Calculators form .container-form .button-group button.active{background-color:var(--primaryColor);color:#fff}.Calculators form .container-form .button-group button.active:hover{background-color:var(--hoverColor);color:#fff}.Calculators form .container-form .button-group button.outline{border:1.5px solid #ff204e;color:#ff204e}.Calculators form .container-form .button-group button.outline:hover{background-color:#ff204e;color:#fff}.specialRadio{display:block;position:relative;padding-left:1.8rem;margin-bottom:12px;cursor:pointer;font-size:.9em;-webkit-user-select:none;color:#131318;transition:.25s;-moz-user-select:none;-ms-user-select:none;user-select:none}.specialRadio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;border-radius:50%;height:20px;transition:.25s;width:20px;background-color:rgba(var(--primaryRGB),.2)}.specialRadio:hover input~.checkmark{background-color:rgba(var(--primaryRGB),.3)}.specialRadio input:checked~.checkmark{background-color:var(--primaryColor)}.checkmark:after{content:"";position:absolute;display:none}.specialRadio input:checked~.checkmark:after{display:block}.specialRadio .checkmark:after{left:6px;top:6px;border-radius:50%;width:8.2px;height:8.2px;background-color:#fff}.tablist{justify-content:center;gap:1rem}.tablist,.tablist-content{display:flex;align-items:center}.tablist-content{gap:.5rem;transition:.25s;font-weight:500;padding:.8rem 1rem;background-color:#fff;border-radius:var(--borderRadius);cursor:pointer;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15)}.tablist-content.disabled{cursor:no-drop;user-select:none;background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.5)}.Select__menu-list{max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch}.Select__menu{pointer-events:auto}.tablist-content.disabled:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.5)}.tablist-content.active{color:#fff;background-color:var(--primaryColor)}.tablist-content:hover{color:#fff;background-color:var(--hoverColor)}.tablist-content img{width:23px;height:23px;object-fit:contain;border-radius:50%}#commissionInput{width:42px;outline:none;background-color:transparent;border:none;text-align:right;font-size:1.05em;padding:.2rem .3rem;color:var(--primaryColor);transition:.25s}#commissionInput.edit-commission{background-color:rgba(var(--primaryRGB),.2);border-radius:var(--borderRadius)}#commissionInput.notFillCommission{width:18px}.edit-badge-group{display:flex;align-items:center;gap:.4rem}.edit-badge-group a{display:flex;align-items:center;justify-content:center;border:none;outline:none;background-color:transparent;cursor:pointer}.edit-badge-group a svg{width:18px;color:var(--primaryColor);transition:color .25s;height:18px}.edit-badge-group a:hover svg{color:var(--hoverColor)}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--primaryColor)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primaryColor)}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(18px)}.slider{cursor:pointer;top:0;left:0;right:0;border-radius:var(--borderRadius);bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:14px;width:14px;left:4px;bottom:4.5px;background-color:#fff;border-radius:50%}.Result .container-section{display:flex;flex-direction:column;height:100%;gap:1.6rem}.Result .title{display:flex;flex-direction:column;gap:.5rem}.Result .title h1{font-size:1.2em;color:var(--primaryColor)}.Result .title p{font-size:.9em;color:rgba(19,19,24,.5)}.Result .phone-section{display:flex;align-items:center;justify-content:center}.Result .phone-container{background-image:url(/assets/img/trendyol/phone-container.png);background-position:top;background-repeat:no-repeat;width:400px;transition:.25s;padding:100px 60px 0 40px;display:flex;flex-direction:column;gap:1.5rem;height:490px;background-size:cover}.Result .phone-container .data{padding-bottom:1.5rem;border-bottom:2px solid rgba(0,0,0,.05)}.Result .phone-container .data,.Result .phone-container .resultChilds{display:flex;flex-direction:column;gap:.6rem}.Result .phone-container .resultChilds .profit{color:#379777}.Result .phone-container .resultChilds .loss{color:#973737}.Result .phone-container .data p,.Result .phone-container .resultChilds p{display:flex;align-items:center;font-size:1em;justify-content:space-between}.Result .phone-container .data p span,.Result .phone-container .resultChilds p span{font-size:1.1em;color:var(--primaryColor);font-weight:700}@media screen and (max-width:1685px){.Layer .right-image img{width:550px}.Layer .left-image img{width:450px}}@media screen and (max-width:1475px){.main .layout .container-order{width:90%}}@media screen and (max-width:1200px){.section-2xl{grid-template-columns:100%}.main .layout .container-order{width:80%}.Layer .left-image,.Layer .right-image{display:none}}@media screen and (max-width:1100px){.tablist{justify-content:flex-start;overflow-x:auto}.header{padding-top:1.5rem}}@media screen and (max-width:994px){.main .layout .container-order{width:80%}}@media screen and (max-width:750px){.main .layout .container-order{width:90%}}@media screen and (max-width:700px){.Result .phone-container .data{border-right:none;padding-right:0;padding-bottom:2rem;border-bottom:2px solid rgba(0,0,0,.05)}.header h2,.header p{width:100%}}@media screen and (max-width:600px){.Layer .layer-card,.Layer .layer-content{width:100%;height:100%}.Layer .layer-content{padding:1.5rem;display:flex;justify-content:center;gap:2rem}.Layer .layer-card .layer-title{gap:1.5rem}.Layer .layer-card .layer-title h1{font-size:1.3em}.Layer .layer-card .layer-title p{font-size:1em}.Layer .layer-card .layer-title h1,.Layer .layer-card .layer-title p{text-align:center}.Layer .layer-card form .group-2xl{grid-template-columns:repeat(1,1fr)}.Layer .layer-card form .button-group{margin-top:2rem;display:flex;flex-direction:column-reverse}.main .layout .container-order{padding:0 .6rem;width:100%}.Calculators{padding:1.5rem 1rem}.Result{padding:1.5rem}.Calculators form .container-form .checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.Calculators form .container-form .checkbox-group label span{display:block;text-align:center;width:100%}.Calculators form .container-form .checkbox-group label input[type=number]{width:100%}.Calculators form .container-form .radio-2xl{flex-direction:column;align-items:flex-start;gap:1rem}.Calculators form .container-form .button-group{display:flex;flex-direction:column-reverse}.Calculators form .container-form .group-2xl{grid-template-columns:repeat(1,1fr)!important}}@media screen and (max-width:450px){.Result .phone-container .data p,.Result .phone-container .resultChilds p{font-size:.9em}.Result .phone-container{padding:90px 30px 0}.main .layout .container-order{padding:.3rem}}@media screen and (max-width:375px){.Result .phone-container{background-size:contain}}