*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.sticky-sentinel{pointer-events:none;margin-bottom:-1px;height:.25rem;width:100%}.confirm-dialog-overlay{position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.item-card,[item-card=""]{position:relative;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:1rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:1.25rem;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.item-header{position:relative;margin-bottom:1rem;min-height:3rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));padding-bottom:.75rem}.resistance-item-buttons-sticky-active{position:fixed;top:0;z-index:40;box-sizing:border-box;width:auto;max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.75rem;overflow-x:auto;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;background-color:#fffc;padding:.75rem;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.angle-valve-row,.check-valve-row,.elbow-row,.foot-valve-row,.tee-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.butterfly-valve-row,.gate-valve-row,.globe-valve-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.item-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:.75rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.reducer-diffuser-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.vessel-connection-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.basic-params-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center;gap:.75rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));padding:.75rem}.button-group{margin:1.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.card-title{margin:0;margin-bottom:1.5rem;text-align:center;font-size:1.5rem;line-height:2rem;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));font-weight:700}.confirm-dialog-body-p{margin:0;font-size:1rem;line-height:1.5rem;--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));line-height:.375rem}.confirm-dialog-header-h3{margin:0;font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));font-weight:700}.item-title{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));font-weight:700}.app-container{margin-left:auto;margin-right:auto;max-width:72rem;padding:1.5rem 1rem;text-align:center}.navbar-nav{margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:1.5rem}.pipe-calculator-container{margin-left:auto;margin-right:auto;max-width:64rem;padding:1rem}.resistance-coefficient-display{margin-left:.5rem;margin-right:.5rem;display:inline-block;border-width:1px;--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity));padding:.5rem;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity));font-weight:500;line-height:.25rem;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.error-message{margin-top:.75rem;border-width:1px;--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity));padding:.75rem;font-size:.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.item-actions{margin-left:auto;display:flex;gap:.75rem}.pipe-calculator-container-h1{margin-bottom:.75rem;text-align:center;font-size:1.875rem;line-height:2.25rem;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));font-weight:700}.pipe-calculator-container-p{margin-bottom:2rem;text-align:center;font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.resistance-item-buttons{margin-bottom:1rem;box-sizing:border-box;width:auto;max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.75rem;overflow-x:auto;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;background-color:transparent;padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.item-field-input{box-sizing:border-box;width:100%;-webkit-appearance:none;appearance:none;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.5rem;border-style:solid;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.75rem;--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.item-field-select{box-sizing:border-box;width:100%;-webkit-appearance:none;appearance:none;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.75rem;--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.action-btn{width:2.5rem;height:2.5rem;display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.calculate-button{min-width:150px;flex:1 1 0%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:pointer;border-radius:.75rem;border-style:none;--un-gradient-from-position:0%;--un-gradient-from:rgb(37 99 235 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(37 99 235 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(29 78 216 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));padding:1rem;text-align:center;font-size:1rem;line-height:1.5rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.confirm-dialog{width:91.6666666667%;max-width:28rem;overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:1rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.confirm-dialog-close{width:2rem;height:2rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-image:none;padding:0;font-size:1.25rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.export-button{min-width:150px;flex:1 1 0%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:pointer;border-radius:.75rem;border-style:none;--un-gradient-from-position:0%;--un-gradient-from:rgb(22 163 74 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(22 163 74 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(21 128 61 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));padding:1rem;text-align:center;font-size:1rem;line-height:1.5rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.import-button{min-width:150px;flex:1 1 0%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));cursor:pointer;border-radius:.75rem;border-style:none;--un-gradient-from-position:0%;--un-gradient-from:rgb(245 158 11 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(245 158 11 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(217 119 6 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));padding:1rem;text-align:center;font-size:1rem;line-height:1.5rem;--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.item-field{width:100%;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.navbar-icon-button-simplified{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;border-style:none!important;padding:.5rem;--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));text-decoration:none!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.resistance-item-button{min-width:90px;display:flex;flex-direction:column;cursor:pointer;align-items:center;gap:.25rem;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.5rem;text-align:center;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.sticky-placeholder{height:0;transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.confirm-dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;border-top-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));padding:1.25rem}.confirm-dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));padding:1.25rem}.item-grid,.resistance-items-container{display:flex;flex-direction:column;gap:1rem}.navbar-actions{display:flex;align-items:center;gap:.75rem}.navbar-logo{display:flex;flex-shrink:0;align-items:center}.calculate-button:hover{--un-translate-y:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-gradient-from-position:0%;--un-gradient-from:rgb(29 78 216 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(29 78 216 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(30 64 175 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.export-button:hover{--un-translate-y:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-gradient-from-position:0%;--un-gradient-from:rgb(21 128 61 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(21 128 61 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(22 101 52 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.import-button:hover{--un-translate-y:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-gradient-from-position:0%;--un-gradient-from:rgb(217 119 6 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(217 119 6 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(180 83 9 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.resistance-item-button:hover{--un-translate-y:-.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.action-btn:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.confirm-dialog-btn{cursor:pointer;border-radius:.5rem;border-style:none;padding:.75rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.navbar-nav-item{cursor:pointer;border-bottom-width:0px;font-size:1rem;line-height:1.5rem;--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));font-weight:500;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.card,[card=""]{overflow-x:auto;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:1rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:1.5rem;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.navbar-nav-item-active{border-bottom-width:0px;--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));font-weight:600}.dark .action-btn,.dark .angle-valve-row,.dark .basic-params-row,.dark .butterfly-valve-row,.dark .check-valve-row,.dark .elbow-row,.dark .foot-valve-row,.dark .gate-valve-row,.dark .globe-valve-row,.dark .item-row,.dark .reducer-diffuser-row,.dark .resistance-item-button,.dark .tee-row,.dark .vessel-connection-row{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity))}.dark .card,.dark .confirm-dialog,.dark .item-card,.dark [card=""],.dark [item-card=""]{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}.dark .confirm-dialog-footer,.dark .confirm-dialog-header,.dark .item-header,.dark .resistance-item-buttons{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity))}.dark .error-message{--un-border-opacity:1;border-color:rgb(185 28 28 / var(--un-border-opacity));background-color:#7f1d1d33}.dark .item-field-input,.dark .item-field-select{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity))}.dark .resistance-item-buttons-sticky-active{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));background-color:#1f2937cc}.dark .action-btn:hover{--un-border-opacity:1;border-color:rgb(107 114 128 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.collapse-btn:hover{--un-border-opacity:1;border-color:rgb(147 197 253 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity))}.dark .collapse-btn:hover{--un-border-opacity:1;border-color:rgb(29 78 216 / var(--un-border-opacity));background-color:#1e3a8a4d}.dark .delete-btn:hover{--un-border-opacity:1;border-color:rgb(185 28 28 / var(--un-border-opacity));background-color:#7f1d1d4d}.delete-btn:hover{--un-border-opacity:1;border-color:rgb(252 165 165 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity))}.dark .resistance-item-button:hover{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));background-color:#1e3a8a4d}.item-field-input:focus{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));--un-border-opacity:.5;outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity)) ;--un-ring-opacity:.5}.item-field-select:focus{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));--un-border-opacity:.5;outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity)) ;--un-ring-opacity:.5}.dark .resistance-coefficient-display{background-color:#1e3a8a4d;--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity))}.angle-valve-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .angle-valve-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.butterfly-valve-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .butterfly-valve-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.check-valve-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .check-valve-row:hover,.dark .elbow-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.elbow-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .foot-valve-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.foot-valve-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .gate-valve-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.gate-valve-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .globe-valve-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.globe-valve-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .item-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.item-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .navbar-icon-button-simplified:hover{background-color:transparent}.navbar-icon-button-simplified:hover{background-color:transparent;--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.dark .reducer-diffuser-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.reducer-diffuser-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .tee-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.tee-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.dark .vessel-connection-row:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity))}.vessel-connection-row:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.confirm-dialog-btn-cancel{--un-gradient-from-position:0%;--un-gradient-from:rgb(107 114 128 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(107 114 128 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(75 85 99 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.confirm-dialog-btn-confirm{--un-gradient-from-position:0%;--un-gradient-from:rgb(34 197 94 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(34 197 94 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(22 163 74 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.confirm-dialog-btn-cancel:hover{--un-gradient-from-position:0%;--un-gradient-from:rgb(75 85 99 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(75 85 99 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(55 65 81 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.confirm-dialog-btn-confirm:hover{--un-gradient-from-position:0%;--un-gradient-from:rgb(22 163 74 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(22 163 74 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to:rgb(21 128 61 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.confirm-dialog-body{padding:1.25rem}.loading{padding:1.5rem;text-align:center;--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));font-style:italic}.dark .card-title,.dark .confirm-dialog-header-h3,.dark .item-title,.dark .pipe-calculator-container-h1{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.collapse-btn{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.dark .confirm-dialog-body-p{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity))}.dark .confirm-dialog-close,.dark .loading,.dark .pipe-calculator-container-p{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.delete-btn{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.confirm-dialog-close:hover{--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity))}.dark .confirm-dialog-close:hover{--un-text-opacity:1;color:rgb(229 231 235 / var(--un-text-opacity))}.navbar-nav-item:hover{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.card:hover,[card=""]:hover{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.item-card:hover,[item-card=""]:hover{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.item-field-input:hover,.item-field-select:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}@media (min-width: 640px){.pipe-calculator-container{padding:1.5rem}.app-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.vessel-connection-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.vessel-connection-row{grid-template-columns:repeat(4,minmax(0,1fr))}.app-container{padding-left:2rem;padding-right:2rem}}.relative{position:relative}.grid{display:grid}.col-span-3{grid-column:span 3/span 3}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mr-3{margin-right:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}[size~="16"]{width:4rem;height:4rem}[size~="20"]{width:5rem;height:5rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-8{height:2rem}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.flex{display:flex}.flex-grow{flex-grow:1}.flex-col{flex-direction:column}.resize,[resize=""]{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\!border-\[\#f5c6cb\]{--un-border-opacity:1 !important;border-color:rgb(245 198 203 / var(--un-border-opacity))!important}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity))}.dark .dark\:border-gray-600{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity))}.dark .dark\:border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity))}.rounded-xl{border-radius:.75rem}.\!bg-\[\#f8d7da\]{--un-bg-opacity:1 !important;background-color:rgb(248 215 218 / var(--un-bg-opacity))!important}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.bg-white\/90{background-color:#ffffffe6}.dark .dark\:bg-gray-700{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity))}[stroke-width~="2"]{stroke-width:2px}.p-6{padding:1.5rem}.px,.px-4,[px=""]{padding-left:1rem;padding-right:1rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.dark .dark\:text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity))}.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity))}.text-primary{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity))}.\!color-\[\#721c24\]{--un-text-opacity:1 !important;color:rgb(114 28 36 / var(--un-text-opacity))!important}.font-bold{font-weight:700}.font-semibold{font-weight:600}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}