1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
6<script type="module" src="https://cdn.shopify.com/storefront/web-components.js"></script>
6 7 <title>Avada Blog</title> 8 <link rel="manifest" href="/manifest.json" /> 9 <style> 10 html { 11 /*font-size: 62.5% !important;*/ 12 } 13 14 body { 15 background: #f4f6f8; 16 /*font-size: 62.5%;*/ 17 line-height: 2rem; 18 font-weight: 400; 19 } 20 21 .PreLoading { 22 position: fixed; 23 top: 0; 24 left: 0; 25 bottom: 0; 26 right: 0; 27 display: flex; 28 align-items: center; 29 justify-content: center; 30 flex-direction: column; 31 z-index: 1; 32 } 33 34 @keyframes Polaris-Spinner--loading { 35 100% { 36 transform: rotate(1turn); 37 } 38 } 39 40 .PreLoading .PreLoading-Loader { 41 -webkit-filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%); 42 filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%) hue-rotate(130deg) brightness(92%) contrast(87%); 43 height: 1.5rem !important; 44 width: 1.5rem !important; 45 animation: Polaris-Spinner--loading 0.5s linear infinite; 46 color: transparent; 47 } 48 49 .PreLoading p { 50 font-weight: 700; 51 font-family: -apple-system, BlinkMacSystemFont, San Francisco, Roboto, 52 Segoe UI, Helvetica Neue, sans-serif; 53 font-size: 1rem; 54 color: #424242; 55 } 56 57 .Polaris-TextStyle--variationPositive { 58 color: var(--p-text-success, #108043); 59 } 60 61 .Polaris-TextStyle--variationNegative { 62 color: var(--p-text-critical, #bf0711); 63 } 64 65 .Polaris-TextStyle--variationCode { 66 position: relative; 67 padding: 0 0.4rem; 68 border-radius: 3px; 69 background-color: var(--p-surface-subdued, #f4f6f8); 70 display: inline-block; 71 font-size: 1.15em; 72 box-shadow: inset 0 0 0 1px var(--p-border-subdued, #dfe3e8); 73 } 74 75 .Polaris-TextStyle--variationCode::after { 76 content: ''; 77 position: absolute; 78 top: 0; 79 left: 0; 80 width: 100%; 81 height: 100%; 82 border: 1px solid transparent; 83 } 84 85 .Polaris-TextStyle--variationStrong { 86 font-weight: 600; 87 } 88 89 .Polaris-TextStyle--variationSubdued { 90 color: var(--p-text-subdued, #637381); 91 } 92 93 .Polaris-Tag { 94 display: inline-flex; 95 max-width: 100%; 96 align-items: center; 97 padding: 0 0.8rem; 98 background-color: var(--p-surface-neutral, #dfe3e8); 99 border-radius: var(--p-border-radius-base, 3px); 100 color: var(--p-text, #212b36); 101 } 102 103 .Polaris-Tag.Polaris-Tag--disabled { 104 transition: none; 105 background: var(--p-surface-neutral-disabled, #f4f6f8); 106 color: var(--p-text-disabled, #919eab); 107 } 108 109 .Polaris-Tag.Polaris-Tag--disabled svg { 110 fill: var(--p-icon-disabled, #919eab); 111 } 112 113 .Polaris-Tag.Polaris-Tag--removable { 114 padding-right: 0; 115 } 116 117 .Polaris-Tag.Polaris-Tag--clickable { 118 -webkit-appearance: none; 119 -moz-appearance: none; 120 appearance: none; 121 margin: 0; 122 padding: 0; 123 background: 0 0; 124 border: none; 125 font-size: inherit; 126 line-height: inherit; 127 cursor: pointer; 128 cursor: pointer; 129 padding: 0 0.8rem; 130 background-color: #dfe3e8; 131 } 132 133 .Polaris-Tag.Polaris-Tag--clickable:focus { 134 outline: 0; 135 } 136 137 .Polaris-Tag.Polaris-Tag--clickable:active, 138 .Polaris-Tag.Polaris-Tag--clickable:focus, 139 .Polaris-Tag.Polaris-Tag--clickable:hover { 140 background: #c4cdd5; 141 } 142 143 144 .Polaris-Tag.Polaris-Tag--clickable.Polaris-Tag--newDesignLanguage { 145 background-color: var(--p-surface-neutral); 146 position: relative; 147 } 148 149 .Polaris-Tag.Polaris-Tag--clickable.Polaris-Tag--newDesignLanguage:hover { 150 background: var(--p-surface-neutral-hovered); 151 } 152 153 .Polaris-Tag.Polaris-Tag--clickable.Polaris-Tag--newDesignLanguage:focus:not(:active)::after { 154 box-shadow: 0 0 0 0.2rem var(--p-focused, #5c6ac4); 155 outline: 0.1rem solid transparent; 156 } 157 158 .Polaris-Tag.Polaris-Tag--clickable.Polaris-Tag--newDesignLanguage:active { 159 background: var(--p-surface-neutral-pressed); 160 } 161 162 .Polaris-Tag.Polaris-Tag--clickable.Polaris-Tag--newDesignLanguage:disabled { 163 background: var(--p-surface-neutral-disabled); 164 } 165 166 @media (-ms-high-contrast: active) { 167 .Polaris-Tag { 168 outline: 1px solid windowText; 169 } 170 } 171 172 .Polaris-Tag__TagText { 173 overflow: hidden; 174 text-overflow: ellipsis; 175 white-space: nowrap; 176 vertical-align: middle; 177 } 178 179 .Polaris-Tag__Button { 180 -webkit-appearance: none; 181 -moz-appearance: none; 182 appearance: none; 183 margin: 0; 184 padding: 0; 185 background: 0 0; 186 border: none; 187 font-size: inherit; 188 line-height: inherit; 189 cursor: pointer; 190 display: block; 191 height: 2.8rem; 192 width: 2.8rem; 193 margin-left: 0.4rem; 194 border-radius: 0 3px 3px 0; 195 } 196 197 .Polaris-Tag__Button svg { 198 fill: #637381; 199 } 200 201 .Polaris-Tag__Button:focus { 202 outline: 0; 203 } 204 205 .Polaris-Tag__Button:active, 206 .Polaris-Tag__Button:focus, 207 .Polaris-Tag__Button:hover { 208 background: #c4cdd5; 209 } 210 211 .Polaris-Tag__Button:active svg, 212 .Polaris-Tag__Button:focus svg, 213 .Polaris-Tag__Button:hover svg { 214 fill: #212b36; 215 } 216 217 .Polaris-Tag__Button:disabled svg { 218 fill: #919eab; 219 } 220 221 .Polaris-Tag__Button:active { 222 background: rgba(145, 158, 171, 0.6); 223 } 224 225 .Polaris-Tag__Button.Polaris-Tag--newDesignLanguage { 226 position: relative; 227 } 228 229 .Polaris-Tag__Button.Polaris-Tag--newDesignLanguage svg { 230 fill: var(--p-icon); 231 } 232 233 .Polaris-Tag__Button.Polaris-Tag--newDesignLanguage:hover { 234 background: var(--p-surface-neutral-hovered); 235 outline: 0.1rem solid transparent; 236 } 237 238 .Polaris-Tag__Button.Polaris-Tag--newDesignLanguage:focus { 239 background-color: transparent; 240 } 241 242 .Polaris-Tag__Button.Polaris-Tag--newDesignLanguage:focus:not(:active)::after { 243 box-shadow: 0 0 0 0.2rem var(--p-focused, #5c6ac4); 244 outline: 0.1rem solid transparent; 245 } 246 247 .Polaris-Tag__Button.Polaris-Tag--newDesignLanguage:active { 248 background: var(--p-surface-neutral-pressed); 249 } 250 251 .Polaris-Tag__Button.Polaris-Tag--newDesignLanguage:disabled svg { 252 fill: var(--p-icon-disabled); 253 } 254 </style> 255
255<script type="module" crossorigin src="/assets/app-DkDOFxbL.js"></script>
255 256 <link rel="stylesheet" crossorigin href="/assets/app-BpRRRt1g.css"> 257</head> 258<body> 259<div id="app"></div> 260<div id="PreLoading" class="PreLoading"> 261 <img width="150px" height="150px" 262 src="https://cdn.shopify.com/extensions/fd799ee2-cea4-4a3c-8548-b4798b4282ff/0.0.0/assets/SEO_On.png?v=1718336225" 263 alt="Avada logo" /> 264 <img class="PreLoading-Loader" 265 src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDQgNDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjU0MiAxLjQ4N0EyMS41MDcgMjEuNTA3IDAgMCAwIC41IDIyYzAgMTEuODc0IDkuNjI2IDIxLjUgMjEuNSAyMS41IDkuODQ3IDAgMTguMzY0LTYuNjc1IDIwLjgwOS0xNi4wNzJhMS41IDEuNSAwIDAgMC0yLjkwNC0uNzU2QzM3LjgwMyAzNC43NTUgMzAuNDczIDQwLjUgMjIgNDAuNSAxMS43ODMgNDAuNSAzLjUgMzIuMjE3IDMuNSAyMmMwLTguMTM3IDUuMy0xNS4yNDcgMTIuOTQyLTE3LjY1YTEuNSAxLjUgMCAxIDAtLjktMi44NjN6IiBmaWxsPSIjOTE5RUFCIi8+PC9zdmc+Cg==" 266 alt="Preloading" draggable="false" role="status" /> 267 <br /> 268 <div id="reload-notice" style="display: none"> 269 <p style="font-size: 14px; font-weight: 400"> 270 If this is still loading, try hard reload your browser with <span class="Polaris-Tag"> 271 <span class="Polaris-Tag__TagText">Ctrl + F5</span> 272 </span> or <a target="_blank" 273 href="https://go.crisp.chat/chat/embed/?website_id=dbb461f3-42ba-4046-bd39-cb50fc8f63f3"> Chat 274 with us </a> 275 </p> 276 </div> 277</div> 278
279<script> 280 setTimeout(() => { 281 const loading = document.getElementById('PreLoading'); 282 if (loading) { 283 document.querySelector('#reload-notice').style.display = 'block'; 284 } 285 }, 7000); 286</script>
286 287</body> 288</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.