.nl-box-shadow-tools-editor-colors{z-index:2;border-radius:12px;grid-template-columns:repeat(5,1fr);min-width:800px;margin:0;padding:0;display:grid;overflow:hidden}.nl-box-shadow-tools-editor-colors:not(:last-child){margin-bottom:64px}.nl-box-shadow-tools-editor-colors .nl-box-shadow-tools-editor-colors-item{aspect-ratio:1;display:grid}.nl-box-shadow-tools-editor-colors .nl-box-shadow-tools-editor-color{border:0}.nl-box-shadow-tools-editor-colors .nl-box-shadow-tools-editor-color:before{content:"";background-color:#0006;opacity:0;background-color:var(--lightningcss-light,#fff6)var(--lightningcss-dark,#0006);width:100%;height:100%;transition:opacity .25s ease-in-out;display:block}.nl-box-shadow-tools-editor-colors:hover .nl-box-shadow-tools-editor-color:not(:hover):before{opacity:1}.nl-box-shadow-tools-editor{aspect-ratio:4/3;grid-template-rows:1fr min-content;grid-template-columns:340px 1fr;gap:24px;transition:opacity .25s ease-in-out;display:grid}.nl-box-shadow-tools-editor:not(.nl-box-shadow-tools-editor-loaded){opacity:0;pointer-events:none}.nl-box-shadow-tools-editor-menu-layers{counter-reset:layer;grid-gap:12px;flex-flow:column;flex:1;align-items:stretch;display:flex;overflow:auto}.nl-box-shadow-tools-editor-menu-layers:empty{justify-content:center;align-items:center}.nl-box-shadow-tools-editor-menu-layers:empty:before{content:"Add a new layer\a or select a preset";text-align:center;white-space:pre;font-size:20px}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer{counter-increment:layer;border:0 dashed oklch(76.6528% .138677 91.0594);border-bottom-width:1px;border-color:var(--lightningcss-light,oklch(76.6528% .138677 91.0594))var(--lightningcss-dark,oklch(40% .138677 91.0594));margin:0;padding:12px 0;display:block}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer:first-child [data-nl-box-shadow-tools-editor-menu-layer-move=up],.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer:last-child [data-nl-box-shadow-tools-editor-menu-layer-move=down]{opacity:.2;pointer-events:none}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-legend{justify-content:space-between;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-legend:not(:last-child){margin-bottom:12px}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-legend .nl-box-shadow-tools-editor-menu-layer-legend-text{font-size:12px}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-legend .nl-box-shadow-tools-editor-menu-layer-legend-text .nl-box-shadow-tools-editor-menu-layer-legend-text-count:before{content:counter(layer)}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-legend .nl-box-shadow-tools-editor-menu-layer-legend-actions{justify-content:center;align-items:center;display:flex}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-legend .nl-box-shadow-tools-editor-menu-layer-legend-action{color:var(--lightningcss-light,var(--black))var(--lightningcss-dark,var(--white));background-color:#0000;border:0;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;transition-property:color,opacity;transition-duration:.25s;transition-timing-function:ease-in-out;display:flex}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-legend .nl-box-shadow-tools-editor-menu-layer-legend-action nl-icon{width:16px;height:16px}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-fields{justify-content:stretch;align-items:start;gap:12px;display:flex}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-fields:not(:last-child){margin-bottom:12px}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field{flex:1;gap:8px;display:grid}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-label{font-size:12px;display:block}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-input[type=number]{background-color:var(--lightningcss-light,var(--dark-white))var(--lightningcss-dark,var(--light-black));color:var(--lightningcss-light,var(--black))var(--lightningcss-dark,var(--white));border:0;border-radius:4px;width:100%;min-width:0;height:28px;min-height:0;padding:4px;font-size:14px;line-height:20px;transition:color .25s ease-in-out}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-input[type=number]:focus{color:oklch(76.6528% .138677 91.0594)}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-checkbox{background-color:var(--dark-white);background-color:var(--lightningcss-light,var(--dark-white))var(--lightningcss-dark,var(--light-black));cursor:pointer;border-radius:4px;grid-template-columns:0fr min-content 1fr;width:100%;height:28px;padding:4px;transition:grid-template-columns .25s ease-in-out;display:grid}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-checkbox .nl-box-shadow-tools-editor-menu-layer-field-checkbox-input{display:none}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-checkbox .nl-box-shadow-tools-editor-menu-layer-field-checkbox-check{background-color:var(--dark-gray);background-color:var(--lightningcss-light,var(--dark-gray))var(--lightningcss-dark,var(--light-gray));aspect-ratio:1;border-radius:2px;grid-column:2;transition:background-color .25s ease-in-out;display:grid}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-checkbox:hover .nl-box-shadow-tools-editor-menu-layer-field-checkbox-check{background-color:oklch(76.6528% .138677 91.0594)}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-checkbox:has(.nl-box-shadow-tools-editor-menu-layer-field-checkbox-input:checked){grid-template-columns:1fr min-content 0fr}.nl-box-shadow-tools-editor-menu-layers .nl-box-shadow-tools-editor-menu-layer .nl-box-shadow-tools-editor-menu-layer-field .nl-box-shadow-tools-editor-menu-layer-field-checkbox:has(.nl-box-shadow-tools-editor-menu-layer-field-checkbox-input:checked) .nl-box-shadow-tools-editor-menu-layer-field-checkbox-check{background-color:oklch(76.6528% .138677 91.0594)}.nl-box-shadow-tools-editor-menu{flex-flow:column;grid-area:1/1/span 2;gap:24px;display:flex}.nl-box-shadow-tools-editor-menu .nl-box-shadow-tools-editor-menu-layers{flex:1;height:100%;position:relative}.nl-box-shadow-tools-editor-popover{opacity:0;transition-behavior:allow-discrete;z-index:2;background-color:#0000;border:0;align-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;transition-property:display,opacity,overlay;transition-duration:.25s;inset:0;overflow:auto}@media (width<=991px){.nl-box-shadow-tools-editor-popover{padding:24px}}@media (width>=992px){.nl-box-shadow-tools-editor-popover{padding:96px}}.nl-box-shadow-tools-editor-popover::backdrop{display:none}.nl-box-shadow-tools-editor-popover:popover-open{opacity:1;display:flex}@starting-style{.nl-box-shadow-tools-editor-popover:popover-open{opacity:0}}.nl-box-shadow-tools-editor-popover .nl-box-shadow-tools-editor-popover-backdrop{background-color:#000000e6;z-index:1;background-color:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#000000e6);border:0;position:fixed;inset:0}.nl-box-shadow-tools-editor-popover .nl-box-shadow-tools-editor-popover-content{z-index:2;flex-flow:column;justify-content:center;align-items:center;width:100%;margin-top:auto;margin-bottom:auto;display:flex;position:relative}.nl-box-shadow-tools-editor-popover .nl-box-shadow-tools-editor-popover-content .nl-box-shadow-tools-editor-popover-content-actions{justify-content:center;align-items:center;gap:12px;display:flex}.nl-box-shadow-tools-editor-presets{background-color:var(--stage-color);z-index:2;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:120px;width:100%;margin:auto 0;padding:120px;display:grid;position:relative}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item{aspect-ratio:1;display:grid}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item .nl-box-shadow-tools-editor-preset{background-color:var(--box-color);border:0}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:first-child .nl-box-shadow-tools-editor-preset{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:nth-child(2) .nl-box-shadow-tools-editor-preset{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:nth-child(3) .nl-box-shadow-tools-editor-preset{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:nth-child(4) .nl-box-shadow-tools-editor-preset{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:nth-child(5) .nl-box-shadow-tools-editor-preset{box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:nth-child(6) .nl-box-shadow-tools-editor-preset{box-shadow:0 29px 52px #0006,0 25px 16px #0003}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:nth-child(7) .nl-box-shadow-tools-editor-preset{box-shadow:0 45px 65px #00000080,0 35px 22px #00000029}.nl-box-shadow-tools-editor-presets .nl-box-shadow-tools-editor-presets-item:nth-child(8) .nl-box-shadow-tools-editor-preset{box-shadow:0 60px 80px #0009,0 45px 26px #00000024}.nl-box-shadow-tools-editor-result{grid-area:2/2;min-width:0;min-height:0}.nl-box-shadow-tools-editor-stage{background-color:var(--stage-color);z-index:1;border-radius:8px;grid-area:1/2;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nl-box-shadow-tools-editor-stage .nl-box-shadow-tools-editor-stage-action{color:oklch(10% .138677 91.0594);z-index:1;background-color:oklch(76.6528% .138677 91.0594);border:0;border-radius:0 0 0 8px;justify-content:center;align-items:center;width:32px;height:32px;transition-property:background-color,opacity;transition-duration:.25s;transition-timing-function:ease-in-out;display:flex;position:absolute;top:0;right:0;overflow:hidden}.nl-box-shadow-tools-editor-stage .nl-box-shadow-tools-editor-stage-action:hover{background-color:oklch(90% .138677 91.0594)}.nl-box-shadow-tools-editor-stage .nl-box-shadow-tools-editor-stage-action nl-icon{width:24px;height:24px}.nl-box-shadow-tools-editor-stage:not(:hover) .nl-box-shadow-tools-editor-stage-action{opacity:0}.nl-box-shadow-tools-editor-stage .nl-box-shadow-tools-editor-stage-box{background-color:var(--box-color);resize:both;z-index:2;border-radius:8px;min-width:400px;max-width:100%;min-height:300px;max-height:100%;position:relative;overflow:hidden}