#css-calculators-nav-container{font-family:'Lora',serif;color:#19191a;line-height:1.6;width:100%;margin:0;padding:0}#css-calculators-content-container{font-family:'Lora',serif;color:#19191a;line-height:1.6;width:100%;margin:0;padding:0;gap:3rem}.calculator-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:3em;margin-bottom:2rem;color:#19191a;width:100%}.typography-header{padding-bottom:10px}.calculators-nav{display:flex;flex-direction:row;gap:.5rem;width:fit-content}.calc-tab-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(30deg,#ff59ac,#ff679a,#ff778d,#ff8884,#ff9881);color:#fff;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;transition:all .2s ease;text-align:left;width:100%;background-size:200%}.calc-tab-btn:hover{background-position:right}.calc-tab-btn.active{background:#f0f2f2;box-shadow:none;transform:translateY(1px);border-bottom-right-radius:0;border-bottom-left-radius:0;color:#19191a}.calc-tab-icon{width:24px;height:24px;flex-shrink:0}.calc-tab-icon svg{width:100%;height:100%}#settings-container,.calculator-title{max-width:1500px;margin:0 auto 2rem}.calculator-settings{display:none}.calculator-settings.active{display:block}.calculator-preview{display:none}.calculator-preview.active{display:block}h1{font-family:'Montserrat',sans-serif;font-weight:700;font-size:2.5rem;color:#19191a}h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.5rem;color:#19191a}h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.2rem;color:#19191a;padding-bottom:1em}h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1rem;margin-bottom:.5rem;color:#19191a}.inputs-container{background:0 0;padding:0;border-radius:0;margin-bottom:min(6vw,60px);color:#19191a;width:100%}.inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:30px}.input-group fieldset,.spacing-header fieldset{border-radius:8px;height:100%;padding:1.5rem;margin:0;background:#fff;box-shadow:0px 0px 0px rgba(3,7,18,.05),0px 1px 2px rgba(3,7,18,.04),0px 3px 4px rgba(3,7,18,.04),0px 5px 8px rgba(3,7,18,.03),0px 7px 12px rgba(3,7,18,.02),0px 10px 18px rgba(3,7,18,.01),0px 14px 24px rgba(3,7,18,.01)}.spacing-header{min-width:min(100%,240px)}.input-group legend,.spacing-header legend{font-family:'Montserrat',sans-serif;font-weight:700;color:#19191a;font-size:1.5em;padding:.2em 0;text-shadow:0px -5px 10px #fff;line-height:1.2}label{display:block;font-weight:400;font-family:'Lora',serif;margin-bottom:.5rem;color:#333}input[type=number]{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;font-family:'Lora',serif;transition:border-color .3s ease;background:#fff;margin-bottom:1rem}input[type=number]:focus{outline:none;border-color:#ff679a;box-shadow:0 0 0 3px rgba(255,103,154,.1)}select{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;font-family:'Lora',serif;transition:border-color .3s ease;background:#fff;margin-bottom:1rem}select:focus{outline:none;border-color:#ff679a;box-shadow:0 0 0 3px rgba(255,103,154,.1)}.method-info{font-size:.8rem;font-family:Montserrat;font-weight:600}.scale-section{margin:3rem 0}.result-content{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}.css-output{background:#3a3a3c;color:#22ce7d!important;font-weight:700;padding:.285rem .5rem;border-radius:6px 0 0 6px;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:.9em;border:2px solid #19191a;display:inline-block;margin-right:0}.css-output code{color:#22ce7d;font-weight:700}.css-output strong{color:#ffffffd6}.copy-btn{background:#00cc6f;color:#fff;border:none;padding:.5rem 1rem .5rem 2rem;border-radius:0 6px 6px 0;cursor:pointer;font-weight:700;font-family:'Montserrat',sans-serif;font-size:1em;transition:background-color .2s ease;position:relative;margin-left:-4px}.copy-btn:active{background:#00b85f}.copy-btn:before{content:'';position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:1.2em;height:1.2em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.copy-btn.copied:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.preview-text,.typography-preview-text{font-family:system-ui;color:#19191a;padding:20px!important;border-radius:8px;background:#e1e5e9;display:block;flex-grow:1;overflow:scroll;max-width:735px;max-height:500px;line-height:1.2;display:flex;align-items:center}.preview-spacing{background:linear-gradient(30deg,#ff59ac,#ff679a,#ff778d,#ff8884,#ff9881);border-radius:2px}.typography-item,.spacing-item{padding:1.5rem 0}.typography-item:last-child,.spacing-item:last-child{margin-bottom:0}.spacing-item{display:flex;align-items:flex-start;gap:30px}.css-row{display:flex;align-items:stretch;justify-content:start}.typography-title,.spacing-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.1rem;color:#19191a;margin:0}.multiplier-input{width:80px !important;margin:0 !important;padding:.5rem !important;font-size:.9rem !important}.multiplier-label{color:#19191a;margin:-1rem .5rem 0 0 !important}.size-info{color:#666;font-size:.9rem;margin-left:auto}.preview-container{margin-top:0;display:flex;align-items:flex-start;gap:1rem;flex-grow:1}.preview-square{background:linear-gradient(30deg,#ff59ac,#ff679a,#ff778d,#ff8884,#ff9881);border-radius:2px}.preview-info{color:#666;font-size:.9rem;line-height:1.3}@media (max-width:980px){#css-calculators-content-container{display:block;gap:0}#settings-container{margin-bottom:3rem}.calculators-nav{flex-direction:row;padding:0}.calc-tab-btn{flex:1;border-right:1px solid #444;flex-direction:column;gap:.2rem;padding:1rem;font-size:.9rem;box-shadow:none;transform:none}.calc-tab-btn:last-child{border-right:none}.calc-tab-icon{width:30px;height:30px}}@media (max-width:768px){.calculator-title{font-size:2em}.typography-header,.spacing-header{flex-direction:row;align-items:center}.size-info{margin-left:0;display:inline-block}}@media (max-width:400px){.calc-tab-btn{padding:.5rem;flex-basis:30%;font-size:.7rem}.calculators-nav{width:100%}}.wrap-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(70px,100%),1fr));gap:20px}label.ico-mobile span.ico{height:60px;background:url(/wp-content/themes/divilover_2/img/mobile.svg);background-size:auto 100%}@media (min-width:1100px){div#basic-preview .inner,.typography-item{display:flex;gap:30px;justify-content:flex-end;flex-direction:row-reverse}.result-section,.typography-header{min-width:fit-content}.typography-preview-text{max-width:calc(100% - 450px)}}.result-section,#basic-textPreview{margin-bottom:min(6vw,60px)}.preview-section small{margin-bottom:1em;display:inline-block;max-width:320px;margin-top:-.6em}h6.typography-preview-text,h5.typography-preview-text{font-weight:700}.scale-section>h3:first-child{font-weight:800;font-size:2em}.spacing-item .inner{flex-grow:1;display:flex;flex-wrap:wrap;align-items:flex-start;padding-top:1.5em;gap:30px}@media(max-width:600px){.spacing-item,.spacing-item .inner{display:block}.preview-container{flex-wrap:wrap;margin-top:1.5em}}input:focus~.input-icon{fill:#fff}.input-icon{position:absolute;width:26px;fill:#19191a;left:0;top:12px;left:7px}.input-with-icon-min,.input-with-icon-max{position:relative;transition:.3s linear}.input-with-icon-min input,.input-with-icon-max input{padding-left:48px}.input-with-icon-min:before,.input-with-icon-max:before{content:'';height:3rem;width:40px;position:absolute;border-radius:5px 0 0 5px;background:#e1e5e9;transition:.3s linear}.input-with-icon-max:focus-within:before,.input-with-icon-min:focus-within:before{background:#ff679a}