:root { --ui-text-letter-spacing-auto: auto; --ui-text-letter-spacing-neg-3: -0.01em; --ui-text-letter-spacing-neg-2: -0.02em; --ui-text-letter-spacing-neg-1: -0.03em; --ui-text-letter-spacing-3: .15em; --ui-text-letter-spacing-2: .1em; --ui-text-letter-spacing-1: .025em; --ui-text-decoration-style-dashed: dashed; --ui-text-decoration-style-wavy: wavy; --ui-text-decoration-style-dotted: dotted; --ui-text-decoration-style-double: double; --ui-text-decoration-style-solid: solid; --ui-text-decoration-line-overline: overline; --ui-text-decoration-line-line-through: line-through; --ui-text-decoration-line-underline: underline; --ui-text-transform-lowercase: lowercase; --ui-text-transform-uppercase: uppercase; --ui-text-transform-capitalize: capitalize; --ui-text-transform-none: none; --ui-space-inset-8xl: 72px; --ui-space-inset-7xl: 64px; --ui-space-inset-6xl: 48px; --ui-space-inset-5xl: 40px; --ui-space-inset-4xl: 36px; --ui-space-inset-3xl: 32px; --ui-space-inset-2xl: 28px; --ui-space-inset-xl2: 26px; --ui-space-inset-xl: 24px; --ui-space-inset-lg2: 22px; --ui-space-inset-lg: 20px; --ui-space-inset-md2: 18px; --ui-space-inset-md: 16px; --ui-space-inset-sm2: 14px; --ui-space-inset-sm: 12px; --ui-space-inset-xs2: 10px; --ui-space-inset-xs: 8px; --ui-space-inset-2xs2: 6px; --ui-space-inset-2xs: 4px; --ui-space-inset-3xs: 2px; --ui-space-inset-none: 0; --ui-space-inline-8xl-neg: -72px; --ui-space-inline-7xl-neg: -64px; --ui-space-inline-6xl-neg: -48px; --ui-space-inline-5xl-neg: -40px; --ui-space-inline-4xl-neg: -36px; --ui-space-inline-3xl-neg: -32px; --ui-space-inline-2xl-neg: -28px; --ui-space-inline-xl2-neg: -26px; --ui-space-inline-xl-neg: -24px; --ui-space-inline-lg2-neg: -22px; --ui-space-inline-lg-neg: -20px; --ui-space-inline-md2-neg: -18px; --ui-space-inline-md-neg: -16px; --ui-space-inline-sm2-neg: -14px; --ui-space-inline-sm-neg: -12px; --ui-space-inline-xs2-neg: -10px; --ui-space-inline-xs-neg: -8px; --ui-space-inline-2xs2-neg: -6px; --ui-space-inline-2xs-neg: -4px; --ui-space-inline-3xs-neg: -2px; --ui-space-inline-8xl: 72px; --ui-space-inline-7xl: 64px; --ui-space-inline-6xl: 48px; --ui-space-inline-5xl: 40px; --ui-space-inline-4xl: 36px; --ui-space-inline-3xl: 32px; --ui-space-inline-2xl: 28px; --ui-space-inline-xl2: 26px; --ui-space-inline-xl: 24px; --ui-space-inline-lg2: 22px; --ui-space-inline-lg: 20px; --ui-space-inline-md2: 18px; --ui-space-inline-md: 16px; --ui-space-inline-sm2: 14px; --ui-space-inline-sm: 12px; --ui-space-inline-xs2: 10px; --ui-space-inline-xs: 8px; --ui-space-inline-2xs2: 6px; --ui-space-inline-2xs: 4px; --ui-space-inline-3xs: 2px; --ui-space-inline-none: 0; --ui-space-stack-8xl-neg: -72px; --ui-space-stack-7xl-neg: -64px; --ui-space-stack-6xl-neg: -48px; --ui-space-stack-5xl-neg: -40px; --ui-space-stack-4xl-neg: -36px; --ui-space-stack-3xl-neg: -32px; --ui-space-stack-2xl-neg: -28px; --ui-space-stack-xl2-neg: -26px; --ui-space-stack-xl-neg: -24px; --ui-space-stack-lg2-neg: -22px; --ui-space-stack-lg-neg: -20px; --ui-space-stack-md2-neg: -18px; --ui-space-stack-md-neg: -16px; --ui-space-stack-sm2-neg: -14px; --ui-space-stack-sm-neg: -12px; --ui-space-stack-xs2-neg: -10px; --ui-space-stack-xs-neg: -8px; --ui-space-stack-2xs2-neg: -6px; --ui-space-stack-2xs-neg: -4px; --ui-space-stack-3xs-neg: -2px; --ui-space-stack-8xl: 72px; --ui-space-stack-7xl: 64px; --ui-space-stack-6xl: 48px; --ui-space-stack-5xl: 40px; --ui-space-stack-4xl: 36px; --ui-space-stack-3xl: 32px; --ui-space-stack-2xl: 28px; --ui-space-stack-xl2: 26px; --ui-space-stack-xl: 24px; --ui-space-stack-lg2: 22px; --ui-space-stack-lg: 20px; --ui-space-stack-md2: 18px; --ui-space-stack-md: 16px; --ui-space-stack-sm2: 14px; --ui-space-stack-sm: 12px; --ui-space-stack-xs2: 10px; --ui-space-stack-xs: 8px; --ui-space-stack-2xs2: 6px; --ui-space-stack-2xs: 4px; --ui-space-stack-3xs: 2px; --ui-space-stack-none: 0; --ui-size-8xl: 72px; --ui-size-7xl: 64px; --ui-size-6xl: 48px; --ui-size-5xl: 40px; --ui-size-4xl: 36px; --ui-size-3xl: 32px; --ui-size-2xl: 28px; --ui-size-xl2: 26px; --ui-size-xl: 24px; --ui-size-lg2: 22px; --ui-size-lg: 20px; --ui-size-md2: 18px; --ui-size-md: 16px; --ui-size-sm2: 14px; --ui-size-sm: 12px; --ui-size-xs2: 10px; --ui-size-xs: 8px; --ui-size-2xs2: 6px; --ui-size-2xs: 4px; --ui-size-3xs: 2px; --ui-size-none: 0; --ui-shadow-left-4xl: -16px 0 24px 0 rgba(0,0,0,0.11); --ui-shadow-left-3xl: -12px 0 17px 0 rgba(0,0,0,0.1); --ui-shadow-left-2xl: -8px 0 10px 0 rgba(0,0,0,0.1); --ui-shadow-left-xl: -6px 0 10px 0 rgba(0,0,0,0.1); --ui-shadow-left-l: -4px 0 5px 0 rgba(0,0,0,0.08); --ui-shadow-left-m: -3px 0 4px 0 rgba(0,0,0,0.08); --ui-shadow-left-s: -2px 0 4px 0 rgba(0,0,0,0.08); --ui-shadow-left-xs: -2px 0 2px 0 rgba(0,0,0,0.07); --ui-shadow-left-2xs: -1px 0 2px 0 rgba(0,0,0,0.06); --ui-shadow-bottom-4xl: 0 16px 24px 0 rgba(0,0,0,0.11); --ui-shadow-bottom-3xl: 0 12px 17px 0 rgba(0,0,0,0.1); --ui-shadow-bottom-2xl: 0 8px 10px 0 rgba(0,0,0,0.1); --ui-shadow-bottom-xl: 0 6px 10px 0 rgba(0,0,0,0.1); --ui-shadow-bottom-l: 0 4px 5px 0 rgba(0,0,0,0.08); --ui-shadow-bottom-m: 0 3px 4px 0 rgba(0,0,0,0.08); --ui-shadow-bottom-s: 0 2px 4px 0 rgba(0,0,0,0.08); --ui-shadow-bottom-xs: 0 2px 2px 0 rgba(0,0,0,0.07); --ui-shadow-bottom-2xs: 0 1px 2px 0 rgba(0,0,0,0.06); --ui-shadow-right-4xl: 16px 0 24px 0 rgba(0,0,0,0.11); --ui-shadow-right-3xl: 12px 0 17px 0 rgba(0,0,0,0.1); --ui-shadow-right-2xl: 8px 0 10px 0 rgba(0,0,0,0.1); --ui-shadow-right-xl: 6px 0 10px 0 rgba(0,0,0,0.1); --ui-shadow-right-l: 4px 0 5px 0 rgba(0,0,0,0.08); --ui-shadow-right-m: 3px 0 4px 0 rgba(0,0,0,0.08); --ui-shadow-right-s: 2px 0 4px 0 rgba(0,0,0,0.08); --ui-shadow-right-xs: 2px 0 2px 0 rgba(0,0,0,0.07); --ui-shadow-right-2xs: 1px 0 2px 0 rgba(0,0,0,0.06); --ui-shadow-top-4xl: 0 -16px 24px 0 rgba(0,0,0,0.11); --ui-shadow-top-3xl: 0 -12px 17px 0 rgba(0,0,0,0.1); --ui-shadow-top-2xl: 0 -8px 10px 0 rgba(0,0,0,0.1); --ui-shadow-top-xl: 0 -6px 10px 0 rgba(0,0,0,0.1); --ui-shadow-top-l: 0 -4px 5px 0 rgba(0,0,0,0.08); --ui-shadow-top-m: 0 -3px 4px 0 rgba(0,0,0,0.08); --ui-shadow-top-s: 0 -2px 4px 0 rgba(0,0,0,0.08); --ui-shadow-top-xs: 0 -2px 2px 0 rgba(0,0,0,0.07); --ui-shadow-top-2xs: 0 -1px 2px 0 rgba(0,0,0,0.06); --ui-opacity-none: 0; --ui-opacity-full: 1; --ui-opacity-90: .9; --ui-opacity-80: .8; --ui-opacity-70: .7; --ui-opacity-60: .6; --ui-opacity-50: .5; --ui-opacity-40: .4; --ui-opacity-30: .3; --ui-opacity-20: .2; --ui-opacity-10: .1; --ui-opacity-5: .05; --ui-font-line-height-3xl: 2; --ui-font-line-height-2xl: 1.75; --ui-font-line-height-xl: 1.62; --ui-font-line-height-lg: 1.5; --ui-font-line-height-md: 1.4; --ui-font-line-height-sm: 1.35; --ui-font-line-height-2xs: 1.3; --ui-font-line-height-3xs: 1.2; --ui-font-line-height-reset: 1; --ui-font-size-5xl: 28px; --ui-font-size-4xl: 24px; --ui-font-size-3xl: 22px; --ui-font-size-2xl: 18px; --ui-font-size-xl: 16px; --ui-font-size-lg: 15px; --ui-font-size-md: 14px; --ui-font-size-sm: 13px; --ui-font-size-xs: 12px; --ui-font-size-3xs: 11px; --ui-font-size-4xs: 10px; --ui-font-size-5xs: 9px; --ui-font-size-6xs: 8px; --ui-font-size-7xs: 7px; --ui-font-weight-extra-black: 950; --ui-font-weight-black: 900; --ui-font-weight-extra-bold: 800; --ui-font-weight-bold: 700; --ui-font-weight-semi-bold: 600; --ui-font-weight-medium: 500; --ui-font-weight-normal: 400; --ui-font-weight-regular: 400; --ui-font-weight-light: 300; --ui-font-weight-extra-light: 200; --ui-font-weight-thin: 100; --ui-font-family-helvetica: "Helvetica Neue",Helvetica,Arial,sans-serif; --ui-font-family-system-mono: ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace; --ui-font-family-system: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; --ui-color-palette-beige-base: #fdfae1; --ui-color-palette-beige-base-rgb: 253,250,225; --ui-color-palette-gray-02: #f8fafb; --ui-color-palette-gray-02-rgb: 248,250,251; --ui-color-palette-gray-03: #f5f7f8; --ui-color-palette-gray-03-rgb: 245,247,248; --ui-color-palette-gray-04: #f1f4f6; --ui-color-palette-gray-04-rgb: 241,244,246; --ui-color-palette-gray-05: #eef2f4; --ui-color-palette-gray-05-rgb: 238,242,244; --ui-color-palette-gray-90: #525c69; --ui-color-palette-gray-90-rgb: 82,92,105; --ui-color-palette-gray-80: #6a737f; --ui-color-palette-gray-80-rgb: 106,115,127; --ui-color-palette-gray-70: #828b95; --ui-color-palette-gray-70-rgb: 130,139,149; --ui-color-palette-gray-60: #959ca4; --ui-color-palette-gray-60-rgb: 149,156,164; --ui-color-palette-gray-50: #a8adb4; --ui-color-palette-gray-50-rgb: 168,173,180; --ui-color-palette-gray-40: #bdc1c6; --ui-color-palette-gray-40-rgb: 189,193,198; --ui-color-palette-gray-35: #c9ccd0; --ui-color-palette-gray-35-rgb: 201,204,208; --ui-color-palette-gray-30: #d5d7db; --ui-color-palette-gray-30-rgb: 213,215,219; --ui-color-palette-gray-20: #dfe0e3; --ui-color-palette-gray-20-rgb: 223,224,227; --ui-color-palette-gray-15: #e6e7e9; --ui-color-palette-gray-15-rgb: 230,231,233; --ui-color-palette-gray-10: #edeef0; --ui-color-palette-gray-10-rgb: 237,238,240; --ui-color-palette-red-solid: #f0371b; --ui-color-palette-red-solid-rgb: 240,55,27; --ui-color-palette-red-95: #800602; --ui-color-palette-red-95-rgb: 128,6,2; --ui-color-palette-red-90: #9a0703; --ui-color-palette-red-90-rgb: 154,7,3; --ui-color-palette-red-80: #c21b16; --ui-color-palette-red-80-rgb: 194,27,22; --ui-color-palette-red-70: #e92f2a; --ui-color-palette-red-70-rgb: 233,47,42; --ui-color-palette-red-60: #f4433e; --ui-color-palette-red-60-rgb: 244,67,62; --ui-color-palette-red-50: #ff5752; --ui-color-palette-red-50-rgb: 255,87,82; --ui-color-palette-red-45: #ff7c78; --ui-color-palette-red-45-rgb: 255,124,120; --ui-color-palette-red-40: #ff9a97; --ui-color-palette-red-40-rgb: 255,154,151; --ui-color-palette-red-30: #ffcdcc; --ui-color-palette-red-30-rgb: 255,205,204; --ui-color-palette-red-25: #ffdcdb; --ui-color-palette-red-25-rgb: 255,220,219; --ui-color-palette-red-20: #ffe8e8; --ui-color-palette-red-20-rgb: 255,232,232; --ui-color-palette-red-15: #fff0f0; --ui-color-palette-red-15-rgb: 255,240,240; --ui-color-palette-red-10: #fff8f8; --ui-color-palette-red-10-rgb: 255,248,248; --ui-color-palette-orange-95: #614000; --ui-color-palette-orange-95-rgb: 97,64,0; --ui-color-palette-orange-90: #7a5100; --ui-color-palette-orange-90-rgb: 122,81,0; --ui-color-palette-orange-80: #9f6a00; --ui-color-palette-orange-80-rgb: 159,106,0; --ui-color-palette-orange-70: #c48300; --ui-color-palette-orange-70-rgb: 196,131,0; --ui-color-palette-orange-60: #e89b06; --ui-color-palette-orange-60-rgb: 232,155,6; --ui-color-palette-orange-50: #ffa900; --ui-color-palette-orange-50-rgb: 255,169,0; --ui-color-palette-orange-40: #ffc34d; --ui-color-palette-orange-40-rgb: 255,195,77; --ui-color-palette-orange-30: #ffe1a6; --ui-color-palette-orange-30-rgb: 255,225,166; --ui-color-palette-orange-25: #ffe9be; --ui-color-palette-orange-25-rgb: 255,233,190; --ui-color-palette-orange-20: #fff1d6; --ui-color-palette-orange-20-rgb: 255,241,214; --ui-color-palette-orange-15: #fff5e3; --ui-color-palette-orange-15-rgb: 255,245,227; --ui-color-palette-orange-10: #fffaf0; --ui-color-palette-orange-10-rgb: 255,250,240; --ui-color-palette-green-95: #3d4f00; --ui-color-palette-green-95-rgb: 61,79,0; --ui-color-palette-green-90: #506900; --ui-color-palette-green-90-rgb: 80,105,0; --ui-color-palette-green-80: #688800; --ui-color-palette-green-80-rgb: 104,136,0; --ui-color-palette-green-70: #7fa800; --ui-color-palette-green-70-rgb: 127,168,0; --ui-color-palette-green-60: #8dbb00; --ui-color-palette-green-60-rgb: 141,187,0; --ui-color-palette-green-55: #95c500; --ui-color-palette-green-55-rgb: 149,197,0; --ui-color-palette-green-50: #9dcf00; --ui-color-palette-green-50-rgb: 157,207,0; --ui-color-palette-green-40: #bbde4d; --ui-color-palette-green-40-rgb: 187,222,77; --ui-color-palette-green-35: #cfe780; --ui-color-palette-green-35-rgb: 207,231,128; --ui-color-palette-green-30: #e2f1b3; --ui-color-palette-green-30-rgb: 226,241,179; --ui-color-palette-green-25: #faf6c3; --ui-color-palette-green-25-rgb: 250,246,195; --ui-color-palette-green-20: #f1fbd0; --ui-color-palette-green-20-rgb: 241,251,208; --ui-color-palette-green-15: #f5fcde; --ui-color-palette-green-15-rgb: 245,252,222; --ui-color-palette-green-10: #fafded; --ui-color-palette-green-10-rgb: 250,253,237; --ui-color-palette-blue-95: #004f69; --ui-color-palette-blue-95-rgb: 0,79,105; --ui-color-palette-blue-90: #006484; --ui-color-palette-blue-90-rgb: 0,100,132; --ui-color-palette-blue-80: #00789e; --ui-color-palette-blue-80-rgb: 0,120,158; --ui-color-palette-blue-70: #008dba; --ui-color-palette-blue-70-rgb: 0,141,186; --ui-color-palette-blue-60: #11a9d9; --ui-color-palette-blue-60-rgb: 17,169,217; --ui-color-palette-blue-50: #2fc6f6; --ui-color-palette-blue-50-rgb: 47,198,246; --ui-color-palette-blue-40: #7fdefc; --ui-color-palette-blue-40-rgb: 127,222,252; --ui-color-palette-blue-30: #c3f0ff; --ui-color-palette-blue-30-rgb: 195,240,255; --ui-color-palette-blue-25: #d3f4ff; --ui-color-palette-blue-25-rgb: 211,244,255; --ui-color-palette-blue-20: #e5f9ff; --ui-color-palette-blue-20-rgb: 229,249,255; --ui-color-palette-blue-15: #ecfafe; --ui-color-palette-blue-15-rgb: 236,250,254; --ui-color-palette-blue-10: #f4fcfe; --ui-color-palette-blue-10-rgb: 244,252,254; --ui-color-palette-white-base: #fff; --ui-color-palette-white-base-rgb: 255,255,255; --ui-color-palette-black-base: #333; --ui-color-palette-black-base-rgb: 51,51,51; --ui-color-palette-black-solid: #000; --ui-color-palette-black-solid-rgb: 0,0,0; --ui-color-overlay-base: rgba(255,255,255,0.5); --ui-color-accent-yellow: #fef3b8; --ui-color-accent-yellow-rgb: 254,243,184; --ui-color-accent-purple: #a77bde; --ui-color-accent-purple-rgb: 167,123,222; --ui-color-accent-turquoise: #05b5ab; --ui-color-accent-turquoise-rgb: 5,181,171; --ui-color-accent-green: #29ad49; --ui-color-accent-green-rgb: 41,173,73; --ui-color-accent-brown: #ae914b; --ui-color-accent-brown-rgb: 174,145,75; --ui-color-accent-pink: #fb6dba; --ui-color-accent-pink-rgb: 251,109,186; --ui-color-accent-aqua: #55d0e0; --ui-color-accent-aqua-rgb: 85,208,224; --ui-color-accent-light-blue: #559be6; --ui-color-accent-light-blue-rgb: 85,155,230; --ui-color-tag-9: #e2e3e5; --ui-color-tag-9-rgb: 226,227,229; --ui-color-tag-8: #ccd3dd; --ui-color-tag-8-rgb: 204,211,221; --ui-color-tag-7: #dfc684; --ui-color-tag-7-rgb: 223,198,132; --ui-color-tag-6: #ace5ec; --ui-color-tag-6-rgb: 172,229,236; --ui-color-tag-5: #c2d1f0; --ui-color-tag-5-rgb: 194,209,240; --ui-color-tag-4: #87eda0; --ui-color-tag-4-rgb: 135,237,160; --ui-color-tag-3: #dbf087; --ui-color-tag-3-rgb: 219,240,135; --ui-color-tag-2: #00baf2; --ui-color-tag-2-rgb: 0,186,242; --ui-color-tag-1: #bcedfc; --ui-color-tag-1-rgb: 188,237,252; --ui-color-link-primary-base: #2066b0; --ui-color-link-primary-base-rgb: 32,102,176; --ui-color-background-none: none; --ui-color-background-transparent: transparent; --ui-color-copilot-primary: #8e52ec; --ui-color-copilot-primary-rgb: 142,82,236; --ui-color-copilot-secondary: #b095dc; --ui-color-copilot-secondary-rgb: 176,149,220; --ui-color-copilot-dark: #682ac6; --ui-color-copilot-dark-rgb: 104,42,198; --ui-border-width-thick: 2px; --ui-border-width-thin: 1px; --ui-border-radius-pill: 99rem; --ui-border-radius-circle: 50%; --ui-border-radius-3xl: 20px; --ui-border-radius-2xl: 16px; --ui-border-radius-xl: 14px; --ui-border-radius-lg: 12px; --ui-border-radius-md: 10px; --ui-border-radius-sm: 8px; --ui-border-radius-xs: 6px; --ui-border-radius-2xs: 4px; --ui-border-radius-3xs: 2px; --ui-border-radius-none: 0; --ui-typography-text-lg-font-weight: 400; --ui-typography-text-lg-line-height: 1.4; --ui-typography-text-lg-font-size: var(--ui-font-size-lg); --ui-typography-text-md-font-weight: 400; --ui-typography-text-md-line-height: 1.4; --ui-typography-text-md-font-size: var(--ui-font-size-md); --ui-typography-text-sm-font-weight: 400; --ui-typography-text-sm-line-height: 1.4; --ui-typography-text-sm-font-size: var(--ui-font-size-sm); --ui-typography-text-xs-font-weight: 400; --ui-typography-text-xs-line-height: 1.35; --ui-typography-text-xs-font-size: var(--ui-font-size-xs); --ui-typography-heading-h6-color: var(--ui-color-palette-black-base); --ui-typography-heading-h6-font-weight: 600; --ui-typography-heading-h6-line-height: 1.4; --ui-typography-heading-h6-font-size: var(--ui-font-size-md); --ui-typography-heading-h5-color: var(--ui-color-palette-black-base); --ui-typography-heading-h5-font-weight: 400; --ui-typography-heading-h5-line-height: 1.35; --ui-typography-heading-h5-font-size: var(--ui-font-size-xl); --ui-typography-heading-h4-color: var(--ui-color-palette-black-base); --ui-typography-heading-h4-font-weight: 400; --ui-typography-heading-h4-line-height: 1.35; --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl); --ui-typography-heading-h3-color: var(--ui-color-palette-black-base); --ui-typography-heading-h3-font-weight: 300; --ui-typography-heading-h3-line-height: 1.3; --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl); --ui-typography-heading-h2-color: var(--ui-color-palette-black-base); --ui-typography-heading-h2-font-weight: 300; --ui-typography-heading-h2-line-height: 1.3; --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl); --ui-typography-heading-h1-color: var(--ui-color-palette-black-base); --ui-typography-heading-h1-font-weight: 300; --ui-typography-heading-h1-line-height: 1.2; --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl); --ui-color-base-default: var(--ui-color-palette-black-base); --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb); --ui-color-base-solid: var(--ui-color-palette-black-solid); --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb); --ui-color-base-05: var(--ui-color-palette-gray-05); --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb); --ui-color-base-04: var(--ui-color-palette-gray-04); --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb); --ui-color-base-03: var(--ui-color-palette-gray-03); --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb); --ui-color-base-02: var(--ui-color-palette-gray-02); --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb); --ui-color-base-90: var(--ui-color-palette-gray-90); --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb); --ui-color-base-80: var(--ui-color-palette-gray-80); --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb); --ui-color-base-70: var(--ui-color-palette-gray-70); --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb); --ui-color-base-60: var(--ui-color-palette-gray-60); --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb); --ui-color-base-50: var(--ui-color-palette-gray-50); --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb); --ui-color-base-40: var(--ui-color-palette-gray-40); --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb); --ui-color-base-35: var(--ui-color-palette-gray-35); --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb); --ui-color-base-30: var(--ui-color-palette-gray-30); --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb); --ui-color-base-20: var(--ui-color-palette-gray-20); --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb); --ui-color-base-15: var(--ui-color-palette-gray-15); --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb); --ui-color-base-10: var(--ui-color-palette-gray-10); --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb); --ui-color-background-note: var(--ui-color-palette-beige-base); --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb); --ui-color-background-on-alert: var(--ui-color-palette-red-70); --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb); --ui-color-background-alert: var(--ui-color-palette-red-20); --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb); --ui-color-background-on-warning: var(--ui-color-palette-orange-70); --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb); --ui-color-background-warning: var(--ui-color-palette-orange-20); --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb); --ui-color-background-on-success: var(--ui-color-palette-green-70); --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb); --ui-color-background-success: var(--ui-color-palette-green-20); --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb); --ui-color-background-on-info: var(--ui-color-palette-blue-70); --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb); --ui-color-background-info: var(--ui-color-palette-blue-20); --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb); --ui-color-background-tertiary: var(--ui-color-palette-gray-05); --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb); --ui-color-background-secondary: var(--ui-color-palette-gray-10); --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb); --ui-color-background-primary: var(--ui-color-palette-white-base); --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb); --ui-color-text-warning: var(--ui-color-palette-orange-50); --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb); --ui-color-text-alert: var(--ui-color-palette-red-50); --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb); --ui-color-text-subtle: var(--ui-color-palette-gray-70); --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb); --ui-color-text-secondary: var(--ui-color-palette-gray-90); --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb); --ui-color-text-primary: var(--ui-color-palette-black-base); --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb); --ui-color-extranet: var(--ui-color-palette-orange-60); --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb); --ui-color-on-primary-alt: var(--ui-color-palette-white-base); --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb); --ui-color-primary-alt: var(--ui-color-palette-green-50); --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb); --ui-color-on-primary: var(--ui-color-palette-white-base); --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb); --ui-color-primary: var(--ui-color-palette-blue-50); --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb); }
:root { --ui-font-family-open-sans: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; }
@keyframes popup-window-button-animation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes popupWindowShowAnimationOpacity { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes popupWindowShowAnimationOpacityTransform { 
  0% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes popupWindowCloseAnimationOpacity { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes popupWindowCloseAnimationOpacityTransform { 
  0% { opacity: 1; transform: translateZ(0px); }
  100% { opacity: 0; transform: translate3d(0px, 25px, 0px); }
}
@keyframes popup-window-show-animation-scale { 
  0% { opacity: 0; transform: scale(0); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { transform: translate3d(0px, -30px, 0px); }
  40%, 43%, 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { transform: translate3d(0px, -30px, 0px); }
  40%, 43%, 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@-webkit-keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@-webkit-keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}
@keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}
@-webkit-keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}
@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}
@-webkit-keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@-webkit-keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@-webkit-keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}
@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}
@-webkit-keyframes wobble { 
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: none; }
}
@keyframes wobble { 
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: none; }
}
@-webkit-keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}
@-webkit-keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}
@keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}
@-webkit-keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}
@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}
@-webkit-keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}
@-webkit-keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}
@-webkit-keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@-webkit-keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@-webkit-keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes flip { 
  0% { transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
@keyframes flip { 
  0% { transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  100% { transform: perspective(400px); animation-timing-function: ease-in; }
}
@-webkit-keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
  0%, 40% { animation-timing-function: ease-in; }
  40% { transform: perspective(400px) rotateX(-20deg); }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
  0%, 40% { animation-timing-function: ease-in; }
  40% { transform: perspective(400px) rotateX(-20deg); }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipInY { 
  0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
  0%, 40% { animation-timing-function: ease-in; }
  40% { transform: perspective(400px) rotateY(-20deg); }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInY { 
  0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
  0%, 40% { animation-timing-function: ease-in; }
  40% { transform: perspective(400px) rotateY(-20deg); }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
@keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
}
@-webkit-keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; }
  100% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
}
@keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; }
  100% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
}
@-webkit-keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { transform: skewX(-5deg); }
  100% { transform: none; opacity: 1; }
}
@keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { transform: skewX(-5deg); }
  100% { transform: none; opacity: 1; }
}
@-webkit-keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@-webkit-keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}
@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
.rotateOut { animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
}
@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; }
}
@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  0%, 100% { transform-origin: left bottom; }
  100% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
}
@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  0%, 100% { transform-origin: right bottom; }
  100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; }
}
@-webkit-keyframes hinge { 
  0% { transform-origin: left top; }
  0%, 20%, 60% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: left top; }
  40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes hinge { 
  0% { transform-origin: left top; }
  0%, 20%, 60% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: left top; }
  40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@-webkit-keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: none; }
}
@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: none; }
}
@-webkit-keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}
@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}
@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@-webkit-keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOut { 
  0% { opacity: 1; }
  50% { transform: scale3d(0.3, 0.3, 0.3); }
  50%, 100% { opacity: 0; }
}
@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { transform: scale3d(0.3, 0.3, 0.3); }
  50%, 100% { opacity: 0; }
}
@-webkit-keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@-webkit-keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@-webkit-keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}
@-webkit-keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
.catalog-detail { display: flex; flex-direction: row; position: relative; }
.catalog-detail img { display: inline-block; margin: 0px auto; max-height: 100%; max-width: 100%; }
.catalog-detail__main { flex: 1 0 calc(58% - 9px); min-width: 0px; }
.catalog-detail__info-tc { margin: -16px 0px 31px; }
.catalog-detail__info-tech { margin: 13px 0px 0px; }
body .catalog-detail__main-parts { align-items: flex-start; }
.catalog-detail__main-part--right { max-width: 396px; width: 100%; }
@media (min-width: 1200px){
.catalog-detail__item, .catalog-detail__right-info { min-width: 0px; }
}
@media (max-width: 1199px){
body .catalog-detail { display: block; }
.catalog-detail .catalog-detail__top-info { flex-direction: column; }
.catalog-detail .catalog-detail__main { flex-basis: auto; padding: 35px 0px 0px; }
.catalog-detail__info-tc { margin-left: -48px; margin-top: 0px; padding-left: 48px; }
}
@media (min-width: 768px){
.catalog-detail__main-part .catalog-detail__info-tc { display: none; }
}
@media (max-width: 767px){
body .catalog-detail__top-info { padding-top: 24px; }
body .catalog-detail__info-tc { margin-bottom: 17px; margin-left: -24px; margin-right: -24px; padding-bottom: 17px; padding-left: 24px; padding-right: 24px; }
body .catalog-detail__main-part { width: 100%; }
body .catalog-detail__main-parts { flex-direction: column; }
.catalog-detail .catalog-detail__main { padding-top: 44px; }
.catalog-detail__main .line-block__item:has(.item-action) { gap: 20px; }
}
.catalog-detail__sticker-wrapper .sticker { position: static; margin: 0px -2px; }
.catalog-detail__buy-block { position: relative; }
.catalog-detail__buy-block .counter__count-wrapper { max-width: 166px; }
.catalog-detail__buy-block .btn-wide .counter { width: 100%; }
.catalog-detail__buy-block .btn-lg .counter__action { flex-grow: 1; }
.line-block:not(.hidden) + .catalog-detail__cart:not(.hidden) { margin-top: 19px; }
.catalog-detail__previewtext .text-block { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: calc(1em + 10px); }
.catalog-detail__previewtext .text-block > p { display: inline; }
.catalog-detail .properties__item { margin-top: 6px; }
.catalog-detail__bottom-info .ordered-block:first-of-type { margin-top: 2.89rem; }
.catalog-detail__bottom-info .ordered-block.tabs-block { margin: 3.25rem 0px -0.55rem; }
[data-js-block] { display: none; }
@media (max-width: 600px){
.catalog-detail__sticker-wrapper .sticker { margin-bottom: 6px; }
.catalog-detail__main h1 { margin-bottom: 3px; }
.catalog-detail__info-tech { margin: 0px; }
.catalog-detail__info-tc > .line-block { align-items: center; }
.catalog-detail__main .catalog-detail__info-tc { margin: 0px; padding: 2px 0px 0px; }
.catalog-detail__main-parts { padding-top: 17px; }
.detail .catalog-detail__buy-block.shadow { box-shadow: none; padding: 0px 0px 17px; background: transparent; }
.detail .catalog-detail__cell-block { padding: 15px 17px; }
.catalog-detail__price .price__new-val { font-size: 1.75rem; }
.line-block:not(.hidden) + .catalog-detail__cart:not(.hidden) { margin-top: 10px; }
.catalog-detail__main-part .btn-ocb { --button-height: 47px; --button-font-size: 1rem; --button-pl: 24px; --button-pr: 24px; }
.catalog-detail__bottom-info .ordered-block.tabs-block { margin: 24px 0px -0.55rem; }
}
.rg-terms { margin: 16px 0px 0px; padding: 0px; list-style: none; }
.rg-terms li { position: relative; padding-left: 14px; margin-top: 6px; line-height: 1.4; color: rgb(102, 102, 102); }
.rg-terms li::before { content: ""; position: absolute; left: 0px; top: 8px; width: 4px; height: 4px; border-radius: 50%; background: currentcolor; opacity: 0.45; }
.rg-terms__link::before { display: none; }
.rg-terms__link { padding-left: 0px; margin-top: 10px; }
.properties-group { width: 100%; margin: 0px; color: var(--basic_text_black); --group-padding: 15px; }
.properties-group__group { padding-top: var(--group-padding); padding-bottom: var(--group-padding); }
.properties-group__group:first-child { padding-top: 0px; }
.properties-group__group:last-child { padding-bottom: 0px; }
.properties-group--table .properties-group__item { display: flex; gap: 4px; padding: 12px 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--stroke_black); }
.properties-group--table .properties-group__item:first-of-type { border-top-width: 1px; border-top-style: solid; border-top-color: var(--stroke_black); }
.properties-group__name-wrap, .properties-group__value-wrap { position: relative; }
.properties-group--table .properties-group__name-wrap, .properties-group--table .properties-group__value-wrap { width: 50%; }
.properties-group__name-wrap { display: flex; flex-direction: row; align-items: flex-start; }
.properties-group__name, .properties-group__value { position: relative; text-align: left; word-break: break-word; }
.properties-group--table .properties-group__value { padding-left: 20px; }
@media (min-width: 601px){
.properties-group__item:hover { background-color: var(--light,#fafafa) var(--dark,var(--card_bg_hover_black)); }
}
@media (max-width: 600px){
.properties-group { --group-padding: 12px; }
.properties-group--table .properties-group__group[data-group-code="no-group"] .properties-group__item { padding-left: 0px; }
.properties-group--table .properties-group__name-wrap, .properties-group--table .properties-group__value-wrap { width: 100%; }
.properties-group--table .properties-group__name, .properties-group--table .properties-group__value { padding: 0px; }
.properties-group--table .properties-group__name-wrap { background: 0px 0px; }
.properties-group--table .properties-group__name-wrap { font-size: 0.875rem; line-height: calc(1em + 7px); }
.properties-group--table .properties-group__value-wrap { font-size: 0.875rem; line-height: calc(1em + 5px); }
}
@keyframes fancybox-rotate { 
  100% { transform: rotate(360deg); }
}
.detail { position: relative; }
.detail img { display: inline-block; max-width: 100%; max-height: 100%; margin: 0px auto; }
body .ordered-block { margin: 2.92rem 0px; position: relative; }
.ordered-block:first-of-type { margin-top: 0px; clear: both; }
body .ordered-block.grid-list__item { margin: 0px; }
@media (max-width: 1024px){
body .ordered-block { margin: 40px 0px; }
}
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; }
:root { --swiper-navigation-size: 44px; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; }
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }
@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
.swiper-lazy { transition: opacity 0.3s; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { --swiper-pagination-bullet-horizontal-gap: 6px; }
.swiper-pagination-bullet { width: 12px; height: 12px; background: rgba(0, 0, 0, 0.1); opacity: 1; position: relative; }
.swiper-pagination-bullet::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -4px 0px 0px -4px; width: 8px; height: 8px; background: rgb(255, 255, 255); border-radius: 100%; transition: 0.3s; }
.swiper-pagination-bullet.swiper-pagination-bullet-active::before, .swiper-pagination-bullet:hover::before { transform: scale(1.5); background-color: var(--theme-base-color); }
@media screen and (max-width: 600px){
.swiper-pagionation-bullet--line-to-600.swiper-pagination-horizontal .swiper-pagination-bullet { --swiper-pagination-bullet-horizontal-gap: 2px; }
.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet { border-radius: 5px; height: 2px; background: rgba(136, 136, 136, 0.5); }
.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--light,#222) var(--dark,#fff); }
.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet::before { display: none; }
}
.swiper-button-next, .swiper-button-prev { width: 40px; height: 40px; background: var(--arrows_bg_black); transition: 0.3s ease-in-out; border-radius: 50px; }
.swiper-button-prev .svg { transform: translateX(-1px); }
.swiper-button-next .svg { transform: translateX(1px); }
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: var(--theme-base-color); }
.swiper-button-next:hover use, .swiper-button-prev:hover use { stroke: rgb(255, 255, 255); }
.swiper-button-next::after, .swiper-button-prev::after { display: none; }
.swiper-nav-offset .swiper-button-prev { left: -20px; }
.swiper-nav-offset .swiper-button-next { right: -20px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display: none; }
.swiper-pagination--bottom { top: 100%; }
.slider-nav { box-shadow: rgba(34, 34, 34, 0.07) 0px 5px 20px; }
.slider-nav--shadow { box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 20px; }
@media (max-width: 767px){
.slider-nav:not(.slider-nav--no-auto-hide) { display: none; }
}
.slider-nav:hover svg { stroke: rgb(255, 255, 255); }
.detail-gallery-big-wrapper { position: relative; width: 100%; padding-top: 87.2%; }
.gallery-wrapper__aspect-ratio-container { inset: 0px; display: flex; gap: 12px; height: 100%; justify-content: space-between; position: absolute; width: 100%; }
.detail-gallery-big-slider-main { height: 100%; position: relative; width: 100%; }
.detail-gallery-big.image-list__link { position: relative; }
.detail-gallery-big { margin: 0px auto; max-width: calc(635px); padding: 0px 41px 0px 0px; position: relative; }
.detail-gallery-big__item--no-image > span, .detail-gallery-big__item > a { width: 100%; height: 100%; display: flex; align-items: center; position: absolute; top: 0px; }
.detail .detail-gallery-big-slider .detail-gallery-big__item img { width: auto; display: inline-block; vertical-align: middle; }
@media (max-width: 1199px){
.catalog-detail .detail-gallery-big { flex: 0 0 100%; width: 100%; }
.detail-gallery-big { padding: 0px; max-width: 454px; }
}
.detail-gallery-big-slider.big { inset: 0px; height: 100%; margin: 0px auto; position: absolute; width: 100%; border-radius: var(--theme-outer-border-radius); }
.detail-gallery-big__item--big { height: 100%; position: relative; width: 100%; }
.detail-gallery-big__item--big img { cursor: zoom-in; }
@media (max-width: 767px){
.detail-gallery-big-slider.big { bottom: 0px; }
.detail-gallery-big-wrapper { margin-bottom: 28px; }
}
.detail-gallery-big-slider-thumbs { --border-radius: 6px; align-items: center; display: flex; height: 100%; position: relative; }
.gallery-slider-thumb__container { display: flex; height: 100%; max-height: 100%; max-width: 100%; position: relative; width: auto; }
@media screen and (max-width: 767px){
.detail-gallery-big-slider-thumbs { display: none; }
}
.gallery-slider-thumb__container--hide-navigation .gallery-slider-thumb { height: 100%; }
.gallery-slider-thumb__container--hide-navigation .gallery-slider-thumb, .gallery-slider-thumb__container--hide-navigation.gallery-slider-thumb__container--with-popup .gallery-slider-thumb { width: 100%; }
.gallery__item--thumb { align-items: center; border: 2px solid transparent; display: flex; margin: 0px 2px; max-height: 64px; max-width: 64px; min-height: 64px; min-width: 64px; padding: 4px; width: 100%; }
.gallery__item--thumb.swiper-slide-thumb-active { border-color: var(--theme-base-color); }
.gallery__item--thumb:first-child { margin-left: 0px; }
.gallery__item--thumb:last-child { margin-right: 0px; }
.gallery-slider-thumb__container--hide-navigation .gallery__item--thumb:first-child { margin-left: 0px; }
.gallery-slider-thumb__container--hide-navigation .gallery__item--thumb:last-child { margin-right: 0px; }
.gallery-slider-thumb__container--hide-navigation .gallery-slider-thumb-button { display: none !important; }
.detail-gallery-big-slider-thumbs .gallery-slider-thumb-button { align-items: center; border-radius: var(--border-radius); inset: auto 0px; height: 100%; margin: 0px; position: relative; width: 36px; min-width: 36px; }
.gallery-slider-thumb-button.gallery-slider-thumb-button--prev { margin-right: 4px; }
.gallery-slider-thumb-button.gallery-slider-thumb-button--next { margin-left: 4px; }
.detail-gallery-big-slider-thumbs .gallery-slider-thumb-button.swiper-button-disabled:not(.swiper-button-lock) { display: flex; }
@media screen and (max-width: 600px){
.detail-gallery-big-wrapper { padding-top: 84% !important; margin-bottom: 0px; }
.detail-gallery-big-slider-main { max-width: 288px; margin: auto; }
.detail-gallery-big-slider-thumbs { display: block; position: static; height: auto; }
.gallery-slider-thumb__container { display: none; }
}
.detail-gallery-big--vertical .detail-gallery-big-slider-main { height: 100%; }
.detail-gallery-big--vertical .detail-gallery-big-slider-thumbs { flex-direction: column; }
.detail-gallery-big--vertical .gallery-slider-thumb__container { flex-direction: column; height: auto; }
.detail-gallery-big--vertical .gallery-slider-thumb { height: 100%; width: 100%; }
.detail-gallery-big--vertical .gallery__item--thumb { margin: 2px 0px; }
.detail-gallery-big--vertical .gallery__item--thumb:first-child { margin-top: 0px; }
.detail-gallery-big--vertical .gallery__item--thumb:last-child { margin-bottom: 0px; }
.gallery-slider-thumb__container--hide-navigation .gallery__item--thumb:first-child { margin-top: 0px; }
.gallery-slider-thumb__container--hide-navigation .gallery__item--thumb:last-child { margin-bottom: 0px; }
.detail-gallery-big--vertical .gallery-slider-thumb-button { height: 36px; width: 100%; }
@media screen and (min-width: 601px){
.detail-gallery-big--vertical .gallery-slider-thumb-button .svg { transform: rotateZ(90deg); }
.detail-gallery-big--vertical .gallery-slider-thumb-button.gallery-slider-thumb-button--prev { margin-right: 0px; margin-bottom: 4px; }
.detail-gallery-big--vertical .gallery-slider-thumb-button.gallery-slider-thumb-button--next { margin-left: 0px; margin-top: 4px; }
}
@media screen and (max-width: 600px){
.detail-gallery-big--vertical .gallery-slider-thumb-button { height: 100%; width: 36px; }
}
.share { position: relative; }
.share .shares-block { display: flex; position: relative; }
.share .shares-block .ya-share2::before { content: ""; display: block; height: 14px; position: absolute; left: -373px; top: 100%; right: -10px; }
.share .ya-share2 { position: absolute; top: 38px; right: 12px; z-index: 6; background: var(--card_bg_black); padding: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px; border-radius: 4px; overflow: hidden; }
.share .shares-block .ya-share2 { display: none; }
.properties__item { margin-top: 3px; position: relative; word-break: break-word; }
.properties__item--inline { display: inline; }
.properties__hr { margin: 0px 1px; }
.chip { --item-pl: 12px; --item-pr: 12px; --item-height: 34px; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: var(--darkgrey_bg_black); border-radius: var(--border-radius); height: var(--item-height); color: var(--white_text_black); }
.chip__label { overflow: hidden; text-overflow: ellipsis; padding-left: var(--item-pl); padding-right: var(--item-pr); white-space: nowrap; }
.chip--transparent { background-color: transparent; }
.chip:hover { background-color: var(--light,rgba(136,136,136,.05)) var(--dark,#343434); }
.props_block__wrapper { margin-left: 0px; margin-right: 0px; }
.buy_block { display: block; }
body .buy_block .item-action--basket:not(.active), body .buy_block .item-action--basket.loadings {
  & + .in_cart, & ~ .to_cart_link { display: none; }
}
.btn-actions__inner { flex: 1 1 0%; max-width: 100%; text-overflow: ellipsis; }
.js-replace-btns .btn { white-space: normal; max-width: 100%; text-overflow: ellipsis; text-align: center; }
.counter { display: flex; justify-content: space-between; user-select: none; width: 103px; min-width: 103px; overflow: hidden; }
.counter__action { flex: 0 0 30px; position: relative; }
.counter__action::before, .counter__action::after { content: ""; position: absolute; display: block; background-color: rgb(255, 255, 255); border-radius: 1px; top: 50%; left: 50%; }
.counter__action::before { width: 12px; height: 2px; margin-top: -1px; margin-left: -6px; }
.counter__action--minus { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.counter__action--plus { border-left: 1px solid rgba(0, 0, 0, 0.1); }
.counter__action--plus::after { width: 2px; height: 12px; margin-top: -6px; margin-left: -1px; }
.counter__count { --input_bg_color-focus: transparent; --input_border_color-focus: transparent; flex: 1 1 0%; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; text-align: center; color: rgb(255, 255, 255); }
.btn .counter { height: calc(var(--button-height) - 3px); }
.btn-wide .counter { width: auto; }
.btn-lg .counter__action { flex-basis: 44px; }
@media (max-width: 600px){
.hide-600 { display: none !important; }
}
.catalog-detail__cell-block { padding: 24px 20px; }
.catalog-detail__cell-block.shadow { box-shadow: rgba(34, 34, 34, 0.1) 0px 3px 20px; position: relative; }
.grid-list.catalog-detail__forms { --gap: 13px; }
.catalog-detail__pseudo-link--with-gap { margin-top: 8px; }
.catalog-detail .catalog-detail__pseudo-link { display: inline-flex; line-height: calc(1em + 9px); }
.pseudo-link__icon { margin-right: 10px; }
.catalog-detail .content--max-width { max-width: 1200px; }
.price { font-weight: 600; line-height: 20px; font-size: 1rem; }
.sticker { position: absolute; z-index: 3; top: 0px; left: -2px; display: flex; flex-wrap: wrap; right: calc(var(--catalog-block-padding) - 2px); max-width: 100%; }
.status-icon {
  position: relative; color: rgb(51, 187, 17);
  &.status-container { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
}
.bottom-icons-panel { position: sticky; width: 100%; left: 0px; bottom: 0px; background: var(--card_bg_black); box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 10px; z-index: 992; padding-bottom: env(safe-area-inset-bottom,22px); order: 9999; margin-top: auto; overflow: auto; }
.bottom-icons-panel__content { display: flex; width: 100%; padding-bottom: 5px; transform: translateZ(0px); }
.bottom-icons-panel__content-link { display: flex; flex-shrink: 0; align-items: center; justify-content: flex-end; flex-direction: column; min-width: 75px; max-width: 200px; height: 56px; text-align: center; position: relative; overflow: hidden; padding: 0px 3px 2px; }
.bottom-icons-panel__content-text { align-self: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bottom-icons-panel__content-link--display--block { display: block; }
.bottom-icons-panel__content-link--with-counter { gap: 5px 0px; }
.bottom-icons-panel__content-picture-wrapper--mb-3 { align-items: flex-end; display: flex; height: 20px; margin: 0px; position: relative; }
.bottom-icons-panel__content::-webkit-scrollbar { appearance: none; }
.bottom-icons-panel__content::-webkit-scrollbar-thumb { background: var(--gray_bg_black); border-radius: 10px; border-width: 2px; border-style: solid; border-image: none; border-color: var(--black_bg_black); }
.bottom-icons-panel__content::-webkit-scrollbar-track { border-radius: 10px; background: none; }
.bottom-icons-panel .header-cart__count, .bottom-icons-panel .icon-count { top: 0px; bottom: auto; right: 0px; }
@media (min-width: 992px){
.bottom-icons-panel { display: none; }
}
@media (max-width: 991px){
html { --bottom-panel_height: 61px; }
}
@font-face { font-family: Manrope; font-display: swap; font-style: normal; font-weight: 300; src: local(""), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-300.woff2") format("woff2"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-300.woff") format("woff"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-300.ttf") format("truetype"); }
@font-face { font-family: Manrope; font-display: swap; font-style: normal; font-weight: 400; src: local(""), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-regular.woff2") format("woff2"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-regular.woff") format("woff"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-regular.ttf") format("truetype"); }
@font-face { font-family: Manrope; font-display: swap; font-style: normal; font-weight: 500; src: local(""), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-500.woff2") format("woff2"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-500.woff") format("woff"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-500.ttf") format("truetype"); }
@font-face { font-family: Manrope; font-display: swap; font-style: normal; font-weight: 600; src: local(""), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-600.woff2") format("woff2"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-600.woff") format("woff"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-600.ttf") format("truetype"); }
@font-face { font-family: Manrope; font-display: swap; font-style: normal; font-weight: 700; src: local(""), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-700.woff2") format("woff2"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-700.woff") format("woff"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-700.ttf") format("truetype"); }
@font-face { font-family: Manrope; font-display: swap; font-style: normal; font-weight: 800; src: local(""), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-800.woff2") format("woff2"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-800.woff") format("woff"), url("/bitrix/templates/aspro-lite-2026/css/fonts/manrope/css/../fonts/manrope-v11-latin_cyrillic-ext-800.ttf") format("truetype"); }
*, ::after, ::before { box-sizing: border-box; }
html { width: 100%; height: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
p { margin: 0px 0px 10px; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0px; line-height: inherit; }
.form-control { display: block; width: 100%; font-size: 14px; line-height: 1.42857; }
.clearfix::after, .clearfix::before { content: " "; display: table; }
ol, ul { margin-top: 0px; margin-bottom: 10px; }
.hidden { display: none !important; visibility: hidden !important; }
.row { margin-left: -16px; margin-right: -16px; }
.row::after, .row::before { content: " "; display: table; }
.row::after { clear: both; }
.row::after, .row::before { content: " "; display: table; }
.row::after { clear: both; }
.col-lg-12, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-md-12, .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-xs-12, .col-xs-3, .col-xs-4, .col-xs-6, .col-xs-8 { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px; }
.col-xs-12 { width: 100%; }
@media (min-width: 768px){
.container { width: 750px; }
.col-sm-12 { width: 100%; }
}
@media (min-width: 992px){
.container { width: 970px; }
.col-md-12 { width: 100%; }
}
@media (min-width: 1200px){
.container { width: 1170px; }
}
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
@-webkit-keyframes ripple { 
  100% { opacity: 0; transform: scale(2); }
}
@keyframes ripple { 
  100% { opacity: 0; transform: scale(2); }
}
.btn.btn-default { background-color: var(--theme-base-color); border-color: var(--theme-base-color); color: rgb(255, 255, 255); }
.btn.btn-default:hover, .btn-default:active, .btn-default:focus-visible { background-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); border-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); }
.btn.btn-transparent { background-color: hsl(var(--dark_light-wtheme-hue),var(--dark_light-wtheme-saturation),var(--dark_light-wtheme-lightness),.1); color: var(--fill_dark_lite_white_hover); border-color: transparent; }
.btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent:focus-visible { background-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); border-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); color: rgb(255, 255, 255); }
.btn.btn-transparent-border { background-color: transparent; color: var(--fill_dark_lite_white_hover); border-width: 1px; border-style: solid; border-image: none; border-color: hsla(var(--dark_light-wtheme-hue),var(--dark_light-wtheme-saturation),var(--dark_light-wtheme-lightness),.35); }
.btn.btn-transparent-border:hover, .btn.btn-transparent-border:active, .btn.btn-transparent-border:focus-visible { background-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); border-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); color: rgb(255, 255, 255); }
.btn.btn-transparent-border:hover, .btn.btn-transparent-border.active { color: rgb(255, 255, 255); background-color: var(--theme-base-color); border: 1px solid var(--theme-base-color); }
.btn { --button-height: 42px; --button-font-size: .9375rem; --button-pl: 20px; --button-pr: 20px; font-size: var(--button-font-size); line-height: 1em; font-weight: 600; text-transform: var(--theme-text-transform); letter-spacing: var(--theme-letter-spacing); text-decoration: none; margin: 0px; border: 1px solid; border-radius: var(--border-radius); padding-top: 1px; padding-bottom: 1px; padding-left: var(--button-pl); padding-right: var(--button-pr); overflow: hidden; display: inline-flex; align-items: center; justify-content: center; height: var(--button-height); user-select: none; background-image: none; cursor: pointer; white-space: nowrap; transition: background-color 0.1s; }
.btn > * { transition: background-color 0.1s; }
.btn.btn-lg { --button-height: 47px; --button-font-size: 1rem; --button-pl: 24px; --button-pr: 24px; }
.btn.btn-sm { --button-height: 35px; --button-font-size: .875rem; --button-pl: 16px; --button-pr: 16px; }
.btn.active, .btn:active { box-shadow: none; }
.btn.btn-wide { width: 100%; }
body .btn.btn-default.in_cart { background-color: var(--theme-more-color); border-color: rgba(0, 0, 0, 0.098); padding: 0px; display: flex; }
:where(.btn--no-btn-appearance) { appearance: none; background: none; border-radius: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; cursor: pointer; display: block; padding: 0px; }
.svg { display: inline-block; vertical-align: middle; position: relative; background-repeat: no-repeat; background-position: center center; }
.svg svg { display: block; }
.headers-container { position: relative; z-index: 3; }
.header { color: var(--white_text_black); position: relative; z-index: 110; background-color: var(--black_bg_black); }
.hide-dotted:not(.dotted-complete) * { opacity: 0; }
.hide-dotted:not(.dotted-complete) { overflow: hidden; }
.header__top-part { position: relative; z-index: 2; display: flex; align-items: center; height: 45px; }
.header__bottom-inner--long { height: 63px; }
.header__top-inner { display: flex; align-items: center; justify-content: space-between; margin: 0px -16px; flex: 1 1 0%; width: calc(100% + 32px); position: relative; }
.header__top-item { margin: 0px 16px; }
.header__bottom-inner { display: flex; align-items: center; justify-content: space-between; margin: 0px -16px; flex: 1 1 0%; width: calc(100% + 32px); }
.header__bottom-item { margin: 0px 16px; }
.header__main-part { position: relative; z-index: 1; height: 70px; display: flex; align-items: center; }
.header__main-part--long { height: 75px; }
.header__inner { padding-top: 13px; padding-bottom: 9px; border-bottom: var(--light,1px solid rgba(34,34,34,.08)) var(--dark,1px solid rgba(237,237,237,.08)); }
.header__inner--no-pt { padding-top: 0px; }
.header__main-inner { flex: 1 1 0%; display: flex; align-items: center; justify-content: space-between; margin: 0px -16px; min-width: 0px; }
.header__main-item { margin: 0px 16px; flex-shrink: 0; }
.dropdown { box-shadow: rgba(34, 34, 34, 0.098) 0px 5px 30px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--card_bg_black); border-radius: var(--border-radius); position: absolute; top: 100%; left: 0px; }
.dropdown--relative { position: relative; }
.logo { max-width: 210px; height: 50px; display: flex; align-items: center; }
.logo a { display: flex; align-items: center; width: 100%; height: 100%; }
.logo img, .logo svg { max-height: 100%; max-width: 100%; }
.phones { display: flex; align-items: center; position: relative; }
.phones__inner { display: flex; align-items: center; position: relative; }
.phones__phone-link { font-weight: 600; line-height: calc(1em + 3px); font-size: 0.9375em; }
.phones__dropdown { opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; position: absolute; top: -20px; left: -16px; z-index: 2; }
.icon-block--with_icon .phones__dropdown { left: 0px; }
.phones__dropdown .dropdown { padding: 15px 16px; min-width: 240px; }
.phones__dropdown .dropdown + .dropdown { margin-top: 4px; }
.phones__inner:hover { z-index: 1000; }
.phones__inner:hover .phones__dropdown { opacity: 1; visibility: visible; }
.phones__dropdown .dropdown__item { padding: 3.5px 0px; }
.phones__dropdown .dropdown__item--first { padding-top: 0px; }
.phones__dropdown .dropdown__item--last { padding-bottom: 0px; }
.phones__callback { font-size: 0.875em; line-height: calc(1em + 4px); margin-left: 11px; }
.phones__dropdown-item { padding: 5px 0px 7px; }
.phones__dropdown-item:last-child { padding-bottom: 0px; }
.phones__dropdown-title { font-size: 12px; line-height: calc(1em + 4px); color: rgb(153, 153, 153); }
.phones__dropdown-value { margin-top: 5px; font-size: 0.9375em; line-height: calc(1em + 3px); }
.header-cabinet { position: relative; }
.header-cart__inner { position: relative; margin-right: 4px; display: block; line-height: 0; }
.header-cart__inner--empty { margin-right: 0px; }
.header-cart__count, .icon-count { position: absolute; top: 0px; right: 0px; transform: translate(57%, -31%); color: rgb(255, 255, 255); font-size: 12px; border-radius: 17px; text-align: center; line-height: 17px; min-width: 17px; padding: 0px 4px; background-color: rgb(68, 187, 34); white-space: nowrap; z-index: 2; }
.header-cart__inner--empty .header-cart__count, .icon-count { display: none; }
.icon-block-with-counter { position: relative; display: block; }
.header-cart, .header-favorite, .header-compare { position: relative; }
.basket-dropdown { display: none; }
.more-arrow { display: flex; margin-left: 8px; }
.light-opacity-hover { opacity: 1; transition: opacity 0.1s ease-in-out; }
.header__icon-name { font-size: 0.875rem; line-height: calc(3px + 1rem); padding-top: 7px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; }
.header__icon { height: 20px; display: flex; align-items: end; }
.header__top-sections { min-width: 0px; }
.header__top-sections-inner { padding: 10px 0px; }
.header__burger .header-menu__wrapper { height: auto; }
.basket-dropdown, .product-dropdown-hover-block { position: absolute; top: 100%; right: 0px; width: 400px; visibility: hidden; opacity: 0; transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; z-index: 2; }
.footer__bottom-part .footer__part-item { margin: 16px; }
#bx-composite-banner:empty { display: none; }
.phones__dropdown--top { bottom: -34px; left: -16px; top: auto; display: flex; flex-direction: column-reverse; }
.phones__dropdown--top .dropdown { display: flex; flex-direction: column-reverse; }
.phones__dropdown--top .dropdown + .dropdown { margin: 0px 0px 4px; }
.phones__dropdown--top .dropdown__item--first { padding-top: 3.5px; padding-bottom: 0px; }
.phones__dropdown--top .dropdown__item--last { padding-top: 0px; padding-bottom: 3.5px; }
.phones__dropdown--top .phones__dropdown-item { padding: 7px 0px 5px; }
.phones__dropdown--top .phones__dropdown-item:last-child { padding-top: 0px; padding-bottom: 5px; }
.footer__phone .phones__dropdown-items--phones { display: flex; flex-direction: column-reverse; }
@media (max-width: 767px){
.wrap_menu_compact_mobile { display: none; }
}
@media (max-width: 600px){
.subscribe-block__text br { display: none; }
.footer__bottom-part .footer__part-item { margin: 8px; }
.footer__bottom-part .footer__developer { margin-top: 0px; }
}
@media screen and (max-width: 991px){
#mobileheader { margin: 0px; padding: 0px; position: relative; z-index: 993; }
}
.mobileheader { height: 62px; padding: 0px 27px 0px 20px; }
.mobileheader__inner { height: 100%; flex: 1 1 0%; display: flex; align-items: center; justify-content: space-between; margin: 0px -16px; }
.mobileheader--color-white { background-color: var(--darkerblack_bg_black); }
.mobileheader--color-grey, .mobileheader--color-white { box-shadow: 0 1px 0 var(--stroke_black); }
@media screen and (max-width: 991px){
body.mfixed_y .headers-container { position: sticky; top: 0px; }
}
.mobileheader__item { margin: 0px 16px; }
.mobileheader .burger { align-items: center; cursor: pointer; display: flex; padding: 20px; margin: -20px; }
.mobileheader .logo { max-width: 160px; }
.mobileheader .line-block__item:not(.hidden) + .logo { padding-left: 4px; }
@media (max-width: 991px){
.mobileheader__item--right-icons .line-block { height: 50px; overflow: hidden; }
.mobileheader__item--right-icons .line-block > .line-block__item { align-items: center; display: flex; height: 50px; }
}
@media screen and (max-width: 600px){
.mobileheader__item--right-icons .line-block { justify-content: flex-end; margin-right: -16px; }
.mobileheader__item--right-icons .line-block > .line-block__item { padding: 0px 10px; }
.mobileheader__item--right-icons .line-block > .line-block__item.hide-600 { display: none; }
}
.mobileheader .phones { cursor: pointer; }
.mobileheader .phones, .mobileheader .phones__inner { position: inherit; }
#mobilephones { position: absolute; left: 0px; right: 0px; z-index: 3000; background: var(--black_bg_black); display: none; opacity: 1; visibility: visible; padding: 0px; cursor: default; }
.mobileheader--color-grey #mobilephones, .mobileheader--color-white #mobilephones { top: calc(100% + 1px); }
.mobileheader .phones__dropdown .dropdown { box-shadow: none; display: block; padding: 17px 0px 23px; left: 0px !important; }
.mobilephones__menu-item.mobilephones__menu-item--title { padding: 18px 23px; }
.mobilephones__menu-item a { padding: 10px 23px; display: block; }
.mobilephones__menu-item--callback { padding: 9px 23px; margin: 8px 0px 0px; }
.mobilephones__close { width: 46px; height: 46px; position: absolute; top: 24px; right: 8px; display: flex; justify-content: center; align-items: center; z-index: 1; cursor: pointer; }
.icon-block--only_icon .icon-block__only-icon { display: flex; }
.mobileheader .basket-dropdown { display: none; }
form.search .btn-close { display: none; pointer-events: none; }
@media screen and (max-width: 991px){
.header__inner > :not(.part-with-search), .part-with-search__inner > :not(.header__search) { display: none; }
.headers-container { position: relative; z-index: 993; }
.header__search form.search { display: flex; align-items: center; }
.part-with-search .header__search { margin: 0px; width: 100%; }
.header-search__mobile { cursor: pointer; }
[data-ajax-block="HEADER"] { left: 0px; position: absolute; right: 0px; top: 0px; transform: translateY(-100%); transition: transform 0.3s, visibility 0.3s ease-out; visibility: hidden; z-index: 999; }
body .header__inner { padding-bottom: 0px; padding-top: 0px; }
.part-with-search { height: 63px; }
.search-input, .search-input::placeholder { color: var(--white_text_black) !important; }
form.search .btn-close { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: block; height: 100%; margin-right: 7px; pointer-events: all; width: 40px; z-index: 1; }
}
#mobilemenu { background: var(--black_bg_black); transition: left 0.4s, opacity 0.4s; position: fixed; z-index: 3002; overflow: hidden auto; }
.mobilemenu { overflow: hidden; }
.mobilemenu__inner { display: flex; flex-direction: column; width: 100%; transition: transform 0.2s ease-in-out; padding: 32px 0px 48px; }
body.mmenu_leftside #mobilemenu { left: -100%; top: 0px; bottom: 0px; width: 375px; max-width: 100%; }
.mobilemenu__item { padding: 26px 0px 0px; }
.mobilemenu__item:first-of-type { padding-top: 0px; }
.mobilemenu__menu > ul { padding: 0px; margin: 0px; display: block; }
.mobilemenu__menu-dropdown { left: 100%; top: 0px; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; visibility: visible; opacity: 1; display: none; position: absolute; z-index: 5; background: var(--black_bg_black); margin: 0px; padding: 40px 0px; }
.mobilemenu__menu-item { list-style: none; display: block; margin: 0px; width: 100%; padding: 0px; line-height: 0; }
.mobilemenu__menu-item--full-height { line-height: initial; }
.mobilemenu__menu-item .icon-block { align-items: center; display: flex; }
.mobilemenu__menu-item > .link-wrapper { position: relative; }
.mobilemenu__menu-item > .link-wrapper a:not(.icon-block) { display: block; }
.mobilemenu__menu-item > .link-wrapper a, .mobilemenu__menu-item-content { padding: 9px 32px; position: relative; word-break: break-word; }
.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper a { padding: 10px 32px; }
.mobilemenu__menu-item--back { margin: 0px; }
.mobilemenu__menu-item--back .arrow-all__item-arrow { margin-right: 20px; }
.mobilemenu__menu-item--back .stroke-theme-target * { stroke: var(--white_text_black); }
.mobilemenu__menu-item--back > .link-wrapper { display: inline-block; vertical-align: top; padding: 0px 0px 0px 32px; }
.mobilemenu__menu-dropdown .mobilemenu__menu-item--back > .link-wrapper a { align-items: center; display: flex; height: 28px; padding: 0px; }
.mobilemenu__menu-item--back .arrow-all { position: relative; top: inherit; right: inherit; }
.mobilemenu__menu-item--back a { position: relative; }
.mobilemenu__menu-item--title { margin: 27px 0px 8px; }
.mobilemenu .menu-arrow.svg { width: 17px; height: 17px; border-radius: 10px; line-height: 13px; right: 34px; top: 14px; position: absolute; text-align: center; margin: 0px; }
.mobilemenu .menu-arrow svg { vertical-align: middle; }
.mobilemenu .toggle_block { width: 100%; }
.mobilemenu .logo { margin-top: 0px; padding: 0px 32px; max-width: 262px; }
.mobilemenu__menu-item--callback { padding: 9px 32px; margin: 9px 0px 0px; }
.mobilemenu__menu-item--with-icon > .link-wrapper a { font-size: 1em; }
.mobilemenu__menu .mobilemenu__menu-item-svg { align-items: center; display: flex; height: 26px; margin-right: 20px; width: 21px; }
.mobilemenu__menu .mobilemenu__menu-item-svg { position: static; }
.mobilemenu__menu--compare .mobilemenu__menu-item-svg, .mobilemenu__menu--favorite .mobilemenu__menu-item-svg { justify-content: center; }
.mobilemenu .header-cart__count, .mobilemenu .icon-count { transform: none; top: calc(50% - 9px); right: 42px; }
.mobilemenu .social { padding: 13px 32px 0px; }
.mobilemenu div + div > .social { padding-top: 28px; }
.mobilemenu__separator { height: 1px; background: var(--stroke_black); margin: 26px 32px 0px; }
.mobilemenu__overlay { display: none; background: rgb(51, 68, 68); height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 2999; opacity: 0.7 !important; }
.mobilemenu__close { width: 46px; height: 46px; position: absolute; top: 31px; right: 24px; display: flex; justify-content: center; align-items: center; z-index: 1; cursor: pointer; }
#headerfixed .header__main-part { height: 79px; }
#headerfixed .header__inner { padding-top: 0px; padding-bottom: 0px; }
@media not print{
#headerfixed { opacity: 0; transition: opacity 10ms; display: none; }
.header__inner--shadow-fixed { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; }
#main #headerfixed .header__inner { position: static; }
}
@media (max-width: 1200px){
#headerfixed .header__icon-name { display: none; }
}
@media (min-width: 992px){
#headerfixed .header { background-color: hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness) / 80%); }
html:not(.bx-ie) #headerfixed .header__inner { background: 0px 0px; }
}
section.page-top { padding-top: 15px; padding-bottom: 35px; position: relative; }
.cowl { position: relative; }
.cowl > #navigation { margin-bottom: 21px; }
.block-wo-title section.page-top .cowl { margin-bottom: 0px; }
.block-wo-title section.page-top { padding-top: 24px; }
.block-wo-title section.page-top { padding-bottom: 11px; }
@media (max-width: 600px){
.cowl { margin-bottom: 10px; }
section.page-top { padding-bottom: 20px; }
}
.phones__dropdown-item.social-item { padding: 9px 0px 5px; }
.phones__dropdown--top .phones__dropdown-item.social-item { padding: 5px 0px 9px; }
.social { position: relative; }
.social__items { display: flex; flex-wrap: wrap; margin: -3px -8px; padding: 0px; }
.social__items.social__items--grid { grid-template-columns: repeat(auto-fit, minmax(48px, 1fr)); gap: 8px; display: grid; }
.social__items.social__items--md.social__items--grid { grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); gap: 4px; }
.social__items .social__item::before, .main ul.social__items li::before { display: none; }
.social__items .social__item { padding: 0px; margin: 0px; display: flex; align-items: center; }
.social__items .social__link { width: 100%; min-width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: var(--border-radius); }
.social__items.social__items--md .social__link { height: 40px; min-width: 40px; }
.social__items {
  --position: 0; --svg-size: -24px;
  & .social__link::before { --icon-size: 20px; background: url("/bitrix/templates/aspro-lite-2026/css/../images/svg/social.svg?v=2.8.0") calc(var(--svg-size) * var(--position)) 0 no-repeat; content: ""; position: relative; height: var(--icon-size); width: var(--icon-size); display: block !important; }
  & .vkontakte { --position: 0; }
  & .odnoklassniki { --position: 1; }
  & .facebook { --position: 2; }
  & .twitter { --position: 3; }
  & .yandex { --position: 4; }
  & .mailru2 { --position: 5; }
  & .mymailru { --position: 5; }
  & .openid-mail-ru { --position: 5; }
  & .yandex-zen { --position: 6; }
  & .telegram { --position: 7; }
  & .whatsapp { --position: 8; }
  & .viber { --position: 9; }
  & .snapchat { --position: 10; }
  & .tenchat { --position: 11; }
  & .linkedin { --position: 12; }
  & .youtube { --position: 13; }
  & .rutube { --position: 14; }
  & .tiktok { --position: 15; }
  & .instagram { --position: 16; }
  & .pinterest { --position: 17; }
  & .acloud { --position: 18; }
  & .aspro-link { --position: 18; }
  & .avito { --position: 19; }
  & .wb { --position: 20; }
  & .ozon { --position: 21; }
  & .google { --position: 22; }
  & .zoom { --position: 23; }
  & .livejournal { --position: 24; }
  & .bitrix24 { --position: 25; }
  & .dropbox { --position: 27; }
  & .box { --position: 28; }
  & .office365 { --position: 29; }
  & .apple { --position: 30; }
  & .openid { --position: 32; }
  & .liveid { --position: 33; }
  & .liveinternet { --position: 33; }
  & .blogger { --position: 34; }
  & .vkvideo { --position: 35; }
  & .max { --position: 36; }
}
.social__items--type-color { margin: 0px; width: 100%; background: none; }
.social__items--type-color .social__link { background-color: var(--light,#f4f4f4) var(--dark,#343434); }
.social__items--type-color .social__item { padding: 0px; }
.toggle_block { position: absolute; top: 0px; right: 0px; z-index: 2; width: 50px; height: 100%; bottom: 0px; cursor: pointer; }
.tabs { margin-bottom: 49px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--stroke_black); }
.tabs .nav-tabs > li > a { line-height: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.tabs .nav > li > a:hover, .tabs .nav > li > a:focus { background-color: transparent; }
.tabs .nav-tabs li { margin: 3px 23px 3px 3px; }
.tabs .nav-tabs li:last-of-type { margin-right: 3px; }
.tabs .nav-tabs li a, .tabs .nav-tabs li > span { cursor: pointer; display: block; margin: 0px; padding: 18px 0px 19px; color: var(--basic_text_black); }
.tabs .nav-tabs li:not(.active) a:hover, .tabs .nav-tabs li:not(.active) span:hover { border-color: transparent; color: var(--fill_dark_lite_hover); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; }
.nav-tabs > li.active::after { content: ""; position: absolute; left: -1px; right: -1px; bottom: 0px; z-index: 1; height: 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: var(--theme-more-color); }
.tabs .nav-tabs li.active a { color: var(--white_text_black); cursor: default; }
.tabs .nav-tabs li.active:hover { box-shadow: none; transform: none; border-color: var(--stroke_black); }
.tabs .nav-tabs > li::before, .pagination > li::before { margin: 0px; padding: 0px; }
.nav::after { clear: both; content: " "; display: table; }
.nav-tabs { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: -3px; padding: 0px; }
.nav-tabs li { margin: 0px; padding: 0px; float: left; }
.nav-tabs li::before { display: none !important; }
.arrow_scroll { max-height: 65px; overflow: hidden; }
.arrow_scroll .nav.nav-tabs { white-space: nowrap; z-index: 1; position: relative; }
.arrow_scroll .nav.nav-tabs > li { float: none; display: inline-block; vertical-align: top; }
.arrow_scroll_init .arrows_wrapper { position: absolute; top: 0px; bottom: 0px; width: 100%; }
.arrow_scroll_init .arrows_wrapper .arrow { position: absolute; width: 38px; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--black_bg_black); z-index: 1; cursor: pointer; }
.arrow_scroll_init .arrows_wrapper .arrow.arrow_left { left: -14px; border-right-width: 1px; border-right-style: solid; border-color: var(--stroke_black); }
.arrow_scroll_init .arrows_wrapper .arrow.arrow_right { right: -14px; border-left-width: 1px; border-left-style: solid; border-color: var(--stroke_black); }
.arrow_scroll_init .arrows_wrapper .arrow.disabled { display: none; }
@media (max-width: 600px){
.tabs { margin-bottom: 41px; }
}
:root { --ON_toggle: initial; --OFF_toggle: ; }
.theme-default, .theme-light { --light: var(--ON_toggle); --dark: var(--OFF_toggle); }
body, .theme-dark { --white_text_black: var(--light,#222) var(--dark,white); --white_text_black_reverse: var(--light,#fff) var(--dark,#222); --basic_text_black: var(--light,#555) var(--dark,#ccc); --lite_basic_text_black: var(--light,#666) var(--dark,#ccc); --black_bg_black: var(--light,#fff) var(--dark,#1b1b1b); --darkerblack_bg_black: var(--light,#f8f8f8) var(--dark,#121212); --darkgrey_bg_black: var(--light,#f4f4f4) var(--dark,#343434); --stroke_black: var(--light,#ededed) var(--dark,#3a3a3a); --stroke_black_hover: var(--light,#fff) var(--dark,#3a3a3a); --card_bg_black: var(--light,#fff) var(--dark,#232323); --card_bg_hover_black: var(--light,#fff) var(--dark,#2b2b2b); --arrows_bg_black: var(--light,#fff) var(--dark,#444); --lite_bg_black: var(--light,#fafafa) var(--dark,#1b1b1b); --light2_bg_black: var(--light,#fafafa) var(--dark,#232323); --gray_bg_black: var(--light,#ccc) var(--dark,#3a3a3a); --white_bg_ccc: var(--light,#fff) var(--dark,#ccc); --fill_dark_light: var(--light,#222) var(--dark,#fff); --fill_dark_lite_ccc: var(--light,#222) var(--dark,#ccc); --fill_dark_lite_hover: var(--light,var(--theme-base-color)) var(--dark,#ccc); --fill_dark_lite_white_hover: var(--light,var(--theme-base-color)) var(--dark,#fff); --dark_light-wtheme-hue: var(--light,var(--theme-base-color-hue)) var(--dark,0); --dark_light-wtheme-saturation: var(--light,var(--theme-base-color-saturation)) var(--dark,0%); --dark_light-wtheme-lightness: var(--light,var(--theme-base-color-lightness)) var(--dark,100%); --dark_light-hue: var(--light,0) var(--dark,0); --dark_light-saturation: var(--light,0%) var(--dark,0%); --dark_light-lightness: var(--light,97%) var(--dark,7%); --checkbox_dark_light: var(--light,#afafaf) var(--dark,#3a3a3a); --opacity_dark_lite_hover: var(--light,var(--theme-base-opacity-color)) var(--dark,#333); --dff_dark_light: var(--light,#fff) var(--dark,#121212); --icon_on_card: var(--light,#B2B2B2) var(--dark,#696B70); --input_color: var(--light,#222) var(--dark,var(--basic_text_black)); --input_bg_color: var(--black_bg_black); --input_bg_color-hover: var(--black_bg_black); --input_bg_color-focus: var(--card_bg_hover_black); --input_border_color: var(--light,#DDD) var(--dark,var(--stroke_black)); --input_border_color-hover: var(--light,#DDD) var(--dark,var(--stroke_black_hover)); --input_border_color-focus: var(--light,#999) var(--dark,#999); }
.body.index .main > .container, .flexbox { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex: 1 1 0%; }
.flexbox--row { flex-flow: row; align-items: center; }
.flexbox--direction-row { flex-direction: row; }
.flexbox--direction-column { flex-direction: column; }
.flexbox--justify-beetwen { justify-content: space-between; }
.flexbox--wrap-nowrap { flex-wrap: nowrap; }
.flexbox--align-center { align-items: center; }
.flex-1 { flex: 1 1 0%; }
.no-shrinked { flex-shrink: 0; }
.flex-grow-0 { flex-grow: 0; }
.flexbox--wrap { flex-wrap: wrap; }
.grid-list { --gap: 24px; display: grid; gap: var(--gap); grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }
.grid-list.grid-list--gap-8 { --gap: 8px; }
.grid-list--gap-30 { --gap: 30px; }
.grid-list--gap-48 { --gap: clamp(40px,3vw,48px); }
#main .body .grid-list--items-1, #main .body .grid-list--items-1-wide { grid-template-columns: 1fr; }
@media (max-width: 500px){
#main .grid-list:not(.mobile-scrolled) { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
}
@media (max-width: 991px){
.grid-list { --gap: 24px; }
}
@media (max-width: 400px){
#main .grid-list:not(.mobile-scrolled) { grid-template-columns: 1fr; }
}
.grid-list--fill-bg > .grid-list__item > div { background: var(--card_bg_black); }
.properties__item { margin-top: 3px; position: relative; word-break: break-word; }
.properties__item--inline { display: inline; }
.properties__hr { margin: 0px 1px; }
.image-list__link { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; background-position: 50% 50%; background-repeat: no-repeat; }
.line-block { display: flex; align-items: center; flex-shrink: 0; margin: 0px -16px; }
.line-block--align-normal { align-items: normal; }
.line-block--align-baseline { align-items: baseline; }
.line-block--flex-wrap { flex-wrap: wrap; }
.line-block > .line-block__item { padding-left: 16px; padding-right: 16px; }
.line-block--40 { margin-left: -20px; margin-right: -20px; }
.line-block--40 > .line-block__item { padding-left: 20px; padding-right: 20px; }
.line-block--20 { margin-left: -10px; margin-right: -10px; }
.line-block--20 > .line-block__item { padding-left: 10px; padding-right: 10px; }
.line-block--6 { margin-left: -3px; margin-right: -3px; row-gap: 6px; }
.line-block--6 > .line-block__item { padding-left: 3px; padding-right: 3px; }
.line-block--16-vertical { margin-top: -8px; margin-bottom: -8px; }
.line-block--16-vertical > .line-block__item { padding-top: 8px; padding-bottom: 8px; }
.line-block--gap { --gap: 0; margin: 0px; gap: var(--gap); }
.line-block--gap > .line-block__item { padding: 0px; }
.line-block--gap-7 { --gap: 7px; }
.line-block--gap-8 { --gap: 8px; }
.line-block--gap-12 { --gap: 12px; }
.line-block--gap-20 { --gap: 20px; }
.line-block--gap-32 { --gap: 32px; }
#popup_iframe_wrapper { position: fixed; inset: 0px; display: none; align-items: center; justify-content: center; overflow: hidden; }
.price { font-weight: 600; line-height: 20px; font-size: 1rem; }
.sticker { position: absolute; z-index: 3; top: 0px; left: -2px; display: flex; flex-wrap: wrap; right: calc(var(--catalog-block-padding) - 2px); max-width: 100%; }
.status-icon {
  position: relative; color: rgb(51, 187, 17);
  &.status-container { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
}
#main .sticky-block { position: sticky; z-index: 5; top: 32px; }
#main.fixed_y .sticky-block { top: 112px; }
.dotted { text-decoration: underline 1px dotted; text-underline-offset: 0.15em; text-decoration-skip-ink: none; }
.item-action--horizontal { display: inline-flex; align-items: center; }
.item-action__inner { --item-action-width: 20px; --item-action-height: 20px; width: var(--item-action-width); height: var(--item-action-height); display: flex; justify-content: center; position: relative; }
.item-action__inner .svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.item-action__inner .svg:not([class*="item-action"]) { opacity: 0.35; }
.item-action__inner--md { --item-action-width: 42px; --item-action-height: 42px; }
@media screen and (max-width: 767px){
.item-action__inner--md { --item-action-width: calc(1.625rem - 7px); --item-action-height: calc(1.625rem - 7px); }
}
@media (hover: hover){
.item-action__inner:hover .svg:not([class*="item-action"]) { opacity: 1; }
.item-action__inner:hover .item-action__normal path { fill: var(--fill_dark_lite_hover); }
}
.item-action.active .item-action__active, .item-action__wrapper.svg { opacity: 1; }
.item-action.active .item-action__normal, .item-action:not(.active) .item-action__active { opacity: 0; }
.item-action--favorite .item-action__active path { stroke: none; }
@-webkit-keyframes animate--notice-show--right { 
  0% { right: calc(-100% - 32px); }
  50% { right: 32px; }
  100% { right: 0px; }
}
@keyframes animate--notice-show--right { 
  0% { right: calc(-100% - 32px); }
  50% { right: 32px; }
  100% { right: 0px; }
}
@-webkit-keyframes animate--notice-show--left { 
  0% { left: calc(-100% - 32px); }
  50% { left: 32px; }
  100% { left: 0px; }
}
@keyframes animate--notice-show--left { 
  0% { left: calc(-100% - 32px); }
  50% { left: 32px; }
  100% { left: 0px; }
}
a.scroll-to-top { transition: opacity 0.3s, visibility 0.3s, background-color 0.1s; position: fixed; text-align: center; text-decoration: none; display: block; background-image: url("/bitrix/templates/aspro-lite-2026/css/../images/svg/scroll.svg"); background-position: center center; background-size: initial; background-repeat: no-repeat; background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: var(--theme-base-color); width: 44px; height: 44px; border-radius: 50%; right: 73px; left: inherit; bottom: 23px; opacity: 0; visibility: hidden; z-index: 2; }
a.scroll-to-top.ROUND_COLOR, a.scroll-to-top.RECT_COLOR { background-position: center 14px; }
a.scroll-to-top:hover { background-color: hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))); background-position: center 14px; }
@-webkit-keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}
@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}
@-webkit-keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  0%, 100% { transform-origin: center center; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; }
}
.rotateOut { animation-name: rotateOut; }
.header-menu__wrapper { display: flex; height: 45px; }
.header-menu__item { margin: 0px; position: relative; display: flex; align-items: center; flex-shrink: 0; }
.header-menu__link { padding: 0px 13px; }
.header-menu__item--more-items { display: none; opacity: 0; margin-right: 0px; cursor: pointer; }
.header-menu__item--more-items:hover > .header-menu__dropdown-menu { opacity: 1; visibility: visible; }
#main .header-menu__item--more-items .header-menu__link { color: var(--white_text_black); opacity: 1; }
.header-menu__link { display: flex; align-items: center; height: 100%; justify-content: space-between; width: 100%; }
.header-menu__dropdown-menu { opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; }
.header-menu__dropdown-item { margin: 0px; }
.header-menu__item--dropdown:hover > .header-menu__dropdown-menu { opacity: 1; visibility: visible; }
.header-menu__dropdown-menu-inner { margin-bottom: 0px; }
body .header-menu__wrapper .dropdown-menu-inner { overflow: visible; margin-bottom: 0px; }
.header-menu__wide-limiter { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; padding: 40px; }
.header-menu__item--wide { position: static; }
.header-menu__item--wide > .header-menu__dropdown-menu { position: absolute; left: 16px; right: 16px; top: 100%; padding-top: 1px; }
.header-menu__wide-limiter { max-height: 520px; }
.menu-dropdown-offset .header-menu__item--wide > .header-menu__dropdown-menu { top: calc(100% + 12px); }
.header-menu__wrapper > .header-menu__item--wide .dropdown-menu-inner { overflow: hidden; }
@media (max-height: 800px){
.header-menu__wide-limiter { max-height: calc(-100px + 80vh); }
}
.header-menu__dropdown-menu--grids { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 32px; width: 100%; }
.header--narrow .header-menu__dropdown-menu--grids { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.header-menu__item--wide .header-menu__dropdown-item { padding: 0px; display: flex; flex-direction: column; }
.header-menu__item--wide .header-menu__dropdown-item--img-LEFT { flex-direction: row; }
.header-menu__wide-submenu-item--more_items { padding-left: 0px; margin: 0px; cursor: pointer; }
.header-menu__wide-submenu-item--more_items .with_dropdown { position: relative; }
.header-menu__wide-item-wrapper { overflow: hidden; white-space: normal; }
.header-menu__dropdown-item--img-LEFT .header-menu__wide-item-wrapper { margin-top: -4px; }
.header-menu__dropdown-item-img { width: 56px; height: 56px; display: flex; align-items: flex-start; justify-content: flex-end; }
.header-menu__dropdown-item-img--LEFT { margin-right: 24px; flex-shrink: 0; }
.header-menu__dropdown-item-img-inner { position: relative; width: auto; height: 56px; overflow: hidden; }
.header-menu__wide-submenu { padding-top: 6px; margin-bottom: 0px; }
.header-menu__wide-submenu .header-menu__wide-submenu { margin-left: 12px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 6px; padding-top: 5px; }
.header-menu__wide-submenu-item { padding: 3px 0px; margin: 0px; line-height: calc(1em + 5px); }
.header-menu__wide-submenu .header-menu__wide-submenu-item { padding: 2px 0px 4px; }
.header-menu__wide-submenu-item-inner .toggle_block { display: inline-block; position: static; transform: translateX(-17px); width: 0px; }
body .header-menu__wide-submenu-right-arrow.menu-arrow { top: 5px; right: 6px; }
.header-menu__wide-submenu-item-inner .toggle_block:hover .menu-arrow, .header-menu__wide-submenu-item--more_items:hover .menu-arrow, .header-menu-side__wide-submenu-item--more_items:hover .menu-arrow { background-color: var(--theme-base-opacity-color); }
.header-menu__wide-submenu-item-inner { display: inline; position: relative; }
.header-menu__item--wide > .header-menu__dropdown-menu { padding-top: 0px; }
.header-menu__item--wide > .header-menu__dropdown-menu > .dropdown-menu-inner { max-width: 100%; }
.header-menu__wide-submenu-right-arrow.only_more_items { display: none; }
.header-menu__item--more-items .header-menu__dropdown-menu { --banner-light-text: var(--fill_dark_light); --banner-light-text-hover: var(--fill_dark_lite_hover); }
.header-menu__item--dropdown .header-menu__title { padding-right: 7px; }
.header-menu__link--only-catalog > .header-menu__title { padding-right: 0px; font-size: 1.06667em; font-weight: 600; }
.header-menu__link--only-catalog > .svg { margin-right: 16px; }
.header-menu__item .header-menu__link--only-catalog ~ .header-menu__dropdown-menu { opacity: 0; visibility: hidden; }
.header-menu__link--only-catalog ~ .header-menu__dropdown-menu { transition-delay: 0s; }
.header-menu__link--only-catalog .svg { padding-bottom: 1px; }
.header-menu__wrapper .menu-arrow.svg { position: static; width: 17px; height: 16px; text-align: center; line-height: 11px; }
.menu-arrow.svg { position: absolute; right: 18px; top: 21px; width: 15px; height: 14px; text-align: center; line-height: 8px; border-radius: 3px; margin: 0px; }
.menu-arrow.svg svg { display: inline-block; }
.dropdown-menu-wrapper { position: absolute; top: calc(100% + 8px); left: 0px; display: none; z-index: 107; cursor: default; }
.dropdown-menu-wrapper--visible { display: block; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.dropdown-menu-wrapper--woffset .dropdown-menu-inner { padding: 8px; }
.dropdown-menu-wrapper .dropdown-menu-inner { background: var(--card_bg_black); text-align: left; box-shadow: rgba(34, 34, 34, 0.1) 0px 5px 30px; overflow: hidden; max-width: 450px; min-width: 220px; }
.dropdown-select { cursor: pointer; position: relative; }
.dropdown-select__title { display: flex; align-items: center; color: var(--white_text_black); }
.dropdown-select__icon-down { margin: 0px 0px 0px 6px; }
.dropdown-menu-item { display: block; padding: 9px 16px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; user-select: none; }
.dropdown-menu-item--current { cursor: default; background: var(--darkgrey_bg_black); }
body .dropdown-menu-item--current:hover { color: var(--white_text_black); }
.dropdown-select__icon-down svg { transition: transform 0.3s; }
div.title-search-result { margin-left: 1px; margin-top: 2px; display: none; z-index: 100; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; position: absolute; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 -1px 0 var(--stroke_black),0 20px 20px rgba(0,0,0,.1); }
header .search .search-input { padding-right: 108px; }
.search .dropdown-select.searchtype { margin: 0px 16px 0px 0px; width: 68px; }
.search .dropdown-select.searchtype .dropdown-select__title { justify-content: center; }
.search .dropdown-select.searchtype .dropdown-select__title > span { width: 55px; text-align: right; overflow: hidden; text-overflow: ellipsis; }
.search.search--hastype .btn-clear-search { margin: 0px 16px 0px 0px; }
.search.search--hastype .search-input { padding-right: 182px; }
.search-button-div { display: flex; align-items: center; }
.btn-clear-search { background: var(--darkgrey_bg_black); padding: 7px; height: 23px; line-height: 0; border-width: 0px; margin-right: 20px; display: none; }
.search:focus-within .btn-search { background-color: var(--theme-base-color); }
.search:focus-within .btn-search use { fill: rgb(255, 255, 255); }
body .search:focus-within .btn-search:hover { opacity: 1; }
.search .search-input:focus { border-color: var(--card_bg_black); box-shadow: rgba(34, 34, 34, 0.1) 0px 5px 30px; }
.drag-scroll { position: relative; z-index: 0; }
.drag-scroll__content-wrap { overflow: hidden; }
.drag-scroll__content { position: relative; width: 100%; overflow: visible; white-space: nowrap; transition: transform; will-change: transform; user-select: none; z-index: 1; }
.drag-scroll__arrows { position: absolute; top: 0px; bottom: 0px; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.drag-scroll__arrow { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: var(--arrows_bg_black); border-radius: 50px; z-index: 1; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 20px; }
.drag-scroll__arrow:hover { background: var(--theme-base-color); }
.drag-scroll__arrow:hover path { stroke: rgb(255, 255, 255); }
.drag-scroll__arrow--left svg { transform: rotate(180deg); }
.drag-scroll__arrow--right svg { transform: translateX(1px); }
.drag-scroll__arrow--left { transform: translateX(-16px); }
.drag-scroll__arrow--right { transform: translateX(16px); }
.drag-scroll__arrow--disabled { opacity: 0; visibility: hidden; }
.breadcrumbs__item { display: inline; padding-right: 16px; margin-right: -16px; }
.breadcrumbs__separator { bottom: -1px; margin: 0px 10px 0px 9px; color: rgb(221, 221, 221); }
.breadcrumbs__item-name { color: rgb(153, 153, 153); }
.breadcrumbs__link:hover .breadcrumbs__item-name { color: var(--fill_dark_lite_white_hover); }
@media (max-width: 600px){
.breadcrumbs { white-space: nowrap; overflow-x: auto; margin-right: calc(var(--theme-page-width-padding) * -1); margin-left: calc(var(--theme-page-width-padding) * -1); padding-left: var(--theme-page-width-padding); padding-bottom: 5px; }
}
.bottom-menu .item-link .item-link-arrow { display: none; }
@media (min-width: 768px){
.bottom-menu .items > .wrap { margin: 19px 0px 0px; height: auto !important; }
.wrap_menu_compact_mobile { display: block !important; }
}
@media (max-width: 767px){
.bottom-menu .item-link.items-child .item-link-arrow { display: block; }
.bottom-menu .item-link-arrow { margin-left: 8px; }
}
body { background-color: var(--black_bg_black); color: var(--basic_text_black); }
a, a:hover, a:focus, a:active { text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 30px 0px 25px; color: var(--white_text_black); }
h1, h2, h3, h4 { letter-spacing: normal; }
h1 { font-size: clamp(1.625rem, 1.1786rem + 1.4286vw, 2rem); line-height: calc(1em + 10px); margin: 0px 0px 18px; }
.dark_link { color: var(--white_text_black); }
.dark_link:hover { color: var(--fill_dark_lite_hover); }
p { margin-bottom: 24px; }
li { line-height: 24px; }
ul, ol { padding-left: 17px; margin-bottom: 20px; }
ul { padding-left: 0px; }
ul li { list-style-type: none; position: relative; padding-left: 0px; margin-bottom: 8px; }
ul li ul, ol li ol { padding-top: 4px; }
ul li::before { content: ""; position: relative; left: 0px; top: 11px; background: rgb(102, 102, 102); width: 11px; height: 1px; display: inline-block; vertical-align: top; margin-right: 10px; }
.mega-fixed-menu ul li::before, header ul li::before, #headerfixed ul li::before, #mobileheader ul li::before, #mobilefilter ul li::before, .bx-core-window:not(.bx-core-adm-admin-dialog) ul li::before { content: none; }
.body_media { display: none; position: absolute; }
.font_32 { font-size: 2rem; line-height: calc(1em + 7px); }
.font_24 { font-size: 1.5rem; line-height: calc(1em + 7px); }
.font_18 { font-size: 1.125rem; line-height: calc(1em + 7px); }
.font_16 { font-size: 1rem; line-height: calc(1em + 7px); }
.font_15 { font-size: 0.9375rem; line-height: calc(1em + 7px); }
.font_14 { font-size: 0.875rem; line-height: calc(1em + 7px); }
.font_13 { font-size: 0.8125rem; line-height: calc(1em + 7px); }
.font_12 { font-size: 0.75rem; line-height: calc(1em + 7px); }
.font_large { line-height: calc(1em + 10px); }
.font_bold { font-weight: bold; }
.font_weight--500 { font-weight: 500; }
@media (max-width: 600px){
.font_20--to-600 { font-size: 1.25rem; }
.font_14--to-600 { font-size: 0.875rem; }
}
.color_222 { color: var(--white_text_black); }
.color_666 { color: var(--lite_basic_text_black); }
.color_999 { color: rgb(153, 153, 153); }
.shadow, .shadow-hovered:hover { box-shadow: rgba(34, 34, 34, 0.098) 0px 5px 30px; z-index: 1; }
.rounded-4 { border-radius: 4px; }
.rounded-x { border-radius: var(--border-radius); }
.outer-rounded-x { border-radius: var(--theme-outer-border-radius); }
.bordered { border-width: 1px; border-style: solid; border-image: none; border-color: var(--stroke_black); }
.pointer { cursor: pointer; }
.relative { position: relative; }
@media (min-width: 992px){
.visible-991 { display: none; }
}
@media (min-width: 600px){
.visible-767 { display: none; }
}
@media (max-width: 600px){
.hide-600 { display: none; }
}
@media (max-width: 1200px){
.hide-1200 { display: none; }
}
@media (max-width: 1300px){
.hide-1300 { display: none; }
}
html { width: 100%; height: 100%; }
body { width: 100%; min-height: 100%; margin: 0px; display: flex; flex-direction: column; overflow-x: hidden; font-size: 1rem; font-family: var(--theme-font-family),Arial,sans-serif; line-height: calc(1em + 10px); }
html[xmlns] .clearfix { display: block; }
.switcher-title { font-family: var(--theme-font-title-family),Arial,sans-serif; font-weight: var(--theme-font-title-weight); }
.body { height: auto !important; flex-grow: 1; }
body > .body:not(.index) > .main { padding-bottom: 80px; }
@media (max-width: 600px){
body > .body:not(.index) > .main { padding-bottom: 40px; }
}
.body > .main { position: relative; z-index: 2; }
.container { padding: 0px; width: 100% !important; }
.container > .row > .maxwidth-theme > .content-md { display: flex; flex-direction: row-reverse; }
.container .right_block { width: 100%; min-width: 0px; }
body .main-wrapper > .section-content-wrapper { min-width: 0px; }
.side_left .main-wrapper { flex-direction: row-reverse; }
.clearfix::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.clearfix { display: inline-block; }
:focus { outline: none; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--theme-base-color); }
[data-event="jqm"] { cursor: pointer; }
.lazyload, .lazyloading { opacity: 0; }
.lazyloaded { opacity: 1; transition: opacity 300ms; }
.scrollbar:not(.scroller) { overflow: hidden auto; scrollbar-width: thin; }
.overscroll-behavior-contain { overscroll-behavior: contain; }
.scrollbar::-webkit-scrollbar, .scrolled::-webkit-scrollbar { width: 17px; height: 6px; }
.scrollbar::-webkit-scrollbar-track, .scrolled::-webkit-scrollbar-track { border-radius: 5px; }
.scrollbar::-webkit-scrollbar-thumb, .scrolled::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--gray_bg_black); border-width: 1px; border-style: solid; border-image: none; border-color: var(--black_bg_black); }
.maxwidth-theme { max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding))); width: 100%; padding-left: var(--theme-page-width-padding); padding-right: var(--theme-page-width-padding); margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 600px){
.maxwidth-theme { --theme-page-width-padding: 16px; }
}
@media (max-width: 991px){
:root { --theme-page-width-padding: 24px; }
}
.maxwidth-theme::before, .maxwidth-theme::after { content: ""; display: block; clear: both; }
.greyline > .row, .logo_and_menu-row > .row, .main > .row, .container > .row, .border_content > .row { margin-left: 0px; margin-right: 0px; }
.container > .row > .maxwidth-theme:not(.wide-Y) > .content-md, .greyline > .row > .maxwidth-theme, .logo_and_menu-row > .row > .maxwidth-theme, .main > .row > .maxwidth-theme, section.page-top > .row > .maxwidth-theme { padding: 0px; }
form.search { position: relative; }
.search .search-input-div { width: 100%; position: relative; }
.search .search-input { padding-right: 60px; }
.search .search-button-div { position: absolute; top: 0px; right: 0px; bottom: 0px; }
.search .btn-search { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 16px 1px; line-height: 0; display: flex; height: 100%; align-items: center; border-radius: 0 var(--border-radius) var(--border-radius) 0; }
.btn-search:hover * { fill: rgb(51, 51, 51); }
.grid-list__item { min-width: 0px; }
.loadings { background: url("/bitrix/templates/aspro-lite-2026/images/loaders/preloader.gif") center center no-repeat scroll rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(0, 0, 0, 0) !important; cursor: default !important; }
.visible-by-block-presence {
  display: none;
  &:has(.visible-by-block-presence__condition) { display: block; }
}
input { outline: none; }
.form-control::-webkit-input-placeholder { color: var(--input_color); opacity: 0.35; }
.form-control, .form input, .form textarea, .form select { color: var(--input_color); box-shadow: none; border-width: 1px; border-style: solid; border-image: none; border-color: var(--input_border_color); height: 47px; padding: 6px 14px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--input_bg_color); font-size: 16px; line-height: calc(1em + 4px); border-radius: var(--border-radius); position: relative; }
.form-control:not([readonly]):not([disabled]):hover, form .fill-animate input:not([readonly]):not([disabled]):hover, form .fill-animate textarea:not([readonly]):not([disabled]):hover, form .fill-animate select:not([readonly]):not([disabled]):hover, .captcha_input input:hover { background: var(--input_bg_color-hover); border: 1px solid var(--input_border_color); }
.form-control:not([readonly]):not([disabled]):focus, form .fill-animate input:not([readonly]):not([disabled]):focus, form .fill-animate textarea:not([readonly]):not([disabled]):focus, form .fill-animate select:not([readonly]):not([disabled]):focus, .captcha_input input:focus { box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 1px inset; background-color: var(--input_bg_color-focus); border-color: var(--input_border_color-focus); }
#main .disabled { color: var(--lite_basic_text_black); cursor: not-allowed; opacity: 0.6; }
@keyframes checkbox-check { 
  0% { width: 0px; height: 0px; border-color: rgb(255, 255, 255); transform: translate3d(0px, 0px, 0px) rotate(45deg); }
  33% { width: 4px; height: 0px; transform: translate3d(0px, 0px, 0px) rotate(45deg); }
  100% { width: 4px; height: 8px; border-color: rgb(255, 255, 255); transform: translate3d(0px, -8px, 0px) rotate(45deg); }
}
@media (hover: hover){
.color-theme-hover-no-active:not(.active):hover, .color-theme-hover:hover, .color-theme-parent-all:hover .color-theme-target, .color-theme-parent:hover > .color-theme-target { color: var(--fill_dark_lite_hover); }
.fill-theme-hover:hover *, .fill-theme-parent-all:hover .fill-theme-target *, .fill-theme-parent:hover > .fill-theme-target *, .fill-theme-use-svg-hover:hover * { fill: var(--fill_dark_lite_hover); }
.stroke-theme-hover:hover *, .stroke-theme-parent-all:hover .stroke-theme-target *, .stroke-theme-parent:hover > .stroke-theme-target, .stroke-theme-use-svg-hover:hover * { stroke: var(--theme-base-color); }
.fill-dark-light-block:hover path, .fill-dark-light-block:hover use { fill: var(--fill_dark_lite_hover); }
.stroke-dark-light-block:hover path, .stroke-dark-light-block:hover use { stroke: var(--fill_dark_lite_hover); }
}
.fill-use-888 svg, .fill-use-svg-888 { fill: rgb(136, 136, 136); }
.fill-use-fff svg, .fill-use-svg-fff { fill: rgb(255, 255, 255); }
#main .header-menu__item--more-items .header-menu__link:hover, #main .menu-topest .menu-topest__more .menu-topest__link:hover { color: var(--fill_dark_lite_hover); }
.bg-more-theme { background-color: var(--theme-more-color); }
a { color: var(--fill_dark_lite_white_hover); }
a:active { color: var(--fill_dark_lite_hover); }
.fill-dark-light, .fill-dark-light path, .fill-dark-light-block path, .fill-dark-light-block use { fill: var(--fill_dark_light); }
.stroke-dark-light, .stroke-dark-light *, .stroke-dark-light-block path, .stroke-dark-light-block use { stroke: var(--fill_dark_light); }
a:focus, a:hover { color: var(--fill_dark_lite_ccc); }
@media (max-width: 991px){
.side_left .main-wrapper { display: block; }
.container > .row > .maxwidth-theme > .content-md { display: block; }
}
@media (max-width: 600px){
a.scroll-to-top { }
}
.footer__bottom-part .footer__bottom-part-items-wrapper > .footer__part-item { width: 100%; text-align: center; }
.footer__bottom-part .footer__bottom-part-items-wrapper .footer__part-item { margin: 0px; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/bitrix/templates/aspro-lite-2026/fonts/cormorant-cyrillic.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/bitrix/templates/aspro-lite-2026/fonts/cormorant-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/bitrix/templates/aspro-lite-2026/fonts/cormorant-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --rg-serif: 'Cormorant Garamond', 'Times New Roman', serif; --rg-ink: #252720; --rg-paper: #f5f1e8; --rg-line: rgba(37, 39, 32, 0.14); --rg-muted: #84857f; --rg-accent: #d8cbb5; }
body h1, body .index-h1, body h2.index-block__title, body .index-block__title, body h2.switcher-title, body .page-top__title, body .top-block__title { color: var(--rg-ink); letter-spacing: 0px; font-family: var(--rg-serif) !important; font-weight: 400 !important; }
body h1, body .index-h1 { font-size: clamp(32px, 3.2vw, 52px) !important; line-height: 1.06 !important; }
body { color: var(--rg-ink); background: var(--rg-paper); }
body .btn, body .btn-default, body .btn-sm, body .btn-md, body .btn-lg, body input[type="text"], body input[type="search"], body input[type="email"], body input[type="tel"], body select, body textarea, body .form-control { border-radius: 0px !important; }
body .btn-default { letter-spacing: 0.03em; color: rgb(255, 255, 255) !important; background: var(--rg-ink) !important; border-color: var(--rg-ink) !important; }
body .btn-default:hover, body .btn-default:focus { background: rgb(58, 61, 51) !important; border-color: rgb(58, 61, 51) !important; }
body .price { color: var(--rg-ink); font-weight: 600; }
body .header_4, body .header { background: rgb(247, 243, 235); }
body .header__top-part { background: rgb(239, 233, 221); border-bottom: 1px solid var(--rg-line); }
body .header__main-part { border-bottom: 1px solid var(--rg-line); }
body .header--fixed-1 { background: rgba(247, 243, 235, 0.96) !important; }
body .header__top-part .mega-menu a { color: var(--rg-ink); font-size: 13px; letter-spacing: 0.02em; }
body .header .logo img { width: auto; max-height: 56px; height: 56px !important; }
body .header__search .search { background: rgb(255, 255, 255); border: 1px solid var(--rg-line); }
body .header-menu__link--only-catalog { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
body .footer a, body .footer .dark_link, body .footer .phones a, body .footer__email a { color: rgba(255, 255, 255, 0.78) !important; }
body .footer a:hover, body .footer .dark_link:hover { color: rgb(255, 255, 255) !important; }
body .footer .phones a, body .footer__email a { font-size: 15px; }
body .footer .social__item, body .footer .social__items a { border-radius: 0px !important; }
body .detail-gallery-big-slider { background: rgb(255, 255, 255); border: 1px solid var(--rg-line); border-radius: 0px !important; }
body .detail-gallery-big__item { padding: 18px; }
body .gallery__picture, body .gallery__item { border-radius: 0px !important; }
body .gallery__item--thumb { background: rgb(255, 255, 255); border: 1px solid var(--rg-line); }
body .catalog-detail__buy-block { padding: 26px 22px; background: rgb(255, 255, 255); border: 1px solid var(--rg-line); border-radius: 0px !important; box-shadow: none !important; }
body .catalog-detail__price .price { color: var(--rg-ink); font-size: 26px; font-weight: 600; }
body .btn-ocb { color: var(--rg-ink) !important; background: rgb(233, 229, 219) !important; border-color: rgb(233, 229, 219) !important; }
body .btn-ocb:hover, body .btn-ocb:focus { background: rgb(222, 216, 201) !important; border-color: rgb(222, 216, 201) !important; }
body .catalog-detail h1 { font-size: clamp(21px, 1.5vw, 26px); line-height: 1.2; }
body .tabs-block .nav-tabs > li > a { color: var(--rg-muted); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
body .tabs-block .nav-tabs > li.active > a { color: var(--rg-ink); border-bottom: 2px solid var(--rg-ink); }
body .properties-group__item { border-bottom-color: var(--rg-line); }
body .footer .social__link { background: transparent !important; }
body .footer .social__link::before { filter: grayscale(1) invert(1); }
body .footer .social__item:hover .social__link::before { filter: none; }
body .footer__part--right .footer__phone a, body .footer__part--right .footer__email a { font-size: 17px; }
@media (max-width: 767px){
body jdiv[class*="__bottom"] { bottom: 86px !important; }
}