@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Rubik:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Rubik:wght@300;400;500;700&display=swap);
*,*::before,*::after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{background-color:var(--rmd-theme-background, #fafafa);color:var(--rmd-theme-text-primary-on-background, #212121);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}[hidden]{display:none !important}body.rmd-utils--touch{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.rmd-grid{display:grid;grid-column-gap:var(--rmd-grid-gutter, 1rem);grid-row-gap:var(--rmd-grid-gutter, 1rem);grid-template-columns:repeat(var(--rmd-grid-cols, 4), 1fr);padding:1rem}@media screen and (min-width: 48em){.rmd-grid{--rmd-grid-cols:8}}@media screen and (min-width: 64.0625em){.rmd-grid{--rmd-grid-cols:12}}.rmd-grid>*{min-width:0}.rmd-grid--no-padding{padding:0}.rmd-grid__cell--2{grid-column-end:span 2}.rmd-grid__cell--3{grid-column-end:span 3}.rmd-grid__cell--4{grid-column-end:span 4}@media screen and (max-width: 47.9375em){.rmd-grid__cell--4{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--5{grid-column-end:span 5}@media screen and (max-width: 47.9375em){.rmd-grid__cell--5{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--6{grid-column-end:span 6}@media screen and (max-width: 47.9375em){.rmd-grid__cell--6{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--7{grid-column-end:span 7}@media screen and (max-width: 47.9375em){.rmd-grid__cell--7{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--8{grid-column-end:span 8}@media screen and (min-width: 48em)and (max-width: 64em){.rmd-grid__cell--8{grid-column:1/span var(--rmd-grid-cols, 4)}}@media screen and (max-width: 47.9375em){.rmd-grid__cell--8{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--9{grid-column-end:span 9}@media screen and (min-width: 48em)and (max-width: 64em){.rmd-grid__cell--9{grid-column:1/span var(--rmd-grid-cols, 4)}}@media screen and (max-width: 47.9375em){.rmd-grid__cell--9{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--10{grid-column-end:span 10}@media screen and (min-width: 48em)and (max-width: 64em){.rmd-grid__cell--10{grid-column:1/span var(--rmd-grid-cols, 4)}}@media screen and (max-width: 47.9375em){.rmd-grid__cell--10{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--11{grid-column-end:span 11}@media screen and (min-width: 48em)and (max-width: 64em){.rmd-grid__cell--11{grid-column:1/span var(--rmd-grid-cols, 4)}}@media screen and (max-width: 47.9375em){.rmd-grid__cell--11{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid__cell--12{grid-column-end:span 12}@media screen and (min-width: 64.0625em){.rmd-grid__cell--12{grid-column:1/span var(--rmd-grid-cols, 4)}}@media screen and (min-width: 48em)and (max-width: 64em){.rmd-grid__cell--12{grid-column:1/span var(--rmd-grid-cols, 4)}}@media screen and (max-width: 47.9375em){.rmd-grid__cell--12{grid-column:1/span var(--rmd-grid-cols, 4)}}.rmd-grid-list{align-items:flex-start;display:flex;flex-flow:row wrap;margin:0 auto;padding:.5rem}.rmd-grid-list__cell{width:calc(
      var(--rmd-cell-size, 9.375rem) - calc(var(--rmd-cell-margin, 0.5rem) * 2)
    );margin:var(--rmd-cell-margin, 0.5rem)}.rmd-grid-list__cell--square{height:calc(
      var(--rmd-cell-size, 9.375rem) - calc(var(--rmd-cell-margin, 0.5rem) * 2)
    )}:root{--rmd-theme-background:#fafafa;--rmd-theme-primary:#9c27b0;--rmd-theme-on-primary:#fff;--rmd-theme-secondary:#f50057;--rmd-theme-on-secondary:#000;--rmd-theme-surface:#fff;--rmd-theme-on-surface:#000;--rmd-theme-warning:#ff6e40;--rmd-theme-on-warning:#000;--rmd-theme-error:#f44336;--rmd-theme-on-error:#000;--rmd-theme-success:#00c853;--rmd-theme-on-success:#000;--rmd-theme-text-primary-on-background:#212121;--rmd-theme-text-secondary-on-background:#757575;--rmd-theme-text-hint-on-background:#a8a8a8;--rmd-theme-text-disabled-on-background:#9e9e9e;--rmd-theme-text-icon-on-background:#757575;--rmd-theme-light-background:#fafafa;--rmd-theme-light-surface:#fff;--rmd-theme-dark-background:#121212;--rmd-theme-dark-surface:#424242;--rmd-theme-text-primary-on-light:#212121;--rmd-theme-text-secondary-on-light:#757575;--rmd-theme-text-hint-on-light:#a8a8a8;--rmd-theme-text-disabled-on-light:#9e9e9e;--rmd-theme-text-icon-on-light:#757575;--rmd-theme-text-primary-on-dark:#d9d9d9;--rmd-theme-text-secondary-on-dark:#b3b3b3;--rmd-theme-text-hint-on-dark:gray;--rmd-theme-text-disabled-on-dark:gray;--rmd-theme-text-icon-on-dark:#b3b3b3}:root{--rmd-typography-line-width:40em;--rmd-typography-mobile-line-width:17em;--rmd-typography-desktop-line-width:40em}.rmd-typography{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.rmd-typography--headline-1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:6rem;line-height:6rem;font-weight:300;letter-spacing:-0.015625em;text-decoration:inherit;text-transform:inherit}.rmd-typography--headline-2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:3.75rem;line-height:3.75rem;font-weight:300;letter-spacing:-.0083333333em;text-decoration:inherit;text-transform:inherit}.rmd-typography--headline-3{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:3rem;line-height:3.125rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit}.rmd-typography--headline-4{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:2.125rem;line-height:2.5rem;font-weight:400;letter-spacing:.0073529412em;text-decoration:inherit;text-transform:inherit}.rmd-typography--headline-5{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.5rem;line-height:2rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit}.rmd-typography--headline-6{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.0125em;text-decoration:inherit;text-transform:inherit}.rmd-typography--subtitle-1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.009375em;text-decoration:inherit;text-transform:inherit}.rmd-typography--subtitle-2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.375rem;font-weight:500;letter-spacing:.0071428571em;text-decoration:inherit;text-transform:inherit}.rmd-typography--body-1{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit}.rmd-typography--body-2{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit}.rmd-typography--caption{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:1.25rem;font-weight:400;letter-spacing:.0333333333em;text-decoration:inherit;text-transform:inherit}.rmd-typography--button{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:2.25rem;font-weight:500;letter-spacing:.0892857143em;text-decoration:none;text-transform:uppercase}.rmd-typography--overline{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:2rem;font-weight:500;letter-spacing:.1666666667em;text-decoration:none;text-transform:uppercase}.rmd-typography--light{font-weight:300}.rmd-typography--regular{font-weight:400}.rmd-typography--medium{font-weight:500}.rmd-typography--bold{font-weight:700}.rmd-typography--normal{font-style:normal}.rmd-typography--italic{font-style:italic}.rmd-typography--oblique{font-style:oblique}.rmd-typography--secondary{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-typography--hint{color:var(--rmd-theme-text-hint-on-background, #a8a8a8)}.rmd-typography--theme-primary{color:var(--rmd-theme-primary, #9c27b0)}.rmd-typography--theme-secondary{color:var(--rmd-theme-secondary, #f50057)}.rmd-typography--theme-warning{color:var(--rmd-theme-warning, #ff6e40)}.rmd-typography--theme-error{color:var(--rmd-theme-error, #f44336)}.rmd-typography--left{text-align:left}.rmd-typography--center{text-align:center}.rmd-typography--right{text-align:right}.rmd-typography--underline{text-decoration:underline}.rmd-typography--overlineoverline-decoration{text-decoration:overline}.rmd-typography--line-through{text-decoration:line-through}.rmd-typography--capitalize{text-transform:capitalize}.rmd-typography--uppercase{text-transform:uppercase}.rmd-typography--lowercase{text-transform:lowercase}.rmd-typography--no-margin{margin:0}.rmd-typography--no-margin-top{margin-top:0}.rmd-typography--no-margin-bottom{margin-bottom:0}.rmd-text-container{max-width:var(--rmd-typography-line-width, 40em);display:block;margin-left:auto;margin-right:auto;width:100%}@media(max-width: 37.5rem){.rmd-text-container--auto{--rmd-typography-line-width:var(--rmd-typography-mobile-line-width, 17em)}}.rmd-text-container--mobile{--rmd-typography-line-width:var(--rmd-typography-mobile-line-width, 17em)}.rmd-text-container--desktop{--rmd-typography-line-width:var(--rmd-typography-desktop-line-width, 40em)}.rmd-sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.rmd-sr-only--focusable:active,.rmd-sr-only--focusable:focus{clip:auto;clip-path:none;height:auto;margin:auto;overflow:visible;white-space:normal;width:auto}.rmd-collapse{transition-property:max-height,padding-bottom,padding-top;will-change:max-height,padding-bottom,padding-top}.rmd-collapse--no-overflow{overflow:hidden}.rmd-collapse--enter{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.rmd-collapse--leave{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.rmd-cross-fade{opacity:0;transform:translateY(-1rem)}.rmd-cross-fade--active{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);opacity:1;transform:translateY(0);transition-duration:.3s;transition-property:opacity,transform}.rmd-transition--scale-enter{opacity:0;transform:scale(0)}.rmd-transition--scale-enter-active{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);opacity:1;transform:scale(1);transition:transform .2s,opacity .2s}.rmd-transition--scale-exit{opacity:1;transform:scale(1)}.rmd-transition--scale-exit-active{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:0;transform:scale(0);transition:transform .15s,opacity .15s}.rmd-transition--scale-y-enter{opacity:0;transform:scaleY(0);transform-origin:0 0}.rmd-transition--scale-y-enter-active{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);opacity:1;transform:scaleY(1);transition:transform .2s,opacity .2s}.rmd-transition--scale-y-exit{opacity:1;transform:scaleY(1);transform-origin:0 0}.rmd-transition--scale-y-exit-active{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:0;transform:scaleY(0);transition:transform .15s,opacity .15s}:root{--rmd-states-focus-shadow:inset 0 0 0 .125rem #2196f3;--rmd-states-pressed-color:rgba(0,0,0,.32);--rmd-states-ripple-background-color:rgba(0,0,0,.08);--rmd-states-light-hover-color:rgba(0,0,0,.08);--rmd-states-light-focus-color:rgba(0,0,0,.24);--rmd-states-light-pressed-color:rgba(0,0,0,.32);--rmd-states-light-selected-color:rgba(0,0,0,.16);--rmd-states-light-ripple-background-color:rgba(0,0,0,.08);--rmd-states-dark-hover-color:rgba(0,0,0,.04);--rmd-states-dark-focus-color:rgba(0,0,0,.12);--rmd-states-dark-pressed-color:rgba(0,0,0,.16);--rmd-states-dark-selected-color:rgba(0,0,0,.12);--rmd-states-dark-ripple-background-color:rgba(0,0,0,.08)}.rmd-ripple-container{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.rmd-ripple{background-color:var(--rmd-states-ripple-background-color, rgba(0, 0, 0, 0.08));border-radius:50%;position:absolute;transform:scale(0)}.rmd-ripple--animating{transition:transform .45s cubic-bezier(0, 0, 0.2, 1),opacity .3s cubic-bezier(0.4, 0, 1, 1)}.rmd-ripple--scaling{transform:scale(1)}.rmd-ripple--fading{opacity:0}:root{--rmd-tooltip-background-color:#616161;--rmd-tooltip-color:var(--rmd-theme-text-primary-on-dark, #d9d9d9);--rmd-tooltip-transition-distance:.5rem;--rmd-tooltip-z-index:50;--rmd-tooltip-spacing:1.5rem;--rmd-tooltip-min-height:2rem;--rmd-tooltip-max-width:15rem;--rmd-tooltip-font-size:1rem;--rmd-tooltip-line-height:1.5rem;--rmd-tooltip-horizontal-padding:1rem;--rmd-tooltip-vertical-padding:.5625rem;--rmd-tooltip-dense-spacing:.875rem;--rmd-tooltip-dense-min-height:1.375rem;--rmd-tooltip-dense-font-size:.625rem;--rmd-tooltip-dense-line-height:.825rem;--rmd-tooltip-dense-horizontal-padding:.5rem;--rmd-tooltip-dense-vertical-padding:.375rem}.rmd-tooltip{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:.0357142857em;background-color:var(--rmd-tooltip-background-color, #616161);color:var(--rmd-tooltip-color, var(--rmd-theme-text-primary-on-dark, #d9d9d9));font-size:var(--rmd-tooltip-font-size, 1rem);line-height:var(--rmd-tooltip-line-height, 1.5rem);min-height:var(--rmd-tooltip-min-height, 2rem);max-width:var(--rmd-tooltip-max-width, 15rem);padding-left:var(--rmd-tooltip-horizontal-padding, 1rem);padding-right:var(--rmd-tooltip-horizontal-padding, 1rem);z-index:var(--rmd-tooltip-z-index, 50);align-items:center;border-radius:.25rem;display:flex;opacity:0;pointer-events:none;position:fixed;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.rmd-tooltip--line-wrap{padding-bottom:var(--rmd-tooltip-vertical-padding, 0.5625rem);padding-top:var(--rmd-tooltip-vertical-padding, 0.5625rem);white-space:normal}.rmd-tooltip--dense{--rmd-tooltip-font-size:var(--rmd-tooltip-dense-font-size, 0.625rem);--rmd-tooltip-line-height:var(--rmd-tooltip-dense-line-height, 0.825rem);--rmd-tooltip-min-height:var(--rmd-tooltip-dense-min-height, 1.375rem);--rmd-tooltip-horizontal-padding:var(--rmd-tooltip-dense-horizontal-padding, 0.5rem);--rmd-tooltip-vertical-padding:var(--rmd-tooltip-dense-vertical-padding, 0.375rem);--rmd-tooltip-spacing:var(--rmd-tooltip-dense-spacing, 0.875rem)}.rmd-tooltip--above{transform:translateY(calc(-1 * var(--rmd-tooltip-transition-distance, 0.5rem)))}.rmd-tooltip--below{transform:translateY(var(--rmd-tooltip-transition-distance, 0.5rem))}.rmd-tooltip--left{transform:translateX(calc(-1 * var(--rmd-tooltip-transition-distance, 0.5rem)))}.rmd-tooltip--right{transform:translateX(var(--rmd-tooltip-transition-distance, 0.5rem))}.rmd-tooltip--visible{opacity:1;transform:none}.rmd-tooltip--enter{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition:opacity .15s,transform .3s}.rmd-tooltip--exit{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-duration:.15s}.rmd-tooltip--exit-active{opacity:0}:root{--rmd-divider-background-color:rgba(0,0,0,.12);--rmd-divider-background-color-on-light:rgba(0,0,0,.12);--rmd-divider-background-color-on-dark:rgba(255,255,255,.12);--rmd-divider-size:1px;--rmd-divider-inset:4rem;--rmd-divider-spacing:.25rem auto;--rmd-divider-vertical-spacing:auto .25rem;--rmd-divider-max-size:100%}.rmd-divider{border-color:var(--rmd-divider-background-color, rgba(0, 0, 0, 0.12));border-width:var(--rmd-divider-size, 1px);margin:var(--rmd-divider-spacing, 0.25rem auto);width:var(--rmd-divider-max-size, 100%);display:block;flex-shrink:0}.rmd-divider--vertical{border-left-width:var(--rmd-divider-size, 1px);border-left-color:var(--rmd-divider-background-color, rgba(0, 0, 0, 0.12));height:var(--rmd-divider-max-size, 100%);margin:var(--rmd-divider-vertical-spacing, auto 0.25rem);width:var(--rmd-divider-size, 1px);border-bottom-style:none;border-left-style:inset;display:inline-block}.rmd-divider--inset{margin-left:var(--rmd-divider-inset, 4rem);width:calc(
      var(--rmd-divider-max-size, 100%) - var(--rmd-divider-inset, 4rem)
    )}[dir=rtl] .rmd-divider--inset{margin-right:var(--rmd-divider-inset, 4rem);margin-left:auto}:root{--rmd-icon-color:var(--rmd-theme-text-icon-on-background, #757575);--rmd-icon-size:1.5rem;--rmd-icon-dense-size:1.25rem;--rmd-icon-text-spacing:.5rem;--rmd-icon-rotate-to:rotate(180deg);--rmd-icon-rotate-from:rotate(0deg)}.rmd-icon{flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rmd-icon--forced-font{font-size:var(--rmd-icon-size, 1.5rem) !important}.rmd-icon--forced-size{height:var(--rmd-icon-size, 1.5rem) !important;width:var(--rmd-icon-size, 1.5rem) !important}.rmd-icon--dense{--rmd-icon-size:var(--rmd-icon-dense-size, 1.25rem)}.rmd-icon--font{color:var(--rmd-icon-color, var(--rmd-theme-text-icon-on-background, #757575));font-size:var(--rmd-icon-size, 1.5rem);text-align:center}.rmd-icon--svg{fill:var(--rmd-icon-color, var(--rmd-theme-text-icon-on-background, #757575));height:var(--rmd-icon-size, 1.5rem);width:var(--rmd-icon-size, 1.5rem)}.rmd-icon--svg *{pointer-events:none}.rmd-icon--before{margin-right:var(--rmd-icon-text-spacing, 0.5rem)}[dir=rtl] .rmd-icon--before{margin-right:0;margin-left:var(--rmd-icon-text-spacing, 0.5rem)}.rmd-icon--after{margin-left:var(--rmd-icon-text-spacing, 0.5rem)}[dir=rtl] .rmd-icon--after{margin-left:0;margin-right:var(--rmd-icon-text-spacing, 0.5rem)}.rmd-icon--above{margin-bottom:var(--rmd-icon-text-spacing, 0.5rem)}.rmd-icon--below{margin-top:var(--rmd-icon-text-spacing, 0.5rem)}.rmd-text-icon-spacing{align-items:center;display:inline-flex}.rmd-icon-rotator{transform:var(--rmd-icon-rotate-from, rotate(0deg))}.rmd-icon-rotator--animate{transition:transform .15s linear}.rmd-icon-rotator--rotated{transform:var(--rmd-icon-rotate-to, rotate(180deg))}:root{--rmd-avatar-background-color:#616161;--rmd-avatar-border-color:rgba(0,0,0,.12);--rmd-avatar-border-radius:50%;--rmd-avatar-color:#f5f5f5;--rmd-avatar-font-size:1.5rem;--rmd-avatar-size:2.5rem}.rmd-avatar{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--rmd-icon-color:currentColor;border-radius:var(--rmd-avatar-border-radius, 50%);font-size:var(--rmd-avatar-font-size, 1.5rem);height:var(--rmd-avatar-size, 2.5rem);width:var(--rmd-avatar-size, 2.5rem);border-color:var(--rmd-avatar-border-color, rgba(0, 0, 0, 0.12));background-color:var(--rmd-avatar-background-color, #616161);color:var(--rmd-avatar-color, #f5f5f5);align-items:center;border:1px solid;display:inline-flex;flex-shrink:0;justify-content:center;line-height:1.75rem;overflow:hidden}.rmd-avatar__image{height:100%;width:auto}.rmd-avatar--red{--rmd-avatar-background-color:#d50000;--rmd-avatar-color:#ffebee}.rmd-avatar--pink{--rmd-avatar-background-color:#d81b60;--rmd-avatar-color:#fff}.rmd-avatar--purple{--rmd-avatar-background-color:#7b1fa2;--rmd-avatar-color:#e1bee7}.rmd-avatar--deep-purple{--rmd-avatar-background-color:#311b92;--rmd-avatar-color:#d1c4e9}.rmd-avatar--indigo{--rmd-avatar-background-color:#3949ab;--rmd-avatar-color:#c5cae9}.rmd-avatar--blue{--rmd-avatar-background-color:#2962ff;--rmd-avatar-color:#fff}.rmd-avatar--light-blue{--rmd-avatar-background-color:#4fc3f7;--rmd-avatar-color:#311b92}.rmd-avatar--cyan{--rmd-avatar-background-color:#26c6da;--rmd-avatar-color:#004d40}.rmd-avatar--teal{--rmd-avatar-background-color:#1de9b6;--rmd-avatar-color:#004d40}.rmd-avatar--green{--rmd-avatar-background-color:#2e7d32;--rmd-avatar-color:#e8f5e9}.rmd-avatar--light-green{--rmd-avatar-background-color:#aed581;--rmd-avatar-color:#1b5e20}.rmd-avatar--lime{--rmd-avatar-background-color:#d4e157;--rmd-avatar-color:#00695c}.rmd-avatar--yellow{--rmd-avatar-background-color:#ff0;--rmd-avatar-color:#795548}.rmd-avatar--amber{--rmd-avatar-background-color:#ffca28;--rmd-avatar-color:#4e342e}.rmd-avatar--orange{--rmd-avatar-background-color:#fb8c00;--rmd-avatar-color:#212121}.rmd-avatar--deep-orange{--rmd-avatar-background-color:#ff3d00;--rmd-avatar-color:#212121}.rmd-avatar--brown{--rmd-avatar-background-color:#795548;--rmd-avatar-color:#efebe9}.rmd-avatar--grey{--rmd-avatar-background-color:#616161;--rmd-avatar-color:#f5f5f5}.rmd-avatar--blue-grey{--rmd-avatar-background-color:#455a64;--rmd-avatar-color:#eceff1}.rmd-media-container{display:inline-block;position:relative}.rmd-media-container--auto img{height:auto;width:100%}.rmd-media-container--aspect-ratio img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.rmd-media-container--auto>svg{height:auto;width:100%}.rmd-media-container--aspect-ratio>svg{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.rmd-media-container--auto iframe{height:auto;width:100%}.rmd-media-container--aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.rmd-media-container--auto video{height:auto;width:100%}.rmd-media-container--aspect-ratio video{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.rmd-media-container--auto embed{height:auto;width:100%}.rmd-media-container--aspect-ratio embed{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.rmd-media-container--auto object{height:auto;width:100%}.rmd-media-container--aspect-ratio object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.rmd-media-container--aspect-ratio{display:block;height:0;overflow:hidden;padding:0}.rmd-media-container--16-9{padding-bottom:56.25%}.rmd-media-container--4-3{padding-bottom:75%}.rmd-media-container--1-1{padding-bottom:100%}.rmd-media-container--full-width{display:block;width:100%}.rmd-media{height:auto;width:100%}.rmd-media-overlay{--rmd-theme-text-secondary-on-background:var(--rmd-theme-text-secondary-on-dark, #b3b3b3);--rmd-theme-background:rgba(0,0,0,.54);--rmd-theme-text-primary-on-background:var(--rmd-theme-text-primary-on-dark, #d9d9d9);background-color:var(--rmd-theme-background, #fafafa);color:var(--rmd-theme-text-primary-on-background, #212121);padding:1rem;position:absolute;z-index:1}.rmd-media-overlay--top{left:0;right:0;top:0}.rmd-media-overlay--right{bottom:0;top:0;width:30%;right:0}.rmd-media-overlay--bottom{left:0;right:0;bottom:0}.rmd-media-overlay--left{bottom:0;top:0;width:30%;left:0}.rmd-media-overlay--middle{left:0;right:0;top:50%;transform:translateY(-50%)}.rmd-media-overlay--center{bottom:0;top:0;width:30%;left:50%;transform:translateX(-50%)}.rmd-media-overlay--absolute-center{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}:root{--rmd-link-color:#2196f3;--rmd-link-hover-color:#42a5f5;--rmd-link-visited-color:#1e88e5}.rmd-link{color:var(--rmd-link-color, #2196f3);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:color .15s}.rmd-utils--keyboard .rmd-link:focus{outline:.125rem solid #2196f3}.rmd-link--flex-centered{align-items:center;display:inline-flex}.rmd-link:visited{color:var(--rmd-link-visited-color, #1e88e5)}.rmd-link:hover{color:var(--rmd-link-hover-color, #42a5f5)}.rmd-link-skip{font-size:1.25rem;font-weight:500;letter-spacing:.0125em;border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:10000}.rmd-link-skip:active,.rmd-link-skip:focus{clip:auto;clip-path:none;height:auto;margin:auto;overflow:visible;white-space:normal;width:auto}.rmd-link-skip:focus{outline-style:none}.rmd-link-skip::-moz-focus-inner{border:0}.rmd-link-skip--styled{color:var(--rmd-theme-on-primary, #fff);left:50%;padding:0.25rem 1rem;top:0.25rem;transform:translateX(-50%)}.rmd-utils--keyboard .rmd-link-skip--styled:focus,.rmd-utils--keyboard .rmd-link-skip--styled:active{outline:0.25rem dashed #000}:root{--rmd-overlay-background-color:rgba(0,0,0,.4);--rmd-overlay-active-opacity:1;--rmd-overlay-z-index:30}.rmd-overlay{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--rmd-overlay-background-color, rgba(0, 0, 0, 0.4));z-index:var(--rmd-overlay-z-index, 30);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:fixed;right:0;top:0;opacity:0;pointer-events:none;transition:opacity .15s}.rmd-overlay:focus{outline-style:none}.rmd-overlay::-moz-focus-inner{border:0}.rmd-overlay--active{opacity:var(--rmd-overlay-active-opacity, 1)}.rmd-overlay--clickable{cursor:pointer}.rmd-overlay--visible{pointer-events:auto}:root{--rmd-progress-color:#9c27b0;--rmd-progress-background-color:#ba68c8;--rmd-progress-linear-size:.25rem;--rmd-progress-circular-size:3rem;--rmd-progress-circular-width:6}.rmd-linear-progress{background-color:var(--rmd-progress-background-color, #ba68c8);height:var(--rmd-progress-linear-size, 0.25rem);display:block;overflow:hidden;position:relative;width:100%}.rmd-linear-progress--vertical{width:var(--rmd-progress-linear-size, 0.25rem);display:inline-block;height:auto}.rmd-linear-progress__bar--horizontal{left:0}[dir=rtl] .rmd-linear-progress__bar--horizontal{left:auto;right:0}.rmd-linear-progress__bar--horizontal-reverse{left:auto;right:0}[dir=rtl] .rmd-linear-progress__bar--horizontal-reverse{right:auto;left:0}.rmd-linear-progress__bar--vertical{bottom:0;left:0;right:0}.rmd-linear-progress__bar--vertical-reverse{bottom:auto;top:0}.rmd-linear-progress__bar--determinate{background-color:var(--rmd-progress-color, #9c27b0);height:var(--rmd-progress-linear-size, 0.25rem);position:absolute;z-index:0}.rmd-linear-progress__bar--animate{transition-timing-function:cubic-bezier(0.4, 0, 0.6, 1);transition:width .15s,height .15s}.rmd-linear-progress__bar--indeterminate::before,.rmd-linear-progress__bar--indeterminate::after{background-color:var(--rmd-progress-color, #9c27b0);height:var(--rmd-progress-linear-size, 0.25rem);position:absolute;z-index:0;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);left:0;right:100%;animation-duration:2.4s;animation-iteration-count:infinite;content:"";will-change:left,right}[dir=rtl] .rmd-linear-progress__bar--indeterminate::before,[dir=rtl] .rmd-linear-progress__bar--indeterminate::after{right:0;left:100%}.rmd-linear-progress__bar--indeterminate::before{animation-name:rmd-progress-bar}.rmd-linear-progress__bar--indeterminate::after{animation-delay:.75s;animation-name:rmd-progress-bar-short}.rmd-linear-progress__bar--indeterminate-reverse::before{animation-name:rmd-progress-bar-reverse}.rmd-linear-progress__bar--indeterminate-reverse::after{animation-name:rmd-progress-bar-reverse-short}.rmd-linear-progress__bar--indeterminate-vertical::before,.rmd-linear-progress__bar--indeterminate-vertical::after{width:var(--rmd-progress-linear-size, 0.25rem);height:auto;left:0;right:0}.rmd-linear-progress__bar--indeterminate-vertical::before{animation-name:rmd-progress-bar-vertical}.rmd-linear-progress__bar--indeterminate-vertical::after{animation-name:rmd-progress-bar-vertical-short}.rmd-linear-progress__bar--indeterminate-vertical-reverse::before{animation-name:rmd-progress-bar-vertical-reverse}.rmd-linear-progress__bar--indeterminate-vertical-reverse::after{animation-name:rmd-progress-bar-vertical-reverse-short}@keyframes rmd-progress-bar{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes rmd-progress-bar-short{0%{left:-200%;right:100%}40%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes rmd-progress-bar-reverse{0%{left:100%;right:-35%}60%{left:-90%;right:100%}100%{left:-90%;right:100%}}@keyframes rmd-progress-bar-reverse-short{0%{left:100%;right:-200%}40%{left:-8%;right:107%}100%{left:-8%;right:107%}}@keyframes rmd-progress-bar-vertical{0%{bottom:-35%;top:100%}60%{bottom:100%;top:-90%}100%{bottom:100%;top:-90%}}@keyframes rmd-progress-bar-vertical-short{0%{bottom:-200%;top:100%}40%{bottom:107%;top:-8%}100%{bottom:107%;top:-8%}}@keyframes rmd-progress-bar-vertical-reverse{0%{bottom:100%;top:-35%}60%{bottom:-90%;top:100%}100%{bottom:-90%;top:100%}}@keyframes rmd-progress-bar-vertical-reverse-short{0%{bottom:100%;top:-200%}40%{bottom:-8%;top:107%}100%{bottom:-8%;top:107%}}.rmd-circular-progress{height:var(--rmd-progress-circular-size, 3rem);width:var(--rmd-progress-circular-size, 3rem);align-items:center;border-radius:50%;display:inline-flex;justify-content:center;overflow:hidden}.rmd-circular-progress--centered{display:flex;margin-left:auto;margin-right:auto}.rmd-circular-progress--small{--rmd-progress-circular-size:1.5rem}.rmd-circular-progress__svg{height:inherit;width:inherit}.rmd-circular-progress__svg--animate{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition:transform .1s}.rmd-circular-progress__svg--indeterminate{animation:rmd-progress-rotate 2.4s linear infinite}.rmd-circular-progress__circle{stroke:var(--rmd-progress-color, #9c27b0);stroke-width:var(--rmd-progress-circular-width, 6);fill:none;stroke-dasharray:187;stroke-linecap:round}.rmd-circular-progress__circle--animate{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition:stroke-dashoffset .1s}.rmd-circular-progress__circle--indeterminate{animation:rmd-circular-progress-size 2.4s ease-in-out infinite}@keyframes rmd-progress-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(135deg)}75%{transform:rotate(450deg)}100%{transform:rotate(720deg)}}@keyframes rmd-circular-progress-size{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75}100%{stroke-dashoffset:187}}:root{--rmd-button-text-border-radius:.5rem;--rmd-button-text-horizontal-padding:1rem;--rmd-button-text-vertical-padding:0;--rmd-button-text-height:2.25rem;--rmd-button-text-min-width:4rem;--rmd-button-icon-border-radius:50%;--rmd-button-icon-size:3rem;--rmd-button-background-color:rgba(0,0,0,0);--rmd-button-color:var(--rmd-theme-text-primary-on-background, #212121);--rmd-button-outline:#999;--rmd-button-outline-width:1px}.rmd-button{--rmd-icon-color:currentColor;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--rmd-button-background-color, transparent);color:var(--rmd-button-color, var(--rmd-theme-text-primary-on-background, #212121));align-items:center;border-width:0;display:inline-flex;justify-content:center;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);--rmd-progress-circular-size:var(--rmd-icon-size, 1.5rem)}.rmd-button:focus{outline-style:none}.rmd-button::-moz-focus-inner{border:0}.rmd-button:focus{outline-style:none}.rmd-button::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-button:focus::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-button::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-button:disabled,.rmd-button[aria-disabled=true]{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-button:not(:disabled):not([aria-disabled=true]):hover{cursor:pointer}.rmd-button:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--keyboard .rmd-button:focus{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-button:focus:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-button:focus,.rmd-utils--touch .rmd-button:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-buttonfalse .rmd-button{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-utils--keyboard .rmd-buttonfalse .rmd-button{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-button--text{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:2.25rem;font-weight:500;letter-spacing:.0892857143em;text-decoration:none;text-transform:uppercase;--rmd-icon-size:1.125rem;border-radius:var(--rmd-button-text-border-radius, 0.5rem);min-height:var(--rmd-button-text-height, 2.25rem);min-width:var(--rmd-button-text-min-width, 4rem);padding:var(--rmd-button-text-vertical-padding, 0) var(--rmd-button-text-horizontal-padding, 1rem)}.rmd-button--icon{border-radius:var(--rmd-button-icon-border-radius, 50%);height:var(--rmd-button-icon-size, 3rem);width:var(--rmd-button-icon-size, 3rem);padding:0}.rmd-button--outline{box-shadow:inset 0 0 0 var(--rmd-button-outline-width, 1px) var(--rmd-button-outline, #999)}.rmd-button--contained{--rmd-button-background-color:var(--rmd-theme-surface, #fff);box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);position:relative;--rmd-states-background-color:rgba(0,0,0,0)}.rmd-button--contained::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);opacity:0;transition:opacity .15s}.rmd-button--contained.rmd-states--pressed::after{opacity:1}.rmd-button--disabled{--rmd-button-color:var(--rmd-theme-text-disabled-on-background, #9e9e9e);--rmd-button-outline:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-button--primary{--rmd-button-background-color:var(--rmd-theme-primary, #9c27b0);--rmd-button-color:var(--rmd-theme-on-primary, #fff)}.rmd-button--text-primary{--rmd-button-color:var(--rmd-theme-primary, #9c27b0);--rmd-button-outline:var(--rmd-theme-primary, #9c27b0)}.rmd-button--secondary{--rmd-button-background-color:var(--rmd-theme-secondary, #f50057);--rmd-button-color:var(--rmd-theme-on-secondary, #000)}.rmd-button--text-secondary{--rmd-button-color:var(--rmd-theme-secondary, #f50057);--rmd-button-outline:var(--rmd-theme-secondary, #f50057)}.rmd-button--warning{--rmd-button-background-color:var(--rmd-theme-warning, #ff6e40);--rmd-button-color:var(--rmd-theme-on-warning, #000)}.rmd-button--text-warning{--rmd-button-color:var(--rmd-theme-warning, #ff6e40);--rmd-button-outline:var(--rmd-theme-warning, #ff6e40)}.rmd-button--error{--rmd-button-background-color:var(--rmd-theme-error, #f44336);--rmd-button-color:var(--rmd-theme-on-error, #000)}.rmd-button--text-error{--rmd-button-color:var(--rmd-theme-error, #f44336);--rmd-button-outline:var(--rmd-theme-error, #f44336)}.rmd-button-unstyled{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border-width:0;display:inline-flex;position:relative}.rmd-button-unstyled:focus{outline-style:none}.rmd-button-unstyled::-moz-focus-inner{border:0}.rmd-button-unstyled::before{bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0}.rmd-utils--keyboard .rmd-button-unstyled:focus::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-button-unstyled:not(:disabled):hover{cursor:pointer}.rmd-fab{position:fixed;z-index:30}.rmd-fab--tl{left:1.5rem;top:1.5rem}[dir=rtl] .rmd-fab--tl{left:auto;right:1.5rem}.rmd-fab--tr{right:1.5rem;top:1.5rem}[dir=rtl] .rmd-fab--tr{right:auto;left:1.5rem}.rmd-fab--bl{bottom:1.5rem;left:1.5rem}[dir=rtl] .rmd-fab--bl{left:auto;right:1.5rem}.rmd-fab--br{bottom:1.5rem;right:1.5rem}[dir=rtl] .rmd-fab--br{right:auto;left:1.5rem}:root{--rmd-badge-background-color:rgba(0,0,0,.2);--rmd-badge-color:#fff;--rmd-badge-border-radius:50%;--rmd-badge-font-size:.625rem;--rmd-badge-size:1.5rem;--rmd-badge-top:0;--rmd-badge-right:0}.rmd-badge-container{display:inline-flex;position:relative}.rmd-badge{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit;border-radius:var(--rmd-badge-border-radius, 50%);height:var(--rmd-badge-size, 1.5rem);width:var(--rmd-badge-size, 1.5rem);font-size:var(--rmd-badge-font-size, 0.625rem);right:var(--rmd-badge-right, 0);top:var(--rmd-badge-top, 0);align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute}[dir=rtl] .rmd-badge{left:var(--rmd-badge-right, 0);right:auto}.rmd-badge--primary{background-color:var(--rmd-theme-primary, #9c27b0);color:var(--rmd-theme-on-primary, #fff)}.rmd-badge--secondary{background-color:var(--rmd-theme-secondary, #f50057);color:var(--rmd-theme-on-secondary, #000)}.rmd-badge--default{background-color:var(--rmd-badge-background-color, rgba(0, 0, 0, 0.2));color:var(--rmd-badge-color, #fff)}:root{--rmd-chip-height:2rem;--rmd-chip-border-radius:1rem;--rmd-chip-themed-background-color:#ba68c8;--rmd-chip-themed-color:#fff;--rmd-chip-solid-background-color:#e0e0e0;--rmd-chip-solid-color:#000;--rmd-chip-solid-disabled:#f5f5f5;--rmd-chip-outline-background-color:#fff;--rmd-chip-outline-color:#000;--rmd-chip-outline-border-color:#e0e0e0;--rmd-chip-small-spacing:.25rem;--rmd-chip-medium-spacing:.5rem;--rmd-chip-large-spacing:.75rem}.rmd-chip{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;height:var(--rmd-chip-height, 2rem);border-radius:var(--rmd-chip-border-radius, 1rem);padding-left:var(--rmd-chip-large-spacing, 0.75rem);padding-right:var(--rmd-chip-large-spacing, 0.75rem);--rmd-icon-size:1.125rem;--rmd-avatar-size:1.5rem;--rmd-progress-circular-size:1.125rem;--rmd-progress-circular-width:12;align-items:center;border-width:0;display:inline-flex;flex-shrink:0;max-width:100%;position:relative}.rmd-chip:focus{outline-style:none}.rmd-chip::-moz-focus-inner{border:0}.rmd-chip:focus{outline-style:none}.rmd-chip::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-chip:focus::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-chip::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-chip:disabled,.rmd-chip[aria-disabled=true]{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-chip:not(:disabled):not([aria-disabled=true]):hover{cursor:pointer}.rmd-chip:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-chip:focus,.rmd-utils--touch .rmd-chip:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-chipfalse .rmd-chip{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-utils--keyboard .rmd-chipfalse .rmd-chip{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-chip--selected{--rmd-states-background-color:var(--rmd-states-selected-color, rgba(0, 0, 0, 0.16))}.rmd-utils--touch .rmd-chip--selected:hover,.rmd-utils--touch .rmd-chip--selected:focus{--rmd-states-background-color:var(--rmd-states-selected-color, rgba(0, 0, 0, 0.16))}.rmd-chip--noninteractable{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-chip--noninteractable:hover{cursor:initial !important}.rmd-chip--solid{box-shadow:none;position:relative;background-color:var(--rmd-chip-solid-background-color, #e0e0e0);color:var(--rmd-chip-solid-color, #000)}.rmd-chip--solid::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);opacity:0;transition:opacity .15s}.rmd-chip--solid.rmd-states--pressed::after{opacity:1}.rmd-chip--outline{box-shadow:none;position:relative;background-color:var(--rmd-chip-outline-background-color, #fff);color:var(--rmd-chip-outline-color, #000);box-shadow:inset 0 0 0 1px var(--rmd-chip-outline-border-color, #e0e0e0)}.rmd-chip--outline::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);opacity:0;transition:opacity .15s}.rmd-chip--outline.rmd-states--pressed::after{opacity:1}.rmd-chip--themed{background-color:var(--rmd-chip-themed-background-color, #ba68c8);color:var(--rmd-chip-themed-color, #fff);--rmd-icon-color:currentColor}.rmd-chip--disabled{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e);--rmd-icon-color:currentColor}.rmd-chip--solid-disabled{background-color:var(--rmd-chip-solid-disabled, #f5f5f5)}.rmd-chip--leading-icon{padding-left:var(--rmd-chip-small-spacing, 0.25rem)}[dir=rtl] .rmd-chip--leading-icon{padding-left:var(--rmd-chip-large-spacing, 0.75rem);padding-right:var(--rmd-chip-small-spacing, 0.25rem)}.rmd-chip--trailing-icon{padding-right:var(--rmd-chip-medium-spacing, 0.5rem)}[dir=rtl] .rmd-chip--trailing-icon{padding-left:var(--rmd-chip-medium-spacing, 0.5rem);padding-right:var(--rmd-chip-large-spacing, 0.75rem)}.rmd-chip--surrounded{padding-left:var(--rmd-chip-small-spacing, 0.25rem);padding-right:var(--rmd-chip-medium-spacing, 0.5rem)}[dir=rtl] .rmd-chip--surrounded{padding-left:var(--rmd-chip-medium-spacing, 0.5rem);padding-right:var(--rmd-chip-small-spacing, 0.25rem)}.rmd-chip__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.rmd-chip__selected-icon{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);max-width:0;transition:max-width .15s}.rmd-chip__selected-icon--visible{max-width:var(--rmd-icon-size, 1.5rem)}:root{--rmd-alert-background-color:#323232;--rmd-alert-color:#fff;--rmd-alert-light-background-color:#323232;--rmd-alert-light-color:#fff;--rmd-alert-dark-background-color:#2c2c2c;--rmd-alert-dark-color:#fff}.rmd-snackbar{display:flex;justify-content:center;left:0;margin:1rem;pointer-events:none;position:fixed;right:0;z-index:40}.rmd-snackbar--top{top:0}.rmd-snackbar--bottom{bottom:0}.rmd-toast{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.375rem;font-weight:500;letter-spacing:.0071428571em;text-decoration:inherit;text-transform:inherit;background-color:var(--rmd-alert-background-color, #323232);color:var(--rmd-alert-color, #fff);align-items:center;border-radius:.25rem;display:flex;min-height:3rem;min-width:21.5rem;padding:0 1rem;pointer-events:auto;transform-origin:center}.rmd-toast--padded{padding-bottom:.75rem;padding-top:.75rem}.rmd-toast--action{padding-right:0}[dir=rtl] .rmd-toast--action{padding-right:1rem;padding-left:0}.rmd-toast--two-lines{min-height:4.25rem}.rmd-toast--stacked{flex-direction:column;padding-bottom:0}.rmd-toast--enter{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);opacity:0;transform:scale(0);transition:opacity .15s,transform .15s}.rmd-toast--enter-active{opacity:1;transform:scale(1)}.rmd-toast--exit{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;transform:scale(1)}.rmd-toast--exit-active{opacity:0;transform:scale(0);transition:opacity .15s,transform .15s}.rmd-toast__message{margin-right:auto;display:inline-flex;flex:1 1 auto;flex-wrap:wrap}[dir=rtl] .rmd-toast__message{margin-right:0;margin-left:auto}.rmd-toast__message--action{padding-right:1rem}[dir=rtl] .rmd-toast__message--action{padding-right:0;padding-left:1rem}.rmd-toast__message p{margin:0;width:100%}.rmd-toast__action{display:inline-flex;flex-shrink:0;margin:0 .5rem}.rmd-toast__action--stacked{align-self:flex-end;margin-bottom:.5rem;margin-top:.25rem}:root{--rmd-app-bar-background-color:rgba(0,0,0,0);--rmd-app-bar-color:var(--rmd-theme-text-primary-on-background, #212121);--rmd-app-bar-primary:var(--rmd-theme-primary, #9c27b0);--rmd-app-bar-on-primary:var(--rmd-theme-on-primary, #fff);--rmd-app-bar-secondary:var(--rmd-theme-secondary, #f50057);--rmd-app-bar-on-secondary:var(--rmd-theme-on-secondary, #000);--rmd-app-bar-default-background-color:#f5f5f5;--rmd-app-bar-default-light-background-color:#f5f5f5;--rmd-app-bar-default-dark-background-color:#212121;--rmd-app-bar-default-color:#000;--rmd-app-bar-default-light-color:#000;--rmd-app-bar-default-dark-color:#fff;--rmd-app-bar-height:3.5rem;--rmd-app-bar-dense-height:3rem;--rmd-app-bar-prominent-height:7rem;--rmd-app-bar-prominent-dense-height:6rem}.rmd-app-bar{background-color:var(--rmd-app-bar-background-color, transparent);color:var(--rmd-app-bar-color, var(--rmd-theme-text-primary-on-background, #212121));align-items:center;display:flex;flex:0 0 auto;width:100%}.rmd-app-bar--fixed{--rmd-theme-surface:var(--rmd-app-bar-background-color, transparent);left:0;position:fixed;right:0;z-index:10}.rmd-app-bar--fixed-elevation{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.rmd-app-bar--top{top:0}.rmd-app-bar--right{right:0}.rmd-app-bar--bottom{bottom:0}.rmd-app-bar--left{left:0}.rmd-app-bar--primary{--rmd-app-bar-background-color:var(--rmd-app-bar-primary, var(--rmd-theme-primary, #9c27b0));--rmd-app-bar-color:var(--rmd-app-bar-on-primary, var(--rmd-theme-on-primary, #fff))}.rmd-app-bar--secondary{--rmd-app-bar-background-color:var(--rmd-app-bar-secondary, var(--rmd-theme-secondary, #f50057));--rmd-app-bar-color:var(--rmd-app-bar-on-secondary, var(--rmd-theme-on-secondary, #000))}.rmd-app-bar--default{--rmd-app-bar-background-color:var(--rmd-app-bar-default-background-color, #f5f5f5);--rmd-app-bar-color:var(--rmd-app-bar-default-color, #000)}.rmd-app-bar--wrap{flex-wrap:wrap}.rmd-app-bar--normal{height:var(--rmd-app-bar-height, 3.5rem)}.rmd-app-bar--dense{height:var(--rmd-app-bar-dense-height, 3rem)}.rmd-app-bar--prominent{height:var(--rmd-app-bar-prominent-height, 7rem)}.rmd-app-bar--prominent-dense{height:var(--rmd-app-bar-prominent-dense-height, 6rem)}.rmd-app-bar__nav{margin-left:0.25rem;margin-right:1.25rem;flex-shrink:0}[dir=rtl] .rmd-app-bar__nav{margin-right:0.25rem;margin-left:1.25rem}.rmd-app-bar__nav--inherit{color:inherit}.rmd-app-bar__title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;line-height:2rem;font-weight:500;letter-spacing:.0125em;text-decoration:inherit;text-transform:inherit;margin-left:1rem;-webkit-tap-highlight-color:rgba(0,0,0,0);margin-bottom:0;margin-top:0}[dir=rtl] .rmd-app-bar__title{margin-left:0;margin-right:1rem}.rmd-app-bar__title:focus{outline-style:none}.rmd-app-bar__title::-moz-focus-inner{border:0}.rmd-app-bar__nav~.rmd-app-bar__title{margin-left:0}[dir=rtl] .rmd-app-bar__nav~.rmd-app-bar__title{margin-left:0;margin-right:0}.rmd-app-bar__title--keyline{margin-left:4.5rem}[dir=rtl] .rmd-app-bar__title--keyline{margin-left:auto;margin-right:4.5rem}.rmd-app-bar__title--no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmd-app-bar__title--inherit{color:inherit}.rmd-app-bar__action{flex-shrink:0}.rmd-app-bar__action--last{margin-right:0.25rem}[dir=rtl] .rmd-app-bar__action--last{margin-right:0;margin-left:0.25rem}.rmd-app-bar__action--first{margin-left:auto}[dir=rtl] .rmd-app-bar__action--first{margin-left:0;margin-right:auto}.rmd-app-bar__action--inherit{color:inherit}.rmd-app-bar-offset{padding-top:var(--rmd-app-bar-height, 3.5rem)}.rmd-app-bar-offset--dense{padding-top:var(--rmd-app-bar-dense-height, 3rem)}.rmd-app-bar-offset--prominent{padding-top:var(--rmd-app-bar-prominent-height, 7rem)}.rmd-app-bar-offset--prominent-dense{padding-top:var(--rmd-app-bar-prominent-dense-height, 6rem)}:root{--rmd-card-background-color:var(--rmd-theme-surface, #fff);--rmd-card-color:var(--rmd-theme-on-surface, #000);--rmd-card-secondary-color:var(--rmd-theme-text-primary-on-light, #212121)}.rmd-card{--rmd-theme-background:var(--rmd-card-background-color, var(--rmd-theme-surface, #fff));--rmd-theme-text-primary-on-background:var(--rmd-card-color, var(--rmd-theme-on-surface, #000));--rmd-theme-text-secondary-on-background:var(--rmd-card-secondary-color, var(--rmd-theme-text-primary-on-light, #212121));background-color:var(--rmd-card-background-color, var(--rmd-theme-surface, #fff));color:var(--rmd-card-color, var(--rmd-theme-on-surface, #000));border-radius:.25rem;display:inline-block}.rmd-utils--mouse .rmd-card--raiseable{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);position:relative}.rmd-utils--mouse .rmd-card--raiseable::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);opacity:0;transition:opacity .15s}.rmd-utils--mouse .rmd-card--raiseable:hover::before{opacity:1}.rmd-card--shadowed{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.rmd-card--bordered{border:1px solid var(--rmd-divider-background-color, rgba(0, 0, 0, 0.12))}.rmd-card--full-width{display:block;width:100%}.rmd-card--no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmd-card__header{--rmd-icon-text-spacing:1rem;display:flex;padding:1rem;padding-top:1.5rem}.rmd-card__header--top{align-items:flex-start}.rmd-card__header--center{align-items:center}.rmd-card__header--bottom{align-items:flex-end}.rmd-card__header-addon{flex-shrink:0}.rmd-card__header-content{flex-grow:1;min-width:0}.rmd-card__title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.5rem;line-height:2rem;font-weight:400;letter-spacing:normal;text-decoration:inherit;text-transform:inherit;margin-bottom:0;margin-top:0}.rmd-card__title--small{line-height:1.75rem;font-size:1rem;letter-spacing:.009375em}.rmd-card__subtitle{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.375rem;font-weight:500;letter-spacing:.0071428571em;text-decoration:inherit;text-transform:inherit;margin-bottom:0;margin-top:0}.rmd-card__subtitle--secondary{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-card__content--secondary{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-card__content--remove-margin p{margin-top:0}.rmd-card__content--remove-margin p:last-child{margin-bottom:0}.rmd-card__content--padded{padding:1rem}.rmd-card__content--extra-padding:last-child{padding-bottom:1.5rem}.rmd-card__actions{align-items:center;display:flex;justify-content:flex-end;padding:.5rem}.rmd-card__actions--start{justify-content:flex-start}.rmd-card__actions--center{justify-content:center}:root{--rmd-expansion-panel-spacing:1rem;--rmd-expansion-panel-padding:1rem;--rmd-expansion-panel-icon-spacing:.5rem}.rmd-expansion-panel--margin-top{margin-top:var(--rmd-expansion-panel-spacing, 1rem)}.rmd-expansion-panel__header{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.009375em;text-decoration:inherit;text-transform:inherit;padding:var(--rmd-expansion-panel-padding, 1rem);align-items:center;color:inherit;width:100%}.rmd-expansion-panel__icon{padding-left:var(--rmd-expansion-panel-icon-spacing, 0.5rem);align-items:center;display:inline-flex;justify-content:center;margin-left:auto}[dir=rtl] .rmd-expansion-panel__icon{padding-right:var(--rmd-expansion-panel-icon-spacing, 0.5rem);margin-left:0;margin-right:auto;padding-left:0}:root{--rmd-list-vertical-padding:.5rem;--rmd-list-horizontal-padding:0;--rmd-list-font-size:1rem;--rmd-list-text-keyline:4.5rem;--rmd-list-item-height:3rem;--rmd-list-item-medium-height:3.5rem;--rmd-list-item-large-height:4rem;--rmd-list-item-extra-large-height:4.5rem;--rmd-list-item-three-line-height:5.5rem;--rmd-list-item-vertical-padding:.5rem;--rmd-list-item-horizontal-padding:1rem;--rmd-list-item-secondary-three-line-height:3rem;--rmd-list-dense-font-size:.8125rem;--rmd-list-dense-vertical-padding:.25rem;--rmd-list-dense-horizontal-padding:0;--rmd-list-dense-item-height:2.5rem;--rmd-list-dense-item-medium-height:3rem;--rmd-list-dense-item-large-height:3.5rem;--rmd-list-dense-item-extra-large-height:4rem;--rmd-list-dense-item-three-line-height:5rem;--rmd-list-dense-item-secondary-three-line-height:2.25rem;--rmd-list-media-size:3.5rem;--rmd-list-media-spacing:1rem;--rmd-list-media-large-size:6.25rem}.rmd-list{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.75rem;font-weight:400;letter-spacing:.009375em;text-decoration:inherit;text-transform:inherit;--rmd-divider-inset:var(--rmd-list-text-keyline, 4.5rem);list-style-type:none;margin:0;font-size:var(--rmd-list-font-size, 1rem);line-height:1.5rem;padding:var(--rmd-list-vertical-padding, 0.5rem) var(--rmd-list-horizontal-padding, 0)}.rmd-list--horizontal{display:flex;flex-wrap:nowrap;padding:var(--rmd-list-horizontal-padding, 0) var(--rmd-list-vertical-padding, 0.5rem)}.rmd-list--dense{--rmd-list-font-size:var(--rmd-list-dense-font-size, 0.8125rem);--rmd-list-vertical-padding:var(--rmd-list-dense-vertical-padding, 0.25rem);--rmd-list-horizontal-padding:var(--rmd-list-dense-horizontal-padding, 0)}.rmd-list-item{min-height:var(--rmd-list-item-height, 3rem);align-items:center;display:flex;padding:var(--rmd-list-item-vertical-padding, 0.5rem) var(--rmd-list-item-horizontal-padding, 1rem);position:relative}.rmd-list-item--clickable{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.rmd-list-item--clickable:focus{outline-style:none}.rmd-list-item--clickable::-moz-focus-inner{border:0}.rmd-list-item--clickable:focus{outline-style:none}.rmd-list-item--clickable::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-list-item--clickable:focus::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-list-item--clickable::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-list-item--clickable:disabled,.rmd-list-item--clickable[aria-disabled=true]{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-list-item--clickable:not(:disabled):not([aria-disabled=true]):hover{cursor:pointer}.rmd-list-item--clickable:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--keyboard .rmd-list-item--clickable:focus{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-list-item--clickable:focus:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-list-item--clickable:focus,.rmd-utils--touch .rmd-list-item--clickable:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-list-item--clickablefalse .rmd-list-item--clickable{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-utils--keyboard .rmd-list-item--clickablefalse .rmd-list-item--clickable{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-list-item--disabled{pointer-events:none}.rmd-list-item--disabled-color{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e);--rmd-theme-text-secondary-on-background:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-list-item--disabled-opacity{opacity:.5}.rmd-list-item--link{color:inherit;text-decoration:none}.rmd-list-item--medium{--rmd-list-item-height:var(--rmd-list-item-medium-height, 3.5rem)}.rmd-list-item--large{--rmd-list-item-height:var(--rmd-list-item-large-height, 4rem)}.rmd-list-item--extra-large{--rmd-list-item-height:var(--rmd-list-item-extra-large-height, 4.5rem)}.rmd-list-item--three-lines{--rmd-list-item-height:var(--rmd-list-item-three-line-height, 5.5rem)}.rmd-list-item--three-lines .rmd-list-item__text--secondary{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:var(--rmd-list-item-secondary-three-line-height, 3rem);line-height:1.42857;white-space:normal}.rmd-list-item--dense{--rmd-list-item-height:var(--rmd-list-dense-item-height, 2.5rem);--rmd-list-item-medium-height:var(--rmd-list-dense-item-medium-height, 3rem);--rmd-list-item-large-height:var(--rmd-list-dense-item-large-height, 3.5rem);--rmd-list-item-extra-large-height:var(--rmd-list-dense-item-extra-large-height, 4rem);--rmd-list-item-three-line-height:var(--rmd-list-dense-item-three-line-height, 5rem);--rmd-list-item-secondary-three-line-height:var(--rmd-list-dense-item-secondary-three-line-height, 2.25rem)}.rmd-list-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex-grow:1;z-index:1}[dir=rtl] .rmd-list-item__text{margin-left:auto}.rmd-list-item__text--secondary{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-list-item__addon{flex-shrink:0}.rmd-list-item__addon--top{align-self:flex-start}.rmd-list-item__addon--bottom{align-self:flex-end}.rmd-list-item__addon--before{--rmd-icon-text-spacing:calc(var(--rmd-list-text-keyline, 4.5rem) - var(--rmd-list-item-horizontal-padding, 1rem) - var(--rmd-icon-size, 1.5rem))}.rmd-list-item__addon--avatar-before{--rmd-icon-text-spacing:calc(var(--rmd-list-text-keyline, 4.5rem) - var(--rmd-list-item-horizontal-padding, 1rem) - var(--rmd-avatar-size, 2.5rem))}.rmd-list-item__addon--media{--rmd-icon-text-spacing:var(--rmd-list-media-spacing, 1rem);width:var(--rmd-list-media-size, 3.5rem)}.rmd-list-item__addon--media-large{--rmd-list-media-size:var(--rmd-list-media-large-size, 6.25rem)}.rmd-list-subheader{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.375rem;font-weight:500;letter-spacing:.0071428571em;text-decoration:inherit;text-transform:inherit;color:var(--rmd-theme-text-secondary-on-background, #757575);min-height:var(--rmd-list-item-height, 3rem);align-items:center;display:flex;padding:var(--rmd-list-item-vertical-padding, 0.5rem) var(--rmd-list-item-horizontal-padding, 1rem);position:relative}.rmd-list-subheader--inset{padding-left:var(--rmd-list-text-keyline, 4.5rem)}[dir=rtl] .rmd-list-subheader--inset{padding-left:var(--rmd-list-item-horizontal-padding, 1rem);padding-right:var(--rmd-list-text-keyline, 4.5rem)}:root{--rmd-dialog-background-color:var(--rmd-theme-surface, #fff);--rmd-dialog-horizontal-margin:2.5rem;--rmd-dialog-vertical-margin:1.5rem;--rmd-dialog-min-width:17.5rem;--rmd-dialog-header-padding:1.5rem;--rmd-dialog-header-padding-bottom:1.25rem;--rmd-dialog-content-padding:1.5rem;--rmd-dialog-footer-padding:.5rem;--rmd-dialog-z-index:30}.rmd-dialog-container{bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--rmd-dialog-z-index, 30);align-items:center;display:flex;justify-content:center;margin:var(--rmd-dialog-vertical-margin, 1.5rem) var(--rmd-dialog-horizontal-margin, 2.5rem);pointer-events:none}.rmd-dialog-overlay{z-index:var(--rmd-dialog-z-index, 30)}.rmd-dialog{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background-color:var(--rmd-dialog-background-color, var(--rmd-theme-surface, #fff));--rmd-theme-background:var(--rmd-dialog-background-color, var(--rmd-theme-surface, #fff));color:var(--rmd-theme-text-primary-on-background, #212121);-webkit-tap-highlight-color:rgba(0,0,0,0);--rmd-app-bar-color:var(--rmd-theme-text-primary-on-background, #212121);display:flex;flex-direction:column;max-height:100%;max-width:100%}.rmd-dialog:focus{outline-style:none}.rmd-dialog::-moz-focus-inner{border:0}.rmd-dialog--centered{min-width:var(--rmd-dialog-min-width, 17.5rem);pointer-events:auto}.rmd-dialog--full-page{bottom:0;left:0;position:fixed;right:0;top:0;overflow:auto;-webkit-overflow-scrolling:touch;z-index:var(--rmd-dialog-z-index, 30)}.rmd-dialog--enter{transform:translateY(1.875rem)}.rmd-dialog--enter-active{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:translateY(0);transition:transform .2s}.rmd-dialog--exit{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;transform:translateY(0);transition:transform .15s,opacity .15s}.rmd-dialog--exit-active{opacity:0;transform:translateY(1.875rem)}.rmd-dialog--fixed{z-index:var(--rmd-dialog-z-index, 30)}.rmd-dialog--fixed-enter{transform:scale(0)}.rmd-dialog--fixed-enter-active{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:scale(1);transition:transform .2s}.rmd-dialog--fixed-exit{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);opacity:1;transform:scale(1);transition:transform .15s,opacity .15s}.rmd-dialog--fixed-exit-active{opacity:0;transform:scale(0)}.rmd-dialog__header{padding:var(--rmd-dialog-header-padding, 1.5rem);padding-bottom:var(--rmd-dialog-header-padding-bottom, 1.25rem);align-items:center;display:flex;flex:0 0 auto}.rmd-dialog__content{overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.rmd-dialog__content--padded{padding:var(--rmd-dialog-content-padding, 1.5rem)}.rmd-dialog__footer{padding:var(--rmd-dialog-footer-padding, 0.5rem);flex:0 0 auto}.rmd-dialog__footer--flex{display:flex}.rmd-dialog__footer--flex-v{flex-direction:column}.rmd-dialog__footer--start{justify-content:flex-start}.rmd-dialog__footer--between{justify-content:space-between}.rmd-dialog__footer--end{justify-content:flex-end}.rmd-dialog__title{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:2.125rem;line-height:2.5rem;font-weight:400;letter-spacing:.0073529412em;text-decoration:inherit;text-transform:inherit;margin:0}:root{--rmd-menu-background-color:var(--rmd-theme-surface, #fff);--rmd-menu-color:var(--rmd-theme-on-surface, #000);--rmd-menu-min-width:7rem;--rmd-menu-icon-spacing:1rem;--rmd-menu-z-index:30}.rmd-menu{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:auto;-webkit-overflow-scrolling:touch;box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--rmd-menu-background-color, var(--rmd-theme-surface, #fff));color:var(--rmd-menu-color, var(--rmd-theme-on-surface, #000));min-width:var(--rmd-menu-min-width, 7rem);z-index:var(--rmd-menu-z-index, 30)}.rmd-menu:focus{outline-style:none}.rmd-menu::-moz-focus-inner{border:0}.rmd-menu--horizontal{display:flex;flex-wrap:nowrap}.rmd-menu-item{--rmd-icon-text-spacing:var(--rmd-menu-icon-spacing, 1rem)}:root{--rmd-sheet-background-color:var(--rmd-dialog-background-color, var(--rmd-theme-surface, #fff));--rmd-sheet-raised-background-color:var(--rmd-dialog-background-color, var(--rmd-theme-surface, #fff));--rmd-sheet-touch-width:calc(100vw - 3.5rem);--rmd-sheet-static-width:16rem;--rmd-sheet-touchable-max-height:calc(
  100% - 3.5rem
)}.rmd-sheet{background-color:var(--rmd-sheet-background-color, var(--rmd-dialog-background-color, var(--rmd-theme-surface, #fff)));box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12);overflow:auto;-webkit-overflow-scrolling:touch;max-height:var(--rmd-sheet-max-height);height:var(--rmd-sheet-height);width:var(--rmd-sheet-width);position:fixed;z-index:5}.rmd-sheet--top{--rmd-sheet-transform-offscreen:translate3d(0, -100%, 0);top:0}.rmd-sheet--right{right:0;--rmd-sheet-transform-offscreen:translate3d(100%, 0, 0)}[dir=rtl] .rmd-sheet--right{right:auto;left:0;--rmd-sheet-transform-offscreen:translate3d(-100%, 0, 0)}.rmd-sheet--bottom{--rmd-sheet-transform-offscreen:translate3d(0, 100%, 0);bottom:0}.rmd-sheet--left{left:0;--rmd-sheet-transform-offscreen:translate3d(-100%, 0, 0)}[dir=rtl] .rmd-sheet--left{left:auto;right:0;--rmd-sheet-transform-offscreen:translate3d(100%, 0, 0)}.rmd-sheet--raised{--rmd-sheet-background-color:var(--rmd-sheet-raised-background-color, var(--rmd-dialog-background-color, var(--rmd-theme-surface, #fff)));box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);z-index:30}.rmd-sheet--horizontal{bottom:0;top:0}.rmd-sheet--touch-width{--rmd-sheet-width:var(--rmd-sheet-touch-width, calc(100vw - 3.5rem))}.rmd-sheet--static-width{--rmd-sheet-width:var(--rmd-sheet-static-width, 16rem)}.rmd-sheet--media-width{--rmd-sheet-width:var(--rmd-sheet-touch-width, calc(100vw - 3.5rem))}@media screen and (min-width: 48em){.rmd-sheet--media-width{--rmd-sheet-width:var(--rmd-sheet-static-width, 16rem)}}.rmd-sheet--vertical{left:0;right:0}.rmd-sheet--viewport-height{--rmd-sheet-max-height:100%}.rmd-sheet--touchable-height{--rmd-sheet-max-height:var(--rmd-sheet-touchable-max-height, calc( 100% - 3.5rem ))}.rmd-sheet--recommended-height{max-height:50%;min-height:3.5rem}.rmd-sheet--offscreen{transform:var(--rmd-sheet-transform-offscreen)}.rmd-sheet--hidden{box-shadow:none}.rmd-sheet--visible{transform:translate3d(0, 0, 0)}.rmd-sheet--enter{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition:transform .2s}.rmd-sheet--exit{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition:transform .2s}.rmd-sheet-overlay{z-index:30}:root{--rmd-tabs-active:#212121;--rmd-tabs-inactive:#757575;--rmd-tabs-disabled:#9e9e9e;--rmd-tabs-indicator-color:var(--rmd-theme-primary, #9c27b0)}.rmd-tabs{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;flex-wrap:nowrap;position:relative;width:100%}.rmd-tabs:focus{outline-style:none}.rmd-tabs::-moz-focus-inner{border:0}.rmd-tabs::-webkit-scrollbar{height:0;width:0}.rmd-tabs::after{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);background-color:var(--rmd-tabs-indicator-color, var(--rmd-theme-primary, #9c27b0));bottom:0;content:"";height:.125rem;left:0;max-width:var(--rmd-tab-width, 5.625rem);pointer-events:none;position:absolute;transform:translateX(var(--rmd-tab-offset, 0));width:100%;z-index:1}.rmd-tabs--animate::after{transition:transform .15s,max-width .15s}.rmd-tabs--left{justify-content:flex-start}.rmd-tabs--center{justify-content:center}.rmd-tabs--right{justify-content:flex-end}.rmd-tabs--padded{padding-left:3.25rem}[dir=rtl] .rmd-tabs--padded{padding-left:0;padding-right:3.25rem}.rmd-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;font-weight:500;letter-spacing:.0892857143em;text-decoration:none;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--rmd-tabs-inactive, #757575);align-items:center;background-color:rgba(0,0,0,0);border-width:0;display:inline-flex;flex-grow:1;flex-shrink:0;height:3rem;justify-content:center;max-width:20rem;min-width:5.625rem;padding:0 1rem;position:relative;transition:color .15s}.rmd-tab:focus{outline-style:none}.rmd-tab::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-tab:focus::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-tab::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-tab:disabled,.rmd-tab[aria-disabled=true]{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-tab:not(:disabled):not([aria-disabled=true]):hover{cursor:pointer}.rmd-tab:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--keyboard .rmd-tab:focus{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-tab:focus:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-tab:focus,.rmd-utils--touch .rmd-tab:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-tabfalse .rmd-tab{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-utils--keyboard .rmd-tabfalse .rmd-tab{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-tab:focus{outline-style:none}.rmd-tab::-moz-focus-inner{border:0}.rmd-tab--stacked{flex-direction:column;height:4.5rem;padding-bottom:.75rem;padding-top:.75rem}.rmd-tab--active{color:var(--rmd-tabs-active, #212121);--rmd-icon-color:var(--rmd-tabs-active, #212121)}.rmd-tab--disabled{color:var(--rmd-tabs-disabled, #9e9e9e);--rmd-icon-color:var(--rmd-tabs-disabled, #9e9e9e)}.rmd-tab-panels{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;overflow-x:hidden}.rmd-tab-panels--slide-left{--p1-start:100%;--p2-start:-100%;--p1-end:0;--p2-end:-200%}.rmd-tab-panels--slide-left-persistent{--p1-start:0;--p2-start:0;--p1-end:-100%;--p2-end:-100%}.rmd-tab-panels--slide-right{--p1-start:-100%;--p2-start:-100%;--p1-end:0;--p2-end:0}.rmd-tab-panel{flex-shrink:0;height:100%;width:100%;will-change:transform}.rmd-tab-panel--animate{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition:transform .15s}.rmd-tab-panel--enter{transform:translate3d(var(--p1-start), 0, 0)}.rmd-tab-panel--enter-active{transform:translate3d(var(--p1-end), 0, 0)}.rmd-tab-panel--exit{transform:translate3d(var(--p2-start), 0, 0)}.rmd-tab-panel--exit-active{transform:translate3d(var(--p2-end), 0, 0)}:root{--rmd-tree-incrementor:1.5rem;--rmd-tree-base-padding:4.5rem}.rmd-tree{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:auto;-webkit-overflow-scrolling:touch;height:100%;width:100%}.rmd-tree [aria-level="2"].rmd-tree-item__content,.rmd-tree [aria-level="2"]>.rmd-tree-item__content{padding-left:4.5rem}[dir=rtl] .rmd-tree [aria-level="2"].rmd-tree-item__content,[dir=rtl] .rmd-tree [aria-level="2"]>.rmd-tree-item__content{padding-left:1rem;padding-right:4.5rem}.rmd-tree [aria-level="3"].rmd-tree-item__content,.rmd-tree [aria-level="3"]>.rmd-tree-item__content{padding-left:6rem}[dir=rtl] .rmd-tree [aria-level="3"].rmd-tree-item__content,[dir=rtl] .rmd-tree [aria-level="3"]>.rmd-tree-item__content{padding-left:1rem;padding-right:6rem}.rmd-tree:focus{outline-style:none}.rmd-tree::-moz-focus-inner{border:0}.rmd-tree-item{-webkit-tap-highlight-color:rgba(0,0,0,0);list-style:none}.rmd-tree-item:focus{outline-style:none}.rmd-tree-item::-moz-focus-inner{border:0}.rmd-tree-item__content{min-height:var(--rmd-list-item-height, 3rem);align-items:center;display:flex;padding:var(--rmd-list-item-vertical-padding, 0.5rem) var(--rmd-list-item-horizontal-padding, 1rem);position:relative}.rmd-tree-item__content--clickable{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.rmd-tree-item__content--clickable:focus{outline-style:none}.rmd-tree-item__content--clickable::-moz-focus-inner{border:0}.rmd-tree-item__content--clickable:focus{outline-style:none}.rmd-tree-item__content--clickable::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-tree-item__content--clickable:focus::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-tree-item__content--clickable::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-tree-item__content--clickable:disabled,.rmd-tree-item__content--clickable[aria-disabled=true]{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-tree-item__content--clickable:not(:disabled):not([aria-disabled=true]):hover{cursor:pointer}.rmd-tree-item__content--clickable:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--keyboard .rmd-tree-item__content--clickable:focus{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-tree-item__content--clickable:focus:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-tree-item__content--clickable:focus,.rmd-utils--touch .rmd-tree-item__content--clickable:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-tree-item__content--clickablefalse .rmd-tree-item__content--clickable{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-utils--keyboard .rmd-tree-item__content--clickablefalse .rmd-tree-item__content--clickable{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-tree-item__content--disabled{pointer-events:none}.rmd-tree-item__content--disabled-color{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e);--rmd-theme-text-secondary-on-background:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-tree-item__content--disabled-opacity{opacity:.5}.rmd-tree-item__content--link{color:inherit;text-decoration:none}.rmd-tree-item__content--medium{--rmd-list-item-height:var(--rmd-list-item-medium-height, 3.5rem)}.rmd-tree-item__content--large{--rmd-list-item-height:var(--rmd-list-item-large-height, 4rem)}.rmd-tree-item__content--extra-large{--rmd-list-item-height:var(--rmd-list-item-extra-large-height, 4.5rem)}.rmd-tree-item__content--three-lines{--rmd-list-item-height:var(--rmd-list-item-three-line-height, 5.5rem)}.rmd-tree-item__content--three-lines .rmd-list-item__text--secondary{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;max-height:var(--rmd-list-item-secondary-three-line-height, 3rem);line-height:1.42857;white-space:normal}.rmd-tree-item__content--dense{--rmd-list-item-height:var(--rmd-list-dense-item-height, 2.5rem);--rmd-list-item-medium-height:var(--rmd-list-dense-item-medium-height, 3rem);--rmd-list-item-large-height:var(--rmd-list-dense-item-large-height, 3.5rem);--rmd-list-item-extra-large-height:var(--rmd-list-dense-item-extra-large-height, 4rem);--rmd-list-item-three-line-height:var(--rmd-list-dense-item-three-line-height, 5rem);--rmd-list-item-secondary-three-line-height:var(--rmd-list-dense-item-secondary-three-line-height, 2.25rem)}.rmd-tree-item__content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex-grow:1;z-index:1}[dir=rtl] .rmd-tree-item__content__text{margin-left:auto}.rmd-tree-item__content__text--secondary{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-tree-item__content__addon{flex-shrink:0}.rmd-tree-item__content__addon--top{align-self:flex-start}.rmd-tree-item__content__addon--bottom{align-self:flex-end}.rmd-tree-item__content__addon--before{--rmd-icon-text-spacing:calc(var(--rmd-list-text-keyline, 4.5rem) - var(--rmd-list-item-horizontal-padding, 1rem) - var(--rmd-icon-size, 1.5rem))}.rmd-tree-item__content__addon--avatar-before{--rmd-icon-text-spacing:calc(var(--rmd-list-text-keyline, 4.5rem) - var(--rmd-list-item-horizontal-padding, 1rem) - var(--rmd-avatar-size, 2.5rem))}.rmd-tree-item__content__addon--media{--rmd-icon-text-spacing:var(--rmd-list-media-spacing, 1rem);width:var(--rmd-list-media-size, 3.5rem)}.rmd-tree-item__content__addon--media-large{--rmd-list-media-size:var(--rmd-list-media-large-size, 6.25rem)}.rmd-tree-item__content--selected{--rmd-states-background-color:var(--rmd-states-selected-color, rgba(0, 0, 0, 0.16))}.rmd-utils--touch .rmd-tree-item__content--selected:hover,.rmd-utils--touch .rmd-tree-item__content--selected:focus{--rmd-states-background-color:var(--rmd-states-selected-color, rgba(0, 0, 0, 0.16))}.rmd-utils--keyboard .rmd-tree-item__content--focused{box-shadow:inset 0 0 0 2px #2196f3}.rmd-tree-group{background-color:inherit;color:inherit;font-size:inherit;line-height:inherit;padding-bottom:0;padding-top:0}.rmd-tree-item__rotator-icon{--rmd-icon-rotate-to:rotate(90deg)}:root{--rmd-table-border-color:#e0e0e0;--rmd-table-cell-color:var(--rmd-theme-text-primary-on-background, #212121);--rmd-table-cell-h-padding:1rem;--rmd-table-cell-v-padding:.375rem;--rmd-table-cell-height:3.25rem;--rmd-table-cell-dense-height:2rem;--rmd-table-hover-color:rgba(0,0,0,.12);--rmd-table-selected-color:var(--rmd-states-selected-color, rgba(0, 0, 0, 0.16));--rmd-table-sticky-header:0;--rmd-table-sticky-cell:0;--rmd-table-sticky-footer:0}.rmd-table-container{overflow:auto;-webkit-overflow-scrolling:touch}.rmd-table{border-collapse:collapse;max-width:100%}.rmd-table--dense{--rmd-table-cell-height:var(--rmd-table-cell-dense-height, 2rem)}.rmd-table--full-width{width:100%}.rmd-thead{--rmd-table-cell-height:3.5rem}.rmd-table--dense .rmd-thead{--rmd-table-cell-height:2.125rem}.rmd-table-cell{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;color:var(--rmd-table-cell-color, var(--rmd-theme-text-primary-on-background, #212121));height:var(--rmd-table-cell-height, 3.25rem);padding-left:var(--rmd-table-cell-h-padding, 1rem);padding-right:var(--rmd-table-cell-h-padding, 1rem)}.rmd-table-cell--top{vertical-align:top}.rmd-table-cell--bottom{vertical-align:bottom}.rmd-table-cell--vertical{padding-top:var(--rmd-table-cell-v-padding, 0.375rem);padding-bottom:var(--rmd-table-cell-v-padding, 0.375rem)}.rmd-table-cell--header{font-weight:500;letter-spacing:.0071428571em;line-height:1.375rem;text-align:left}[dir=rtl] .rmd-table-cell--header{text-align:right}.rmd-table-cell--center{text-align:center}.rmd-table-cell--right{text-align:right}[dir=rtl] .rmd-table-cell--right{text-align:left}.rmd-table-cell--grow{width:100%}.rmd-table-cell--no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmd-table-cell--no-padding{padding:0}.rmd-table-cell--checkbox{--rmd-table-cell-h-padding:.5rem}.rmd-table-cell--sticky{background-color:var(--rmd-theme-background, #fafafa);border:inherit;position:sticky;will-change:transform;z-index:2}.rmd-utils--mouse .rmd-table-cell--sticky::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .15s}.rmd-table-cell--sticky::after{bottom:0;left:0;position:absolute;right:0;top:0;border:inherit;content:"";pointer-events:none}.rmd-table-cell--sticky-header{top:var(--rmd-table-sticky-header, 0)}.rmd-table-cell--sticky-cell{left:var(--rmd-table-sticky-cell, 0)}[dir=rtl] .rmd-table-cell--sticky-cell{right:var(--rmd-table-sticky-cell, 0);left:auto}.rmd-table-cell--sticky-above{z-index:3}.rmd-table-cell--sticky-footer{bottom:var(--rmd-table-sticky-footer, 0)}.rmd-table-cell--padded{padding-bottom:var(--rmd-table-cell-v-padding, 0.375rem);padding-top:var(--rmd-table-cell-v-padding, 0.375rem)}.rmd-table-cell--no-padding{padding:0}.rmd-table-cell__child{padding-left:var(--rmd-table-cell-h-padding, 1rem);padding-right:var(--rmd-table-cell-h-padding, 1rem);align-items:center;color:inherit;font:inherit;height:100%;width:100%}.rmd-tr--selected{background-color:var(--rmd-table-selected-color, var(--rmd-states-selected-color, rgba(0, 0, 0, 0.16)))}.rmd-tr--selected .rmd-table-cell--sticky-cell::after{background-color:var(--rmd-table-selected-color, var(--rmd-states-selected-color, rgba(0, 0, 0, 0.16)))}.rmd-tr--clickable:hover{cursor:pointer}.rmd-tr--bordered{border-bottom:var(--rmd-divider-size, 1px) solid var(--rmd-table-border-color, #e0e0e0)}.rmd-tr--bordered:last-child{border-bottom-width:0}.rmd-utils--mouse .rmd-tr--hoverable{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .15s}.rmd-utils--mouse .rmd-tr--hoverable:hover{background-color:var(--rmd-table-hover-color, rgba(0, 0, 0, 0.12))}.rmd-utils--mouse .rmd-tr--hoverable:hover .rmd-table-cell--sticky-cell::after{background-color:var(--rmd-table-hover-color, rgba(0, 0, 0, 0.12))}.rmd-caption{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.75rem;line-height:1.25rem;font-weight:400;letter-spacing:.0333333333em;text-decoration:inherit;text-transform:inherit}:root{--rmd-form-error-color:#f44336;--rmd-form-error-hover-color:#d50000;--rmd-form-active-color:var(--rmd-theme-secondary, #f50057);--rmd-form-disabled-color:var(--rmd-theme-text-disabled-on-background, #9e9e9e);--rmd-form-toggle-inset:.3125rem;--rmd-form-toggle-dense-inset:.25rem;--rmd-form-indeterminate-height:.15rem;--rmd-form-indeterminate-dense-height:.125rem;--rmd-form-track-background-color:#383838;--rmd-form-floating-top:1rem;--rmd-form-floating-dense-top:.9rem;--rmd-form-addon-margin-top:0px;--rmd-form-listbox-background-color:var(--rmd-theme-surface, #fff);--rmd-form-text-active-color:#2196f3;--rmd-form-text-border-color:rgba(0,0,0,.12);--rmd-form-text-border-hover-color:rgba(0,0,0,.87);--rmd-form-text-filled-color:#f5f5f5;--rmd-form-text-height:3rem;--rmd-form-text-label-height:3.5rem;--rmd-form-text-label-dense-height:3.25rem;--rmd-form-text-placeholder-height:3rem;--rmd-form-text-placeholder-dense-height:2.5rem;--rmd-form-textarea-padding:.5rem}.rmd-file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.rmd-utils--keyboard .rmd-file-input:focus+.rmd-file-input-label::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-utils--keyboard .rmd-file-input:focus+.rmd-file-input-label{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-file-input:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-label{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:inline-flex;font-size:1em;transition:color .15s}.rmd-label--active{color:var(--rmd-form-active-color, var(--rmd-theme-secondary, #f50057))}.rmd-label--error{color:var(--rmd-form-error-color, #f44336)}.rmd-label--disabled{color:var(--rmd-form-disabled-color, var(--rmd-theme-text-disabled-on-background, #9e9e9e))}.rmd-floating-label{--rmd-form-active-color:var(--rmd-form-text-active-color, #2196f3);left:0;position:absolute;top:0;transform:translate(var(--rmd-form-text-padding-left, 0px), var(--rmd-form-floating-top, 1rem));transition-property:background-color,color,font-size,transform;will-change:background-color,color,font-size,transform}[dir=rtl] .rmd-floating-label{left:auto;right:0;transform:translate(calc(-1 * var(--rmd-form-text-padding-left, 0px)), var(--rmd-form-floating-top, 1rem))}.rmd-floating-label--dense{--rmd-form-floating-top:var(--rmd-form-floating-dense-top, 0.9rem)}.rmd-floating-label--active{background-color:var(--rmd-form-label-active-background-color, transparent);padding:var(--rmd-form-label-active-padding, 0px);font-size:.75em;transform:translate(var(--rmd-form-label-left-offset, 0px), var(--rmd-form-label-top-offset, 0px));z-index:1}[dir=rtl] .rmd-floating-label--active{transform:translate(calc(-1 * var(--rmd-form-label-left-offset, 0px)), var(--rmd-form-label-top-offset, 0px))}.rmd-floating-label--inactive{color:var(--rmd-theme-text-secondary-on-background, #757575)}:root{--rmd-slider-size:2rem;--rmd-slider-vertical-size:15rem;--rmd-slider-active-size:.375rem;--rmd-slider-inactive-size:.25rem;--rmd-slider-color:var(--rmd-theme-secondary, #f50057);--rmd-slider-thumb-size:1.25rem}.rmd-slider-container{--rmd-icon-text-spacing:1.25rem;align-items:center}.rmd-slider-container--h{display:flex}.rmd-slider-container--v{display:inline-flex;flex-direction:column-reverse}.rmd-slider-container--pad-directions{padding-directions:1.25rem}.rmd-slider-track{position:relative}.rmd-slider-track--h{height:var(--rmd-slider-size, 2rem);align-items:center;display:flex;width:100%}.rmd-slider-track--h::before{height:var(--rmd-slider-inactive-size, 0.25rem);width:100%}.rmd-slider-track--h::after{height:var(--rmd-slider-active-size, 0.375rem)}.rmd-slider-track--h1::after{left:0;max-width:var(--offset1, 0);transition-property:max-width;width:100%}[dir=rtl] .rmd-slider-track--h1::after{left:auto;right:0}.rmd-slider-track--h2::after{left:var(--offset1, 0);right:calc(100% - var(--offset2, 0));transition-property:left,right;will-change:left,right}[dir=rtl] .rmd-slider-track--h2::after{left:calc(100% - var(--offset2, 0));right:var(--offset1, 0)}.rmd-slider-track--v{height:var(--rmd-slider-vertical-size, 15rem);width:var(--rmd-slider-size, 2rem);display:inline-flex;justify-content:center}.rmd-slider-track--v::before{width:var(--rmd-slider-inactive-size, 0.25rem);height:100%}.rmd-slider-track--v::after{width:var(--rmd-slider-active-size, 0.375rem);bottom:0}.rmd-slider-track--v1::after{height:100%;max-height:var(--offset1, 0);transition-property:max-height}.rmd-slider-track--v2::after{bottom:var(--offset1, 0);top:calc(100% - var(--offset2, 0));transition-property:bottom,top;will-change:bottom,top}.rmd-slider-track::before,.rmd-slider-track::after{background-color:var(--rmd-slider-color, var(--rmd-theme-secondary, #f50057));content:"";pointer-events:none;position:absolute}.rmd-slider-track::before{opacity:.5;z-index:1}.rmd-slider-track::after{z-index:2}.rmd-slider-track--hoverable:hover{cursor:pointer}.rmd-slider-track--animate::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:.15s}.rmd-slider-track--disabled{--rmd-slider-color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-slider-track--disabled::after{--rmd-slider-active-size:0px}.rmd-slider-track--disabled::before{opacity:1}.rmd-slider-thumb{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--rmd-slider-color, var(--rmd-theme-secondary, #f50057));height:var(--rmd-slider-thumb-size, 1.25rem);width:var(--rmd-slider-thumb-size, 1.25rem);border-radius:50%;position:absolute;z-index:2}.rmd-slider-thumb:focus{outline-style:none}.rmd-slider-thumb::-moz-focus-inner{border:0}.rmd-utils--mouse .rmd-slider-thumb:hover::after{transform:scale(2)}.rmd-utils--mouse .rmd-slider-thumb--active::after,.rmd-utils--mouse .rmd-slider-thumb--active:hover::after{transform:scale(2.5)}.rmd-utils--keyboard .rmd-slider-thumb:focus::after{transform:scale(2)}.rmd-utils--keyboard .rmd-slider-thumb--active::after{transform:scale(2.5)}.rmd-slider-thumb--h{transform:translateX(-50%);transition-property:left}[dir=rtl] .rmd-slider-thumb--h{transform:translateX(50%);transition-property:right}.rmd-slider-thumb--h1{left:var(--offset1, 0)}[dir=rtl] .rmd-slider-thumb--h1{left:auto;right:var(--offset1, 0)}.rmd-slider-thumb--h2{left:var(--offset2, 0)}[dir=rtl] .rmd-slider-thumb--h2{left:auto;right:var(--offset2, 0)}.rmd-slider-thumb--disabled-h{transform:translateX(-50%) scale(0.5)}[dir=rtl] .rmd-slider-thumb--disabled-h{transform:translateX(50%) scale(0.5)}.rmd-slider-thumb--mask-h{transform:translateX(-50%) scale(0.8)}[dir=rtl] .rmd-slider-thumb--mask-h{transform:translateX(50%) scale(0.8)}.rmd-slider-thumb--v{transform:translateY(50%);transition-property:bottom}.rmd-slider-thumb--v1{bottom:var(--offset1, 0)}.rmd-slider-thumb--v2{bottom:var(--offset2, 0)}.rmd-slider-thumb--disabled-v{transform:translateY(50%) scale(0.5)}.rmd-slider-thumb--mask-v{transform:translateY(50%) scale(0.8)}.rmd-slider-thumb::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;background-color:inherit;opacity:.3;transition:transform .15s}.rmd-slider-thumb--animate{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:.15s}.rmd-slider-thumb--disabled{background-color:var(--rmd-theme-text-disabled-on-background, #9e9e9e);pointer-events:none}.rmd-slider-thumb--mask{background-color:var(--rmd-theme-background, #fafafa);border-radius:0}.rmd-slider-value{opacity:1;position:absolute}.rmd-slider-value::after{border:.3rem solid rgba(0,0,0,0);content:"";position:absolute}.rmd-slider-value--animate{transition:transform .15s}.rmd-slider-value--h{top:-1.75rem;transform:translateX(-50%) scale(1)}[dir=rtl] .rmd-slider-value--h{transform:translateX(50%) scale(1)}.rmd-slider-value--h::after{border-top-color:var(--rmd-tooltip-background-color, #616161);left:50%;top:100%;transform:translateX(-50%)}[dir=rtl] .rmd-slider-value--h::after{transform:translateX(50%)}.rmd-slider-value--h-off{transform:translateX(-50%) scale(0)}.rmd-slider-value--h-on{transform:translateX(-50%) scale(1)}.rmd-slider-value--v{left:-1.75rem;transform:translateY(50%) scale(1)}.rmd-slider-value--v::after{border-left-color:var(--rmd-tooltip-background-color, #616161);left:100%;top:50%;transform:translateY(-50%)}.rmd-slider-value--v-off{transform:translateY(50%) scale(0)}.rmd-slider-value--v-on{transform:translateY(50%) scale(1)}.rmd-toggle-container{align-items:center;display:flex}.rmd-toggle-container--inline{display:inline-flex}.rmd-toggle-container--stacked{flex-direction:column}.rmd-toggle{height:var(--rmd-button-icon-size, 3rem);width:var(--rmd-button-icon-size, 3rem);-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.rmd-toggle:focus{outline-style:none}.rmd-toggle::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-toggle--focused::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-toggle::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-toggle:disabled,.rmd-toggle[aria-disabled=true]{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-toggle:not(:disabled):not([aria-disabled=true]):hover{cursor:pointer}.rmd-toggle:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--keyboard .rmd-toggle--focused{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-toggle--focused:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-toggle:focus,.rmd-utils--touch .rmd-toggle:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-togglefalse .rmd-toggle{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-utils--keyboard .rmd-togglefalse .rmd-toggle{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-toggle--disabled{--rmd-states-hover-color:tranparent}.rmd-toggle__input{-webkit-tap-highlight-color:rgba(0,0,0,0);bottom:0;height:100%;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:1}.rmd-toggle__input:focus{outline-style:none}.rmd-toggle__input::-moz-focus-inner{border:0}.rmd-toggle__input:hover{cursor:pointer}.rmd-toggle__input:disabled:hover{cursor:default}.rmd-toggle__input:checked+.rmd-toggle__icon{color:var(--rmd-theme-secondary, #f50057)}.rmd-toggle__input:checked+.rmd-toggle__icon::before{opacity:0}.rmd-toggle__input:checked+.rmd-toggle__icon--indeterminate::before,.rmd-toggle__input:checked+.rmd-toggle__icon--indeterminate::after{opacity:1}.rmd-toggle__icon{height:var(--rmd-icon-size, 1.5rem);width:var(--rmd-icon-size, 1.5rem);--rmd-icon-color:currentColor;align-items:center;color:var(--rmd-theme-text-secondary-on-background, #757575);display:inline-flex;justify-content:center;pointer-events:none;position:absolute}.rmd-toggle__icon--overlay::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:var(--rmd-form-toggle-inset, 0.3125rem);left:var(--rmd-form-toggle-inset, 0.3125rem);right:var(--rmd-form-toggle-inset, 0.3125rem);top:var(--rmd-form-toggle-inset, 0.3125rem);background-color:var(--rmd-theme-background, #fafafa);content:"";opacity:1;position:absolute;transition:opacity .15s;z-index:1}.rmd-toggle__icon--indeterminate::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--rmd-form-active-color, var(--rmd-theme-secondary, #f50057));left:var(--rmd-form-toggle-inset, 0.3125rem);right:var(--rmd-form-toggle-inset, 0.3125rem);height:var(--rmd-form-indeterminate-height, 0.15rem);content:"";opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s;z-index:2}.rmd-toggle__icon--circle::before{border-radius:50%}.rmd-toggle__icon--disabled{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-toggle__icon--dense{bottom:var(--rmd-form-toggle-dense-inset, 0.25rem);left:var(--rmd-form-toggle-dense-inset, 0.25rem);right:var(--rmd-form-toggle-dense-inset, 0.25rem);top:var(--rmd-form-toggle-dense-inset, 0.25rem);height:var(--rmd-form-indeterminate-dense-height, 0.125rem)}.rmd-toggle__icon--checked{--rmd-icon-color:var(--rmd-theme-secondary, #f50057)}.rmd-toggle__icon--checked::before{opacity:0}.rmd-toggle__icon--indeterminate-checked{--rmd-icon-color:var(--rmd-theme-secondary, #f50057)}.rmd-toggle__icon--indeterminate-checked::after{opacity:1}.rmd-input-toggle-menu-item{--rmd-button-icon-size:var(--rmd-icon-size, 1.5rem)}.rmd-input-toggle-menu-item--switch{--rmd-icon-size:2.25rem}.rmd-input-toggle-menu-item__toggle{background-color:var(--rmd-menu-background-color, var(--rmd-theme-surface, #fff))}.rmd-input-toggle-menu-item .rmd-switch__ball,.rmd-input-toggle-menu-item .rmd-switch__ball:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-switch-container{padding:.5rem .625rem}.rmd-switch{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--rmd-form-track-background-color, #383838);border-radius:.5rem;height:1rem;position:relative;transition:background-color .15s;width:2.25rem}.rmd-switch--disabled{--rmd-form-track-background-color:var(--rmd-form-disabled-color, var(--rmd-theme-text-disabled-on-background, #9e9e9e))}.rmd-switch--async{--rmd-progress-circular-width:12;--rmd-progress-circular-size:1.25rem}.rmd-switch__input{-webkit-tap-highlight-color:rgba(0,0,0,0);bottom:0;height:100%;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:1}.rmd-switch__input:focus{outline-style:none}.rmd-switch__input::-moz-focus-inner{border:0}.rmd-switch__input:hover{cursor:pointer}.rmd-switch__input:disabled:hover{cursor:default}.rmd-utils--keyboard .rmd-switch__input:focus+.rmd-switch__ball::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-switch__input:disabled+.rmd-switch__ball{--rmd-states-hover-color:rgba(0,0,0,0);cursor:auto}.rmd-switch__input:disabled+.rmd-switch__ball::after{background-color:var(--rmd-form-disabled-color, var(--rmd-theme-text-disabled-on-background, #9e9e9e))}.rmd-utils--keyboard .rmd-switch__input:focus+.rmd-switch__ball{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-switch__input:focus:hover+.rmd-switch__ball{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-switch__input:focus+.rmd-switch__ball,.rmd-utils--touch .rmd-switch__input:hover+.rmd-switch__ball{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-switch__input:checked+.rmd-switch__ball{transform:translateX(1.5rem)}[dir=rtl] .rmd-switch__input:checked+.rmd-switch__ball{transform:translateX(-1.5rem)}.rmd-switch__input:checked+.rmd-switch__ball::after{background-color:var(--rmd-form-active-color, var(--rmd-theme-secondary, #f50057))}.rmd-switch__input:checked:disabled+.rmd-switch__ball::after{background-color:#f48fb1}.rmd-switch__ball{-webkit-tap-highlight-color:rgba(0,0,0,0);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);align-items:center;border-radius:50%;display:flex;height:2.5rem;justify-content:center;left:calc(-50% + 0.25rem);position:absolute;top:calc(-50% - 0.25rem);transition-duration:.15s;transition-property:background-color,transform;width:2.5rem;z-index:1}.rmd-switch__ball:focus{outline-style:none}.rmd-switch__ball::-moz-focus-inner{border:0}[dir=rtl] .rmd-switch__ball{left:auto;right:calc(-50% + 0.25rem)}.rmd-switch__ball::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-switch__ball:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08));cursor:pointer}.rmd-switch__ball::after{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#f2f2f2;border-radius:inherit;content:"";height:1.25rem;left:25%;pointer-events:none;position:absolute;top:25%;width:1.25rem;z-index:1}.rmd-switch__ball--checked{transform:translateX(1.5rem)}[dir=rtl] .rmd-switch__ball--checked{transform:translateX(-1.5rem)}.rmd-switch__ball--checked::after{background-color:var(--rmd-form-active-color, var(--rmd-theme-secondary, #f50057))}.rmd-switch__progress{background-color:#fff;border-radius:inherit;padding:.125rem;z-index:2}.rmd-text-field-container{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);height:var(--rmd-form-text-height, 3rem);align-items:center;display:flex;position:relative;transition:border-color .15s}.rmd-text-field-container--hoverable:hover{border-color:var(--rmd-form-text-border-hover-color, rgba(0, 0, 0, 0.87))}.rmd-text-field-container--inline{display:inline-flex}.rmd-text-field-container--label{--rmd-form-text-height:var(--rmd-form-text-label-height, 3.5rem)}.rmd-text-field-container--error{--rmd-icon-color:var(--rmd-form-error-color, #f44336);--rmd-form-text-active-color:var(--rmd-form-error-color, #f44336);--rmd-form-text-border-color:var(--rmd-form-error-color, #f44336);--rmd-form-text-border-hover-color:var(--rmd-form-error-hover-color, #d50000)}.rmd-text-field-container--disabled{--rmd-icon-color:var(--rmd-form-disabled-color, var(--rmd-theme-text-disabled-on-background, #9e9e9e))}.rmd-text-field-container--underline{border-color:var(--rmd-form-text-border-color, rgba(0, 0, 0, 0.12));border-bottom-style:solid;border-bottom-width:1px}.rmd-text-field-container--underline::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--rmd-form-text-active-color, #2196f3);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transform:scale(0);transition:transform .15s;z-index:1}.rmd-text-field-container--underline-labelled{--rmd-form-text-padding-top:1rem;--rmd-form-addon-margin-top:.5rem}.rmd-text-field-container--filled{--rmd-form-text-padding-left:.75rem;--rmd-form-text-padding-right:.75rem;--rmd-form-label-left-offset:.75rem;background-color:var(--rmd-form-text-filled-color, #f5f5f5);-webkit-tap-highlight-color:rgba(0,0,0,0);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rmd-text-field-container--filled:focus{outline-style:none}.rmd-text-field-container--filled::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-text-field-container--filled:focus::before{box-shadow:var(--rmd-states-focus-shadow, inset 0 0 0 0.125rem #2196f3)}.rmd-text-field-container--filled::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;background-color:var(--rmd-states-background-color, transparent);transition:background-color .15s}.rmd-text-field-container--filled:disabled,.rmd-text-field-container--filled[aria-disabled=true]{--rmd-states-hover-color:rgba(0,0,0,0)}.rmd-text-field-container--filled:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--keyboard .rmd-text-field-container--filled:focus{--rmd-states-background-color:var(--rmd-states-focus-color, rgba(0, 0, 0, 0.24))}.rmd-utils--keyboard .rmd-text-field-container--filled:focus:hover{--rmd-states-background-color:var(--rmd-states-hover-color, rgba(0, 0, 0, 0.08))}.rmd-utils--touch .rmd-text-field-container--filled:focus,.rmd-utils--touch .rmd-text-field-container--filled:hover{--rmd-states-background-color:rgba(0,0,0,0)}.rmd-text-field-container--filledfalse .rmd-text-field-container--filled{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-utils--keyboard .rmd-text-field-container--filledfalse .rmd-text-field-container--filled{--rmd-states-background-color:var(--rmd-states-pressed-color, rgba(0, 0, 0, 0.32))}.rmd-text-field-container--underline-left::after{transform-origin:left}.rmd-text-field-container--underline-center::after{transform-origin:center}.rmd-text-field-container--underline-right::after{transform-origin:right}.rmd-text-field-container--underline-active::after{transform:scale(1)}.rmd-text-field-container--underline-left-addon{--rmd-form-text-padding-left:calc(var(--rmd-icon-size, 1.5rem) + 1rem);--rmd-form-label-left-offset:.5rem}.rmd-text-field-container--underline-right-addon{--rmd-form-text-padding-right:calc(var(--rmd-icon-size, 1.5rem) + 1rem)}.rmd-text-field-container--outline{--rmd-form-text-padding-left:1rem;--rmd-form-text-padding-right:1rem;--rmd-form-label-left-offset:.75rem;--rmd-form-label-top-offset:-50%;--rmd-form-label-active-padding:0 .25rem;--rmd-form-label-active-background-color:var(--rmd-theme-background, #fafafa);border-color:var(--rmd-form-text-border-color, rgba(0, 0, 0, 0.12));border-radius:.25rem;border-style:solid;border-width:1px}.rmd-text-field-container--outline::after{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;box-shadow:0 0 0 2px var(--rmd-form-text-active-color, #2196f3);opacity:0;transition:opacity .15s}.rmd-text-field-container--outline-active::after{opacity:1}.rmd-text-field-container--outline-left{--rmd-form-text-padding-left:calc(
      var(--rmd-icon-size, 1.5rem) + 1.5rem
    )}.rmd-text-field-container--outline-right{--rmd-form-text-padding-right:calc(
      var(--rmd-icon-size, 1.5rem) + 1rem
    )}.rmd-text-field-container--dense{--rmd-form-text-height:var(--rmd-form-text-placeholder-dense-height, 2.5rem)}.rmd-text-field-container--dense-label{--rmd-form-text-height:var(--rmd-form-text-label-dense-height, 3.25rem)}.rmd-text-field-container--dense-placeholder{--rmd-form-text-padding-top:.25rem}.rmd-text-field{padding-left:var(--rmd-form-text-padding-left, 0px);padding-right:var(--rmd-form-text-padding-right, 0px);padding-top:var(--rmd-form-text-padding-top, 0px);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.5rem;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border-width:0;color:inherit;font-size:1em;width:100%;flex:1 1 auto;height:100%}[dir=rtl] .rmd-text-field{padding-left:var(--rmd-form-text-padding-right, 0px);padding-right:var(--rmd-form-text-padding-left, 0px)}.rmd-text-field:focus{outline-style:none}.rmd-text-field::-moz-focus-inner{border:0}.rmd-text-field::-webkit-input-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-text-field:-ms-input-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-text-field::-moz-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-text-field:-moz-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-text-field:placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-text-field[disabled]{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-text-field[disabled]::-webkit-input-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-text-field[disabled]:-ms-input-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-text-field[disabled]::-moz-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-text-field[disabled]:-moz-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-text-field[disabled]:placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-text-field--floating::-webkit-input-placeholder{color:rgba(0,0,0,0);-webkit-transition:color .15s;transition:color .15s}.rmd-text-field--floating:-ms-input-placeholder{color:rgba(0,0,0,0);-ms-transition:color .15s;transition:color .15s}.rmd-text-field--floating::-moz-placeholder{color:rgba(0,0,0,0);-moz-transition:color .15s;transition:color .15s}.rmd-text-field--floating:-moz-placeholder{color:rgba(0,0,0,0);-moz-transition:color .15s;transition:color .15s}.rmd-text-field--floating:placeholder{color:rgba(0,0,0,0);transition:color .15s}.rmd-text-field--floating[disabled]::-webkit-input-placeholder{color:rgba(0,0,0,0)}.rmd-text-field--floating[disabled]:-ms-input-placeholder{color:rgba(0,0,0,0)}.rmd-text-field--floating[disabled]::-moz-placeholder{color:rgba(0,0,0,0)}.rmd-text-field--floating[disabled]:-moz-placeholder{color:rgba(0,0,0,0)}.rmd-text-field--floating[disabled]:placeholder{color:rgba(0,0,0,0)}.rmd-text-field--floating:focus::-webkit-input-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-text-field--floating:focus:-ms-input-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-text-field--floating:focus::-moz-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-text-field--floating:focus:-moz-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-text-field--floating:focus:placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-text-field-addon{height:var(--rmd-icon-size, 1.5rem);width:var(--rmd-icon-size, 1.5rem);top:var(--rmd-form-addon-top, auto);margin-top:var(--rmd-form-addon-margin-top, 0px);position:absolute}.rmd-text-field-addon:first-child{left:var(--rmd-form-label-left-offset, 0px)}[dir=rtl] .rmd-text-field-addon:first-child{left:auto;right:var(--rmd-form-label-left-offset, 0px)}.rmd-text-field-addon:last-child{right:0.5rem}[dir=rtl] .rmd-text-field-addon:last-child{right:auto;left:0.5rem}.rmd-text-field-addon--presentational{pointer-events:none}.rmd-password--offset{--rmd-form-text-padding-right:0}.rmd-password__input--offset{margin-right:var(--rmd-button-icon-size, 3rem)}[dir=rtl] .rmd-password__input--offset{margin-right:0;margin-left:var(--rmd-button-icon-size, 3rem)}.rmd-password__toggle{right:0;position:absolute}[dir=rtl] .rmd-password__toggle{right:auto;left:0}.rmd-textarea-container{--rmd-form-addon-top:1rem;height:auto;max-width:100%;padding-top:calc(
    var(--rmd-form-text-padding-top, 0px) + var(--rmd-form-textarea-padding, 0.5rem)
  )}.rmd-textarea-container--animate{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition:height .15s}.rmd-textarea-container--cursor:hover{cursor:text}.rmd-textarea-container__inner{height:100%;width:100%}.rmd-textarea-container__inner--animate{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition:height .15s}.rmd-textarea{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-left:var(--rmd-form-text-padding-left, 0px);padding-right:var(--rmd-form-text-padding-right, 0px);min-height:var(--rmd-form-text-height, 3rem);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.5rem;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border-width:0;color:inherit;font-size:1em;width:100%;flex:1 1 auto;height:100%}[dir=rtl] .rmd-textarea{padding-left:var(--rmd-form-text-padding-right, 0px);padding-right:var(--rmd-form-text-padding-left, 0px)}.rmd-textarea:focus{outline-style:none}.rmd-textarea::-moz-focus-inner{border:0}.rmd-textarea::-webkit-input-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-textarea:-ms-input-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-textarea::-moz-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-textarea:-moz-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-textarea:placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-textarea[disabled]{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-textarea[disabled]::-webkit-input-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-textarea[disabled]:-ms-input-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-textarea[disabled]::-moz-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-textarea[disabled]:-moz-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-textarea[disabled]:placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-textarea--floating::-webkit-input-placeholder{color:rgba(0,0,0,0);-webkit-transition:color .15s;transition:color .15s}.rmd-textarea--floating:-ms-input-placeholder{color:rgba(0,0,0,0);-ms-transition:color .15s;transition:color .15s}.rmd-textarea--floating::-moz-placeholder{color:rgba(0,0,0,0);-moz-transition:color .15s;transition:color .15s}.rmd-textarea--floating:-moz-placeholder{color:rgba(0,0,0,0);-moz-transition:color .15s;transition:color .15s}.rmd-textarea--floating:placeholder{color:rgba(0,0,0,0);transition:color .15s}.rmd-textarea--floating[disabled]::-webkit-input-placeholder{color:rgba(0,0,0,0)}.rmd-textarea--floating[disabled]:-ms-input-placeholder{color:rgba(0,0,0,0)}.rmd-textarea--floating[disabled]::-moz-placeholder{color:rgba(0,0,0,0)}.rmd-textarea--floating[disabled]:-moz-placeholder{color:rgba(0,0,0,0)}.rmd-textarea--floating[disabled]:placeholder{color:rgba(0,0,0,0)}.rmd-textarea--floating:focus::-webkit-input-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-textarea--floating:focus:-ms-input-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-textarea--floating:focus::-moz-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-textarea--floating:focus:-moz-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-textarea--floating:focus:placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-textarea--rh{resize:horizontal}.rmd-textarea--rv{resize:vertical}.rmd-textarea--rn{overflow:hidden;resize:none}.rmd-textarea--scrollable{overflow:auto}.rmd-textarea--mask{height:auto;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;z-index:-1}.rmd-native-select-container--multi{min-height:var(--rmd-form-text-height, 3rem);--rmd-form-addon-top:1rem;height:auto}.rmd-native-select-container--padded{padding-top:calc(
      0.75rem + var(--rmd-form-text-padding-top, 0px)
    )}.rmd-native-select{padding-left:var(--rmd-form-text-padding-left, 0px);padding-right:var(--rmd-form-text-padding-right, 0px);padding-top:var(--rmd-form-text-padding-top, 0px);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.5rem;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border-width:0;color:inherit;font-size:1em;width:100%;flex:1 1 auto;height:100%}[dir=rtl] .rmd-native-select{padding-left:var(--rmd-form-text-padding-right, 0px);padding-right:var(--rmd-form-text-padding-left, 0px)}.rmd-native-select:focus{outline-style:none}.rmd-native-select::-moz-focus-inner{border:0}.rmd-native-select::-webkit-input-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-native-select:-ms-input-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-native-select::-moz-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-native-select:-moz-placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-native-select:placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);font-family:inherit;font-size:inherit;font-weight:inherit}.rmd-native-select[disabled]{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-native-select[disabled]::-webkit-input-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-native-select[disabled]:-ms-input-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-native-select[disabled]::-moz-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-native-select[disabled]:-moz-placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-native-select[disabled]:placeholder{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e)}.rmd-native-select--floating::-webkit-input-placeholder{color:rgba(0,0,0,0);-webkit-transition:color .15s;transition:color .15s}.rmd-native-select--floating:-ms-input-placeholder{color:rgba(0,0,0,0);-ms-transition:color .15s;transition:color .15s}.rmd-native-select--floating::-moz-placeholder{color:rgba(0,0,0,0);-moz-transition:color .15s;transition:color .15s}.rmd-native-select--floating:-moz-placeholder{color:rgba(0,0,0,0);-moz-transition:color .15s;transition:color .15s}.rmd-native-select--floating:placeholder{color:rgba(0,0,0,0);transition:color .15s}.rmd-native-select--floating[disabled]::-webkit-input-placeholder{color:rgba(0,0,0,0)}.rmd-native-select--floating[disabled]:-ms-input-placeholder{color:rgba(0,0,0,0)}.rmd-native-select--floating[disabled]::-moz-placeholder{color:rgba(0,0,0,0)}.rmd-native-select--floating[disabled]:-moz-placeholder{color:rgba(0,0,0,0)}.rmd-native-select--floating[disabled]:placeholder{color:rgba(0,0,0,0)}.rmd-native-select--floating:focus::-webkit-input-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-native-select--floating:focus:-ms-input-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-native-select--floating:focus::-moz-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-native-select--floating:focus:-moz-placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-native-select--floating:focus:placeholder{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-native-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 var(--rmd-theme-text-primary-on-background, #212121)}.rmd-native-select--icon{padding-right:var(--rmd-icon-size, 1.5rem);-webkit-appearance:none;-moz-appearance:none;appearance:none}.rmd-native-select--multi{padding-top:0}.rmd-native-select__icon{right:0;display:inline-flex;pointer-events:none;position:absolute}[dir=rtl] .rmd-native-select__icon{right:auto;left:0}.rmd-native-select__label{pointer-events:none}.rmd-listbox{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:auto;-webkit-overflow-scrolling:touch}.rmd-listbox:focus{outline-style:none}.rmd-listbox::-moz-focus-inner{border:0}.rmd-listbox--temporary{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--rmd-form-listbox-background-color, var(--rmd-theme-surface, #fff));color:var(--rmd-theme-on-surface, #000);z-index:30}.rmd-option{--rmd-list-item-horizontal-padding:1.5rem}.rmd-option--selected{background-color:#0d47a1;color:#fff}.rmd-option--selected::after{left:0.5rem;content:"✓";position:absolute}[dir=rtl] .rmd-option--selected::after{left:auto;right:0.5rem}.rmd-utils--keyboard .rmd-option--focused{box-shadow:inset 0 0 0 2px #2196f3}.rmd-select{-webkit-tap-highlight-color:rgba(0,0,0,0)}.rmd-select:focus{outline-style:none}.rmd-select::-moz-focus-inner{border:0}.rmd-select--disabled{color:var(--rmd-theme-text-disabled-on-background, #9e9e9e);cursor:default}.rmd-select__value{padding-left:var(--rmd-form-text-padding-left, 0px);padding-right:var(--rmd-form-text-padding-right, 0px);padding-top:var(--rmd-form-text-padding-top, 0px);font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.5rem;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .rmd-select__value{padding-left:var(--rmd-form-text-padding-right, 0px);padding-right:var(--rmd-form-text-padding-left, 0px)}.rmd-select__value--placeholder{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--rmd-theme-text-secondary-on-background, #757575);color:rgba(0,0,0,0);transition:color .15s}.rmd-select__value--placeholder-active{color:var(--rmd-theme-text-secondary-on-background, #757575)}.rmd-fieldset--unstyled{border:0;margin:0;min-width:0;padding:0}.rmd-fieldset__legend{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:.0357142857em;text-decoration:inherit;text-transform:inherit}.rmd-fieldset__legend--sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.rmd-form-message-container{display:flex;flex-direction:column}.rmd-form-message{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;color:var(--rmd-theme-text-secondary-on-background, #757575);display:flex;font-size:.75rem;margin-bottom:1rem;margin-top:.5rem;min-height:2rem}.rmd-form-message--filled{padding-left:.75rem;padding-right:.75rem}.rmd-form-message--outline{padding-left:1rem;padding-right:1rem}.rmd-form-message--error{color:var(--rmd-form-error-color, #f44336)}.rmd-form-message__message{margin:0}.rmd-form-message__counter{margin-left:auto;padding-left:0.5rem;flex-shrink:0;white-space:nowrap}[dir=rtl] .rmd-form-message__counter{margin-left:0;margin-right:auto}[dir=rtl] .rmd-form-message__counter{padding-left:0;padding-right:0.5rem}:root{--rmd-layout-nav-width:16rem;--rmd-layout-mini-nav-width:3.5rem;--rmd-layout-main-offset:var(--rmd-layout-nav-width, 16rem)}.rmd-layout-transition--enter{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition:margin .2s}.rmd-layout-transition--exit{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition:margin .15s}.rmd-layout-navigation{z-index:30}.rmd-layout-navigation--floating{background-color:rgba(0,0,0,0);box-shadow:none}.dark-theme .rmd-layout-navigation--floating{background-color:rgba(0,0,0,0)}.rmd-layout-navigation--header-offset{top:var(--rmd-app-bar-height, 3.5rem)}.rmd-layout-navigation--mini{--rmd-sheet-width:var(--rmd-layout-mini-nav-width, 3.5rem);top:var(--rmd-app-bar-height, 3.5rem);z-index:9}.rmd-layout-navigation--sticky{overflow:visible;position:initial}.rmd-layout-nav{overflow:auto;-webkit-overflow-scrolling:touch}.rmd-layout-nav--grow{flex:1 1 auto;height:100%}.rmd-layout-nav--sticky{position:sticky;top:0;will-change:transform}.rmd-layout-nav__mini-item{justify-content:center}.rmd-layout-tree{height:auto;overflow:visible}.rmd-layout-title--offset{margin-left:calc( var(--rmd-sheet-static-width, 16rem) + 1rem )}[dir=rtl] .rmd-layout-title--offset{margin-left:0;margin-right:calc( var(--rmd-sheet-static-width, 16rem) + 1rem )}.rmd-layout-nav-toggle--offset{margin-right:calc(0.75rem + var(--rmd-layout-nav-width, 16rem) - var(--rmd-button-icon-size, 3rem))}[dir=rtl] .rmd-layout-nav-toggle--offset{margin-right:0.25rem;margin-left:calc(0.75rem + var(--rmd-layout-nav-width, 16rem) - var(--rmd-button-icon-size, 3rem))}.rmd-layout-nav-header--bordered{border-color:var(--rmd-divider-background-color, rgba(0, 0, 0, 0.12));border-width:var(--rmd-divider-size, 1px);border-bottom-width:var(--rmd-divider-size, 1px);border-bottom-style:solid}.rmd-layout-mini-wrapper{display:grid;grid-template-columns:var(--rmd-layout-mini-nav-width, 3.5rem) 1fr}.rmd-layout-main{-webkit-tap-highlight-color:rgba(0,0,0,0);display:block;height:100%}.rmd-layout-main:focus{outline-style:none}.rmd-layout-main::-moz-focus-inner{border:0}.rmd-utils--keyboard .rmd-layout-main{box-shadow:none;position:relative}.rmd-utils--keyboard .rmd-layout-main::before{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);bottom:0;left:0;position:absolute;right:0;top:0;border-radius:inherit;content:"";pointer-events:none;z-index:0;box-shadow:inset 0 0 0 .125rem #2196f3;opacity:0;transition:opacity .15s}.rmd-utils--keyboard .rmd-layout-main:focus::before{opacity:1}.rmd-utils--keyboard .rmd-layout-main::before{margin:inherit;position:fixed;z-index:999}.rmd-layout-main--header-offset{padding-top:var(--rmd-app-bar-height, 3.5rem)}.rmd-utils--keyboard .rmd-layout-main--header-offset::before{top:var(--rmd-app-bar-height, 3.5rem)}.rmd-layout-main--nav-offset{margin-left:var(--rmd-layout-main-offset, var(--rmd-layout-nav-width, 16rem))}[dir=rtl] .rmd-layout-main--nav-offset{margin-left:0;margin-right:var(--rmd-layout-main-offset, var(--rmd-layout-nav-width, 16rem))}.rmd-layout-main--mini{--rmd-layout-main-offset:var(--rmd-layout-mini-nav-width, 3.5rem)}.rmd-layout-main--mini-offset{--rmd-layout-main-offset:calc(var(--rmd-layout-nav-width, 16rem) - var(--rmd-layout-mini-nav-width, 3.5rem))}
:root {
  /* --BG-color: #fff;
  --BG-main-color: #fff;
  --BG-page: #f4f4f4;

  --color-White: #fff;
  --color-Black: #000000;
  --color-Red: #ff0000;

  --main-primary-R: #83a700;
  --main-secondary-theme: #5f8e3e;
  --main-tertiary-theme: #ff8500;

  --primary-Green: #5f8e3e;
  --secondary-orange: #fd8d01;
  --tertiary-yellow: #fff;

  --hvr-violet: #2d3590c7;
  --violet: #2d3590;

  --primary-checkout-blue: #5f8e3e;
  --primary-checkout-btn: #ff6e5c;
  --address-btn-full: #fd8d01;

  --segmentBG: #d5e6b5;
  --segmentColor: #5f8e3e;

  --border-Gray: #cbcbcb;
  --border-LightGray: #eee;
  --border-LightGray-D: #ddd;
  --border-LightGray-L: #ccc;
  --border-Bottom-LightGray: #f2f2f2;

  --text-primary: #333;
  --text-secondary: #666;
  --text-tertiary: #999;

  --font-main-lg: 25px;
  --font-sm-13: 13px;
  --font-sm-12: 12px;

  --orderPlaced: #0000ff;
  --orderProcess: #ffd700;
  --orderTransit: #4b0082;
  --orderDeliver: #309c05;
  --orderCancel: #dc1812; */

  --BG-body: #f4f4f4;

  --primary-color: #83a700;
  --secondary-color: #444444;
  --tertiary-color: #ff8500;
  --white-color: #ffffff;
  --black-color: #000000;
  --red-color: #ff0000;
  --lightgrey-color: #d3d3d3;
  --darkgrey-color: #222329;
  --bg-grid: #f14f2212;

  --orderPlaced: #0000ff;
  --orderProcess: #ffd700;
  --orderTransit: #4b0082;
  --orderDeliver: #309c05;
  --orderCancel: #dc1812;
}

html {
  background: var(--BG-body) !important;
}

body {
  margin: 0px;
  padding: 0px;
  background: var(--BG-body) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  color: var(--secondary-color) !important;
  font-size: 0.813rem !important; /* 13px */
  overflow-x: hidden !important;
}

body::-webkit-scrollbar {
  width: 8px;
}

body:horizontal {
  height: 5px;
}

body {
  scrollbar-width: thin;
  /* scrollbar-color: #90A4AE #CFD8DC; */
}

body::-webkit-scrollbar-track {
  background: rgb(231, 231, 231);
  border-radius: 6px;
  height: 5px;
}

body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  border: 1px solid #eaeaea;
  min-height: 40px;
  max-height: 80px;
}

body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

body > iframe {
  display: none !important;
  z-index: -1 !important;
}

a {
  color: var(--secondary-color) !important;
}

a:hover {
  color: var(--primary-color) !important;
}

button {
  color: var(--secondary-color);
}

button {
  transition: 0.3s ease-in-out;
}

.small-Model {
  /* height: 13em;
  width: 20em; */
}

.medium-Model {
  /* height: 20em; */
  width: 34em;
  border-radius: 5px;
  position: relative;
}

.btn-caccel {
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.rmd-dialog__footer {
  border-radius: 0 0 5px 5px;
  padding-bottom: 30px;
  padding-top: 0;
}

.rmd-button {
  background: var(--tertiary-color);
  color: var(--white-color);
  margin-bottom: -22px;
}

.rmd-button-orange {
  background: var(--primary-color);
  margin-bottom: -22px;
  border: 0px;
  color: var(--white-color);
}

.ml-5px {
  margin-left: 3px;
}

#dialog-apply {
  margin-right: 15px;
}

#dialog-cancel {
  margin-right: 12px;
}

.rmd-button--text {
  width: 100px;
  font-size: 13px;
  border-radius: 4px;
}

.rmd-button--text:hover {
  color: var(--white-color);
}

.medium-Model h3 {
  font-size: 19px;
}

.sign-in-track {
  font-size: 14px;
  margin-bottom: 28px;
  color: #727272;
}

.menu-bar {
  background: var(--white-color);
  font-size: 13px;
  padding: 10px 0;
}

.bg-sub-cat a:hover {
  color: var(--black-color) !important;
  text-decoration: none;
}

.cat-details-wrp a:hover {
  text-decoration: none;
  color: var(--black-color) !important;
}

.alice-carousel__wrapper {
  text-align: center;
  margin: 3.5em 0px 0px;
}
.card {
  min-height: 160px;
  width: 100%;
  border: 0px !important;
}
.siteLogo {
  height: 100px;
  display: flex;
  align-items: center;
  width: 100%;
}

.cat-center {
  display: flex;
  justify-content: space-around !important;
  align-items: center !important;
  flex-direction: row !important;
}
.productnumber {
  margin-top: 0;
  margin-bottom: 1rem;
  position: relative;
  top: 66px;
  left: -105px;
}

.card {
  cursor: pointer;
}

.card:hover {
  /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06); */
  background-color: rgba(0, 0, 0, 0.1);
  transition: 0.6s;
}
.headingss {
  background-color: aquamarine;
  width: 20%;
}
.discount {
  position: absolute;
  background: var(--tertiary-color);
  color: var(--white-color);
  border-radius: 4px;
  padding: 4px 9px;
  font-size: 10px;
  font-weight: 600;
  margin: 5px 0 0 5px;
  z-index: 1;
}

mark {
  padding: 0px !important;
  background-color: #f0ffec00 !important;
  color: blue !important;
}

.dropdown-menu {
  overflow-x: hidden !important;
}

.searchStyle {
  width: 100%;
  margin: 0 auto;
  padding: 18px 0px;
}

.searchStyle input::-moz-placeholder {
}

.searchStyle input::placeholder {
}

.searchBg {
  background-color: var(--primary-color);
  position: absolute;
  top: 18px;
  width: 46px;
  height: 46px;
  z-index: 0;
  left: 0;
  border-radius: 5px 0px 0px 5px;
}

.searchStyle .form-control {
  padding-left: 58px;
  border: 1.4px solid var(--primary-color);
  height: calc(1.5em + 0.75rem + 15px);
  font-size: 0.813rem;
}

.searchStyle .form-control:focus {
  border: 1.4px solid var(--primary-color);
  box-shadow: none !important;
}

.IC-headSearch {
  position: absolute !important;
  top: 14px;
  left: 15px;
  cursor: pointer;
  color: white;
  font-size: 18px !important;
}

#async-pagination-example::-webkit-scrollbar {
  width: 4px;
  height: 5px;
}

#async-pagination-example::-webkit-scrollbar-thumb {
  background: rgb(201 201 201);
  border-radius: 1px;
}

.dropdown-item:hover {
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item {
  font-size: 15px;
  padding: 0.35rem 1.5rem !important;
  color: #504f4f !important;
}

.searchImg {
  position: relative;
  width: 35px;
}

.searchImg > img {
  height: 20px;
  width: 20px;
  position: relative;
  left: -15px;
  top: -2px;
}

.website-Logo {
  max-height: 60px;
  max-width: 120px;
}

.searchPanel {
  height: 100px;
  display: flex;
  align-items: center;
}

.header-Bar {
  margin-top: 0px;
  overflow: hidden;
  background-color: ghostwhite;
}

.login-Signup-Header {
  color: rgb(10, 10, 10);
  position: relative;
  top: -70px;
  right: -900px;
  margin-bottom: 100px;
  width: 150px;
  height: 10px;
  border-radius: 0 5px 5px 0;
}

.dropdown {
  /* Border */
  display: flex;
  flex-flow: row wrap;

  /* Reset list styles */
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  justify-content: center;
}

.dropdown li {
  /* Spacing */
  /* padding: 8px 8px 3px 8px; */
  /* white-space: nowrap; */
  cursor: pointer;
  /* Used to position the sub dropdown */
  position: relative;
  box-shadow: 0px 0px 3px 0px var(--lightgrey-color);
  margin-right: 20px;
  /* background:var(--bg-grid); */
}

.dropdown li li {
  box-shadow: none;
  margin-right: 0px;
}

.dropdown li a {
  color: var(--secondary-color) !important;
}

.dropdown li:hover a,
.dropdown a:hover,
.subMenu li:hover a {
  /* color: var(--primary-color) !important; */
}

ul.dropdown .react-horizontal-scrolling-menu--item:last-child > li ul {
  margin-left: -100px;
}

ul.dropdown .react-horizontal-scrolling-menu--item:last-child > li ul ul {
  right: 100% !important;
  margin-left: -415px;
  box-shadow: none;
}

/* The sub dropdown */
.dropdown ul {
  /* Border */
  background: var(--white-color);
  box-shadow: 0px 5px 5px #d6cece;
  margin: -4px 0 0 0;

  /* Hidden by default */
  display: none;

  /* Absolute position */
  left: 0;
  position: absolute;
  top: 100%;

  /* Reset styles */
  list-style-type: none;
  padding: 0;

  /* Width */
  width: 227px;

  z-index: 100;
}

.dropdown ul li {
  padding-bottom: 6px;
}

.dropdown ul li {
  white-space: normal;
  padding: 10px 20px;
}

/* The second level sub dropdown */
.dropdown ul ul {
  left: 100%;
  position: absolute;
  top: 0;
  box-shadow: 3px 0px 5px #d6cece;
  padding-left: 0px;
  box-shadow: none;
  border: 1px solid var(--BG-body);
}

/* Change background color of list item when being hovered */
.dropdown li ul li:hover {
  background-color: rgb(238, 238, 238);
}

.btn-yes-no {
  background: var(--secondary-color);
  font-size: 14px;
  color: var(--white-color);
  border: 0px;
  padding: 5px 20px;
  margin: 10px 0px 0;
  width: 65px;
}

.btn-yes-no:hover {
  background: var(--primary-color);
}

/* Show the direct sub dropdown when hovering the list item */
.dropdown li:hover > ul {
  display: block;
}

.dropdown li:last-child {
  border: 0px solid var(--lightgrey-color);
}

.menuWidth {
  max-width: 190px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}

/* .subMenu {
  transform-origin: top center;
  animation: rotateX 300ms 120ms ease-in-out forwards;
}

@keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }

  50% {
    transform: rotateX(-20deg);
  }

  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
} */

.header-customercare-phonenumber {
  position: relative;
  top: -120px;
  right: -860px;
  font-size: 14px;
}

.header-cart {
  position: relative;
  font-weight: bold;
  top: -180px;
  right: -1100px;
  font-size: 16px;
}

.my-account {
  top: -180px;
  right: -1100px;
  font-size: 16px;
}

.shopping-cart {
  margin-left: 20px;
  margin-top: 30px;
  font-size: 20px;
}

.close-cart {
  margin-left: 220px;
  margin-top: -30px;
  font-size: 20px;
}

.noProduct-cart__img {
  height: 290px;
  display: table;
  margin: 0 auto;
}

.center-text-align {
  text-align: center;
}

.main-wrap-head {
  background: white;
}

.dial-Bar {
  margin-top: 0px;
  overflow: hidden;
  background-color: var(--primary-color);
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 5px 5px 0 0;
}

.head-my-cart {
  margin-left: 10px;
  cursor: pointer;
  font-weight: 600;
}

.head-my-cart:hover {
  color: var(--primary-color);
}

.flow {
  overflow: hidden;
}

.dial-Bar > h2 {
  font-size: 18px;
  line-height: 1rem;
  align-items: center;
  color: var(--white-color);
}

.h3 {
  font-size: 1rem;
}

.para {
  font-size: 14px;
  color: var(--secondary-color);
}

.mobile-info {
  width: 100%;
  padding: 8px 5px;
  border-radius: 2px;
  border: 1px solid var(--secondary-color) !important;
}

.mobile-info:focus {
  border: 1px solid var(--primary-color) !important;
  outline: none !important;
}

.phone-info {
  margin-bottom: 8px;
}

.IC-myaccount {
  font-size: 30px !important;
  color: var(--secondary-color);
  transition: transform 0.4s; /* Animation */
}

.IC-myaccount:hover {
  transform: scale(1.2);
}

.fa-shopping-bag {
  font-size: 24px !important;
  color: var(--secondary-color);
}

.welcomeText {
  position: absolute;
  margin: -1px 0 0 30px;
  font-size: 11px;
}

.accountLink {
  margin: -19px 0 0 30px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.accountLink:hover {
  color: var(--primary-color);
}

.cart-count {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: var(--primary-color);
  color: var(--white-color);
  position: absolute;
  left: 17px;
  top: -6px;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-item {
  padding: 0 40px;
  margin: 5px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  border: none;
}

.menu-item-wrapper.active {
  border: 1px blue solid;
}

.menu-item.active {
  border: 1px green solid;
}

.scroll-menu-arrow {
  padding: 20px;
  cursor: pointer;
}

.react-horizontal-scrolling-menu--scroll-container {
  overflow-x: hidden;
}

.react-horizontal-scrolling-menu--inner-wrapper {
  height: 400px !important;
  margin-bottom: -360px !important;
}

.react-horizontal-scrolling-menu--scroll-container {
  height: 480px !important;
  padding: 0 0;
  justify-content: center;
}

.react-horizontal-scrolling-menu--arrow-left,
.react-horizontal-scrolling-menu--arrow-right {
  font-size: 24px;
  cursor: pointer;
}

.react-horizontal-scrolling-menu--arrow-left :disabled {
  opacity: 0 !important;
}

.react-horizontal-scrolling-menu--arrow-left {
  margin: 0px 40px 0 0px;
}

.react-horizontal-scrolling-menu--arrow-right {
  margin: 0px 0px 0 50px;
}

.bgWhiteWrap {
  background-color: var(--white-color);
}

.border-top {
  border-top: 1px solid var(--BG-color);
}

.blob {
  background: var(--black-color);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  height: 18px;
  width: 18px;
  transform: scale(1);
  animation: pulse-red 2s infinite;
}

.blob.red {
  background: var(--primary-color);
  box-shadow: 0 0 0 0 var(--primary-color);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

.page-title {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
}

.sub-title {
  font-size: 22px;
  font-weight: 700;
}

.category-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--secondary-color);
  position: relative;
  height: 85%;
  display: -webkit-box;
  max-width: 200px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}

.products-card,
.bg-sub-cat {
  background-color: var(--white-color);
}

.products-card {
  border: 0 solid var(--bg-grid);
}

.products-card:hover {
  transition: 0.3s;
}

.mb-card {
  margin-bottom: 1.7rem;
}

.sub-cat-img {
  background-color: var(--bg-grid);
  padding: 4px;
  cursor: pointer;
  position: relative;
}

.sub-cat-img img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  flex: 1;
}

.bredcrumbs button {
  border: 0px;
  background-color: transparent;
  padding-left: 0;
  margin-right: 5px;
}

.bredcrumbs {
  margin-top: 25px;
}

.alice-carousel__wrapper {
  margin-top: 0;
}

.home-slider {
  background-color: var(--bg-grid);
}

.sub-cat-img:hover {
  box-shadow: 0px 0px 10px 0px rgb(175 175 175 / 50%);
}

.home-slider .alice-carousel__dots-item {
  margin-right: 5px !important;
}

.home-slider .alice-carousel__dots {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.home-slider .alice-carousel__dots-item:not(.__custom):hover,
.home-slider .alice-carousel__dots-item:not(.__custom).__active {
  background-color: var(--primary-color);
}

.home-slider .alice-carousel__stage-item img {
  aspect-ratio: 475/159;
  max-width: 100vw;
  min-width: 100vw;
  vertical-align: bottom;
  width: 100vw;
  max-height: initial;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}

.alice-carousel__stage-item * {
  cursor: pointer;
}

.alice-carousel__dots-item:not(.__custom) {
  width: 28px !important;
  height: 3px !important;
  border-radius: 0 !important;
}

.products-card .card-body {
  text-align: center;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

main .container-fluid {
  width: 95% !important;
}

.footer-bagr {
  width: 100%;
  bottom: 0;
  padding-top: 55px;
  padding-bottom: 35px;
}

.footer-logo {
  height: 100px;
  display: flex;
  align-items: center;
  width: 100%;
}

.footer-logo img {
  max-height: 100px;
  max-width: 230px;
}

.tabWdth {
  width: 100px;
}

.pay-size {
  width: 220px;
}

.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px;
}

footer {
  background-color: var(--white-color) !important;
}

.site-info {
  text-align: right;
}

.site-info a {
  margin-left: 0;
}

.site-info a:hover {
  text-decoration: underline;
}

.footer-width {
  width: 95% !important;
  padding-top: 3rem;
}

footer h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--secondary-color);
  margin-bottom: 20px;
}

footer a {
  font-size: 13px;
  margin-left: 8px;
}

footer a:hover {
  text-decoration: none;
}

.quick-links {
  margin: 0;
  padding: 0;
}

.quick-links li {
  border-bottom: 1px solid #77777738;
  list-style: none;
  margin-bottom: 9px;
  padding-bottom: 9px;
  color: #777777 !important;
}

.quick-links a {
  color: #777777 !important;
}

.quick-links a:hover {
  color: var(--primary-color) !important;
  transition: 0.3s;
}

.quick-links li:hover .fa {
  animation: navItemArrow 0.6s linear infinite;
}

@keyframes navItemArrow {
  0% {
    position: relative;
    right: -1px;
  }

  50% {
    position: relative;
    right: 3px;
  }

  100% {
    position: relative;
    right: -1px;
  }
}

.bg-copyright {
  background-color: gray;
  padding: 15px 0;
  color: var(--white-color);
  font-size: 12px;
}

.bg-copyright a {
  color: var(--white-color) !important;
  font-size: 12px;
}

.btn-login {
  background-color: var(--secondary-color);
  color: #fff;
  padding: 5px 20px;
  margin-top: 20px;
  border: 0px;
}

.btn-login:hover {
  background-color: var(--primary-color);
}

.product-carousel {
  background: var(--white-color);
  border-radius: 4px;
  border: 1px solid var(--lightgrey-color);
  box-shadow: 1px 1px 1px var(--lightgrey-color);
  margin: 20px 0px !important;
  position: relative;
  padding: 14px 0 0px;
}

.product-carousel .alice-carousel__stage {
  padding-left: 30px;
}

.carousel-btn-left:hover {
  background: var(--primary-color);
}

.carousel-btn-left:hover i {
  color: var(--white-color);
}

.carousel-btn-right:hover {
  background: var(--primary-color);
}

.carousel-btn-right:hover i {
  color: var(--white-color);
}

.alice-carousel__next-btn {
  position: absolute;
  top: 40%;
  right: -2.2%;
  width: 27px !important;
  height: 57px;
  z-index: 9999999;
  cursor: pointer;
  background-color: var(--white-color);
  height: 60px;
  width: 30px;
  padding: 15px 5px !important;
  border-radius: 2px;
  border: 1px solid var(--lightgrey-color);
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
}

.alice-carousel__prev-btn {
  position: absolute;
  top: 40%;
  left: -2%;
  width: 27px !important;
  height: 57px;
  z-index: 9999999;
  cursor: pointer;
  background-color: var(--white-color);
  height: 60px;
  width: 30px;
  padding: 15px 5px !important;
  border-radius: 2px;
  border: 1px solid var(--lightgrey-color);
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
}

.HomeSliderImg {
  height: 115px;

  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  flex: 1;
}

.cat-img-box {
  position: absolute;
  right: 0px;
}

.pay-size {
  width: 240px;
  margin-left: 12px;
}

.tabStyle {
  display: inline-block;
  background: var(--white-color);
  margin-left: 0px;
  padding: 0px 20px;
  width: 180px;
  height: 46px;
  display: flex;
  align-items: center;
  line-height: 1.2;
  /* margin-inline-start: 20px;  */
}

.main-UL {
  background: var(--white-color);
  /* margin-left: -45px; */
}

.overflow-UL {
  display: grid;
  background: var(--white-color);
  justify-items: end;
  align-items: center;
  justify-content: center;
  align-content: stretch;
  position: absolute;
  overflow-x: "hidden";
  overflow-y: "auto";
  max-height: "220px";
  right: 0px;
  top: 60px;
  z-index: 999;
  box-shadow: 3px 3px 5px 0px gainsboro;
}

.ic-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 0px;
  cursor: pointer;
  box-shadow: none !important;
  position: absolute;
  right: 0px;
  top: 15px;
  z-index: 99;
}

.bg-white {
  background: var(--white-color);
}

.ic-nav .fa-bars {
  font-size: 20px;
}

.overflow-UL > li > ul {
  background: var(--white-color);
  box-shadow: 0px 5px 5px #d6cece;
  margin: 4px 0 0 0;
  display: none;
  left: -220px !important;
  position: absolute;
  top: 0% !important;
}

.overflow-UL li {
  height: 38px;
}

.overflow-UL ul {
  margin-top: 0px !important;
}

.overflow-UL > li:hover {
  background-color: rgb(238, 238, 238) !important;
}

.overflow-UL > li {
  box-shadow: none !important;
  margin: 3px 0px !important;
  width: 100% !important;
}

.overflow-UL > li > ul > li {
  padding-top: 10px;
  padding-bottom: 10px;
}

.loader-style {
  /* height: calc(100vh - 484px); */
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-style img {
  margin-top: 3%;
}

.cart-wrap {
  position: relative;
  max-width: 300px;
  width: 100% !important;
}

.cart-close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 18px;
  color: var(--black-color);
}

.login-close {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 15px;
  font-size: 18px;
  color: var(--white-color);
}

.no-items-msg {
  font-weight: 600;
  color: var(--secondary-color);
  font-size: 15px;
}

.cart-helper-msg {
  color: var(--secondary-color);
  font-size: 13px;
}

.modal-cart-header {
  padding: 5px 0px 10px 15px;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid var(--primary-color);
}

.my-cart {
  color: var(--black-color);
  font-size: 15px;
  margin: 10px 0px;
}

.product-title {
  font-size: 30px;
  margin: 0px 0 20px 0;
}

.footer-social-md-links {
  margin: 0 0 18px 0;
  padding: 0;
}

.footer-social-md-links li {
  list-style: none;
  display: flex;
}

.footer-social-md-links li span {
  display: flex;
  border-radius: 50%;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #e7e7e7;
  color: var(--BG-color);
  align-items: center;
  justify-content: center;
  color: var(--black-color);
  margin-right: 6px;
  cursor: pointer;
}

.EZDrawer .EZDrawer__checkbox:checked ~ .EZDrawer__overlay {
  opacity: 0.6 !important;
}

.footer-social-md-links li span:hover {
  color: var(--white-color);
}

.footer-social-md-links .icon-fb:hover {
  background-color: #3b5a9a;
}

.footer-social-md-links .icon-insta:hover {
  background-color: #7c4a3a;
}

.footer-social-md-links .icon-youtube:hover {
  background-color: #f40e1a;
}

.footer-social-md-links .icon-twitter:hover {
  background-color: #1aa9e1;
}

.footer-social-md-links .icon-pinterest:hover {
  background-color: #d4323a;
}

.payment-logo {
  margin-top: 10px;
  display: flex;
  align-items: baseline;
}

.payment-logo h3 {
  margin-bottom: 0;
}

.sticky-header {
  position: sticky;
  top: 0;
  z-index: 2;
  box-shadow: 1px 5px 5px #00000008;
  background-color: var(--white-color);
}

.cat-nav {
  padding: 10px 5px;
}

.sub-cat-nav {
  margin: auto;
  position: absolute;
  z-index: 99;
  right: 30px;
}

.sub-cat-nav > ul:first-child {
  margin-top: 54px;
}

.sub-cat-nav li {
  margin: 0 0px !important;
}

.sub-cat-nav li:hover {
  background-color: rgb(238, 238, 238) !important;
}

.sub-cat-nav ul {
  box-shadow: 3px 3px 5px 0px gainsboro;
  padding-left: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

.sub-cat-nav .overflow-UL {
  left: -227px;
  top: 4px;
  /* min-height: 70px; */
  max-height: 190px;
  overflow: auto;
}

.sub-cat-nav .overflow-UL::-webkit-scrollbar {
  width: 5px;
}

.sub-cat-nav .overflow-UL::-webkit-scrollbar:horizontal {
  height: 5px;
}

.sub-cat-nav .overflow-UL {
  scrollbar-width: thin;
  /* scrollbar-color: #90A4AE #CFD8DC; */
}

.sub-cat-nav .overflow-UL li a {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 165px;
  display: inline-block;
}

.product-save {
  width: 90px;
}

.sub-cat-nav .overflow-UL::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
  height: 5px;
}

.sub-cat-nav .overflow-UL::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  border: 1px solid #eaeaea;
  min-height: 40px;
  max-height: 80px;
}

.sub-cat-nav .overflow-UL::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.w-90 {
  width: 90%;
}

.sub-cat-nav .tabStyle {
  box-shadow: none;
  height: 30px;
  padding-top: 19px;
  padding-bottom: 19px;
}

.recomm-products-grid .card {
  display: block;
}

.recomm-products-grid .card:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.recomm-products-grid .card h3 {
  font-size: 15px;
  color: var(--darkgrey-color);
}

.recomm-products-grid .card h3:hover {
  color: var(--primary-color);
}

.recomm-products-grid .productnumber {
  top: 0;
  left: 0;
}

.product-carousel h5 {
  margin: 0 0 20px 10px;
}

.recommended-img {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.cat-details-wrp .card {
  border: 1px solid #e8e8e8 !important;
  background-color: transparent !important;
  border-radius: 0px;
  padding-bottom: 5px;
}

.cat-details-wrp .card:hover {
  box-shadow: 0px 0px 7px 0px #f14f2257;
}

.discount-block {
  /* background: var(--tertiary-color); */
  color: var(--white-color);
  border-radius: 0px;
  padding: 4px 9px;
  font-size: 10px;
  font-weight: 600;
  margin: 1px 0 0 5px;
  display: inline-block;
  position: absolute;
  right: 15px;
  width: 59px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.product-list-wrp .discount-block,
.related-products .discount-block {
  margin-top: 0;
  right: 0;
}

.cartImage .discount-block {
  padding: 4px 0px;
  text-align: center;
}

.cat-details-wrp .card-body img {
  height: auto;
  width: 100%;
  display: table;
  margin: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-body p {
  display: -webkit-box;
  max-width: 200px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.width-20 {
  flex: 0 0 4% !important;
  max-width: 4% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.less-space {
  padding-right: 10px !important;
  padding-bottom: 26px;
}

.width-80 {
  flex: 0 0 96% !important;
  max-width: 96% !important;
}

.cat-details-wrp .card-body {
  padding: 0;
}

.cat-details-wrp .card-body:hover .product-image {
  box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
}

.product-carousel .card-body > div {
  margin-right: 10px;
  border: 1px solid #ebebeb;
  position: relative;
}

.productlisttitle {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 14px;
  margin: 8px 0px 5px 10px;
  /* text-align: center; */
}

.addtocartbutton {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 10px;
  background-color: var(--primary-color) !important;
  color: #fff;
  border: 1px solid var(--primary-color) !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  padding: 4px 15px !important;
  color: var(--white-color) !important;
}

.addtocartbutton:hover {
  background-color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color) !important;
  color: var(--white-color) !important;
}

.icn-cart {
  font-size: 14px !important;
  margin-right: 5px;
}

.addtocartbutton:focus {
  outline: none !important;
  box-shadow: none !important;
}

.btn-out-of-stock {
  margin-top: 8px;
  margin-bottom: 5.6px;
  font-size: 11px !important;
  border-radius: 0px !important;
  padding: 6px 5px !important;
  white-space: nowrap;
  margin-right: 8px;
}

.btn-out-of-stock:focus {
  box-shadow: none !important;
}

.out-of-stock {
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  top: 40%;
  padding: 8px 0;
  text-align: center;
  left: 0;
  right: 0;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  color: #fff;
}

.product-size-text {
  border: 1px solid #e8e8e8 !important;
  margin: 5px -3px 0 9px;
  background-color: #dfdfdf;
  color: #000;
  padding: 1px 4px 0;
  font-size: 11px;
  min-width: 50px;
  border-radius: 3px;
}

.price-amt-light {
  color: #a0a0a0;
  font-size: 13px;
  text-decoration: line-through;
  margin-top: 2px;
  font-family: "Rubik", "Roboto" !important;
}

.price-amt-dark {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 600;
}

.product-add-delete {
  margin: 9px 20px 8px 0px;
  display: flex;
  position: relative;
  right: -11px;
}

.product-details-wrap .product-add-delete {
  margin: 24px 10px 33px 0px;
  position: relative;
  right: 0px;
}

.product-add-delete button {
  border: 1px solid var(--lightgrey-color);
  padding: 5px 10px;
  font-size: 14px;
}

.product-list-grid .product-add-delete button {
  padding: 2px 6px;
}

.product-list-grid .product-add-delete .cart-quantity {
  width: 22px;
}

.product-details-wrap .column-space .product-desc {
  margin: 25px 0 0px 0;
}

.cart-quantity {
  border-top: 1px solid var(--lightgrey-color);
  border-bottom: 1px solid var(--lightgrey-color);
  display: inline-block;
  width: 30px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-quantity:focus {
  outline: none;
}

.regular-sale-price {
  margin: 10px 0 0px 10px;
}

.btn-active {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.dashboard-col {
  border: 2px solid #e7e7e7;
  background: var(--white-color);
  min-height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease-in-out;
  margin-bottom: 15px;
}

.dashb-icns {
  font-size: 48px;
  color: var(--lightgrey-color);
  margin-bottom: 0px;
  margin-top: -15px;
}

.dashboard-col:hover .dashb-icns .fa {
  transform: scale(1.2);
  color: var(--primary-color);
  transition: all 0.4s ease-in-out;
}

.dashb-icns .fa:hover {
  transform: scale(1.2);
  transition: transform 0.2s, transform 0.2s;
}

.dashb-titles {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--black-color);
}

.my-account-title {
  color: var(--black-color);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 18px;
}

.account-tab {
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

.address-fields {
  display: flex;
}

.add-new-add-dialog .address-fields {
  display: block;
  margin-bottom: 12px;
}

.add-new-add-dialog .address-fields input {
  border: 1px solid var(--secondary-color);
  width: 100%;
  padding: 7px 5px;
}

.add-new-add-dialog .address-fields input:focus {
  /* border: 1px solid var(--primary-color); */
  width: 100%;
  outline: none;
}

.add-new-add-dialog .col-sm-6 {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-address {
  display: flex;
}

.btn-address button {
  background-color: var(--secondary-color);
  color: var(--white-color);
  border: 0px;
  padding: 9px 20px;
  margin: 10px 4px 14px;
  width: 195px;
}

.btn-address button:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.btn-address {
  margin-bottom: -20px;
}

.btn-address button:focus {
  outline: none;
}

.add-new-add-dialog label {
  margin-bottom: 0;
}

.address-fields label {
  display: block;
}

.address-card {
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  padding: 20px 20px 10px 20px;
  margin-bottom: 20px;
  position: relative;
}

.address-home-icon {
  margin-right: 8px;
  margin-top: 0px;
}

.address-home-icon .fa {
  font-size: 55px;
  display: block;
  color: var(--lightgrey-color);
  margin-bottom: 12px;
}

.btn-delete-add {
  border: 0px;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 10px 10px;
  margin: 0px 0 0px;
  font-size: 12px;
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0;
}

.btn-delete-add:hover {
  background: var(--tertiary-color);
}

.btn-delete-add .fa {
  margin-right: 5px;
}

button:focus {
  outline: none !important;
}

.address-col:hover .btn-delete-add {
  opacity: 1;
  transition: 0.5s ease-in-out;
}

.account-details-panel .sub-title {
  font-size: 15px;
  margin: 0 0 22px 0;
  display: flex;
  align-items: center;
}

.btn-add-new-add {
  background: var(--tertiary-color);
  color: var(--white-color);
  border: 0px;
  padding: 7px 10px;
}

.btn-add-new-add:hover {
  background: var(--primary-color);
}

.btn-add-new-add .fa {
  margin-right: 5px;
  margin-top: 1px;
}

.address-col {
  border: 2px solid #e7e7e7;
  padding: 15px;
  min-height: 140px;
  position: relative;
}

.add-wrap {
  /* padding: 15px; */
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.add-wrap span {
  /* display: inline-block; */
}

.address-wrap {
  border: 2px solid var(--lightgrey-color);
  padding: 15px;
  margin-bottom: 25px;
}

.address-wrap button {
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 7px 10px;
  border: 0px;
  margin-top: 10px;
}

.address-wrap button:hover {
  background-color: var(--tertiary-color);
  color: var(--white-color);
}

.title-with-icon .fa {
  color: var(--lightgrey-color);
  font-size: 35px;
  margin-right: 10px;
}

.order-label {
  font-size: 10px;
}

.order-detail-label {
  font-weight: 600;
  font-size: 12px;
}
/* changes by me */
.order-item-right {
  display: flex;
  justify-content: flex-end;
}

.wallet-img img {
  width: 100%;
  height: auto;
}

.no-act-title {
  font-size: 18px;
  margin-bottom: 15px;
}

.product-details-wrap .bg-white {
  padding: 40px 15px;
}

.product-details-wrap .product-size-text {
  margin: 5px 10px 0 0px;
  padding: 5px 15px;
}

.product-details-wrap .price-amt-light {
  font-size: 20px;
  margin-top: 4px;
}

.product-details-wrap .price-amt-dark {
  font-size: 25px;
}

.product-save {
  font-weight: 600;
  font-size: 12px;
}

.product-details-wrap .product-save {
  margin-top: 6px;
  width: auto;
  margin-left: 39px;
  font-size: 16px;
}

.image-magnifier-wrp .out-of-stock {
  top: 40%;
}

.thumb-grid {
  justify-content: flex-start;
}

.gallery-wrap {
  display: flex;
}

.thumb-col {
  width: 10%;
  margin-right: 8px;
}

.product-dtls-col {
  width: 90%;
  position: relative;
}

.thumb-grid img {
  border: 1px solid var(--tertiary-color);
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
}

.thumb-grid-active img {
  border: 1px solid transparent;
  box-shadow: 0px 0px 2px 1px #f14f22b0;
}

.image-magnifier-wrp .smallImage {
  border: 1px solid #f4f4f4;
}

.smallImage img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  flex: 1;
}

.product-details-wrap .position-relative {
  padding-left: 0;
  /* padding-right: 0; */
}

.product-details-wrap .btn-out-of-stock {
  margin: 0;
}

.product-details-wrap .addtocartbutton {
  font-size: 14px !important;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 22px !important;
  margin-left: 0;
}

.product-details-wrap .icn-cart {
  font-size: 16px !important;
  margin-right: 8px;
}

.product-desc {
  margin: 25px 0 40px 0;
}

.product-desc body {
  background-color: var(--white-color) !important;
}

.product-desc-text h4 {
  font-size: 14px;
  border-bottom: 1px solid var(--lightgrey-color) !important;
  padding-bottom: 5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

/* .product-desc h4 span {
  border-bottom: 2px solid var(--black-color);
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  bottom: -1px;
} */

.product-desc p {
  margin: 0px 0 10px 0;
}

.related-products-title {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--black-color);
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 12px;
}

.otp-title {
  font-size: 13px;
  margin-bottom: 7px;
  margin-top: 25px;
  color: var(--tertiary-color);
}

.otp-box input {
  width: 50px !important;
  height: 40px;
  margin-right: 18.7px;
  border: 1px solid var(--primary-color);
  border-radius: 2px;
}

.otp-box input:focus {
  outline: none;
}

.resend-otp-btn {
  color: var(--black-color);
  cursor: pointer;
}

.errr-msg {
  color: var(--red-color);
}

.cursor-pointer {
  cursor: pointer;
}

.Toastify__progress-bar,
.Toastify__progress-bar--default {
  display: none;
}

.cartCheckout {
  display: flex;
}

.removeCart {
  border: 0px;
  background: var(--primary-color);
  color: #fff;
  margin-top: 10px;
  margin-left: 5px;
  font-size: 11px;
}

.removeCart:hover {
  background: var(--secondary-color);
}

.cartCheckout .product-add-delete {
  margin: 11px 0px 0px 0px;
  display: flex;
}

.cartCheckout .product-add-delete button {
  padding: 1px 7px;
}

.cartCheckout .product-add-delete .cart-quantity {
  width: 25px;
}

.cartImage {
  padding-left: 20px;
  padding-right: 20px;
}

.cartImage .row {
  border-bottom: 1px solid var(--lightgrey-color);
}

.product-name {
  margin-bottom: 7px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mr-3px {
  margin-right: 3px;
}

.items-mrp-line-through {
  color: #a0a0a0;
}

.cart-total {
  font-weight: 600;
  font-size: 14px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 10px;
}

.cart-total-save {
  color: #219653;
}

.cartImage .col-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.ProceedToCheckout {
  margin: 10px 0px 0;
}

.ProceedToCheckout button {
  width: 100%;
  border: 0px;
  background: var(--black-color);
  color: #fff;
  padding: 10px 10px;
}

.ProceedToCheckout button:hover {
  background: var(--tertiary-color);
}

.order-list {
  overflow-y: auto;
  height: calc(100vh - 82px);
}

.order-list::-webkit-scrollbar {
  width: 5px;
}

.order-list::-webkit-scrollbar:horizontal {
  height: 5px;
}

.order-list {
  scrollbar-width: thin;
  /* scrollbar-color: #90A4AE #CFD8DC; */
}

.order-list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
  height: 5px;
}

.order-list::-webkit-scrollbar-thumb {
  background-color: #eaeaea;
  border-radius: 6px;
  border: 1px solid #eaeaea;
  min-height: 40px;
  max-height: 80px;
}

.order-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.cartImage::-webkit-scrollbar {
  width: 5px;
}

.cartImage::-webkit-scrollbar:horizontal {
  height: 5px;
}

.cartImage {
  scrollbar-width: thin;
  /* scrollbar-color: #90A4AE #CFD8DC; */
}

.cartImage::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
  height: 5px;
}

.cartImage::-webkit-scrollbar-thumb {
  background-color: #eaeaea;
  border-radius: 6px;
  border: 1px solid #eaeaea;
  min-height: 40px;
  max-height: 80px;
}

.cartImage::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.product-detail::-webkit-scrollbar {
  width: 5px;
}

.product-detail::-webkit-scrollbar:horizontal {
  height: 5px;
}

.product-detail {
  scrollbar-width: thin;
  /* scrollbar-color: #90A4AE #CFD8DC; */
}

.delivery-msg-dialog {
  text-align: center;
  color: #000;
  font-size: 14px;
}

.delivery-msg-dialog p {
  margin-bottom: -10px;
}

.error-icon {
  width: 50px;
  display: block;
  margin: 0 auto 12px;
}

.product-detail::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
  height: 5px;
}

.product-detail::-webkit-scrollbar-thumb {
  background-color: #eaeaea;
  border-radius: 6px;
  border: 1px solid #eaeaea;
  min-height: 40px;
  max-height: 80px;
}

.product-detail::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.product-detail .row {
  margin-bottom: 10px;
}

.cartImage {
  overflow-y: auto;
  height: calc(100vh - 160px);
  padding-top: 10px;
}

.EmptyCart-cart__img {
  width: 85%;
  display: table;
  margin: auto;
  margin-top: 35%;
}

.btn-start-shop {
  background: var(--primary-color);
  border: 0px;
  padding: 8px 20px;
  display: table;
  margin: 0 auto;
  margin-top: 15px;
  color: var(--white-color);
}

.btn-start-shop:hover {
  background: var(--tertiary-color);
}

.ProductSizeSliderCenter .slick-slide {
  width: auto !important;
}

.column-space {
  margin-left: 22px;
}

.order-details {
  border: 2px solid var(--lightgrey-color);
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
  padding-top: 20px;
  background-color: var(--white-color);
  padding-bottom: 20px;
  color: var(--black-color);
  margin-bottom: 20px;
}

.font-bold {
  font-weight: bold;
}

.text-black {
  color: var(--black-color);
}

.terms-line {
  margin-left: 10px;
  position: relative;
  top: -3px;
  font-size: 12px;
  color: #1a1a1a;
}

.btn-place-order {
  background-color: var(--secondary-color);
  color: #fff;
  font-size: 14px;
  border: 0px;
  width: 100%;
  padding: 8px 0px;
  opacity: 0.5;
  pointer-events: none;
}

/* .btn-place-order:hover {
  background-color: var(--primary-color);
} */

.btn-place-order-active {
  background-color: var(--primary-color);
  opacity: 1;
  pointer-events: initial;
}

.check-disp button {
  background: var(--secondary-color);
  font-size: 13px;
  color: var(--white-color);
  border: 0px;
  padding: 6px 15px;
  margin-top: 10px;
  margin-right: 15px;
}

.check-disp button:hover {
  background: var(--primary-color);
}

.btn-order-summary {
  background: var(--secondary-color);
  font-size: 14px;
  color: var(--white-color);
  border: 0px;
  padding: 6px 15px;
  margin-bottom: 30px;
}

.btn-order-summary:hover {
  background: var(--primary-color);
}

.btn-del-here {
  background: var(--secondary-color);
  font-size: 14px;
  color: var(--white-color);
  border: 0px;
  padding: 6px 15px;
  margin-bottom: 10px;
}

.btn-del-here:hover,
.btn-delete-address:hover {
  background: var(--primary-color);
}

.btn-delete-address {
  background: var(--secondary-color);
  font-size: 14px;
  color: var(--white-color);
  border: 0px;
  padding: 6px 15px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.recommended-list {
  /* max-width: fit-content !important; */
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  top: -5px;
  height: 5px;
  width: 100%;
  pointer-events: none;
  background: none;
  -webkit-appearance: none;
}

.delivery-add-text {
  margin-bottom: 10px;
}

.delivery-add-text span {
  display: inline-block;
}

.title-apply-code {
  font-size: 13px;
  font-weight: 500;
  margin-top: 18px;
  color: #318931;
}

.coupon-field {
  border: 1px solid var(--secondary-color);
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  width: 100%;
}

.ic-pay {
  position: relative;
  top: -1px;
  margin-right: 5px;
  font-size: 15px;
  color: #262626;
}

.coupon-field:focus {
  outline: none;
}

.title-order {
  font-size: 15px;
  font-weight: 500;
  background: var(--tertiary-color);
  color: #fff;
  padding: 8px 0 8px 15px;
  margin-bottom: 12px;
}

.chkt-welcome-bx {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.product-carousel .alice-carousel__next-btn-item span {
  padding: 20px 9px;
  margin-left: -11px;
}

.product-carousel .alice-carousel__prev-btn-item span {
  padding: 20px 9px;
  margin-left: -11px;
}

.product-carousel .alice-carousel__next-btn,
.product-carousel .alice-carousel__prev-btn {
  z-index: 0;
}

.filterButton {
  font-size: 10px;
}

.shop-cart-img img {
  width: 120px;
}

.recommended-slider .product-add-delete button {
  padding: 2px 6px;
}

.recommended-slider .product-add-delete .cart-quantity {
  width: 26px;
}

.btn-out-of-stock {
  opacity: 0.5;
  border: 1px solid #f8f9fa !important;
}

.btn-out-of-stock:hover {
  background-color: #f8f9fa !important;
}

.sort-button button {
  border: 1px solid #f3d7d3;
}

.sort-button button:not(:last-child) {
  border-right: none;
}

.thumb-grid .alice-carousel__prev-btn,
.thumb-grid .alice-carousel__next-btn {
  display: none;
}

.fa-copyright {
  font-size: 12px !important;
  margin-right: 3px;
  top: -1px;
  position: relative;
}

.sub-groups {
  background-color: #f3d7d3;
  padding-right: 100px;
  width: 200px;
}

.no-internet {
  text-align: center;
  height: 300px;
  padding-top: 85px;
  background-color: white;
  padding-block-end: 40px;
}
.no-internet-img {
  height: 100px;
  width: 100px;
}

.btn-add-new-address {
  position: absolute;
  top: 0;
  right: 0;
}

.postal-code {
  position: absolute;
  right: 30px;
}

.add-home-icn {
  margin-right: 10px;
}

.terms-and-conditions {
  display: flex;
  align-items: baseline;
}

.main-summary #myCheck-pay {
  accent-color: var(--secondary-color);
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-left: 0;
}

.terms-and-conditions input {
  accent-color: var(--secondary-color);
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.start-shoping {
  background: var(--secondary-color);
  border: 0;
  color: #fff;
  padding: 8px 20px;
  margin-bottom: 20px;
}

.start-shoping:hover {
  background: var(--primary-color);
}

.start-shoping .fa-shopping-cart {
  margin-left: 5px;
}

.summary-prdct-list {
  padding-left: 30px !important;
  margin-top: 48px;
}

.summary-prdct-list img {
  float: right;
  height: 90px;
  margin-bottom: 15px;
  width: 90px;
}

.order-placed-success {
  color: green;
  font-weight: 600;
}

.item-list span {
  font-weight: 600;
}

.cross-button {
  color: var(--primary-color);
  padding-left: 600px;
}
.product-list-wrp {
  display: flex;
}

.product-details-wrap .btn-out-of-stock,
.product-details-wrap .btn-out-of-stock:hover {
  font-size: 14px !important;
  padding: 10px 20px !important;
  background: #e4e4e4 !important;
}

.filter-box {
  font-size: 12px;
}

.mobile-cart {
  padding-right: 1.5rem;
}

.address-height {
  min-height: 185px;
}

.address-deliver-charges-button {
  font-weight: 600;
}

.btn-deliver-pnl {
  bottom: 25px;
}

.checkout-address {
  line-height: 20px;
  margin-top: 12px;

  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  min-height: 60px;
}

.checkout-address span {
  /* display: inline-block; */
}

.bx-bot {
  width: 0;
  height: 0;
  border-left: 29px solid transparent;
  border-right: 29px solid transparent;
  position: absolute;
  bottom: -5px;
  left: 0px;
  border-top: 5px solid rgba(0, 0, 0, 0.5);
}

.block-cart {
  width: 44px !important;
  left: -5px !important;
  margin-top: -12px !important;
  font-size: 8px;
  padding: 3px 0px !important;
}

.block-cart .bx-bot {
  border-left: 23px solid transparent;
  border-right: 22px solid transparent;
}

.save-cart {
  background-color: #9bff8c54;
  color: #26a209;
  padding: 2.5px 10px 1px;
  font-size: 11px;
  display: inline-block;
  margin-bottom: 6px;
  text-transform: uppercase;
  border: 1.5px solid #26a209;
  border-radius: 3px;
}

.creDbt-text {
  position: absolute;
  top: 9px;
  left: 31px;
}

.date-text {
  position: absolute;
  top: 9px;
  right: 31px;
}

.address-card-wallet {
  padding-left: 15px;
  padding-right: 15px;
}

.text-semi-bold {
  font-weight: 600;
}

.wallet-bal-txt {
  font-size: 15px;
  display: flex;
  align-items: baseline;
  margin-bottom: 8px;
}

.wallet-bal-txt h3 {
  font-size: 15px;
  font-weight: 600;
  margin-right: 6px;
}

.green-color {
  color: var(--green-color);
}

.red-color {
  color: var(--red-color);
}

.address-card-wallet .curuncy-Format {
  color: var(--secondary-color);
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

.filter-wrap > div:nth-child(2) {
  border-radius: 0px 0px 0 0 !important;
  padding-top: 10px !important;
}

.filter-wrap > div:nth-child(2) .flexBtw svg {
  margin-right: 10px;
}

.filter-wrap > div:nth-child(2) .Btn-container {
  margin-right: 7px;
}

.filter-wrap > div:nth-child(2) .Btn-container .f-btns {
  width: 100%;
}

.filter-wrap > div:nth-child(2) .sort-button {
  margin-top: 28px;
}
.filter-wrap > div:nth-child(2) .sort-btn {
  width: 48%;
  margin-right: 5px;
}

.filter-wrap > div:nth-child(2) .sort-btn-asc {
  width: 48%;
}

.filter-wrap > div:nth-child(2) .fliter-clr-btn {
  margin-right: 15px;
}

.cartCheckout .product-add-delete {
  right: 0;
}

.ml-3px {
  margin-left: 2px;
  color: var(--secondary-color);
}

.address-name {
  font-weight: 600;
}

.product-list-grid {
  justify-content: space-between;
}

.payment-cards {
  display: flex;
  margin-bottom: 45px;
  margin-top: 25px;
}

.py-3rem {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.btn-start-shop {
  display: none;
}

.product-slider .alice-carousel__stage-item img {
  /* aspect-ratio: 450/160;
  max-width: 100vw;
  min-width: 100vw;
  vertical-align: bottom;
  width: 100vw;
  max-height: initial;
  height: 100%;
  object-fit: scale-down; */
  width: 100%;
  height: auto;
}

.download-app img {
  width: 110px;
  cursor: pointer;
}

.download-app img:first-child {
  margin-right: 7px;
}

.download-app a {
  margin-left: 0;
}

.recommended-slider .alice-carousel__wrapper {
  text-align: left;
}

.top-text-wrapper {
  margin: 20px 0 30px 0;
}

.top-text-wrapper h4 {
  font-size: 24px;
  margin-bottom: 10px;
}

.top-text-wrapper code {
  font-size: 0.85em;
  background: linear-gradient(90deg, #fce3ec, #ffe8cc);
  color: #ff2200;
  padding: 0.1rem 0.3rem 0.2rem;
  border-radius: 0.2rem;
}

.tab-section-wrapper {
  padding: 30px 0;
}

/* ******************* Main Styeles : Radio Card */
label.radio-card {
  cursor: pointer;
  display: block !important;
}

label.radio-card .card-content-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  border: 0.5px solid #dddbdb73;
  background: #fff;
  border-radius: 3px;
  min-height: 115px;
  width: 100%;
  padding: 15px;
  display: grid;
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
  transition: 200ms linear;
  position: relative;
}

label.radio-card .check-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 2px #e3e3e3;
  border-radius: 50%;
  transition: 200ms linear;
  position: relative;
}

label.radio-card .check-icon:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center center;
  transform: scale(1.6);
  transition: 200ms linear;
  opacity: 0;
}

label.radio-card input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

label.radio-card input[type="radio"]:checked + .card-content-wrapper {
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5),
    0 0 0 2px var(--primary-color);
}

label.radio-card
  input[type="radio"]:checked
  + .card-content-wrapper
  .check-icon {
  background: var(--primary-color);
  border-color: var(--primary-color);
  transform: scale(1.2);
}

label.radio-card
  input[type="radio"]:checked
  + .card-content-wrapper
  .check-icon:before {
  transform: scale(1);
  opacity: 1;
}

label.radio-card input[type="radio"]:focus + .card-content-wrapper .check-icon {
  box-shadow: 0 0 0 4px #f14f2237;
  border-color: var(--primary-color);
}

label.radio-card .card-content img {
  margin-bottom: 0px;
}

label.radio-card .card-content h4 {
  font-size: 16px;
  letter-spacing: -0.24px;
  text-align: center;
  color: #1f2949;
  margin-bottom: 10px;
}

label.radio-card .card-content h5 {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #686d73;
}

.w-5 {
  width: 5%;
}

.top-category-menu {
  margin-left: 40px;
}

.top-category-menu > div {
  justify-content: center;
}

.trash-ic {
  font-size: 10px !important;
  position: relative;
  top: -2px;
}

.slot-disabled {
  background: #d2d2d2;
  opacity: 0.5;
  cursor: not-allowed;
}

.amt-save {
  white-space: nowrap;
}

.addViewMore {
  position: absolute;
  right: 15px;
  font-size: 9px;
  font-weight: 500;
  color: var(--primary-color);
}

/* .slick-prev,
.slick-next,
.slick-prev:hover,
.slick-next:hover {
  width: 20px;
  height: 50px;
  background: #fff;
  box-shadow: 0px 1px 8px 0px #cccccce3;
}

.slick-prev:before,
.slick-next:before {
  color: var(--secondary-color);
}

.slick-track {
  margin-left: 0 !important;
  margin-right: 0 !important;
} */

.animation {
  overflow: hidden;
  max-height: 0;
  transition: all 0.4s ease-in;
  box-sizing: border-box;
}

.fadeAnimation {
  opacity: 0;
  transition: all 0.3s ease-in;
}

.shop-btn-product {
  border: 1px solid rgb(80 80 80);
  cursor: pointer;
  margin: 0 auto;
  width: 250px;
  background: var(--primary-color);
  color: white;
  font-size: 11px;
  padding: 5px 15px;
  border-radius: 3px;
}

.tagHidden {
  visibility: hidden;
  height: 0;
}

.securityBlock {
  background: #fff212;
  padding: 2px 13px;
  border-radius: 3px;
  position: relative;
  top: 3px;
  color: #2d324a;
}

/* Page responsive css here only(for Media query) */

@media only screen and (max-width: 600px) {
  /* Extra small devices (phones, 600px and down) */
}

@media only screen and (min-width: 600px) {
  /* Small devices (portrait tablets and large phones, 600px and up) */
}

@media only screen and (min-width: 768px) {
  /* Medium devices (landscape tablets, 768px and up) */
}

@media only screen and (min-width: 992px) {
  /* Large devices (laptops/desktops, 992px and up) */
}

@media only screen and (min-width: 1200px) {
  /* Extra large devices (large laptops and desktops, 1200px and up) */
}

.multi-action {
  display: none;
  position: fixed;
}

.action-button {
  position: absolute;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  border: 0;
  outline: 0;
  background: #f44336;
  font-size: 24px;
  color: white;
  z-index: 2;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  transition: all 0.3s;
}

.filter-mob-ic {
  font-size: 14px !important;
  position: relative;
  top: 0px;
}

.web-filter {
  display: block;
}

.mob-filter {
  display: none;
}

.f-section {
  border-bottom: 1px solid #efefef;
  padding: 0px 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  width: 175px;
}

.filter-header-fix {
  position: fixed;
  width: 96%;
  background: white;
  top: 10px;
  left: 7px;
}

.get-app-container-mobile {
  display: none;
}

.get-app-cross-img {
  font-size: 12px;
  border: 1px solid var(--primary-color);
  border-radius: 100%;
  position: absolute;
  color: var(--white-color);
  background-color: #2d2d2d;
  left: 10px;
  height: 22px;
  width: 22px;
  top: 10px;
  cursor: pointer;
  z-index: 9999;
}

.get-app-cross-img > span {
  position: relative;
  left: 3px;
  top: 0px;
}

.get-app-cross-img > span svg {
  font-size: 14px;
}

.footer-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer-label > .get-text {
  width: 100%;
  color: white;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 10px 10px 45px;
}

.footer-label > .get-Icons {
  display: flex;
  justify-content: center;
  width: 15%;
  background: var(--primary-color);
}

.common-image-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.download--apps__img {
  height: 40px;
  width: 40px;
  padding: 5px;
}

.categories-mob-slider {
  display: none;
}

.categories-web {
  display: flex;
}

.mob-slider-wrap .alice-carousel ul li {
  margin: 10px;
}

.playerResponsive {
  width: 75%;
  margin: 0 auto;
}

@media only screen and (max-width: 600px) {
  .playerResponsive {
    width: 70%;
    margin: 0 auto;
  }
  .order-pd {
    padding: 0px 10px;
  }

  .mobile-slider {
    margin: 0 0px;
  }

  .mobile-slider .card-border {
    border: 4px solid #fff !important;
  }

  .loader-Circle {
    /* min-height: 127px !important ; */
  }

  .detail-dropdown {
    width: 100%;
  }

  .categories-mob-slider {
    display: block;
  }

  .categories-web {
    display: none;
  }

  .multi-action {
    display: inline-block;
    position: fixed;
    width: 45px;
    height: 45px;
    margin: 300px 0 0 -28px;
    right: 10px;
    bottom: 10px;
    z-index: 9999;
  }

  .mobile-top-spc {
    margin-top: 18px;
  }

  .get-app-container-mobile {
    display: block;
    background-color: var(--primary-color);
    width: -moz-fit-content;
    width: 100%;
    position: fixed;
    bottom: -1px;
    left: 0;
    height: 45px;
    display: block !important;
    z-index: 999;
  }

  .acc-wrap-tab {
    display: flex;
    flex-wrap: inherit;
  }

  .dashb-titles {
    font-size: 12px;
  }

  .left-acc-menu {
    display: none;
  }

  .otp-box input {
    width: 33px !important;
    height: 30px;
  }

  .sub-cat-nav ul {
    right: -17px;
  }

  .sub-cat-nav .overflow-UL {
    left: -200px;
    width: 200px;
  }

  .medium-Model h3 {
    font-size: 16px;
  }

  .sign-in-track {
    font-size: 12px;
  }

  .web-filter {
    display: none;
  }

  .mob-filter {
    display: block;
    padding: 0 15px;
  }

  .f-section {
    width: 100%;
  }

  .action-button {
    font-size: 0px;
    padding: 0px;
  }
}

@media (max-width: 575px) {
  .playerResponsive {
    width: 100%;
    margin: 0 auto;
  }
  .related-products {
    max-width: 440px;
    width: 100%;
    margin: 0 auto;
  }

  .details-img-container {
    max-width: 320px;
    margin: 0 auto !important;
  }

  .product-details-wrap .position-relative {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 420px) {
  .related-products {
    /* max-width: 340px; */
    width: 100%;
    margin: 0 auto;
  }
}

.rbt-aux {
  position: absolute;
  top: 33px;
  z-index: 99;
  right: 15px;
}

.rbt-aux > div {
  color: var(--primary-color);
}

.shop-btn {
  border: 1px solid rgb(196, 82, 16);
  cursor: pointer;
  margin: 0 auto;
  width: 150px;
  background: var(--primary-color);
  color: white;
  font-size: 10px;
  padding: 5px;
  border-radius: 3px;
}

.shop-btn-product {
  border: 1px solid rgb(80 80 80);
  cursor: pointer;
  margin: 0 auto;
  width: 250px;
  background: var(--primary-color);
  color: white;
  font-size: 11px;
  padding: 5px 15px;
  border-radius: 3px;
}

.toaster-wrap > div:first-child {
  inset: 75px 20px !important;
}

.progressContainer {
  align-content: center;
  position: relative;
  width: auto;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  padding: 2rem;
  color: rgb(125, 124, 124);
}
.progress {
  position: relative;
  padding: 0 1rem 0 3.5rem;
  margin: 2rem 0 0;
  list-style: none;
  display: block !important;
  height: 17rem !important;
}
.progress__item {
  position: relative;
  min-height: 75px;
  counter-increment: list;
  padding-left: 0.5rem;
  justify-content: center;
  align-content: center;
  position: middle;
  list-style-type: none;
  left: 35px;
  margin-right: 20px;
}
.progress__item:before {
  content: "";
  position: absolute;
  left: -1.7rem;
  top: 28px;
  height: 93%;
  width: 1px;
  border-left: 1px solid rgb(186 186 186) !important;
}
.progress__item:after {
  content: counter(list);
  position: absolute;
  top: 0;
  left: -2.5rem;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5rem;
  text-align: center;
  border: 1px solid rgb(125, 124, 124);
}
.progress__item:last-child:before {
  border: none;
}
/* .progress__item.progress__item--active:after {
  background: #fff;
  color: black;
  font-weight: bold;
} */
.progress__title {
  padding: 5px 0 0.5rem;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}
.progress__info {
  font-size: 13px;
}
@keyframes gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}

.check-circle {
  position: absolute;
  top: 0px;
  left: -40px;
  z-index: 1;
}

.svg-success {
  display: inline-block;
  vertical-align: top;
  height: 26px;
  width: 26px;
  opacity: 1;
  overflow: visible;
}

@keyframes success-tick {
  0% {
    stroke-dashoffset: 16px;
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 31px;
    opacity: 1;
  }
}

@keyframes success-circle-outline {
  0% {
    stroke-dashoffset: 72px;
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0px;
    opacity: 1;
  }
}

@keyframes success-circle-fill {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ic-edit {
  margin-left: 0px;
  margin-right: 5px;
  position: relative;
  top: -1px;
  left: -3px;
}

.btn-remove-coupon .ic-edit {
  top: 0px;
  left: 0px;
  margin-right: 0px;
}

.amt-payble-txt {
  border-top: 1px solid #c7c7c7;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
}

.amt-payble-txt .curuncy-Format {
  font-size: 14px;
  font-weight: 500 !important;
}

.inc-all-txt {
  font-size: 11px;
  font-weight: 400;
  color: #828282;
}

.success-tick {
  fill: none;
  stroke-width: 1px;
  stroke: #ffffff;
  stroke-dasharray: 15px, 15px;
  stroke-dashoffset: -14px;
  animation: success-tick 450ms ease 1400ms forwards;
  opacity: 0;
}

.success-circle-outline {
  fill: none;
  stroke-width: 1px;
  stroke: #81c038;
  stroke-dasharray: 72px, 72px;
  stroke-dashoffset: 72px;
  animation: success-circle-outline 300ms ease-in-out 800ms forwards;
  opacity: 0;
}

.success-circle-fill {
  fill: #81c038;
  stroke: none;
  opacity: 0;
  animation: success-circle-fill 300ms ease-out 1100ms forwards;
}

.date-box {
  border-radius: 0px;
  box-shadow: 2px 2px 6px 0px lightgrey;
  width: 120px;
  height: 65px;
  position: relative;
  margin: 10px 5px 10px 5px;
  text-align: center;
  justify-content: center;
  display: grid;
  padding: 5px;
  border-radius: 4px;
}

.slots-margin {
  margin-left: 5px;
}

.date-box:hover {
  background: var(--primary-color);
  color: white;
  transition: 0.3s ease-in-out;
}

.time-box {
  text-align: center;
  background: var(--white-color);
  padding: 10px;
  border-radius: 0px;
  color: black;
  border-radius: 4px;
  margin: 5px;
  min-width: 268px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.time-box:hover {
  background: var(--primary-color);
  transition: 0.3s ease-in-out;
  color: var(--white-color);
}

.deli-date {
  color: var(--white-color);
  background: var(--primary-color);
  position: relative;
}

.deli-date:before {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: inherit;
  content: "";
  display: block;
  bottom: -5px;
  left: calc(50% - 5px);
  transform: rotate(45deg);
}

.main-wl {
  color: #858585;
  font-size: 10px;
  border-bottom: 1.5px solid #f0f0f0;
  padding-bottom: 5px;
}

.coupon-container {
  border: 1px solid #eaeaea;
  padding: 5px 14px 10px;
  margin: 10px 0px;
  border-radius: 3px;
  background: #42b64233;
  width: -moz-fit-content;
  position: relative;
  top: 10px;
  /* width: fit-content; */
}

.tag-coupon {
  font-size: 15px;
  margin-right: 5px;
  color: #42b642;
}

.inactive-coupon {
  position: absolute;
  right: 103px;
  font-size: 9px;
  font-style: italic;
  color: red;
  font-weight: 500;
  background: #ff00000f;
  padding: 2px 5px;
  border-radius: 2px;
  top: 8px;
}

.active-coupon {
  position: absolute;
  right: 105px;
  font-size: 9px;
  font-style: italic;
  color: #418f1a;
  font-weight: 500;
  background: #205a1617;
  padding: 2px 5px;
  border-radius: 2px;
  top: 8px;
}

.proceed-btn {
  background: #fff2de;
  color: #ff5722;
  padding: 8px 40px;
  border: 1px solid #ff5722;
  width: -webkit-fill-available;
  margin: 10px 0px;
  position: relative;
  left: 0px;
}

.proceed-btn > span:last-child {
  margin-left: 10px;
}

.pay-card {
  width: 290px;
  height: 200px;
  background: #ffffff;
  box-shadow: 4px 4px 10px 3px #9a9a9a21;
  margin-right: 10px;
  margin-top: 15px;
  position: relative;
  border: 1px solid transparent;
  transition: 0.3s ease-in-out;
}

.pay-card-active {
  border: 1px solid var(--primary-color);
}

.pay-mode {
  background: var(--secondary-color);
  text-align: center;
  padding: 6px;
  color: white;
  position: absolute;
  bottom: 0;
  left: -1px;
  width: -webkit-fill-available;
}

.pay-card:hover .pay-mode {
  background: var(--primary-color);
  transition: 0.3s ease-in-out;
}

.payOption-img {
  display: table;
  margin: 0 auto;
  text-align: center;
  height: 90px;
  position: absolute;
  right: 15px;
}

.card-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px;
}

.flexBtw {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  justify-content: space-between;
}

.flexNone {
  justify-content: unset;
}

.pay-container {
  margin: 18px 35px;
}

#myCheck-pay {
  margin: 10px;
  position: relative;
  top: 3px;
}

.wallet-list-sm {
  font-size: 10px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #828282;
}

.cancelBtn {
  background-color: transparent !important;
  color: var(--primary-color) !important;
}

.viewBtn {
  background: transparent;
  border: none;
  font-size: 11px;
  color: var(--primary-color);
  padding-right: 0;
}

.viewBtn:hover {
  font-weight: 600;
}

.viewBtn > svg {
  font-size: 18px;
  position: relative;
  top: -1px;
}

.txt-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-txt {
  font-size: 12px;
  color: #6e6868;
  margin: 4px 0px;
}

.cartIcon-notify {
  position: relative;
  left: -20px;
  top: 6px;
  cursor: pointer;
}

.quickHeader-logo {
  z-index: 99;
  width: 90px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  left: 25px;
  top: 7px;
}

.quickHeader-logo img {
  z-index: 99;
  height: 40px;
  width: auto;
}

.filter-container {
  padding: 6px;
  margin: 0px 30px 10px 0px;
  box-shadow: 0px 0px 5px 3px #f6f5f5;
  cursor: pointer;
}

.filter-ic {
  position: relative;
  top: 3px;
  font-size: 15px !important;
  left: 13px;
  cursor: pointer;
}

.filter-container:hover .filter-ic {
  color: var(--primary-color);
  transition: 0.3s ease-in-out;
}

.filter-lbl {
  font-size: 14px;
  margin: 10px 24px;
  position: relative;
  top: 3px;
  font-weight: 600;
}

.fliter-clr-btn {
  border: none;
  padding: 4px 12px;
  font-size: 10px;
  color: white;
  background: var(--secondary-color);
  color: white;
}

.fliter-clr-btn:hover {
  background: var(--primary-color);
  color: white;
  transition: 0.3s ease-in-out;
}

.fliter-clr-btn > svg {
  font-size: 11px;
  position: relative;
  left: -3px;
}

.f-lbl {
  font-size: 12px;
  color: #4f4f4f;
  text-transform: uppercase;
  padding: 5px 0px 0;
}

.f-btns {
  width: 100px;
  background: #e9e9e9;
  border: none;
  font-size: 11px;
  margin: 5px 9px 2px 0px;
  padding: 4px 5px;
  box-shadow: 0px 1px 2px 0px #dbdbdb;
}

.f-btns:hover {
  background: var(--primary-color);
  transition: 0.3s ease-in-out;
  color: white;
}

.f-btns-active {
  background: var(--primary-color);
  color: white;
}

.filter-box .f-section:last-child {
  border-bottom: none;
}

.sort-button {
  display: flex;
  margin-top: 15px;
}

.sort-btn {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  background-color: rgb(105 105 105);
  font-size: 10px;
  padding: 8px 10px;
  color: white;
  border: transparent !important;
  width: 125px;
}

.sort-btn-active {
  background-color: var(--primary-color);
}

.sort-btn svg {
  font-size: 15px;
  position: relative;
  left: -5px;
}

.sort-btn-asc svg {
  font-size: 15px;
  position: relative;
  left: -5px;
}

.sort-btn-asc {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background-color: rgb(105 105 105);
  font-size: 10px;
  padding: 8px 10px;
  color: white;
  border: transparent !important;
  margin-left: 0.8px;
  width: 125px;
}

.sort-btn-asc-active {
  background-color: var(--primary-color);
}

.sub-group {
  padding-right: "100px";
  padding: 10px 0px 0px 24px;
  margin-bottom: 0px;
}

.sub-group > div:last-child {
  border-bottom: 1px solid #eeeeee;
}

.sub-grp-main {
  padding: 5px 0px;
  border-top: 1px solid #eeeeee;
}

.br-btm {
  border-bottom: 1px solid #f0f0f0;
  padding: 6px 1px;
  margin-bottom: 8px;
}

.arr-down {
  font-size: 16px;
  position: relative;
  left: -5px;
  top: -2px;
}

.addtocartbutton > svg {
  font-size: 18px;
  position: relative;
  left: 3px;
  top: 0px;
}

.main-full-loader {
  position: fixed;
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  background: #00000045;
  z-index: 999999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .success-tick {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: none;
    opacity: 1;
  }

  .success-circle-outline {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: none;
    opacity: 1;
  }

  .success-circle-fill {
    animation: none;
    opacity: 1;
  }
}

@media (max-width: 1199.5px) {
  .addtocartbutton {
    font-size: 11px;
  }

  .product-list-grid .product-save {
    width: 59px !important;
    font-size: 11px;
  }

  .icn-mobile-spc {
    margin-right: 15px !important;
  }

  .cart-border {
    padding-left: 15px !important;
  }
}

@media (max-width: 1023px) {
  .sign-up-cart {
    position: absolute !important;
    right: 10px;
    width: auto !important;
    top: 30px;
  }

  @media (max-width: 992px) {
    .btn-add-new-address {
      right: 15px;
    }

    .prod-load {
      height: 334px;
    }

    /* .loader-Circle {
      min-height:150px !important;
    } */

    .mobile-hide {
      width: 35% !important;
      margin-right: 2% !important;
    }

    .prd-load {
      height: 290px;
    }
  }

  .welcomeText,
  .accountLink,
  .head-my-cart {
    display: none;
  }

  .pay-size {
    width: 155px !important;
  }

  .footer-logo img {
    max-width: 170px;
  }
}

@media (max-width: 767px) {
  .order-pd {
    padding: 0px 10px;
  }

  .search-not-found {
    width: 350px !important;
    height: 350px !important;
  }

  .sign-up-cart {
    top: 21px;
    padding-right: 8px;
  }

  .addtocartbutton {
    margin-top: 0px;
    min-width: 66px;
    padding: 4px 8px !important;
  }

  .mob-content-loader {
    width: 50% !important;
    padding: 0px 5px;
  }

  .product-details-wrap .addtocartbutton {
    height: 34px;
  }

  .step-name {
    font-size: 12px !important;
    text-align: center;
  }

  .cart-count {
    left: 34px;
  }

  .icn-mobile-spc {
    margin-right: 15px !important;
  }

  .header-fixed .cart-border {
    padding-left: 15px !important;
  }

  .boxWrapper {
    margin-bottom: -50px;
  }

  .searchBg {
    background-color: var(--white-color);
    position: absolute;
    top: 10px;
    width: 45px;
    height: 42px;
    right: 1px;
  }

  .searchStyle {
    padding: 8px 0px !important;
  }

  .alice-carousel__stage-item .card {
    min-height: 132px;
    box-shadow: none !important;
  }

  .outbox {
    width: 22% !important;
  }

  .alice-carousel__prev-btn,
  .alice-carousel__next-btn {
    display: none !important;
  }

  .cart-header {
    display: block !important;
  }

  .cart-header .d-flex {
    display: block;
    padding: 0px 0px 12px !important;
  }

  .cart-header-half-section {
    width: 100% !important;
  }

  .desc-title,
  .desc-para1,
  .desc-para2,
  .desc-para3 {
    display: none;
  }

  #root {
    margin-top: 115px;
  }

  .home-slider {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -1px;
  }

  .subCategory-home h2 {
    font-size: 16px;
    text-transform: none;
    width: 100%;
    border-radius: 10px 10px 0 0;
    padding: 25px 15px 25px 75px;
    height: 68px;
    margin-bottom: 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0 !important;
  }

  .product-add-delete {
    height: 28px;
    margin: 0px 10px 4px;
  }

  .category-thmb {
    display: block;
    margin-bottom: -63px;
    position: relative;
  }

  .mobile-shadow {
    box-shadow: 0px 1px 4px rgb(173 173 173 / 30%);
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    margin-bottom: 8px;
  }

  .category-thmb img {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 1;
    border-radius: 6px;
    margin: 1px 0 0 6px;
  }

  .page-title {
    font-size: 20px;
  }

  .siteLogo {
    height: 75px;
  }

  .mrpbox {
    right: 23px !important;
  }
  /* 
  .thumb-col {
    width: 48px !important;
  }

  .product-dtls-col {
    width: 435px !important;
  } */

  .cartImage {
    height: calc(100vh - 302px);
  }

  .pay-container {
    margin-left: 0;
    margin-right: 0;
  }

  .EmptyCart-cart__img {
    margin-top: 8%;
  }

  .product-list-grid .product-save {
    width: auto !important;
    font-size: 10px;
  }

  .product-list-grid {
    justify-content: space-between;
    margin: 0px 0 5px;
    /* border-top: 1px solid #d9d9d9; */
    padding-top: 5px;
  }

  .mobile-hide {
    display: none;
  }

  .cart-wrap {
    height: calc(100vh - 120px) !important;
    max-width: inherit;
  }

  .btn-address {
    display: block !important;
    padding-left: 9px;
    padding-right: 8px;
    margin-bottom: 0;
  }

  .btn-hide-mobile {
    display: none;
  }

  .btn-start-shop {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
    left: 0;
    right: 0;
    margin-bottom: 0;
    height: 42px;
  }

  /* .thumb-loader {
    width: 40px !important;
    height: 40px !important;
  } */

  .quickHeader-logo img {
    position: relative;
    top: -5px;
  }

  .btn-address button {
    padding: 9px 0px;
    margin: 0;
    width: 100%;
  }

  .payment-cards {
    display: block;
  }

  .category-title {
    font-size: 12px;
  }

  .sub-cat-title {
    font-size: 13px !important;
  }

  .inactive-coupon {
    right: 100px;
    font-size: 8px;
    padding: 2px 3px;
  }

  .py-3rem {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .removeCart {
    margin-left: 10px;
    margin-top: 11px;
  }

  .home-slider .alice-carousel__stage-item img {
    aspect-ratio: 475/159;
  }

  .home-slider .alice-carousel__dots {
    bottom: 0;
  }

  .thumb-grid .alice-carousel__stage-item {
    width: 65px !important;
  }

  .bredcrumbs button {
    max-width: 142px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .loader-mob-ht {
    height: 150px;
  }

  .product-list-wrp {
    display: block;
  }

  .product-title {
    font-size: 18px;
    line-height: 27px;
  }

  .product-list-wrp .filter-container {
    width: 100% !important;
    margin-bottom: 40px;
  }

  .order-col-1 {
    width: 60% !important;
  }

  .order-col-2 {
    width: 30% !important;
    padding-right: 10px !important;
  }

  .mb-card {
    width: 50%;
    padding-left: 8px;
    padding-right: 4px;
  }

  .mobile-cart {
    padding-right: 0 !important;
  }

  .sticky-header {
    top: -1px;
  }

  .cartIcon-notify {
    left: -52px;
    top: 7px;
  }

  .tabStyle {
    margin-left: 10px;
    width: 160px;
  }

  .quickHeader-logo {
    left: 0px;
  }

  .sub-cat-nav {
    right: 19px;
  }

  .track-summ {
    left: 16px;
    width: 30% !important;
  }

  .del-date {
    left: 88px;
    width: 30% !important;
  }

  .del-time {
    width: 30% !important;
    left: -26% !important;
  }

  .view-order {
    height: 32px !important;
    margin-top: 76px !important;
    width: 13% !important;
  }

  .order-detail-wrap {
    height: 188px !important;
  }

  .order-item {
    width: 35% !important;
  }

  .check-disp button {
    right: 0px;
  }

  .prdo-price1 {
    left: 14px !important;
  }

  .blinking-star {
    display: flex;
    gap: 10%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .date-box {
    padding: 0px;
    font-size: 11px;
    margin: 10px 5px 10px 5px;
  }

  .loader-mob-ht .prdo-name,
  .loader-mob-ht .prdo-size,
  .loader-mob-ht .prdo-price {
    left: 14px;
  }

  .column-space {
    margin-left: 0px;
  }

  .alice-carousel__next-btn {
    right: 5px;
  }

  .alice-carousel__prev-btn {
    left: 5px;
  }

  .mobile-spc-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .searchPanel {
    align-items: inherit;
  }

  .sign-up-cart .ml-4 {
    margin-left: 14px !important;
  }

  .IC-myaccount {
    font-size: 28px !important;
    margin-top: 3px;
  }

  main .container-fluid {
    width: 100% !important;
  }

  .text-center {
    text-align: center;
  }

  .bg-copyright .col-sm-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }

  footer h3 {
    margin-top: 20px;
  }

  .footer-width {
    width: 100% !important;
    padding-top: 0 !important;
  }

  .footer-logo img {
    max-width: 230px;
  }

  .site-info {
    text-align: left;
  }

  /* .dropdown {
    display: none;
  } */

  .dropdown {
    justify-content: normal;
  }

  .main-UL {
    margin-left: 0;
  }

  .order-item-right {
    justify-content: start;
  }

  .address-wrap .col-6 {
    margin-bottom: 15px;
  }

  .wallet-img img {
    margin-bottom: 25px;
    width: 220px;
  }
}
.shining-star {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--black-color);
  border-radius: 50%;
  box-shadow: 0 0 10px rgb(0, 0, 0);
  animation: shine 1s infinite;
}

.blinking-star {
  gap: 5%;
}

@keyframes shine {
  0% {
    box-shadow: 0 0 5px rgb(0, 0, 0);
  }
  50% {
    box-shadow: 0 0 50px rgb(0, 0, 0);
  }
  100% {
    box-shadow: 0 0 5px rgb(0, 0, 0);
  }
}

@media (min-width: 471px) and (max-width: 553px) {
  .you-save-break .d-flex {
    display: block !important;
  }

  .you-save-break .prod-save {
    width: auto;
    margin-left: 0;
    margin-top: 12px;
  }
}

@media (max-width: 470px) {
  .recommended-list {
    margin: 0 auto !important;
  }

  .product-carousel .alice-carousel__stage {
    padding-left: 0;
  }

  .del-date {
    left: 74px;
  }
}

@media only screen and (max-width: 390.5px) {
  .otp-box input {
    width: 28px !important;
    height: 29px;
  }
}

@media only screen and (max-width: 375.5px) {
  .otp-box input {
    width: 26px !important;
    height: 27px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .product-list-wrp .slick-list {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

.img_profile {
  width: 85px;
}

.mobile-phone {
  top: -45px;
  right: -366px;
}

.logout {
  float: right;
}

.pointer {
  cursor: pointer;
}

.grid-container {
  display: grid;
  row-gap: 0px;
  -moz-column-gap: 56px;
       column-gap: 56px;
  grid-template-columns: auto auto;
  padding: 113px;
  gap: 50px 100px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

.sizeName {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.productimage {
  height: 200px;
  width: 200px;
}

.productlistplaceholder {
  height: 200px;
  width: 200px;
}
.product-save {
  /* margin-left: 15px; */
}

.sizeName {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.productimage {
  height: 200px;
  width: 200px;
}

.productlistplaceholder {
  height: 200px;
  width: 200px;
}
.product-save {
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
}

.OutofStockproduc {
  opacity: 36.5%;
}
.productgridplace {
  width: 150px;
  height: 150px;
} /* this class is use for main productgrid placehplder */

.categoryplace {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}

.loader-Circle {
  position: relative;
  /* min-height: 253px; */
}

.errorTrue {
  border: 1px solid red !important;
}

.noError {
  border: 1px solid rgb(14, 3, 3) !important;
}

.foo {
  background: none !important;
}

.close {
  position: absolute;
  top: 2px;
  right: 26px;
  padding: 15px 0px 10px 15px;
}

.order-wrap {
  position: relative;
  max-width: 300px;
  width: 100% !important;
}

.modal-order-header {
  padding: 5px 0px 10px 15px;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid var(--primary-color);
  margin-bottom: 18px;
  background-color: var(--primary-color);
  color: var(--white-color);
}

.modal-order-header h4 {
  color: var(--white-color);
  font-size: 15px;
  margin: 10px 0px;
}

.order-display {
  border-bottom: 2px solid var(--lightgrey-color);
  margin-bottom: 18px;
  margin-top: 5px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  background: white;
  box-shadow: 0px 1px 3px 0px #dbd9d9;
  border-radius: 3px;
  align-items: center;
}

.mrp-cut {
  text-decoration: line-through;
}

.order-place {
  width: 120px;
  height: 120px;
}

.curr-order {
  color: rgb(219, 46, 60);
}

.history-order {
  color: white;
  font-weight: 500;
  background: var(--secondary-color);
  padding: 2px 15px;
  font-size: 12px;
  position: absolute;
  right: 15px;
}

.history-order:hover {
  font-weight: 500;
  background: var(--primary-color);
  transition: 0.3s ease-in-out;
}

.categoryimages {
  height: 100%;
  width: 100%;
}

/* loder css start */

@keyframes placeholderAnimate {
  0% {
    background-position: -650px 0;
  }
  100% {
    background-position: 650px 0;
  }
}

/* loder css end */

.boxWrapper {
  /* border: 1px solid rgb(243, 234, 234); */
  height: 390px !important;
  padding: 2px;
  position: relative;
}
/* .mrpbox {
  height: 40px;
  width: 40px;
  border-radius: 0% 0% 50% 0%;
  top: -14px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  background: #000;
  -webkit-animation-duration: 0.7s;
  animation-duration: 1.7s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: placeholderAnimate;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
} */
.imagebox {
  height: 180px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.namebox {
  height: 15px;
  width: 90%;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  position: absolute;
  top: 195px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

.sizeparent {
  position: absolute;
  bottom: 151px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  justify-content: center;
}

.sizebox {
  border-radius: 10px;
  height: 15px;
  width: 100% !important;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.sizeboxtwo {
  border-radius: 4px;
  height: 20px;
  width: 70px !important;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  margin-left: 10px;
}

.mrp_box {
  height: 25px;
  width: 55px;
  border-radius: 4px;
  margin-right: 8px;
  overflow: hidden;
  background: #000;
  position: relative;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.mrp_two {
  height: 25px;
  width: 55px;
  border-radius: 4px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.mrp_boxx {
  display: inline-flex;
  justify-content: center;
  left: 93px;
  top: 256px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.savebox {
  border-radius: 4px;
  height: 25px;
  width: 90px;
  margin-right: 3px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.outbox {
  border-radius: 4px;
  height: 25px;
  width: 95%;
  margin-left: 0px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.saveparent {
  position: absolute;
  justify-content: center;
  bottom: 66px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.productbox {
  height: 316px;
  width: 280px;
  position: relative;
}
.proimg {
  width: 277px;
  height: 279px;
  position: absolute;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.proname {
  width: 136px;
  height: 21px;
  position: absolute;
  bottom: 0px;
  left: 72px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.filter-loader {
  position: relative;
}

.filter-loader > div:first-child {
  width: 160px;
  height: 21px;
  position: absolute;
  top: 0px;
  left: 4px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 3px;
}

.filter-loader > div:nth-child(2),
.filter-loader > div:nth-child(3),
.filter-loader > div:nth-child(4),
.filter-loader > div:nth-child(5),
.filter-loader > div:nth-child(6),
.filter-loader > div:nth-child(7) {
  width: 150px;
  height: 10px;
  position: absolute;
  top: 35px;
  left: 8px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 6px;
}

.filter-loader > div:nth-child(3) {
  top: 59px;
}

.filter-loader > div:nth-child(4) {
  top: 83px;
}

.filter-loader > div:nth-child(5) {
  top: 105px;
}

.filter-loader > div:nth-child(6) {
  top: 126px;
}
.filter-loader > div:nth-child(7) {
  top: 147px;
}

.catebox {
  height: 158px;
  width: 100%;
  position: relative;
  border: 2px solid rgb(243, 234, 234);
  background-color: #fff;
}
.catename,
.catename2 {
  height: 12px;
  width: 150px;
  position: absolute;
  top: 64px;
  left: 10px;
  box-sizing: border-box;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.catename2 {
  top: 80px;
  width: 90px;
}

.catesubname {
  height: 106px;
  width: 111px;
  position: absolute;
  right: 12px;
  top: 23px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.searchPlaceholder {
  height: 30px !important;
  width: 30px !important;
}
.searchImages {
  height: auto !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.searchText {
  margin-left: 20px;
}

.time-date {
  color: crimson;
  margin-bottom: 10px;
  font-weight: normal;
}

.expandable {
  overflow: hidden;
  flex: 0 0 4% !important;
  max-width: 4% !important;
  transition: all 0.3s ease-in-out;
}

.expandableOff {
  overflow: hidden;
  flex: 0 0 15% !important;
  max-width: 15% !important;
  transition: all 0.3s ease-in-out;
}

.width-85 {
  flex: 0 0 85% !important;
  max-width: 85% !important;
}

.productExpandable {
  /* overflow: hidden; */
  color: #000;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.left-slide-btn {
  position: absolute;
  top: 0px;
  left: -1px;
  background: white;
  border: none;
  color: #f14f22;
  font-weight: 600;
  box-shadow: 1px 2px 4px 0px #cccccc;
  cursor: pointer;
  height: 35px;
}

.left-slide-btn:hover {
  background: #f14f22;
  color: white;
}

.right-slide-btn {
  position: absolute;
  top: 0px;
  right: -1px;
  background: white;
  border: none;
  color: #f14f22;
  font-weight: 600;
  box-shadow: -2px 2px 3px 0px #cccccc;
  cursor: pointer;
  height: 35px;
}

.right-slide-btn:hover {
  background: #f14f22;
  color: white;
}

.ic-slide {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.slick-list {
  margin: 5px 25px !important;
}

.tabStyle > span:first-child {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-coupon-apply {
  background-color: var(--secondary-color);
  border: 0px;
  padding: 7px 25px;
  color: var(--white-color);
  margin-left: 8px;
}

.btn-coupon-apply:hover {
  background-color: var(--primary-color);
}
.order-no {
  position: relative;
  border: 2px solid rgb(190, 187, 187);
  height: 36px;
  width: 24%;
  margin-top: 10px;
  margin-left: 346px;
}

.order-detail {
  position: absolute;
  border: 2px solid rgb(190, 187, 187);
  height: 36px;
  width: 24%;
  margin-top: 10px;
  margin-left: 346px;
}

.load-new {
  margin-top: 45px;
  position: relative;
  top: 40px;
}

.order-detail-wrap {
  border: 2px solid var(--lightgrey-color);
  padding: 15px;
  margin-bottom: 20px;
  height: 274px;
}

.address-load {
  border: 1px solid var(--lightgrey-color);
  padding: 20px 0px 10px 20px;
  margin-bottom: 20px;
  height: 175px;
  width: 100%;
}

.name-load {
  position: absolute;
  border: 2px solid white;
  height: 30px;
  width: 30%;
  left: 30px;
  margin-top: -7px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.add-load {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 82%;
  left: 30px;
  margin-top: 36px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.post-load {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 82%;
  left: 30px;
  margin-top: 69px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.del-load {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 82%;
  left: 30px;
  margin-top: 100px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.search-not-found {
  /* margin-left: 341px; */
  width: 350px;
  height: 350px;
}

.shop-direction {
  /* position: absolute; */
  border: 2px solid rgb(196, 82, 16);
  /* margin-left: 470px; */
  cursor: pointer;
}

.per-off {
  position: absolute;
  border: 2px solid white;
  height: 29px;
  width: 34%;
  left: 164px;
  margin-top: -12px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.prd-load {
  position: absolute;
  border: 2px solid white;
  height: 321px;
  width: 82%;
  left: 4%;
  margin-top: 2px;
  margin-left: 0;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 10px;
}

.prdo-price {
  position: absolute;
  border: 2px solid white;
  height: 30px;
  width: 40%;
  top: 124px;
  left: 437px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.prdo-price1 {
  position: absolute;
  border: 2px solid white;
  height: 30px;
  width: 40%;
  top: 124px;
  left: 545px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.prdo-price2 {
  position: absolute;
  border: 2px solid white;
  height: 30px;
  width: 40%;
  top: 124px;
  left: 652px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.desc-para1 {
  left: -27px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 20px;
  top: 280px;
  position: absolute;
  height: 8px;
  width: 80%;
}

.desc-para2 {
  left: -27px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 20px;
  top: 300px;
  position: absolute;
  height: 8px;
  width: 50%;
}

.desc-para3 {
  left: -27px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 20px;
  top: 320px;
  position: absolute;
  height: 8px;
  width: 30%;
}

.order-detail {
  position: absolute;
  border: 2px solid rgb(190, 187, 187);
  height: 36px;
  width: 24%;
  margin-top: 10px;
  margin-left: 346px;
}

.curr-order-load {
  border: 2px solid white;
  height: 15px;
  width: 22%;
  margin-bottom: 34px;
  border-radius: 5px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.load-new {
  margin-top: 25px;
  position: relative;
  top: 40px;
}

.order-no {
  position: absolute;
  border: 2px solid white;
  height: 15px;
  width: 12%;
  margin-top: 0;
  margin-left: 0px;
  border-radius: 5px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  right: 30px;
}

.del-date {
  position: absolute;
  border: 2px solid white;
  height: 15px;
  width: 49%;
  margin-top: -17px;
  border-radius: 5px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.del-time {
  position: absolute;
  border: 2px solid white;
  height: 15px;
  width: 49%;
  left: -60px;
  border-radius: 5px;
  margin-top: -17px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.track-summ {
  position: absolute;
  border: 2px solid white;
  height: 15px;
  width: 89%;
  margin-top: -17px;
  border-radius: 5px;
  right: 143px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.order-item {
  position: absolute;
  border: 2px solid white;
  height: 15px;
  width: 75%;
  margin-top: -17px;
  border-radius: 5px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  right: 15px;
}

.order-pay {
  position: absolute;
  border: 2px solid white;
  height: 29px;
  width: 37%;
  margin-top: 21px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.order-amt {
  position: absolute;
  border: 2px solid white;
  height: 29px;
  width: 37%;
  margin-top: 21px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.view-order {
  position: absolute;
  border: 2px solid white;
  height: 40px;
  width: 13%;
  border-radius: 5px;
  left: 32px;
  margin-top: 79px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.order-detail-wrap {
  border: 1px solid #e6e6e6;
  padding: 15px;
  margin-bottom: 20px;
  height: 200px;
}

.name-load {
  position: absolute;
  border: 2px solid white;
  height: 30px;
  width: 30%;
  left: 30px;
  margin-top: -7px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.add-load {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 82%;
  left: 30px;
  margin-top: 36px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.post-load {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 82%;
  left: 30px;
  margin-top: 69px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.del-load {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 82%;
  left: 30px;
  margin-top: 100px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.search-not-found {
  /* margin-left: 341px; */
  width: 430px;
  height: 430px;
  position: relative;
  /* top: -5em; */
}

.shop-direction {
  position: absolute;
  border: 2px solid rgb(196, 82, 16);
  /* margin-left: 470px; */
  cursor: pointer;
}

.per-off {
  position: absolute;
  border: 2px solid white;
  height: 55px;
  width: 55px;
  left: 74%;
  top: 60px;
  z-index: 999;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 100% 100% 100% 104%;
}

.prod-load {
  border: 1px solid #e4e4e4;
  padding: 20px 0px 10px 0px;
  height: 370px;
  width: 90%;
  margin-left: 0;
  margin-top: 43px;
}

.load-size {
  /* position: absolute;
  height: 100px; */
  /* width: 35%; */
}

.prdo-name {
  position: absolute;
  border: 2px solid white;
  height: 25px;
  width: 80%;
  left: -30px;
  top: 41px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 5px;
}

.prdo-size {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 13%;
  top: 125px;
  left: -30px;
  border-radius: 5px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.prdo-price {
  position: absolute;
  border: 2px solid white;
  height: 26px;
  width: 58%;
  top: 79px;
  left: -30px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 5px;
}

.prdo-price1 {
  position: absolute;
  border: 2px solid white;
  height: 40px;
  width: 22%;
  top: 167px;
  left: -30px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 5px;
}

.desc-title {
  position: absolute;
  border: 2px solid white;
  height: 28px;
  width: 17%;
  top: 240px;
  left: -30px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 5px;
}

.prdo-price2 {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 13%;
  top: 125px;
  left: 70px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 5px;
}

.thumb-loader {
  border: 2px solid white;
  height: 50px;
  width: 50px;
  top: 0;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border-radius: 5px;
}

.prdo-stock {
  position: absolute;
  border: 2px solid white;
  height: 22px;
  width: 13%;
  top: 125px;
  left: 172px;
  border-radius: 5px;

  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.load-div {
  min-height: 501px;
}

.toast-style {
  margin-bottom: 5px;
}

.notify-img {
  height: 70px;
  width: 70px;
  margin: 10px 15px 10px 5px;
}

.notify-Container {
  width: 500px;
  display: flex;
  justify-content: initial;
  align-items: center;
}

.notify-Container > div:first-child {
  width: 20%;
  position: relative;
}
.notify-Container > div:last-child {
  width: 80%;
}

.notify-text {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit;
  max-width: 200px;
  -webkit-line-clamp: 3;
}

.notify-head-txt {
  color: rgb(29 175 33);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

/* Recommended Product Card CSS Starts From Here */

.discount-box {
  background: var(--tertiary-color);
  color: var(--white-color);
  border-radius: 4px;
  padding: 4px 9px;
  font-size: 10px;
  font-weight: 600;
  margin: 5px 0 0 5px;
  display: inline-block;
  position: absolute;
}

.recome-prod-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 14px;
  margin: 8px 0px 5px 10px;
  text-align: center;
}

.Out-of-Stock-prod {
  opacity: 36.5%;
}

.produc-tgrid-place {
  width: 150px;
  height: 150px;
}

.out-of-stock-prod {
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  top: 100px;
  padding: 8px 0;
  text-align: center;
  left: 0;
  right: 0;
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  color: #fff;
}

.Reco-ProductSizeSliderCenter .slick-slide {
  width: auto !important;
}

.rec-product-size-text {
  border: 1px solid #e8e8e8 !important;
  margin: 5px -3px 0 9px;
  background-color: #dfdfdf;
  color: #000;
  padding: 1px 4px 0;
  font-size: 11px;
  min-width: 50px;
  border-radius: 3px;
}

.button-active {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.left-btn {
  position: absolute;
  top: 0px;
  left: -1px;
  background: white;
  border: none;
  color: #f14f22;
  font-weight: 600;
  box-shadow: 1px 2px 4px 0px #cccccc;
  cursor: pointer;
  height: 35px;
}

.left-btn:hover {
  background: #f14f22;
  color: white;
}

.right-btn {
  position: absolute;
  top: 0px;
  right: -1px;
  background: white;
  border: none;
  color: #f14f22;
  font-weight: 600;
  box-shadow: -2px 2px 3px 0px #cccccc;
  cursor: pointer;
  height: 35px;
}

.right-btn:hover {
  background: #f14f22;
  color: white;
}

.normal-sale-price {
  justify-content: center;
  margin: 10px 0 0px;
}

.prc-amt-light {
  color: #a0a0a0;
  font-size: 13px;
  text-decoration: line-through;
  margin-top: 2px;
}

.prc-amt-dark {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 600;
}

.prod-save {
  margin-left: 22px;
  width: 100px;
}

.btn-disable {
  opacity: 0.5;
  pointer-events: none;
}
.cashClasss {
  border: 2px solid red;
}
.onlineClass {
  border: 2px solid red;
}
.orderPlaceholder {
  height: auto;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}

.curuncy-Format {
  font-family: "Rubik", "Roboto" !important;
  font-weight: 400 !important;
  margin-right: 5px;
}

.f-icDown {
  width: 50%;
  text-align: end;
}
.f-icDown:hover svg {
  color: var(--primary-color);
}

.add-class {
  overflow: hidden;
}

.remove-class {
  overflow: auto !important;
}

/* css for deal and search product grid */

.gridBoxWrapper {
  /* border: 1px solid rgb(243, 234, 234); */
  height: 390px !important;
  padding: 2px;
  position: relative;
}

/* .grid-MRPbox {
  height: 40px;
  width: 40px;
  border-radius: 0% 0% 50% 0%;
  top: -14px;
  left: 14px;
  position: absolute;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
} */

.grid-Imagebox {
  height: 180px;
  width: 90%;
  border-radius: 4px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.gridNamebox {
  height: 15px;
  width: 65%;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  position: absolute;
  top: 230px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}
.grid-Sizeparent {
  position: absolute;
  bottom: 107px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  justify-content: center;
}
.gridSizebox {
  border-radius: 4px;
  height: 15px;
  width: 232px !important;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.gridSizeboxtwo {
  border-radius: 4px;
  height: 20px;
  width: 70px !important;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  margin-left: 10px;
}
.gridMRP_boxx {
  display: inline-flex;
  justify-content: center;
  left: 93px;
  top: 300px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.gridMRP_box {
  height: 25px;
  width: 55px;
  border-radius: 4px;
  margin-right: 8px;
  overflow: hidden;
  background: #000;
  position: relative;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.gridMRP_two {
  height: 25px;
  width: 55px;
  border-radius: 4px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.gridSaveparent {
  position: absolute;
  justify-content: center;
  bottom: 23px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.gridSavebox {
  border-radius: 4px;
  height: 25px;
  width: 90px;
  margin-right: 3px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}
.gridOutbox {
  border-radius: 4px;
  height: 25px;
  width: 232px;
  margin-left: 5px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
}

.bg-os-placed {
  color: var(--orderPlaced);
}
.bg-os-process {
  color: var(--orderProcess);
}
.bg-os-transit {
  color: var(--orderTransit);
}
.bg-os-delivered {
  color: var(--orderDeliver);
}
.bg-os-cancelled {
  color: var(--orderCancel);
}

.terms-Cond {
  color: red;
}

.out-of-stock-label {
  font-size: 12px;
  background: #eeeeee;
  width: 100%;
  height: pa;
  padding: 10px;
  text-overflow: ellipsis;
  white-space: break-spaces;
  position: absolute;
  bottom: 0;
  color: red;
  border-radius: 0px;
}

/* .classPlaceholder {
  height: 200px;
  width: 200px;
} */

.deal-box {
  margin: 35px 0px;
  position: relative;
  border: 2px solid white;
  height: 350px;
  width: 79%;
  border-radius: 32px;
  left: 0;
  right: 0;
  padding: 25px 50px 75px 100px;
  overflow: hidden;
  background: #000;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.simple-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.simple-spinner span {
  display: block;
  width: 30px;
  height: 30px;
  border: 3px solid transparent;
  border-radius: 50%;
  border-right-color: var(--primary-color);
  /* border-right-color: rgba(255, 255, 255, 0.7); */
  animation: spinner-anim 0.8s linear infinite;
}

@keyframes spinner-anim {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.img-loader-overlay {
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  left: 0;
  right: 0;
}

/* .loader-Circle > .simple-spinner {
  position: relative !important;
  top: 10px !important;
  left: -25px !important;
} */

.mycart-out-of-stock {
  border: 0px;
  background: var(--primary-color);
  color: #fff;
  margin-top: 10px;
  margin-left: 5px;
  font-size: 11px;
}

.cart-trash {
  color: #464646;
}

.loader-style-deal {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -21%;
  width: 100%;
}

.deal-loader {
  height: calc(100vh - 275px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.place-empty {
  width: 278px;
  height: auto;
}

.order-prod-name {
  white-space: nowrap;
  width: 171px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ///stepper-Progress-css */
.stepper-wrapper {
  margin-top: auto; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 15px;
}

.stepper-item {
  position: relative; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.fa-check-step {
  font-size: 17px !important;
  color: white;
  position: relative;
  left: 0px;
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
  font-size: 13px;
  cursor: pointer;
}

.step-name {
  font-size: 13px;
  font-weight: 400;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  /* border-bottom: 2px solid var(--secondaryTheme); */
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

.slot-disabled {
  background: #d2d2d2;
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .imagebox {
    height: 140px;
  }

  .btn-out-of-stock {
    margin-right: 8px;
    margin-bottom: 2px;
    font-size: 10px !important;
  }

  .namebox {
    top: 155px;
    height: 12px;
  }

  .boxWrapper {
    height: 340px !important;
  }

  .sizeparent {
    bottom: 151px;
  }

  .sizebox {
    height: 12px;
  }

  .mrp_boxx {
    top: 205px;
  }

  .thumb-col {
    display: none;
  }

  .product-dtls-col,
  .prod-load {
    width: 100%;
  }
  .prd-load {
    width: 92%;
  }

  .per-off {
    height: 40px;
    width: 40px;
    left: 87%;
    top: 25px;
  }

  .prod-load {
    height: 218px;
    margin-top: 5px;
  }

  .prd-load {
    height: 170px;
  }

  .prdo-name {
    height: 18px;
    top: 20px;
  }

  .prdo-price {
    top: 43px;
    height: 18px;
  }

  .prdo-size,
  .prdo-price2,
  .prdo-stock {
    height: 18px;
    top: 71px;
  }

  .prdo-stock {
    left: 126px;
  }

  .prdo-price1 {
    height: 30px;
    width: 17%;
    top: 100px;
  }

  .product-add-delete button:first-child {
    padding: 4px 6px;
  }

  .cart-quantity {
    width: 24px;
  }

  .product-add-delete button:last-child {
    padding: 4px 6px;
  }
}

@media (max-width: 575px) {
  .cat-details-wrp .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .cat-details-wrp .col-sm-6:nth-of-type(odd) {
    padding-right: 4px !important;
  }

  .cat-details-wrp .col-sm-6:nth-of-type(even) {
    padding-left: 8px !important;
  }

  .cat-details-wrp {
    margin-left: -4px;
  }
}

@media (max-width: 375px) {
  .cat-details-wrp .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cat-details-wrp .col-sm-6:nth-of-type(odd) {
    padding-right: 15px !important;
  }

  .cat-details-wrp .col-sm-6:nth-of-type(even) {
    padding-left: 15px !important;
  }

  .cat-details-wrp {
    margin-left: 0px;
  }
}



/*---------------------------^Single Slot^--------------------------------*/
.delivery-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white-color);
  flex-wrap: wrap;
  position: relative;
}

.single-date-box,
.single-slot-box {
  flex: 1;
  min-width: 268px;
  margin: 5px;
  position: relative;
}

.single-slot-box {
  display: flex;
  flex-wrap: wrap;
}

.single-deli-date {
  color: var(--white-color);
  background: var(--primary-color);
  position: relative;
}

.single-deli-date:before {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: inherit;
  content: "";
  display: block;
  bottom: -5px;
  right: -6px;
  top: calc(50% - 5px);
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .delivery-container {
    flex-direction: row;
    align-items: center;
  }

  .single-deli-date  {
    color: var(--white-color);
    background: var(--primary-color);
    position: relative;
    /* margin: auto !important; */
  }

  /* .arrow-fix {
    color: var(--white-color);
    background: var(--primary-color);
    position: relative;
  } */

  /* .arrow-fix:before {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: inherit;
    content: "";
    display: block;
    bottom: -5px;
    left: calc(50% - 5px);
    transform: rotate(45deg);
  } */

  .single-deli-date:before  {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: inherit;
    content: "";
    display: block;
    bottom: -5px;
    left: calc(50% - 5px);
    transform: rotate(45deg);
    top: initial;
  }
  .responsive-design{
    padding: 12px !important;
  }
  

  .single-date-box,
  .single-slot-box {
    width: 100%;
  }

  .single-slot-div {
    width: 100%;
  }

  .single-slot-box {
    display: flex;
    justify-content: center;
  }
}

.time-box-single-arry {
  text-align: center;
  background: var(--white-color);
  padding: 10px;
  border-radius: 0px;
  color: black;
  border-radius: 4px;
  margin: 5px;
  min-width: 268px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

/*---------------------------^Single Slot^--------------------------------*/