@charset "UTF-8";
:root {
  --base-font-size: 16;
  /* Fonts */
  --font-family-default: PolestarUnica, Helvetica, Arial, sans-serif;
  --font-family-none-latin: PolestarUnica, Helvetica, Arial, sans-serif;
  --font-family-icons: PolestarIcons;
  --font-weight-light: 100;
  --font-weight-regular: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --polestar-arrow-icon: "";
  --white: #ffffff;
  --black: #000000;
  --text-grey: #898d91;
  --color-black: #101820;
  --color-light-black: #363e46;
  --color-blue: #007bcd;
  --color-light-blue: #bdd6e6;
  --color-dark-blue: #587f95;
  --color-deep-blue: #003057;
  --color-white: #ffffff;
  --color-grey: #9fa3a6;
  --color-light-grey: #dedede;
  --color-light-grey-darken-10: #c5c5c5; /* Equivalent to darken($color-light-grey, 10%) */
  --color-ghost-grey: #f8f8f8;
  --color-charcoal: #4d4e53;
  --color-red: #ff0000;
  --color-dark-red: #d0021b;
  --color-orange: #f99f1e;
  --color-dark-orange: #ff7500;
  --color-green-leaf: #c8e691;
  --color-green-grass: #78b833;
  --color-green: var(--color-green-leaf);
  --color-page-bg: var(--color-ghost-grey);
  --color-marked: #fffbbb;
  --border-color: #dedede;
  --color-accent-primary: var(--color-dark-orange);
  --color-accent-primary-lighten-3: #ff8d00;
  --color-accent-secondary: var(--color-black);
  --color-foreground: var(--color-black);
  --title-blue: var(--color-blue);
  --breadcrumb-link-color: var(--color-accent-primary);
  --topic-nav-background: var(--color-black);
  --hero-image: url("../img/polestar-trip-startpage.jpg");
  --content-icon-arrow: "";
  --main-content-width: 40.25rem;
  --wide-content-width: 62.125rem;
  --search-bar-height: 6.25rem;
  --sidebar-width-sm: 17.5rem;
  --sidebar-width: 18.75rem;
  --breadcrumb-height: 3.125rem;
  --top-menu-height: 4.0625rem;
  --top-menu-height-desktop: 5rem;
  --sub-menu-height: 3.125rem;
  --back-icon-size: 1.375rem;
  --spacing-extra-small: 1.5625rem;
  --spacing-small: 2.1875rem;
  --spacing-medium: 2.5rem;
  --spacing-large: 3.125rem;
  --spacing-extra-large: 4.375rem;
  --small-padding: 1.25rem;
  --medium-padding: 1.5625rem;
  --default-padding: var(--spacing-small);
  --mobile-side-gutter: 1.25rem;
  --tablet-side-gutter: 1.875rem;
  --desktop-side-gutter: 1.875rem;
  --content-margin-top: 5.625rem;
  --content-margin-bottom: 5.625rem;
  --trans-default-duration: 0.25s;
  --trans-fast-duration: 0.15s;
  --trans-timing-default: ease-in-out;
  --trans-timing-smooth: cubic-bezier(0.23, 1, 0.32, 1);
  --transition-default: all var(--trans-timing-default) var(--trans-default-duration);
  --input-small-height: 2.1875rem;
  --input-height: 3.125rem;
  --input-large-height: 3.75rem;
  --button-large-height: 4rem;
  --z-doc-basket: 3000;
  --z-submenu: 3002;
  --z-search-modal: 3004;
  --z-float-btn: 3006;
  --z-sidebar: 3010;
  --z-mobile-menu: 3015;
  --z-language: 3015;
  --z-doc-basket-open: 3050;
  --z-image-popup: 3090;
  --z-disclaimer: 3110;
}

/*

  Font faces
  ------------------------------------------------
  Polestar Unica used for latin alphabet

*/
@font-face {
  src: url("/media/fonts/polestar/light.woff2") format("woff2"), url("/media/fonts/polestar/light.woff") format("woff");
  font-family: PolestarUnica;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("/media/fonts/polestar/regular.woff2") format("woff2"), url("/media/fonts/polestar/regular.woff") format("woff");
  font-family: PolestarUnica;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("/media/fonts/polestar/bold.woff2") format("woff2"), url("/media/fonts/polestar/bold.woff") format("woff");
  font-family: PolestarUnica;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url(data:font/woff2;base64,d09GMgABAAAAAA8kAAsAAAAAHjgAAA7VAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCHPAqjEJxcC1QAATYCJAOBJAQgBYReB4cwG+0ZI5KSViyyvzyw6e4XUg0Vk1HTNOrOqsfuE41mWd58ogM0SFg543T5lBWOw3qRcUZIMsvzPIe/+8darU0BzePb4uhHEBVwFPML6mu/nN59n/BAnQuCjj4dBUKlTkWiInIsTGS0jI1eBbf9MMwka2mV/+G3+RdYggVGz6coIAiTqCUYDxPrvWckU8DEQPucWJRVy8ZV47qFRfujggRcAPjfucy/4/8PWJoJ0/a16REEhpxRbPr8xmpufsJOAk7TJbluZK24LptBVTd1WJ/13amJkVytlXa7fu6rv6oDAE/GBdjGmfle+O094NA+Q8IbAJCpuFSEAZTIjlABulRclAqrGBEtI6TPQzdibTK7Pvf/Pf+kxOjU+Ftz98BvUoE0bfswD2gSBi5bXb0J/IBAgfTFC9syow5mybWMAaSx+Mo1Sz8/OCp+Fe+L7/U8hX9dF0Q8sKhEnLM8fsSWgCpkLbqy93Ii2rekkrIvuJJyEf27Kr8HYeRerLwHnPYss+osITRAzdQ6w50z7v1fPKlMrlCqoNZoWWwOl8cXCEViiVQmVyhVao2Wp9MbjBykUCVOXlvv4ph4l6Vu2YDCAAoLKAAUDlB4QBEARQQUCVBkQFEARQUUDVB0VKAYqEsxUY9ioT7FRgOKg4YUF40oHhpTfDShBGhKCdGMEqE5JUYLSoKWlBStKBlaU3K0oRRoh1KiXUqF9ig12qc06IDSokNKh44oPZpQBs+9yAgeiEzggcgMHogskGfkcy7Ds/uJWBlg7QbBwplllxriCLwfsWM2Jc5Y3rrGMPAymsh9TJTyVcfQ5lEhreOJgUSCCfWUsPqqpSVUfUkInFqH6YXXCWiZxnh0kc3ibYRet/TTmrJqa6Yqa5Iilafti4kEjyOtQql51iRDteD2VmO5JmMlorXEJsjkv8au0Ocq1nB/YhPMpVm8A0oO7mwpZPvPLaGCfnkuukAJBoKRvl4aPlxaStil+xT67/ECi9uOQCCwz+VEWgWy4wRBh5j6z5TqNhZrK4tjFwjyXxzdU9Gh9uLNSqZkmaq+8weGY3Qx1yUnHyduRpwgwa5A25OqU7E3aJRobsnPPEvZxvSQsCHuOfan1afRm1j6r9rCDpiI0QtfLtKrJWraJua1O0wTo3seZx/RXpUn/A04cU/pM/aEPO6U02hqXRMgvrogd8klKbEXl6ACJlVmpRSmS1BOm5hWh25e7wafPist4oUl69+//zZMwrxycieveCOJL7fg3U9CR5yGJ7v220Ksj02d+QPdmYVyKRK8Rz/H8Gsp97GwHTpoAnwVQuZdhytb3c15zelE1W7qC2vHht8nrZ4nl+hVqgvL5hPAgvYm917niUe7DTQ6eqOfnnTtffW8X2OhnIVIsL07017gzSuprkGg1use1XdFopEuO5CxjvTt9Sm6OnIavFos+6kd7dpPkhmTN7cxZfcaG4nURmhHoqPv2svHvA1iivpolih5LHtR1MVnj8j9PsbOIlN41KGFAj+QHsgDPL4twTAW3Up1hBeW2Tluj4QLbI5ApMXMalPsKW8WXIZnLX5pVBxPkWTtS4O+HipPqjqpZvTgM69Tkq4rUFVxvp7j2UpmkqJ0uRrRJUC2Lb6GUM1MCGruyaPACOW/Hr2ldCCkkcLXyigRaGn2/aPMoXewl8XMEveiONiug9nm97KyE9HYuvwIjWGfumiKFkWnO+lTXUQzTi3NbMKXz4eMBtijSRlKkKP88BecoZa4xMo8ySXVhnn86c+GKcoiowUQ42C3bfECPi5dn4cvEyC3J65yjmwvF4fA1eVczsh+I1AKXlr/VeKd2AaFvSS/ngNX+3O9HO1mK9BgN/GYgvFrkj18+bj0g+dxXjg5VsvzzMtF/d14aqW8bE8bjv6IfN5rHVOivSfXrXH1h+2q2joX7JtMLRulquk5/D9nNgyY/bB0FumQleHpIXT3E7Oh4SQkbEoT7DJL/SPs8Y9JpdyW2kv51nygR7XCkaO/WqOnhmHe2q2uuscJLbtabXzQ8uS19OhLsQtyjnpzedxXfVmc8JenKXyynQWet5En7Bl9+im2hNM2uZRbEIr52dnfffftj7nZgyPguOvqMpeyUjf9gbO8POHiKny2F3SMHugnY0oCDse0PiamvifqNt6jBmIXSzLF4sxS0hQv5fjBtTA2NzcIh93WuKmlafXx46dO2U95tYqupmNsHPCEZxs2LFy4YcPBkNVuoCLDg8q8uLYqphqlOZ/NMysTSpMq/amSS1GjPqU0fbmHYdnIstpCozGbeVLSro6Ic2cW9XkNNxla3YvjilBZhaIKmNch+6mGbGQnazlGskagL9ALyBq2UZts5GjIU3Nv6k4PrZZ9VkoCJDZn88kopzRZfvgESiKU5eaVXK0zBdCvfM6OKMkriWB/foUeYKr7uVpV+/SazJ1cPnY/FuI/19XBrWhLbDR6T9GC9jWhaHM/2tQGNLkCLZ+vzcPu2og8N6IwIk7Jn9rldvmf4H8fufmK0ycIsoF1G2nG5LC1VvHsjV+NRJNrkBirc9hW+u6WI+iK/8JEScIEYZKolndy0o3CJx2liBWxm0BCVnXS4hBKUQFcyafQ7kngxHDYaAbodm6OuN0wyWLxHu3iC4m0aB9EuQx14WOxJFBVhbNjsajbKk6gVLS+XTWDy0GjOeRhseo+78HAg/AH5QbPB7OTZu4DlUFl+Pw9B3VHd72wgq/NSEhmL2EV6XxfjK/7/Kffr06htO+0c3jKIrE8S+qJdk6vlZok2iyrVCTEDrjdpAjWUpJkX44FejDnVSREw5qV4aj/kjjuLh4sptfGpNZGI7HBu/LhUUhq7Rrdfj6xIelu/9WkjarCRDPxGRTNsinT04efZLpBnSuB4EF6hPj7Y1YykoCU1Dmh7jmJofHMC48Swo5vrzm6VedarOUHzzZMJ7uQmZ7fH/jLX50eGTs3OpWdwWaM0PWIASEQPOBPDyvHjb0x/3nw+QaU+dvQ0awjl4mjw2Y0Ne5pnKcHLu4iiARGfJ479ml+vXDW9sh3DFLnf8lVZ6Yz/mJj4xKDXCoS90Zt/+S5u2vc598pSOYl8/7cygnfuG0KqV1Qp9TJCwvkOoUZ27C4qXHxRsioUyyRFxTKdUrXDGeN5lySvqshpi46qja2kRFdr5nhNK1ZuJS0tjGmNiq6LqZxrT7pPAQuHxrum+BnTto3OGgdGMQMOI4D0zyAY2AlWSEzfYLH+g7/gcsFDAMCcBy34JjDm21ANYETtiTZy90VG66xASzjPynai8sCJv3wyb1AxGy2gjR9Aivz7g0OAKsFC0/sKz2icVE/mCItJig2my0H7h04YIqG9XTAnb2eWD9+8qT1R3OY1sJWAidGhYPSp8RTycHCHU+QmxB4WpBbmDvthxK3PDUg02BWwM5l9fayctkFj1m3etRzvd7+YzU5uv2dQQF6CnPExmUgjvpUkU9/sU3em5x0iiNKTSXkWe5t0sC9odIEmAtuOQpyC8xvUarvMeVh0a5Cj6D2OSH3hZmcnpevqFHQOdCBsBq/MltYh+hOEXy8XTtyC3ID/nCjfv2qjZMpvB8ypz3Io3CXlvTDzwZfarIT45dlMX/VyEI6dnSA7OfRXXJUqbS5Ofm/Jaffou27bXouftZpXvSI4BTZj09eqGhtEixS96rbtiBumdYd2TJfFXfnx/yRSydm5bBTk+ee+NxP/TI+aVCQxwkgMNxCWBxPZrnsV2LHKzGX1Fn7GGvoBH0NA9vZDM39b5Ty25vSO/J33FCTzKc3TxICKOOlR005Vq+Hi9O+/uH8N99fHgtd79+ZlbLCfYNg1FDXo9LiCZ3x8Z0jrJPEaIdPdIyRplpAKOND5lwC3j4hNosut4/H5yYmCI7Rwo9wArfoW85iWrSsDiadybPwgq/QwVHC1XA4Ggx1EcfU1vAk5K3KbQl642Rzy2PEh2+iOf6OT1KT/dGhmxdwafA7gTPpKF3jsg9DTRQxTX456Hjv+K+wE5xab6II1j0ryK8T7hNrgvpGG00m1ws8KUQaTlDmhV+LGdhMqSfJGOxVZBVS1M3B4a9MIxT0Sw35P/kOiP6L7WWnDPl3KIPgjot9nGPqOUS+oBsbE2WY7pA1wa0X20/Ozp4ERbafE7kfwxrkdpH/8v/wUujVSbFH78QlKzrrXpjHCbE0SDz/osWI9H2h64L/WTSTs0D41RGMlP+2FBwIbWGidgfF2k54BTbOzgu/btth2Od/NZcWqRzQDi5g5ktyyZcCKG/hJngg7H2+gwTqfA81jMBCc/kRFLAjcRray89hDRKuX8AAGoACTMsETGAN5Duo4Uf8Uei4GIYe5kcwhq/zY5iQID+HA1LAcgUskupqqiuf7Hv8idKo+WvV12Gtw7Tp1X0IBZEX13rT3PzmRqOovt5AlfI7RJlh4XyXjk1QRQ0CT/DeJtRANVSCHsxQDzqoAz6UQfFWTEbSqcUIDVApbzBqw00hWG/AzNLRR0AIAohEgyZs8lFcB/Wgh5LmJdACyHFzIxhBlGqabQCkkjqSqiGM+mOkVIpUp+Ga683loIdi9gVQ6qO5BubBXNmWAesLoDgUnwzipp+DPs4VEhmPERGTkJKRU1BSUdPQQoeBOx544oU3Pvjihz8BBDKHIBCCCYFJKGGwYMMhHK5cmUQL8IWymmb+BLl4zuNCsaaxrtr0nla+MraI3+sKXmOLTVaAuOuxJbPxGjenpPZPKbO/rWSW9V0J4oJKzlSFMFKlcJhIHLJSOt9bav+7JINBwkiLDtG1uK6V0Kia3WB2cUrE0/58S0nM5/xAV1KbeSNuXslSTXpChiNQciYIRph1NTXuAxR8kaRFV1dX3VQg4rEdU8kG+8uIIi84jAPxMCB0Ct18j7H4Ua6otORLL48t5phMAP+xJRyhpYPP2NI0XqOAq5KZjAtOnpI7BAi4KwVXhKmBp1Im9M2v0roqJpPrfzBtcWQ0upb1sRI6TBKmWMRzT4nWJE7Em3PFJTf9umqjCYHjkdjBg3tMesemZcQlVzImqMRtrhQWzcNJUkqH7OFPBzDoJIm02TviVSghM36cj5anAAAA) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAABKMAAsAAAAAHjgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQAAAAFZAb00LY21hcAAAAYQAAAEKAAADvO0xmahnbHlmAAACkAAADAQAABGQLsqjnWhlYWQAAA6UAAAAKwAAADZjFEUDaGhlYQAADsAAAAAdAAAAJAf3BClobXR4AAAO4AAAABoAAACkoAL/8mxvY2EAAA78AAAAVAAAAFRUTFkubWF4cAAAD1AAAAAfAAAAIAFBAIpuYW1lAAAPcAAAATUAAAJe7Z0iRXBvc3QAABCoAAAB4wAAA7BWKDWleJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR+zjiBgZWBgamT6QwDA0M/hGZ8zWDEyAEUZWBlZsAKAtJcUxgcXjG+0mYBcWNY2BkYgTQIMwAA/8AKAHic7dJXcsIwGEXhY2x6x6b3DiHry4LylLVpE0RXN8sIM5/+8ZFhPMhAHcijz6iA7IcMfb5jzVLP6aRe8JXuKdTD6/2Oa6Y1XhdprcV7i/iLDZq0aMfvdenRjzsDhowYM6GkYsqMOQuWrFizYcuOPQeOnDhziftXbtx5xLvJGvx/elpq1d/VS/+8pbOoGZq56UxDYTqdUDedd2gYmk1Ds2Votg3Njuk9CF1Ds2d6utA3NAeWnm1oqI0MtbGhNjHUSkOtMr0FYWqozQy1uaG2MNSWhtrKUFsbahtDbWuo7Qy1vaF2MNSOhtrJUDsbahdD7Wqo3Sw9/93Q/sPQ/tPQ/oeh/ZdR/gI/B2X9AAB4nJVYfXAbx3XftwvcESQI4AAcjiCJzyNwAEGC1B1AUBJAgRJFUJQomrYAS6QiybJk0bZMR5RcsXZbU5kkkzSJ0rCykjAzTSbOjDPkpDOtmn/y0Wn+SjxJJl8mJ5mkzSROJs24jaWpM4mnwqlvD6BIu1U7BW8/bvftvo997+3vSIDgjy2wLLETAgpoBYX5Zk3vv59cYf3Y3pl9iTRonqY/5TQOEB2gUWLenoWn4KlZ+Da4Z82b2GvQ0dfZ0429kBLoh2bNOxYBe2rWvG0tatK90aBLaA4oACzPgtu8g7M3Z8EDHlxA7vN9o8G34ACFEmvOvDlL8xY59gi16AgD4iRBXKaHwe+CeBZyI6DEXeAPgz4CuSxQMv7cwYPPfZRX47njudzxeV4x0hzDqtwcw6rJH6x9yfYuuCPsWLFzUy4GX1Nje0gbcZMOXBcGQQQ1DyMQ8MmxvA9kA4ZwGxYMSlLQnPoy3AqO7q/eI4fNJ0qw2haMM09w//4Oa6bD663/uFqF16y59ngHlwnuvUWIjdhEksGXnJbUkj2iIApUCeCfpOaNfG7I0CMgq3FRCIEhqtJQAf9sZLS88F7zraUrh6e688YTT77/fe+bP6H29Yz2yd7rytUXzj1W2E3JB68sHqy49u558hnz9y9cfegRGZ64cen0vN3+F0G/euaGueo/VLm4QIj93j1LDiAaeZScI5fIn3PrK2GmBELgF11MFDIQ17JMSxbyucIIKwxFgMskuoALjEQocBi43HtBRxFHgMtZspTKAtdMfOBpFhozajyZG6LFEyMT80fTDH+p6fmJfedPnd83MT+dYjZgLH10fuLwkadOnisNa3G93c2p3O16XBsuP1u+NLJj0GngYGll/PlK5fnrS5XK0kR2OpudPjnd3z/9uifkwSfY02Mj7+CyzfbwkaUTI5UnccAGJ7d4lM79L4wNJw5+dvz5jyHHP/34UuVkk9nJ6ewXpO5YyNNj9HCXslkVoK07iYr2LmDkqFKOG1OWVMmQDeuEDZ3bUk5wm+gBv8AMSYVYHGn8ASOmD+WlXJI9uTqVCHav3qAtPrk7lhhIZjq66i8kcrnJXG5xdZWF7n4q2tcXZfNYfxLaLnR2G+Yf4LcHJEl2unxy7+C4aRzR9SNG/TX4LbzYF92mb8ZMmZZ5JAD6OyvXl2l5eZlsxXOZjWJsEJBicgwlj+VjEi0DuUeW7yEFKzc7yxY11/vePfYNbAbIMBklk/fjW41r9oBoR5W3HARdLMHHLVcx9ICSSOax50OfCaDHJCEuoO8MYWdrhGVSB1P4GCnz04zBBezw95mxtN38nD8XasyGcn44Y0+PpeVQqDcUqr8khyCUDoXoaGPARtKVRyrpyIaibESsbrrS6/X+wC/3jh8b7w34fuD19lbSd78LoUwYwukwXAj3hvGBC8BrHMGYtmKJXSO78WR5KFhxMFQQRIwJQcyiXi6Q/QqGhCbI/gB2ZAwFRUA7YGPZIwyw/yPPXZw+nNJGMnv2RQfb91Ui05ndjw3bry0+O92tZ/T+vqmBzpDf5784tvuD413KoS8s69ljRx9/7LFgutgheguq6gxHcifysiIM5U/05fVqJygs+1DBIdr2HoZ0L8v04bkI1lneYS+SGOklVXKKXCDv5dkI5YuL3L5KwBjaBxjwATT5AOA4TwGw7Zo6j3wrG6A+iqAJuNINQhzpcF1+SGssQTsAp+frEnHBz7dLGlsddmdmbPzl8QMzMwfGH9YHW4TWUZsoAKYXcAwWzAV3IBBRAv95/Ojh8+2+2SOTff3OtpbiHtEtTjOHiFcNOPZG47sGZ45Rn6Qo0UCg/rq/uzvV3f2zRgOXxhZj8Xhs8UOLMRUdhwpJJgg2CHba7C1i/OxZviaqwC9jscuVRM9IeTKhAoCb2rJUtFNWttvbhN49xdGHx8dSKfNppMUVb/Ott57G9cWruxjfJXLcsiRqL1iZcgB4JuR2QLPgoyUta6qagNYSBUyhaGMr9QeaGTSpMTU+AGJBs4LCygthKvq5qX3ZRgYWPApLNLPuUD6XpL+peFqdQltIcLa25GfCdkoFm0MQ7NQu0IBbaLG1dPldVHJ4FKdEI4nxIzEtkZG7Ii4Kdvfv4PLjns/2tkZie4ZPn718bHWpDLuHz5z9/cRXzv/ln1w+MD42Ae2XrsGHry6OHZyC1R6BgcMTE8FmUw4ZDsEu2NpEsY21ttvyCZedogGZVwpPZTsCrD95KOp2OkUm+VN+j0M0v7nXkf6Mx1gsLp49M7y7fPUzxxYfPz28h7VPTB0cW7xq/u458+3KyMEDl69++PxX79t2k61gT+S5B4EE3uqIYzD5wI/Ni0W4Qc2FInzCXGfVu+tsxbxUgo/Xj8NK0VyAC9X7uetV9gnSztfvUmRRA83agBagViyC+cUi9NV99E1zg/2VuV4EHPpSCbQq4C1NXNb6dbbelMFNfEQhXSRiZfMMZjeD5/SCFJM0LD7JwNqQmJFXZSzau1oRi73Z8lJltVq9hkChVq3x3/Uq/rYq6LYa/spIndRotb7OCE+yvJjV6kY10yxVq1Sr9/VdsLCcxjEfVH9RgjC9UoShXxXNn2Pnvl1W6NctjEaRjlXNdXO9BCuwQr9mrkOV23CFbNHSr+M5cNyHOzpgBwW2UC2ZC+bCfVrmbdA6KIJJGIMqN+uKubCDxTbtCvM2aLV3yLBjmcXeor3CrljnYHmChDiVFerVEl2r14p0jV22mvoKXSvWa/f9Z519HnsOfv6A91ZBE5UCOoAco5la5svFO3eK9c+x2t01aKWfqs8XrRHzA1WyjQmHEEd6LIS6jQn1HaAwS3dgQu+AMXB0CxQ6oUPdgQq9Pl/9X7ZRoYqo0NKL6vR2Qy8wZJUZTIUfzc3Zz0mjcPo03DZfbspi49dqB+km0QZeQwDmtyBZ3AJdOSuJ+NDRfKrPoGT+9MnrWiqlXT95+vvb3Ztzc7Zz3lEbefdEo1vf4ki4PP+j7xMfhs8u7uXY8pMooDU1/o4FXdlcq9W4w7J2s7cEG+3mGqBrr6MTV3HQ8uT/MDNF2DhUq/E5k/D6/6cjckI9H6TjX/NYepCGJvoVxauvafuX6dvIWUNueUPWEHhQZIGJVUX0peY4tzCT/ZizXTQE8K25miiFlK5AKhzvfzSYDccO7O7tSEU62nxtQE6dut4a1Hoikj/qj0T6d6VKvW1tiJgGo8lCp79NCUtO8m499/8fZ8mSoovKBv8yCKAc/GpBQQyOkPYBlzRLH2SGj8zNheKxSLbj0f54OBXokiW3R5xCSTsiqY7M8ANd4NQp+CO0tWWKqV39kQjq4vZ6VC3Y6vSGlDZ/ZyEZHYx7mtiW/YHlMbbCpI8MoiZ4p4k0FtfwdkpqCV0R0Y4iXnEiXn4Fr50PuKiCsGgEM7kG7Nm9w37/pvlWV+fRb31Ry5rfWb5SevTM5i3nxaV91/8Mp8A5mCrK/VGhtdjtSB39B9o1Uv81fSlX6ew032SPOF8dSL22r5zecL0wsH//33R2gvTRzlFHaywrl3vmZgbNIN2/p/6PPMOgrMts0/JlBdFPv4VlJQVLIs8DWsHPGkGNIY4pYGjz61YQfTKHK/hdk4wLbLlOqhS91f3M3z/jDkrmmhSsAnGM7C6UWh8J9gTxoev1NYpeXYO1H7bMVKszLa94g0Hvy0tLg/3pPnP5PfztPVIwuJ3TXsX4ktB+Fj4WREXUXJBlI/Qd30zwT/N/N6eU3yj+W+mTn772kH/gwsemJ69NTl57aXlycpmtP/u17z18e++buxLdJz6wevPyaG3y2g2cXr65PLmVx96PfNwYvYkGJ3QhX8xnuVEBVFnNW4XFEGxb3pXUKMFvqFf0u3/UX8kc7gPn8dpa7XgPPWr+RNXX+uNsHacz9XVazfQfGaDmJr9/zCpd1tVMJqbTbf/IYP6UMZ7TnPPWpziqVtiClGLUV9BolImKF0NB4BhoiJLeiXR64hiveqPZbDmbjYJzEz2i/q+bll9s3rq1+b2/dd6C800yrKY4XTn7zyBxTzDf5E5CycbGN10bTTvQGtqhBS3eyf83YGHRuCD9tw6s6+P6ux5WVXW9out1vcdqQVetGdz1vwB6TYiseJxjYGRgYABi6Smmt+P5bb4ycLMwoIP/X/7/Z2FkYQcyORiYQCIA0j0HewB4nGNgZGBgYQABFob/X/7/Z2FkYGRABZoAWnUEKgAAAHicY2BgYGAhiP9/AeL/WMSxiFEfAwDk6gaQAAAAAAAAABIAJgA6AE4AYgCOAKgA2gEeAdQCKAI2AlACxAMcA8QEcgSUBLQFDAUgBTYFTAViBXgFkgWyBeQF+AYyBmoGogbeB0IHmAfiCBYIUgiaCMh4nGNgZGBg0GSoY+BjAAEmIOYCQgaG/2A+AwAaLQHMAHicfZC9bsIwFIVP+KsKUlWpaicGS5W6VISfEXUGqSMDewgOBDlx5Bgk3qAP0ifoQ3Tsg/QpenDvAgO25Hz3u+cmkQHc4xsRTivCXThPq4EbVv/cJD0Kt8jPwm30MBbu0L8Jd/GKd+EeHrDnG6LWLU0fH8IN5j+Fm/Rfwi3yj3AbT/gV7qAfQbiLZdQX7uElcpU1uvaJG+SpLeuF3uxNciHPq6V2dW5LNY5H5425LrVLvF6r1VHVh83E+0xlzhZqZkuvjbGqcnanUx9vva+mw2EmPk5tgQoWBho1PBI4DJAjpStpFvQb3oUJnWvJa70lveMzD7Xi/ccYXZ2Y05dhKmFXY82pFY48axz4RxNaj4x1xoxFQZqF2VPacFuaKvR2NCl9jG2YqjDFkDu7yMfh68UfJwRxjgAAAHicbZJZT9wwFIVz6EJLW/atULrRjUojjZPMAM9UfZqnSvTdJJ7EGo8dOYbw83udeEZExW/3O17OudfRStSttejxdYYVPMFTPMNzrOIFXmINr/Aab7CODWxiC9vYwS72sI8DHOItjnCMdzjBe3zAR3zCZ5ziC77iG77jB87wM9oY0hqwcXU/yEqRzfaoZMv6zhr9yzTa07hHJ2Lq9okmPfpHFqXbIZz28HW1SWwUmLSZEv7s+CH4LZUS+Trh8w6LXLptKi+6csozcWPMzN9+2SGpa8cLy+e0jYUQSuoZndSUi4Ucc6lva7qYhQSVuq29HDzWJbdii+rgzzXSOWHJMQsGG5GV3HthwVpDZc2rirywi0GcEuLWmsY3ZZfY5QPWtoTOxsMOZlwJnXNL+2IWkG/8hNtCHBGMl3DR/aWU9CT/Wisdk5T2pPbRVjskbdTTrqtWoA7E4yAoUwtv8byrc3pTGZ5TvDjE88Noj9FPiEM8cZ8pPudOGk0OkuF/9Gox6YQtNGqs5mpCQ6KLkhBV6qmx3ZEDosmC0mZripafEE8f4d0TZDQZLdQ7WcsbJWjgScinTDajcSYhSy24zUpvKwSpS1NVUhdX3Dr6CGlIEi6ijWnwPzdW/BXWSRpiFP0DLLYGogA=) format("woff");
  font-family: PolestarIcons;
  font-display: block;
}
@font-face {
  font-family: NotoSansCN;
  src: url("/media/fonts/noto/NotoSansCJKsc-Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NotoSansCN;
  src: url("/media/fonts/noto/NotoSansCJKsc-Light.otf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: NotoSansCN;
  src: url("/media/fonts/noto/NotoSansCJKsc-Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: NotoSansCN;
  src: url("/media/fonts/noto/NotoSansCJKsc-Medium.otf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url("/media/fonts/noto/NotoSansCJKkr-Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url("/media/fonts/noto/NotoSansCJKkr-Light.otf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url("/media/fonts/noto/NotoSansCJKkr-Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url("/media/fonts/noto/NotoSansCJKkr-Medium.otf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP;
  src: url("/media/fonts/noto/NotoSansCJKjp-Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP;
  src: url("/media/fonts/noto/NotoSansCJKjp-Light.otf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP;
  src: url("/media/fonts/noto/NotoSansCJKjp-Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: NotoSansJP;
  src: url("/media/fonts/noto/NotoSansCJKjp-Medium.otf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* Default styles first then media queries */
/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
strong {
  font-weight: var(--font-weight-semibold);
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: "";
}
abbr, acronym {
  border: 0;
}

/* General */
body {
  color: #161618;
  font-size: 16px;
  line-height: 22px;
  background-color: #fff;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
}
body, body *, body textarea {
  font-family: var(--font-family-default) !important;
}
body.ie6 {
  overflow-y: auto;
}
html.none-latin body {
  font-family: var(--font-family-none-latin) !important;
}
pre p {
  color: #161618;
  font-size: 16px;
  line-height: 22px;
}
.topic-article h1, .topic-article h2, .topic-article h3, .topic-article h4, .topic-article h5, .topic-article h6 {
  -webkit-font-smoothing: antialiased;
}
.topic-article h1.deluxe {
  font-weight: var(--font-weight-semibold);
  font-size: 50px;
  line-height: 55px;
  margin: 0 0 24px 0;
}
.topic-article a {
  text-decoration: none;
  transition: color 0.3s ease;
}
.topic-article a:link, .topic-article a:visited {
  color: #003057;
}
.topic-article a:hover {
  color: #5b7f95;
  text-decoration: underline;
  cursor: pointer;
}
.topic-article a:active {
  color: #003057;
  background-color: transparent;
}
.topic-article hr {
  color: #E7E8E9;
  background-color: #E7E8E9;
  border: 0 none;
  height: 1px;
}
.topic-article p {
  margin-bottom: 18px;
}
.topic-article b, .topic-article strong {
  font-weight: var(--font-weight-semibold);
  color: #4d4e53;
}
.topic-article .hidden {
  display: none;
}
#content {
  padding-top: 130px;
  min-height: 535px;
}
#content-inner {
  box-sizing: border-box;
  margin: 0 auto 160px;
  overflow: hidden;
  padding: 110px 9px 0;
  width: 994px;
}
.content-area ul {
  list-style-type: disc;
  margin: 1em 1em 1em 20px;
}
.content-area ol {
  list-style-type: decimal;
  margin: 1em 1em 1em 24px;
}

/* Transparent button */
a.link-button {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  display: inline-block;
}
a.link-button:hover {
  color: #003057;
  background-color: #fff;
  text-decoration: none;
}
a.link-button span {
  padding: 16px 35px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
a.link-button.blue {
  color: #fff;
  background-color: #003057;
  border: 1px solid #003057;
}
a.link-button.blue:hover {
  background-color: transparent;
  color: #003057;
}

/* Overlay */
#overlay, #overlay-container {
  z-index: 1000;
}
#overlay.menu-overlay {
  z-index: 998;
  top: 140px !important;
}
#overlay-closebutton, .close-overlay {
  height: 29px;
  position: absolute;
  right: -12px;
  top: -15px;
  width: 30px;
}
.inspirationOverlayImage {
  overflow: hidden;
  border: 1px solid #97999B;
}
.inspirationOverlayImage img {
  float: left;
}
.clearfix {
  clear: both;
}

/* Mobile view */
@media all and (max-width: 480px) and (orientation: portrait), all and (max-width: 800px) and (orientation: landscape) {
#content {
    padding-top: 65px;
    min-height: 0;
    width: 100%;
    max-width: 420px;
    overflow: visible;
}
#content-inner {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 90px;
}
h1 {
    font-size: 28px;
    line-height: 30px;
}
h1.deluxe {
    font-size: 35px;
    line-height: 38px;
}
h2 {
    font-size: 20px;
    line-height: 25px;
}
h3 {
    font-size: 16px;
    line-height: 21px;
}
h4 {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}
h5 {
    font-size: 20px;
    line-height: 26px;
}
a.simple-link {
    padding-left: 18px;
}
select {
    height: 50px;
}
a.link-button {
    width: 100%;
    max-width: 418px;
}
a.link-button span {
    display: table;
    margin: 0 auto;
    text-transform: uppercase;
}
}
html,
body {
  height: 100%;
}
html {
  font-size: calc(var(--base-font-size) * 1px);
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s;
}
.fade-enter,
.fade-leave-to,
.fade-leave-active {
  opacity: 0;
}
.page-enter-active,
.page-leave-active {
  transition: opacity 0.25s;
  transition-delay: 0.25s;
}
.page-enter,
.page-leave-to,
.page-leave-active {
  opacity: 0;
  transition-delay: 0;
}

/*

  EyeLiner Mixin
  ------------------------------------------------
  Animates a line on top of the page, right above
  the eye -- hence the name. Very useful when you
  want to fake loading time. Somethings needs
  to take time to be appreciated. Just like
  pretty eyes.

  Set on a page's body element. Then set the
  following body classes to change state:

  item-loading  - Animates the line
  item-loaded   - Completes the animation
  item-open     - Fade out the line


*/
body {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
}
body:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 2px;
  background-color: var(--color-accent-primary);
  transition: opacity ease-in-out 0.25s, transform ease-in-out 2s;
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
body:before {
    height: 3px;
}
}
body.item-loading:before {
  opacity: 1;
  transform: translateX(0%);
}
body.item-loaded:before {
  transform: translateX(0) !important;
  transition: opacity ease-in-out 0.25s, transform ease-in-out 0.25s;
  opacity: 1;
}
body.item-open:before {
  transition-delay: 0.25s;
  opacity: 0;
}
body {
  background-color: var(--color-ghost-grey);
  visibility: visible !important;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
a {
  text-decoration: none;
  color: var(--color-black);
}
.article-body a {
  color: var(--color-accent-primary);
}
.transitions a {
  transition: var(--transition-default);
}
.transitions a:active {
  transition-duration: 0.1s;
}
.page h2,
.page h3,
.page h4,
.page p,
.page .article-content {
  color: var(--color-foreground);
}
hr {
  margin-top: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
  border: none;
  border-bottom: 1px solid var(--color-light-grey);
}
h1 {
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.005em;
}
@media only screen and (min-width: 480px) {
h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
@media only screen and (min-width: 768px) {
h1 {
    font-size: 3.125rem;
    line-height: 3.3125rem;
}
}
h2 {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 480px) {
h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
h3 {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  font-size: 1.0625rem;
  line-height: 1.4375rem;
}
@media only screen and (min-width: 480px) {
h3 {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
@media only screen and (min-width: 480px) {
h3 {
    font-size: 1.3125rem;
    line-height: 1.4375rem;
}
}
h4 {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  font-size: 1rem;
  line-height: 1.4375rem;
}
@media only screen and (min-width: 480px) {
h4 {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
@media only screen and (min-width: 480px) {
h4 {
    font-size: 1.125rem;
    line-height: 1.4375rem;
}
}
.filtered-out {
  opacity: 0.25;
}
.filtered-out .lead-text {
  display: none;
}
.validity {
  display: inline-block;
  width: 100%;
}
.validity.filtered-out {
  display: none;
}
.debug-mode .validity.filtered-out {
  display: inline;
  opacity: 1;
}
.debug-mode .validity.filtered-out > * {
  opacity: 0.3;
}
.segment .empty {
  margin: 0 !important;
}
.hide {
  display: none !important;
}
body {
  padding-top: var(--top-menu-height);
}
@media only screen and (min-width: 992px) {
body {
    padding-top: var(--top-menu-height-desktop);
}
}
.main-wrapper {
  position: static;
  transition: background-color 0.4s var(--trans-timing-default);
  background-color: var(--color-page-bg);
}
.main-wrapper:before, .main-wrapper:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.main-wrapper:after {
  clear: both;
}
.main-container {
  width: 100%;
  max-width: var(--main-content-width);
  margin-left: auto;
  margin-right: auto;
}
.wide-container {
  width: 100%;
  max-width: var(--wide-content-width);
  margin-left: auto;
  margin-right: auto;
}
#app {
  min-height: calc(100vh - var(--top-menu-height));
}
@media only screen and (min-width: 992px) {
#app {
    min-height: calc(100vh - var(--top-menu-height-desktop) + var(--sub-menu-height));
}
}
.page-content {
  padding-left: var(--mobile-side-gutter);
  padding-right: var(--mobile-side-gutter);
  min-height: 64rem;
  padding-top: var(--spacing-large);
  padding-bottom: var(--content-margin-bottom);
  transition: background-color 0.4s var(--trans-timing-default);
}
@media only screen and (min-width: 480px) {
.page-content {
    padding-left: var(--tablet-side-gutter);
    padding-right: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 768px) {
.page-content {
    padding-left: var(--desktop-side-gutter);
    padding-right: var(--desktop-side-gutter);
}
}
@media only screen and (min-width: 768px) {
.page-content {
    padding-top: var(--spacing-extra-large);
}
}
@media only screen and (min-width: 992px) {
.page-content {
    padding-top: var(--content-margin-top);
}
}
@media only screen and (min-width: 992px) {
.page-content {
    min-height: 100vh;
}
}
@media only screen and (max-width: 1499px) {
.page-content .page-content-inner {
    width: 100% !important;
    max-width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.page-content {
    width: calc(100vw - var(--sidebar-width) * 1);
    margin-left: var(--sidebar-width);
}
}
@media only screen and (min-width: 1200px) {
.page-content {
    width: calc(100vw - var(--sidebar-width) * 2);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {
.page-content {
    max-width: 100%;
    width: calc(100vw - var(--sidebar-width));
    margin-left: var(--sidebar-width);
    margin-right: 0;
}
}
ul.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.nav li {
  padding: 0;
}
.error {
  color: var(--color-red);
}
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=file],
input[type=color],
select {
  appearance: none;
  border-radius: 0;
}
.form-input {
  appearance: none;
  width: 100%;
  height: var(--input-height);
  padding: 0 1rem;
  border: none;
  margin-bottom: calc(var(--spacing-small) / 2);
  margin-top: 0.25rem;
  font-size: 1.125rem;
}
@media only screen and (min-width: 480px) {
.form-input {
    font-size: 1.3125rem;
}
}
.form-input.error {
  color: var(--black);
  border: 2px solid var(--color-dark-red);
}
.btn {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--font-weight-regular);
  display: block;
  padding: 0.875rem 2.1875rem;
  outline: none;
  color: var(--white);
  text-transform: uppercase;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: var(--transition-default);
  position: relative;
  border-radius: 4px;
}
.btn:after {
  position: relative;
  top: 0.1em;
  display: inline-block;
  font-family: var(--font-family-icons);
  content: "\e003";
  transition: padding 0.3s ease, margin 0.3s ease, transform 0.3s ease;
  padding-left: 10px;
}
.btn:before {
  border-color: var(--white);
  border-top-color: transparent;
}
.btn.no-arrow:after {
  display: none;
}
.btn:hover:after {
  transform: translateX(4px);
}
.btn.primary {
  border: 1px solid var(--color-accent-primary);
  background: var(--color-accent-primary);
}
.btn.primary:hover {
  border-color: #1a88d2;
  background: #1a88d2;
}
.btn.primary:before {
  border-color: var(--white);
  border-top-color: transparent;
}
.btn.secondary {
  border: 1px solid var(--white);
  background: transparent;
  padding: 0.75rem 2.1875rem;
}
.btn.secondary:hover {
  border-color: rgba(255, 255, 255, 0.85);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.secondary:before {
  border-color: var(--white);
  border-top-color: transparent;
}
.btn.secondary .loader {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='7'%20transform='translate(-1085.000000,%20-219.000000)'%20stroke='%23000000'%20stroke-width='3'%3e%3cpath%20d='M1101,249%20C1108.73199,249%201115,242.731986%201115,235%20C1115,227.268014%201108.73199,221%201101,221%20C1094.93426,221%201089.76951,224.857583%201087.82519,230.2533%20C1087.29109,231.735493%201087,233.333753%201087,235'%20id='Oval-2-Copy'%20transform='translate(1101.000000,%20235.000000)%20rotate(-270.000000)%20translate(-1101.000000,%20-235.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.btn.black {
  border: 1px solid var(--color-black);
  background: transparent;
  padding: 0.75rem 2.1875rem;
  color: var(--color-black);
}
.btn.black:hover {
  border-color: rgba(0, 0, 0, 0.55);
  color: rgba(0, 0, 0, 0.9);
}
.btn.black:before {
  border-color: var(--color-black);
  border-top-color: transparent;
}
.btn.support {
  border: 1px solid var(--color-deep-blue);
  text-transform: uppercase;
  background-color: var(--color-white);
  color: var(--color-deep-blue);
  opacity: 1;
  font-size: 0.875rem;
  padding: 0.625rem 2.1875rem;
  min-width: 7.1875rem;
  text-align: center;
  font-weight: var(--font-weight-semibold);
}
.btn.support:after {
  display: none;
}
.btn.support:before {
  border-color: var(--color-deep-blue);
  border-top-color: var(--color-white);
}
.btn.support:hover {
  background-color: var(--color-deep-blue);
  color: var(--color-white);
  opacity: 1;
}
.btn.download {
  border: 1px solid var(--color-accent-primary);
  background: var(--color-accent-primary);
  padding-left: calc(var(--spacing-small) + var(--spacing-extra-small));
  color: var(--color-white);
}
.btn.download:after {
  content: "";
  position: absolute;
  left: var(--spacing-extra-small);
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='24px'%20height='23px'%20viewBox='0%200%2024%2023'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%203%20Copy%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Artboard-Copy-14'%20transform='translate(-980.000000,%20-223.000000)'%20stroke='%23FFFFFF'%20stroke-width='1.5'%3e%3cg%20id='Group-3-Copy'%20transform='translate(981.000000,%20223.000000)'%3e%3cpath%20d='M11,0.142761336%20L11,16.9375764'%20id='Path-4'%3e%3c/path%3e%3cpolyline%20id='Path-5'%20points='18.421875%2010.1427613%2010.8154297%2017.2921754%204%2010.1427613'%3e%3c/polyline%3e%3cpolyline%20id='Path-7'%20points='22.069358%2017.3135074%2022.069358%2022%200%2022%200%2017.1427613'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  width: 1.375rem;
  height: 1.375rem;
  background-size: 1.375rem;
}
.btn.download:hover {
  border-color: #1a88d2;
  background: #1a88d2;
  color: rgba(255, 255, 255, 0.85);
}
.btn .loader {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateZ(0) translate(-50%, -50%);
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background-size: 1.75rem;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='7'%20transform='translate(-1085.000000,%20-219.000000)'%20stroke='%23FFFFFF'%20stroke-width='3'%3e%3cpath%20d='M1101,249%20C1108.73199,249%201115,242.731986%201115,235%20C1115,227.268014%201108.73199,221%201101,221%20C1094.93426,221%201089.76951,224.857583%201087.82519,230.2533%20C1087.29109,231.735493%201087,233.333753%201087,235'%20id='Oval-2-Copy'%20transform='translate(1101.000000,%20235.000000)%20rotate(-270.000000)%20translate(-1101.000000,%20-235.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
  transition: opacity var(--trans-timing-default) var(--trans-default-duration);
}
.btn.loading {
  color: transparent !important;
}
.btn.loading .loader {
  opacity: 1;
  visibility: visible;
  animation: spin 2s linear infinite;
}
.btn[disabled]:not(.loading) {
  background-color: inherit;
  border-color: var(--color-light-grey);
  color: var(--color-light-grey);
  pointer-events: none;
}
@keyframes spin {
0% {
    transform: translateZ(0) translate(-50%, -50%) rotate(0deg);
}
100% {
    transform: translateZ(0) translate(-50%, -50%) rotate(360deg);
}
}
.top-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--top-menu-height);
  background-color: white;
  border-bottom: 1px solid var(--color-light-grey);
}
@media only screen and (min-width: 992px) {
.top-nav {
    height: var(--top-menu-height-desktop);
}
}
.top-nav a {
  display: inline-block;
  letter-spacing: 0.05em;
  font-weight: var(--font-weight-light);
}
.top-nav .release-notes-nav.hide {
  display: none;
}
.top-nav .top-nav-wrapper {
  position: relative;
}
.top-nav .top-nav-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.top-nav .top-nav-wrapper > div form a,
.top-nav .top-nav-wrapper > div > a,
.top-nav .top-nav-wrapper > div > ul > li > a {
  line-height: var(--top-menu-height);
  height: var(--top-menu-height);
  display: block;
  font-size: 0.9375rem;
  transition: opacity 0.2s ease-in-out;
}
@media only screen and (min-width: 992px) {
.top-nav .top-nav-wrapper > div form a,
  .top-nav .top-nav-wrapper > div > a,
  .top-nav .top-nav-wrapper > div > ul > li > a {
    line-height: var(--top-menu-height-desktop);
    height: var(--top-menu-height-desktop);
}
.top-nav .top-nav-wrapper > div form a:hover,
  .top-nav .top-nav-wrapper > div > a:hover,
  .top-nav .top-nav-wrapper > div > ul > li > a:hover {
    text-decoration: none;
    opacity: 0.65;
}
}
.top-nav .top-nav-wrapper > div > a, .top-nav .top-nav-wrapper > div.nav-right > ul > li:not(.language-selector) a {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.top-nav .nav-left {
  float: left;
  padding-left: 15px;
  display: none;
}
@media only screen and (min-width: 992px) {
.top-nav .nav-left {
    display: block;
}
}
.top-nav .nav-right {
  float: right;
}
.top-nav .nav-right > ul {
  transition: var(--transition-default);
}
.top-nav .nav-right > ul li {
  display: none;
}
@media only screen and (min-width: 992px) {
.top-nav .nav-right > ul li {
    display: inline-block;
}
}
.top-nav .nav-mobile {
  float: left;
}
@media only screen and (min-width: 992px) {
.top-nav .nav-mobile {
    display: none;
}
}
.top-nav .nav-mobile ul {
  position: absolute;
  visibility: hidden;
  height: 0;
  background-color: var(--color-white);
  transition: var(--transition-default);
  z-index: var(--z-mobile-menu);
  width: 100%;
}
.top-nav .nav-mobile ul li {
  display: block;
}
.top-nav .nav-mobile ul li a {
  display: block;
  margin: 0 var(--mobile-side-gutter);
  padding: 0;
  border-bottom: 1px solid var(--color-light-grey);
}
@media only screen and (min-width: 480px) {
.top-nav .nav-mobile ul li a {
    margin-left: var(--tablet-side-gutter);
    margin-right: var(--tablet-side-gutter);
}
}
.top-nav #header-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
.top-nav #header-logo a {
  height: 100%;
  padding: 0;
}
.top-nav #header-logo a img {
  height: 2.8125rem;
  margin-top: 0.625rem;
  backface-visibility: hidden;
}
@media only screen and (min-width: 992px) {
.top-nav #header-logo a img {
    height: 3.4375rem;
    margin-top: 0.875rem;
}
}
@media only screen and (min-width: 992px) {
.top-nav #header-logo a:hover {
    opacity: 1;
}
}
.top-nav #menu-toggle {
  cursor: pointer;
  padding-left: var(--mobile-side-gutter);
  padding-right: var(--mobile-side-gutter);
  transition: var(--transition-default);
  position: relative;
}
@media only screen and (min-width: 480px) {
.top-nav #menu-toggle {
    padding-left: var(--tablet-side-gutter);
    padding-right: var(--tablet-side-gutter);
}
}
.top-nav #menu-toggle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: var(--mobile-side-gutter);
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='Close'%3e%3cg%20id='Line%202'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%200.620117%202.35474)'%20stroke='%234D4E53'/%3e%3c/g%3e%3cg%20id='Line%202.1'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2020.8374%202.67902)'%20stroke='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 1.125rem auto;
  background-position: center;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0;
  transition: var(--transition-default);
}
@media only screen and (min-width: 480px) {
.top-nav #menu-toggle:before {
    left: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 992px) {
.top-nav #menu-toggle {
    display: none;
}
}
.menu-open {
  overflow: hidden;
}
.menu-open #menu-toggle {
  color: transparent;
}
.menu-open #menu-toggle:before {
  opacity: 1;
}
.menu-open .top-nav .nav-mobile > ul {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}
footer {
  background-color: var(--color-black);
  text-align: center;
  padding: var(--spacing-small) var(--spacing-extra-small) var(--spacing-extra-large) var(--spacing-extra-small);
}
@media only screen and (min-width: 768px) {
footer {
    padding-bottom: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 992px) {
footer {
    padding-bottom: var(--spacing-small);
}
}
footer img {
  max-width: 100%;
  margin: 0 auto var(--spacing-small) auto;
  display: blocK;
}
footer #footer-scroll-top {
  display: inline-block;
}
footer #footer-scroll-top:after {
  padding-left: 0;
  top: 0.1875rem;
  margin-left: 0.625rem;
  transform: rotate(-90deg);
}
footer #footer-scroll-top:hover:after {
  transform: translateX(4px) rotate(-90deg);
}
footer #cookie-settings {
  color: var(--color-white);
  display: block;
  margin-top: var(--spacing-small);
}
footer #cookie-settings:hover {
  color: var(--color-white);
  opacity: 0.8;
}
:root {
  --globe-icon-size: 1.25rem;
}
.language-selector {
  display: inline-block !important;
  transition: opacity var(--trans-default-duration) var(--trans-timing-default);
}
.language-selector #language-selector-toggle {
  margin-left: 0.9375rem;
  padding-right: calc(var(--mobile-side-gutter) + var(--globe-icon-size) + 0.5rem);
  padding-left: calc(var(--mobile-side-gutter) + 0.25rem);
  color: rgba(0, 0, 0, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  font-size: 0.75rem;
}
@media only screen and (min-width: 480px) {
.language-selector #language-selector-toggle {
    padding-right: calc(var(--tablet-side-gutter) + var(--globe-icon-size) + 0.5rem);
    padding-left: var(--tablet-side-gutter);
}
}
.language-selector #language-selector-toggle:after {
  content: "";
  position: absolute;
  right: var(--mobile-side-gutter);
  top: calc(50% - 2px);
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20viewBox='0%200%20100%20100'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cg%20id='Globe'%20fill='none'%20fill-rule='evenodd'%20stroke='%23101820'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='4'%3e%3ccircle%20cx='50'%20cy='50'%20r='48'/%3e%3cpath%20d='m50%202v96'/%3e%3cpath%20d='m98%2050h-96'/%3e%3cpath%20d='m50%202s24.143%2018.542%2024.143%2048-24.143%2048-24.143%2048'/%3e%3cpath%20d='m50.143%202s-24.143%2018.542-24.143%2048%2024.143%2048%2024.143%2048'/%3e%3cpath%20d='m16.4%2083.028c7.4528-6.5604%2018.972-13.828%2033.43-13.828%2014.68%200%2026.33%207.4918%2033.77%2014.129'/%3e%3cpath%20d='m16.4%2016.701c7.4528%206.5604%2018.972%2013.828%2033.43%2013.828%2014.68%200%2026.33-7.4918%2033.77-14.129'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: var(--globe-icon-size) var(--globe-icon-size);
  width: var(--globe-icon-size);
  height: var(--globe-icon-size);
  background-position: center;
}
@media only screen and (min-width: 480px) {
.language-selector #language-selector-toggle:after {
    right: var(--tablet-side-gutter);
}
}
.language-selector #language-selector-toggle.language-selector {
  display: inline-block;
}
.language-selector #language-selector-toggle.language-selector-toggle {
  margin: 0;
}
.language-selector .language-list {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: var(--top-menu-height);
  z-index: var(--z-language);
  max-height: calc(100vh - var(--top-menu-height) - var(--spacing-extra-large));
  padding: calc(var(--spacing-extra-small) - 0.625rem) 0;
  overflow: auto;
  background-color: var(--white);
  -webkit-overflow-scrolling: touch;
  transition: var(--transition-default);
  opacity: 0;
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
.language-selector .language-list {
    top: var(--top-menu-height-desktop);
}
}
.language-selector .language-list .language {
  display: block;
  position: relative;
}
.language-selector .language-list .language a {
  padding: 0.625rem 2.8125rem;
  display: block;
}
.language-selector .language-list .language a:active {
  background-color: rgba(189, 214, 230, 0.125);
}
.no-touch .language-selector .language-list .language a:hover {
  background-color: rgba(189, 214, 230, 0.125);
}
.language-selector .language-list .language.active a {
  color: var(--color-dark-blue);
  font-weight: var(--font-weight-bold);
}
.language-selector .language-list .language.active a:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.3125rem;
  background: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eCheckmark%20Icon%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2077%202716)'%3e%3cg%20id='Checkmark%20Icon'%3e%3cg%20id='Icons'%3e%3cg%20id='Final'%3e%3cg%20id='icon%20checkmark%20accent'%3e%3cg%20id='Line%202'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='matrix(0.999175%200.040603%20-0.040603%200.999175%202077.36%20-2708)'%20fill='%23587F95'/%3e%3c/g%3e%3cg%20id='Line%202%20Copy'%3e%3cuse%20xlink:href='%23path1_fill'%20transform='matrix(0.999979%20-0.00651828%200.0084153%200.999965%202083.68%20-2715.77)'%20fill='%23587F95'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%200.328839%201.96945L%206.69096%208.50694C%207.12941%208.95747%207.84028%208.95747%208.27873%208.50694C%208.71718%208.0564%208.71718%207.32593%208.27873%206.87539L%201.91661%200.337903C%201.47816%20-0.112635%200.767291%20-0.112635%200.328839%200.337903C%20-0.109613%200.788441%20-0.109613%201.51891%200.328839%201.96945Z'/%3e%3cpath%20id='path1_fill'%20d='M%208.89639%200.541285L%200.171468%2014.8499C%20-0.157757%2015.3898%200.00133091%2016.1017%200.5268%2016.44C%201.05227%2016.7783%201.74513%2016.6148%202.07436%2016.0749L%2010.7993%201.7663C%2011.1285%201.22638%2010.9694%200.514461%2010.4439%200.176183C%209.91848%20-0.162094%209.22561%200.00136755%208.89639%200.541285Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
  background-size: 1.25rem 1.125rem;
  width: 1.25rem;
  height: 1.125rem;
}
.language-selector.open #language-selector-toggle {
  background-color: var(--color-ghost-grey);
}
.language-selector.open .language-list {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.menu-open .language-selector {
  opacity: 0;
  pointer-events: none;
}
:root {
  --topic-icon-size: 1.3125rem;
  --topic-icon-gutter-sm: 0.75rem;
  --topic-icon-gutter: 0.9375rem;
  --topic-card-left-padding-sm: calc(var(--small-padding) + var(--topic-icon-size) + var(--topic-icon-gutter-sm));
  --topic-card-left-padding: calc(var(--default-padding) + var(--topic-icon-size) + var(--topic-icon-gutter));
}
.category-content-wrapper.level-2, .category-content-wrapper.level-3, .category-content-wrapper.level-4, .category-content-wrapper.level-5 {
  margin-top: calc(-1 * 1.5625rem);
}
.category-content-wrapper > div:first-child {
  margin-top: 0;
}
.category-content-wrapper ul {
  list-style: none;
}
.sub-category-header {
  position: relative;
  display: block;
}
.sub-category-header .AddToPrintButton {
  margin-bottom: 0;
  right: 0.3125rem;
  bottom: 0.5rem;
}
@media only screen and (min-width: 480px) {
.sub-category-header .AddToPrintButton {
    right: var(--small-padding);
    bottom: 0.75rem;
}
}
.sub-category-title {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  position: relative;
  margin-bottom: 0;
  padding: var(--spacing-extra-small) var(--spacing-medium) var(--small-padding) 0;
  transition: background ease-in-out 1s;
}
@media only screen and (min-width: 480px) {
.sub-category-title {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
@media only screen and (min-width: 480px) {
.sub-category-title {
    padding-top: var(--spacing-extra-small);
    padding-left: var(--default-padding);
    padding-right: calc(var(--default-padding) * 2);
}
}
.sub-category-title.is-highlighted {
  background-color: rgba(189, 214, 230, 0.75);
  transition-duration: 0.75s;
}
.level-2 .sub-category-title, .level-3 .sub-category-title, .level-4 .sub-category-title, .level-5 .sub-category-title {
  font-size: 1.3125rem;
  line-height: 1.5625rem;
  font-weight: var(--font-weight-light);
  color: var(--color-grey);
}
[lang=zh] .level-2 .sub-category-title, [lang=zh] .level-3 .sub-category-title, [lang=zh] .level-4 .sub-category-title, [lang=zh] .level-5 .sub-category-title {
  font-weight: var(--font-weight-regular);
}
.level-2 .sub-category-title .divider, .level-3 .sub-category-title .divider, .level-4 .sub-category-title .divider, .level-5 .sub-category-title .divider {
  color: var(--color-grey);
}
.level-2 .sub-category-title .parent-path, .level-3 .sub-category-title .parent-path, .level-4 .sub-category-title .parent-path, .level-5 .sub-category-title .parent-path {
  color: var(--color-charcoal);
}
.sub-category-title .parent-path {
  font-weight: var(--font-weight-light);
  color: var(--color-grey);
}
[lang=zh] .sub-category-title .parent-path {
  font-weight: var(--font-weight-regular);
}
.sub-category-title:before {
  content: "#";
  position: absolute;
  left: 0;
  transition: var(--transition-default);
  font-weight: var(--font-weight-regular);
  color: color-mix(in srgb, var(--color-light-grey) 90%, black);
  opacity: 0;
}
.topics {
  list-style: none;
  margin-bottom: var(--spacing-extra-small);
}
@media only screen and (min-width: 480px) {
.topics {
    margin-bottom: var(--spacing-small);
}
}
.topics .topic-nav {
  padding: var(--small-padding) var(--small-padding) calc(var(--default-padding) + 0.1875rem) var(--topic-card-left-padding-sm);
  background-color: var(--white);
  border-bottom: 1px solid var(--border-color);
  transition: var(--transition-default);
}
@media only screen and (min-width: 480px) {
.topics .topic-nav {
    padding: 1.75rem var(--default-padding) var(--spacing-large) var(--topic-card-left-padding);
}
}
@media only screen and (min-width: 768px) {
.topics .topic-nav {
    padding: 1.75rem var(--topic-card-left-padding) var(--spacing-large) var(--topic-card-left-padding);
}
}
.topics .topic-nav:hover {
  cursor: pointer;
  background-color: color-mix(in srgb, var(--white) 97%, black);
}
.topics .topic-nav .title {
  font-size: 1.3125rem;
  line-height: 1.75rem;
  font-weight: var(--font-weight-light);
  color: var(--title-blue);
  position: relative;
}
@media only screen and (min-width: 480px) {
.topics .topic-nav .title {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
[lang=zh] .topics .topic-nav .title {
  font-weight: var(--font-weight-regular);
}
.topics .topic-nav .title:before {
  position: absolute;
  content: "";
  top: 0.6em;
  left: calc(-1 * (var(--topic-icon-size) + var(--topic-icon-gutter-sm)));
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2065%2083'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3e%3cg%20id='icon-document-blue'%3e%3cg%3e%3cpath%20d='M64.085,21.225l0,61l-64,0l0,-82l43,0c7,7%2014,14%2021,21Zm-58,-15l0,70l52,0l0,-52.514l-17.485,-17.486c-11.505,0%20-23.01,0%20-34.515,0Z'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3cpath%20d='M64.085,21.225l0,4l-25,0l0,-25l4,0c7,7%2014,14%2021,21Zm-19,-2l8.515,0l-8.515,-8.514c0,2.838%200,5.676%200,8.514Z'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3c/g%3e%3cg%3e%3crect%20x='17.085'%20y='32.225'%20width='30'%20height='6'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='44.225'%20width='30'%20height='6'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='56.225'%20width='30'%20height='6'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-position: center;
  background-size: var(--topic-icon-size) var(--topic-icon-size);
  width: 24px;
  height: 24px;
}
@media only screen and (min-width: 480px) {
.topics .topic-nav .title:before {
    top: 0.55em;
    left: calc(-1 * (var(--topic-icon-size) + var(--topic-icon-gutter)));
}
}
.topics .topic-nav .lead-text {
  margin-top: 0.5rem;
  font-weight: var(--font-weight-light);
}
[lang=zh] .topics .topic-nav .lead-text {
  font-weight: var(--font-weight-regular);
}
@media only screen and (min-width: 480px) {
.topics .topic-nav .lead-text {
    margin-top: 0.75rem;
}
}
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  border: solid 1px #97999b;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js:-moz-full-screen {
  position: absolute;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.vjs-poster {
  margin: 0 auto;
  padding: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-height: 100%;
}
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: Arial, sans-serif;
}
.video-js .vjs-text-track {
  display: none;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #fff;
}
.video-js .vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
.vjs-fade-in {
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}
.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
  transition: visibility 0s linear 1.5s, opacity 1.5s linear;
}
.vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 2.6em;
  color: #fff;
  border-top: 1px solid #404040;
  background: #242424;
  background: -moz-linear-gradient(to bottom, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(50%, #242424), color-stop(50%, #1f1f1f), color-stop(100%, #171717));
  background: -webkit-linear-gradient(to bottom, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: -o-linear-gradient(to bottom, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: -ms-linear-gradient(to bottom, #242424 50%, #1f1f1f 50%, #171717 100%);
  background: linear-gradient(to bottom, #242424 50%, #1f1f1f 50%, #171717 100%);
  visibility: hidden;
  opacity: 0;
}
.vjs-default-skin .vjs-control {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 2.6em;
  width: 2.6em;
}
.vjs-default-skin .vjs-control:focus {
  outline: 0;
}
.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer !important;
}
.vjs-default-skin.vjs-paused .vjs-play-control div {
  width: 15px;
  height: 17px;
  margin: 0.5em auto 0;
}
.vjs-default-skin.vjs-playing .vjs-play-control div {
  width: 15px;
  height: 17px;
  margin: 0.5em auto 0;
}
.vjs-default-skin .vjs-rewind-control {
  width: 5em;
  cursor: pointer !important;
}
.vjs-default-skin .vjs-rewind-control div {
  width: 19px;
  height: 16px;
  margin: 0.5em auto 0;
}
.vjs-default-skin .vjs-mute-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}
.vjs-default-skin .vjs-mute-control div {
  width: 22px;
  height: 16px;
  margin: 0.5em auto 0;
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  position: relative;
  width: 5em;
  height: 0.6em;
  margin: 1em auto 0;
  cursor: pointer !important;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #666;
  background: -moz-linear-gradient(to bottom, #333, #666);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#333), to(#666));
  background: -webkit-linear-gradient(to bottom, #333, #666);
  background: -o-linear-gradient(to bottom, #333, #666);
  background: -ms-linear-gradient(to bottom, #333, #666);
  background: linear-gradient(to bottom, #333, #666);
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.6em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #fff;
  background: -moz-linear-gradient(to bottom, #fff, #ccc);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#ccc));
  background: -webkit-linear-gradient(to bottom, #fff, #ccc);
  background: -o-linear-gradient(to bottom, #fff, #ccc);
  background: -ms-linear-gradient(to bottom, #fff, #ccc);
  background: linear-gradient(to bottom, #fff, #ccc);
}
.vjs-default-skin .vjs-volume-handle {
  position: absolute;
  top: -0.2em;
  width: 0.8em;
  height: 0.8em;
  background: #ccc;
  left: 0;
  border: 1px solid #fff;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 4.8em;
  right: 4.8em;
  height: 1em;
  width: auto;
  top: -1.3em;
  border-bottom: 1px solid #1f1f1f;
  border-top: 1px solid #222;
  background: #333;
  background: -moz-linear-gradient(to bottom, #222, #333);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(to bottom, #222, #333);
  background: -o-linear-gradient(to bottom, #333, #222);
  background: -ms-linear-gradient(to bottom, #333, #222);
  background: linear-gradient(to bottom, #333, #222);
}
.vjs-default-skin .vjs-progress-holder {
  position: relative;
  cursor: pointer !important;
  padding: 0;
  margin: 0;
  height: 1em;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111, #262626);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#111), to(#262626));
  background: -webkit-linear-gradient(to bottom, #111, #262626);
  background: -o-linear-gradient(to bottom, #111, #262626);
  background: -ms-linear-gradient(to bottom, #111, #262626);
  background: linear-gradient(to bottom, #111, #262626);
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 1em;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.vjs-default-skin .vjs-play-progress {
  background: #fff;
  background: -moz-linear-gradient(to bottom, #fff 0, #d6d6d6 50%, #fff 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #fff), color-stop(50%, #d6d6d6), color-stop(100%, #fff));
  background: -webkit-linear-gradient(to bottom, #fff 0, #d6d6d6 50%, #fff 100%);
  background: -o-linear-gradient(to bottom, #fff 0, #d6d6d6 50%, #fff 100%);
  background: -ms-linear-gradient(to bottom, #fff 0, #d6d6d6 50%, #fff 100%);
  background: linear-gradient(to bottom, #fff 0, #d6d6d6 50%, #fff 100%);
  background: #efefef;
  background: -moz-linear-gradient(to bottom, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #efefef), color-stop(50%, #f5f5f5), color-stop(50%, #dbdbdb), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(to bottom, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -o-linear-gradient(to bottom, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -ms-linear-gradient(to bottom, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#f1f1f1",GradientType=0);
  background: linear-gradient(to bottom, #efefef 0, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
}
.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;
  background: #666;
  background: -moz-linear-gradient(to bottom, #666, #333);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#666), to(#333));
  background: -webkit-linear-gradient(to bottom, #666, #333);
  background: -o-linear-gradient(to bottom, #666, #333);
  background: -ms-linear-gradient(to bottom, #666, #333);
  background: linear-gradient(to bottom, #666, #333);
}
.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -0.3em;
  left: 0;
  top: 0;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  border-radius: 0.8em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
}
.vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 1em;
  width: 4.8em;
  top: -1.3em;
  border-bottom: 1px solid #1f1f1f;
  border-top: 1px solid #222;
  background-color: #333;
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  font-family: Arial, sans-serif;
  background: #333;
  background: -moz-linear-gradient(to bottom, #222, #333);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(to bottom, #222, #333);
  background: -o-linear-gradient(to bottom, #333, #222);
  background: -ms-linear-gradient(to bottom, #333, #222);
  background: linear-gradient(to bottom, #333, #222);
}
.vjs-default-skin .vjs-current-time {
  left: 0;
}
.vjs-default-skin .vjs-duration {
  right: 0;
  display: none;
}
.vjs-default-skin .vjs-remaining-time {
  right: 0;
}
.vjs-time-divider {
  display: none;
}
.vjs-default-skin .vjs-time-control {
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  font-family: Arial, sans-serif;
}
.vjs-default-skin .vjs-time-control span {
  line-height: 25px;
}
.vjs-secondary-controls {
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control div {
  width: 16px;
  height: 16px;
  margin: 0.5em auto 0;
}
.vjs-default-skin .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8em;
  height: 8em;
  margin: -42px 0 0 -42px;
  text-align: center;
  vertical-align: center;
  cursor: pointer !important;
  border: 0.2em solid #fff;
  opacity: 0.95;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #454545;
  background: -moz-linear-gradient(to bottom, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(0%, #454545), color-stop(50%, #232323), color-stop(50%, #161616), color-stop(100%, #3f3f3f));
  background: -webkit-linear-gradient(to bottom, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -o-linear-gradient(to bottom, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -ms-linear-gradient(to bottom, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#454545",endColorstr="#3f3f3f",GradientType=0);
  background: linear-gradient(to bottom, #454545 0, #232323 50%, #161616 50%, #3f3f3f 100%);
  -webkit-box-shadow: 4px 4px 8px #000;
  -moz-box-shadow: 4px 4px 8px #000;
  box-shadow: 4px 4px 8px #000;
}
.vjs-default-skin div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff;
  -moz-box-shadow: 0 0 80px #fff;
  box-shadow: 0 0 80px #fff;
}
.vjs-default-skin div.vjs-big-play-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35px;
  height: 42px;
  margin: -20px 0 0 -15px;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes rotatethis {
0% {
    -webkit-transform: scale(0.6) rotate(0deg);
}
12.5% {
    -webkit-transform: scale(0.6) rotate(0deg);
}
12.51% {
    -webkit-transform: scale(0.6) rotate(45deg);
}
25% {
    -webkit-transform: scale(0.6) rotate(45deg);
}
25.01% {
    -webkit-transform: scale(0.6) rotate(90deg);
}
37.5% {
    -webkit-transform: scale(0.6) rotate(90deg);
}
37.51% {
    -webkit-transform: scale(0.6) rotate(135deg);
}
50% {
    -webkit-transform: scale(0.6) rotate(135deg);
}
50.01% {
    -webkit-transform: scale(0.6) rotate(180deg);
}
62.5% {
    -webkit-transform: scale(0.6) rotate(180deg);
}
62.51% {
    -webkit-transform: scale(0.6) rotate(225deg);
}
75% {
    -webkit-transform: scale(0.6) rotate(225deg);
}
75.01% {
    -webkit-transform: scale(0.6) rotate(270deg);
}
87.5% {
    -webkit-transform: scale(0.6) rotate(270deg);
}
87.51% {
    -webkit-transform: scale(0.6) rotate(315deg);
}
100% {
    -webkit-transform: scale(0.6) rotate(315deg);
}
}
@-moz-keyframes rotatethis {
0% {
    -moz-transform: scale(0.6) rotate(0deg);
}
12.5% {
    -moz-transform: scale(0.6) rotate(0deg);
}
12.51% {
    -moz-transform: scale(0.6) rotate(45deg);
}
25% {
    -moz-transform: scale(0.6) rotate(45deg);
}
25.01% {
    -moz-transform: scale(0.6) rotate(90deg);
}
37.5% {
    -moz-transform: scale(0.6) rotate(90deg);
}
37.51% {
    -moz-transform: scale(0.6) rotate(135deg);
}
50% {
    -moz-transform: scale(0.6) rotate(135deg);
}
50.01% {
    -moz-transform: scale(0.6) rotate(180deg);
}
62.5% {
    -moz-transform: scale(0.6) rotate(180deg);
}
62.51% {
    -moz-transform: scale(0.6) rotate(225deg);
}
75% {
    -moz-transform: scale(0.6) rotate(225deg);
}
75.01% {
    -moz-transform: scale(0.6) rotate(270deg);
}
87.5% {
    -moz-transform: scale(0.6) rotate(270deg);
}
87.51% {
    -moz-transform: scale(0.6) rotate(315deg);
}
100% {
    -moz-transform: scale(0.6) rotate(315deg);
}
}
div.vjs-loading-spinner .ball1 {
  opacity: 0.12;
  position: absolute;
  left: 20px;
  top: 0;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
div.vjs-loading-spinner .ball2 {
  opacity: 0.25;
  position: absolute;
  left: 34px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
div.vjs-loading-spinner .ball3 {
  opacity: 0.37;
  position: absolute;
  left: 40px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
div.vjs-loading-spinner .ball4 {
  opacity: 0.5;
  position: absolute;
  left: 34px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 15px;
  border: 1px solid #ccc;
}
div.vjs-loading-spinner .ball5 {
  opacity: 0.62;
  position: absolute;
  left: 20px;
  top: 40px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
div.vjs-loading-spinner .ball6 {
  opacity: 0.75;
  position: absolute;
  left: 6px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
div.vjs-loading-spinner .ball7 {
  opacity: 0.87;
  position: absolute;
  left: 0;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
div.vjs-loading-spinner .ball8 {
  opacity: 1;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #ccc;
}
.vjs-default-skin .vjs-menu-button {
  float: right;
  margin: 0.2em 0.5em 0 0;
  padding: 0;
  width: 3em;
  height: 2em;
  cursor: pointer !important;
  border: 1px solid #111;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #4d4d4d;
  background: -moz-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -o-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -ms-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
}
.vjs-default-skin .vjs-menu-button div {
  width: 16px;
  height: 16px;
  margin: 0.2em auto 0;
  padding: 0;
}
.vjs-default-skin .vjs-menu-button ul {
  display: none;
  float: none !important;
  opacity: 0.8;
  padding: 0;
  margin: 0 !important;
  position: absolute;
  width: 10em !important;
  bottom: 2em;
  max-height: 15em;
  left: -3.5em;
  background-color: #111;
  border: 2px solid #333;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 1em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}
.vjs-default-skin .vjs-menu-button:focus ul, .vjs-default-skin .vjs-menu-button:hover ul {
  display: block;
  list-style: none;
}
.vjs-default-skin .vjs-menu-button ul li {
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 20px;
  line-height: 1.4em;
  font-size: 1.2em;
  font-family: Arial, sans-serif;
  text-align: left;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  text-decoration: underline;
}
.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  color: #fff;
  font-weight: bold;
  cursor: default;
  background: #4d4d4d;
  background: -moz-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -o-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: -ms-linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
  background: linear-gradient(to bottom, #4d4d4d 0, #3f3f3f 50%, #333 50%, #252525 100%);
}
.vjs-default-skin .vjs-captions-button div {
  background-position: -25px -75px;
}
.vjs-default-skin .vjs-chapters-button div {
  background-position: -100px -75px;
}
.vjs-default-skin .vjs-chapters-button ul {
  width: 20em;
  left: -8.5em;
}
.DisclaimerPopup {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--transition-default);
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-disclaimer);
}
.DisclaimerPopup .popup-content {
  position: absolute;
  background-color: var(--color-white);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: var(--default-padding);
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  transition: var(--transition-default);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
.DisclaimerPopup .popup-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 31.25rem;
}
}
.DisclaimerPopup .popup-content .title {
  margin-bottom: var(--default-padding);
}
.DisclaimerPopup .popup-content .body {
  margin-bottom: var(--default-padding);
}
.DisclaimerPopup .popup-content .btn {
  display: table;
  margin: auto;
}
body.disclaimer-open {
  height: 100%;
  overflow: hidden;
}
body.disclaimer-open .DisclaimerPopup {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
body.disclaimer-open .DisclaimerPopup .popup-content {
  opacity: 1;
}
.ContentPopup {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--transition-default);
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-disclaimer);
}
.ContentPopup .popup-content {
  position: absolute;
  background-color: var(--color-white);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: var(--default-padding);
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  transition: var(--transition-default);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
.ContentPopup .popup-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 31.25rem;
}
}
.ContentPopup .popup-content .title {
  margin-bottom: var(--default-padding);
}
.ContentPopup .popup-content .body {
  margin-bottom: var(--default-padding);
}
.ContentPopup .popup-content .btn {
  display: table;
  margin: auto;
}
.ContentPopup table {
  max-width: 100%;
}
.ContentPopup table td {
  padding: 10px 5px;
}
body.popup-open {
  height: 100%;
  overflow: hidden;
}
body.popup-open .ContentPopup,
.ContentPopup.popup-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
body.popup-open .ContentPopup .popup-content,
.ContentPopup.popup-open .popup-content {
  opacity: 1;
}
.GDPRPopup {
  transition: var(--transition-default);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: var(--z-disclaimer);
  padding: var(--default-padding) 0;
}
@media (min-width: 66.875rem) {
.GDPRPopup {
    padding: var(--default-padding);
}
}
.GDPRPopup .popup-content {
  position: absolute;
  background-color: var(--color-white);
  padding: var(--default-padding);
  top: 0;
  width: 100%;
  max-width: 100%;
  margin: var(--spacing-extra-small) auto var(--spacing-extra-small) auto;
}
@media (min-width: 66.875rem) {
.GDPRPopup .popup-content {
    left: 50%;
    transform: translateX(-50%);
    width: 62.5rem;
}
}
.GDPRPopup .popup-content .title {
  margin-bottom: var(--default-padding);
}
.GDPRPopup .popup-content .body {
  margin-bottom: var(--default-padding);
}
.GDPRPopup .popup-content .btn {
  display: table;
  margin: auto;
}
.GDPRPopup .popup-content h3 {
  margin: var(--spacing-extra-small) 0;
}
.GDPRPopup .popup-content p {
  margin-top: var(--spacing-extra-small);
  margin-bottom: 0.625rem;
}
.GDPRPopup .popup-content a:not(.btn) {
  text-decoration: underline;
}
body.gdpr-popup-open {
  height: 100%;
  overflow: hidden;
}
body.gdpr-popup-open .GDPRPopup {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.printpreview-page video,
.topic-page video {
  width: 100%;
}
.printpreview-page img,
.topic-page img {
  max-width: 100%;
}
.printpreview-page .topic-article,
.topic-page .topic-article {
  /* Images */
  /*  ---------------------------------- Related content (to the right) ------------------------------------------------ */
  /* -----------------------  Voice-content ------------------------------------------- */
  /* Calc: 644px - width of image - 20px margin - 49px margin */
  /* No data for asterisk yet
  *
  #articlevoicecontent span.option {
      // background: url("/_layouts/15/VolvoCars.SharePoint.Features.SupportSite/images/icons/asterisk_5b7f95.png") no-repeat 0 0 transparent;
      width: 23px;
      height: 23px;
      display: inline-block;
      cursor: pointer;
      margin-left: 5px;
      vertical-align: text-bottom;
  }*/
  /* ------------------------------------- Videos --------------------------------------------------------------------------*/
  /* Date modified */
  /*.rtl #related-content h3,
  .rtl #related-content .categories-header {
      padding:10px 0 20px 0;
  }*/
  /* Mobile */
  /* Retina-specific icons */
  /* Retina-specific icons for mobile devices */
}
.printpreview-page .topic-article #content-inner,
.topic-page .topic-article #content-inner {
  padding: 90px 9px 0;
}
.printpreview-page .topic-article #content,
.topic-page .topic-article #content {
  width: 994px;
}
.printpreview-page .topic-article #content h1,
.topic-page .topic-article #content h1 {
  width: 600px;
  float: left;
}
.printpreview-page .topic-article #articlepagecontent,
.topic-page .topic-article #articlepagecontent {
  width: 644px;
  margin: 0 62px 0 0;
  float: left;
  *width: 639px;
}
.printpreview-page .topic-article * html #articlepagecontent,
.topic-page .topic-article * html #articlepagecontent {
  margin-right: 40px;
}
.printpreview-page .topic-article table,
.topic-page .topic-article table {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  color: inherit;
}
.printpreview-page .topic-article .ingress,
.topic-page .topic-article .ingress {
  font-size: 21px;
  line-height: 26px;
  font-weight: lighter;
  margin: 0 0 66px;
  color: #4d4e53;
  float: left;
  width: 600px;
}
.printpreview-page .topic-article .ingress p:last-child,
.topic-page .topic-article .ingress p:last-child {
  margin-bottom: 0;
}
.printpreview-page .topic-article #articlevoicecontent,
.topic-page .topic-article #articlevoicecontent {
  float: left;
  width: 100%;
}
.printpreview-page .topic-article #articlevoicecontent .desc,
.topic-page .topic-article #articlevoicecontent .desc {
  margin: 0;
  width: auto;
}
.printpreview-page .topic-article img.print-table-pict, .printpreview-page .topic-article img.web-table-pict,
.topic-page .topic-article img.print-table-pict,
.topic-page .topic-article img.web-table-pict {
  width: 100px !important;
}
.printpreview-page .topic-article img.print-table-pict-small, .printpreview-page .topic-article img.web-table-pict-small, .printpreview-page .topic-article img.print-table-pict-extrasmall, .printpreview-page .topic-article img.web-table-pict-extrasmall,
.topic-page .topic-article img.print-table-pict-small,
.topic-page .topic-article img.web-table-pict-small,
.topic-page .topic-article img.print-table-pict-extrasmall,
.topic-page .topic-article img.web-table-pict-extrasmall {
  width: 50px !important;
}
.printpreview-page .topic-article img.print-table-pict-smallwide, .printpreview-page .topic-article img.web-table-pict-smallwide,
.topic-page .topic-article img.print-table-pict-smallwide,
.topic-page .topic-article img.web-table-pict-smallwide {
  width: 64px !important;
}
.printpreview-page .topic-article img.qguide-icons, .printpreview-page .topic-article img.supportsite-50x50,
.topic-page .topic-article img.qguide-icons,
.topic-page .topic-article img.supportsite-50x50 {
  width: 50px !important;
}
.printpreview-page .topic-article #related-content,
.topic-page .topic-article #related-content {
  float: left;
  width: 270px;
  margin-top: 1px;
  color: #4d4e53;
}
.printpreview-page .topic-article #related-content > div,
.topic-page .topic-article #related-content > div {
  float: left;
  width: 100%;
}
.printpreview-page .topic-article #related-content .related-info-header,
.topic-page .topic-article #related-content .related-info-header {
  font-size: 21px;
  line-height: 23px;
  color: #4d4e53;
  padding-bottom: 3px;
  margin: 0;
  border-bottom: 3px solid #003057;
  font-weight: normal;
  font-family: VolvoSans, Helvetica, Arial, sans-serif !important;
}
.printpreview-page .topic-article #related-content .related-info-inner,
.topic-page .topic-article #related-content .related-info-inner {
  margin: 15px 0 36px;
}
.printpreview-page .topic-article #listed-categories:last-child,
.topic-page .topic-article #listed-categories:last-child {
  margin: 5px 0 0;
}
.printpreview-page .topic-article #related-content .applies-to,
.printpreview-page .topic-article #related-content .applies-to-rtl,
.topic-page .topic-article #related-content .applies-to,
.topic-page .topic-article #related-content .applies-to-rtl {
  /*margin:10px 0 0;*/
}
.printpreview-page .topic-article #related-content h3,
.printpreview-page .topic-article #related-content .categories-header,
.topic-page .topic-article #related-content h3,
.topic-page .topic-article #related-content .categories-header {
  font-family: VolvoSans, Helvetica, Arial, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 14px;
  line-height: 23px;
  color: #4d4e53;
  margin: 0;
}
.printpreview-page .topic-article #related-content p,
.topic-page .topic-article #related-content p {
  margin-bottom: 9px;
}
.printpreview-page .topic-article #related-content .categories-header,
.topic-page .topic-article #related-content .categories-header {
  border-bottom: 1px solid #dedede;
  padding-bottom: 5px;
}
.printpreview-page .topic-article #related-content #listed-categories a div,
.printpreview-page .topic-article #related-content .relatedarticlelink a div,
.topic-page .topic-article #related-content #listed-categories a div,
.topic-page .topic-article #related-content .relatedarticlelink a div {
  padding: 10px 5px;
  border-bottom: 1px solid #dedede;
}
.printpreview-page .topic-article #related-content #listed-categories a div span,
.printpreview-page .topic-article #related-content .relatedarticlelink a div span,
.topic-page .topic-article #related-content #listed-categories a div span,
.topic-page .topic-article #related-content .relatedarticlelink a div span {
  padding-left: 17px;
  display: block;
}
.printpreview-page .topic-article #related-content h2 + .relatedarticlelink,
.topic-page .topic-article #related-content h2 + .relatedarticlelink {
  margin-top: -10px;
}
.printpreview-page .topic-article #related-content .subsegment,
.topic-page .topic-article #related-content .subsegment {
  float: none;
  margin: 0 0 16px;
}
.printpreview-page .topic-article #related-content .subsegment:last-child,
.topic-page .topic-article #related-content .subsegment:last-child {
  margin-bottom: 0;
}
.printpreview-page .topic-article .relatedarticles h2,
.topic-page .topic-article .relatedarticles h2 {
  margin-bottom: 1px;
}
.printpreview-page .topic-article .relatedarticles .related-info-inner,
.topic-page .topic-article .relatedarticles .related-info-inner {
  margin-top: 0 !important;
}
.printpreview-page .topic-article .symbol,
.topic-page .topic-article .symbol {
  position: relative;
  top: 3px;
  width: 32px;
}
.printpreview-page .topic-article #social-share .title,
.topic-page .topic-article #social-share .title {
  margin: 0 0 12px 0 !important;
}
.printpreview-page .topic-article #social-share .icon,
.topic-page .topic-article #social-share .icon {
  margin: 9px 15px 0 0 !important;
}
.printpreview-page .topic-article .segment,
.topic-page .topic-article .segment {
  margin-bottom: 36px;
  float: left;
  width: 100%;
}
.printpreview-page .topic-article .segment > *:last-child,
.topic-page .topic-article .segment > *:last-child {
  margin: 0;
}
.printpreview-page .topic-article .segment .subsegment,
.topic-page .topic-article .segment .subsegment {
  clear: both;
  margin: 0 0 40px 0;
  width: 100%;
}
.printpreview-page .topic-article .segment .subsegment:last-child,
.topic-page .topic-article .segment .subsegment:last-child {
  margin-bottom: 0;
}
.printpreview-page .topic-article .segment h2 + .subsegment h3,
.topic-page .topic-article .segment h2 + .subsegment h3 {
  margin-top: 12px;
}
.printpreview-page .topic-article .article-content,
.topic-page .topic-article .article-content {
  float: left;
  width: 100%;
}
.printpreview-page .topic-article .article-content pre,
.printpreview-page .topic-article .article-content div.pre,
.topic-page .topic-article .article-content pre,
.topic-page .topic-article .article-content div.pre {
  margin-bottom: 20px;
  white-space: normal;
}
.printpreview-page .topic-article .validity.negative,
.topic-page .topic-article .validity.negative {
  margin-bottom: 43px;
  float: left;
  width: 100%;
}
.printpreview-page .topic-article ul .validity.negative,
.topic-page .topic-article ul .validity.negative {
  margin-bottom: 0px;
  float: none;
}
.printpreview-page .topic-article .validity.positive,
.topic-page .topic-article .validity.positive {
  width: 100%;
  margin-bottom: 20px;
}
.printpreview-page .topic-article #content p,
.topic-page .topic-article #content p {
  clear: both;
}
.printpreview-page .topic-article #content ol,
.printpreview-page .topic-article #content ul,
.topic-page .topic-article #content ol,
.topic-page .topic-article #content ul {
  margin-top: 0;
  float: left;
  width: 100%;
}
.printpreview-page .topic-article #content ol:last-child,
.printpreview-page .topic-article #content ul:last-child,
.topic-page .topic-article #content ol:last-child,
.topic-page .topic-article #content ul:last-child {
  margin-bottom: 0;
}
.printpreview-page .topic-article .procedure,
.topic-page .topic-article .procedure {
  margin: 0 0 20px 0;
}
.printpreview-page .topic-article .procedure:last-child,
.topic-page .topic-article .procedure:last-child {
  margin: 0;
}
.printpreview-page .topic-article .procedure p,
.topic-page .topic-article .procedure p {
  margin-bottom: 0;
}
.printpreview-page .topic-article .step,
.topic-page .topic-article .step {
  border-top: 1px solid #dedede;
  overflow: hidden;
  padding: 25px 5px 25px 80px;
  position: relative;
  min-height: 40px;
  width: 549px;
}
.printpreview-page .topic-article .step.last,
.topic-page .topic-article .step.last {
  border-bottom: 1px solid #dedede;
}
.printpreview-page .topic-article .step .action,
.topic-page .topic-article .step .action {
  overflow: hidden;
}
.printpreview-page .topic-article #content .step p,
.topic-page .topic-article #content .step p {
  width: 93%;
  color: #4d4e53;
}
.printpreview-page .topic-article #content .step p:last-child,
.topic-page .topic-article #content .step p:last-child {
  margin-bottom: 0;
}
.printpreview-page .topic-article .step .stepnumber,
.topic-page .topic-article .step .stepnumber {
  font-family: VolvoSans, Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #003057;
  font-size: 45px;
  position: absolute;
  top: 11px;
  left: 3px;
  width: 60px;
  line-height: 50px;
  text-align: center;
}
.printpreview-page .topic-article .step .result,
.topic-page .topic-article .step .result {
  background-position: 3px 6px;
  background-repeat: no-repeat;
  margin: 15px 10px 0 10px;
  margin-top: 0;
  padding: 0 0 0 20px;
  position: relative;
}
.printpreview-page .topic-article .wcn,
.printpreview-page .topic-article .note,
.printpreview-page .topic-article .important,
.printpreview-page .topic-article .warning,
.topic-page .topic-article .wcn,
.topic-page .topic-article .note,
.topic-page .topic-article .important,
.topic-page .topic-article .warning {
  background-color: #f4f4f4;
  padding: 24px 35px 30px 35px;
  margin: 12px 0 20px 0;
  clear: both;
  overflow: hidden;
}
.printpreview-page .topic-article .p_img,
.topic-page .topic-article .p_img {
  float: left;
  clear: none;
  margin-bottom: 18px;
}
.printpreview-page .topic-article p.p_img,
.topic-page .topic-article p.p_img {
  margin-right: 20px;
  width: auto;
}
.printpreview-page .topic-article p.p_img > img,
.topic-page .topic-article p.p_img > img {
  width: 100px;
}
.printpreview-page .topic-article div.p_img > img,
.topic-page .topic-article div.p_img > img {
  width: 100px;
  float: left;
  margin-right: 20px;
}
.printpreview-page .topic-article div.p_img > img.supportsite-50x50 ~ .p_img_text, .printpreview-page .topic-article div.p_img > img.print-table-pict-small ~ .p_img_text, .printpreview-page .topic-article div.p_img > img.print-table-pict-extrasmall ~ .p_img_text, .printpreview-page .topic-article div.p_img > img.web-table-pict-small ~ .p_img_text, .printpreview-page .topic-article div.p_img > img.web-table-pict-extrasmall ~ .p_img_text, .printpreview-page .topic-article div.p_img > img.qguide-icons ~ .p_img_text,
.topic-page .topic-article div.p_img > img.supportsite-50x50 ~ .p_img_text,
.topic-page .topic-article div.p_img > img.print-table-pict-small ~ .p_img_text,
.topic-page .topic-article div.p_img > img.print-table-pict-extrasmall ~ .p_img_text,
.topic-page .topic-article div.p_img > img.web-table-pict-small ~ .p_img_text,
.topic-page .topic-article div.p_img > img.web-table-pict-extrasmall ~ .p_img_text,
.topic-page .topic-article div.p_img > img.qguide-icons ~ .p_img_text {
  width: 525px;
}
.printpreview-page .topic-article div.p_img > img.print-table-pict-smallwide ~ .p_img_text, .printpreview-page .topic-article div.p_img > img.web-table-pict-smallwide ~ .p_img_text,
.topic-page .topic-article div.p_img > img.print-table-pict-smallwide ~ .p_img_text,
.topic-page .topic-article div.p_img > img.web-table-pict-smallwide ~ .p_img_text {
  width: 511px;
}
.printpreview-page .topic-article div.p_img .p_img_text,
.topic-page .topic-article div.p_img .p_img_text {
  float: none;
  display: inline;
}
.printpreview-page .topic-article .p_img_text,
.topic-page .topic-article .p_img_text {
  float: left;
  width: 475px;
  clear: none;
}
.printpreview-page .topic-article .wcn div.p_img .p_img_text,
.printpreview-page .topic-article .note div.p_img .p_img_text,
.printpreview-page .topic-article .important div.p_img .p_img_text,
.printpreview-page .topic-article .warning div.p_img .p_img_text,
.topic-page .topic-article .wcn div.p_img .p_img_text,
.topic-page .topic-article .note div.p_img .p_img_text,
.topic-page .topic-article .important div.p_img .p_img_text,
.topic-page .topic-article .warning div.p_img .p_img_text {
  width: 398px;
}
.printpreview-page .topic-article .note,
.topic-page .topic-article .note {
  border-left: 7px solid #bed6e6;
  page-break-inside: avoid;
}
.printpreview-page .topic-article .important,
.topic-page .topic-article .important {
  border-left: 7px solid #ffca0d;
  page-break-inside: avoid;
}
.printpreview-page .topic-article .warning,
.topic-page .topic-article .warning {
  border-left: 7px solid #e47720;
  page-break-inside: avoid;
}
.printpreview-page .topic-article .wcn h2,
.printpreview-page .topic-article .note h2,
.printpreview-page .topic-article .important h2,
.printpreview-page .topic-article .warning h2,
.topic-page .topic-article .wcn h2,
.topic-page .topic-article .note h2,
.topic-page .topic-article .important h2,
.topic-page .topic-article .warning h2 {
  color: #212721;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.05em;
  margin: 0;
  text-transform: uppercase;
}
.printpreview-page .topic-article .interior,
.printpreview-page .topic-article .display-text,
.topic-page .topic-article .interior,
.topic-page .topic-article .display-text {
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.printpreview-page .topic-article .display-db,
.topic-page .topic-article .display-db {
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.printpreview-page .topic-article .display-db + .display-db,
.topic-page .topic-article .display-db + .display-db {
  /*margin-left: 5px;*/
}
.printpreview-page .topic-article .interior a,
.printpreview-page .topic-article .display-text a,
.printpreview-page .topic-article .display-db a,
.topic-page .topic-article .interior a,
.topic-page .topic-article .display-text a,
.topic-page .topic-article .display-db a {
  font-weight: var(--font-weight-semibold);
}
.printpreview-page .topic-article .xref a,
.printpreview-page .topic-article .url > a,
.topic-page .topic-article .xref a,
.topic-page .topic-article .url > a {
  font-weight: normal;
  text-decoration: underline;
}
.printpreview-page .topic-article .menupath .arrow,
.topic-page .topic-article .menupath .arrow {
  height: 10px;
  width: 10px;
  margin: 0 8px 0 8px;
  display: inline-block;
}
.printpreview-page .topic-article .notecontent,
.topic-page .topic-article .notecontent {
  color: #fff;
  background-color: var(--color-accent-secondary);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 30px 75px 30px 50px;
  z-index: 100;
  margin: 0 30px;
  width: auto;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.printpreview-page .topic-article .notecontent,
  .topic-page .topic-article .notecontent {
    min-width: 80%;
}
}
.printpreview-page .topic-article .notecontent .interior,
.printpreview-page .topic-article .notecontent .display-text,
.printpreview-page .topic-article .notecontent .display-db,
.topic-page .topic-article .notecontent .interior,
.topic-page .topic-article .notecontent .display-text,
.topic-page .topic-article .notecontent .display-db {
  color: #fff;
}
.printpreview-page .topic-article .note-icon,
.topic-page .topic-article .note-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-info-final'%3e%3cg%20id='Ellipse%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2020%2038C%2029.9411%2038%2038%2029.9411%2038%2020C%2038%2010.0589%2029.9411%202%2020%202C%2010.0589%202%202%2010.0589%202%2020C%202%2029.9411%2010.0589%2038%2020%2038ZM%2020%2040C%2031.0457%2040%2040%2031.0457%2040%2020C%2040%208.9543%2031.0457%200%2020%200C%208.9543%200%200%208.9543%200%2020C%200%2031.0457%208.9543%2040%2020%2040Z'%20fill='white'/%3e%3c/g%3e%3cg%20id='i'%3e%3cpath%20d='M%200%202.576L%200%200L%202.156%200L%202.156%202.576L%200%202.576ZM%200%2019.768L%200%206.58L%202.156%206.58L%202.156%2019.768L%200%2019.768Z'%20transform='translate(18.8631%2010.2319)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: 23px auto;
  opacity: 0.5;
}
.printpreview-page .topic-article .note-closebutton,
.topic-page .topic-article .note-closebutton {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 13px;
  right: 12px;
  background: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-close-white'%3e%3cg%20id='Line%202%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2027%202L%200%202L%200%200L%2027%200L%2027%202Z'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%201.71527%200)'%20fill='white'/%3e%3c/g%3e%3cg%20id='Line%202.1%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2027%202L%200%202L%200%200L%2027%200L%2027%202Z'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2019.0919%200.324219)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 17px auto;
  cursor: pointer;
}
.printpreview-page .topic-article .fn,
.topic-page .topic-article .fn {
  display: inline;
  line-height: 23px;
}
.printpreview-page .topic-article * html .fn,
.topic-page .topic-article * html .fn {
  width: 15px;
  vertical-align: bottom;
}
.printpreview-page .topic-article .literal sup,
.topic-page .topic-article .literal sup {
  display: none;
}
.printpreview-page .topic-article .fn_p,
.printpreview-page .topic-article #content p.fn_p,
.topic-page .topic-article .fn_p,
.topic-page .topic-article #content p.fn_p {
  background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-info-final'%3e%3cg%20id='Ellipse%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2020%2038C%2029.9411%2038%2038%2029.9411%2038%2020C%2038%2010.0589%2029.9411%202%2020%202C%2010.0589%202%202%2010.0589%202%2020C%202%2029.9411%2010.0589%2038%2020%2038ZM%2020%2040C%2031.0457%2040%2040%2031.0457%2040%2020C%2040%208.9543%2031.0457%200%2020%200C%208.9543%200%200%208.9543%200%2020C%200%2031.0457%208.9543%2040%2020%2040Z'%20fill='%23587F95'/%3e%3c/g%3e%3cg%20id='i'%3e%3cpath%20d='M%200%202.576L%200%200L%202.156%200L%202.156%202.576L%200%202.576ZM%200%2019.768L%200%206.58L%202.156%206.58L%202.156%2019.768L%200%2019.768Z'%20transform='translate(18.8631%2010.2319)'%20fill='%23587F95'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin: 0 0.3125rem;
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}
.no-touch .printpreview-page .topic-article .fn_p:hover,
.no-touch .printpreview-page .topic-article #content p.fn_p:hover,
.no-touch .topic-page .topic-article .fn_p:hover,
.no-touch .topic-page .topic-article #content p.fn_p:hover {
  opacity: 0.8;
}
.printpreview-page .topic-article .ingress .fn_p,
.printpreview-page .topic-article #content .ingress p.fn_p,
.topic-page .topic-article .ingress .fn_p,
.topic-page .topic-article #content .ingress p.fn_p {
  width: 23px;
  height: 23px;
  top: 1px;
}
.printpreview-page .topic-article h2 .fn_p,
.printpreview-page .topic-article #content h2 p.fn_p,
.printpreview-page .topic-article h3 .fn_p,
.printpreview-page .topic-article #content h3 p.fn_p,
.topic-page .topic-article h2 .fn_p,
.topic-page .topic-article #content h2 p.fn_p,
.topic-page .topic-article h3 .fn_p,
.topic-page .topic-article #content h3 p.fn_p {
  width: 23px;
  height: 23px;
}
.printpreview-page .topic-article h2 .fn_p,
.topic-page .topic-article h2 .fn_p {
  top: 1px;
}
.printpreview-page .topic-article h3 .fn_p,
.topic-page .topic-article h3 .fn_p {
  top: 2px;
}
.printpreview-page .topic-article li .fn_p,
.topic-page .topic-article li .fn_p {
  display: inline;
}
.printpreview-page .topic-article h2 + .figure,
.topic-page .topic-article h2 + .figure {
  margin-top: 0.9375rem;
}
.printpreview-page .topic-article .figure,
.topic-page .topic-article .figure {
  margin: 1.25rem 0;
  width: 100%;
}
.printpreview-page .topic-article .figure > *:first-child,
.topic-page .topic-article .figure > *:first-child {
  margin-top: 0;
}
.printpreview-page .topic-article .figure > *:last-child,
.topic-page .topic-article .figure > *:last-child {
  margin-bottom: 0;
}
.printpreview-page .topic-article .figure img,
.topic-page .topic-article .figure img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
.printpreview-page .topic-article .figure img.clickable,
  .topic-page .topic-article .figure img.clickable {
    cursor: pointer;
}
}
.printpreview-page .topic-article .figure img.web-pagewide ~ p,
.topic-page .topic-article .figure img.web-pagewide ~ p {
  width: auto;
}
.printpreview-page .topic-article .figure p,
.topic-page .topic-article .figure p {
  font-style: italic;
  font-size: 13px;
  line-height: 18px;
  margin-top: 0.375rem;
}
.printpreview-page .topic-article .step .figure,
.topic-page .topic-article .step .figure {
  margin: 0;
  float: none;
  width: auto;
}
.printpreview-page .topic-article .step .figure img,
.topic-page .topic-article .step .figure img {
  width: inherit;
}
.printpreview-page .topic-article .step .figure img.symbol,
.topic-page .topic-article .step .figure img.symbol {
  width: 32px;
}
.printpreview-page .topic-article .legend,
.topic-page .topic-article .legend {
  margin: 25px 0 25px 0;
}
.printpreview-page .topic-article .legend .legentry,
.topic-page .topic-article .legend .legentry {
  position: relative;
  overflow: hidden;
}
.printpreview-page .topic-article .legend .legentry .sy,
.topic-page .topic-article .legend .legentry .sy {
  float: left;
  margin-top: 3px;
  font-weight: var(--font-weight-semibold);
  padding: 0 0 15px 0;
}
.printpreview-page .topic-article .legend .legentry .sy .literal,
.topic-page .topic-article .legend .legentry .sy .literal {
  padding: 2px 0 15px 25px;
}
.printpreview-page .topic-article .legend .legentry .desc,
.topic-page .topic-article .legend .legentry .desc {
  padding: 2px 0 15px 50px;
}
.printpreview-page .topic-article .menu-entry,
.topic-page .topic-article .menu-entry {
  display: block;
  margin-left: 20px;
}
.printpreview-page .topic-article .article-content ul,
.topic-page .topic-article .article-content ul {
  clear: both;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: var(--spacing-extra-small);
}
.printpreview-page .topic-article .article-content ul li,
.topic-page .topic-article .article-content ul li {
  background: transparent url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3ccircle%20id='Ellipse'%20cx='2.5'%20cy='2.5'%20r='2.5'%20fill='%23587F95'/%3e%3c/g%3e%3c/svg%3e") no-repeat 0px 8px;
  padding: 0 0 0 20px;
  margin-bottom: 12px;
}
.printpreview-page .topic-article * html .article-content ul li,
.topic-page .topic-article * html .article-content ul li {
  background: transparent no-repeat 0px 8px;
}
.printpreview-page .topic-article #content table ul,
.topic-page .topic-article #content table ul {
  padding: 0 0 0 6px;
  text-align: left;
  width: auto;
}
.printpreview-page .topic-article .dl,
.topic-page .topic-article .dl {
  margin: 20px 0 0 0;
}
.printpreview-page .topic-article .dl .dt,
.topic-page .topic-article .dl .dt {
  vertical-align: top;
  padding: 5px 15px 15px 0;
}
.printpreview-page .topic-article .dl .dd,
.topic-page .topic-article .dl .dd {
  padding: 0 0 15px 0;
}
.printpreview-page .topic-article .table,
.topic-page .topic-article .table {
  text-align: left;
  width: 100%;
  margin: 35px 0px;
}
.printpreview-page .topic-article .table:last-child,
.topic-page .topic-article .table:last-child {
  margin: 35px 0 0;
}
.printpreview-page .topic-article .table tr,
.topic-page .topic-article .table tr {
  height: 37px;
}
.printpreview-page .topic-article .table th,
.topic-page .topic-article .table th {
  border: 1px solid #e4e4e4;
  font-weight: bold;
  text-align: center;
}
.printpreview-page .topic-article .table td,
.topic-page .topic-article .table td {
  padding: 0.5rem 0.625rem;
  border: 1px solid #e4e4e4;
}
.printpreview-page .topic-article .table td > *:first-child,
.topic-page .topic-article .table td > *:first-child {
  margin-top: 0;
}
.printpreview-page .topic-article .table td > *:last-child,
.topic-page .topic-article .table td > *:last-child {
  margin-bottom: 0;
}
.printpreview-page .topic-article .table td:only-child,
.topic-page .topic-article .table td:only-child {
  padding: 1.5625rem 1.25rem;
}
.printpreview-page .topic-article .table tr:first,
.topic-page .topic-article .table tr:first {
  font-weight: bold;
}
.printpreview-page .topic-article .table .figure,
.topic-page .topic-article .table .figure {
  margin: 5px;
  width: auto;
  float: none;
}
.printpreview-page .topic-article .table .figure img,
.topic-page .topic-article .table .figure img {
  max-width: 100%;
}
.printpreview-page .topic-article .table .symbol,
.topic-page .topic-article .table .symbol {
  width: 45px;
}
.printpreview-page .topic-article .table caption,
.topic-page .topic-article .table caption {
  margin-bottom: 10px;
}
.printpreview-page .topic-article .table p,
.topic-page .topic-article .table p {
  width: auto;
}
.printpreview-page .topic-article .table p .b-element:only-child,
.topic-page .topic-article .table p .b-element:only-child {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-semibold);
  display: block;
  margin-top: var(--spacing-small);
}
@media only screen and (min-width: 480px) {
.printpreview-page .topic-article .table p .b-element:only-child,
  .topic-page .topic-article .table p .b-element:only-child {
    font-size: 1.125rem;
    line-height: 1.4375rem;
}
}
.printpreview-page .topic-article .table p:first-child .b-element:only-child,
.topic-page .topic-article .table p:first-child .b-element:only-child {
  margin-top: 0;
}
.printpreview-page .topic-article .table .column-lead,
.topic-page .topic-article .table .column-lead {
  font-size: 17px;
}
.printpreview-page .topic-article .table .column-lead b,
.topic-page .topic-article .table .column-lead b {
  font-weight: normal;
}
.printpreview-page .topic-article .table a,
.topic-page .topic-article .table a {
  text-decoration: underline;
  font-weight: normal !important;
}
.printpreview-page .topic-article .table ul li,
.topic-page .topic-article .table ul li {
  margin-bottom: 0.625rem;
}
.printpreview-page .topic-article div.table-wrapper,
.topic-page .topic-article div.table-wrapper {
  position: relative;
  margin: 35px 0px;
  overflow-y: hidden;
  overflow-x: auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.printpreview-page .topic-article div.table-wrapper .table,
.topic-page .topic-article div.table-wrapper .table {
  margin: 0;
}
.printpreview-page .topic-article table.responsive td,
.topic-page .topic-article table.responsive td {
  min-width: 55px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.printpreview-page .topic-article table.responsive th,
.topic-page .topic-article table.responsive th {
  min-width: 55px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.printpreview-page .topic-article table.responsive th:first-child,
.topic-page .topic-article table.responsive th:first-child {
  white-space: normal;
}
.printpreview-page .topic-article table.responsive td:first-child, .printpreview-page .topic-article table.responsive.pinned td,
.topic-page .topic-article table.responsive td:first-child,
.topic-page .topic-article table.responsive.pinned td {
  /*display: none;*/
  /*width:150px !important;*/
  white-space: normal;
}
.printpreview-page .topic-article .video-thumbnail,
.topic-page .topic-article .video-thumbnail {
  width: 100%;
  display: none;
  /*height:313px;*/
}
.printpreview-page .topic-article .videoplaybutton,
.topic-page .topic-article .videoplaybutton {
  width: 75px;
  height: 75px;
  /*top: 119px;
  left: 284px;*/
  top: 50%;
  left: 50%;
  margin: -37px 0 0 -37px;
  position: absolute !important;
  cursor: pointer;
}
.printpreview-page .topic-article * html .videoplaybutton,
.topic-page .topic-article * html .videoplaybutton {
  width: 54px;
  height: 54px;
  top: 180px;
  left: 50%;
  margin: -27px 0 0 -27px;
  padding: 0;
}
.printpreview-page .topic-article * html .hover .videoplaybutton,
.topic-page .topic-article * html .hover .videoplaybutton {
  z-index: 1000;
}
.printpreview-page .topic-article .video-overbox,
.topic-page .topic-article .video-overbox {
  position: absolute !important;
  width: 644px;
  height: 100%;
  top: 0;
  left: 0;
}
.printpreview-page .topic-article .video-overbox.hover,
.topic-page .topic-article .video-overbox.hover {
  background-color: black;
  /* Chrome/Firefox */
  opacity: 0.3;
  /* IE 8-10 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
}
.printpreview-page .topic-article .video-wrapper,
.topic-page .topic-article .video-wrapper {
  position: relative;
  line-height: 0;
  margin-top: 18px;
}
.printpreview-page .topic-article .multimedia,
.topic-page .topic-article .multimedia {
  margin: 0 0 36px;
}
.printpreview-page .topic-article .multimedia:first-of-type,
.topic-page .topic-article .multimedia:first-of-type {
  margin: 0 0 24px;
}
.printpreview-page .topic-article .multimedia h4,
.topic-page .topic-article .multimedia h4 {
  padding: 20px 30px;
  font-size: 20px;
  font-weight: normal;
  color: white;
  background-color: #4d4e53;
}
.printpreview-page .topic-article .hide-multimedia .multimedia,
.topic-page .topic-article .hide-multimedia .multimedia {
  display: none !important;
  visibility: hidden;
}
.printpreview-page .topic-article .article-modified,
.topic-page .topic-article .article-modified {
  float: left;
  font-style: italic;
  margin-top: 42px;
}
.printpreview-page .topic-article .rtl #content h1,
.topic-page .topic-article .rtl #content h1 {
  float: right;
}
.printpreview-page .topic-article .rtl #content ol,
.printpreview-page .topic-article .rtl #content ul,
.topic-page .topic-article .rtl #content ol,
.topic-page .topic-article .rtl #content ul {
  float: right;
  width: auto;
}
.printpreview-page .topic-article .rtl #articlepagecontent,
.topic-page .topic-article .rtl #articlepagecontent {
  margin-right: 0;
  margin-left: 62px;
  float: right;
}
.printpreview-page .topic-article .rtl .ingress,
.printpreview-page .topic-article .rtl #articlevoicecontent,
.topic-page .topic-article .rtl .ingress,
.topic-page .topic-article .rtl #articlevoicecontent {
  float: right;
}
.printpreview-page .topic-article .rtl #related-content,
.topic-page .topic-article .rtl #related-content {
  float: right;
}
.printpreview-page .topic-article .rtl #related-content #listed-categories a div span,
.printpreview-page .topic-article .rtl #related-content .relatedarticlelink a div span,
.topic-page .topic-article .rtl #related-content #listed-categories a div span,
.topic-page .topic-article .rtl #related-content .relatedarticlelink a div span {
  background: transparent no-repeat right 4px;
  *background: transparent no-repeat right 4px;
  padding: 0 17px 0 0;
}
.printpreview-page .topic-article .rtl .segment,
.printpreview-page .topic-article .rtl #content ol,
.printpreview-page .topic-article .rtl .procedure,
.topic-page .topic-article .rtl .segment,
.topic-page .topic-article .rtl #content ol,
.topic-page .topic-article .rtl .procedure {
  float: right;
}
.printpreview-page .topic-article .rtl .step,
.topic-page .topic-article .rtl .step {
  padding: 25px 90px 25px 0;
  float: right;
}
.printpreview-page .topic-article .rtl .step .stepnumber,
.topic-page .topic-article .rtl .step .stepnumber {
  right: 3px;
}
.printpreview-page .topic-article .rtl .step .result,
.topic-page .topic-article .rtl .step .result {
  background-position: right 6px;
  background-repeat: no-repeat;
  padding: 0 20px 0 0;
}
.printpreview-page .topic-article .rtl .menupath .arrow,
.topic-page .topic-article .rtl .menupath .arrow {
  height: 10px;
  width: 10px;
}
.printpreview-page .topic-article .rtl .note-closebutton,
.topic-page .topic-article .rtl .note-closebutton {
  left: 0;
  right: auto;
}
.printpreview-page .topic-article .rtl .fn_p,
.printpreview-page .topic-article .rtl #content p.fn_p,
.topic-page .topic-article .rtl .fn_p,
.topic-page .topic-article .rtl #content p.fn_p {
  margin: 0 5px 0 0;
}
.printpreview-page .topic-article .rtl .fn_p,
.topic-page .topic-article .rtl .fn_p {
  *padding: 0 0 0 5px !important;
}
.printpreview-page .topic-article .rtl .ingress .fn_p,
.topic-page .topic-article .rtl .ingress .fn_p {
  margin: 0 4px 0 0;
}
.printpreview-page .topic-article .rtl .figure,
.topic-page .topic-article .rtl .figure {
  float: right;
}
.printpreview-page .topic-article .rtl .legend .legentry .sy,
.topic-page .topic-article .rtl .legend .legentry .sy {
  left: auto;
  right: 0px;
}
.printpreview-page .topic-article .rtl .legend .legentry .desc,
.topic-page .topic-article .rtl .legend .legentry .desc {
  padding: 2px 50px 15px 0px;
}
.printpreview-page .topic-article .rtl .table,
.topic-page .topic-article .rtl .table {
  text-align: right;
}
.printpreview-page .topic-article .rtl .dl .dt,
.topic-page .topic-article .rtl .dl .dt {
  padding: 5px 0 15px 15px;
}
.printpreview-page .topic-article .rtl .article-content ul li,
.topic-page .topic-article .rtl .article-content ul li {
  background: transparent url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3ccircle%20id='Ellipse'%20cx='2.5'%20cy='2.5'%20r='2.5'%20fill='%23587F95'/%3e%3c/g%3e%3c/svg%3e") no-repeat right 8px;
  padding: 0 20px 0 0;
}
.printpreview-page .topic-article .rtl .article-content .important ul,
.printpreview-page .topic-article .rtl .article-content .info ul,
.printpreview-page .topic-article .rtl .article-content .warning ul,
.topic-page .topic-article .rtl .article-content .important ul,
.topic-page .topic-article .rtl .article-content .info ul,
.topic-page .topic-article .rtl .article-content .warning ul {
  margin-left: 1em;
  margin-right: 20px;
}
.printpreview-page .topic-article .rtl .article-content .important ul li,
.printpreview-page .topic-article .rtl .article-content .info ul li,
.printpreview-page .topic-article .rtl .article-content .warning ul li,
.printpreview-page .topic-article .rtl .article-content table ul li,
.topic-page .topic-article .rtl .article-content .important ul li,
.topic-page .topic-article .rtl .article-content .info ul li,
.topic-page .topic-article .rtl .article-content .warning ul li,
.topic-page .topic-article .rtl .article-content table ul li {
  background: transparent;
  padding: 0;
}
.printpreview-page .topic-article .rtl table ul,
.topic-page .topic-article .rtl table ul {
  padding: 0 6px 0 0;
  text-align: right;
}
.printpreview-page .topic-article .rtl .note,
.topic-page .topic-article .rtl .note {
  border-left: none;
  border-right: 7px solid #bed6e6;
}
.printpreview-page .topic-article .rtl .important,
.topic-page .topic-article .rtl .important {
  border-left: none;
  border-right: 7px solid #ffca0d;
}
.printpreview-page .topic-article .rtl .warning,
.topic-page .topic-article .rtl .warning {
  border-left: none;
  border-right: 7px solid #e47720;
}
.printpreview-page .topic-article .rtl .validity.negative,
.topic-page .topic-article .rtl .validity.negative {
  float: right;
}
.printpreview-page .topic-article .rtl .p_img img,
.topic-page .topic-article .rtl .p_img img {
  float: right;
  margin-right: 0px;
  margin-left: 20px;
}
.printpreview-page .topic-article .rtl .p_img_text,
.topic-page .topic-article .rtl .p_img_text {
  float: right;
}
.printpreview-page .topic-article .rtl div.p_img .p_img_text,
.topic-page .topic-article .rtl div.p_img .p_img_text {
  float: left;
}
.printpreview-page .topic-article .rtl .display-db + .display-db,
.topic-page .topic-article .rtl .display-db + .display-db {
  margin-left: 0;
  margin-right: 5px;
}
.printpreview-page .topic-article .rtl .segment .multimedia,
.printpreview-page .topic-article .rtl .article-modified,
.topic-page .topic-article .rtl .segment .multimedia,
.topic-page .topic-article .rtl .article-modified {
  float: right;
}
@media all and (max-width: 480px) and (orientation: portrait), all and (max-width: 800px) and (orientation: landscape) {
.printpreview-page .topic-article,
  .topic-page .topic-article {
    /* RTL Mobile */
}
.printpreview-page .topic-article #related-content,
  .topic-page .topic-article #related-content {
    width: 100%;
    margin-top: 40px;
}
.printpreview-page .topic-article #related-content #listed-categories,
  .topic-page .topic-article #related-content #listed-categories {
    clear: both;
}
.printpreview-page .topic-article #related-content .related-info-header,
  .topic-page .topic-article #related-content .related-info-header {
    background: transparent no-repeat right 3px;
    background-size: 17px;
    cursor: pointer;
    padding-right: 20px;
    width: 93% !important;
}
.printpreview-page .topic-article #related-content .related-info-inner,
  .topic-page .topic-article #related-content .related-info-inner {
    display: none;
    margin-bottom: 0;
}
.printpreview-page .topic-article #related-content .socialcontainer,
  .topic-page .topic-article #related-content .socialcontainer {
    margin-top: 24px;
}
.printpreview-page .topic-article #related-content .relatedarticles,
  .topic-page .topic-article #related-content .relatedarticles {
    margin-top: 32px;
}
.printpreview-page .topic-article #related-content .relatedarticles .related-info-inner,
  .topic-page .topic-article #related-content .relatedarticles .related-info-inner {
    margin-bottom: 30px;
}
.printpreview-page .topic-article #content,
  .topic-page .topic-article #content {
    width: auto;
}
.printpreview-page .topic-article #content-inner,
  .topic-page .topic-article #content-inner {
    width: auto;
    padding: 49px 20px 0;
    margin-bottom: 95px;
}
.printpreview-page .topic-article #content h1,
  .topic-page .topic-article #content h1 {
    width: auto;
    margin-bottom: 18px;
}
.printpreview-page .topic-article #articlepagecontent,
  .topic-page .topic-article #articlepagecontent {
    margin: 0 0 20px;
    width: auto;
}
.printpreview-page .topic-article #content .p_img img,
  .printpreview-page .topic-article #content div.p_img > img,
  .topic-page .topic-article #content .p_img img,
  .topic-page .topic-article #content div.p_img > img {
    width: 60px;
}
.printpreview-page .topic-article .figure,
  .topic-page .topic-article .figure {
    display: block;
    width: auto;
}
.printpreview-page .topic-article .figure > p,
  .topic-page .topic-article .figure > p {
    margin: 0 0 25px 0;
    width: auto;
}
.printpreview-page .topic-article .step,
  .topic-page .topic-article .step {
    padding: 15px 0 17px 70px;
    width: auto;
}
.printpreview-page .topic-article .step .stepnumber,
  .topic-page .topic-article .step .stepnumber {
    top: 12px;
}
.printpreview-page .topic-article .step .result,
  .topic-page .topic-article .step .result {
    background-image: none !important;
    margin: 15px 10px 0 0px;
    padding: 0 0 0 0px;
    position: relative;
    font-style: italic;
}
.printpreview-page .topic-article .step p,
  .topic-page .topic-article .step p {
    width: auto;
}
.printpreview-page .topic-article .mediacontainer,
  .topic-page .topic-article .mediacontainer {
    margin-top: 15px;
    line-height: 0;
    position: relative;
}
.printpreview-page .topic-article .multimedia h4,
  .topic-page .topic-article .multimedia h4 {
    padding: 15px 20px;
    font-size: 15px;
    line-height: 20px;
}
.printpreview-page .topic-article .multimedia img,
  .topic-page .topic-article .multimedia img {
    width: 100%;
    cursor: pointer;
    margin-bottom: -4px;
}
.printpreview-page .topic-article .videoplaybutton,
  .topic-page .topic-article .videoplaybutton {
    width: 54px;
    height: 54px;
    left: 50%;
    top: 50%;
    margin: -27px 0 0 -27px;
}
.printpreview-page .topic-article .notecontent,
  .topic-page .topic-article .notecontent {
    margin: 0 19px;
    padding: 40px 25px 30px;
    text-align: center;
}
.printpreview-page .topic-article .segment,
  .topic-page .topic-article .segment {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}
.printpreview-page .topic-article .segment > *:first-child,
  .topic-page .topic-article .segment > *:first-child {
    margin-top: 0;
}
.printpreview-page .topic-article .segment > *:last-child,
  .topic-page .topic-article .segment > *:last-child {
    margin-bottom: 0;
}
.printpreview-page .topic-article .segment .figure img,
  .topic-page .topic-article .segment .figure img {
    max-width: 100%;
}
.printpreview-page .topic-article .segment .subsegment,
  .topic-page .topic-article .segment .subsegment {
    float: left;
    margin-top: 0px;
}
.printpreview-page .topic-article .ingress,
  .topic-page .topic-article .ingress {
    width: auto;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 30px;
}
.printpreview-page .topic-article .ingress .fn_p,
  .topic-page .topic-article .ingress .fn_p {
    width: 23px;
    height: 23px;
}
.printpreview-page .topic-article #content .ingress p.fn_p,
  .printpreview-page .topic-article h2 .fn_p,
  .printpreview-page .topic-article #content h2 p.fn_p,
  .printpreview-page .topic-article h3 .fn_p,
  .printpreview-page .topic-article #content h3 p.fn_p,
  .topic-page .topic-article #content .ingress p.fn_p,
  .topic-page .topic-article h2 .fn_p,
  .topic-page .topic-article #content h2 p.fn_p,
  .topic-page .topic-article h3 .fn_p,
  .topic-page .topic-article #content h3 p.fn_p {
    width: 23px;
    height: 23px;
}
.printpreview-page .topic-article .article-content h2,
  .printpreview-page .topic-article .article-content p,
  .topic-page .topic-article .article-content h2,
  .topic-page .topic-article .article-content p {
    width: auto;
}
.printpreview-page .topic-article #content .p_img_text,
  .topic-page .topic-article #content .p_img_text {
    width: auto;
}
.printpreview-page .topic-article #content div.p_img .p_img_text,
  .topic-page .topic-article #content div.p_img .p_img_text {
    margin-right: 0;
}
.printpreview-page .topic-article .table,
  .topic-page .topic-article .table {
    text-align: left;
    margin: 0;
}
.printpreview-page .topic-article .table th,
  .topic-page .topic-article .table th {
    text-align: left;
}
.printpreview-page .topic-article .table tr,
  .topic-page .topic-article .table tr {
    height: 37px;
}
.printpreview-page .topic-article #content .wcn,
  .printpreview-page .topic-article #content .note,
  .printpreview-page .topic-article #content .important,
  .printpreview-page .topic-article #content .warning,
  .topic-page .topic-article #content .wcn,
  .topic-page .topic-article #content .note,
  .topic-page .topic-article #content .important,
  .topic-page .topic-article #content .warning {
    padding: 25px 20px 50px 20px;
    margin: 25px 0 50px 0;
    clear: both;
}
.printpreview-page .topic-article #content .wcn:last-child,
  .printpreview-page .topic-article #content .note:last-child,
  .printpreview-page .topic-article #content .important:last-child,
  .printpreview-page .topic-article #content .warning:last-child,
  .topic-page .topic-article #content .wcn:last-child,
  .topic-page .topic-article #content .note:last-child,
  .topic-page .topic-article #content .important:last-child,
  .topic-page .topic-article #content .warning:last-child {
    margin: 25px 0 30px 0;
}
.printpreview-page .topic-article .rtl .step .result,
  .topic-page .topic-article .rtl .step .result {
    margin: 15px 0 0 10px;
}
.printpreview-page .topic-article .rtl .multimedia img,
  .topic-page .topic-article .rtl .multimedia img {
    margin: 0 0 -4px 10px;
}
.printpreview-page .topic-article .rtl .segment .subsegment,
  .topic-page .topic-article .rtl .segment .subsegment {
    float: right;
}
.printpreview-page .topic-article .rtl .table,
  .topic-page .topic-article .rtl .table {
    text-align: right;
}
.printpreview-page .topic-article .rtl .table th,
  .topic-page .topic-article .rtl .table th {
    text-align: right;
}
.printpreview-page .topic-article .rtl .step,
  .topic-page .topic-article .rtl .step {
    padding: 15px 70px 17px 0;
}
.printpreview-page .topic-article .rtl #articlepagecontent,
  .topic-page .topic-article .rtl #articlepagecontent {
    margin: 0 0 20px;
}
.printpreview-page .topic-article .rtl #related-content .related-info-header,
  .topic-page .topic-article .rtl #related-content .related-info-header {
    background: transparent no-repeat left 3px;
    background-size: 17px;
    padding-right: 0;
    padding-left: 20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) {
.printpreview-page .topic-article .step .result,
  .topic-page .topic-article .step .result {
    background-size: 10px;
}
.printpreview-page .topic-article .rtl .step .result,
  .topic-page .topic-article .rtl .step .result {
    background-size: 10px;
}
.printpreview-page .topic-article #related-content #listed-categories a div span,
  .printpreview-page .topic-article #related-content .relatedarticlelink a div span,
  .topic-page .topic-article #related-content #listed-categories a div span,
  .topic-page .topic-article #related-content .relatedarticlelink a div span {
    background: transparent no-repeat 0 4px;
    background-size: 7px;
}
.printpreview-page .topic-article .rtl #related-content #listed-categories a div span,
  .printpreview-page .topic-article .rtl #related-content .relatedarticlelink a div span,
  .topic-page .topic-article .rtl #related-content #listed-categories a div span,
  .topic-page .topic-article .rtl #related-content .relatedarticlelink a div span {
    background: transparent no-repeat right 4px;
    background-size: 7px;
}
.printpreview-page .topic-article .menupath .arrow,
  .topic-page .topic-article .menupath .arrow {
    background-size: 10px;
}
.printpreview-page .topic-article .rtl .menupath .arrow,
  .topic-page .topic-article .rtl .menupath .arrow {
    background-size: 10px;
}
.printpreview-page .topic-article .rtl .note-closebutton,
  .topic-page .topic-article .rtl .note-closebutton {
    left: 8px;
    right: auto;
}
.printpreview-page .topic-article .note-icon,
  .topic-page .topic-article .note-icon {
    background: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-info-final'%3e%3cg%20id='Ellipse%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2020%2038C%2029.9411%2038%2038%2029.9411%2038%2020C%2038%2010.0589%2029.9411%202%2020%202C%2010.0589%202%202%2010.0589%202%2020C%202%2029.9411%2010.0589%2038%2020%2038ZM%2020%2040C%2031.0457%2040%2040%2031.0457%2040%2020C%2040%208.9543%2031.0457%200%2020%200C%208.9543%200%200%208.9543%200%2020C%200%2031.0457%208.9543%2040%2020%2040Z'%20fill='white'/%3e%3c/g%3e%3cg%20id='i'%3e%3cpath%20d='M%200%202.576L%200%200L%202.156%200L%202.156%202.576L%200%202.576ZM%200%2019.768L%200%206.58L%202.156%206.58L%202.156%2019.768L%200%2019.768Z'%20transform='translate(18.8631%2010.2319)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
    background-size: 20px 20px;
}
.printpreview-page .topic-article .rtl .note-icon,
  .topic-page .topic-article .rtl .note-icon {
    right: 10px;
    left: auto;
}
.printpreview-page .topic-article .videoplaybutton,
  .topic-page .topic-article .videoplaybutton {
    background: transparent no-repeat 0 0;
    background-size: 75px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 480px) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 800px) and (orientation: landscape), only screen and (min-resolution: 120dpi) and (max-width: 480px) and (orientation: portrait), only screen and (min-resolution: 120dpi) and (max-width: 800px) and (orientation: landscape) {
.printpreview-page .topic-article .videoplaybutton,
  .topic-page .topic-article .videoplaybutton {
    background-size: 55px;
}
}
.printpreview-page .topic-footnotes,
.topic-page .topic-footnotes {
  display: none;
  clear: both;
  position: relative;
  top: var(--spacing-small);
  padding: var(--spacing-medium) 0 var(--spacing-small);
  border-top: 1px solid var(--color-light-grey);
}
.printpreview-page .topic-footnotes ul,
.topic-page .topic-footnotes ul {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--font-weight-regular);
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--color-grey);
}
.printpreview-page .topic-footnotes li,
.topic-page .topic-footnotes li {
  background: transparent;
  padding: 0;
}
.printpreview-page .topic-footnotes sup,
.topic-page .topic-footnotes sup {
  margin-right: 0.5rem;
}
.printpreview-page .topic-footnotes .option-item,
.topic-page .topic-footnotes .option-item {
  padding-left: 0.9375rem;
}
.printpreview-page .topic-footnotes .option-item sup,
.topic-page .topic-footnotes .option-item sup {
  margin-left: -0.8125rem;
}
.page {
  background-color: var(--color-page-bg);
  overflow: hidden;
}
#top-button-container {
  position: absolute;
  right: 0;
  top: calc(var(--top-menu-height) + var(--sub-menu-height));
}
@media only screen and (min-width: 992px) {
#top-button-container {
    top: calc(var(--top-menu-height-desktop) + var(--sub-menu-height));
}
}
#global-search-tip {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0.25rem var(--mobile-side-gutter) 0.3125rem 0.9375rem;
  background-color: rgba(77, 78, 83, 0.85);
  color: var(--color-white);
  font-size: 0.75rem;
  transition: opacity ease-in-out 0.25s;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  z-index: var(--z-submenu);
}
@media only screen and (min-width: 992px) {
.no-touch .is-focused #global-search-tip {
    opacity: 1;
}
}
.lte-ie11 .page {
  position: relative;
}
.lte-ie11 #global-search-tip {
  display: none;
}
.categories-page .page-content .SearchInput-container {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
.no-touch .categories-page .page-content .SearchInput-container:hover {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
}
.category-page .page-title {
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.005em;
  position: relative;
  display: flex;
  gap: var(--small-padding);
  align-items: center;
  transition: var(--transition-default);
}
@media only screen and (min-width: 480px) {
.category-page .page-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
@media only screen and (min-width: 768px) {
.category-page .page-title {
    font-size: 3.125rem;
    line-height: 3.3125rem;
}
}
.category-page .page-title:before {
  content: "";
  margin-top: 2px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEbSURBVHgB7Zg9igJBFIRrf7KFZdMN9kQbaKCJiOaexgsYGngAUXPRa3gB/zBTUV/hNNM6YyhU4/vggxGT4lH26xFwHMdxnCfyYf4hIdrmwvyHOJ+4hj2YZ3NjNiAKa8CwDHnOPJkD8wtihLBH5GHpyPyFGAzbNFe4newUoj88TjYOS2XD1lGswcz8hhhlnWUNZDvbMde4DTuGYFjCycZhJTv7hvw06Jo/d9/vzCXEKJusrO/ZQzLwjtDPnnvZ5xhOfgtB2OMWiluNJ4TsdTK5VUzCpO+3nOxZHKghv/sG5xBczTGctPwiiXm0qicQrkfodNn9QvpltI1iPYYQfEUKcKFw0ntcwzJ8BQnA0AuzikRI7o8Ux3Ec58W5AORUjwKY3HepAAAAAElFTkSuQmCC") no-repeat;
  background-size: var(--back-icon-size) auto;
  width: var(--back-icon-size);
  height: var(--back-icon-size);
  opacity: 0.25;
  transition: inherit;
}
.category-page .page-title:hover {
  opacity: 0.85;
}
.category-page .page-title:hover:before {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
#app {
    min-height: calc(100vh - var(--top-menu-height-desktop));
}
}
.home-page {
  padding-left: var(--mobile-side-gutter);
  padding-right: var(--mobile-side-gutter);
  min-height: calc(100vh - var(--top-menu-height));
  background: var(--hero-image) no-repeat var(--color-black);
  background-size: cover;
  background-position: center;
  display: flex;
  opacity: 0;
  transition: var(--transition-default);
}
@media only screen and (min-width: 480px) {
.home-page {
    padding-left: var(--tablet-side-gutter);
    padding-right: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 768px) {
.home-page {
    padding-left: var(--desktop-side-gutter);
    padding-right: var(--desktop-side-gutter);
}
}
.home-page.ready {
  opacity: 1;
}
@media only screen and (max-width: 479px) {
.home-page {
    padding-left: var(--mobile-side-gutter)/2;
    padding-right: var(--mobile-side-gutter)/2;
}
}
@media only screen and (min-width: 992px) {
.home-page {
    min-height: calc(100vh - var(--top-menu-height-desktop));
}
}
.home-page .page-modal {
  width: 100%;
  max-width: var(--page-max-width);
  margin: var(--spacing-large) auto;
  padding: 0;
  display: flex;
  align-self: center;
}
@media (min-height: 900px) and (min-width: calc(66.25rem + var(--mobile-side-gutter) + var(--spacing-small) * 2)) {
.home-page .page-modal {
    margin-top: calc(var(--spacing-large) * -1);
}
}
.home-page .page-modal .inner-container {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
}
@media (min-width: 51.25rem) {
.home-page .page-modal .inner-container {
    flex-direction: row;
}
}
.home-page .variant-container {
  padding: 4.0625rem var(--spacing-extra-large);
  background-color: var(--color-ghost-grey);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  flex: 1;
}
.home-page .variant-container h1 {
  margin-bottom: 3.125rem;
  text-align: center;
}
.home-page .variant-container select {
  font-size: 20px;
  padding: 17px 35px;
  margin: 0 20px;
  cursor: pointer;
}
.home-page .variant-container .primary {
  margin: var(--spacing-large) auto 0;
}
@media (min-width: 768px) {
.home-page .variant-container .primary {
    margin: calc(var(--spacing-medium) * 2) auto 0;
}
}
.home-page .variant-container .filter-group {
  text-align: center;
  display: block;
  margin: auto;
  margin-bottom: var(--spacing-medium);
}
.home-page .variant-container .filter-group .mandatory-filters:after {
  content: "";
  display: block;
  clear: both;
}
.home-page .variant-container .filter-group .mandatory-filters .FilterDropdown {
  display: block;
  margin-bottom: var(--small-padding);
}
@media only screen and (min-width: 480px) {
.home-page .variant-container .filter-group .mandatory-filters .FilterDropdown {
    margin-bottom: var(--default-padding);
}
}
@media (min-width: calc(66.25rem + var(--mobile-side-gutter) + var(--spacing-small) * 2)) {
.home-page .variant-container .filter-group .mandatory-filters .FilterDropdown {
    display: inline-block;
    margin-left: 2.375rem;
    float: left;
}
.home-page .variant-container .filter-group .mandatory-filters .FilterDropdown:nth-child(2n+1) {
    margin-left: 0;
}
}
.home-page .variant-container .filter-group .mandatory-filters .FilterDropdown a {
  margin-left: auto !important;
  margin-right: auto !important;
}
.home-page .release-notes-container {
  background-color: var(--color-ghost-grey);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
  height: 100%;
  width: 100%;
  position: relative;
  margin-top: calc(var(--mobile-side-gutter) * 0.5);
}
@media (min-width: 51.25rem) {
.home-page .release-notes-container {
    margin-top: 0;
    margin-left: var(--mobile-side-gutter);
    width: 26.875rem;
}
.home-page .release-notes-container .ReleaseNotes-wrapper {
    position: absolute;
}
}
.home-page.no-release-notes .page-modal {
  max-width: 65.25rem;
}
@media (min-width: calc(66.25rem + var(--mobile-side-gutter) + var(--spacing-small) * 2)) {
.home-page.no-release-notes .filter-group .mandatory-filters .FilterDropdown:nth-child(2n+1) {
    margin-left: 2.375rem;
}
.home-page.no-release-notes .filter-group .mandatory-filters .FilterDropdown:nth-child(3n+1) {
    margin-left: 0;
}
}
.home-page .FeedbackForm-wrapper:not(.open) {
  right: var(--spacing-extra-small);
}
@media (max-height: 900px) {
.home-page .FeedbackForm-wrapper {
    bottom: var(--spacing-extra-small);
}
}
.printpreview-page .page-content {
  padding-top: var(--spacing-small);
}
.printpreview-page .topic-missing-warning {
  border: 1px solid var(--color-dark-red);
  padding: var(--small-padding);
}
.printpreview-page .topic-missing-warning .missing-title {
  position: relative;
  padding-left: calc(1.375rem + var(--small-padding) / 2);
  margin-bottom: var(--small-padding)/2;
}
.printpreview-page .topic-missing-warning .missing-title:before {
  content: "!";
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  text-align: center;
  color: white;
  z-index: -1;
  background-color: var(--color-dark-red);
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}
.printpreview-page .topic-missing-warning ul {
  padding-left: var(--small-padding);
}
.printpreview-page .error-msg {
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--color-dark-red);
  color: var(--color-white);
  clear: both;
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  max-height: 0;
  opacity: 0;
  padding: 0 var(--default-padding);
  transition: var(--transition-default);
}
.printpreview-page .error-msg.show {
  opacity: 1;
  padding-top: var(--default-padding);
  padding-bottom: var(--default-padding);
  max-height: 150px;
}
.printpreview-page .back-link {
  --back-icon-size: 1.375rem;
  --back-icon-spacing: 0.625rem;
  margin-bottom: var(--default-padding);
  padding: 0.3125rem 0.3125rem 0.3125rem 0;
}
@media only screen and (min-width: 992px) {
.printpreview-page .back-link {
    float: left;
}
}
.printpreview-page .back-link a {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  display: inline-block;
  position: relative;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: calc(var(--back-icon-size) + var(--back-icon-spacing));
  padding-right: 0.625rem;
  color: var(--color-accent-primary);
}
.printpreview-page .back-link a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  /*left: -($back-icon-size + $back-icon-spacing);*/
  transform: translateY(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEbSURBVHgB7Zg9igJBFIRrf7KFZdMN9kQbaKCJiOaexgsYGngAUXPRa3gB/zBTUV/hNNM6YyhU4/vggxGT4lH26xFwHMdxnCfyYf4hIdrmwvyHOJ+4hj2YZ3NjNiAKa8CwDHnOPJkD8wtihLBH5GHpyPyFGAzbNFe4newUoj88TjYOS2XD1lGswcz8hhhlnWUNZDvbMde4DTuGYFjCycZhJTv7hvw06Jo/d9/vzCXEKJusrO/ZQzLwjtDPnnvZ5xhOfgtB2OMWiluNJ4TsdTK5VUzCpO+3nOxZHKghv/sG5xBczTGctPwiiXm0qicQrkfodNn9QvpltI1iPYYQfEUKcKFw0ntcwzJ8BQnA0AuzikRI7o8Ux3Ec58W5AORUjwKY3HepAAAAAElFTkSuQmCC") no-repeat;
  background-size: var(--back-icon-size) auto;
  width: var(--back-icon-size);
  height: var(--back-icon-size);
  opacity: 0.25;
  transition: inherit;
}
.printpreview-page .header {
  display: block;
  overflow: hidden;
  width: 100%;
  clear: both;
}
@media only screen and (min-width: 992px) {
.printpreview-page .header {
    padding-top: var(--default-padding);
    padding-bottom: var(--default-padding);
}
}
.printpreview-page .header .print-btn {
  clear: both;
  text-align: center;
  margin-bottom: var(--spacing-extra-small);
}
@media only screen and (min-width: 768px) {
.printpreview-page .header .print-btn {
    float: left;
    clear: none;
    margin-right: var(--default-padding);
}
}
@media only screen and (min-width: 992px) {
.printpreview-page .header .print-btn {
    float: right;
    margin: 0 0 0 var(--default-padding);
}
}
.printpreview-page .header .print-btn.loading {
  background: var(--color-accent-primary) !important;
  border-color: var(--color-accent-primary) !important;
  opacity: 1 !important;
  cursor: default;
}
.printpreview-page .topic-article-wrapper {
  position: relative;
}
.printpreview-page .topic-article .figure {
  width: 100% !important;
}
.printpreview-page .topic-article + .topic-article {
  margin-top: var(--default-padding);
}
.topic-page .page-content {
  padding-bottom: 0;
  position: relative;
}
@media only screen and (min-width: 992px) {
.topic-page .page-content {
    position: static;
}
}
.topic-page .spinner-outer,
.topic-page .iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.topic-page .spinner-inner,
.topic-page iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.topic-page .spinner-inner h2,
.topic-page iframe h2 {
  padding: 1.25rem;
  color: white;
  font-weight: normal;
}
.printpreview-page ol,
.topic-page ol {
  padding-left: 1.75rem;
  margin-bottom: var(--spacing-extra-small);
}
.printpreview-page .wide-container,
.topic-page .wide-container {
  max-width: var(--wide-content-width);
}
@media only screen and (min-width: 992px) {
.printpreview-page .page-content-inner > .main-container,
  .topic-page .page-content-inner > .main-container {
    padding-left: var(--default-padding);
    padding-right: var(--default-padding);
}
}
.printpreview-page .sidebar,
.topic-page .sidebar {
  border-color: rgba(222, 222, 222, 0);
}
.printpreview-page .sidebar .main-category .categoryCircle,
.topic-page .sidebar .main-category .categoryCircle {
  display: none;
}
.printpreview-page .main-container-wrapper,
.topic-page .main-container-wrapper {
  padding-left: var(--mobile-side-gutter);
  padding-right: var(--mobile-side-gutter);
}
@media only screen and (min-width: 480px) {
.printpreview-page .main-container-wrapper,
  .topic-page .main-container-wrapper {
    padding-left: var(--tablet-side-gutter);
    padding-right: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 768px) {
.printpreview-page .main-container-wrapper,
  .topic-page .main-container-wrapper {
    padding-left: var(--desktop-side-gutter);
    padding-right: var(--desktop-side-gutter);
}
}
.printpreview-page .page-content,
.topic-page .page-content {
  min-height: calc(100vh - var(--top-menu-height));
  padding-top: var(--spacing-extra-large);
  padding-left: 0;
  padding-right: 0;
  background-color: var(--color-white);
}
@media only screen and (min-width: 768px) {
.printpreview-page .page-content,
  .topic-page .page-content {
    padding-top: var(--content-margin-top);
}
}
@media only screen and (min-width: 992px) {
.printpreview-page .page-content,
  .topic-page .page-content {
    min-height: calc(100vh - var(--top-menu-height-desktop) + var(--sub-menu-height));
}
}
@media only screen and (min-width: 768px) {
.printpreview-page .page-content,
  .topic-page .page-content {
    position: relative;
}
}
.printpreview-page .page-content .main-container,
.topic-page .page-content .main-container {
  min-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1349px) {
.printpreview-page .page-content .main-container,
  .topic-page .page-content .main-container {
    position: relative;
}
}
.printpreview-page .page-content .AddToPrintButton,
.topic-page .page-content .AddToPrintButton {
  right: var(--mobile-side-gutter);
  top: var(--mobile-side-gutter);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.printpreview-page .page-content .AddToPrintButton,
  .topic-page .page-content .AddToPrintButton {
    right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1349px) {
.printpreview-page .page-content .AddToPrintButton,
  .topic-page .page-content .AddToPrintButton {
    right: var(--default-padding);
    margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.printpreview-page .page-content .AddToPrintButton,
  .topic-page .page-content .AddToPrintButton {
    top: calc(var(--default-padding) - var(--content-margin-top));
}
}
@media only screen and (max-width: 1349px) {
.printpreview-page .page-content .AddToPrintButton,
  .topic-page .page-content .AddToPrintButton {
    margin-right: 0;
}
}
@media only screen and (min-width: 1350px) {
.printpreview-page .page-content .AddToPrintButton,
  .topic-page .page-content .AddToPrintButton {
    top: var(--default-padding);
    right: var(--default-padding);
    margin-right: 0;
}
}
.printpreview-page .article-ref,
.topic-page .article-ref {
  margin-bottom: var(--spacing-medium);
}
.printpreview-page .article-ref h1,
.topic-page .article-ref h1 {
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.005em;
  margin-top: 0.3125rem;
  margin-bottom: var(--spacing-extra-small);
}
@media only screen and (min-width: 480px) {
.printpreview-page .article-ref h1,
  .topic-page .article-ref h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
@media only screen and (min-width: 768px) {
.printpreview-page .article-ref h1,
  .topic-page .article-ref h1 {
    font-size: 3.125rem;
    line-height: 3.3125rem;
}
}
.printpreview-page .article-ref.hyphenate-title h1,
.topic-page .article-ref.hyphenate-title h1 {
  hyphens: auto;
}
.printpreview-page .article-ref .article-lead,
.topic-page .article-ref .article-lead {
  font-size: 1.3125rem;
  line-height: 1.75rem;
  font-weight: var(--font-weight-light);
  margin-bottom: var(--spacing-medium);
}
@media only screen and (min-width: 480px) {
.printpreview-page .article-ref .article-lead,
  .topic-page .article-ref .article-lead {
    font-size: 1.625rem;
    line-height: 2.125rem;
}
}
[lang=zh] .printpreview-page .article-ref .article-lead,
[lang=zh] .topic-page .article-ref .article-lead {
  font-weight: var(--font-weight-regular);
}
@media only screen and (min-width: 768px) {
.printpreview-page .article-ref .article-lead,
  .topic-page .article-ref .article-lead {
    margin-bottom: var(--spacing-large);
}
}
.printpreview-page .article-ref .segment h2,
.printpreview-page .article-ref .segment h3,
.printpreview-page .article-ref .segment h4,
.topic-page .article-ref .segment h2,
.topic-page .article-ref .segment h3,
.topic-page .article-ref .segment h4 {
  margin-bottom: calc(var(--spacing-extra-small) / 2);
}
.printpreview-page .article-ref .segment > .print-avoid-page-break > h2,
.printpreview-page .article-ref .segment > h2,
.topic-page .article-ref .segment > .print-avoid-page-break > h2,
.topic-page .article-ref .segment > h2 {
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
  padding-bottom: 0.625rem;
  border-bottom: 2px solid var(--color-foreground);
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
}
@media only screen and (min-width: 480px) {
.printpreview-page .article-ref .segment > .print-avoid-page-break > h2,
  .printpreview-page .article-ref .segment > h2,
  .topic-page .article-ref .segment > .print-avoid-page-break > h2,
  .topic-page .article-ref .segment > h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
.printpreview-page .article-ref .segment :not(.news) .figure:not(:has(img + *)):last-child,
.topic-page .article-ref .segment :not(.news) .figure:not(:has(img + *)):last-child {
  margin-bottom: 0;
}
.printpreview-page .article-ref .subsegment h3,
.topic-page .article-ref .subsegment h3 {
  margin-top: 1.875rem;
}
.printpreview-page .article-ref .fn .fn_p,
.topic-page .article-ref .fn .fn_p {
  display: inline-block;
}
.printpreview-page .article-ref .option,
.topic-page .article-ref .option {
  --option-icon-size: 1.125rem;
  cursor: pointer;
  transition: var(--transition-default);
  color: var(--color-dark-blue);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='36px'%20height='31px'%20viewBox='0%200%2036%2031'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Artboard-2'%20transform='translate(-179.000000,%20-246.000000)'%20fill='%236A7889'%3e%3cg%20id='Group'%20transform='translate(179.000000,%20246.000000)'%3e%3cpolygon%20id='['%20points='7.238%2030.996%200.47%2030.996%200.47%200.18%207.238%200.18%207.238%202.412%203.494%202.412%203.494%2028.836%207.238%2028.836'%3e%3c/polygon%3e%3cpolygon%20id=']'%20points='35.628%2030.996%2028.896%2030.996%2028.896%2028.764%2032.64%2028.764%2032.64%202.376%2028.896%202.376%2028.896%200.18%2035.628%200.18'%3e%3c/polygon%3e%3cpolygon%20id='*'%20points='27.544%2014.36%2021.16%2016.376%2025.36%2021.584%2022.616%2023.824%2018.64%2018.448%2014.888%2023.824%2012.032%2021.976%2016.008%2016.376%209.456%2014.36%2010.464%2011.056%2016.792%2013.072%2016.792%206.464%2020.208%206.464%2020.208%2013.072%2026.592%2011.056'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: var(--option-icon-size);
  width: calc(var(--option-icon-size) + 0.625rem);
  height: var(--option-icon-size);
  display: inline-block;
  color: transparent;
  background-position: bottom center;
}
.printpreview-page .article-ref .option:hover,
.topic-page .article-ref .option:hover {
  opacity: 0.8;
}
.printpreview-page .article-ref h1,
.topic-page .article-ref h1 {
  --option-icon-size: 1.5rem;
}
.printpreview-page .article-ref h1 .option,
.topic-page .article-ref h1 .option {
  background-size: var(--option-icon-size);
  width: calc(var(--option-icon-size) + 0.625rem);
  height: var(--option-icon-size);
}
.printpreview-page .article-ref table th p,
.topic-page .article-ref table th p {
  margin: 0;
}
@media only screen and (max-width: 767px) {
.printpreview-page .article-ref table,
  .topic-page .article-ref table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
}
.printpreview-page .article-ref.news,
.printpreview-page .article-ref .news,
.topic-page .article-ref.news,
.topic-page .article-ref .news {
  position: relative;
}
.printpreview-page .article-ref.news.validity:not(.filtered-out),
.printpreview-page .article-ref .news.validity:not(.filtered-out),
.topic-page .article-ref.news.validity:not(.filtered-out),
.topic-page .article-ref .news.validity:not(.filtered-out) {
  display: inline-block;
}
.printpreview-page .article-ref.news:before,
.printpreview-page .article-ref .news:before,
.topic-page .article-ref.news:before,
.topic-page .article-ref .news:before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--mobile-side-gutter));
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--color-green);
}
@media only screen and (min-width: 768px) {
.printpreview-page .article-ref.news:before,
  .printpreview-page .article-ref .news:before,
  .topic-page .article-ref.news:before,
  .topic-page .article-ref .news:before {
    left: calc(-1 * var(--desktop-side-gutter));
}
}
.printpreview-page .article-ref.news:after,
.printpreview-page .article-ref .news:after,
.topic-page .article-ref.news:after,
.topic-page .article-ref .news:after {
  display: block;
  content: "";
  clear: both;
}
.printpreview-page .article-ref .gearbox-title,
.topic-page .article-ref .gearbox-title {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: var(--spacing-extra-small);
  margin-left: calc(-1 * var(--mobile-side-gutter));
  background-color: var(--color-light-grey);
}
.printpreview-page .article-ref .gearbox-title--topic,
.topic-page .article-ref .gearbox-title--topic {
  margin-top: calc(-1 * var(--spacing-extra-small));
  margin-left: 0;
}
.printpreview-page .article-ref .active-gearbox-filter,
.topic-page .article-ref .active-gearbox-filter {
  position: relative;
  padding: 0 var(--mobile-side-gutter);
  border: 1px solid var(--border-color);
}
.printpreview-page .article-ref .active-gearbox-filter.validity:not(.filtered-out),
.topic-page .article-ref .active-gearbox-filter.validity:not(.filtered-out) {
  display: inline-block;
}
.printpreview-page .article-ref .active-gearbox-filter > h2, .printpreview-page .article-ref .active-gearbox-filter > segment > h2:first-child,
.topic-page .article-ref .active-gearbox-filter > h2,
.topic-page .article-ref .active-gearbox-filter > segment > h2:first-child {
  margin-top: 0;
}
.printpreview-page .article-ref .active-gearbox-filter:after,
.topic-page .article-ref .active-gearbox-filter:after {
  display: block;
  content: "";
  clear: both;
}
.printpreview-page .article-ref .active-gearbox-filter + .active-gearbox-filter,
.topic-page .article-ref .active-gearbox-filter + .active-gearbox-filter {
  margin-top: var(--spacing-small);
}
.printpreview-page .article-ref .legend > .legentry:last-child .sy,
.printpreview-page .article-ref .legend > .legentry:last-child .desc,
.printpreview-page .article-ref .legend > .validity:last-child .sy,
.printpreview-page .article-ref .legend > .validity:last-child .desc,
.topic-page .article-ref .legend > .legentry:last-child .sy,
.topic-page .article-ref .legend > .legentry:last-child .desc,
.topic-page .article-ref .legend > .validity:last-child .sy,
.topic-page .article-ref .legend > .validity:last-child .desc {
  padding-bottom: 0;
}
.printpreview-page .article-ref .legend .desc:empty,
.topic-page .article-ref .legend .desc:empty {
  padding: 0;
}
.printpreview-page .article-ref .figure,
.topic-page .article-ref .figure {
  position: relative;
}
.printpreview-page .article-ref .figure .zoomable-icon,
.topic-page .article-ref .figure .zoomable-icon {
  left: 0;
  top: 0;
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  padding: 4px;
  background-color: var(--color-black);
  display: flex;
  align-items: center;
}
.printpreview-page .article-ref .figure .zoomable-icon:after,
.topic-page .article-ref .figure .zoomable-icon:after {
  width: 100%;
  height: 100%;
  content: "";
  background: url("data:image/svg+xml,%3csvg%20class='feather%20feather-search'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20version='1.1'%20viewBox='0%200%2020.01%2020.01'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='8'%20stroke='%23ffffff'/%3e%3cline%20x1='19'%20x2='14.65'%20y1='19'%20y2='14.65'%20stroke='%23ffffff'/%3e%3cg%20id='Canvas'%20transform='translate(1177.3%20-888.13)'%20fill='%23ffffff'%3e%3crect%20x='-1172.2'%20y='896.01'%20width='7.8254'%20height='2.2469'%20ry='1.1234'%20style='paint-order:normal'/%3e%3crect%20transform='rotate(-90)'%20x='-901.05'%20y='-1169.4'%20width='7.8254'%20height='2.2469'%20ry='1.1234'%20style='paint-order:normal'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.printpreview-page .article-ref .figure .kt_id,
.topic-page .article-ref .figure .kt_id {
  opacity: 0;
  display: none;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: var(--font-weight-regular);
  color: var(--color-black);
  position: absolute;
  right: 0;
  padding: 0.125rem 0.25rem;
  background-color: var(--color-light-grey);
  border-radius: 4px;
  transition: var(--transition-default);
  cursor: pointer;
}
.printpreview-page .article-ref .figure .kt_id:hover,
.topic-page .article-ref .figure .kt_id:hover {
  background-color: var(--color-light-grey-darken-10);
}
@media (min-width: 992px) {
.printpreview-page .article-ref .figure .kt_id,
  .topic-page .article-ref .figure .kt_id {
    display: block;
}
}
.printpreview-page .article-ref .figure:hover .kt_id,
.topic-page .article-ref .figure:hover .kt_id {
  opacity: 1;
}
.printpreview-page .topic-categories,
.topic-page .topic-categories {
  --side-padding: 0.625rem;
  margin-bottom: var(--spacing-large);
}
.printpreview-page .topic-categories h2,
.topic-page .topic-categories h2 {
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
  padding-bottom: 0.625rem;
  border-bottom: 2px solid var(--color-foreground);
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  margin-top: 0;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 480px) {
.printpreview-page .topic-categories h2,
  .topic-page .topic-categories h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
.printpreview-page .topic-categories li,
.topic-page .topic-categories li {
  display: block;
  padding: 0.625rem var(--side-padding);
}
.printpreview-page .feedback-container,
.topic-page .feedback-container {
  display: block;
  margin-bottom: var(--spacing-extra-large);
}
@media only screen and (max-width: 767px) {
.printpreview-page .feedback-container,
  .topic-page .feedback-container {
    text-align: center;
    /*margin-bottom: $spacing-large;*/
}
}
.printpreview-page .feedback-container .title,
.topic-page .feedback-container .title {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-extra-small);
}
@media only screen and (min-width: 480px) {
.printpreview-page .feedback-container .title,
  .topic-page .feedback-container .title {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
.printpreview-page .feedback-container .btn,
.topic-page .feedback-container .btn {
  display: inline-block;
  margin-right: 0.375rem;
}
.printpreview-page .feedback-response,
.topic-page .feedback-response {
  padding: 0.75rem;
  text-align: center;
  color: var(--color-grey);
  background-color: var(--color-ghost-grey);
}
.article-content > div > .segment:last-child {
  margin-bottom: var(--spacing-extra-small);
}
body.show-image-overlay #scrollable-overlay {
  position: fixed !important;
  z-index: var(--z-image-popup) !important;
}
#scrollable-overlay-container {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
  z-index: calc(var(--z-image-popup) + 1) !important;
}
#scrollable-overlay-container img {
  max-width: 100%;
  max-height: calc(100vh - var(--spacing-medium));
  background-color: white;
}
.topic-link-container {
  --arrow-icon-size: 1.375rem;
  --arrow-icon-spacing: 0.625rem;
  display: none;
  width: 100%;
  background-color: var(--color-page-bg);
  margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
.topic-link-container {
    direction: rtl;
}
}
.topic-link-container.loaded {
  display: table;
}
.topic-link-container .topic-link {
  --arrow-width: 0.625rem;
  --arrow-height: 1.25rem;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: var(--default-padding);
  padding: 25px var(--default-padding);
  background-color: var(--topic-nav-background);
  float: none;
  direction: ltr;
  cursor: pointer;
}
.topic-link-container .topic-link:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20id='svg2'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%20xmlns='http://www.w3.org/2000/svg'%20height='18.385'%20width='10.637'%20version='1.1'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2010.637138%2018.38464'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%3e%3cdefs%20id='defs6'%3e%3cpath%20id='path0_stroke-3'%20d='m12%2012v1h1v-1h-1zm-1-12v12h2v-12h-2zm1%2011h-12v2h12v-2z'/%3e%3c/defs%3e%3cuse%20id='use4193'%20xlink:href='%23path0_stroke-3'%20transform='matrix(-.70432%20.70988%20-.70988%20-.70432%2018.385%209.1561)'%20height='100%25'%20width='100%25'%20y='0'%20x='0'%20fill='%23ffffff'/%3e%3c/svg%3e") no-repeat;
  background-size: var(--arrow-width) auto;
  width: var(--arrow-width);
  height: var(--arrow-height);
}
.topic-link-container .topic-link.forward-link {
  border-bottom: 1px solid var(--color-light-grey);
  padding-right: calc(var(--default-padding) * 2 - var(--arrow-width));
}
.topic-link-container .topic-link.forward-link:before {
  transform: translatey(-50%) rotate(180deg);
  right: var(--default-padding);
}
.topic-link-container .topic-link.back-link {
  padding-left: calc(var(--default-padding) * 2 - var(--arrow-width));
}
.topic-link-container .topic-link.back-link:before {
  left: var(--default-padding);
}
@media only screen and (min-width: 768px) {
.topic-link-container .topic-link {
    display: table-cell;
    width: 50%;
}
.topic-link-container .topic-link.back-link {
    text-align: right;
    border-right: 1px solid var(--color-light-grey);
}
.topic-link-container .topic-link.forward-link {
    border-bottom: none;
}
}
.topic-link-container .topic-link .breadcrumb {
  --folder-icon-size: 1.125rem;
  margin-bottom: 0.25rem;
  position: relative;
  color: var(--breadcrumb-link-color);
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: var(--font-weight-regular);
}
.topic-link-container .topic-link .breadcrumb.show-folder {
  padding-left: calc(var(--folder-icon-size) + 0.5rem);
}
.topic-link-container .topic-link .breadcrumb.show-folder:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  /*left: -($arrow-icon-size + $arrow-icon-spacing);*/
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='21px'%20height='16px'%20viewBox='0%200%2021%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3efolder%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='4-copy-6'%20transform='translate(-182.000000,%20-911.000000)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3cg%20id='folder'%20transform='translate(182.000000,%20911.000000)'%3e%3cpath%20d='M20.8348995,8.35193998%20C20.6738995,8.00351998%2020.4276995,7.73644998%2020.0980995,7.55113998%20C19.7680995,7.36545998%2019.4050995,7.27272998%2019.0090995,7.27272998%20L16.8968996,7.27272998%20L16.8968996,5.45447998%20C16.8968996,4.75750999%2016.6547996,4.15901999%2016.1708996,3.65898999%20C15.6866996,3.15899999%2015.1072996,2.90904999%2014.4327996,2.90904999%20L8.44843978,2.90904999%20L8.44843978,2.54541999%20C8.44843978,1.84845999%208.20634979,1.24997%207.7224498,0.750098998%20C7.23835981,0.250112999%206.65901983,-4.61565e-08%205.98431985,-4.61565e-08%20L2.46411994,-4.61565e-08%20C1.78941995,-4.61565e-08%201.21003997,0.250072999%200.725985981,0.750098998%20C0.241969994,1.25001%200,1.84849999%200,2.54545999%20L0,13.4546%20C0,14.1514%200.241969994,14.7499%200.725985981,15.2498%20C1.21003997,15.7499%201.78941995,16%202.46411994,16%20L14.4329996,16%20C14.9241996,16%2015.4374996,15.8693%2015.9730996,15.6078%20C16.5084996,15.3465%2016.9335996,15.015%2017.2488996,14.6135%20L20.4941995,10.4885%20C20.8314995,10.0492%2020.9999995,9.59485997%2020.9999995,9.12492997%20C21.0001995,8.85212997%2020.9450995,8.59480998%2020.8348995,8.35193998%20Z%20M1.40816,2.54562%20C1.40816,2.24269%201.51077,1.98506%201.71614,1.77292%20C1.92135,1.56089%202.17075,1.45478%202.46416,1.45478%20L5.98447,1.45478%20C6.27788,1.45478%206.52713,1.56078%206.7325,1.77292%20C6.93775,1.98506%207.04047,2.24269%207.04047,2.54562%20L7.04047,3.27296%20C7.04047,3.57608%207.14323,3.83364%207.34848,4.04566%20C7.55373,4.25768%207.80306,4.36384%208.09643,4.36384%20L14.4328,4.36384%20C14.726,4.36384%2014.9756,4.46995%2015.181,4.68197%20C15.3861,4.89395%2015.4888,5.15159%2015.4888,5.45467%20L15.4888,7.27289%20L7.04043,7.27289%20C6.54181,7.27289%206.02828,7.40359%205.50026,7.66497%20C4.97217,7.92635%204.54687,8.25773%204.22414,8.65945%20L1.40816,12.2388%20L1.40816,2.54562%20Z%20M19.394,9.56832%20L16.1598,13.6932%20C15.9767,13.928%2015.7162,14.1288%2015.3787,14.2952%20C15.0414,14.462%2014.726,14.5453%2014.4328,14.5453%20L2.46412,14.5453%20C2.07543,14.5453%201.88112,14.4126%201.88112,14.1476%20C1.88112,14.0264%201.94712,13.8749%202.07917,13.6928%20L5.31331,9.56804%20C5.504,9.33309%205.76604,9.13436%206.09983,8.97145%20C6.43343,8.80855%206.74698,8.72707%207.04039,8.72707%20L19.0091,8.72707%20C19.3978,8.72707%2019.592,8.85973%2019.592,9.12481%20C19.592,9.25396%2019.5263,9.40159%2019.394,9.56832%20Z'%20id='path0_fill'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: var(--folder-icon-size) auto;
  width: var(--folder-icon-size);
  height: var(--folder-icon-size);
}
.topic-link-container .topic-link .topic-title {
  color: var(--white);
  display: block;
  font-size: 1.3125rem;
  line-height: 1.5625rem;
  font-weight: var(--font-weight-light);
}
[lang=zh] .topic-link-container .topic-link .topic-title {
  font-weight: var(--font-weight-regular);
}
.topic-link-container .topic-link a {
  display: inline-block;
  position: relative;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: calc(var(--arrow-icon-size) + var(--arrow-icon-spacing));
  padding-right: 0.625rem;
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-light);
  color: var(--color-accent-primary);
}
[lang=zh] .topic-link-container .topic-link a {
  font-weight: var(--font-weight-regular);
}
.topic-link-container .topic-link a:before {
  position: absolute;
  content: "";
  top: 0.8em;
  left: 0;
  transform: translateY(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEbSURBVHgB7Zg9igJBFIRrf7KFZdMN9kQbaKCJiOaexgsYGngAUXPRa3gB/zBTUV/hNNM6YyhU4/vggxGT4lH26xFwHMdxnCfyYf4hIdrmwvyHOJ+4hj2YZ3NjNiAKa8CwDHnOPJkD8wtihLBH5GHpyPyFGAzbNFe4newUoj88TjYOS2XD1lGswcz8hhhlnWUNZDvbMde4DTuGYFjCycZhJTv7hvw06Jo/d9/vzCXEKJusrO/ZQzLwjtDPnnvZ5xhOfgtB2OMWiluNJ4TsdTK5VUzCpO+3nOxZHKghv/sG5xBczTGctPwiiXm0qicQrkfodNn9QvpltI1iPYYQfEUKcKFw0ntcwzJ8BQnA0AuzikRI7o8Ux3Ec58W5AORUjwKY3HepAAAAAElFTkSuQmCC") no-repeat;
  background-size: var(--arrow-icon-size) auto;
  width: var(--arrow-icon-size);
  height: var(--arrow-icon-size);
  opacity: 0.25;
  transition: inherit;
}
@media only screen and (min-width: 768px) {
.topic-link-container .topic-link a {
    font-size: 1.625rem;
    line-height: 2rem;
}
.topic-link-container .topic-link a:before {
    top: 0.8em;
}
}
.topic-link-container .topic-link.forward-link a {
  padding-left: 0.625rem;
  padding-right: calc(var(--arrow-icon-size) + var(--arrow-icon-spacing));
}
.topic-link-container .topic-link.forward-link a:before {
  right: 0;
  left: unset;
  transform: translateY(-50%) rotate(180deg);
}
.back-to-category-link {
  --back-icon-size: 1.875rem;
  --back-icon-size-desktop: 1.375rem;
  --back-icon-spacing: 0.625rem;
  position: absolute;
  top: calc(var(--mobile-side-gutter) + 0.3125rem);
  padding: 0.3125rem 0.3125rem 0.3125rem 0;
}
.back-to-category-link span {
  display: none;
  max-width: calc(100% - 15.625rem);
}
@media (min-width: 570px) {
.back-to-category-link span {
    display: inline;
}
}
@media only screen and (min-width: 768px) {
.back-to-category-link {
    top: calc(var(--default-padding) - var(--content-margin-top) + 0.0625rem);
}
}
@media only screen and (min-width: 1350px) {
.back-to-category-link {
    top: calc(var(--default-padding) + 0.125rem);
}
}
.back-to-category-link a {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  display: inline-block;
  position: relative;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  padding-left: calc(var(--back-icon-size) + var(--back-icon-spacing));
  padding-right: 0.625rem;
  color: var(--color-accent-primary);
}
@media (min-width: 570px) {
.back-to-category-link a {
    padding-left: calc(var(--back-icon-size-desktop) + var(--back-icon-spacing));
}
}
.back-to-category-link a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEbSURBVHgB7Zg9igJBFIRrf7KFZdMN9kQbaKCJiOaexgsYGngAUXPRa3gB/zBTUV/hNNM6YyhU4/vggxGT4lH26xFwHMdxnCfyYf4hIdrmwvyHOJ+4hj2YZ3NjNiAKa8CwDHnOPJkD8wtihLBH5GHpyPyFGAzbNFe4newUoj88TjYOS2XD1lGswcz8hhhlnWUNZDvbMde4DTuGYFjCycZhJTv7hvw06Jo/d9/vzCXEKJusrO/ZQzLwjtDPnnvZ5xhOfgtB2OMWiluNJ4TsdTK5VUzCpO+3nOxZHKghv/sG5xBczTGctPwiiXm0qicQrkfodNn9QvpltI1iPYYQfEUKcKFw0ntcwzJ8BQnA0AuzikRI7o8Ux3Ec58W5AORUjwKY3HepAAAAAElFTkSuQmCC") no-repeat;
  background-size: var(--back-icon-size) auto;
  width: var(--back-icon-size);
  height: var(--back-icon-size);
  opacity: 0.25;
  transition: inherit;
}
@media (min-width: 570px) {
.back-to-category-link a:before {
    background-size: var(--back-icon-size-desktop) auto;
    width: var(--back-icon-size-desktop);
    height: var(--back-icon-size-desktop);
}
}
:root {
  --category-page-bg-darken-3: #ebebeb; /* Equivalent to darken($color-page-bg, 3%) */
}
.category-wrapper {
  margin-top: calc(var(--spacing-large) - var(--spacing-extra-small));
}
.category-wrapper .categories {
  list-style: none;
}
.category-wrapper .categories li {
  --category-icon-width: 1.375rem;
  --category-arrow-width: 0.875rem;
  position: relative;
  padding: var(--spacing-small) var(--small-padding);
  background-color: var(--color-page-bg);
  border-bottom: 1px solid var(--border-color);
  transition: var(--transition-default);
}
@media only screen and (min-width: 480px) {
.category-wrapper .categories li {
    padding: var(--spacing-large) var(--default-padding);
}
}
.category-wrapper .categories li:hover {
  background-color: var(--category-page-bg-darken-3);
  cursor: pointer;
}
.category-wrapper .categories li.news:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--color-green);
}
.category-wrapper .categories li span:before {
  position: absolute;
  content: "";
  left: var(--small-padding);
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3csvg%20width='21'%20height='16'%20viewBox='0%200%2021%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eVector%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(1764%20135)'%3e%3cg%20id='Vector'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='translate(-1764%20-135)'%20fill='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%2020.8349%208.35194C%2020.6739%208.00352%2020.4277%207.73645%2020.0981%207.55114C%2019.7681%207.36546%2019.4051%207.27273%2019.0091%207.27273L%2016.8969%207.27273L%2016.8969%205.45448C%2016.8969%204.75751%2016.6548%204.15902%2016.1709%203.65899C%2015.6867%203.159%2015.1073%202.90905%2014.4328%202.90905L%208.44844%202.90905L%208.44844%202.54542C%208.44844%201.84846%208.20635%201.24997%207.72245%200.750099C%207.23836%200.250113%206.65902%20-4.61565e-08%205.98432%20-4.61565e-08L%202.46412%20-4.61565e-08C%201.78942%20-4.61565e-08%201.21004%200.250073%200.725986%200.750099C%200.24197%201.25001%200%201.8485%200%202.54546L%200%2013.4546C%200%2014.1514%200.24197%2014.7499%200.725986%2015.2498C%201.21004%2015.7499%201.78942%2016%202.46412%2016L%2014.433%2016C%2014.9242%2016%2015.4375%2015.8693%2015.9731%2015.6078C%2016.5085%2015.3465%2016.9336%2015.015%2017.2489%2014.6135L%2020.4942%2010.4885C%2020.8315%2010.0492%2021%209.59486%2021%209.12493C%2021.0002%208.85213%2020.9451%208.59481%2020.8349%208.35194ZM%201.40816%202.54562C%201.40816%202.24269%201.51077%201.98506%201.71614%201.77292C%201.92135%201.56089%202.17075%201.45478%202.46416%201.45478L%205.98447%201.45478C%206.27788%201.45478%206.52713%201.56078%206.7325%201.77292C%206.93775%201.98506%207.04047%202.24269%207.04047%202.54562L%207.04047%203.27296C%207.04047%203.57608%207.14323%203.83364%207.34848%204.04566C%207.55373%204.25768%207.80306%204.36384%208.09643%204.36384L%2014.4328%204.36384C%2014.726%204.36384%2014.9756%204.46995%2015.181%204.68197C%2015.3861%204.89395%2015.4888%205.15159%2015.4888%205.45467L%2015.4888%207.27289L%207.04043%207.27289C%206.54181%207.27289%206.02828%207.40359%205.50026%207.66497C%204.97217%207.92635%204.54687%208.25773%204.22414%208.65945L%201.40816%2012.2388L%201.40816%202.54562ZM%2019.394%209.56832L%2016.1598%2013.6932C%2015.9767%2013.928%2015.7162%2014.1288%2015.3787%2014.2952C%2015.0414%2014.462%2014.726%2014.5453%2014.4328%2014.5453L%202.46412%2014.5453C%202.07543%2014.5453%201.88112%2014.4126%201.88112%2014.1476C%201.88112%2014.0264%201.94712%2013.8749%202.07917%2013.6928L%205.31331%209.56804C%205.504%209.33309%205.76604%209.13436%206.09983%208.97145C%206.43343%208.80855%206.74698%208.72707%207.04039%208.72707L%2019.0091%208.72707C%2019.3978%208.72707%2019.592%208.85973%2019.592%209.12481C%2019.592%209.25396%2019.5263%209.40159%2019.394%209.56832Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
  background-position: center;
  background-size: var(--category-icon-width) auto;
  width: var(--category-icon-width);
  height: 100%;
}
@media only screen and (min-width: 480px) {
.category-wrapper .categories li span:before {
    left: var(--default-padding);
}
}
.category-wrapper .categories li span:after {
  position: absolute;
  content: "";
  right: var(--small-padding);
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAkCAYAAACNBsqdAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEDSURBVHgBrdTLDcIwDAZgO12EUWACRgChVqgnRgA24FZBKh6TwGCQgBEgCm2T2P4PkRNHX3wKwCvWHpZ1vZ+AUpCWytphBuZMtUGc5vnsBMIYWsqiuHhwa6qd90eNyfF7s7V2hWCWzxeFk+PvgRaObYcaOHY1pDj2NSU4hi5w8SDMxaNgDh4Np+JJcAqeDMfiLDgGZ8MhXAT34WKYsqvrDXhcUH27ulFZFhcDwlTVYQAOx1R78CdCqRZNTGiWufNDGRA6L/Lpu8eG+1A2HEJZcAyaDMeiSXAKGg2nolEwBw3CXLQXlqCdsBRthTXQP1gLbcCa6AfWRimN/1gLbeT5YSvmDpDC6N6+Qt5ZAAAAAElFTkSuQmCC") no-repeat;
  background-position: center;
  background-size: auto var(--category-arrow-width);
  width: var(--category-arrow-width);
  height: 100%;
}
@media only screen and (min-width: 480px) {
.category-wrapper .categories li span:after {
    right: var(--default-padding);
}
}
.category-wrapper .categories li .category-title {
  font-size: 1.125rem;
  font-weight: var(--font-weight-semibold);
  line-height: 1.625rem;
  display: block;
  margin-left: calc(var(--category-icon-width) + 0.75rem);
  padding-right: calc(var(--category-arrow-width) + 1rem);
}
@media only screen and (min-width: 480px) {
.category-wrapper .categories li .category-title {
    font-size: 1.3125rem;
}
}
.category-wrapper .categories li .article-count {
  margin-top: 0.25rem;
  color: var(--text-grey);
}
.category-content-wrapper {
  margin-top: var(--spacing-medium);
}
.category-content-wrapper .category-root-topics {
  position: relative;
}
.category-content-wrapper .category-root-topics > .AddToPrintButton {
  top: calc(-1 * var(--desktop-side-gutter));
  right: var(--small-padding);
  bottom: unset;
  transform: translateY(-100%);
}
:root {
  --addButton-size: 1.5rem;
  --addButton-desktopSize: 1.5rem;
  --addButton-hitarea: 2.75rem;
  --hitarea-compensation: calc((var(--addButton-hitarea) - var(--addButton-size)) / -2);
  --color-white-darken-3: #f7f7f7; /* Equivalent to darken(white, 3%) */
}
.AddToPrintButton {
  --icon-size: var(--addButton-size);
  position: absolute;
  width: var(--addButton-hitarea);
  height: var(--addButton-hitarea);
  right: 0;
  bottom: 0;
  margin-bottom: var(--hitarea-compensation);
}
@media only screen and (min-width: 480px) {
.AddToPrintButton {
    margin-right: var(--hitarea-compensation);
}
}
.AddToPrintButton:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--addButton-size);
  height: var(--addButton-size);
  border-radius: 50%;
  background-color: var(--color-light-grey);
  transition: var(--trans-timing-default) var(--trans-default-duration);
  transition-property: opacity, background;
  transition-delay: 0s;
  z-index: 1;
}
.AddToPrintButton .remove-icon,
.AddToPrintButton .add-icon {
  content: "";
  display: block;
  position: absolute;
  top: 36%;
  left: 50%;
  width: var(--addButton-size);
  height: var(--addButton-size);
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: var(--transition-default);
}
.AddToPrintButton .add-icon {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='11px'%20height='18px'%20viewBox='0%200%2011%2018'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%204%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='4-copy'%20transform='translate(-1006.000000,%20-469.000000)'%20stroke='%234D4E53'%20stroke-width='1.5'%3e%3cg%20id='Group-8'%20transform='translate(999.000000,%20470.000000)'%3e%3cg%20id='Group-4'%20transform='translate(8.000000,%200.000000)'%3e%3cpath%20d='M4.5,0.5%20L4.5,14.5312195'%20id='Line-3'%20stroke-linecap='square'%3e%3c/path%3e%3cpolyline%20id='Path-11'%20points='0%2011%204.5%2015.3922281%209%2011'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: auto var(--icon-size);
  background-position: center;
}
.AddToPrintButton .remove-icon {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='11px'%20height='3px'%20viewBox='0%200%2011%203'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eLine%203%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20stroke-linecap='square'%3e%3cg%20id='4-copy'%20transform='translate(-1004.000000,%20-1006.000000)'%20stroke='%234D4E53'%20stroke-width='1.5'%3e%3cg%20id='Group-8-Copy-2'%20transform='translate(999.000000,%20997.000000)'%3e%3cg%20id='Group-4'%20transform='translate(6.000000,%209.000000)'%3e%3cpath%20d='M0.5,1.5%20L8.5,1.5'%20id='Line-3'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: calc(var(--icon-size) - 0.5rem) 0.25rem;
  background-position: center;
  top: 50%;
  opacity: 0;
}
.AddToPrintButton .description {
  text-transform: uppercase;
  background-color: var(--color-light-grey);
  position: absolute;
  overflow: hidden;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  padding: 0 calc(var(--addButton-size) + 0.375rem * 2) 0 0.75rem;
  border-radius: 25px;
  font-weight: var(--font-weight-bold);
  font-size: 0.75rem;
  line-height: calc(var(--addButton-size) + 0.5rem);
  color: transparent;
  opacity: 0;
  min-width: var(--addButton-size);
  transition: opacity var(--trans-timing-default) var(--trans-default-duration), width var(--trans-timing-default) var(--trans-default-duration), background-color var(--trans-timing-default) var(--trans-default-duration), color var(--trans-timing-default) 0.15s;
  z-index: 0;
}
.AddToPrintButton .description.fade-out {
  transition-delay: 0s !important;
  color: transparent !important;
}
.AddToPrintButton.object-in-basket .remove-icon {
  opacity: 1;
}
.AddToPrintButton.object-in-basket .add-icon {
  opacity: 0;
}
.topic-page .AddToPrintButton.show, .no-touch .AddToPrintButton.show {
  cursor: pointer;
}
.topic-page .AddToPrintButton.show:before, .no-touch .AddToPrintButton.show:before {
  background-color: var(--color-white-darken-3);
}
.topic-page .AddToPrintButton.show .description, .no-touch .AddToPrintButton.show .description {
  opacity: 1;
  color: var(--color-charcoal);
  transition: opacity var(--trans-timing-default) var(--trans-default-duration), width var(--trans-timing-default) var(--trans-default-duration), background-color var(--trans-timing-default) var(--trans-default-duration), color var(--trans-timing-default) var(--trans-default-duration) 0.1s;
}
.topic-page .AddToPrintButton.show.always-open:hover .description, .no-touch .AddToPrintButton.show.always-open:hover .description {
  background-color: var(--color-light-grey-darken-10);
}
.show-image-overlay .PrintBasketButton-wrapper {
  opacity: 0;
  pointer-events: none;
}
.lt-ie11 .show-image-overlay .PrintBasketButton-wrapper {
  display: none;
}
:root {
  --FilterButton-maxWidth: 17rem;
  --FilterButton-height-large: var(--input-large-height);
  --FilterButton-height: var(--input-height);
  --FilterList-width: calc(var(--FilterButton-maxWidth) + 0.125rem);
  --FilterList-bordRadius: 0;
  --FilterList-transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.25s, transform cubic-bezier(0.23, 1, 0.32, 1) 0.45s;
  --FilterButton-padding: 0.875rem 1.25rem;
  --FilterButton-padding-large: 1.125rem 2.1875rem;
  --selectArrow-width: 0.625rem;
  --selectArrow-height: 0.4375rem;
  --selectItem-gutter: 1.875rem;
  --selectItem-padding: 0.75rem;
}
.FilterDropdown {
  position: relative;
  display: inline-block;
  min-width: var(--FilterButton-maxWidth);
  text-align: left;
  /*------------------------------------------------*\
            Dropdown Focused
        \*------------------------------------------------*/
  /*------------------------------------------------*\
            Dropdown Open
        \*------------------------------------------------*/
  /*------------------------------------------------*\
            Dropdown has value
        \*------------------------------------------------*/
  /*------------------------------------------------*\
            Dropdown disabled
        \*------------------------------------------------*/
}
.FilterDropdown a {
  color: var(--color-foreground);
  border-radius: 0;
}
.FilterDropdown a:hover, .FilterDropdown a:active, .FilterDropdown a:focus {
  text-decoration: none;
}
.FilterDropdown.is-focused .FilterButton {
  background-color: var(--color-white);
  border-color: var(--color-accent-secondary);
  box-shadow: 0 0 0 1px var(--color-accent-secondary);
  transition: all ease-in-out 0.25s;
}
.FilterDropdown.is-focused .FilterButton-value {
  color: var(--color-accent-secondary) !important;
  transition: all ease-in-out 0.25s;
}
.FilterDropdown.is-open .FilterList {
  transform: scale(1) translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}
.lt-ie11 .FilterDropdown.is-open .FilterList {
  display: block;
}
.touch .FilterDropdown.is-open .FilterList {
  transition-delay: 0.15s;
}
.FilterDropdown.has-value .FilterButton {
  background-color: var(--color-white);
}
.FilterDropdown.has-value .FilterButton-value {
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent-secondary);
}
.FilterDropdown.has-value.large {
  --checkmark-size: 1rem;
}
.FilterDropdown.has-value.large .FilterButton {
  padding-left: calc(0.9375rem + var(--checkmark-size) + 0.625rem);
}
.FilterDropdown.has-value.large .FilterButton:before {
  content: "";
  position: absolute;
  left: 0.9375rem;
  top: 49%;
  transform: translateY(-50%);
  width: var(--checkmark-size);
  height: var(--checkmark-size);
  background: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eCheckmark%20Icon%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2077%202716)'%3e%3cg%20id='Checkmark%20Icon'%3e%3cg%20id='Icons'%3e%3cg%20id='Final'%3e%3cg%20id='icon%20checkmark%20accent'%3e%3cg%20id='Line%202'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='matrix(0.999175%200.040603%20-0.040603%200.999175%202077.36%20-2708)'%20fill='%23587F95'/%3e%3c/g%3e%3cg%20id='Line%202%20Copy'%3e%3cuse%20xlink:href='%23path1_fill'%20transform='matrix(0.999979%20-0.00651828%200.0084153%200.999965%202083.68%20-2715.77)'%20fill='%23587F95'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%200.328839%201.96945L%206.69096%208.50694C%207.12941%208.95747%207.84028%208.95747%208.27873%208.50694C%208.71718%208.0564%208.71718%207.32593%208.27873%206.87539L%201.91661%200.337903C%201.47816%20-0.112635%200.767291%20-0.112635%200.328839%200.337903C%20-0.109613%200.788441%20-0.109613%201.51891%200.328839%201.96945Z'/%3e%3cpath%20id='path1_fill'%20d='M%208.89639%200.541285L%200.171468%2014.8499C%20-0.157757%2015.3898%200.00133091%2016.1017%200.5268%2016.44C%201.05227%2016.7783%201.74513%2016.6148%202.07436%2016.0749L%2010.7993%201.7663C%2011.1285%201.22638%2010.9694%200.514461%2010.4439%200.176183C%209.91848%20-0.162094%209.22561%200.00136755%208.89639%200.541285Z'/%3e%3c/defs%3e%3c/svg%3e") no-repeat;
  background-size: var(--checkmark-size);
  opacity: 0.5;
  z-index: 10;
}
@media only screen and (min-width: 480px) {
.FilterDropdown.has-value.large .FilterButton {
    padding-left: calc(1.25rem + var(--checkmark-size) + 0.3125rem);
}
.FilterDropdown.has-value.large .FilterButton:before {
    top: 50%;
    left: 0.9375rem;
}
}
.FilterDropdown.disabled .FilterButton:hover {
  border-color: var(--color-light-grey);
  box-shadow: none;
  opacity: 1;
  cursor: default;
}
.FilterDropdown.disabled .FilterButton:hover:after {
  color: var(--color-light-grey);
}
.FilterDropdown.disabled .FilterButton:after {
  color: var(--color-light-grey);
}
@media only screen and (min-width: 480px) {
.FilterDropdown.large .FilterButton {
    padding: var(--FilterButton-padding-large);
    font-size: 1.125rem;
}
}
.FilterDropdown .FilterButton {
  vertical-align: bottom;
  position: relative;
  display: block;
  width: 100%;
  max-width: var(--FilterButton-maxWidth);
  margin-left: auto;
  margin-right: auto;
  padding: var(--FilterButton-padding);
  transition-duration: 0.15s;
  border: 1px solid var(--color-light-grey);
  font-size: 1rem;
}
.FilterDropdown .FilterButton:after {
  content: "\e001";
  position: absolute;
  top: 26.5%;
  right: 0;
  display: inline-block;
  margin-right: 1.375rem;
  font-family: var(--font-family-icons);
  font-size: 140%;
  line-height: 1;
  color: var(--color-grey);
  transition: all ease-in-out 0.15s;
}
@media only screen and (min-width: 480px) {
.FilterDropdown .FilterButton:after {
    margin-right: 1.125rem;
}
}
.FilterDropdown .FilterButton:before {
  content: "";
  display: block;
  position: absolute;
  top: 45%;
}
.FilterDropdown .FilterButton:hover, .FilterDropdown .FilterButton:active {
  color: var(--color-accent-primary);
  border-color: var(--color-charcoal);
  box-shadow: 0 0 0 1px var(--color-charcoal);
  opacity: 1;
}
.FilterDropdown .FilterButton:hover:after, .FilterDropdown .FilterButton:active:after {
  color: var(--color-charcoal);
}
.touch .FilterDropdown .FilterButton:hover, .touch .FilterDropdown .FilterButton:active {
  box-shadow: none;
}
.FilterDropdown .FilterButton-value {
  display: block;
  position: relative;
  font-weight: var(--font-weight-light);
  color: var(--color-light-grey);
}
.FilterDropdown .FilterList {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2000;
  width: var(--FilterList-width);
  margin: -1.25em 0;
  border-radius: var(--FilterList-bordRadius);
  background-color: var(--color-white);
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);
  transition: var(--FilterList-transition);
  transform: scale(0.97) translate(-50%, 6px);
  opacity: 0;
  pointer-events: none;
  max-height: 40vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.lt-ie11 .FilterDropdown .FilterList {
  display: none;
}
.FilterDropdown .FilterList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.FilterDropdown .FilterList ul li {
  display: block;
  margin: 0;
  padding: 0;
}
.FilterDropdown .FilterList a {
  display: block;
  padding: var(--selectItem-padding) var(--selectItem-gutter);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  color: var(--color-grey);
}
.FilterDropdown .FilterList a:hover, .FilterDropdown .FilterList a:active {
  color: var(--color-black);
  background-color: var(--color-light-grey);
}
.FilterDropdown .FilterList li:first-child a {
  padding-top: calc(1.5 * var(--selectItem-padding));
}
.FilterDropdown .FilterList li:last-child a {
  padding-bottom: calc(1.5 * var(--selectItem-padding));
}
.FilterDropdown .FilterList li.default-value a {
  padding-bottom: calc(1.25 * var(--selectItem-padding));
  font-weight: var(--font-weight-light);
}
.FilterDropdown .FilterList li.default-value.is-selected a {
  background-color: rgba(189, 214, 230, 0.45) !important;
}
.FilterDropdown .FilterList li.parent a {
  padding-top: calc(1.25 * var(--selectItem-padding));
  font-weight: var(--font-weight-bold);
  color: var(--color-charcoal);
}
.FilterDropdown .FilterList li.is-selected a {
  background-color: var(--color-light-blue) !important;
  color: var(--color-black);
}
.FilterDropdown .FilterList li.is-selected a:hover, .FilterDropdown .FilterList li.is-selected a:active {
  background-color: rgba(222, 222, 222, 0.25);
}
.FilterDropdown .FilterList li[data-value=delete] a {
  color: var(--color-red);
  position: relative;
}
.FilterDropdown .FilterList li[data-value=delete] a:after {
  content: "×";
  margin-right: var(--selectItem-gutter);
  position: absolute;
  top: auto;
  right: 0;
}
.FilterDropdown .FilterList-header h5 {
  padding: calc(1.5 * var(--selectItem-padding)) var(--selectItem-gutter) calc(1.25 * var(--selectItem-padding));
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent-secondary);
}
.FilterNewsToggle {
  --FilterNewsToggle-bordWidth: 1px;
  --FilterNewsToggle-height: calc(var(--input-small-height) + var(--FilterNewsToggle-bordWidth) * 2);
  --FilterNewsToggle-margin-top: var(--spacing-small);
  --FilterNewsToggle-checkbox-bg: #fafdf5;
  --FilterNewsToggle-checkbox-bg-hover: #edf7dc;
  --FilterNewsToggle-checkbox-bg-active: #bee17c;
  position: relative;
  display: flex;
  text-align: left;
  margin-top: var(--FilterNewsToggle-margin-top);
  align-items: center;
}
.FilterNewsToggle label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 100%;
  padding-right: 1.25rem;
  transition-duration: 0.15s;
  font-size: 1rem;
  box-shadow: none;
  color: var(--color-foreground);
  background-color: var(--color-white);
  border: var(--FilterNewsToggle-bordWidth) solid var(--color-light-grey);
  border-radius: 0;
  margin: 0;
  cursor: pointer;
}
.FilterNewsToggle label:hover, .FilterNewsToggle label:active, .FilterNewsToggle label:focus {
  text-decoration: none;
  color: var(--color-black);
  opacity: 1;
  --FilterNewsToggle-checkbox-bg: var(--FilterNewsToggle-checkbox-bg-hover);
}
.FilterNewsToggle label:before {
  content: "";
  display: block;
  width: var(--FilterNewsToggle-height);
  height: var(--FilterNewsToggle-height);
  background-color: var(--FilterNewsToggle-checkbox-bg);
  border: 2px solid var(--color-green);
  transition: var(--transition-default);
  margin: -1px 0 -1px -1px;
}
.FilterNewsToggle.active label {
  --FilterNewsToggle-checkbox-bg: var(--FilterNewsToggle-checkbox-bg-active);
}
.FilterNewsToggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  border: 0;
}
:root {
  --print-basket-width: 21.875rem;
  --print-basket-footer-height: 9.25rem;
  --print-basket-backdrop-color: rgba(0, 0, 0, 0.3);
  --print-basket-icon-size: 2rem;
  --print-basket-count-background-size: 1.75rem;
  --print-basket-count-background-size-inner: 1.625rem;
  --print-basket-limit-message-background-size: 1.25rem;
  --print-basket-button-padding: 0.5rem;
  --print-basket-confirm-icon-size: 1.25rem;
  --print-basket-topic-icon-size: 1.375rem;
  --print-basket-topic-icon-gutter-sm: 0.625rem;
  --print-basket-topic-icon-gutter: 0.75rem;
  --print-basket-handle-btn-width: 1.4375rem;
  --print-basket-remove-btn-size: 1.375rem;
  --print-basket-tooltip-arrow-size: 0.8125rem;
  --print-basket-light-grey-darken-10: #c5c5c5; /* Equivalent to darken($color-light-grey, 10%) */
  --print-basket-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.PrintBasket {
  width: var(--print-basket-width);
  min-height: 100%;
  max-width: 100%;
  max-height: calc(100vh - var(--sub-menu-height) - var(--spacing-large));
  position: fixed;
  top: 0;
  right: 0;
  float: none;
  z-index: var(--z-doc-basket);
  pointer-events: none;
  padding: 0;
  backface-visibility: hidden;
  pointer-events: none;
  user-select: none;
}
.PrintBasket .PrintBasket-inner {
  position: relative;
  min-height: 100vh;
  max-width: 100%;
  background-color: var(--color-white);
  opacity: 0;
  padding-bottom: var(--print-basket-footer-height);
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity linear 0s 0.3s;
  transform: translateX(100%);
  pointer-events: auto;
}
.PrintBasket .close-btn {
  content: "";
  cursor: pointer;
  position: absolute;
  top: var(--mobile-side-gutter);
  right: var(--mobile-side-gutter);
  transition: var(--transition-default);
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='Close'%3e%3cg%20id='Line%202'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%200.620117%202.35474)'%20stroke='%234D4E53'/%3e%3c/g%3e%3cg%20id='Line%202.1'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2020.8374%202.67902)'%20stroke='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 1.125rem auto;
  background-position: center;
  width: 1.125rem;
  height: 1.125rem;
}
.PrintBasket .PrintBasket-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--print-basket-backdrop-color);
  pointer-events: none;
  opacity: 0;
  transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.35s;
}
.PrintBasket .header {
  padding: var(--spacing-large) var(--default-padding);
  text-align: center;
  position: relative;
  border-bottom: 1px solid var(--color-light-grey);
  margin-bottom: 1px;
}
.PrintBasket .header .document-icon {
  content: "";
  display: block;
  margin: auto;
  width: var(--print-basket-icon-size);
  height: var(--print-basket-icon-size);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='28px'%20height='33px'%20viewBox='0%200%2028%2033'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%2011%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='4-copy-2'%20transform='translate(-1226.000000,%20-71.000000)'%20stroke='%23003057'%20stroke-width='1.8'%3e%3cg%20id='Group-11'%20transform='translate(1227.000000,%2072.000000)'%3e%3cg%20id='Group-10'%20transform='translate(4.333333,%200.000000)'%3e%3cpath%20d='M0,0%20L0.0599500868,27.00219%20C14.3276572,27.00219%2021.4615107,27.00219%2021.4615107,27.00219%20C21.4615107,27.00219%2021.4615107,20.3780859%2021.4615107,7.12987753%20L14.1975911,0%20L0,0%20Z'%20id='Path-6'%3e%3c/path%3e%3cpolyline%20id='Path-8'%20points='13.7222222%200%2013.7222222%207.00661707%2021.3033073%207.00661707'%3e%3c/polyline%3e%3cpath%20d='M5.77777778,11.9772727%20C6.11796513,11.9772727%209.60220293,11.9772727%2016.2304912,11.9772727'%20id='Path-9'%3e%3c/path%3e%3cpath%20d='M5.77777778,16.2045455%20C6.11796513,16.2045455%209.60220293,16.2045455%2016.2304912,16.2045455'%20id='Path-9-Copy'%3e%3c/path%3e%3cpath%20d='M5.77777778,20.4318182%20C6.11796513,20.4318182%209.60220293,20.4318182%2016.2304912,20.4318182'%20id='Path-9-Copy-2'%3e%3c/path%3e%3c/g%3e%3cpolyline%20id='Path-10'%20points='3.67635091%203.93589089%200.17763222%203.93589089%200.17763222%2030.7460527%2022.9912662%2030.7460527%2022.9912662%2027.039427'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: auto var(--print-basket-icon-size);
  background-position: center;
  margin-bottom: 0.375rem;
  position: relative;
}
.PrintBasket .header .document-icon .count {
  width: var(--print-basket-count-background-size);
  line-height: var(--print-basket-count-background-size);
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-default);
  color: white;
  background-color: transparent;
  font-size: 0.75rem;
  z-index: 1;
}
.PrintBasket .header .document-icon .count:after {
  content: "";
  display: block;
  width: var(--print-basket-count-background-size-inner);
  height: var(--print-basket-count-background-size-inner);
  background-color: var(--color-blue);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: background-color var(--trans-timing-default) var(--trans-default-duration);
}
.PrintBasket .header .document-icon .count.show {
  opacity: 1;
  visibility: visible;
}
.PrintBasket .header .limit-message {
  position: absolute;
  left: 50%;
  bottom: var(--spacing-large);
  transform: translate(-50%, calc(100% + 8px));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: var(--font-weight-regular);
  opacity: 0;
  padding-left: calc(var(--print-basket-limit-message-background-size) + 0.5rem);
  display: inline;
}
.PrintBasket .header .limit-message:after {
  content: "!";
  display: block;
  color: white;
  position: absolute;
  width: var(--print-basket-limit-message-background-size);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}
.PrintBasket .header .limit-message:before {
  content: "";
  display: block;
  width: var(--print-basket-limit-message-background-size);
  height: var(--print-basket-limit-message-background-size);
  background-color: var(--color-orange);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -2;
  transition: background-color var(--trans-timing-default) var(--trans-default-duration);
}
.PrintBasket .header .title {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  color: var(--color-deep-blue);
}
@media only screen and (min-width: 480px) {
.PrintBasket .header .title {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
.PrintBasket .ObjectList {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  height: calc(100vh - 320px);
}
.PrintBasket .footer {
  padding: var(--mobile-side-gutter);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: var(--print-basket-footer-height);
}
.PrintBasket .footer .btn {
  text-align: center;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
}
.PrintBasket .footer .btn:first-child {
  margin-bottom: calc(var(--mobile-side-gutter) / 2);
}
.PrintBasket .footer .clear {
  width: 100%;
  max-width: var(--print-basket-width);
  transition: all var(--trans-timing-default) var(--trans-default-duration) 0s, max-width var(--trans-timing-default) var(--trans-default-duration) 0.05s;
}
.PrintBasket .footer .clear .delete-icon {
  width: 0;
  opacity: 0;
  display: inline-block;
  margin-bottom: -0.25rem;
  margin-left: -0.375rem;
  height: var(--print-basket-confirm-icon-size);
  border-radius: 50%;
  background-color: var(--color-dark-red);
  background-position: center;
  background-size: calc(var(--print-basket-confirm-icon-size) - 0.5rem);
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='10px'%20height='11px'%20viewBox='0%200%2010%2011'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%2010%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='4-copy-3'%20transform='translate(-1398.000000,%20-342.000000)'%20fill='%23FFFFFF'%3e%3cg%20id='Group-3'%20transform='translate(1034.000000,%200.000000)'%3e%3cg%20id='Group-9'%20transform='translate(53.000000,%20335.000000)'%3e%3cg%20id='Group-3-Copy-11'%20transform='translate(303.000000,%200.000000)'%3e%3cg%20id='Group'%20transform='translate(8.000000,%207.000000)'%3e%3cg%20id='Group-10'%3e%3crect%20id='Rectangle-Copy'%20transform='translate(5.000000,%205.500000)%20rotate(-135.000000)%20translate(-5.000000,%20-5.500000)%20'%20x='4'%20y='0'%20width='2'%20height='11'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20transform='translate(5.000000,%205.500000)%20rotate(-45.000000)%20translate(-5.000000,%20-5.500000)%20'%20x='4'%20y='0'%20width='2'%20height='11'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity linear 0.2s;
}
.PrintBasket .footer .cancel {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: calc(50% - var(--print-basket-button-padding) / 2 - var(--mobile-side-gutter));
  transition: all var(--trans-timing-default) var(--trans-default-duration) 0s, opacity var(--trans-timing-default) var(--trans-default-duration) 0s;
  position: absolute;
  right: var(--mobile-side-gutter);
  bottom: var(--mobile-side-gutter);
}
.PrintBasket .footer.confirm-clear .clear {
  max-width: calc(49% - var(--print-basket-button-padding) / 2);
  float: left;
  background-color: var(--color-white);
  transition: all var(--trans-timing-default) var(--trans-default-duration) 0s, max-width var(--trans-timing-default) var(--trans-default-duration) 0s;
}
.PrintBasket .footer.confirm-clear .clear span {
  padding-left: 0.375rem;
}
.PrintBasket .footer.confirm-clear .clear .delete-icon {
  padding-left: 0;
  width: var(--print-basket-confirm-icon-size);
  visibility: visible;
  opacity: 1;
}
.PrintBasket .footer.confirm-clear .cancel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all var(--trans-timing-default) var(--trans-default-duration) 0s, opacity var(--trans-timing-default) var(--trans-default-duration) 0.2s;
}
.PrintBasket.empty .header {
  border-bottom: none;
}
.PrintBasket .empty-basket-container {
  padding: 0 var(--default-padding);
  text-align: center;
  color: var(--text-grey);
}
.PrintBasket.limit-warning .limit-message {
  opacity: 1;
}
.PrintBasket.limit-warning .document-icon .count:after {
  background-color: var(--color-orange);
}
.PrintBasket.limit-reached .limit-message {
  opacity: 1;
}
.PrintBasket.limit-reached .limit-message:before {
  background-color: var(--color-dark-red);
}
.PrintBasket.limit-reached .document-icon .count:after {
  background-color: var(--color-dark-red);
}
.PrintBasket.is-opened .PrintBasket-inner {
  transform: translateX(0);
  transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s 0.2s, opacity linear 0s var(--trans-default-duration);
  opacity: 1;
}
.PrintBasket.is-opened .printbasket-open-btn {
  opacity: 0;
  transform: translateX(-100%);
  transition-delay: 0s;
}
.PrintBasket.is-opened .PrintBasket-backdrop {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
.PrintBasket.is-opened .PrintBasketButton-wrapper {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s;
  transition-delay: 0.1s;
}
.PrintBasket.is-opened .ObjectList {
  overflow-y: auto;
  pointer-events: auto;
}
.print-basket-category {
  z-index: calc(var(--z-doc-basket-open) + 1);
  position: relative;
  display: block;
  background-color: var(--color-white);
}
.print-basket-category .hide {
  display: none;
}
.print-basket-category .print-basket-header {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--color-light-grey);
  padding-right: 0;
  padding-left: calc(var(--desktop-side-gutter) + var(--print-basket-handle-btn-width) - 7px);
  display: flex;
  align-items: center;
}
.print-basket-category .print-basket-header .handle {
  position: absolute;
  left: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  width: calc(var(--desktop-side-gutter) + var(--print-basket-handle-btn-width));
  height: 100%;
  display: block;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='11px'%20height='18px'%20viewBox='0%200%2014%2023'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%205%20Copy%202%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='4-copy-2'%20transform='translate(-1049.000000,%20-198.000000)'%20fill='%23D8D8D8'%3e%3cg%20id='Group-3'%20transform='translate(1033.000000,%200.000000)'%3e%3cg%20id='Group-2-Copy-2'%20transform='translate(1.000000,%20198.000000)'%3e%3cg%20id='Group-5-Copy-2'%20transform='translate(15.000000,%200.000000)'%3e%3ccircle%20id='Oval-2'%20cx='2'%20cy='2'%20r='2'%3e%3c/circle%3e%3ccircle%20id='Oval-2-Copy-3'%20cx='9'%20cy='2'%20r='2'%3e%3c/circle%3e%3ccircle%20id='Oval-2-Copy'%20cx='2'%20cy='9'%20r='2'%3e%3c/circle%3e%3ccircle%20id='Oval-2-Copy-4'%20cx='9'%20cy='9'%20r='2'%3e%3c/circle%3e%3ccircle%20id='Oval-2-Copy-2'%20cx='2'%20cy='16'%20r='2'%3e%3c/circle%3e%3ccircle%20id='Oval-2-Copy-5'%20cx='9'%20cy='16'%20r='2'%3e%3c/circle%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-position: center;
  background-size: 0.8125rem var(--print-basket-handle-btn-width);
  cursor: move;
  content: "";
}
.print-basket-category .print-basket-header .category-title {
  position: relative;
  font-weight: var(--font-weight-bold);
  padding: var(--mobile-side-gutter) 1.875rem var(--mobile-side-gutter) 0;
  margin-right: 10px;
  display: block;
  width: 100%;
}
.print-basket-category .print-basket-header .category-title:after {
  content: "\e001";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  font-family: var(--font-family-icons);
  font-size: 150%;
  line-height: 1;
  color: var(--color-grey);
  transition: all ease-in-out 0.15s;
  font-weight: var(--font-weight-regular);
}
.print-basket-category .topic-list {
  max-height: none;
}
.print-basket-category.collapsed .topic-list {
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  max-height: 0;
}
.print-basket-category .print-basket-item {
  position: relative;
  display: block;
  padding-top: calc(var(--mobile-side-gutter) / 2);
  padding-right: 0;
  padding-bottom: calc(var(--mobile-side-gutter) / 2);
  padding-left: calc(var(--desktop-side-gutter) + var(--print-basket-handle-btn-width) + var(--print-basket-topic-icon-size));
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  border-bottom: 1px solid var(--color-light-grey);
  display: flex;
  align-items: center;
}
.print-basket-category .print-basket-item .title {
  position: relative;
  width: 100%;
}
.print-basket-category .print-basket-item .title:before {
  position: absolute;
  content: "";
  top: 50%;
  left: calc(-1 * (var(--print-basket-topic-icon-size) + var(--print-basket-topic-icon-gutter-sm)));
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2065%2083'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3e%3cg%20id='icon-document-blue'%3e%3cg%3e%3cpath%20d='M64.085,21.225l0,61l-64,0l0,-82l43,0c7,7%2014,14%2021,21Zm-58,-15l0,70l52,0l0,-52.514l-17.485,-17.486c-11.505,0%20-23.01,0%20-34.515,0Z'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3cpath%20d='M64.085,21.225l0,4l-25,0l0,-25l4,0c7,7%2014,14%2021,21Zm-19,-2l8.515,0l-8.515,-8.514c0,2.838%200,5.676%200,8.514Z'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3c/g%3e%3cg%3e%3crect%20x='17.085'%20y='32.225'%20width='30'%20height='6'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='44.225'%20width='30'%20height='6'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='56.225'%20width='30'%20height='6'%20style='fill:%230379cf;fill-rule:nonzero;'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-position: center;
  background-size: 1.25rem var(--print-basket-topic-icon-size);
  width: 24px;
  height: 24px;
}
.print-basket-category .topic-warning {
  display: block;
  width: var(--print-basket-remove-btn-size);
  height: var(--print-basket-remove-btn-size);
  position: relative;
  overflow: visible;
  padding: 0.9375rem;
}
.print-basket-category .topic-warning:before {
  content: "!";
  position: absolute;
  width: var(--print-basket-remove-btn-size);
  height: var(--print-basket-remove-btn-size);
  text-align: center;
  color: white;
  z-index: -1;
  background-color: var(--color-dark-red);
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.print-basket-category .topic-warning.active + .tooltip, .print-basket-category .topic-warning:hover + .tooltip {
  opacity: 1;
  pointer-events: auto;
}
.print-basket-category .tooltip {
  position: absolute;
  left: calc(var(--mobile-side-gutter) / 2);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  padding: calc(var(--mobile-side-gutter) / 2);
  background-color: var(--color-dark-blue);
  color: white;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: var(--font-weight-regular);
  width: calc(100% - var(--print-basket-tooltip-arrow-size) - var(--mobile-side-gutter) * 2 - var(--print-basket-remove-btn-size) * 2);
  z-index: 1;
}
.print-basket-category .tooltip:after {
  left: calc(100% - 1px);
  top: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 48, 87, 0);
  border-left-color: var(--color-dark-blue);
  border-width: var(--print-basket-tooltip-arrow-size);
  margin-top: calc(-1 * var(--print-basket-tooltip-arrow-size));
}
.print-basket-category .remove-btn {
  content: "";
  display: inline-block;
  padding: calc(var(--mobile-side-gutter) / 2);
  color: var(--color-white);
  text-align: center;
  margin-left: auto;
}
.print-basket-category .remove-btn .icon {
  display: block;
  transition: var(--trans-timing-default) var(--trans-default-duration);
  transition-property: opacity, background;
  transition-delay: 0s;
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--color-light-grey);
  background-position: center;
  background-size: calc(var(--print-basket-remove-btn-size) - 0.5rem) 0.25rem;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='11px'%20height='3px'%20viewBox='0%200%2011%203'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eLine%203%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20stroke-linecap='square'%3e%3cg%20id='4-copy'%20transform='translate(-1004.000000,%20-1006.000000)'%20stroke='%234D4E53'%20stroke-width='1.5'%3e%3cg%20id='Group-8-Copy-2'%20transform='translate(999.000000,%20997.000000)'%3e%3cg%20id='Group-4'%20transform='translate(6.000000,%209.000000)'%3e%3cpath%20d='M0.5,1.5%20L8.5,1.5'%20id='Line-3'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  width: var(--print-basket-remove-btn-size);
  height: var(--print-basket-remove-btn-size);
}
.print-basket-category .remove-btn:hover .icon {
  background-color: var(--print-basket-light-grey-darken-10);
}
body.print-basket-open {
  overflow: hidden;
}
body.print-basket-open .PrintBasket {
  z-index: var(--z-doc-basket-open);
}
body.print-basket-open > .print-basket-category {
  box-shadow: var(--print-basket-box-shadow);
}
.drag-helper {
  z-index: calc(var(--z-doc-basket-open) + 1);
}
:root {
  --printBasketButton-size: 3.5rem;
  --printBasketButton-mobileSize: 3.5rem;
}
.PrintBasketButton-wrapper {
  position: fixed;
  top: auto;
  right: calc(var(--mobile-side-gutter) + var(--printBasketButton-size) + var(--small-padding));
  bottom: 0.625rem;
  width: var(--printBasketButton-mobileSize);
  height: var(--printBasketButton-mobileSize);
  z-index: var(--z-float-btn);
  transition: opacity 0.2s, top 0.5s, right 0.5s;
}
@media only screen and (min-width: 460px) {
.PrintBasketButton-wrapper {
    bottom: var(--mobile-side-gutter);
}
}
@media only screen and (max-width: 767px) {
.categories-page .PrintBasketButton-wrapper {
    right: var(--default-padding);
}
.categories-page .PrintBasketButton-wrapper.search-open {
    right: calc(var(--default-padding) + var(--printBasketButton-size) + var(--small-padding));
}
}
@media only screen and (min-width: 480px) {
.PrintBasketButton-wrapper {
    bottom: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 768px) {
.PrintBasketButton-wrapper {
    position: absolute;
    top: calc(var(--default-padding) + var(--printBasketButton-size) + var(--small-padding));
    right: var(--default-padding);
    width: var(--printBasketButton-size);
    height: var(--printBasketButton-size);
}
.categories-page .PrintBasketButton-wrapper {
    top: var(--default-padding);
    right: var(--default-padding);
}
.categories-page .PrintBasketButton-wrapper.search-open {
    top: calc(var(--default-padding) + var(--printBasketButton-size) + var(--small-padding));
}
.PrintBasketButton-wrapper .PrintBasketButton {
    box-shadow: none;
}
}
.PrintBasketButton-wrapper .PrintBasketButton {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--printBasketButton-mobileSize);
  height: var(--printBasketButton-mobileSize);
  border-radius: 50%;
  background-color: var(--color-light-grey);
  background-position: center;
  color: var(--color-white);
  text-align: center;
  transition: var(--trans-timing-default) var(--trans-default-duration);
  transition-property: opacity, background-color;
  transition-delay: 0s;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
.PrintBasketButton-wrapper .PrintBasketButton {
    width: var(--printBasketButton-size);
    height: var(--printBasketButton-size);
    box-shadow: none;
}
}
.topic-page .PrintBasketButton-wrapper .PrintBasketButton, .categories-page .PrintBasketButton-wrapper .PrintBasketButton, .category-page .PrintBasketButton-wrapper .PrintBasketButton {
  opacity: 1;
  pointer-events: auto;
}
.menu-open .PrintBasketButton-wrapper .PrintBasketButton, .sidebar-open .PrintBasketButton-wrapper .PrintBasketButton {
  pointer-events: none !important;
  z-index: 100;
}
.PrintBasketButton-wrapper .PrintBasketButton:before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 50%;
  background-color: var(--color-light-grey);
  transition: ease-in-out 0.15s;
  opacity: 0;
  pointer-events: none;
}
.PrintBasketButton-wrapper .PrintBasketButton:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--color-light-grey);
  transform: scale(1.5);
  opacity: 0;
}
.PrintBasketButton-wrapper .PrintBasketButton:active {
  background-color: var(--color-light-grey-darken-10);
}
.no-touch .PrintBasketButton-wrapper .PrintBasketButton:hover {
  cursor: pointer;
  background-color: var(--color-light-grey-darken-10);
}
.PrintBasketButton-wrapper .PrintBasketButton .icon {
  --icon-width: 1.375rem;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: var(--icon-width);
  height: 100%;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='20px'%20height='24px'%20viewBox='0%200%2020%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%2011%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='4-copy'%20transform='translate(-1366.000000,%20-258.000000)'%20stroke='%234D4E53'%20stroke-width='1.25'%3e%3cg%20id='Group-11'%20transform='translate(1367.000000,%20259.000000)'%3e%3cg%20id='Group-10'%20transform='translate(3.000000,%200.000000)'%3e%3cpath%20d='M0,0%20L0.0415039062,19.1628445%20C9.91914728,19.1628445%2014.857969,19.1628445%2014.857969,19.1628445%20C14.857969,19.1628445%2014.857969,14.4618674%2014.857969,5.05991309%20L9.82910156,0%20L0,0%20Z'%20id='Path-6'%3e%3c/path%3e%3cpolyline%20id='Path-8'%20points='9.5%200%209.5%204.97243792%2014.7484435%204.97243792'%3e%3c/polyline%3e%3cpath%20d='M4,8.5%20C4.23551432,8.5%206.64767895,8.5%2011.2364939,8.5'%20id='Path-9'%3e%3c/path%3e%3cpath%20d='M4,11.5%20C4.23551432,11.5%206.64767895,11.5%2011.2364939,11.5'%20id='Path-9-Copy'%3e%3c/path%3e%3cpath%20d='M4,14.5%20C4.23551432,14.5%206.64767895,14.5%2011.2364939,14.5'%20id='Path-9-Copy-2'%3e%3c/path%3e%3c/g%3e%3cpolyline%20id='Path-10'%20points='2.54516602%202.79321289%200.122976152%202.79321289%200.122976152%2021.8197793%2015.9170304%2021.8197793%2015.9170304%2019.1892708'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--icon-width) auto;
}
.PrintBasketButton-wrapper .PrintBasketButton .count {
  --background-size: 1.75rem;
  width: var(--background-size);
  line-height: var(--background-size);
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-default);
  color: white;
  background-color: transparent;
  font-size: 0.75rem;
  z-index: 1;
}
.PrintBasketButton-wrapper .PrintBasketButton .count:after {
  --background-size: 1.625rem;
  content: "";
  display: block;
  width: var(--background-size);
  height: var(--background-size);
  background-color: var(--color-accent-primary);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: background-color var(--trans-timing-default) var(--trans-default-duration);
}
.PrintBasketButton-wrapper .PrintBasketButton .count.show {
  opacity: 1;
  visibility: visible;
}
.PrintBasketButton-wrapper.limit-warning .PrintBasketButton .count:after {
  background-color: var(--color-orange);
}
.PrintBasketButton-wrapper.limit-reached .PrintBasketButton .count:after {
  background-color: var(--color-dark-red);
}
.PrintBasketButton-wrapper.is-pulsating .PrintBasketButton:before {
  opacity: 1;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.PrintBasketButton-wrapper.search-open .PrintBasketButton {
  background-color: #cecece;
}
@keyframes pulse-ring {
0% {
    transform: scale(0.33);
}
80%, 100% {
    opacity: 0;
}
}
@keyframes pulse-dot {
0% {
    transform: scale(0.9);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(0.9);
}
}
:root {
  --feedbackButton-size: 3.25rem;
  --feedbackButton-mobileSize: 3.5rem;
  --feedbackForm-width: 23.75rem;
  --feedbackForm-maxHeight: 40.625rem;
  --feedbackForm-background: var(--color-white);
  --feedback-close-button-size: 0.9375rem;
  --feedbackButton-background: var(--color-light-grey);
  --feedbackButton-background-hover: #c5c5c5; /* Equivalent to darken($color-light-grey, 10%) */
  --form-input-spacing: 1.5625rem;
  --form-transition: var(--trans-timing-default) var(--trans-default-duration);
}
.FeedbackForm-wrapper {
  position: fixed;
  bottom: var(--mobile-side-gutter);
  right: calc(var(--feedbackButton-mobileSize) * 2 + var(--mobile-side-gutter) * 2.5);
  z-index: var(--z-float-btn);
  max-height: var(--feedbackButton-mobileSize);
  background-color: var(--feedbackButton-background);
  border-color: transparent;
  border-radius: 50%;
  overflow: hidden;
  transition: width var(--form-transition), max-height var(--form-transition), opacity var(--form-transition), background-color 0.6s, right var(--form-transition);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.FeedbackForm-wrapper.closing {
  transition: width var(--form-transition), max-height var(--form-transition), opacity var(--form-transition), background-color 0.6s;
}
@media only screen and (max-width: 459px) {
.FeedbackForm-wrapper {
    bottom: 0.625rem;
}
}
@media only screen and (max-width: 767px) {
.categories-page .FeedbackForm-wrapper {
    right: calc(var(--feedbackButton-mobileSize) + var(--mobile-side-gutter) * 2.5);
}
.categories-page .FeedbackForm-wrapper.search-open {
    right: calc(var(--feedbackButton-mobileSize) * 2 + var(--mobile-side-gutter) * 4);
}
}
@media only screen and (min-width: 480px) {
.FeedbackForm-wrapper {
    bottom: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 768px) {
.FeedbackForm-wrapper {
    right: var(--default-padding);
    max-height: var(--feedbackButton-size);
    background-color: var(--feedbackButton-background-hover);
    border-radius: 1px;
    box-shadow: none;
}
.FeedbackForm-wrapper .FeedbackFormButton {
    box-shadow: none;
}
}
@media only screen and (min-width: 992px) {
.FeedbackForm-wrapper {
    bottom: calc(var(--mobile-side-gutter) * 3);
}
}
.FeedbackForm-wrapper .FeedbackForm-closeButton {
  opacity: 0;
  pointer-events: none;
  --closeBtnPadding: 0.5rem;
  position: absolute;
  top: calc(var(--form-input-spacing) - var(--closeBtnPadding) - 0.3125rem);
  right: calc(var(--mobile-side-gutter) - var(--closeBtnPadding));
  display: block;
  width: calc(var(--feedback-close-button-size) + var(--closeBtnPadding) * 2);
  height: calc(var(--feedback-close-button-size) + var(--closeBtnPadding) * 2);
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='Close'%3e%3cg%20id='Line%202'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%200.620117%202.35474)'%20stroke='%234D4E53'/%3e%3c/g%3e%3cg%20id='Line%202.1'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2020.8374%202.67902)'%20stroke='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: var(--feedback-close-button-size);
  background-position: center;
  cursor: pointer;
  transition: all var(--form-transition);
}
.FeedbackForm-wrapper .FeedbackForm-closeButton:hover {
  opacity: 0.8;
}
.FeedbackForm-wrapper .FeedbackFormButton {
  --icon-width: 1.375rem;
  bottom: 0;
  right: 0;
  width: var(--feedbackButton-mobileSize);
  height: var(--feedbackButton-mobileSize);
  border-radius: 50%;
  background-color: var(--feedbackButton-background);
  background-position: center;
  color: var(--color-white);
  text-align: center;
  transition: var(--trans-timing-default) var(--trans-default-duration);
  transition-property: opacity, background-color;
  transition-delay: 0s;
  z-index: 1;
}
.FeedbackForm-wrapper .FeedbackFormButton .button-text {
  display: none;
  white-space: nowrap;
  line-height: calc(var(--feedbackButton-size) - 0.25rem);
  color: var(--color-black);
  font-weight: var(--font-weight-semibold);
}
@media only screen and (min-width: 768px) {
.FeedbackForm-wrapper .FeedbackFormButton {
    height: var(--feedbackButton-size);
    width: auto;
    box-shadow: none;
    border-radius: 1px;
    padding: 0 0.9375rem 0 calc(var(--icon-width) + 1.875rem);
}
.FeedbackForm-wrapper .FeedbackFormButton .button-text {
    display: inline-block;
}
}
.menu-open .FeedbackForm-wrapper .FeedbackFormButton, .sidebar-open .FeedbackForm-wrapper .FeedbackFormButton {
  pointer-events: none !important;
  z-index: 100;
}
.FeedbackForm-wrapper .FeedbackFormButton:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--color-light-grey);
  transform: scale(1.5);
  opacity: 0;
}
.FeedbackForm-wrapper .FeedbackFormButton:active {
  background-color: var(--feedbackButton-background-hover);
}
.no-touch .FeedbackForm-wrapper .FeedbackFormButton:hover {
  cursor: pointer;
  background-color: var(--feedbackButton-background-hover);
}
.FeedbackForm-wrapper .FeedbackFormButton .icon {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: var(--icon-width);
  height: 100%;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='30'%20height='30'%20fill='none'%20version='1.1'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cmetadata%3e%3crdf:RDF%3e%3ccc:Work%20rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type%20rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3e%3cdc:title/%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cpath%20d='m21.6%200h-19.2c-1.32%200-2.388%201.08-2.388%202.4l-0.012%2021.6%204.8-4.8h16.8c1.32%200%202.4-1.08%202.4-2.4v-14.4c0-1.32-1.08-2.4-2.4-2.4zm0%2016.8h-17.796l-1.404%201.404v-15.804h19.2zm-10.8-4.8h2.4v2.4h-2.4zm0-7.2h2.4v4.8h-2.4z'%20fill='%234d4e53'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: var(--icon-width) auto;
  transition: var(--form-transition);
}
@media only screen and (min-width: 768px) {
.FeedbackForm-wrapper .FeedbackFormButton .icon {
    left: var(--mobile-side-gutter);
    top: 0;
    transform: none;
}
}
.FeedbackForm-wrapper .FeedbackForm {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: var(--feedbackForm-width);
  max-width: 100%;
  padding: var(--form-input-spacing) var(--mobile-side-gutter) var(--mobile-side-gutter) var(--mobile-side-gutter);
  transition: all var(--form-transition);
}
.FeedbackForm-wrapper .FeedbackForm-Title {
  margin-top: 0;
  padding-right: calc(var(--mobile-side-gutter) + var(--feedback-close-button-size));
}
.FeedbackForm-wrapper .FeedbackForm .form-input {
  margin-top: var(--form-input-spacing);
  border-bottom: 1px solid var(--color-light-grey);
  transition: var(--transition-default);
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.3125rem 0;
  margin-bottom: 0;
  height: auto;
  outline: none;
}
.FeedbackForm-wrapper .FeedbackForm .form-input::placeholder {
  color: var(--color-grey);
}
.FeedbackForm-wrapper .FeedbackForm .form-input:hover, .FeedbackForm-wrapper .FeedbackForm .form-input:focus {
  border-color: var(--color-black);
}
.FeedbackForm-wrapper .FeedbackForm textarea {
  border: 1px solid var(--color-light-grey);
  padding: 0.625rem !important;
  height: auto;
  resize: none;
}
.FeedbackForm-wrapper .FeedbackForm .FilterDropdown {
  min-width: 0;
  width: 100%;
  margin-top: var(--form-input-spacing);
}
.FeedbackForm-wrapper .FeedbackForm .FilterDropdown .FilterButton {
  border-top: none;
  border-left: none;
  border-right: none;
  max-width: 100%;
  padding: 0.3125rem 0;
}
.FeedbackForm-wrapper .FeedbackForm .FilterDropdown .FilterButton:after {
  margin-right: 0.625rem;
}
.FeedbackForm-wrapper .FeedbackForm .FilterDropdown .FilterButton:hover {
  box-shadow: none;
}
.FeedbackForm-wrapper .FeedbackForm .FilterDropdown:not(.has-value):not(.disabled) .FilterButton-value {
  color: var(--color-grey);
}
.FeedbackForm-wrapper .FeedbackForm .btn {
  margin: var(--form-input-spacing) auto 0 auto;
}
.FeedbackForm-wrapper .sentMessage {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--trans-timing-default) var(--trans-default-duration);
  left: var(--mobile-side-gutter);
  font-size: 1.125rem;
  height: 0;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-top: 0;
  padding-right: calc(var(--feedback-close-button-size) + var(--mobile-side-gutter));
}
.FeedbackForm-wrapper .sentMessage p {
  text-align: left;
}
.FeedbackForm-wrapper.open {
  max-height: var(--feedbackForm-maxHeight);
  width: var(--feedbackForm-width);
  max-width: 100%;
  background-color: var(--feedbackForm-background);
  border: 1px solid var(--border-color);
  border-radius: 2px;
  transition: all var(--form-transition), background-color 0.4s;
  bottom: calc(var(--mobile-side-gutter) + var(--feedbackButton-mobileSize));
}
@media only screen and (max-width: 767px) {
.FeedbackForm-wrapper.open {
    right: 50%;
    transform: translateX(50%);
    transition: width var(--form-transition), max-height var(--form-transition), opacity var(--form-transition), background-color 0.6s, right var(--form-transition), transform var(--form-transition), left var(--form-transition), bottom var(--form-transition);
}
}
@media only screen and (min-width: 480px) {
.FeedbackForm-wrapper.open {
    bottom: calc(var(--tablet-side-gutter) * 2 + var(--feedbackButton-mobileSize));
}
}
@media only screen and (min-width: 768px) {
.FeedbackForm-wrapper.open {
    bottom: calc(var(--mobile-side-gutter) * 2.5);
}
}
.FeedbackForm-wrapper.open .FeedbackForm {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0.3s;
}
.FeedbackForm-wrapper.open .FeedbackFormButton {
  position: absolute;
  pointer-events: none;
  background-color: var(--feedbackForm-background) !important;
  opacity: 0;
  transition-property: opacity, background-color, right, transform;
}
@media only screen and (max-width: 767px) {
.FeedbackForm-wrapper.open .FeedbackFormButton {
    right: 50%;
    transform: translateX(50%);
}
}
.FeedbackForm-wrapper.open .FeedbackForm-closeButton {
  opacity: 1;
  pointer-events: auto;
}
.FeedbackForm-wrapper.open .errorMessage {
  margin-top: 0.625rem;
}
.FeedbackForm-wrapper.open .errorMessage, .FeedbackForm-wrapper.open .errorMessage * {
  color: var(--color-dark-red);
}
.FeedbackForm-wrapper.feedback-sent {
  max-height: calc(var(--feedbackButton-mobileSize) * 1.5);
}
.FeedbackForm-wrapper.feedback-sent .innerContainer {
  opacity: 0;
  pointer-events: none;
}
.FeedbackForm-wrapper.feedback-sent #FeedbackSubmitBtn {
  opacity: 0 !important;
  pointer-events: none;
  transition: var(--transition-default);
  display: none;
}
.FeedbackForm-wrapper.feedback-sent #FeedbackSubmitBtn.sending {
  background-color: var(--color-accent-primary);
}
.FeedbackForm-wrapper.feedback-sent .sentMessage {
  opacity: 1;
  pointer-events: auto;
  min-height: 3.75rem;
  margin-top: -1rem;
}
.FeedbackForm-wrapper.search-open .FeedbackFormButton {
  background-color: #cecece;
}
.print-preview .FeedbackForm-wrapper,
.modal-page .FeedbackForm-wrapper {
  right: var(--mobile-side-gutter);
  bottom: var(--mobile-side-gutter);
  transform: none;
}
@media (max-width: var(--feedbackForm-width)) {
.print-preview .FeedbackForm-wrapper.open,
  .modal-page .FeedbackForm-wrapper.open {
    right: 0;
}
}
.print-preview .FeedbackForm-wrapper.open .FeedbackFormButton,
.modal-page .FeedbackForm-wrapper.open .FeedbackFormButton {
  right: 0;
  transform: none;
}
:root {
  --related-topics-side-padding: 0; /* Equivalent to 0 */
  --related-topics-margin-top: var(--spacing-medium);
  --related-topics-margin-bottom: var(--spacing-large);
  --related-topics-item-padding-top: 1.125rem;
  --related-topics-item-padding-bottom: 1.25rem;
  --related-topics-item-categories-font-size: 0.8125rem;
  --related-topics-header-margin-bottom: 0.625rem;
}
.RelatedTopics-wrapper {
  margin-top: var(--related-topics-margin-top);
  margin-bottom: var(--related-topics-margin-bottom);
}
.RelatedTopics-header {
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
  padding-bottom: 0.625rem;
  border-bottom: 2px solid var(--color-foreground);
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  margin-top: 0;
  margin-bottom: var(--related-topics-header-margin-bottom);
}
@media only screen and (min-width: 480px) {
.RelatedTopics-header {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
.RelatedTopics-listing {
  list-style: none;
}
.RelatedTopics-item {
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-light-grey);
}
.RelatedTopics-item a {
  display: block;
  padding: var(--related-topics-item-padding-top) var(--related-topics-side-padding) var(--related-topics-item-padding-bottom);
  font-weight: var(--font-weight-light);
  color: var(--color-accent-primary);
}
.RelatedTopics-item .RelatedTopics-itemCategories {
  font-size: var(--related-topics-item-categories-font-size);
  font-weight: var(--font-weight-semibold);
  color: var(--color-black);
}
.RelatedTopics-item .more-categories {
  display: inline;
  margin-left: 0;
  color: var(--color-grey);
}
.RelatedTopics-item .more-categories:before {
  content: "+";
  margin-right: 0.25em;
}
.RelatedTopics-item .more-categories ul {
  display: inline-block;
  font-size: inherit;
  list-style: none;
  transition: opacity ease-in-out 0.25s;
  opacity: 0;
}
.RelatedTopics-item .more-categories li {
  display: inline-block;
}
.RelatedTopics-item .more-categories li:after {
  content: ",";
}
.RelatedTopics-item .more-categories li:last-child:after {
  content: "";
}
:root {
  --searchButton-size: 3.5rem;
  --searchButton-mobileSize: 3.5rem;
  --searchButton-light-grey-darken-10: #c5c5c5; /* Equivalent to darken($color-light-grey, 10%) */
}
.show-image-overlay .SearchButton-wrapper {
  opacity: 0;
  pointer-events: none;
}
.lt-ie11 .show-image-overlay .SearchButton-wrapper {
  display: none;
}
.SearchButton-wrapper {
  position: absolute;
  z-index: var(--z-float-btn);
  top: var(--default-padding);
  right: var(--default-padding);
  width: var(--searchButton-size);
  height: var(--searchButton-size);
}
@media only screen and (max-width: 767px) {
.SearchButton-wrapper {
    position: fixed;
    top: auto;
    right: var(--mobile-side-gutter);
    bottom: var(--mobile-side-gutter);
    width: var(--searchButton-mobileSize);
    height: var(--searchButton-mobileSize);
}
.SearchButton-wrapper .SearchButton {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.SearchButton-wrapper {
    bottom: var(--tablet-side-gutter);
    right: var(--tablet-side-gutter);
}
}
@media only screen and (max-width: 459px) {
.SearchButton-wrapper {
    bottom: 0.625rem;
}
}
.SearchButton {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--searchButton-mobileSize);
  height: var(--searchButton-mobileSize);
  border-radius: 50%;
  background-color: var(--color-light-grey);
  background-position: center;
  color: var(--color-white);
  text-align: center;
  transition: opacity var(--trans-timing-default) var(--trans-default-duration) 0s, background var(--trans-timing-default) var(--trans-default-duration) 0s;
  pointer-events: none;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
.SearchButton {
    width: var(--searchButton-size);
    height: var(--searchButton-size);
}
}
.topic-page .SearchButton, .category-page .SearchButton {
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--trans-timing-default) var(--trans-default-duration) 0.8s, background var(--trans-timing-default) var(--trans-default-duration) 0s;
  /*
          transition-duration: .45s;
          transition-delay: .35s;

          &.SearchButton--close {
              transition-duration: $trans-default-duration;
              transition-delay: 0s;
          }
          */
}
.menu-open .SearchButton, .sidebar-open .SearchButton {
  pointer-events: none !important;
  z-index: 100;
}
.categories-page .SearchButton {
  /*transition-duration: .1s;*/
}
.categories-page .SearchButton .search-icon {
  opacity: 0;
}
.categories-page .SearchButton .close-icon {
  opacity: 1;
}
.categories-page .SearchButton.SearchButton--close {
  opacity: 1;
  pointer-events: auto;
}
.SearchButton:before {
  content: "";
  position: relative;
  z-index: 0;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 50%;
  background-color: var(--color-light-grey);
  transition: ease-in-out 0.15s;
  opacity: 0;
  pointer-events: none;
}
.SearchButton:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--color-light-grey);
  transform: scale(1.5);
  opacity: 0;
}
.SearchButton .search-icon,
.SearchButton .close-icon {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity var(--trans-timing-default) var(--trans-default-duration);
}
.SearchButton .search-icon:before,
.SearchButton .close-icon:before {
  transition: inherit;
}
.SearchButton .search-icon {
  transition-delay: 0.15s;
}
.SearchButton .search-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: var(--searchButton-mobileSize);
  height: var(--searchButton-mobileSize);
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20class='feather%20feather-search'%20width='20.01'%20height='20.01'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20version='1.1'%20viewBox='0%200%2020.01%2020.01'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cg%20transform='translate(-2,-2)'%20stroke='%234d4e53'%3e%3ccircle%20cx='11'%20cy='11'%20r='8'/%3e%3cline%20x1='21'%20x2='16.65'%20y1='21'%20y2='16.65'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 1.375rem;
  background-position: center;
}
@media only screen and (min-width: 768px) {
.SearchButton .search-icon:before {
    width: var(--searchButton-size);
    height: var(--searchButton-size);
}
}
.SearchButton .close-icon {
  opacity: 0;
}
.SearchButton .close-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: var(--searchButton-mobileSize);
  height: var(--searchButton-mobileSize);
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='Close'%3e%3cg%20id='Line%202'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%200.620117%202.35474)'%20stroke='%234D4E53'/%3e%3c/g%3e%3cg%20id='Line%202.1'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2020.8374%202.67902)'%20stroke='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 1.375rem auto;
  background-position: center;
  line-height: var(--searchButton-size);
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
.SearchButton .close-icon:before {
    width: var(--searchButton-size);
    height: var(--searchButton-size);
}
}
.SearchButton:active {
  background-color: var(--searchButton-light-grey-darken-10);
}
.no-touch .SearchButton:hover {
  cursor: pointer;
  background-color: var(--searchButton-light-grey-darken-10);
}
.SearchButton.is-pulsating {
  /*animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;*/
}
.SearchButton.is-pulsating:before {
  opacity: 1;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.SearchButton--close {
  transition-delay: 0s;
  background-color: var(--color-ghost-grey);
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.22) !important;
}
.SearchButton--close:before {
  opacity: 0 !important;
}
.SearchButton--close .search-icon {
  opacity: 0;
  transition-delay: 0s;
}
.SearchButton--close .close-icon {
  opacity: 1;
  transition-delay: 0.15s;
}
.SearchButton--close:active {
  background-color: var(--color-white);
}
.SearchButton--close:active .close-icon:before {
  opacity: 1;
}
.no-touch .SearchButton--close:hover {
  cursor: pointer;
  background-color: var(--color-white);
}
.no-touch .SearchButton--close:hover .close-icon:before {
  opacity: 1;
}
@keyframes pulse-ring {
0% {
    transform: scale(0.33);
}
80%, 100% {
    opacity: 0;
}
}
@keyframes pulse-dot {
0% {
    transform: scale(0.9);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(0.9);
}
}
:root {
  --instruct-padding: 0.625rem;
  --instruct-height: calc(1.25rem + var(--instruct-padding));
  --close-btn-width: var(--input-height);
  --close-btn-width-desktop: var(--input-large-height);
  --clear-icon-size: 0.75rem;
  --color-ghost-grey-darken-10: #e6e6e6; /* Equivalent to darken($color-ghost-grey, 10%) */
}
.SearchInput-instructions {
  height: var(--instruct-height);
  margin-top: calc(-1 * var(--instruct-height));
  padding-bottom: var(--instruct-padding);
  padding-left: var(--mobile-side-gutter);
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
  color: var(--color-grey);
  opacity: 0;
  transition: ease-in-out 0.25s;
  transition-property: opacity, transform, color;
  transform: translateY(3px);
}
@media only screen and (min-width: 480px) {
.SearchInput-instructions {
    padding-left: var(--default-padding);
}
}
.SearchInput--hasMatches .SearchInput-instructions {
  color: var(--color-accent-secondary);
  opacity: 1;
  transform: translateY(0);
}
.SearchInput--focus .SearchInput-instructions {
  opacity: 1;
  transform: translateY(0);
}
.SearchInput--focus .SearchInput-container {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.SearchInput-container {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  transition: box-shadow ease-in-out 0.2s;
}
.SearchInput-container:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  content: "";
  width: var(--close-btn-width);
  height: 100%;
  display: inline-block;
  pointer-events: none;
  transition: opacity ease-in-out var(--trans-default-duration);
  transition-delay: 0.2s;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20class='feather%20feather-search'%20width='20.01'%20height='20.01'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20version='1.1'%20viewBox='0%200%2020.01%2020.01'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cg%20transform='translate(-2,-2)'%20stroke='%234d4e53'%3e%3ccircle%20cx='11'%20cy='11'%20r='8'/%3e%3cline%20x1='21'%20x2='16.65'%20y1='21'%20y2='16.65'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 1.375rem;
  background-position: center;
}
@media only screen and (min-width: 480px) {
.SearchInput-container:after {
    width: var(--close-btn-width-desktop);
}
}
.SearchInput-container input {
  appearance: none;
  position: relative;
  float: left;
  width: 100%;
  height: var(--input-height);
  padding: 0 var(--small-padding);
  border: none;
  font-size: 1.125rem;
  -webkit-appearance: none;
  /* Hide the cancel button */
  /* Hide the magnifying glass */
}
.SearchInput-container input::-webkit-input-placeholder {
  color: var(--color-grey);
}
.SearchInput-container input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.SearchInput-container input::-moz-placeholder {
  color: var(--color-grey);
}
.SearchInput-container input:focus::-moz-placeholder {
  opacity: 0;
}
.SearchInput-container input:-ms-input-placeholder {
  color: var(--color-grey);
}
@media only screen and (min-width: 480px) {
.SearchInput-container input {
    padding: 0 var(--default-padding);
    font-size: 1.3125rem;
    height: var(--input-large-height);
}
}
.SearchInput-container input:focus {
  outline: 0;
}
.is-clickable .SearchInput-container input {
  cursor: pointer;
}
.is-clickable .SearchInput-container input:hover {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}
.SearchInput-container input::-ms-clear, .SearchInput-container input::-ms-reveal, .SearchInput-container input::-webkit-search-decoration, .SearchInput-container input::-webkit-search-cancel-button, .SearchInput-container input::-webkit-search-results-button, .SearchInput-container input::-webkit-clear-button, .SearchInput-container input::-webkit-search-results-decoration {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-appearance: none;
}
.SearchInput-container input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.SearchInput-container input::-webkit-search-results-button {
  -webkit-appearance: none;
}
.SearchInput-container input[type=search]::-ms-clear, .SearchInput-container input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.SearchInput-clear {
  width: var(--close-btn-width);
  height: var(--input-height);
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--color-white);
  color: var(--color-white);
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
.SearchInput-clear {
    height: var(--input-large-height);
    width: var(--close-btn-width-desktop);
}
}
.SearchInput-clear:after {
  content: "";
  position: absolute;
  width: var(--clear-icon-size);
  height: var(--input-large-height);
  background: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-clear'%20opacity='0.5'%3e%3cg%20id='Rectangle'%3e%3crect%20width='2.58065'%20height='16'%20transform='matrix(0.707107%20-0.707107%200.707107%200.707107%200.00012207%201.82477)'%20fill='black'/%3e%3c/g%3e%3cg%20id='Rectangle_2'%3e%3crect%20width='2.58065'%20height='16'%20transform='matrix(0.707107%200.707107%20-0.707107%200.707107%2011.3137%200)'%20fill='black'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: var(--clear-icon-size) var(--clear-icon-size);
  background-position: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition-default);
  opacity: 0;
}
.SearchInput--showClearButton input {
  width: calc(100% - var(--close-btn-width));
  margin-right: var(--close-btn-width);
}
@media only screen and (min-width: 480px) {
.SearchInput--showClearButton input {
    width: calc(100% - var(--close-btn-width-desktop));
    margin-right: var(--close-btn-width-desktop);
}
}
.search-opened .SearchInput--showClearButton input {
  pointer-events: auto;
}
.SearchInput--showClearButton .SearchInput-container:after {
  opacity: 0;
  transition-delay: 0s;
}
.SearchInput--showClearButton .SearchInput-clear:after {
  opacity: 0.5;
  transition-delay: 0.2s;
}
.SearchInput--showClearButton .SearchInput-clear:active {
  background-color: var(--color-ghost-grey);
}
.SearchInput--showClearButton .SearchInput-clear:active:after {
  opacity: 1;
}
.no-touch .SearchInput--showClearButton .SearchInput-clear:hover:after {
  opacity: 1;
}
:root {
  --search-modal-mode-padding: 0.625rem;
  --search-modal-mode-font-size: 0.9375rem;
  --search-modal-header-padding: 0.625rem;
  --search-modal-header-font-size: 0.75rem;
  --search-modal-empty-line-height: 2rem;
  --search-modal-searchAll-padding: 1.875rem;
}
.search-opened {
  overflow: hidden;
}
.search-opened .sidebar {
  overflow: hidden;
}
.search-opened .SearchModal {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 1;
  pointer-events: auto;
}
.lt-ie11 .search-opened .SearchModal {
  display: block !important;
}
.SearchModal {
  overflow: hidden;
  display: block !important;
  position: fixed;
  top: 0;
  z-index: var(--z-search-modal);
  right: 0;
  width: 100%;
  height: 100vh;
  padding-bottom: var(--spacing-large);
  backface-visibility: hidden;
  opacity: 0;
  background-color: var(--color-light-grey);
  transition: opacity var(--trans-default-duration) var(--trans-timing-default);
  pointer-events: none;
}
@media only screen and (min-width: 992px) {
.SearchModal {
    top: calc(var(--top-menu-height-desktop) + var(--breadcrumb-height));
    height: calc(100vh - var(--top-menu-height-desktop) - var(--sub-menu-height));
}
}
@media only screen and (min-width: 768px) {
.submenu-fixed .SearchModal {
    top: calc(var(--breadcrumb-height));
    height: calc(100vh - var(--sub-menu-height));
}
}
.lt-ie11 .SearchModal {
  display: none !important;
}
.SearchModal-inner {
  min-height: 0;
  margin-top: var(--spacing-large);
  margin-bottom: var(--content-margin-bottom);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - var(--spacing-small) * 2);
  max-width: var(--main-content-width);
}
@media only screen and (min-width: 768px) {
.SearchModal-inner {
    margin-top: var(--spacing-extra-large);
}
}
@media only screen and (min-width: 992px) {
.SearchModal-inner {
    margin-top: var(--content-margin-top);
}
}
@media only screen and (max-width: 991px) {
.SearchModal-inner {
    width: calc(100% - var(--tablet-side-gutter) * 2);
}
}
@media only screen and (max-width: 479px) {
.SearchModal-inner {
    width: calc(100% - var(--mobile-side-gutter) * 2);
}
}
.SearchModal-content {
  position: relative;
}
.SearchModal .SearchInput-container {
  margin-bottom: 0;
}
.SearchModal-mode {
  display: table;
  width: 100%;
  margin: var(--spacing-medium) 0;
  text-align: center;
  color: var(--color-grey);
}
.SearchModal-mode label {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center;
}
.SearchModal-mode label input {
  display: none;
}
.SearchModal-mode label span {
  display: block;
  padding: var(--search-modal-mode-padding) 1.25rem;
  font-size: var(--search-modal-mode-font-size);
  border: 1px solid var(--color-grey);
  color: var(--color-charcoal);
  cursor: pointer;
  max-width: 50vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SearchModal-mode label input:checked + span {
  background-color: var(--color-grey);
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
}
.SearchModal .SearchResults {
  padding-top: var(--spacing-large);
}
.SearchModal .SearchResults mark {
  background-color: var(--color-marked);
  color: var(--color-black);
}
.SearchModal .SearchResults ul {
  margin-left: 0;
}
.SearchModal .SearchResults-header {
  padding: var(--search-modal-header-padding) 0 1.25rem;
  text-align: right;
  font-size: var(--search-modal-header-font-size);
  color: var(--color-grey);
}
.SearchModal .SearchResults-empty {
  padding: var(--spacing-large) var(--spacing-extra-small) var(--spacing-medium);
  text-align: center;
  color: var(--color-grey);
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  line-height: var(--search-modal-empty-line-height);
  font-weight: var(--font-weight-light);
}
@media only screen and (min-width: 480px) {
.SearchModal .SearchResults-empty {
    padding: calc(1.5 * var(--spacing-large)) var(--spacing-extra-small) var(--spacing-medium);
}
}
@media only screen and (min-width: 480px) {
.SearchModal .SearchResults-empty {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
[lang=zh] .SearchModal .SearchResults-empty {
  font-weight: var(--font-weight-regular);
}
.SearchModal .SearchResults-empty .inner-container {
  max-width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
}
.SearchModal .SearchResults-searchAll {
  margin-top: var(--spacing-medium);
  border-top: 1px solid var(--color-grey);
}
.SearchModal .SearchResults-searchAll a {
  display: block;
  padding: var(--search-modal-searchAll-padding);
  text-align: center;
  font-weight: var(--font-weight-bold);
  color: var(--color-accent-primary);
}
.SearchModal .SearchResults-searchAll a:hover, .SearchModal .SearchResults-searchAll a:active {
  color: var(--color-accent-primary);
}
.SearchModal .SearchResults--contextSearch .debug {
  display: none;
}
.SearchModal .SearchResults .category-root-topics {
  margin-top: var(--spacing-extra-large);
}
.SearchModal .SearchModal-default {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.SearchModal .category-wrapper {
  margin-top: calc(var(--spacing-large) - var(--spacing-extra-small));
  margin-bottom: calc(2 * var(--spacing-large));
}
.SearchModal .SearchModal-history {
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large);
}
@media only screen and (min-width: 480px) {
.SearchModal .SearchModal-history {
    margin-top: calc(var(--spacing-large) + var(--spacing-extra-small));
    margin-bottom: calc(var(--spacing-large) + var(--spacing-small));
}
}
.SearchModal .SearchModal-history h2 {
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 0;
  /*padding-top: $spacing-extra-small;*/
  padding-bottom: var(--spacing-extra-small);
  padding-left: var(--small-padding);
}
@media only screen and (min-width: 480px) {
.SearchModal .SearchModal-history h2 {
    font-size: 1.625rem;
    line-height: 1.875rem;
}
}
@media only screen and (min-width: 480px) {
.SearchModal .SearchModal-history h2 {
    padding-left: var(--default-padding);
}
}
.SearchModal .SearchModal-history ul {
  list-style: none;
}
.SearchModal .SearchModal-history li {
  position: relative;
  margin: 0;
}
.no-touch .SearchModal .SearchModal-history li:hover .remove {
  opacity: 1;
}
.SearchModal a {
  display: block;
  padding: 0.3125rem var(--small-padding);
  color: var(--color-accent-primary);
  font-size: 1.3125rem;
  line-height: 1.625rem;
  font-weight: var(--font-weight-light);
}
[lang=zh] .SearchModal a {
  font-weight: var(--font-weight-regular);
}
@media only screen and (min-width: 480px) {
.SearchModal a {
    padding: 0.625rem var(--default-padding);
    font-size: 1.625rem;
    line-height: 1.3125rem;
}
}
.SearchModal .remove {
  position: absolute;
  top: 0.35em;
  left: 0;
  font-size: 1em;
  padding: 0.3125rem 0.625rem;
  transition: ease-in-out 0.15s;
  transition-property: color, opacity;
}
@media only screen and (max-width: 479px) {
.SearchModal .remove {
    left: -0.5rem;
    padding-top: 0.0625rem;
    padding-bottom: 0.0625rem;
}
}
.no-touch .SearchModal .remove {
  opacity: 0;
}
.no-touch .SearchModal .remove:hover {
  color: var(--color-black);
}
.SearchModal .remove:active {
  color: var(--color-black);
}
:root {
  --arrow-size: 1.25rem;
}
.Sidebar {
  float: left;
  width: var(--sidebar-width-sm);
  min-height: calc(100vh - var(--top-menu-height) - 6.25rem);
  padding-top: var(--spacing-large);
  /*border-right: 1px solid var(--border-color);*/
}
@media only screen and (min-width: 480px) {
.Sidebar {
    width: var(--sidebar-width);
}
}
.Sidebar-inner {
  padding: 0 2.1875rem var(--spacing-large) 2.8125rem;
  backface-visibility: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 992px) {
.Sidebar {
    min-height: 100%;
    max-height: calc(100vh - var(--sub-menu-height) - var(--spacing-large));
}
}
@media only screen and (max-width: 991px) {
.Sidebar {
    position: fixed;
    top: 0;
    left: 0;
    float: none;
    z-index: var(--z-sidebar);
    padding-top: 0;
    pointer-events: none;
}
.Sidebar .Sidebar-inner {
    position: relative;
    height: 100vh;
    padding-top: var(--sub-menu-height);
    background-color: var(--color-page-bg);
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transform: translateX(-100%);
    pointer-events: auto;
}
}
@media only screen and (max-width: 991px) and (min-width: 480px) {
.Sidebar .Sidebar-inner {
    padding-top: calc(var(--spacing-small) + var(--top-menu-height));
}
}
@media only screen and (max-width: 991px) and (min-width: 992px) {
.Sidebar .Sidebar-inner {
    padding-top: calc(var(--spacing-small) + var(--top-menu-height-desktop));
}
}
.Sidebar .close-btn {
  content: "";
  cursor: pointer;
  position: absolute;
  top: var(--mobile-side-gutter);
  right: var(--mobile-side-gutter);
  transition: var(--transition-default);
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='Close'%3e%3cg%20id='Line%202'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%200.620117%202.35474)'%20stroke='%234D4E53'/%3e%3c/g%3e%3cg%20id='Line%202.1'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2020.8374%202.67902)'%20stroke='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 1.125rem auto;
  background-position: center;
  width: 1.125rem;
  height: 1.125rem;
}
@media only screen and (min-width: 992px) {
.Sidebar .close-btn {
    display: none;
}
}
.Sidebar .Sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  opacity: 0;
  transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.35s;
}
@media only screen and (min-width: 992px) {
.Sidebar .Sidebar-backdrop {
    display: none;
}
}
.Sidebar .sidebar-open-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: calc(var(--z-sidebar) - 1);
  background-color: var(--color-accent-secondary);
  transition: cubic-bezier(0.23, 1, 0.32, 1) 0.35s;
  transition-property: transform, opacity;
  transition-delay: 0.5s;
  pointer-events: auto;
  overflow: hidden;
}
.search-opened .Sidebar .sidebar-open-btn, .show-image-overlay .Sidebar .sidebar-open-btn {
  opacity: 0;
  pointer-events: none;
  transition-delay: 0s;
  transform: translateX(-100%);
}
.lt-ie11 .search-opened .Sidebar .sidebar-open-btn, .lt-ie11 .show-image-overlay .Sidebar .sidebar-open-btn {
  display: none;
}
@media only screen and (min-width: 992px) {
.Sidebar .sidebar-open-btn {
    display: none;
}
}
.Sidebar .sidebar-open-btn a {
  --icon-toc-size: 1.125rem;
  --icon-toc-spacing: 0.625rem;
  display: inline-block;
  line-height: 3.125rem;
  padding: 0 var(--spacing-extra-small) 0 calc(var(--mobile-side-gutter) + var(--icon-toc-size) + var(--icon-toc-spacing));
  color: var(--color-white);
  position: relative;
}
.Sidebar .sidebar-open-btn a:before {
  content: "";
  position: absolute;
  left: var(--mobile-side-gutter);
  top: 50%;
  margin-top: -1px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3csvg%20width='19'%20height='14'%20viewBox='0%200%2019%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-toc'%3e%3cg%20id='Group%202'%3e%3cg%20id='Line%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2013%202L%200%202L%200%200L%2013%200L%2013%202Z'%20transform='translate(6%200)'%20fill='white'/%3e%3c/g%3e%3cg%20id='Line%20(Stroke)_2'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%203%202L%200%202L%200%200L%203%200L%203%202Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3cg%20id='Group%202_2'%3e%3cg%20id='Line%20(Stroke)_3'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2013%202L%200%202L%200%200L%2013%200L%2013%202Z'%20transform='translate(6%206)'%20fill='white'/%3e%3c/g%3e%3cg%20id='Line%20(Stroke)_4'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%203%202L%200%202L%200%200L%203%200L%203%202Z'%20transform='translate(0%206)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3cg%20id='Group'%3e%3cg%20id='Line%20(Stroke)_5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2013%202L%200%202L%200%200L%2013%200L%2013%202Z'%20transform='translate(6%2012)'%20fill='white'/%3e%3c/g%3e%3cg%20id='Line%20(Stroke)_6'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%203%202L%200%202L%200%200L%203%200L%203%202Z'%20transform='translate(0%2012)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: var(--icon-toc-size);
  background-position: center;
  width: var(--icon-toc-size);
  height: var(--icon-toc-size);
}
@media only screen and (max-width: 459px) {
.Sidebar .sidebar-open-btn a {
    color: transparent !important;
    height: 3.75rem;
    width: 3.75rem;
    padding: 0;
}
.Sidebar .sidebar-open-btn a:before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 480px) {
.Sidebar .sidebar-open-btn a {
    padding-left: calc(var(--tablet-side-gutter) + var(--icon-toc-size) + var(--icon-toc-spacing));
}
.Sidebar .sidebar-open-btn a:before {
    left: var(--tablet-side-gutter);
}
}
@media only screen and (max-width: 991px) {
.Sidebar.is-opened .Sidebar-inner {
    transform: translateX(0);
    transition-delay: 0.2s;
}
.Sidebar.is-opened .sidebar-open-btn {
    opacity: 0;
    transform: translateX(-100%);
    transition-delay: 0s;
}
.Sidebar.is-opened .Sidebar-backdrop {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
}
}
.Sidebar ul {
  list-style: none;
  margin: 0;
}
.Sidebar li {
  margin: 0;
  padding: 0;
}
.Sidebar a {
  display: block;
  font-weight: var(--font-weight-light);
  color: var(--color-charcoal);
}
[lang=zh] .Sidebar a {
  font-weight: var(--font-weight-regular);
}
.Sidebar-header {
  margin-bottom: var(--spacing-extra-small);
}
.Sidebar-header,
.Sidebar-header a {
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
}
.Sidebar .arrow {
  cursor: pointer;
  display: inline-block;
  width: var(--arrow-size);
  height: var(--arrow-size);
  position: absolute;
  left: -0.625rem;
  top: 0;
}
.Sidebar .arrow:after {
  position: absolute;
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADCSURBVHgBvdLBDcIwDAVQJ6o4ZwRG6ApMAkG9ZAo6AhxQRFsRmIRR6Ag9U0iIQRWnxs6Ff6klR6+OYoB/5Ng0Zded15yzYq7hnFPj099jqaQQm6raXiEROdfQWg8B/AFrH8KFmkwAkVPb1gLk7vPXxGQkxMVYEAdjQxSWBaUwmQstimIfPwPWHkKNa5INfXcr3GKp4l361/hY4Zpgj321HxLKCTHG9FOfBVEIC+IgJMRFklAOgqFfjYGQwamstUvO2TdNQ4yGRcimtQAAAABJRU5ErkJggg==") no-repeat;
  background-size: 0.625rem auto;
  background-position: center;
  width: var(--arrow-size);
  height: var(--arrow-size);
  top: 0;
  left: 0;
  margin-top: 0.25rem;
  margin-left: -0.8125rem;
  transition: transform 0.15s ease-in-out;
}
.Sidebar.active > a,
.Sidebar .active > a {
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent-secondary);
}
.Sidebar .main-category {
  position: relative;
  margin: 0 0 0.3125rem;
  padding: 0;
}
.Sidebar .main-category > a {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.Sidebar .main-category.child-active > .title {
  font-weight: var(--font-weight-semibold);
}
.Sidebar .main-category.open .arrow:after {
  left: 2px;
  top: -1px;
  transform: rotate(90deg);
}
.Sidebar .main-category.open .sub-categories {
  opacity: auto;
  max-height: 36.25rem;
  padding: 0.5rem 0;
  opacity: 1;
  pointer-events: auto;
}
.Sidebar .sub-categories {
  max-height: 0;
  transition: var(--transition-default);
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
.Sidebar .sub-category a {
  padding: 0.3125rem 1.25rem;
}
.expandable-content {
  display: grid;
  transition: grid-template-rows 300ms var(--trans-timing-default);
  grid-template-rows: 0fr;
  overflow: hidden;
}
.expandable-content.expanded {
  grid-template-rows: 1fr;
}
.expandable-inner {
  overflow: hidden;
}
.submenu-wrapper {
  height: var(--breadcrumb-height);
}
.submenu {
  overflow: visible;
  position: relative;
  width: 100%;
  height: var(--sub-menu-height);
  padding: 0 var(--mobile-side-gutter);
  background-color: var(--color-black);
  backface-visibility: hidden;
  color: var(--white);
  z-index: var(--z-submenu);
  transition: var(--transition-default);
}
@media only screen and (min-width: 480px) {
.submenu {
    padding: 0 var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 992px) {
.submenu {
    padding: 0 var(--desktop-side-gutter);
}
}
.submenu.sticky {
  position: fixed;
  top: 0;
}
.submenu .breadcrumb {
  float: left;
  height: var(--sub-menu-height);
  line-height: var(--sub-menu-height);
  width: 100%;
}
.submenu .breadcrumb .filters {
  max-width: calc(100% - 110px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
.submenu .breadcrumb strong {
  font-weight: var(--font-weight-bold);
}
.submenu .breadcrumb a {
  color: var(--breadcrumb-link-color);
  margin-left: 10px;
  float: left;
}
.submenu .action {
  float: right;
  color: var(--white);
  line-height: var(--sub-menu-height);
}
.submenu .action > a {
  color: var(--white);
}
.ObjectSelector {
  margin-left: 0.9375rem;
}
:root {
  --topic-nav-news-indicator-width: 4px;
  --topic-nav-debug-margin-top: 20px;
  --topic-nav-debug-font-size: 12px;
  --topic-nav-debug-color: #666;
  --topic-nav-button-bottom-mobile: 0.625rem;
  --topic-nav-button-right-mobile: 0.3125rem;
}
.topic-nav {
  position: relative;
}
.topic-nav.news:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--topic-nav-news-indicator-width);
  height: 100%;
  background-color: var(--color-green);
}
.topic-nav .debug {
  display: none;
  margin-top: var(--topic-nav-debug-margin-top);
  font-size: var(--topic-nav-debug-font-size);
  color: var(--topic-nav-debug-color);
}
.debug-mode .topic-nav .debug {
  display: block;
}
.topic-nav .AddToPrintButton {
  bottom: var(--topic-nav-button-bottom-mobile);
  right: var(--topic-nav-button-right-mobile);
}
@media only screen and (min-width: 480px) {
.topic-nav .AddToPrintButton {
    bottom: var(--small-padding);
    right: var(--small-padding);
}
}
:root {
  --subscribe-button-size: 3.5625rem;
  --button-message-width: calc(100% - var(--spacing-extra-small) * 2);
}
.ReleaseNotes-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: var(--color-white);
}
.ReleaseNotes-wrapper .title {
  background-color: var(--color-ghost-grey);
  margin-bottom: 0;
  padding: 0.9375rem var(--spacing-extra-small);
}
.ReleaseNotes-wrapper .release-notes {
  max-width: 100%;
  max-height: 100%;
  padding-bottom: calc(var(--subscribe-button-size) + var(--spacing-extra-small));
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--trans-timing-default) var(--trans-default-duration);
}
.ReleaseNotes-wrapper .release-notes .topic-footnotes {
  display: none;
}
.ReleaseNotes-wrapper.ready .release-notes {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  overflow-y: auto;
}
.ReleaseNotes-wrapper .subscribe-btn {
  position: absolute;
  display: flex;
  align-items: center;
  min-width: var(--subscribe-button-size);
  height: var(--subscribe-button-size);
  max-width: var(--subscribe-button-size);
  border-radius: 1.875rem;
  color: var(--color-foreground);
  background-color: var(--color-light-grey);
  right: var(--spacing-extra-small);
  bottom: var(--spacing-extra-small);
  overflow: hidden;
  transition: color var(--trans-timing-default) var(--trans-default-duration), background-color var(--trans-timing-default) var(--trans-default-duration), max-width var(--trans-timing-default) var(--trans-default-duration) var(--trans-default-duration);
}
.ReleaseNotes-wrapper .subscribe-btn:hover {
  background-color: var(--color-light-grey-darken-10);
}
.ReleaseNotes-wrapper .subscribe-btn:hover .icon {
  color: var(--color-light-grey-darken-10);
}
.ReleaseNotes-wrapper .subscribe-btn .icon {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 3px;
  margin-left: 2px;
  transform: translate(-50%, -50%);
  width: 1.6875rem;
  height: 1.375rem;
  color: var(--color-light-grey);
  transition: var(--transition-default);
}
.ReleaseNotes-wrapper .subscribe-btn .message-container {
  opacity: 0;
  padding-right: calc(var(--subscribe-button-size) + var(--spacing-extra-small));
  padding-left: var(--spacing-extra-small);
  transition: opacity var(--trans-timing-default) var(--trans-default-duration);
}
.ReleaseNotes-wrapper .subscribe-btn .message {
  transition: var(--transition-default);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: block;
}
.ReleaseNotes-wrapper .subscribe-btn .error-message {
  color: var(--color-dark-red);
}
.ReleaseNotes-wrapper .subscribe-btn.show-message {
  max-width: var(--button-message-width);
  transition-delay: 0s;
}
.ReleaseNotes-wrapper .subscribe-btn.show-message .message-container {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: var(--trans-default-duration);
}
.ReleaseNotes-wrapper .subscribe-btn.show-message .message {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ReleaseNotes-wrapper .content h1 {
  display: none;
}
.ReleaseNotes-wrapper .content h2 {
  font-weight: var(--font-weight-regular) !important;
  color: var(--color-black) !important;
  margin-top: 0 !important;
  margin-bottom: 1.25rem !important;
  padding: 0 !important;
  border: none !important;
}
.ReleaseNotes-wrapper .content .article-lead {
  margin: var(--spacing-extra-small) 0 !important;
}
.ReleaseNotes-wrapper .content .article-lead,
.ReleaseNotes-wrapper .content .article-lead * {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
}
.ReleaseNotes-wrapper .content .article-lead p:last-child {
  margin-bottom: 0;
}
.ReleaseNotes-wrapper .content .article-lead,
.ReleaseNotes-wrapper .content .segment {
  padding: 0 var(--spacing-extra-small) var(--spacing-extra-small) var(--spacing-extra-small);
  margin-bottom: var(--spacing-extra-small);
  border-bottom: 1px solid var(--color-light-grey);
}
.ReleaseNotes-wrapper .content .article-lead:last-child,
.ReleaseNotes-wrapper .content .segment:last-child {
  margin-bottom: 0 !important;
}
.ReleaseNotes-wrapper .content .subsegment.expandable {
  color: var(--color-charcoal);
}
.ReleaseNotes-wrapper .content .subsegment.expandable h3 {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  position: relative;
  cursor: pointer;
  font-weight: var(--font-weight-bold);
  transition: var(--transition-default);
  padding: 0.5625rem 1.25rem 0.5625rem 0;
  margin: 0;
}
.ReleaseNotes-wrapper .content .subsegment.expandable h3:after {
  content: "\e001";
  font-family: var(--font-family-icons);
  font-size: 1.25rem;
  font-weight: var(--font-weight-light);
  position: absolute;
  right: 0;
  top: 0.625rem;
  transition: var(--transition-default);
}
.ReleaseNotes-wrapper .content .subsegment.expandable h3:hover {
  color: rgba(0, 0, 0, 0.6);
}
.ReleaseNotes-wrapper .content .subsegment.expandable .pre {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.ReleaseNotes-wrapper .content .subsegment.expandable ul {
  margin-top: 0.25rem;
  clear: both;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1.5625rem;
}
.ReleaseNotes-wrapper .content .subsegment.expandable ul li {
  background: transparent url("data:image/svg+xml,%3csvg%20width='5'%20height='5'%20viewBox='0%200%205%205'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3ccircle%20id='Ellipse'%20cx='2.5'%20cy='2.5'%20r='2.5'%20fill='%23587F95'/%3e%3c/g%3e%3c/svg%3e") no-repeat 0 8px;
  padding: 0 0 0 20px;
  margin: 4px 0;
}
.ReleaseNotes-wrapper .content .subsegment.expandable .expand-container {
  opacity: 0;
  max-height: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  transition: var(--transition-default);
}
.ReleaseNotes-wrapper .content .subsegment.expandable.expanded h3:after {
  transform: rotate(180deg);
}
.ReleaseNotes-wrapper .content .subsegment.expandable.expanded .expand-container {
  max-height: 21.875rem;
  opacity: 1;
  pointer-events: auto;
}
.iiz {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.iiz--drag .iiz__zoom-img--visible {
  cursor: -webkit-grab;
  cursor: grab;
}
.iiz__img {
  display: block;
  height: auto;
  max-width: 100%;
  opacity: 1;
  pointer-events: none;
  visibility: visible;
}
.iiz__img--hidden {
  opacity: 0;
  visibility: hidden;
}
.iiz__img--abs {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.iiz__img--abs, .iiz__zoom-img {
  display: block;
  position: absolute;
}
.iiz__zoom-img {
  -webkit-touch-callout: none;
  max-width: none !important;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  width: auto !important;
}
.iiz__zoom-img--visible {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  opacity: 1;
  pointer-events: auto;
  -ms-touch-action: none;
  touch-action: none;
  visibility: visible;
}
.iiz__zoom-portal {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}
.iiz__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: hsla(0, 0%, 100%, 0.8);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 40px;
}
.iiz__btn:before {
  background-position: 50%;
  background-repeat: no-repeat;
  content: " ";
  display: block;
}
.iiz__hint {
  bottom: 10px;
  pointer-events: none;
  right: 10px;
}
.iiz__hint:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath d='M13.9 7.4C13.9 3.8 11 .9 7.4.9S.9 3.8.9 7.4s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5zm5.3 12.5-6.7-7.2c-1.4 1.3-3.2 2.1-5.1 2.1-4.1 0-7.4-3.3-7.4-7.4S3.3 0 7.4 0s7.4 3.3 7.4 7.4c0 1.7-.6 3.4-1.7 4.7l6.8 7.2-.7.6z' fill='%23000222'/%3E%3C/svg%3E");
  content: " ";
  height: 20px;
  width: 20px;
}
.iiz__close {
  opacity: 0;
  right: 10px;
  top: 10px;
  visibility: hidden;
}
.iiz__close--visible {
  cursor: pointer;
  opacity: 1;
  visibility: visible;
}
.iiz__close:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#222)), -webkit-gradient(linear, left top, left bottom, from(#222), to(#222));
  background-image: -o-linear-gradient(#222, #222), -o-linear-gradient(#222, #222);
  background-image: linear-gradient(#222, #222), linear-gradient(#222, #222);
  background-size: 100% 1px, 1px 100%;
  content: " ";
  height: 29px;
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 29px;
}
:root {
  --image-zoom-iconSize: 1.375rem;
  --image-zoom-background-color: rgba(0, 0, 0, 0.2);
  --image-zoom-info-background: rgba(0, 0, 0, 0.8);
  --image-zoom-close-button-background: rgba(0, 0, 0, 0.8);
}
.image-zoom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--image-zoom-background-color);
  z-index: var(--z-image-popup);
}
.image-zoom-modal .image {
  max-width: 100%;
  object-fit: contain;
  height: 100%;
  margin: auto;
}
.image-zoom-modal .inner-container {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
.image-zoom-modal .inner-container {
    max-width: calc(100% - var(--spacing-small) * 2);
    max-height: calc(100% - var(--spacing-small) * 2);
}
}
.image-zoom-modal .inner-container figure {
  margin: auto;
}
.image-zoom-modal .inner-container figure picture img {
  object-fit: contain;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-zoom-modal .inner-container .iiz__close {
  bottom: 24px;
  top: auto !important;
  background: var(--image-zoom-close-button-background) !important;
}
@media only screen and (min-width: 1200px) {
.image-zoom-modal .inner-container .iiz__close {
    bottom: 10px;
}
}
.image-zoom-modal .inner-container .iiz__close:before {
  background-image: url("data:image/svg+xml,%3csvg%20class='feather%20feather-search'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20version='1.1'%20viewBox='0%200%2020.01%2020.01'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='8'%20stroke='%23ffffff'/%3e%3cline%20x1='19'%20x2='14.65'%20y1='19'%20y2='14.65'%20stroke='%23ffffff'/%3e%3cg%20id='Canvas'%20transform='translate(1177.3%20-888.13)'%20fill='%23ffffff'%3e%3crect%20x='-1172.2'%20y='896.01'%20width='7.8254'%20height='2.2469'%20ry='1.1234'%20style='paint-order:normal'/%3e%3crect%20x='-1172.2'%20y='896.01'%20width='7.8254'%20height='2.2469'%20ry='1.1234'%20style='paint-order:normal'/%3e%3c/g%3e%3c/svg%3e") !important;
  transform: none !important;
  background-size: calc(100% - 4px) !important;
}
.image-zoom-modal .info {
  position: absolute;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
  background: var(--image-zoom-info-background);
  color: var(--white);
  padding: 10px 14px;
  display: flex;
  align-items: center;
}
.image-zoom-modal .info .icon {
  width: var(--image-zoom-iconSize);
  height: var(--image-zoom-iconSize);
  margin-left: 8px;
  background: url("data:image/svg+xml,%3csvg%20class='feather%20feather-search'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20version='1.1'%20viewBox='0%200%2020.01%2020.01'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='9'%20cy='9'%20r='8'%20stroke='%23ffffff'/%3e%3cline%20x1='19'%20x2='14.65'%20y1='19'%20y2='14.65'%20stroke='%23ffffff'/%3e%3cg%20id='Canvas'%20transform='translate(1177.3%20-888.13)'%20fill='%23ffffff'%3e%3crect%20x='-1172.2'%20y='896.01'%20width='7.8254'%20height='2.2469'%20ry='1.1234'%20style='paint-order:normal'/%3e%3crect%20transform='rotate(-90)'%20x='-901.05'%20y='-1169.4'%20width='7.8254'%20height='2.2469'%20ry='1.1234'%20style='paint-order:normal'/%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: contain;
}
.image-zoom-modal.zoom-active .info {
  display: none;
}
.image-zoom-modal .close-button {
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: var(--image-zoom-close-button-background);
  display: block;
}
.image-zoom-modal .close-button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: inline-block;
  width: var(--image-zoom-iconSize);
  height: var(--image-zoom-iconSize);
  background: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-close-white'%3e%3cg%20id='Line%202%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2027%202L%200%202L%200%200L%2027%200L%2027%202Z'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%201.71527%200)'%20fill='white'/%3e%3c/g%3e%3cg%20id='Line%202.1%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2027%202L%200%202L%200%200L%2027%200L%2027%202Z'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2019.0919%200.324219)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: var(--image-zoom-iconSize) auto;
  background-position: center;
  opacity: 0.8;
}
.modal-page {
  padding-left: var(--mobile-side-gutter);
  padding-right: var(--mobile-side-gutter);
  min-height: 100vh;
  background: var(--hero-image) no-repeat var(--color-black);
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 480px) {
.modal-page {
    padding-left: var(--tablet-side-gutter);
    padding-right: var(--tablet-side-gutter);
}
}
@media only screen and (min-width: 768px) {
.modal-page {
    padding-left: var(--desktop-side-gutter);
    padding-right: var(--desktop-side-gutter);
}
}
@media only screen and (max-width: 479px) {
.modal-page {
    padding-left: 0;
    padding-right: 0;
}
}
@media only screen and (min-width: 992px) {
.modal-page {
    min-height: 100vh;
}
}
.modal-page .page-modal {
  width: 100%;
  max-width: 65.25rem;
  margin: 0 auto var(--spacing-extra-large);
  padding: 4.0625rem var(--spacing-extra-small);
  background-color: var(--color-ghost-grey);
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
}
@media only screen and (min-width: 480px) {
.modal-page .page-modal {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
}
}
@media only screen and (min-width: 992px) {
.modal-page .page-modal {
    margin-top: var(--spacing-extra-large);
    padding: 4.0625rem 4.6875rem;
}
}
@media only screen and (min-width: 1200px) {
.modal-page .page-modal {
    margin: 5.625rem auto;
}
}
@media only screen and (min-height: 1000px) and (min-width: 1200px) {
.modal-page .page-modal {
    margin-top: 9.375rem;
    margin-bottom: 9.375rem;
}
}
.modal-page h1 {
  margin-bottom: 3.125rem;
  text-align: center;
}
.login-page {
  min-height: calc(100vh - var(--top-menu-height));
  width: 100%;
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 992px) {
.login-page {
    min-height: calc(100vh - var(--top-menu-height-desktop));
}
}
.login-page .background-image {
  display: none;
  background: var(--hero-image) no-repeat var(--color-black) center;
  background-size: cover;
  width: 100%;
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
.login-page .background-image {
    display: block;
}
}
.login-page .content-wrapper {
  max-width: 100%;
  min-height: 100%;
  flex: 0 0 40.3125rem;
  width: 40.3125rem;
  overflow: hidden;
  background-color: var(--color-white);
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
.login-page .content-wrapper {
    display: block;
    margin-right: initial;
}
}
.login-page .login-panel,
.login-page .forgot-password-panel,
.login-page .request-account-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  padding: var(--spacing-large) var(--spacing-small);
  transition: all var(--trans-timing-smooth) 0.5s;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media only screen and (min-width: 768px) {
.login-page .login-panel,
  .login-page .forgot-password-panel,
  .login-page .request-account-panel {
    padding: 5.625rem;
    height: 100%;
    overflow-y: auto;
}
}
.login-page .login-panel .inner-panel,
.login-page .forgot-password-panel .inner-panel,
.login-page .request-account-panel .inner-panel {
  margin: auto;
  width: 100%;
}
.login-page .login-panel .body,
.login-page .forgot-password-panel .body,
.login-page .request-account-panel .body {
  text-align: left;
}
.login-page .login-panel form,
.login-page .forgot-password-panel form,
.login-page .request-account-panel form {
  margin-top: var(--spacing-extra-small);
  text-align: left;
}
.login-page .login-panel input,
.login-page .forgot-password-panel input,
.login-page .request-account-panel input {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  border: 1px solid var(--color-light-grey);
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.login-page .login-panel {
    position: relative;
    transform: none !important;
}
}
.login-page h1 {
  font-size: 2.375rem;
  line-height: 2.75rem;
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-extra-small);
}
@media only screen and (min-width: 768px) {
.login-page h1 {
    font-size: 2.875rem;
    line-height: 3.0625rem;
    margin-bottom: var(--spacing-large);
}
}
.login-page h2 {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: 0.625rem;
  font-weight: var(--font-weight-semibold);
}
.login-page h3 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: var(--text-grey);
}
.login-page p a {
  color: var(--color-accent-primary);
}
.login-page p a:hover {
  text-decoration: underline;
}
.login-page .login-panel .external-login-wrapper {
  padding-bottom: 0.5rem;
}
.login-page .login-panel .external-login-header {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: var(--font-weight-semibold);
}
.login-page .login-panel .external-login-description {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
}
.login-page .login-panel .new-cdsid-login-message {
  color: var(--text-grey);
}
.login-page .login-panel .inner-panel form + .external-login-wrapper,
.login-page .login-panel .inner-panel .external-login-wrapper + form {
  border-top: 1px solid var(--color-light-grey);
  margin-top: var(--spacing-large);
  padding-top: var(--spacing-large);
}
.login-page #forgot-password-link,
.login-page .back-to-login-link,
.login-page .arrow-link {
  font-weight: var(--font-weight-semibold);
  display: inline-block;
  color: var(--text-grey);
  margin-top: var(--spacing-extra-small);
}
.login-page #request-account-link {
  margin-top: auto;
}
.login-page .arrow-link:after,
.login-page .back-to-login-link:before {
  position: relative;
  top: 0.1875rem;
  display: inline-block;
  font-family: var(--font-family-icons);
  font-weight: var(--font-weight-bold);
  content: "";
  transition: transform 0.3s ease;
}
.login-page .back-to-login-link:before {
  transform: rotate(180deg);
  margin-right: 0.625rem;
}
.login-page .back-to-login-link:hover:before {
  transform: translateX(-0.25rem) rotate(180deg);
}
.login-page .arrow-link:after {
  margin-left: 0.625rem;
}
.login-page .arrow-link:hover:after {
  transform: translateX(0.25rem);
}
.login-page .btn {
  width: 100%;
}
.login-page .forgot-password-panel,
.login-page .request-account-panel {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(101%);
}
.login-page .forgot-password-panel #ForgotPasswordUsername,
.login-page .request-account-panel #ForgotPasswordUsername {
  border: 1px solid var(--color-grey);
  border-radius: 4px;
}
.login-page .forgot-password-panel p,
.login-page .request-account-panel p {
  margin-bottom: var(--spacing-small);
}
.login-page .forgot-password-panel .request-sent-message,
.login-page .request-account-panel .request-sent-message {
  display: none;
}
@media only screen and (min-width: 992px) {
.login-page .forgot-password-panel,
  .login-page .request-account-panel {
    padding-top: calc(var(--top-menu-height-desktop) + var(--spacing-extra-small));
}
}
.login-page .forgot-password-panel .btn,
.login-page .request-account-panel .btn {
  margin-top: var(--spacing-extra-small);
}
.login-page .forgot-password-panel .password-info,
.login-page .forgot-password-panel .account-info,
.login-page .request-account-panel .password-info,
.login-page .request-account-panel .account-info {
  float: right;
  background: transparent;
  border: 2px solid white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
  top: -2px;
}
.login-page .forgot-password-panel .password-info:after,
.login-page .forgot-password-panel .account-info:after,
.login-page .request-account-panel .password-info:after,
.login-page .request-account-panel .account-info:after {
  content: "i";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.login-page .forgot-password-panel .password-info:hover,
.login-page .forgot-password-panel .account-info:hover,
.login-page .request-account-panel .password-info:hover,
.login-page .request-account-panel .account-info:hover {
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.login-page .forgot-password-panel .password-info-content,
.login-page .forgot-password-panel .account-info-content,
.login-page .request-account-panel .password-info-content,
.login-page .request-account-panel .account-info-content {
  display: none;
}
.login-page.request-account .request-account-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}
.login-page.request-account .login-panel {
  opacity: 0;
  transform: translateX(-101%);
  visibility: hidden;
  pointer-events: none;
}
.login-page.forgot-password .forgot-password-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}
.login-page.forgot-password .login-panel {
  opacity: 0;
  transform: translateX(-101%);
  visibility: hidden;
  pointer-events: none;
}
.login-page .request-sent .input-fields {
  display: none;
}
.login-page .request-sent .request-sent-message {
  display: block;
}
.login-page .error-msg {
  display: none;
  color: var(--color-dark-red);
  border: 1px solid var(--color-dark-red);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: var(--spacing-small);
  padding: 0.9375rem;
}
.login-page .error-msg p {
  margin: 0;
}
.login-page .error .error-msg {
  display: block;
}
.login-page .validation-summary-errors {
  margin-top: 6px;
}
.login-page .validation-summary-errors ul {
  list-style: none;
}
.login-page .validation-summary-errors ul li {
  margin-bottom: 1.25rem;
  color: var(--color-dark-red);
}
.login-page label {
  font-weight: var(--font-weight-light);
}
[lang=zh] .login-page label {
  font-weight: var(--font-weight-regular);
}
.login-page #login-btn,
.login-page #send-account-request-btn {
  margin-top: 0.625rem;
}
.login-page fieldset {
  min-width: 0;
}
.pth-page {
  min-height: calc(100vh - var(--top-menu-height));
  padding-top: var(--spacing-medium);
}
@media only screen and (min-width: 992px) {
.pth-page {
    padding-top: var(--spacing-extra-large);
    min-height: calc(100vh - var(--top-menu-height-desktop));
}
}
.pth-page .page-modal {
  margin-top: 0 !important;
}
.pth-page .pth-description {
  margin-bottom: var(--spacing-small);
}
.pth-page .pth-row {
  text-align: left;
  max-width: 100%;
  margin: auto;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}
.pth-page .pth-row .pth-col {
  flex: 1 1 auto;
}
.pth-page .pth-row .pth-col img {
  max-width: 100%;
}
.pth-page .pth-row .pth-col p {
  margin-bottom: 1rem;
}
.pth-page .pth-row .pth-col:first-child {
  flex-grow: 3 3 auto;
  padding-right: 2rem;
}
.pth-page .row {
  margin-bottom: var(--spacing-large);
}
.pth-page .row:last-child {
  margin-bottom: 0;
}
.support-page {
  min-height: calc(100vh - var(--top-menu-height));
  padding-top: var(--spacing-medium);
}
.support-page .captcha-container .captcha-image-container {
  display: flex;
  max-width: 100%;
}
.support-page .captcha-container .captcha-image-container .captcha-image {
  width: 100%;
  min-width: 0;
}
.support-page .captcha-container .btn {
  width: 2.5rem;
  padding: 0.5rem;
}
.support-page .captcha-container .btn:after {
  display: none;
}
.support-page .captcha-container .btn img {
  width: 100%;
}
@media only screen and (min-width: 992px) {
.support-page {
    padding-top: var(--spacing-extra-large);
    min-height: calc(100vh - var(--top-menu-height-desktop));
}
}
.support-page .page-modal {
  margin-top: 0 !important;
  position: relative;
}
.support-page .support-description {
  margin-bottom: var(--spacing-small);
}
.support-page label {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-semibold);
  display: block;
  margin: 0.3125rem 0;
}
@media only screen and (min-width: 480px) {
.support-page label {
    font-size: 1.125rem;
    line-height: 1.4375rem;
}
}
.support-page input,
.support-page textarea {
  border: 1px solid var(--color-light-grey);
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}
.support-page #supportSubmitBtn {
  margin: 0.625rem 0 0 0;
}
.support-page .other-support {
  text-align: left;
  width: 350px;
  max-width: 100%;
  margin: auto;
  position: relative;
}
.support-page #SupportMessage {
  height: auto;
  max-width: 100%;
  padding: 0.875rem 1rem;
}
.support-page .support-sent-message {
  font-size: 1.25rem;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
.support-page .error-msg {
  color: var(--color-dark-red);
  margin-bottom: 10px;
  display: none;
}
.support-page.request-error .error-msg {
  display: block;
}
.support-page.request-sent .support-container {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: var(--transition-default);
}
.support-page.request-sent .support-sent-message {
  opacity: 1;
  pointer-events: auto;
  transition: var(--transition-default);
  transition-delay: var(--trans-default-duration);
}
.support-page .FilterDropdown {
  width: 100%;
  min-width: 0;
  margin-bottom: 1.25rem;
}
.support-page .FilterDropdown .FilterButton {
  max-width: none;
}
.support-page .FilterDropdown .FilterButton-value {
  font-size: 1.125rem;
}
.support-page .FilterDropdown .FilterButton.error {
  border-color: var(--color-dark-red);
  border-width: 2px;
}
.support-page .row {
  margin-bottom: var(--spacing-large);
}
.support-page .row:last-child {
  margin-bottom: 0;
}
.support-page .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--spacing-small);
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='Close'%3e%3cg%20id='Line%202'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%200.620117%202.35474)'%20stroke='%234D4E53'/%3e%3c/g%3e%3cg%20id='Line%202.1'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2020.8374%202.67902)'%20stroke='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 1.25rem;
  background-position: center;
  width: 2.5rem;
  height: 2.5rem;
}
.support-page .close-btn:hover {
  opacity: 0.8;
}
.privacy-policy-page {
  padding: var(--spacing-extra-large) 0;
}
.privacy-policy-page .page-modal {
  margin-top: 0;
  text-align: left;
}
.privacy-policy-page h2, .privacy-policy-page h3, .privacy-policy-page h4 {
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-extra-small);
}
@media print {
body {
    padding-top: 0;
    background-color: white;
}
footer {
    display: none;
}
.top-nav {
    position: static;
}
.top-nav #header-logo {
    position: static;
    transform: none;
    width: 100%;
    text-align: center;
}
.top-nav .nav-left {
    display: none;
}
.breadcrumb {
    float: none !important;
    text-align: center;
}
.Sidebar {
    display: none;
}
.SearchButton-wrapper {
    display: none;
}
#submenu {
    border-bottom: 1px solid #dedede;
    background-color: white;
    color: black;
}
#submenu.sticky {
    position: relative;
}
#submenu .action {
    display: none;
}
.breadcrumb a {
    display: none;
}
.nav-right,
  .nav-mobile {
    display: none;
}
.main-container {
    max-width: var(--wide-content-width);
}
.page {
    background-color: var(--white);
}
.page-content {
    width: 100% !important;
    max-width: 100%;
    margin: auto;
}
.top-button-container {
    display: none;
}
.AddToPrintButton {
    display: none;
}
.print-preview,
  .topic-page {
    padding-bottom: var(--spacing-extra-large);
}
.print-preview .main-wrapper,
  .topic-page .main-wrapper {
    background-color: var(--white);
}
.print-preview .topic-article h1,
  .topic-page .topic-article h1 {
    font-size: toRem(36) !important;
    line-height: toRem(40) !important;
    hyphens: none;
}
.print-preview .topic-article .article-lead,
  .topic-page .topic-article .article-lead {
    font-size: toRem(21) !important;
    line-height: toRem(30) !important;
}
.print-preview .topic-link-container,
  .topic-page .topic-link-container {
    display: none;
}
.print-preview .kt_id,
  .topic-page .kt_id {
    display: none !important;
}
.topic-article-wrapper + .topic-article-wrapper {
    page-break-before: always !important;
}
.topic-article {
    display: block;
}
.topic-article + .topic-article {
    page-break-before: always !important;
}
.topic-article .multimedia video {
    display: none;
}
.topic-article .multimedia .video-thumbnail {
    display: block;
}
.topic-article .literal sup {
    display: inline !important;
}
.topic-article .fn .fn_p {
    display: none !important;
}
.topic-article .news {
    clear: both;
}
.topic-article .option {
    pointer-events: none;
    cursor: default;
}
.topic-article .notecontent {
    display: none !important;
}
.article-content ul {
    margin-left: 20px;
    list-style-type: disc;
}
.article-content ul li {
    background: transparent;
    padding: 0;
}
.topic-footnotes {
    display: block;
}
.topic-link-container {
    display: none;
}
#global-search-tip {
    display: none;
}
.visible-print {
    display: inherit !important;
}
.hidden-print {
    display: none !important;
}
.feedback-container,
  #_hj_feedback_container,
  #_hj_poll_container {
    display: none !important;
}
.back-link,
  .print-btn,
  .FeedbackForm-wrapper,
  .topic-missing-warning {
    display: none !important;
}
}
.print-preview {
  padding-top: 0;
  background-color: white;
}
.print-preview .article-ref.news:before,
.print-preview .article-ref .news:before {
  left: -30px;
}
.print-preview .top-nav {
  height: 5rem !important;
}
.print-preview .top-nav #header-logo a img {
  height: 3.625rem !important;
  margin-bottom: 0.875rem !important;
}
.print-preview body {
  padding-top: 0;
  background-color: white;
}
.print-preview footer {
  display: none;
}
.print-preview .top-nav {
  position: static;
}
.print-preview .top-nav #header-logo {
  position: static;
  transform: none;
  width: 100%;
  text-align: center;
}
.print-preview .top-nav .nav-left {
  display: none;
}
.print-preview .breadcrumb {
  float: none !important;
  text-align: center;
}
.print-preview .Sidebar {
  display: none;
}
.print-preview .SearchButton-wrapper {
  display: none;
}
.print-preview #submenu {
  border-bottom: 1px solid #dedede;
  background-color: white;
  color: black;
}
.print-preview #submenu.sticky {
  position: relative;
}
.print-preview #submenu .action {
  display: none;
}
.print-preview .breadcrumb a {
  display: none;
}
.print-preview .nav-right,
.print-preview .nav-mobile {
  display: none;
}
.print-preview .main-container {
  max-width: var(--wide-content-width);
}
.print-preview .page {
  background-color: var(--white);
}
.print-preview .page-content {
  width: 100% !important;
  max-width: 100%;
  margin: auto;
}
.print-preview .top-button-container {
  display: none;
}
.print-preview .AddToPrintButton {
  display: none;
}
.print-preview .print-preview,
.print-preview .topic-page {
  padding-bottom: var(--spacing-extra-large);
}
.print-preview .print-preview .main-wrapper,
.print-preview .topic-page .main-wrapper {
  background-color: var(--white);
}
.print-preview .print-preview .topic-article h1,
.print-preview .topic-page .topic-article h1 {
  font-size: toRem(36) !important;
  line-height: toRem(40) !important;
  hyphens: none;
}
.print-preview .print-preview .topic-article .article-lead,
.print-preview .topic-page .topic-article .article-lead {
  font-size: toRem(21) !important;
  line-height: toRem(30) !important;
}
.print-preview .print-preview .topic-link-container,
.print-preview .topic-page .topic-link-container {
  display: none;
}
.print-preview .print-preview .kt_id,
.print-preview .topic-page .kt_id {
  display: none !important;
}
.print-preview .topic-article-wrapper + .topic-article-wrapper {
  page-break-before: always !important;
}
.print-preview .topic-article {
  display: block;
}
.print-preview .topic-article + .topic-article {
  page-break-before: always !important;
}
.print-preview .topic-article .multimedia video {
  display: none;
}
.print-preview .topic-article .multimedia .video-thumbnail {
  display: block;
}
.print-preview .topic-article .literal sup {
  display: inline !important;
}
.print-preview .topic-article .fn .fn_p {
  display: none !important;
}
.print-preview .topic-article .news {
  clear: both;
}
.print-preview .topic-article .option {
  pointer-events: none;
  cursor: default;
}
.print-preview .topic-article .notecontent {
  display: none !important;
}
.print-preview .article-content ul {
  margin-left: 20px;
  list-style-type: disc;
}
.print-preview .article-content ul li {
  background: transparent;
  padding: 0;
}
.print-preview .topic-footnotes {
  display: block;
}
.print-preview .topic-link-container {
  display: none;
}
.print-preview #global-search-tip {
  display: none;
}
.print-preview .visible-print {
  display: inherit !important;
}
.print-preview .hidden-print {
  display: none !important;
}
.top-nav {
  background-color: var(--color-black);
  border-bottom: none;
}
.top-nav a {
  color: var(--color-white);
  font-weight: var(--font-weight-light);
}
.top-nav .nav-mobile ul {
  background-color: var(--color-white);
}
.top-nav .nav-mobile ul li a {
  color: var(--color-black);
  border-bottom: 1px solid var(--color-light-grey);
}
.top-nav #header-logo a {
  font-size: toRem(26);
}
.top-nav #menu-toggle:before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='icon-close-white'%3e%3cg%20id='Line%202%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2027%202L%200%202L%200%200L%2027%200L%2027%202Z'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%201.71527%200)'%20fill='white'/%3e%3c/g%3e%3cg%20id='Line%202.1%20(Stroke)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M%2027%202L%200%202L%200%200L%2027%200L%2027%202Z'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2019.0919%200.324219)'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
footer {
  background-color: var(--color-page-bg);
}
.btn {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: var(--font-weight-regular);
  color: var(--white);
  text-transform: none;
  font-weight: var(--font-weight-regular);
  border-radius: 0;
  border: none;
}
.btn:after {
  font-family: var(--font-family-icons);
  content: var(--polestar-arrow-icon);
  font-size: 90%;
}
.btn:before {
  border-color: var(--white);
}
.btn.primary {
  background: var(--color-accent-primary);
  color: var(--color-black);
  border: none;
}
.btn.primary:hover {
  background: var(--color-accent-primary-lighten-3);
}
.btn.primary:before {
  border-top-color: transparent;
}
.btn.secondary {
  border: 1px solid var(--white);
  background: transparent;
  padding: 0.75rem 2.1875rem;
}
.btn.secondary:hover {
  border-color: rgba(255, 255, 255, 0.85);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.secondary:before {
  border-color: var(--white);
  border-top-color: transparent;
}
.btn.black {
  background: var(--color-black);
  padding: 0.75rem 2.1875rem;
  color: var(--color-white);
  border: none;
}
.btn.black:hover {
  color: var(--color-white);
  background-color: rgba(0, 0, 0, 0.7);
}
.btn.black:after {
  color: var(--color-dark-orange);
}
.btn.black:active {
  color: var(--color-black);
  background-color: var(--color-dark-orange);
}
.btn.black:active:after {
  color: var(--color-white);
}
.btn.support {
  border: 1px solid var(--color-black);
  background-color: var(--color-black);
  color: var(--color-white);
}
.btn.support:before {
  border-color: var(--color-white);
  border-top-color: var(--color-white);
}
.btn.support:hover {
  background-color: var(--color-light-black);
  opacity: 1;
}
.btn.download {
  border: 1px solid var(--color-accent-primary);
  background: var(--color-accent-primary);
  padding-left: calc(var(--spacing-small) + var(--spacing-extra-small));
  color: var(--color-black);
}
.btn.download:hover {
  border-color: var(--color-accent-primary-lighten-3);
  background: var(--color-accent-primary-lighten-3);
  color: rgba(255, 255, 255, 0.85);
}
.btn[disabled]:not(.loading) {
  background-color: inherit;
  border-color: var(--color-light-grey);
  color: var(--color-light-grey);
  pointer-events: none;
}
.btn .loader {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='7'%20transform='translate(-1085.000000,%20-219.000000)'%20stroke='%23000000'%20stroke-width='3'%3e%3cpath%20d='M1101,249%20C1108.73199,249%201115,242.731986%201115,235%20C1115,227.268014%201108.73199,221%201101,221%20C1094.93426,221%201089.76951,224.857583%201087.82519,230.2533%20C1087.29109,231.735493%201087,233.333753%201087,235'%20id='Oval-2-Copy'%20transform='translate(1101.000000,%20235.000000)%20rotate(-270.000000)%20translate(-1101.000000,%20-235.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
}
.language-selector #language-selector-toggle {
  color: var(--white);
  border-left-color: rgba(255, 255, 255, 0.1);
}
.language-selector #language-selector-toggle:after {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20viewBox='0%200%20100%20100'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cg%20id='Globe'%20fill='none'%20fill-rule='evenodd'%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='4'%3e%3ccircle%20cx='50'%20cy='50'%20r='48'/%3e%3cpath%20d='m50%202v96'/%3e%3cpath%20d='m98%2050h-96'/%3e%3cpath%20d='m50%202s24.143%2018.542%2024.143%2048-24.143%2048-24.143%2048'/%3e%3cpath%20d='m50.143%202s-24.143%2018.542-24.143%2048%2024.143%2048%2024.143%2048'/%3e%3cpath%20d='m16.4%2083.028c7.4528-6.5604%2018.972-13.828%2033.43-13.828%2014.68%200%2026.33%207.4918%2033.77%2014.129'/%3e%3cpath%20d='m16.4%2016.701c7.4528%206.5604%2018.972%2013.828%2033.43%2013.828%2014.68%200%2026.33-7.4918%2033.77-14.129'/%3e%3c/g%3e%3c/svg%3e");
}
.language-selector .language-list {
  background-color: var(--color-ghost-grey);
}
.language-selector .language-list .language a {
  color: var(--color-black);
}
.language-selector .language-list .language a:active {
  background-color: rgba(0, 0, 0, 0.125);
}
.no-touch .language-selector .language-list .language a:hover {
  background-color: rgba(0, 0, 0, 0.125);
}
.language-selector .language-list .language.active a {
  color: var(--color-black);
}
.language-selector .language-list .language.active a:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eCheckmark%20Icon%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2077%202716)'%3e%3cg%20id='Checkmark%20Icon'%3e%3cg%20id='Icons'%3e%3cg%20id='Final'%3e%3cg%20id='icon%20checkmark%20accent'%3e%3cg%20id='Line%202'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='matrix(0.999175%200.040603%20-0.040603%200.999175%202077.36%20-2708)'%20fill='%23000'/%3e%3c/g%3e%3cg%20id='Line%202%20Copy'%3e%3cuse%20xlink:href='%23path1_fill'%20transform='matrix(0.999979%20-0.00651828%200.0084153%200.999965%202083.68%20-2715.77)'%20fill='%23000'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%200.328839%201.96945L%206.69096%208.50694C%207.12941%208.95747%207.84028%208.95747%208.27873%208.50694C%208.71718%208.0564%208.71718%207.32593%208.27873%206.87539L%201.91661%200.337903C%201.47816%20-0.112635%200.767291%20-0.112635%200.328839%200.337903C%20-0.109613%200.788441%20-0.109613%201.51891%200.328839%201.96945Z'/%3e%3cpath%20id='path1_fill'%20d='M%208.89639%200.541285L%200.171468%2014.8499C%20-0.157757%2015.3898%200.00133091%2016.1017%200.5268%2016.44C%201.05227%2016.7783%201.74513%2016.6148%202.07436%2016.0749L%2010.7993%201.7663C%2011.1285%201.22638%2010.9694%200.514461%2010.4439%200.176183C%209.91848%20-0.162094%209.22561%200.00136755%208.89639%200.541285Z'/%3e%3c/defs%3e%3c/svg%3e");
}
.language-selector.open #language-selector-toggle {
  background-color: var(--color-ghost-grey);
  color: var(--color-black);
}
.language-selector.open #language-selector-toggle:after {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20viewBox='0%200%20100%20100'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cg%20id='Globe'%20fill='none'%20fill-rule='evenodd'%20stroke='%23101820'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='4'%3e%3ccircle%20cx='50'%20cy='50'%20r='48'/%3e%3cpath%20d='m50%202v96'/%3e%3cpath%20d='m98%2050h-96'/%3e%3cpath%20d='m50%202s24.143%2018.542%2024.143%2048-24.143%2048-24.143%2048'/%3e%3cpath%20d='m50.143%202s-24.143%2018.542-24.143%2048%2024.143%2048%2024.143%2048'/%3e%3cpath%20d='m16.4%2083.028c7.4528-6.5604%2018.972-13.828%2033.43-13.828%2014.68%200%2026.33%207.4918%2033.77%2014.129'/%3e%3cpath%20d='m16.4%2016.701c7.4528%206.5604%2018.972%2013.828%2033.43%2013.828%2014.68%200%2026.33-7.4918%2033.77-14.129'/%3e%3c/g%3e%3c/svg%3e");
}
.language-selector.open #language-selector-toggle:hover {
  opacity: 0.9;
}
.language-selector.open .language-list {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.FilterDropdown.has-value.large .FilterButton:before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eCheckmark%20Icon%3c/title%3e%3cdesc%3eCreated%20using%20Figma%3c/desc%3e%3cg%20id='Canvas'%20transform='translate(-2077%202716)'%3e%3cg%20id='Checkmark%20Icon'%3e%3cg%20id='Icons'%3e%3cg%20id='Final'%3e%3cg%20id='icon%20checkmark%20accent'%3e%3cg%20id='Line%202'%3e%3cuse%20xlink:href='%23path0_fill'%20transform='matrix(0.999175%200.040603%20-0.040603%200.999175%202077.36%20-2708)'%20fill='%23000'/%3e%3c/g%3e%3cg%20id='Line%202%20Copy'%3e%3cuse%20xlink:href='%23path1_fill'%20transform='matrix(0.999979%20-0.00651828%200.0084153%200.999965%202083.68%20-2715.77)'%20fill='%23000'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cpath%20id='path0_fill'%20d='M%200.328839%201.96945L%206.69096%208.50694C%207.12941%208.95747%207.84028%208.95747%208.27873%208.50694C%208.71718%208.0564%208.71718%207.32593%208.27873%206.87539L%201.91661%200.337903C%201.47816%20-0.112635%200.767291%20-0.112635%200.328839%200.337903C%20-0.109613%200.788441%20-0.109613%201.51891%200.328839%201.96945Z'/%3e%3cpath%20id='path1_fill'%20d='M%208.89639%200.541285L%200.171468%2014.8499C%20-0.157757%2015.3898%200.00133091%2016.1017%200.5268%2016.44C%201.05227%2016.7783%201.74513%2016.6148%202.07436%2016.0749L%2010.7993%201.7663C%2011.1285%201.22638%2010.9694%200.514461%2010.4439%200.176183C%209.91848%20-0.162094%209.22561%200.00136755%208.89639%200.541285Z'/%3e%3c/defs%3e%3c/svg%3e");
}
.FilterDropdown .FilterButton {
  line-height: 22px;
}
.FilterDropdown .FilterButton:after {
  content: var(--polestar-arrow-icon);
  font-size: 100%;
  transform: rotate(90deg);
  top: 34%;
}
.ReleaseNotes-wrapper .content .subSegment.expandable h3:after {
  content: var(--polestar-arrow-icon);
  font-size: toRem(16);
  transform: rotate(90deg);
}
.ReleaseNotes-wrapper .content .subSegment.expandable.expanded h3:after {
  transform: rotate(270deg);
}
.submenu {
  background-color: var(--color-white);
  color: var(--color-black);
  border-bottom: 2px solid var(--border-color);
}
.submenu .breadcrumb strong {
  font-weight: var(--font-weight-regular);
}
.category-wrapper .categories li {
  background-color: var(--white);
  border-bottom: 2px solid var(--border-color);
  margin-bottom: toRem(10);
}
.category-wrapper .categories li:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
.category-wrapper .categories li span:after {
  content: var(--polestar-arrow-icon);
  font-family: var(--font-family-icons);
  font-size: 90%;
  background: none;
  height: auto;
}
.category-wrapper .categories li .article-count {
  color: var(--text-grey);
}
.sub-category-title.is-highlighted {
  background-color: #feedd6;
  transition-duration: 0.75s;
}
.sub-category-title:before {
  color: var(--color-light-grey-darken-10);
}
.topics .topic-nav {
  background-color: var(--white);
  border-bottom: 2px solid var(--border-color);
  margin-bottom: toRem(10);
  transition: background-color 0.25s var(--trans-timing-default);
}
.topics .topic-nav:hover {
  background-color: #fafafa;
}
.topics .topic-nav .title {
  color: var(--color-black);
  font-weight: var(--font-weight-semibold);
}
.topics .topic-nav .title:before {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2065%2083'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3e%3cg%20id='icon-document-blue'%3e%3cg%3e%3cpath%20d='M64.085,21.225l0,61l-64,0l0,-82l43,0c7,7%2014,14%2021,21Zm-58,-15l0,70l52,0l0,-52.514l-17.485,-17.486c-11.505,0%20-23.01,0%20-34.515,0Z'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3cpath%20d='M64.085,21.225l0,4l-25,0l0,-25l4,0c7,7%2014,14%2021,21Zm-19,-2l8.515,0l-8.515,-8.514c0,2.838%200,5.676%200,8.514Z'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3c/g%3e%3cg%3e%3crect%20x='17.085'%20y='32.225'%20width='30'%20height='6'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='44.225'%20width='30'%20height='6'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='56.225'%20width='30'%20height='6'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.PrintBasket .close-btn {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%20id='Canvas'%20fill='none'%3e%3cg%20id='Close'%3e%3cg%20id='Line%202'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(0.707107%200.707107%20-0.710168%200.704032%200.620117%202.35474)'%20stroke='%234D4E53'/%3e%3c/g%3e%3cg%20id='Line%202.1'%3e%3cline%20y1='-1'%20x2='27'%20y2='-1'%20stroke-width='2'%20transform='matrix(-0.707107%200.707107%200.710168%200.704032%2020.8374%202.67902)'%20stroke='%234D4E53'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.PrintBasket .header .document-icon {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='20px'%20height='24px'%20viewBox='0%200%2020%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2049.3%20(51167)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3eGroup%2011%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='4-copy'%20transform='translate(-1366.000000,%20-258.000000)'%20stroke='%23101820'%20stroke-width='1.25'%3e%3cg%20id='Group-11'%20transform='translate(1367.000000,%20259.000000)'%3e%3cg%20id='Group-10'%20transform='translate(3.000000,%200.000000)'%3e%3cpath%20d='M0,0%20L0.0415039062,19.1628445%20C9.91914728,19.1628445%2014.857969,19.1628445%2014.857969,19.1628445%20C14.857969,19.1628445%2014.857969,14.4618674%2014.857969,5.05991309%20L9.82910156,0%20L0,0%20Z'%20id='Path-6'%3e%3c/path%3e%3cpolyline%20id='Path-8'%20points='9.5%200%209.5%204.97243792%2014.7484435%204.97243792'%3e%3c/polyline%3e%3cpath%20d='M4,8.5%20C4.23551432,8.5%206.64767895,8.5%2011.2364939,8.5'%20id='Path-9'%3e%3c/path%3e%3cpath%20d='M4,11.5%20C4.23551432,11.5%206.64767895,11.5%2011.2364939,11.5'%20id='Path-9-Copy'%3e%3c/path%3e%3cpath%20d='M4,14.5%20C4.23551432,14.5%206.64767895,14.5%2011.2364939,14.5'%20id='Path-9-Copy-2'%3e%3c/path%3e%3c/g%3e%3cpolyline%20id='Path-10'%20points='2.54516602%202.79321289%200.122976152%202.79321289%200.122976152%2021.8197793%2015.9170304%2021.8197793%2015.9170304%2019.1892708'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.PrintBasket .header .document-icon .count:after {
  background-color: var(--color-accent-primary);
}
.PrintBasket .header .title {
  color: var(--color-black);
}
.print-basket-item .title:before {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2065%2083'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3e%3cg%20id='icon-document-blue'%3e%3cg%3e%3cpath%20d='M64.085,21.225l0,61l-64,0l0,-82l43,0c7,7%2014,14%2021,21Zm-58,-15l0,70l52,0l0,-52.514l-17.485,-17.486c-11.505,0%20-23.01,0%20-34.515,0Z'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3cpath%20d='M64.085,21.225l0,4l-25,0l0,-25l4,0c7,7%2014,14%2021,21Zm-19,-2l8.515,0l-8.515,-8.514c0,2.838%200,5.676%200,8.514Z'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3c/g%3e%3cg%3e%3crect%20x='17.085'%20y='32.225'%20width='30'%20height='6'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='44.225'%20width='30'%20height='6'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3crect%20x='17.085'%20y='56.225'%20width='30'%20height='6'%20style='fill:%23ef7c30;fill-rule:nonzero;'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.Sidebar a {
  font-weight: var(--font-weight-regular);
  color: var(--color-charcoal);
}
.Sidebar-header a {
  position: relative;
  font-size: 1.3125rem;
  line-height: 1.5625rem;
  font-weight: var(--font-weight-light);
  font-size: 1.1875rem;
  line-height: 1.4375rem;
  color: var(--color-black);
  font-weight: var(--font-weight-semibold);
  padding-bottom: 0.625rem;
}
[lang=zh] .Sidebar-header a {
  font-weight: var(--font-weight-regular);
}
.Sidebar-header a:after {
  content: "";
  display: block;
  position: absolute;
  width: 1.5rem;
  height: 1px;
  background-color: var(--color-charcoal);
  bottom: 0;
  left: 0;
}
.Sidebar.active > a,
.Sidebar .active > a {
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
}
.topic-link-container .topic-link .breadcrumb {
  color: var(--color-grey);
}
.login-page .login-panel h2,
.login-page .forgot-password-panel h2,
.login-page .request-account-panel h2 {
  margin-bottom: var(--spacing-extra-small);
}
.login-page .login-panel input,
.login-page .forgot-password-panel input,
.login-page .request-account-panel input {
  border-radius: 0;
}
.login-page .arrow-link:after,
.login-page .back-to-login-link:before {
  content: var(--polestar-arrow-icon);
  font-size: toRem(14);
  top: toRem(1);
}
.login-page .login-panel .external-login-header {
  font-size: toRem(24);
  line-height: toRem(28);
  font-weight: var(--font-weight-regular);
}
.login-page #toggle-trip-login-form {
  text-decoration: underline;
  position: absolute;
  left: 50%;
  top: var(--spacing-large);
  transform: translateX(-50%);
}
.login-page .external-login-wrapper {
  position: relative;
}
.login-page .login-form-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: all var(--trans-timing-smooth) 0.3s;
  transition-delay: 0.1s;
}
.login-page .login-form-wrapper > div {
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition: opacity var(--trans-timing-default) 0.3s;
  transition-delay: 0.15s;
}
.login-page.show-trip-login-form #toggle-trip-login-form {
  opacity: 0;
  pointer-events: none;
  transition: all var(--trans-timing-default) 0.15s;
}
.login-page.show-trip-login-form .login-form-wrapper {
  grid-template-rows: 1fr;
}
.login-page.show-trip-login-form .login-form-wrapper > div {
  opacity: 1;
  pointer-events: auto;
}