a0"; } .MuiSkeleton-circle { border-radius: 50%; } .MuiSkeleton-pulse { animation: MuiSkeleton-keyframes-pulse 1.5s ease-in-out 0.5s infinite; } @keyframes MuiSkeleton-keyframes-pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .MuiSkeleton-wave { overflow: hidden; position: relative; } .MuiSkeleton-wave::after { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; animation: MuiSkeleton-keyframes-wave 1.6s linear 0.5s infinite; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent); } @keyframes MuiSkeleton-keyframes-wave { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } 100% { transform: translateX(100%); } } .MuiSkeleton-withChildren > * { visibility: hidden; } .MuiSkeleton-fitContent { max-width: fit-content; } .MuiSkeleton-heightAuto { height: auto; } .MuiSnackbar-root { left: 8px; right: 8px; display: flex; z-index: 1400; position: fixed; align-items: center; justify-content: center; } .MuiSnackbar-anchorOriginTopCenter { top: 8px; } @media (min-width:48rem) { .MuiSnackbar-anchorOriginTopCenter { top: 24px; left: 50%; right: auto; transform: translateX(-50%); } } .MuiSnackbar-anchorOriginBottomCenter { bottom: 8px; } @media (min-width:48rem) { .MuiSnackbar-anchorOriginBottomCenter { left: 50%; right: auto; bottom: 24px; transform: translateX(-50%); } } .MuiSnackbar-anchorOriginTopRight { top: 8px; justify-content: flex-end; } @media (min-width:48rem) { .MuiSnackbar-anchorOriginTopRight { top: 24px; left: auto; right: 24px; } } .MuiSnackbar-anchorOriginBottomRight { bottom: 8px; justify-content: flex-end; } @media (min-width:48rem) { .MuiSnackbar-anchorOriginBottomRight { left: auto; right: 24px; bottom: 24px; } } .MuiSnackbar-anchorOriginTopLeft { top: 8px; justify-content: flex-start; } @media (min-width:48rem) { .MuiSnackbar-anchorOriginTopLeft { top: 24px; left: 24px; right: auto; } } .MuiSnackbar-anchorOriginBottomLeft { bottom: 8px; justify-content: flex-start; } @media (min-width:48rem) { .MuiSnackbar-anchorOriginBottomLeft { left: 24px; right: auto; bottom: 24px; } } .PrivateNotchedOutline-root-1 { top: -5px; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 8px; overflow: hidden; position: absolute; border-style: solid; border-width: 1px; border-radius: inherit; pointer-events: none; } .PrivateNotchedOutline-legend-2 { padding: 0; text-align: left; transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; line-height: 11px; } .PrivateNotchedOutline-legendLabelled-3 { width: auto; height: 11px; display: block; padding: 0; font-size: 0.75em; max-width: 0.01px; text-align: left; transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; visibility: hidden; } .PrivateNotchedOutline-legendLabelled-3 > span { display: inline-block; padding-left: 5px; padding-right: 5px; } .PrivateNotchedOutline-legendNotched-4 { max-width: 1000px; transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; } .MuiOutlinedInput-root { position: relative; border-radius: 4px; } .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #0D5257; border-width: 2px; } .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #FEF6F6; } .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } .MuiOutlinedInput-colorSecondary.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #333333; } .MuiOutlinedInput-adornedStart { padding-left: 14px; } .MuiOutlinedInput-adornedEnd { padding-right: 14px; } .MuiOutlinedInput-multiline { padding: 18.5px 14px; } .MuiOutlinedInput-multiline.MuiOutlinedInput-marginDense { padding-top: 10.5px; padding-bottom: 10.5px; } .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } .MuiOutlinedInput-input { padding: 18.5px 14px; } .MuiOutlinedInput-input:-webkit-autofill { border-radius: inherit; } .MuiOutlinedInput-inputMarginDense { padding-top: 10.5px; padding-bottom: 10.5px; } .MuiOutlinedInput-inputMultiline { padding: 0; } .MuiOutlinedInput-inputAdornedStart { padding-left: 0; } .MuiOutlinedInput-inputAdornedEnd { padding-right: 0; } .MuiFormControl-root { border: 0; margin: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; flex-direction: column; vertical-align: top; } .MuiFormControl-marginNormal { margin-top: 16px; margin-bottom: 8px; } .MuiFormControl-marginDense { margin-top: 8px; margin-bottom: 4px; } .MuiFormControl-fullWidth { width: 100%; } .MuiInputAdornment-root { height: 0.01em; display: flex; max-height: 2em; align-items: center; white-space: nowrap; } .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel) { margin-top: 16px; } .MuiInputAdornment-positionStart { margin-right: 8px; } .MuiInputAdornment-positionEnd { margin-left: 8px; } .MuiInputAdornment-disablePointerEvents { pointer-events: none; } .makeStyles-drawerPaper-5 { width: 480px; height: 100vh; max-width: 100vw; } .makeStyles-drawerPaper-6 { width: 480px; max-width: 100vw; background-color: #F5F5F5 !important; }

Sign in or sign up

No Bunnings account? Sign up

Project list

Sign in to your account

Our Price Guarantee

Aluminium Fly Screen