a0";
position: absolute;
transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
border-bottom: 1px solid rgba(0, 0, 0, 0.42);
pointer-events: none;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}
.MuiInput-underline.Mui-disabled:before {
border-bottom-style: dotted;
}
@media (hover: none) {
.MuiInput-underline:hover:not(.Mui-disabled):before {
border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
}
.MuiInputLabel-root {
display: block;
transform-origin: top left;
}
.MuiInputLabel-formControl {
top: 0;
left: 0;
position: absolute;
transform: translate(0, 24px) scale(1);
}
.MuiInputLabel-marginDense {
transform: translate(0, 21px) scale(1);
}
.MuiInputLabel-shrink {
transform: translate(0, 1.5px) scale(0.75);
transform-origin: top left;
}
.MuiInputLabel-animated {
transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.MuiInputLabel-filled {
z-index: 1;
transform: translate(12px, 20px) scale(1);
pointer-events: none;
}
.MuiInputLabel-filled.MuiInputLabel-marginDense {
transform: translate(12px, 17px) scale(1);
}
.MuiInputLabel-filled.MuiInputLabel-shrink {
transform: translate(12px, 10px) scale(0.75);
}
.MuiInputLabel-filled.MuiInputLabel-shrink.MuiInputLabel-marginDense {
transform: translate(12px, 7px) scale(0.75);
}
.MuiInputLabel-outlined {
z-index: 1;
transform: translate(14px, 20px) scale(1);
pointer-events: none;
}
.MuiInputLabel-outlined.MuiInputLabel-marginDense {
transform: translate(14px, 12px) scale(1);
}
.MuiInputLabel-outlined.MuiInputLabel-shrink {
transform: translate(14px, -6px) scale(0.75);
}
.MuiListItemText-root {
flex: 1 1 auto;
min-width: 0;
margin-top: 4px;
margin-bottom: 4px;
}
.MuiListItemText-multiline {
margin-top: 6px;
margin-bottom: 6px;
}
.MuiListItemText-inset {
padding-left: 56px;
}
.MuiPopover-paper {
outline: 0;
position: absolute;
max-width: calc(100% - 32px);
min-width: 16px;
max-height: calc(100% - 32px);
min-height: 16px;
overflow-x: hidden;
overflow-y: auto;
}
.MuiMenu-paper {
max-height: calc(100% - 96px);
-webkit-overflow-scrolling: touch;
}
.MuiMenu-list {
outline: 0;
}
.jss86 {
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;
}
.jss87 {
padding: 0;
text-align: left;
transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
line-height: 11px;
}
.jss88 {
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;
}
.jss88 > span {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.jss89 {
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: #000000;
border-width: 2px;
}
.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
border-color: #ff0000;
}
.MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0.26);
}
.MuiOutlinedInput-colorSecondary.Mui-focused .MuiOutlinedInput-notchedOutline {
border-color: #f54336;
}
.MuiOutlinedInput-adornedStart {
padding-left: 14px;
}
.MuiOutlinedInput-adornedEnd {
padding-right: 24px;
}
.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;
}
.MuiSelect-select {
cursor: pointer;
min-width: 16px;
user-select: none;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
}
.MuiSelect-select:focus {
border-radius: 0;
background-color: rgba(0, 0, 0, 0.05);
}
.MuiSelect-select::-ms-expand {
display: none;
}
.MuiSelect-select.Mui-disabled {
cursor: default;
}
.MuiSelect-select[multiple] {
height: auto;
}
.MuiSelect-select:not([multiple]) option, .MuiSelect-select:not([multiple]) optgroup {
background-color: #fff;
}
.MuiSelect-select.MuiSelect-select {
padding-right: 24px;
}
.MuiSelect-filled.MuiSelect-filled {
padding-right: 32px;
}
.MuiSelect-outlined {
border-radius: 4px;
}
.MuiSelect-outlined.MuiSelect-outlined {
padding-right: 32px;
}
.MuiSelect-selectMenu {
height: auto;
overflow: hidden;
min-height: 1.1876em;
white-space: nowrap;
text-overflow: ellipsis;
}
.MuiSelect-icon {
top: calc(50% - 12px);
color: rgba(0, 0, 0, 0.54);
right: 0;
position: absolute;
pointer-events: none;
}
.MuiSelect-icon.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
}
.MuiSelect-iconOpen {
transform: rotate(180deg);
}
.MuiSelect-iconFilled {
right: 7px;
}
.MuiSelect-iconOutlined {
right: 7px;
}
.MuiSelect-nativeInput {
left: 0;
width: 100%;
bottom: 0;
opacity: 0;
position: absolute;
pointer-events: none;
}
.jss1 {
top: 0;
left: 0;
width: 100%;
height: 3px;
z-index: 999999;
position: fixed;
}
.jss2 {
position: relative;
}
.jss3 {
width: 100%;
flex-shrink: 0;
}
.jss4 {
width: 100%;
z-index: 1202;
overflow: visible;
border-top: none;
}
.jss5 {
width: 100%;
height: 50px;
display: block;
image-rendering: pixelated;
}
.jss44 {
text-decoration: none;
}
.jss45 {
color: inherit;
}
.jss46:hover {
text-decoration: underline;
}
@media (min-width:1024px) {
.jss6 {
padding-top: 36px;
}
}
@media (max-width:1279.95px) {
.jss6 {
padding-top: 48px;
}
}
@media (max-width:1023.95px) {
.jss6 {
padding-top: 72px;
}
}
.MuiPaginationItem-root {
color: rgba(0, 0, 0, 0.87);
height: 32px;
margin: 0 3px;
padding: 0 6px;
font-size: 0.875rem;
min-width: 32px;
box-sizing: border-box;
text-align: center;
font-family: Roboto, Arial;
font-weight: 400;
line-height: 1.43;
border-radius: 16px;
}
.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: #fff;
background-color: #000000;
}
.MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible {
background-color: rgba(12, 18, 28, 0.87);
}
.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: #000000;
}
}
.MuiPaginationItem-textSecondary.Mui-selected {
color: #fff;
background-color: #f54336;
}
.MuiPaginationItem-textSecondary.Mui-selected:hover, .MuiPaginationItem-textSecondary.Mui-selected.Mui-focusVisible {
background-color: #da3928;
}
.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: #f54336;
}
}
.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: #000000;
border: 1px solid rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.12);
}
.MuiPaginationItem-outlinedPrimary.Mui-selected:hover, .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-focusVisible {
background-color: rgba(0, 0, 0, 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: #f54336;
border: 1px solid rgba(245, 67, 54, 0.5);
background-color: rgba(245, 67, 54, 0.12);
}
.MuiPaginationItem-outlinedSecondary.Mui-selected:hover, .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-focusVisible {
background-color: rgba(245, 67, 54, 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;
}
.MuiSkeleton-root {
height: 1.2em;
display: block;
background-color: rgba(0, 0, 0, 0.11);
}
.MuiSkeleton-text {
height: auto;
transform: scale(1, 0.60);
margin-top: 0;
border-radius: 4px;
margin-bottom: 0;
transform-origin: 0 60%;
}
.MuiSkeleton-text:empty:before {
content: "
Glass insulator telephone Images, Stock Photos & Vectors | Shutterstock
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;
}
.jss97 {
color: #fff;
border-radius: 0 8px 8px 0;
background-color: #f54336;
}
.jss97:hover {
background-color: #da3928;
}
.jss79 {
height: 48px;
display: flex;
padding: 8px 16px;
box-sizing: border-box;
align-items: center;
}
.jss79:focus {
background-color: transparent;
}
@media (min-width:1024px) {
.jss80.jss80 {
padding-right: 48px;
}
}
.jss81 {
margin-right: 8px;
}
.jss82 {
border-radius: 8px 0 0 8px;
}
.jss83 {
border-top: none;
border-left: none;
border-bottom: none;
}
.jss84 {
margin-left: 16px;
}
.jss85 {
margin: 8px 16px;
}
.jss95.jss95.jss95 {
height: 48px;
padding-top: 0;
padding-bottom: 0;
}
.jss96.jss96.jss96 {
padding-top: 0;
padding-bottom: 0;
}
.jss90 {
width: 100%;
}
.jss91 {
background: #ffffff;
border-radius: 0 8px 8px 0;
padding-right: 0;
}
.jss91 input[type="search"]::-webkit-search-cancel-button {
display: none;
}
.jss92.jss92.jss92 {
width: auto;
flex-grow: 0;
min-width: auto;
}
.jss93 {
border: 0;
}
.jss94 {
margin: 16px;
}
.jss72 {
width: 100%;
background: #ffffff;
border-radius: 8px;
}
.jss73 {
width: 100%;
border: 1px solid rgb(0,0, 0, 0.23);
height: 48px;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
border-left: none;
border-right: none;
}
.jss74 {
color: #000000;
height: 48px;
border-top: 1px solid rgb(0,0, 0, 0.23);
border-left: 1px solid rgb(0,0, 0, 0.23);
border-bottom: 1px solid rgb(0,0, 0, 0.23);
border-radius: 0;
}
.jss75 {
border: solid rgb(0,0, 0, 0.23);
display: flex;
padding: 0 8px;
align-items: center;
border-width: 1px 0 1px 0;
}
.jss76 {
padding: 8px;
}
.jss77.MuiGrid-item {
display: flex;
}
.jss78 {
margin-left: 4px;
}
.jss7 {
min-height: 60px;
background-color: #0c121c;
}
.jss43 {
background: none;
box-shadow: none;
}
.jss47 {
width: auto;
height: 100%;
margin: 0;
padding: 0;
}
.jss47:hover {
box-shadow: none;
background-color: transparent;
}
.jss48 {
height: 20px;
display: flex;
}
@media (min-width:1280px) {
.jss48 {
display: none;
}
}
@media (min-width:1024px) {
.jss48 {
height: 24px;
}
}
.jss49 {
height: 24px;
display: flex;
}
@media (max-width:1279.95px) {
.jss49 {
display: none;
}
}
.jss67 {
top: 0;
left: 0;
width: 100vw;
height: calc(100vh - 65px);
}
.jss50 {
position: relative;
}
.jss51 {
font-size: inherit;
font-weight: bold;
}
.jss15 {
display: flex;
align-items: center;
}
.jss16 {
margin-left: 4px;
}
.jss16.jss16 {
padding: 8px;
}
.jss17 {
color: rgba(0, 0, 0, 0.54);
}
.jss18 {
color: rgba(0, 0, 0, 0.54);
font-size: 0.733rem;
text-transform: uppercase;
}
.jss18:hover {
color: rgba(0, 0, 0, 0.87);
background: none;
}
.jss19 {
margin-left: 36px;
}
.jss20 {
display: flex;
margin-left: 8px;
white-space: nowrap;
}
.jss21 {
pointer-events: auto;
}
.jss22 {
pointer-events: none;
}
.jss23 {
width: auto;
padding-top: 8px;
padding-left: 16px;
margin-bottom: 8px;
padding-right: 16px;
padding-bottom: 8px;
}
@media (min-width:600px) {
.jss23 {
padding-left: 24px;
padding-right: 24px;
}
}
.jss24 {
margin-bottom: 0;
}
.jss25 {
border-style: solid;
border-width: 1px;
margin-bottom: 24px;
border-top-width: 0;
border-left-width: 0;
border-image-slice: 1;
border-image-width: 1;
border-right-width: 0;
border-image-source: linear-gradient(to right, #e8d568, #a38657);
}
.jss26 {
color: rgba(12, 18, 28, 0.12);
border-style: solid;
border-width: 1px;
margin-bottom: 24px;
border-top-width: 0;
border-left-width: 0;
border-image-slice: 1;
border-image-width: 1;
border-right-width: 0;
}
.jss27 {
height: 40px;
flex-wrap: nowrap;
}
.jss28 {
display: flex;
margin-right: 8px;
}
.jss29.jss29 {
cursor: default;
}
.jss30 {
font-weight: bold;
}
.jss31 {
margin-left: 4px;
margin-right: -8px;
}
.jss31.jss31 > svg {
font-size: 0.867rem;
}
.jss32 {
flex-grow: 1;
}
.jss32 .jss33, .jss32 .jss35 {
flex-wrap: nowrap;
align-items: center;
}
.jss33 {
display: flex;
}
@media (max-width:1023.95px) {
.jss33.jss33 {
display: none;
}
}
.jss34 {
font-size: calc(15px * 0.867);
transform: translateY(1px);
}
.jss34 .jss18 {
font-size: inherit;
}
.jss35 {
display: flex;
}
@media (max-width:1023.95px) {
.jss35.jss35 {
display: none;
}
}
.jss36 {
margin-left: auto;
}
.jss36 a {
text-transform: none;
}
.jss37 {
display: flex;
}
@media (max-width:1279.95px) {
.jss37 {
display: none;
}
}
.jss38 {
display: flex;
}
@media screen and (max-width: 1440px) {
.jss38 {
display: none;
}
}
.jss39 {
margin-right: -8px;
}
.jss40 {
color: rgba(12, 18, 28, 0.60);
font-size: 0.733rem;
font-weight: normal;
border-color: transparent;
border-style: solid;
border-top-width: 1px;
}
.jss40:hover {
color: rgba(12, 18, 28, 0.87);
background-color: transparent;
}
.jss41 {
height: 24px;
margin-left: 8px;
}
.jss42 > button {
min-width: 0;
padding-left: 0;
padding-right: 0;
}
.jss8 {
display: flex;
flex-direction: column;
}
.jss9 {
margin-bottom: 0;
}
.jss10 {
background-color: #ffffff;
}
.jss11 {
border-top: none;
background-color: #ffffff;
}
.jss12 {
margin-top: -24px;
}
.jss13 {
margin-top: -24px;
}
.jss14 {
padding: 0 16px;
min-height: 80vh;
margin-bottom: 48px;
}
@media (min-width:600px) {
.jss14 {
padding: 0 24px;
}
}
.jss70 {
top: 0;
padding: 8px 16px;
z-index: 11;
position: sticky;
background: #ffffff;
margin-left: -16px;
margin-right: -16px;
}
.jss164 {
display: block;
overflow: hidden;
position: relative;
}
.jss165 {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
overflow: hidden;
position: absolute;
}
.jss165:focus-visible {
border: 4px solid #000000;
outline: 0;
}
.jss166 {
background-color: #000000;
}
.jss167 {
width: 100%;
height: 100%;
position: absolute;
}
.jss168 {
width: 100%;
height: 100%;
}
.jss170 {
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
background-color: #ffffff;
}
.jss154 {
display: flex;
flex-wrap: wrap;
}
.jss156 {
width: 100%;
}
@media (max-width:599.95px) {
.jss156 {
width: 100%;
display: flex;
transform: translateZ(0);
overflow-x: auto;
overflow-y: hidden;
}
}
@media (max-width:599.95px) {
.jss157 {
display: inline-flex;
flex-wrap: nowrap;
}
.jss157.jss157 {
width: auto;
}
.jss157:after {
top: 0;
right: 0;
width: 50px;
bottom: 0;
content: "";
z-index: 2;
position: sticky;
background:
linear-gradient(
to left,
#ffffff 0,
transparent 100%
);
margin-left: -50px;
pointer-events: none;
}
}
.jss158 {
border-radius: 4px;
}
.jss159 {
margin: 2.5px;
}
.jss152 {
width: calc(100% + 5px);
margin: -2.5px;
}
.jss152 > .MuiGrid-item {
padding: 2.5px;
}
.jss153 {
padding: 2.5px;
}
.jss162 {
width: 100%;
display: flex;
flex-wrap: wrap;
}
@media (max-width:599.95px) {
.jss162 {
width: 100%;
display: flex;
transform: translateZ(0);
overflow-x: auto;
overflow-y: hidden;
}
}
.jss163 { }
@media (max-width:599.95px) {
.jss163 {
display: inline-flex;
flex-wrap: nowrap;
}
.jss163.jss163 {
width: auto;
}
.jss163:after {
top: 0;
right: 0;
width: 50px;
bottom: 0;
content: "";
z-index: 2;
position: sticky;
min-width: 50px;
background:
linear-gradient(
to left,
undefined 0,
transparent 100%
);
margin-left: -50px;
pointer-events: none;
}
}
.jss182 input {
width: 40px;
height: 40px;
overflow: hidden;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
padding-left: 4px;
padding-right: 4px;
text-overflow: ellipsis;
}
.jss182 input[type=number] {
-moz-appearance: textfield;
}
.jss182 input::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
.jss182 input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.jss183 {
margin-left: 8px;
white-space: pre;
}
.jss184 {
top: 0;
right: -8px;
position: absolute;
transform: translate(100%, 50%);
}
@media (min-width:1024px) {
.jss184 {
right: 0;
position: relative;
transform: none;
}
}
.jss177 {
display: flex;
margin-top: 48px;
flex-direction: column;
justify-content: center;
}
@media (min-width:1024px) {
.jss177 {
width: 100%;
display: grid;
grid-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(3, 1fr);
}
}
.jss178 {
display: flex;
grid-column: 2;
justify-content: center;
grid-column-span: 1;
}
.jss179 {
margin-top: 24px;
grid-column: 3;
justify-content: center;
grid-column-span: 1;
}
@media (min-width:1024px) {
.jss179 {
margin-top: 0;
justify-content: flex-end;
}
}
.jss172 {
font-size: 0.733rem;
margin-right: 8px;
padding-left: 8px;
margin-bottom: 8px;
}
.jss173 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.jss174.jss174::first-letter {
text-transform: capitalize;
}
.jss175:focus-visible {
outline: 0;
font-weight: bold;
}
.jss176 {
width: 16px;
height: 16px;
}
.jss171 {
margin-top: 48px;
}
.jss98 {
margin-top: 16px;
margin-bottom: 16px;
}
.jss99 {
color: #0070f0;
}
.jss100.jss100::first-letter {
text-transform: capitalize;
}
.jss146 {
width: 40px;
height: 40px;
display: flex;
overflow: hidden;
align-items: center;
border-radius: 100%;
justify-content: center;
}
.jss146 [class*="MuiChip-label"] {
display: flex;
padding-left: 0;
padding-right: 0;
}
.jss147 {
color: rgba(0, 0, 0, 0.87);
border: 1px solid rgba(12, 18, 28, 0.12);
font-size: 0.733rem;
border-radius: 4px;
background-color: #f3f4f5;
}
.jss147:hover {
background-color: #cacdd2;
}
.jss148 {
color: rgba(0, 0, 0, 0.54);
width: 0.733rem;
height: 0.733rem;
}
.jss144 {
margin-right: 8px;
}
.jss145 {
padding-right: 0;
}
.jss107 {
box-shadow: 0 2px 2px 0 rgba(12, 18, 28, 0.12);
transition: box-shadow 300ms ease;
border-radius: 0;
}
.jss108 {
top: 64px;
display: flex;
padding: 0 16px 4px;
z-index: 10;
position: sticky;
background: #ffffff;
margin-left: -16px;
margin-right: -16px;
flex-direction: column;
}
@media (min-width:600px) {
.jss108 {
padding: 0 24px 4px;
margin-left: -24px;
margin-right: -24px;
}
}
.jss101 {
display: flex;
justify-content: space-between;
}
.jss102 {
display: flex;
align-items: flex-start;
flex-direction: row;
}
@media (max-width:599.95px) {
.jss102 {
flex-direction: column;
}
}
.jss103 {
flex-wrap: wrap;
padding-right: 48px;
}
.jss104 {
margin-right: 8px;
padding-bottom: 8px;
}
.jss104:last-of-type {
margin-right: 0;
}
.jss105 {
display: flex;
align-items: center;
justify-content: flex-start;
}
.jss128 {
width: 100%;
}
.jss121 {
font-size: 0.733rem;
font-weight: 400;
}
.jss122 {
background-color: #f3f4f5;
}
.jss123 {
border-color: rgba(12, 18, 28, 0.12);
border-radius: 20px;
}
.jss123:hover, .jss123:focus {
border-radius: 20px;
}
.jss123.jss123 {
padding: 16px;
}
.jss124 {
transition: transform 300ms ease;
}
.jss125 {
transform: rotate(180deg);
}
.jss126 {
display: flex;
margin-top: 8px;
}
.jss127 {
display: flex;
padding: 16px;
flex-flow: column;
max-height: 70vh;
padding-bottom: 8px;
}
.jss127:not(:last-of-type) {
padding-right: 0;
}
.jss112:last-child {
margin-bottom: 24px;
}
.jss113 {
width: 250px;
}
.jss114 {
width: 380px;
}
.jss115:last-child {
margin-bottom: -8px;
}
.jss117 {
margin-top: 0;
}
.jss118 {
display: flex;
padding: 16px;
flex-flow: column;
max-height: 70vh;
padding-bottom: 8px;
}
.jss118:not(:last-of-type) {
padding-right: 0;
}
.jss119 {
width: 280px;
margin-bottom: 24px;
}
.jss119:last-child {
margin-bottom: 0;
}
.jss120 {
font-weight: bold;
margin-bottom: calc(8px + 2px);
}
.jss129 {
display: flex;
padding: 16px;
flex-flow: column;
max-height: 70vh;
padding-bottom: 8px;
}
.jss129:not(:last-of-type) {
padding-right: 0;
}
.jss130 {
width: 280px;
margin-bottom: 24px;
}
.jss130:last-child {
margin-bottom: 0;
}
.jss131 {
font-weight: bold;
margin-bottom: calc(8px + 2px);
}
.jss132 {
display: flex;
padding: 16px;
flex-flow: column;
max-height: 70vh;
padding-bottom: 8px;
}
.jss132:not(:last-of-type) {
padding-right: 0;
}
.jss133 {
width: 280px;
margin-bottom: 24px;
}
.jss133:last-child {
margin-bottom: 0;
}
.jss134 {
font-weight: bold;
margin-bottom: calc(8px + 2px);
}
.jss135 {
display: flex;
padding: 16px;
flex-flow: column;
max-height: 70vh;
padding-bottom: 8px;
}
.jss135:not(:last-of-type) {
padding-right: 0;
}
.jss136 {
width: 280px;
margin-bottom: 24px;
}
.jss136:last-child {
margin-bottom: 0;
}
.jss137 {
font-weight: bold;
margin-bottom: calc(8px + 2px);
}
.jss138 {
display: flex;
padding: 16px;
flex-flow: column;
max-height: 70vh;
padding-bottom: 8px;
}
.jss138:not(:last-of-type) {
padding-right: 0;
}
.jss139 {
width: 280px;
margin-bottom: 24px;
}
.jss139:last-child {
margin-bottom: 0;
}
.jss140 {
font-weight: bold;
margin-bottom: calc(8px + 2px);
}
.jss141 {
display: flex;
padding: 16px;
flex-flow: column;
max-height: 70vh;
padding-bottom: 8px;
}
.jss141:not(:last-of-type) {
padding-right: 0;
}
.jss142 {
width: 280px;
margin-bottom: 24px;
}
.jss142:last-child {
margin-bottom: 0;
}
.jss143 {
font-weight: bold;
margin-bottom: calc(8px + 2px);
}
.jss169 {
width: 100.5%;
}
Sorry, the browser you are using is no longer supported by Shutterstock. Please upgrade your browser to continue.
Glass Insulator