.nl-aspect-ratio-calculator{flex-flow:column;align-items:stretch;width:100%;display:flex}@media (width<=991px){.nl-aspect-ratio-calculator{gap:48px}}@media (width>=992px){.nl-aspect-ratio-calculator{gap:64px}}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid{gap:24px;width:100%;display:grid}@media (width<=991px){.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid{grid-template-columns:1fr;grid-auto-columns:min-content}}@media (width>=992px){.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid{grid-template-rows:min-content 1fr;grid-template-columns:1fr min-content 1fr}}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section{display:grid}@media (width<=991px){.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section{gap:12px}}@media (width>=992px){.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section{grid-row:span 2;grid-template-rows:subgrid;gap:24px}}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section .nl-aspect-ratio-calculator-grid-section-header{text-align:center}@media (width>=992px){.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section .nl-aspect-ratio-calculator-grid-section-header{grid-area:1/1}}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section .nl-aspect-ratio-calculator-grid-section-content{align-items:center;display:flex}@media (width>=992px){.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section .nl-aspect-ratio-calculator-grid-section-content{grid-area:2/1}}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-grid .nl-aspect-ratio-calculator-grid-section .nl-aspect-ratio-calculator-grid-section-content .nl-aspect-ratio-calculator-grid-section-content-icon{font-size:24px}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-form{flex:1}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-form .nl-aspect-ratio-calculator-form-fieldset{border:0;grid-template-columns:52px 1fr;align-items:center;gap:8px;margin:0;padding:0;display:grid}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-form .nl-aspect-ratio-calculator-form-fieldset:not(:last-child){border-bottom:1px solid var(--lightningcss-light,var(--black))var(--lightningcss-dark,var(--white));margin-bottom:12px;padding-bottom:12px}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-preview{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-preview .nl-aspect-ratio-calculator-preview-box{aspect-ratio:4/3;background-color:oklch(76.6528% .138677 91.0594);border-radius:8px;width:100%;transition:border-radius .25s ease-in-out;overflow:visible}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-preview .nl-aspect-ratio-calculator-preview-box:hover{border-radius:0}.nl-aspect-ratio-calculator .nl-aspect-ratio-calculator-preview .nl-aspect-ratio-calculator-preview-box .nl-aspect-ratio-calculator-preview-box-value{color:var(--black);background-color:oklch(76.6528% .138677 91.0594);border-radius:4px;padding:4px;line-height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}