| @@ -114,21 +114,20 @@ | ||
| 114 | 114 | margin-left: 5px; |
| 115 | 115 | } |
| 116 | 116 | } |
| 117 | 117 | |
| 118 | - | |
| 119 | -/*# =header.css.map */ | |
| 120 | - | |
| 121 | 118 | .wtotem_header { |
| 122 | 119 | position: relative; |
| 123 | 120 | z-index: 4; |
| 124 | 121 | width: 100%; |
| 125 | 122 | top: 0; |
| 126 | - left: 0; } | |
| 123 | + left: 0; | |
| 124 | +} | |
| 127 | 125 | .wtotem_header__body { |
| 128 | 126 | display: flex; |
| 129 | 127 | justify-content: space-between; |
| 130 | - align-items: center; } | |
| 128 | + align-items: center; | |
| 129 | +} | |
| 131 | 130 | .wtotem_header:before { |
| 132 | 131 | content: ""; |
| 133 | 132 | position: absolute; |
| 134 | 133 | top: 0; |
| @@ -135,15 +134,17 @@ | ||
| 135 | 134 | left: 0; |
| 136 | 135 | width: 100%; |
| 137 | 136 | height: 100%; |
| 138 | 137 | background: #fff; |
| 139 | - z-index: 2; } | |
| 138 | + z-index: 2; | |
| 139 | +} | |
| 140 | 140 | |
| 141 | 141 | .wtotem_version { |
| 142 | 142 | position: relative; |
| 143 | 143 | z-index: 100; |
| 144 | 144 | display: flex; |
| 145 | - align-items: center; } | |
| 145 | + align-items: center; | |
| 146 | +} | |
| 146 | 147 | .wtotem_version__count { |
| 147 | 148 | width: 28px; |
| 148 | 149 | height: 18px; |
| 149 | 150 | display: flex; |
| @@ -152,24 +153,26 @@ | ||
| 152 | 153 | font-size: 10px; |
| 153 | 154 | font-weight: 500; |
| 154 | 155 | border: 1px solid #3d50df; |
| 155 | 156 | border-radius: 4px; |
| 156 | - margin-left: 8px; } | |
| 157 | + margin-left: 8px; | |
| 158 | +} | |
| 157 | 159 | |
| 158 | 160 | .wtotem_logo { |
| 159 | 161 | width: 113px; |
| 160 | 162 | height: 24px; |
| 161 | - background: url("../img/logo.svg") no-repeat center center/cover; } | |
| 163 | + background: url("../img/logo.svg") no-repeat center center/cover; | |
| 164 | +} | |
| 162 | 165 | |
| 163 | 166 | .wtotem_nav { |
| 164 | 167 | position: relative; |
| 165 | 168 | z-index: 3; |
| 166 | - height: 70px; } | |
| 167 | -.wtotem_nav .wtotem_control__checkbox { | |
| 168 | - align-self: center; } | |
| 169 | + height: 70px; | |
| 170 | +} | |
| 169 | 171 | .wtotem_nav__menu { |
| 170 | 172 | display: flex; |
| 171 | - height: 100%; } | |
| 173 | + height: 100%; | |
| 174 | +} | |
| 172 | 175 | .wtotem_nav__link { |
| 173 | 176 | position: relative; |
| 174 | 177 | display: flex; |
| 175 | 178 | align-items: center; |
| @@ -176,11 +179,13 @@ | ||
| 176 | 179 | height: 100%; |
| 177 | 180 | font-size: 14px; |
| 178 | 181 | color: #5e6977; |
| 179 | 182 | font-weight: 500; |
| 180 | - padding: 0 16px; } | |
| 183 | + padding: 0 16px; | |
| 184 | +} | |
| 181 | 185 | .wtotem_nav__link_active { |
| 182 | - color: #3d50df; } | |
| 186 | + color: #3d50df; | |
| 187 | +} | |
| 183 | 188 | .wtotem_nav__link_active:before { |
| 184 | 189 | content: ""; |
| 185 | 190 | position: absolute; |
| 186 | 191 | bottom: 0; |
| @@ -186,107 +191,13 @@ | ||
| 186 | 191 | bottom: 0; |
| 187 | 192 | right: 0; |
| 188 | 193 | left: 0; |
| 189 | 194 | background: #3d50df; |
| 190 | - height: 3px; } | |
| 195 | + height: 3px; | |
| 196 | +} | |
| 191 | 197 | |
| 192 | -/* 576-768px sm Small */ | |
| 193 | -@media screen and (max-width: 768px) { | |
| 194 | - body.lock { | |
| 195 | - overflow: hidden; } | |
| 196 | - .wtotem_version { | |
| 197 | - position: relative; | |
| 198 | - z-index: 3; } | |
| 199 | - .wtotem_header__body { | |
| 200 | - height: 65px; } | |
| 201 | - .wtotem_nav { | |
| 202 | - position: fixed; | |
| 203 | - top: -100%; | |
| 204 | - left: 0; | |
| 205 | - width: 100%; | |
| 206 | - height: 100%; | |
| 207 | - background: #f3f5f6; | |
| 208 | - display: block; | |
| 209 | - padding-top: 65px; | |
| 210 | - transition: all 0.3s ease-in-out; | |
| 211 | - overflow: auto; | |
| 212 | - z-index: 1; } | |
| 213 | - .wtotem_nav__menu { | |
| 214 | - display: block; } | |
| 215 | - .wtotem_nav__item { | |
| 216 | - border-bottom: 1px solid #eceff4; } | |
| 217 | - .wtotem_nav__link { | |
| 218 | - height: auto; | |
| 219 | - display: block; | |
| 220 | - color: #1d293f; | |
| 221 | - font-size: 24px; | |
| 222 | - padding: 22px 0; | |
| 223 | - width: 540px; | |
| 224 | - margin: 0 auto; } | |
| 225 | - .wtotem_nav__link_active { | |
| 226 | - color: #3d50df; } | |
| 227 | - .wtotem_nav__link_active:before { | |
| 228 | - display: none; } | |
| 229 | - .wtotem_nav.active { | |
| 230 | - top: 0; } | |
| 231 | - .wtotem_burger { | |
| 232 | - position: relative; | |
| 233 | - width: 23px; | |
| 234 | - height: 18px; | |
| 235 | - display: flex; | |
| 236 | - align-items: center; | |
| 237 | - justify-content: flex-end; | |
| 238 | - cursor: pointer; | |
| 239 | - z-index: 3; } | |
| 240 | - .wtotem_burger:before, .wtotem_burger__middle-line, .wtotem_burger:after { | |
| 241 | - content: ""; | |
| 242 | - background: #3d50df; | |
| 243 | - height: 2px; | |
| 244 | - display: block; | |
| 245 | - right: 0; | |
| 246 | - border-radius: 100px; | |
| 247 | - transition: all 0.3s ease-in-out; } | |
| 248 | - .wtotem_burger:before { | |
| 249 | - position: absolute; | |
| 250 | - width: 23px; | |
| 251 | - top: 0; } | |
| 252 | - .wtotem_burger__middle-line { | |
| 253 | - width: 18px; } | |
| 254 | - .wtotem_burger:after { | |
| 255 | - position: absolute; | |
| 256 | - width: 14px; | |
| 257 | - bottom: 0; } | |
| 258 | - .wtotem_burger.active .wtotem_burger__middle-line { | |
| 259 | - transform: scale(0); } | |
| 260 | - .wtotem_burger.active:before { | |
| 261 | - transform: rotate(45deg); | |
| 262 | - top: 8px; } | |
| 263 | - .wtotem_burger.active:after { | |
| 264 | - transform: rotate(-45deg); | |
| 265 | - width: 100%; | |
| 266 | - bottom: 8px; } } | |
| 267 | 198 | |
| 268 | -/* 320-576px Extra small */ | |
| 269 | -@media screen and (max-width: 576px) { | |
| 270 | - .wtotem_nav__link { | |
| 271 | - width: 345px; | |
| 272 | - margin: 0 auto; } } | |
| 273 | 199 | |
| 274 | -/* 320-375px Extra small */ | |
| 275 | -@media screen and (max-width: 375px) { | |
| 276 | - .wtotem_nav__link { | |
| 277 | - padding-left: 10px; } } | |
| 278 | - | |
| 279 | -@media screen and (max-width: 768px) { | |
| 280 | - .wtotem_theme—dark .wtotem_nav { | |
| 281 | - background: #191919; } | |
| 282 | - .wtotem_theme—dark .wtotem_nav__item { | |
| 283 | - border-bottom: 1px solid #3c3c3d; } } | |
| 284 | - | |
| 285 | -/*# =header.css.map */ | |
| 286 | - | |
| 287 | - | |
| 288 | - | |
| 289 | 200 | .wtotem_chart__wrapper { |
| 290 | 201 | display: flex; |
| 291 | 202 | } |
| 292 | 203 | |
| @@ -2039,20 +1950,22 @@ | ||
| 2039 | 1950 | width: 305px; |
| 2040 | 1951 | } |
| 2041 | 1952 | } |
| 2042 | 1953 | |
| 2043 | -/*# options.css */ | |
| 2044 | - | |
| 2045 | 1954 | .wtotem_item { |
| 2046 | - margin-bottom: 23px; } | |
| 1955 | + margin-bottom: 23px; | |
| 1956 | +} | |
| 2047 | 1957 | |
| 2048 | 1958 | .wtotem_holder { |
| 2049 | 1959 | display: flex; |
| 2050 | - justify-content: space-between; } | |
| 1960 | + justify-content: space-between; | |
| 1961 | +} | |
| 2051 | 1962 | .wtotem_holder__content { |
| 2052 | - width: 70%; } | |
| 1963 | + width: 70%; | |
| 1964 | +} | |
| 2053 | 1965 | .wtotem_holder__sidebar { |
| 2054 | - width: 27.8431372549%; } | |
| 1966 | + width: 27.8431372549%; | |
| 1967 | +} | |
| 2055 | 1968 | |
| 2056 | 1969 | .wtotem_option { |
| 2057 | 1970 | margin-bottom: 12px; |
| 2058 | 1971 | padding: 28px 24px 24px 24px; |
| @@ -2058,29 +1971,35 @@ | ||
| 2058 | 1971 | padding: 28px 24px 24px 24px; |
| 2059 | 1972 | display: flex; |
| 2060 | 1973 | align-items: center; |
| 2061 | 1974 | justify-content: space-between; |
| 2062 | - width: 100%; } | |
| 1975 | + width: 100%; | |
| 1976 | +} | |
| 2063 | 1977 | .wtotem_option:last-child { |
| 2064 | - margin-bottom: 0; } | |
| 1978 | + margin-bottom: 0; | |
| 1979 | +} | |
| 2065 | 1980 | .wtotem_option__title { |
| 2066 | 1981 | margin-bottom: 7px; |
| 2067 | 1982 | color: #1d293f; |
| 2068 | 1983 | font-size: 14px; |
| 2069 | - font-weight: 500; } | |
| 1984 | + font-weight: 500; | |
| 1985 | +} | |
| 2070 | 1986 | .wtotem_option__text { |
| 2071 | 1987 | width: 495px; |
| 2072 | 1988 | font-size: 12px; |
| 2073 | 1989 | color: #5e6977; |
| 2074 | - line-height: 16px; } | |
| 1990 | + line-height: 16px; | |
| 1991 | +} | |
| 2075 | 1992 | |
| 2076 | 1993 | .wtotem_control { |
| 2077 | - padding: 16px 22px 24px 22px; } | |
| 1994 | + padding: 16px 22px 24px 22px; | |
| 1995 | +} | |
| 2078 | 1996 | .wtotem_control__title { |
| 2079 | 1997 | color: #1d293f; |
| 2080 | 1998 | font-size: 14px; |
| 2081 | 1999 | font-weight: 500; |
| 2082 | - margin-bottom: 18px; } | |
| 2000 | + margin-bottom: 18px; | |
| 2001 | +} | |
| 2083 | 2002 | .wtotem_control__block { |
| 2084 | 2003 | padding: 12px 8px; |
| 2085 | 2004 | display: flex; |
| 2086 | 2005 | align-items: center; |
| @@ -2086,12 +2005,14 @@ | ||
| 2086 | 2005 | align-items: center; |
| 2087 | 2006 | background: #f3f5f6; |
| 2088 | 2007 | border-radius: 5px; |
| 2089 | 2008 | margin-bottom: 12px; |
| 2090 | - width: 100%; } | |
| 2009 | + width: 100%; | |
| 2010 | +} | |
| 2091 | 2011 | .wtotem_control__block_switch { |
| 2092 | 2012 | justify-content: space-between; |
| 2093 | - align-items: center; } | |
| 2013 | + align-items: center; | |
| 2014 | +} | |
| 2094 | 2015 | .wtotem_control__circle { |
| 2095 | 2016 | margin-right: 4px; |
| 2096 | 2017 | width: 16px; |
| 2097 | 2018 | height: 16px; |
| @@ -2098,20 +2019,24 @@ | ||
| 2098 | 2019 | border-radius: 100px; |
| 2099 | 2020 | display: flex; |
| 2100 | 2021 | align-items: center; |
| 2101 | 2022 | justify-content: center; |
| 2102 | - background: #4bc374; } | |
| 2023 | + background: #4bc374; | |
| 2024 | +} | |
| 2103 | 2025 | .wtotem_control__circle img { |
| 2104 | 2026 | width: 7px; |
| 2105 | - height: 7px; } | |
| 2027 | + height: 7px; | |
| 2028 | +} | |
| 2106 | 2029 | .wtotem_control__name { |
| 2107 | - color: #5e6977; } | |
| 2030 | + color: #5e6977; | |
| 2031 | +} | |
| 2108 | 2032 | .wtotem_control__trash { |
| 2109 | 2033 | width: 15px; |
| 2110 | 2034 | height: 15px; |
| 2111 | 2035 | background: url("../img/trash.svg") no-repeat center center/cover; |
| 2112 | 2036 | margin-left: auto; |
| 2113 | - cursor: pointer; } | |
| 2037 | + cursor: pointer; | |
| 2038 | +} | |
| 2114 | 2039 | .wtotem_control__btn { |
| 2115 | 2040 | color: #fff; |
| 2116 | 2041 | display: block; |
| 2117 | 2042 | width: 100%; |
| @@ -2122,13 +2047,15 @@ | ||
| 2122 | 2047 | background: #4bc374; |
| 2123 | 2048 | border-radius: 5px; |
| 2124 | 2049 | transition: all 0.2s ease-in-out; |
| 2125 | 2050 | border: none; |
| 2126 | - cursor: pointer; } | |
| 2051 | + cursor: pointer; | |
| 2052 | +} | |
| 2127 | 2053 | .wtotem_control__btn:hover { |
| 2128 | 2054 | transition: all 0.2s ease-in-out; |
| 2129 | 2055 | background: #f3f5f6; |
| 2130 | - color: #5e6977; } | |
| 2056 | + color: #5e6977; | |
| 2057 | +} | |
| 2131 | 2058 | .wtotem_control__label { |
| 2132 | 2059 | position: relative; |
| 2133 | 2060 | width: 41px; |
| 2134 | 2061 | height: 23px; |
| @@ -2137,22 +2064,27 @@ | ||
| 2137 | 2064 | padding: 4px 7px; |
| 2138 | 2065 | display: flex; |
| 2139 | 2066 | justify-content: space-between; |
| 2140 | 2067 | align-items: center; |
| 2141 | - cursor: pointer; } | |
| 2142 | -.wtotem_control__label:before, .wtotem_control__label:after { | |
| 2068 | + cursor: pointer; | |
| 2069 | +} | |
| 2070 | +.wtotem_control__label:before, | |
| 2071 | +.wtotem_control__label:after { | |
| 2143 | 2072 | content: ""; |
| 2144 | 2073 | display: block; |
| 2145 | 2074 | position: relative; |
| 2146 | - z-index: 2; } | |
| 2075 | + z-index: 2; | |
| 2076 | +} | |
| 2147 | 2077 | .wtotem_control__label:before { |
| 2148 | 2078 | width: 8px; |
| 2149 | 2079 | height: 8px; |
| 2150 | - background: url("../img/checkbox-sun.svg") no-repeat center center/cover; } | |
| 2080 | + background: url("../img/checkbox-sun.svg") no-repeat center center/cover; | |
| 2081 | +} | |
| 2151 | 2082 | .wtotem_control__label:after { |
| 2152 | 2083 | width: 6px; |
| 2153 | 2084 | height: 6px; |
| 2154 | - background: url("../img/checkbox-moon.svg") no-repeat center center/cover; } | |
| 2085 | + background: url("../img/checkbox-moon.svg") no-repeat center center/cover; | |
| 2086 | +} | |
| 2155 | 2087 | .wtotem_control__switched-circle { |
| 2156 | 2088 | position: absolute; |
| 2157 | 2089 | left: 4px; |
| 2158 | 2090 | width: 15px; |
| @@ -2160,19 +2092,24 @@ | ||
| 2160 | 2092 | background: #fff; |
| 2161 | 2093 | border-radius: 100px; |
| 2162 | 2094 | display: block; |
| 2163 | 2095 | z-index: 1; |
| 2164 | - transition: all 0.3s ease-in-out; } | |
| 2096 | + transition: all 0.3s ease-in-out; | |
| 2097 | +} | |
| 2165 | 2098 | .wtotem_control__input { |
| 2166 | - display: none!important; } | |
| 2099 | + display: none; | |
| 2100 | +} | |
| 2167 | 2101 | .wtotem_control__input:checked + label { |
| 2168 | - background: #fff; } | |
| 2102 | + background: #fff; | |
| 2103 | +} | |
| 2169 | 2104 | .wtotem_control__input:checked + label span { |
| 2170 | 2105 | left: 23px; |
| 2171 | - background: #3d50df; } | |
| 2106 | + background: #3d50df; | |
| 2107 | +} | |
| 2172 | 2108 | |
| 2173 | 2109 | .onoff__input { |
| 2174 | - display: none!important; } | |
| 2110 | + display: none; | |
| 2111 | +} | |
| 2175 | 2112 | |
| 2176 | 2113 | .onoff__label { |
| 2177 | 2114 | position: relative; |
| 2178 | 2115 | display: flex; |
| @@ -2182,22 +2119,27 @@ | ||
| 2182 | 2119 | border-radius: 100px; |
| 2183 | 2120 | padding: 4px; |
| 2184 | 2121 | background: #f4f4f4; |
| 2185 | 2122 | overflow: hidden; |
| 2186 | - cursor: pointer; } | |
| 2187 | -.onoff__label:before, .onoff__label:after { | |
| 2123 | + cursor: pointer; | |
| 2124 | +} | |
| 2125 | +.onoff__label:before, | |
| 2126 | +.onoff__label:after { | |
| 2188 | 2127 | position: absolute; |
| 2189 | 2128 | font-weight: 500; |
| 2190 | 2129 | font-size: 9px; |
| 2191 | - transition: all 0.3s ease-in-out; } | |
| 2130 | + transition: all 0.3s ease-in-out; | |
| 2131 | +} | |
| 2192 | 2132 | .onoff__label:before { |
| 2193 | 2133 | content: "ON"; |
| 2194 | 2134 | color: #3d50df; |
| 2195 | - left: -100%; } | |
| 2135 | + left: -100%; | |
| 2136 | +} | |
| 2196 | 2137 | .onoff__label:after { |
| 2197 | 2138 | content: "OFF"; |
| 2198 | 2139 | color: #979797; |
| 2199 | - right: 4px; } | |
| 2140 | + right: 4px; | |
| 2141 | +} | |
| 2200 | 2142 | |
| 2201 | 2143 | .onoff__circle { |
| 2202 | 2144 | position: absolute; |
| 2203 | 2145 | left: 4px; |
| @@ -2204,46 +2146,54 @@ | ||
| 2204 | 2146 | width: 15px; |
| 2205 | 2147 | height: 15px; |
| 2206 | 2148 | border-radius: 100px; |
| 2207 | 2149 | background: #c4c4c4; |
| 2208 | - transition: all 0.3s ease-in-out; } | |
| 2150 | + transition: all 0.3s ease-in-out; | |
| 2151 | +} | |
| 2209 | 2152 | |
| 2210 | 2153 | .onoff__input:checked + label .onoff__circle { |
| 2211 | 2154 | background: #3d50df; |
| 2212 | - left: 22px; } | |
| 2155 | + left: 22px; | |
| 2156 | +} | |
| 2213 | 2157 | |
| 2214 | 2158 | .onoff__input:checked + label:before { |
| 2215 | - left: 4px; } | |
| 2159 | + left: 4px; | |
| 2160 | +} | |
| 2216 | 2161 | |
| 2217 | 2162 | .onoff__input:checked + label:after { |
| 2218 | - right: -100%; } | |
| 2163 | + right: -100%; | |
| 2164 | +} | |
| 2219 | 2165 | |
| 2220 | 2166 | /* 992-1100px lg Large */ |
| 2221 | 2167 | @media screen and (max-width: 1100px) { |
| 2222 | 2168 | .wtotem_option__text { |
| 2223 | - width: 95%; } } | |
| 2169 | + width: 95%; | |
| 2170 | + } | |
| 2171 | +} | |
| 2224 | 2172 | |
| 2225 | 2173 | /* 768-992px md Medium */ |
| 2226 | 2174 | @media screen and (max-width: 992px) { |
| 2227 | 2175 | .wtotem_holder { |
| 2228 | - flex-direction: column; } | |
| 2176 | + flex-direction: column; | |
| 2177 | + } | |
| 2229 | 2178 | .wtotem_holder__content { |
| 2230 | 2179 | width: 100%; |
| 2231 | - margin-bottom: 30px; } | |
| 2180 | + margin-bottom: 30px; | |
| 2181 | + } | |
| 2232 | 2182 | .wtotem_holder__sidebar { |
| 2233 | - width: 100%; } } | |
| 2183 | + width: 100%; | |
| 2184 | + } | |
| 2185 | +} | |
| 2234 | 2186 | |
| 2235 | 2187 | /* 576-768px sm Small */ |
| 2236 | 2188 | /* 375-576px Extra small */ |
| 2237 | 2189 | @media screen and (max-width: 576px) { |
| 2238 | 2190 | .wtotem_holder__content { |
| 2239 | - margin-bottom: 20px; } } | |
| 2191 | + margin-bottom: 20px; | |
| 2192 | + } | |
| 2193 | +} | |
| 2240 | 2194 | |
| 2241 | 2195 | /* 320-375px Extra small */ |
| 2242 | - | |
| 2243 | -/*# options.css */ | |
| 2244 | - | |
| 2245 | - | |
| 2246 | 2196 | .wtotem_offer { |
| 2247 | 2197 | display: flex; |
| 2248 | 2198 | justify-content: space-between; |
| 2249 | 2199 | align-items: center; |
