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; } .MuiPaginationItem-root { color: rgba(0, 0, 0, 0.87); height: 32px; margin: 0 3px; padding: 0 6px; font-size: 0.75rem; min-width: 32px; box-sizing: border-box; text-align: center; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: normal; line-height: 1.5; border-radius: 16px; } @media (min-width:48rem) { .MuiPaginationItem-root { font-size: 0.75rem; line-height: 1.5; } } .MuiPaginationItem-page { transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiPaginationItem-page:hover { background-color: rgba(0, 0, 0, 0.04); } .MuiPaginationItem-page.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); } .MuiPaginationItem-page.Mui-selected { background-color: rgba(0, 0, 0, 0.08); } .MuiPaginationItem-page.Mui-disabled { opacity: 0.38; } .MuiPaginationItem-page.Mui-selected:hover, .MuiPaginationItem-page.Mui-selected.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); } .MuiPaginationItem-page.Mui-selected.Mui-disabled { color: rgba(0, 0, 0, 0.26); opacity: 1; background-color: rgba(0, 0, 0, 0.08); } @media (hover: none) { .MuiPaginationItem-page.Mui-selected:hover, .MuiPaginationItem-page.Mui-selected.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.08); } } @media (hover: none) { .MuiPaginationItem-page:hover { background-color: transparent; } } .MuiPaginationItem-sizeSmall { height: 26px; margin: 0 1px; padding: 0 4px; min-width: 26px; border-radius: 13px; } .MuiPaginationItem-sizeSmall .MuiPaginationItem-icon { font-size: 1.125rem; } .MuiPaginationItem-sizeLarge { height: 40px; padding: 0 10px; font-size: 0.9375rem; min-width: 40px; border-radius: 20px; } .MuiPaginationItem-sizeLarge .MuiPaginationItem-icon { font-size: 1.375rem; } .MuiPaginationItem-textPrimary.Mui-selected { color: #F5F5F5; background-color: #0D5257; } .MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible { background-color: #08454A; } .MuiPaginationItem-textPrimary.Mui-selected.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: none) { .MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible { background-color: #0D5257; } } .MuiPaginationItem-textSecondary.Mui-selected { color: #fff; background-color: #333333; } .MuiPaginationItem-textSecondary.Mui-selected:hover, .MuiPaginationItem-textSecondary.Mui-selected.Mui-focusVisible { background-color: rgb(35, 35, 35); } .MuiPaginationItem-textSecondary.Mui-selected.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: none) { .MuiPaginationItem-textSecondary.Mui-selected:hover, .MuiPaginationItem-textSecondary.Mui-selected.Mui-focusVisible { background-color: #333333; } } .MuiPaginationItem-outlined { border: 1px solid rgba(0, 0, 0, 0.23); } .MuiPaginationItem-outlined.Mui-selected.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); } .MuiPaginationItem-outlinedPrimary.Mui-selected { color: #0D5257; border: 1px solid rgba(13, 82, 87, 0.5); background-color: rgba(13, 82, 87, 0.12); } .MuiPaginationItem-outlinedPrimary.Mui-selected:hover, .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-focusVisible { background-color: rgba(13, 82, 87, 0.16); } .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: none) { .MuiPaginationItem-outlinedPrimary.Mui-selected:hover, .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-focusVisible { background-color: transparent; } } .MuiPaginationItem-outlinedSecondary.Mui-selected { color: #333333; border: 1px solid rgba(51, 51, 51, 0.5); background-color: rgba(51, 51, 51, 0.12); } .MuiPaginationItem-outlinedSecondary.Mui-selected:hover, .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-focusVisible { background-color: rgba(51, 51, 51, 0.16); } .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (hover: none) { .MuiPaginationItem-outlinedSecondary.Mui-selected:hover, .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-focusVisible { background-color: transparent; } } .MuiPaginationItem-rounded { border-radius: 4px; } .MuiPaginationItem-ellipsis { height: auto; } .MuiPaginationItem-ellipsis.Mui-disabled { opacity: 0.38; } .MuiPaginationItem-icon { margin: 0 -8px; font-size: 1.25rem; } .MuiPagination-ul { margin: 0; display: flex; padding: 0; flex-wrap: wrap; list-style: none; align-items: center; } .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