.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url("./media/layers-55W3Q4RM.png");width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url("./media/layers-2x-TBM42ERR.png");background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url("./media/marker-icon-2V3QKKVC.png")}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.container{border:var(--thin-border-card);box-shadow:var(--shadow);border-radius:var(--border-radius);background:var(--gradient)}:root{--border-radius: 10px;--shadow: 0px 2px 2px hsla(0, 0%, 0%, .07), 0px 4px 4px hsla(0, 0%, 0%, .15);--bg-dark: hsl(0 0% 90%);--bg: hsl(0 0% 99%);--bg-inverted: hsl(0 0% 5%);--bg-light: hsl(0 0% 99%);--text: hsl(0 0% 5%);--text-inverted: hsl(0 0% 95%);--text-muted: hsl(0 0% 70%);--text-highlighted: var(--text);--highlight: hsl(220 100% 100%);--border: hsl(220, 25%, 90%);--border-inverted: hsl(220 26% 31%);--primary: hsl(275 45% 55%);--primary-light: hsl(275 45% 65%);--secondary: hsl(25 75% 50%);--secondary-light: hsl(25 75% 60%);--danger: hsl(9 60% 64%);--danger-light: hsl(9 60% 70%);--warning: hsl(52 86% 57%);--success: hsl(146 60% 59%);--info: hsl(217 60% 65%);--gradient: linear-gradient(0deg, var(--bg) 95%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--thin-border-card: solid 1px var(--border);--thick-border-card: solid 2px var(--border);--is-dark-mode: 0;--inverted-is-dark-mode: 1}.dark-mode{--bg-dark: hsl(0 0% 0%);--bg: hsl(0 0% 5%);--bg-inverted: hsl(0 0% 99%);--bg-light: hsl(0 0% 8%);--text: hsl(0 0% 95%);--text-inverted: hsl(0 0% 5%);--text-muted: hsl(0 0% 30%);--text-highlighted: var(--text);--highlight: hsl(220 20% 42%);--border: hsl(220 26% 31%);--border-inverted: hsl(220, 25%, 90%);--primary: hsl(280 50% 70%);--primary-light: hsl(280 50% 80%);--secondary: hsl(30 80% 60%);--secondary-light: hsl(30 80% 70%);--danger: hsl(9 60% 64%);--danger-light: hsl(9 60% 70%);--warning: hsl(52 86% 57%);--success: hsl(146 60% 59%);--info: hsl(217 60% 65%);--gradient: linear-gradient(0deg, var(--bg) 95%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--thin-border-card: solid 1px var(--border);--thick-border-card: solid 2px var(--border);--is-dark-mode: 1;--inverted-is-dark-mode: 0}.close-button{cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.popup-wrapper{background:var(--bg);border:var(--thick-border-card);border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:400px;max-height:600px;width:90vw;animation:slideIn .3s ease}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.popup-header h3{margin:0;color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}html,body{color:var(--text);height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrapper-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1rem}.container,.button-base,.sample-button,.delete-button{border:var(--thin-border-card);box-shadow:var(--shadow);border-radius:var(--border-radius);background:var(--gradient)}.clickable:hover{background:var(--gradient-hover)}.wrapper{background-color:var(--bg-dark);display:flex;flex-direction:column;align-items:center;min-height:100vh}.main-content{flex:1;padding:25px 10px;box-sizing:border-box}@media (max-width: 768px){.main-content{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.main-content{width:90%}}@media (min-width: 1025px) and (max-width: 1440px){.main-content{width:80%}}@media (min-width: 1441px){.main-content{width:70%}}app-header{width:100%;position:sticky;top:0;z-index:1000}app-footer{width:100%}app-tool-category-card{width:100%}app-text-input{width:100%}app-textarea-input{width:100%}app-text-output{width:100%}app-file-input{width:100%}app-text-and-file-input{width:100%}app-tool-explanation-card{width:100%}app-advanced-number-input{width:100%}app-html-text-output{width:100%}app-percentage-meter{width:100%}app-number-input{width:100%}app-radio-button{width:100%}app-number-range-input{width:100%}app-geo-input{width:100%}app-date-input{width:100%}app-time-input{width:100%}app-datetime-input{width:100%}app-datetime-range-input{width:100%}app-event-input{width:100%}app-dropdown{width:100%}app-url-input{width:100%}app-tool-title{width:100%}.component-base,.input-field{display:flex;flex-direction:column;width:100%;position:relative;margin:0;padding:0;box-sizing:border-box}.icon{filter:invert(var(--is-dark-mode))}.padding{box-sizing:border-box}.button-base,.sample-button,.delete-button{display:flex;align-items:center;justify-content:center;background:var(--bg-light);border:2px solid var(--border);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;box-sizing:border-box;color:var(--text);box-shadow:var(--shadow)}.button-base:disabled,.sample-button:disabled,.delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-button{background:var(--danger);display:flex;align-items:center;justify-content:center;border:2px solid var(--danger);width:36px;height:36px}.delete-button:hover:not(:disabled){background-color:var(--danger-light);border:2px solid var(--danger-light)}.copy-button{width:36px!important;height:36px!important}.sample-button{background:var(--primary);border:2px solid var(--primary);min-width:120px;width:fit-content;height:36px;color:var(--text-inverted)}.sample-button:hover:not(:disabled){background-color:var(--primary-light);border:2px solid var(--primary-light)}.label{color:var(--text);font-weight:500;transition:color .2s ease;padding:0!important;margin:0}.input-field{width:100%;box-sizing:border-box;color:var(--text);background:var(--bg-light);border:2px solid var(--border);border-radius:var(--border-radius);transition:all .2s ease;outline:none;box-shadow:var(--shadow)}.input-field::placeholder{color:var(--text-muted);opacity:.7;transition:opacity .2s ease}.input-field:disabled{opacity:.5;cursor:not-allowed;background:var(--gradient);transform:none}.invalid-input{border-color:var(--danger)!important}.size-xs.label{font-size:1rem;display:block;margin-bottom:.25rem}.size-xs.heading{font-size:1.4875rem;display:block;margin-bottom:.5rem}.size-xs.input-field{height:1.5rem;padding:.5rem;font-size:.8rem}.size-xs.button-base,.size-xs.delete-button,.size-xs.sample-button{padding:.5rem;font-size:.8rem}.size-xs.action-button{height:1.5rem;width:1.5rem}.size-xs.padding{padding:.5rem}.size-xs.height{height:1.5rem}.size-xs.margin{margin:.5rem}.size-xs.gap{gap:.5rem}.size-xs.small-gap{gap:.25rem}.size-xs.font-highlighted{font-size:1.4875rem;font-weight:500;color:var(--text-highlighted)}.size-xs.font-muted{font-size:.6375rem;font-weight:300;color:var(--text-muted)}.size-xs.font-small{font-size:.6375rem}.size-xs.font-medium{font-size:.8rem}.size-xs.font-large{font-size:1.4875rem}.size-s.label{font-size:1.05rem;display:block;margin-bottom:.3rem}.size-s.heading{font-size:1.4875rem;display:block;margin-bottom:.6rem}.size-s.input-field{height:1.8rem;padding:.6rem;font-size:.85rem}.size-s.button-base,.size-s.delete-button,.size-s.sample-button{padding:.6rem;font-size:.85rem}.size-s.action-button{height:1.8rem;width:1.8rem}.size-s.padding{padding:.6rem}.size-s.height{height:1.8rem}.size-s.margin{margin:.6rem}.size-s.small-gap{gap:.3rem}.size-s.gap{gap:.6rem}.size-s.font-highlighted{font-size:1.4875rem;font-weight:500;color:var(--text-highlighted)}.size-s.font-muted{font-size:.6375rem;font-weight:300;color:var(--text-muted)}.size-s.font-small{font-size:.6375rem}.size-s.font-medium{font-size:.85rem}.size-s.font-large{font-size:1.4875rem}.size-m.label{font-size:1.2rem;display:block;margin-bottom:.5rem}.size-m.heading{font-size:1.75rem;display:block;margin-bottom:1rem}.size-m.input-field{height:2.1rem;padding:1rem;font-size:1rem}.size-m.button-base,.size-m.delete-button,.size-m.sample-button{padding:1rem;font-size:1rem}.size-m.action-button{height:2.1rem;width:2.1rem}.size-m.padding{padding:1rem}.size-m.height{height:2.1rem}.size-m.margin{margin:1rem}.size-m.small-gap{gap:.5rem}.size-m.gap{gap:1rem}.size-m.font-highlighted{font-size:1.75rem;font-weight:500;color:var(--text-highlighted)}.size-m.font-muted{font-size:.75rem;font-weight:300;color:var(--text-muted)}.size-m.font-small{font-size:.75rem}.size-m.font-medium{font-size:1rem}.size-m.font-large{font-size:1.75rem}.size-l.label{font-size:1.35rem;display:block;margin-bottom:.75rem}.size-l.heading{font-size:2.0125rem;display:block;margin-bottom:1.5rem}.size-l.input-field{height:2.4rem;padding:1.5rem;font-size:1.15rem}.size-l.button-base,.size-l.delete-button,.size-l.sample-button{padding:1.5rem;font-size:1.15rem}.size-l.action-button{height:2.4rem;width:2.4rem}.size-l.padding{padding:1.5rem}.size-l.height{height:2.4rem}.size-l.margin{margin:1.5rem}.size-l.small-gap{gap:.75rem}.size-l.gap{gap:1.5rem}.size-l.font-highlighted{font-size:2.0125rem;font-weight:500;color:var(--text-highlighted)}.size-l.font-muted{font-size:.8625rem;font-weight:300;color:var(--text-muted)}.size-l.font-small{font-size:.8625rem}.size-l.font-medium{font-size:1.15rem}.size-l.font-large{font-size:2.0125rem}.size-xl.label{font-size:1.5rem;display:block;margin-bottom:1rem}.size-xl.heading{font-size:2.275rem;display:block;margin-bottom:2rem}.size-xl.input-field{height:2.7rem;padding:2rem;font-size:1.3rem}.size-xl.button-base,.size-xl.delete-button,.size-xl.sample-button{padding:2rem;font-size:1.3rem}.size-xl.action-button{height:2.7rem;width:2.7rem}.size-xl.padding{padding:2rem}.size-xl.height{height:2.7rem}.size-xl.margin{margin:2rem}.size-xl.small-gap{gap:1rem}.size-xl.gap{gap:2rem}.size-xl.font-highlighted{font-size:2.275rem;font-weight:500;color:var(--text-highlighted)}.size-xl.font-muted{font-size:.975rem;font-weight:300;color:var(--text-muted)}.size-xl.font-small{font-size:.975rem}.size-xl.font-medium{font-size:1.3rem}.size-xl.font-large{font-size:2.275rem}.color-primary.input-field:hover:not(:focus):not(:disabled){border-color:var(--primary-light)}.color-primary.input-field:focus{border-color:var(--primary)}.color-primary.border-hover:hover{border-color:var(--primary-light)}.color-primary.background{background-color:var(--primary)}.color-primary.action-button{border-color:var(--primary);background-color:var(--primary)}.color-primary.button-base:hover:not(:disabled),.color-primary.delete-button:hover:not(:disabled),.color-primary.sample-button:hover:not(:disabled){color:var(--text-inverted);border-color:var(--primary-light);background-color:var(--primary-light)}.color-primary.slider-base{border-color:var(--primary)}.color-primary.slider-base::-webkit-slider-thumb{border-color:var(--primary)}.color-primary.slider-base::-webkit-slider-thumb:hover{border-color:var(--primary-light)}.color-primary.slider-base::-moz-range-thumb{border-color:var(--primary)}.color-primary.slider-base::-moz-range-thumb:hover{border-color:var(--primary-light)}.color-primary .input-wrapper:hover:not(:focus-within){border-color:var(--primary-light)}.color-primary .input-wrapper:focus-within{border-color:var(--primary)}.color-secondary.input-field:hover:not(:focus):not(:disabled){border-color:var(--secondary-light)}.color-secondary.input-field:focus{border-color:var(--secondary)}.color-secondary.border-hover:hover{border-color:var(--secondary-light)}.color-secondary.background{background-color:var(--secondary)}.color-secondary.action-button{border-color:var(--secondary);background-color:var(--secondary)}.color-secondary.button-base:hover:not(:disabled),.color-secondary.delete-button:hover:not(:disabled),.color-secondary.sample-button:hover:not(:disabled){color:var(--text-inverted);border-color:var(--secondary-light);background-color:var(--secondary-light)}.color-secondary.slider-base{border-color:var(--secondary)}.color-secondary.slider-base::-webkit-slider-thumb{border-color:var(--secondary)}.color-secondary.slider-base::-webkit-slider-thumb:hover{border-color:var(--secondary-light)}.color-secondary.slider-base::-moz-range-thumb{border-color:var(--secondary)}.color-secondary.slider-base::-moz-range-thumb:hover{border-color:var(--secondary-light)}.color-secondary .input-wrapper:hover:not(:focus-within){border-color:var(--secondary-light)}.color-secondary .input-wrapper:focus-within{border-color:var(--secondary)}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}textarea{transition:height 0s ease!important}.stepper-buttons{display:flex;flex-direction:column}.stepper-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text);cursor:pointer;transition:all .2s ease;padding:0;box-shadow:none}.stepper-btn svg{transition:all .2s ease}.stepper-btn:disabled{cursor:not-allowed;opacity:.5}.stepper-btn:disabled svg{color:var(--text-muted)}.number-input{flex:1;border:none;background:transparent;outline:none;color:var(--text);font-weight:500;font-family:inherit;transition:all .2s ease}.number-input::placeholder{color:var(--text-muted);opacity:.7;transition:opacity .2s ease}.number-input:focus::placeholder{opacity:.4}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{appearance:textfield;-moz-appearance:textfield}.slider-base{appearance:none;height:12px;border-radius:12px;background:var(--bg-light);margin:0;border:2px solid var(--border);outline:none;position:relative;transition:all .2s ease;box-shadow:none}.slider-base::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:var(--bg-light);border:3px solid var(--primary);cursor:pointer;box-shadow:none;transition:all .2s ease}.slider-base::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--bg-light);border:3px solid var(--primary);cursor:pointer;box-shadow:none;transition:all .2s ease}.slider-base::-moz-range-track{height:8px;border-radius:6px;background:var(--bg-light);border:2px solid var(--border)}.size-xs.stepper-buttons{width:1.25rem}.size-xs.stepper-btn{height:.75rem}.size-xs.stepper-btn svg{width:10px;height:10px}.size-s.stepper-buttons{width:1.5rem}.size-s.stepper-btn{height:.9rem}.size-s.stepper-btn svg{width:12px;height:12px}.size-m.stepper-buttons{width:1.75rem}.size-m.stepper-btn{height:1.05rem}.size-m.stepper-btn svg{width:14px;height:14px}.size-l.stepper-buttons{width:2rem}.size-l.stepper-btn{height:1.2rem}.size-l.stepper-btn svg{width:16px;height:16px}.size-xl.stepper-buttons{width:2.25rem}.size-xl.stepper-btn{height:1.35rem}.size-xl.stepper-btn svg{width:18px;height:18px}