middlemac 2.0.0 → 3.1.2

data/documentation_project/Contents/Resources/{Base.lproj/assets/partials/_yard_targets_config.erb → SharedGlobalAssets/_partials/_yard_mmtargets_config.erb}

@@ -9,7 +9,7 @@
       <div class="method_details first">
   <h3 class="signature first" id="config[:build_dir]=-instance_method">
   
-    - (<tt>String</tt>) <strong>config[:build_dir]=</strong>(value) 
+    #<strong>config[:build_dir]=</strong>(value)  &#x21d2; <tt>String</tt> 
   
 
   
@@ -36,27 +36,7 @@ will override this setting.</p>
   </div>
 </div>
 <div class="tags">
-  <p class="tag_title">Parameters:</p>
-<ul class="param">
   
-    <li>
-      
-        <span class='name'>value</span>
-      
-      
-        <span class='type'>(<tt>String</tt>)</span>
-      
-      
-      
-        &mdash;
-        <div class='inline'><p>Indicate the build directory prefix that should be
-used for build output.</p>
-</div>
-      
-    </li>
-  
-</ul>
-
 <p class="tag_title">Returns:</p>
 <ul class="return">
   
@@ -68,7 +48,8 @@ used for build output.</p>
       
       
         &mdash;
-        <div class='inline'><p>Returns the current value of this configuration setting.</p>
+        <div class='inline'><p>Indicate the build directory prefix that should be
+used for build output.</p>
 </div>
       
     </li>
@@ -83,7 +64,7 @@ used for build output.</p>
       <div class="method_details ">
   <h3 class="signature " id="config[:target]=-instance_method">
   
-    - (<tt>Symbol</tt>) <strong>config[:target]=</strong>(value) 
+    #<strong>config[:target]=</strong>(value)  &#x21d2; <tt>Symbol</tt> 
   
 
   
@@ -106,27 +87,7 @@ specified on the command line.</p>
   </div>
 </div>
 <div class="tags">
-  <p class="tag_title">Parameters:</p>
-<ul class="param">
-  
-    <li>
-      
-        <span class='name'>value</span>
-      
-      
-        <span class='type'>(<tt>Symbol</tt>)</span>
-      
-      
-      
-        &mdash;
-        <div class='inline'><p>The target from <code>config[:targets]</code> that should
-be used as the default.</p>
-</div>
-      
-    </li>
   
-</ul>
-
 <p class="tag_title">Returns:</p>
 <ul class="return">
   
@@ -138,7 +99,8 @@ be used as the default.</p>
       
       
         &mdash;
-        <div class='inline'><p>Returns the current target.</p>
+        <div class='inline'><p>The target from <code>config[:targets]</code> that should
+be used as the default.</p>
 </div>
       
     </li>
@@ -153,7 +115,7 @@ be used as the default.</p>
       <div class="method_details ">
   <h3 class="signature " id="config[:target_magic_images]=-instance_method">
   
-    - (<tt>Boolean</tt>) <strong>config[:target_magic_images]=</strong>(value) 
+    #<strong>config[:target_magic_images]=</strong>(value)  &#x21d2; <tt>Boolean</tt> 
   
 
   
@@ -177,27 +139,7 @@ image begins with <code>:target_magic_word</code>.</p>
   </div>
 </div>
 <div class="tags">
-  <p class="tag_title">Parameters:</p>
-<ul class="param">
   
-    <li>
-      
-        <span class='name'>value</span>
-      
-      
-        <span class='type'>(<tt>Boolean</tt>)</span>
-      
-      
-      
-        &mdash;
-        <div class='inline'><p>Specify whether or not automatic target-specific
-image substitution should be enabled.</p>
-</div>
-      
-    </li>
-  
-</ul>
-
 <p class="tag_title">Returns:</p>
 <ul class="return">
   
@@ -209,7 +151,8 @@ image substitution should be enabled.</p>
       
       
         &mdash;
-        <div class='inline'><p>Returns the current state of this option.</p>
+        <div class='inline'><p>Specify whether or not automatic target-specific
+image substitution should be enabled.</p>
 </div>
       
     </li>
@@ -224,7 +167,7 @@ image substitution should be enabled.</p>
       <div class="method_details ">
   <h3 class="signature " id="config[:target_magic_word]=-instance_method">
   
-    - (<tt>String</tt>) <strong>config[:target_magic_word]=</strong>(value) 
+    #<strong>config[:target_magic_word]=</strong>(value)  &#x21d2; <tt>String</tt> 
   
 
   
@@ -248,27 +191,7 @@ latter will be used by the helper instead of the former.</p>
   </div>
 </div>
 <div class="tags">
-  <p class="tag_title">Parameters:</p>
-<ul class="param">
   
-    <li>
-      
-        <span class='name'>value</span>
-      
-      
-        <span class='type'>(<tt>String</tt>)</span>
-      
-      
-      
-        &mdash;
-        <div class='inline'><p>Indicate the prefix that should indicate and image
-the should be substituted, such as <code>all</code>.</p>
-</div>
-      
-    </li>
-  
-</ul>
-
 <p class="tag_title">Returns:</p>
 <ul class="return">
   
@@ -280,7 +203,8 @@ the should be substituted, such as <code>all</code>.</p>
       
       
         &mdash;
-        <div class='inline'><p>Returns the current magic prefix.</p>
+        <div class='inline'><p>Indicate the prefix that should indicate an image
+that should be substituted, such as <code>all</code>.</p>
 </div>
       
     </li>
@@ -295,7 +219,7 @@ the should be substituted, such as <code>all</code>.</p>
       <div class="method_details ">
   <h3 class="signature " id="config[:targets]=-instance_method">
   
-    - (<tt>Hash</tt>) <strong>config[:targets]=</strong>(value) 
+    #<strong>config[:targets]=</strong>(value)  &#x21d2; <tt>Hash</tt> 
   
 
   
@@ -354,26 +278,6 @@ toggle them <code>on</code> or <code>off</code> on a target-specific basis.</p>
   <span class='rbrace'>}</span></code></pre>
     
   </div>
-<p class="tag_title">Parameters:</p>
-<ul class="param">
-  
-    <li>
-      
-        <span class='name'>value</span>
-      
-      
-        <span class='type'>(<tt>Hash</tt>)</span>
-      
-      
-      
-        &mdash;
-        <div class='inline'><p>The complete definition of your targets, their
-features, and other keys-value pairs that you wish to include.</p>
-</div>
-      
-    </li>
-  
-</ul>
 
 <p class="tag_title">Returns:</p>
 <ul class="return">
@@ -386,7 +290,8 @@ features, and other keys-value pairs that you wish to include.</p>
       
       
         &mdash;
-        <div class='inline'><p>Returns the attributes of your targets.</p>
+        <div class='inline'><p>The complete definition of your targets, their
+features, and other keys-value pairs that you wish to include.</p>
 </div>
       
     </li>

data/documentation_project/Contents/Resources/{Base.lproj/assets/partials/_yard_targets_helpers.erb → SharedGlobalAssets/_partials/_yard_mmtargets_helpers.erb}

@@ -10,7 +10,7 @@
         <div class="method_details first">
   <h3 class="signature first" id="target_feature?-instance_method">
   
-    - (<tt>Boolean</tt>) <strong>target_feature?</strong>(feature) 
+    #<strong>target_feature?</strong>(feature)  &#x21d2; <tt>Boolean</tt> 
   
 
   
@@ -71,7 +71,7 @@ enabled.</p>
         <div class="method_details ">
   <h3 class="signature " id="target_name-instance_method">
   
-    - (<tt>Symbol</tt>) <strong>target_name</strong> 
+    #<strong>target_name</strong>  &#x21d2; <tt>Symbol</tt> 
   
 
   
@@ -110,7 +110,7 @@ enabled.</p>
         <div class="method_details ">
   <h3 class="signature " id="target_name?-instance_method">
   
-    - (<tt>Boolean</tt>) <strong>target_name?</strong>(proposal) 
+    #<strong>target_name?</strong>(proposal)  &#x21d2; <tt>Boolean</tt> 
   
 
   
@@ -170,7 +170,7 @@ matches the parameter <code>proposal</code>.</p>
         <div class="method_details ">
   <h3 class="signature " id="target_value-instance_method">
   
-    - (<tt>String</tt>, <tt>Nil</tt>) <strong>target_value</strong>(key) 
+    #<strong>target_value</strong>(key)  &#x21d2; <tt>String</tt>, <tt>Nil</tt> 
   
 
   

data/documentation_project/Contents/Resources/{Base.lproj/assets/partials/_yard_targets_helpers_extended.erb → SharedGlobalAssets/_partials/_yard_mmtargets_helpers_extended.erb}

@@ -10,7 +10,7 @@
         <div class="method_details first">
   <h3 class="signature first" id="image_tag-instance_method">
   
-    - (<tt>Void</tt>) <strong>image_tag</strong>(path, params = {}) 
+    #<strong>image_tag</strong>(path, params = {})  &#x21d2; <tt>String</tt> 
   
 
   
@@ -121,9 +121,13 @@ enables the feature <code>feature</code>.</p>
     <li>
       
       
-        <span class='type'>(<tt>Void</tt>)</span>
+        <span class='type'>(<tt>String</tt>)</span>
+      
       
       
+        &mdash;
+        <div class='inline'><p>A properly formed image tag.</p>
+</div>
       
     </li>
   

data/documentation_project/Contents/Resources/{Base.lproj/assets/partials/_yard_targets_instance.erb → SharedGlobalAssets/_partials/_yard_mmtargets_instance.erb}

@@ -10,7 +10,7 @@
         <div class="method_details first">
   <h3 class="signature first" id="target_specific_proposal-instance_method">
   
-    - (<tt>String</tt>) <strong>target_specific_proposal</strong>(path) 
+    #<strong>target_specific_proposal</strong>(path)  &#x21d2; <tt>String</tt> 
   
 
   

data/documentation_project/Contents/Resources/{Base.lproj/assets/partials/_yard_targets_resources.erb → SharedGlobalAssets/_partials/_yard_mmtargets_resources.erb}

@@ -10,7 +10,7 @@
         <div class="method_details first">
   <h3 class="signature first" id="resource.targeted?-instance_method">
   
-    - (<tt>Boolean</tt>) <strong>resource.targeted?</strong> 
+    #<strong>resource.targeted?</strong>  &#x21d2; <tt>Boolean</tt> 
   
 
   
@@ -65,7 +65,7 @@ or not this resource belongs in the current target.</p>
         <div class="method_details ">
   <h3 class="signature " id="resource.valid_features-instance_method">
   
-    - (<tt>Array</tt>) <strong>resource.valid_features</strong> 
+    #<strong>resource.valid_features</strong>  &#x21d2; <tt>Array</tt> 
   
 
   

data/documentation_project/Contents/Resources/SharedGlobalAssets/css/apple/apple.css

@@ -0,0 +1,3831 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+img,legend{
+    border:0
+}
+.apd-topic table,table{
+    border-collapse:collapse
+}
+nav,section,section article,ul.toc{
+    -webkit-tap-highlight-color:transparent
+}
+#search,hr{
+    box-sizing:content-box
+}
+article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
+    display:block
+}
+audio,canvas,video{
+    display:inline-block
+}
+audio:not([controls]){
+    display:none;
+    height:0
+}
+[hidden]{
+    display:none
+}
+li,ol,ul{
+    margin:0;
+    padding:0;
+    list-style:none
+}
+a:focus{
+    outline:dotted thin
+}
+a:active,a:hover{
+    outline:0
+}
+h1{
+    font-size:2em;
+    margin:.67em 0
+}
+abbr[title]{
+    border-bottom:1px dotted
+}
+b,strong{
+    font-weight:700
+}
+dfn{
+    font-style:italic
+}
+hr{
+    height:0
+}
+mark{
+    background:#ff0;
+    color:#000
+}
+.link-default,.link-default:visited{
+    color:#007aff
+}
+code,kbd,pre,samp{
+    font-family:monospace,serif;
+    font-size:1em
+}
+pre{
+    white-space:pre-wrap
+}
+q{
+    quotes:"\201C" "\201D" "\2018" "\2019"
+}
+small{
+    font-size:80%
+}
+sub,sup{
+    font-size:75%;
+    line-height:0;
+    position:relative;
+    vertical-align:baseline
+}
+sup{
+    top:-.5em
+}
+sub{
+    bottom:-.25em
+}
+svg:not(:root){
+    overflow:hidden
+}
+figure{
+    margin:0
+}
+fieldset{
+    border:1px solid silver;
+    margin:0 2px;
+    padding:.35em .625em .75em
+}
+legend{
+    padding:0
+}
+button,input,select,textarea{
+    font-family:inherit;
+    font-size:100%;
+    margin:0
+}
+button,input{
+    line-height:normal
+}
+button,select{
+    text-transform:none
+}
+button,html input[type=button],input[type=reset],input[type=submit]{
+    -webkit-appearance:button;
+    cursor:pointer
+}
+button[disabled],html input[disabled]{
+    cursor:default
+}
+input[type=checkbox],input[type=radio]{
+    box-sizing:border-box;
+    padding:0
+}
+input[type=search]{
+    -webkit-appearance:textfield;
+    box-sizing:content-box
+}
+input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
+    -webkit-appearance:none
+}
+button::-moz-focus-inner,input::-moz-focus-inner{
+    border:0;
+    padding:0
+}
+textarea{
+    overflow:auto;
+    vertical-align:top
+}
+table{
+    border-spacing:0
+}
+.link-default{
+    position:relative;
+    outline:0;
+    text-decoration:none
+}
+.link-default:hover{
+    text-decoration:underline
+}
+.no-hover .link-default:hover,header.app h1 a,nav .toc-more-help a{
+    text-decoration:none
+}
+a,a:active,button,button:active{
+    outline:0
+}
+.scroll{
+    -webkit-overflow-scrolling:touch
+}
+[role=application],body,html{
+    padding:0;
+    margin:0;
+    height:100%;
+    width:100%;
+    overflow:hidden
+}
+@media print{
+    [role=application],body,html{
+        position:static;
+        height:auto;
+        overflow:auto
+    }
+}
+html{
+    -webkit-text-size-adjust:100%;
+    -ms-text-size-adjust:100%;
+    font-family:-apple-system,-apple-system-font,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif;
+    line-height:1.5;
+    -webkit-font-smoothing:antialiased;
+    -ms-font-smoothing:antialiased;
+    -moz-font-smoothing:antialiased;
+    -o-font-smoothing:antialiased;
+    font-smoothing:antialiased
+}
+html.is-not-mobile{
+    font-size:17px
+}
+html.is-mobile{
+    font:-apple-system-body
+}
+html.is-hv{
+    font-size:15px
+}
+[role=application],body{
+    background:#fafafa;
+    -webkit-text-size-adjust:none;
+    color:#4b4b4b;
+    overflow-x:hidden;
+    overflow-y:visible
+}
+.centered{
+    position:relative;
+    margin:0 auto;
+    padding:0;
+    max-width:1156px;
+    min-width:320px
+}
+@media print{
+    [role=application],body{
+        background:0 0;
+        width:100%
+    }
+    .centered{
+        position:static;
+        height:auto;
+        overflow:auto
+    }
+    header.app{
+        display:none
+    }
+}
+.is-hv .centered{
+    max-width:956px
+}
+.content{
+    width:100%;
+    height:calc(100% - 44px)
+}
+.is-hv .content{
+    height:100%
+}
+@media all and (max-width:874px){
+    html.modal-view{
+        overflow-y:hidden!important
+    }
+    .content,[role=application],body,html{
+        overflow-x:hidden;
+        overflow-y:visible!important
+    }
+    [role=application],body,html{
+        min-height:100%
+    }
+    .content{
+        min-height:calc(100% - 44px);
+        height:auto;
+        background-color:#fff
+    }
+    .is-hv .content{
+        min-height:100%
+    }
+    .is-ie .content{
+        min-height:initial;
+        height:calc(100% - 44px)
+    }
+    .is-mobile [role=application],.is-mobile body,.is-mobile html{
+        height:auto
+    }
+    .is-mobile.panel-visible,.is-mobile.panel-visible [role=application],.is-mobile.panel-visible body{
+        height:100%
+    }
+    .is-mobile.panel-visible .content{
+        height:calc(100% - 44px)
+    }
+}
+@-webkit-keyframes header-searchshow{
+    0%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+    40%{
+        opacity:1
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+}
+@keyframes header-searchshow{
+    0%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+    40%{
+        opacity:1
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+}
+@-webkit-keyframes header-searchhide{
+    0%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+    60%{
+        opacity:1
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+}
+@keyframes header-searchhide{
+    0%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+    60%{
+        opacity:1
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+}
+header.app{
+    position:relative;
+    z-index:100;
+    background:#333;
+    height:44px;
+    font-size:1.12rem;
+    line-height:1.9
+}
+header.app h1{
+    font-weight:400;
+    font-size:inherit;
+    margin:0 68px;
+    padding:.29rem;
+    overflow:hidden;
+    text-align:center;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+    position:relative;
+    z-index:101;
+    color:#fff;
+    -webkit-animation:header-searchhide .4s both;
+    animation:header-searchhide .4s both
+}
+header.app h1.searchopen{
+    -webkit-animation:header-searchshow .4s both;
+    animation:header-searchshow .4s both;
+    z-index:1
+}
+header.app h1 a{
+    color:#fff
+}
+header.app button{
+    position:absolute;
+    height:30px;
+    top:7px;
+    display:block;
+    z-index:101;
+    padding:0;
+    width:36px;
+    border-radius:5px;
+    -ms-background-clip:padding-box;
+    background-clip:padding-box;
+    color:transparent;
+    border:none;
+    background:no-repeat;
+    background-size:44px 44px;
+    background-position:50% 50%
+}
+.single-page-book header.app button[name=toc],header.app button[name=find][aria-checked=false] span{
+    display:none
+}
+header.app button[aria-checked=true]{
+    background-color:#666
+}
+header.app button[aria-checked=false]:hover{
+    opacity:.65
+}
+header.app button[name=toc]{
+    background-image:url(css/img/toc_large.svg);
+    left:17px
+}
+[dir=rtl] header.app button[name=toc]{
+    left:auto;
+    right:17px;
+    -webkit-transform:scaleX(-1);
+    transform:scaleX(-1);
+    -webkit-filter:FlipH;
+    filter:FlipH;
+    -ms-filter:"FlipH"
+}
+header.app button[name=find]{
+    background-image:url(css/img/search_image_large.svg);
+    right:17px
+}
+[dir=rtl] header.app button[name=find]{
+    right:auto;
+    left:17px
+}
+header.app button[name=find][aria-checked=true]{
+    background:0 0
+}
+nav{
+    font-size:.76rem;
+    background:#fff;
+    box-sizing:border-box;
+    position:absolute;
+    top:0;
+    left:0;
+    height:100%;
+    width:290px
+}
+@media print{
+    nav{
+        display:none
+    }
+}
+.is-hv nav{
+    font-size:.82rem;
+    width:190px!important
+}
+[dir=rtl] nav{
+    left:auto;
+    right:0
+}
+.is-not-hv nav{
+    z-index:30;
+    border-right:1px solid #f2f2f2;
+    transition:-webkit-transform 0 ease-in-out;
+    transition:transform 0 ease-in-out
+}
+.toc-animating.is-not-hv nav{
+    transition-duration:.3s
+}
+.is-not-hv [dir=rtl] nav{
+    border-left:1px solid #f2f2f2;
+    border-right:none
+}
+@media all and (max-width:568px){
+    .is-not-hv nav{
+        transition:-webkit-transform 0 ease-in-out,width 0 linear .6s;
+        transition:transform 0 ease-in-out,width 0 linear .6s;
+        box-shadow:none!important;
+        width:100%!important
+    }
+    .toc-animating.is-not-hv nav{
+        transition-duration:.3s
+    }
+    .is-mobile nav{
+        position:fixed;
+        height:auto;
+        top:44px;
+        bottom:0
+    }
+}
+nav[aria-hidden=true] ul.toc{
+    pointer-events:none;
+    overflow-y:hidden
+}
+@media all and (max-width:874px){
+    nav{
+        box-shadow:0 0 2px 2px rgba(0,0,0,.1)
+    }
+    .is-not-hv nav[aria-hidden=true]{
+        -webkit-transform:translateX(-292px);
+        transform:translateX(-292px)
+    }
+    .is-not-hv [dir=rtl] nav[aria-hidden=true]{
+        -webkit-transform:translateX(292px);
+        transform:translateX(292px)
+    }
+}
+@media all and (max-width:568px){
+    .is-not-hv nav[aria-hidden=true]{
+        -webkit-transform:translate3d(-100%,0,0);
+        transform:translate3d(-100%,0,0)
+    }
+    .is-not-hv [dir=rtl] nav[aria-hidden=true]{
+        -webkit-transform:translate3d(100%,0,0);
+        transform:translate3d(100%,0,0)
+    }
+}
+.show-more-help-link nav{
+    display:-webkit-flex;
+    -webkit-flex-direction:column
+}
+@media print{
+    .show-more-help-link nav{
+        display:none
+    }
+}
+nav .toc-more-help{
+    display:block;
+    padding:4px 5px 5px;
+    -webkit-align-self:flex-end;
+    width:180px;
+    border-top:1px solid #e4e4e4;
+    text-align:center
+}
+nav .toc-more-help a{
+    display:inline-block;
+    line-height:1.25em;
+    color:#007aff
+}
+nav .toc-more-help a:hover{
+    text-decoration:underline
+}
+.no-hover .topic-page .next:hover,.no-hover .topic-page .prev:hover,.topic-page .copyright-text a,.topic-page .next:hover,.topic-page .prev:hover,ul.toc a,ul.toc a.active{
+    text-decoration:none
+}
+nav .toc-more-help .toc-more-help-icon{
+    display:inline-block;
+    width:5px;
+    height:7px;
+    background-image:url(css/img/icon-arrow.png);
+    background-size:5px 7px;
+    margin-left:5px
+}
+[dir=rtl] nav .toc-more-help .toc-more-help-icon{
+    -webkit-transform:rotate(180deg);
+    transform:rotate(180deg);
+    margin-left:0;
+    margin-right:5px
+}
+ul.toc{
+    height:100%;
+    overflow-y:scroll;
+    -webkit-overflow-scrolling:touch
+}
+.is-hv ul.toc>li:first-child{
+    margin-top:.714em
+}
+.is-hv ul.toc>li:last-child{
+    margin-bottom:.714em
+}
+ul.toc .icon{
+    position:absolute;
+    top:7px;
+    top:calc(1.6em - 1.7rem/2);
+    height:1.7rem;
+    width:1.7rem;
+    left:1.42rem
+}
+.is-not-mobile ul.toc .icon{
+    -webkit-transform:translateZ(0);
+    transform:translateZ(0);
+    -webkit-backface-visibility:hidden;
+    -ms-backface-visibility:hidden;
+    -o-backface-visibility:hidden;
+    backface-visibility:hidden
+}
+.is-hv ul.toc .icon{
+    display:none
+}
+[dir=rtl] ul.toc .icon{
+    left:auto;
+    right:1.42rem
+}
+ul.toc ul{
+    overflow:hidden
+}
+ul.toc ul.animating{
+    transition:max-height .3s ease-in-out
+}
+ul.toc li[aria-expanded=true].first-toc-item-active>a{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc li[aria-expanded=false]>a{
+    transition:border-bottom 0s linear .3s,padding-bottom 0s linear .3s
+}
+ul.toc a{
+    outline:0;
+    display:block;
+    position:relative;
+    border:0;
+    border-bottom:1px solid #f2f2f2;
+    padding:.95em .7rem;
+    padding-left:.47rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 1.42rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 1.42rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0;
+    color:#4a4a4a
+}
+.is-hv ul.toc a.active,ul.toc a.active{
+    background-color:#f2f2f2;
+    border-top:1px solid #f2f2f2
+}
+.is-hv ul.toc a{
+    padding-top:6px;
+    padding-bottom:7px;
+    border-bottom:none;
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc a{
+    padding-left:.7rem;
+    padding-right:.47rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 1.42rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 1.42rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc a.active{
+    -o-border-image:none;
+    border-image:none;
+    top:-1px;
+    border-bottom:none
+}
+ul.toc a:hover{
+    color:#007aff;
+    cursor:pointer
+}
+.no-hover ul.toc a:hover,ul.toc a:hover.active{
+    color:#4a4a4a;
+    cursor:default
+}
+div.Task>.Name,ul.toc .section{
+    cursor:pointer
+}
+ul.toc a.active .icon{
+    margin-top:.01px
+}
+ul.toc a .name{
+    pointer-events:none;
+    padding-left:.95rem;
+    word-wrap:break-word
+}
+[dir=rtl] ul.toc a .name{
+    padding-right:.95rem
+}
+ul.toc ul a{
+    padding-left:1.35rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 2.3rem,#f2f2f2 1.35rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 2.3rem,#f2f2f2 1.35rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv ul.toc ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc ul a{
+    padding-left:.7rem;
+    padding-right:1.35rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 2.3rem,#f2f2f2 1.35rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 2.3rem,#f2f2f2 1.35rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc ul a.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc ul ul a{
+    padding-left:2.23rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 3.18rem,#f2f2f2 2.23rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 3.18rem,#f2f2f2 2.23rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv ul.toc ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc ul ul a{
+    padding-left:.7rem;
+    padding-right:2.23rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 3.18rem,#f2f2f2 2.23rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 3.18rem,#f2f2f2 2.23rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc ul ul a.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc ul ul ul a{
+    padding-left:3.11rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 4.06rem,#f2f2f2 3.11rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 4.06rem,#f2f2f2 3.11rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv ul.toc ul ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc ul ul ul a{
+    padding-left:.7rem;
+    padding-right:3.11rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 4.06rem,#f2f2f2 3.11rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 4.06rem,#f2f2f2 3.11rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc ul ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc ul ul ul a.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc .hasIcon a{
+    padding-left:.47rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 3.47rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 3.47rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv ul.toc .hasIcon a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc .hasIcon a{
+    padding-left:.7rem;
+    padding-right:.47rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 3.47rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 3.47rem,#f2f2f2 .47rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc .hasIcon a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc .hasIcon a.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc .hasIcon a>.name{
+    padding-left:3rem
+}
+[dir=rtl] ul.toc .hasIcon a>.name{
+    padding-left:0;
+    padding-right:3rem
+}
+ul.toc .hasIcon ul a{
+    padding-left:4.42rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 4.42rem,#f2f2f2 4.42rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 4.42rem,#f2f2f2 4.42rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv ul.toc .hasIcon ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc .hasIcon ul a{
+    padding-left:.7rem;
+    padding-right:4.42rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 4.42rem,#f2f2f2 4.42rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 4.42rem,#f2f2f2 4.42rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc .hasIcon ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc .hasIcon ul a.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc .hasIcon ul a>.name{
+    padding-left:0
+}
+[dir=rtl] ul.toc .hasIcon ul a>.name{
+    padding-right:0
+}
+ul.toc .hasIcon ul a.section{
+    padding-left:3.47rem
+}
+[dir=rtl] ul.toc .hasIcon ul a.section{
+    padding-left:0;
+    padding-right:3.47rem
+}
+ul.toc .hasIcon ul a.section .name{
+    padding-left:.95rem
+}
+[dir=rtl] ul.toc .hasIcon ul a.section .name{
+    padding-left:0;
+    padding-right:.95rem
+}
+ul.toc .hasIcon ul ul a{
+    padding-left:5.37rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 5.37rem,#f2f2f2 5.37rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 5.37rem,#f2f2f2 5.37rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv ul.toc .hasIcon ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc .hasIcon ul ul a{
+    padding-left:.7rem;
+    padding-right:5.37rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 5.37rem,#f2f2f2 5.37rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 5.37rem,#f2f2f2 5.37rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc .hasIcon ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc .hasIcon ul ul a.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc .hasIcon ul ul a.section{
+    padding-left:4.42rem
+}
+[dir=rtl] ul.toc .hasIcon ul ul a.section{
+    padding-left:0;
+    padding-right:4.42rem
+}
+ul.toc .hasIcon ul ul ul a{
+    padding-left:6.32rem;
+    -o-border-image:linear-gradient(to right,#fff 0,#fff 6.32rem,#f2f2f2 6.32rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to right,#fff 0,#fff 6.32rem,#f2f2f2 6.32rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv ul.toc .hasIcon ul ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc .hasIcon ul ul ul a{
+    padding-left:.7rem;
+    padding-right:6.32rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 6.32rem,#f2f2f2 6.32rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 6.32rem,#f2f2f2 6.32rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc .hasIcon ul ul ul a{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc .hasIcon ul ul ul a.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc .hasIcon ul ul ul a.section{
+    padding-left:5.37rem
+}
+[dir=rtl] ul.toc .hasIcon ul ul ul a.section{
+    padding-left:0;
+    padding-right:5.37rem
+}
+ul.toc ul li.hasIcon{
+    padding-left:.88rem;
+    border-image-width:0 0 1px 0;
+    -o-border-image:none;
+    border-image:none
+}
+.is-hv ul.toc ul li.hasIcon{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+[dir=rtl] ul.toc ul li.hasIcon{
+    padding-left:.7rem;
+    padding-right:.88rem;
+    -o-border-image:linear-gradient(to left,#fff 0,#fff 5.37rem,#f2f2f2 .88rem,#f2f2f2 100%) 0 0 1 0;
+    border-image:linear-gradient(to left,#fff 0,#fff 5.37rem,#f2f2f2 .88rem,#f2f2f2 100%) 0 0 1 0;
+    border-image-width:0 0 1px 0
+}
+.is-hv [dir=rtl] ul.toc ul li.hasIcon{
+    -o-border-image:none!important;
+    border-image:none!important
+}
+ul.toc ul li.hasIcon.active{
+    -o-border-image:none;
+    border-image:none
+}
+ul.toc .section .disclosure-icon{
+    background-image:url(css/img/arrow.svg);
+    background-size:1em 1em;
+    width:1em;
+    height:1em;
+    display:block;
+    float:left;
+    margin-top:.23em
+}
+[dir=rtl] ul.toc .section .disclosure-icon{
+    float:right;
+    -webkit-transform:rotate(180deg);
+    transform:rotate(180deg);
+    -webkit-backface-visibility:hidden;
+    -ms-backface-visibility:hidden;
+    -o-backface-visibility:hidden;
+    backface-visibility:hidden
+}
+.is-not-mobile ul.toc .section .disclosure-icon{
+    transition:-webkit-transform .1s linear;
+    transition:transform .1s linear
+}
+ul.toc .section:hover .disclosure-icon{
+    background-image:url(css/img/arrow-blue.svg)
+}
+ul.toc li[aria-expanded=true]>.section .disclosure-icon{
+    -webkit-transform:rotate(90deg);
+    transform:rotate(90deg);
+    -webkit-backface-visibility:hidden;
+    -ms-backface-visibility:hidden;
+    -o-backface-visibility:hidden;
+    backface-visibility:hidden
+}
+section{
+    position:absolute;
+    left:0;
+    right:0;
+    background-color:#fff;
+    overflow-x:hidden;
+    overflow-y:auto;
+    -webkit-overflow-scrolling:touch;
+    transition:left .3s ease-in-out,right .3s ease-in-out
+}
+@media print{
+    section{
+        position:static;
+        height:auto;
+        overflow:auto
+    }
+}
+section,section article{
+    height:100%
+}
+.is-mobile.panel-visible section{
+    height:100%;
+    overflow:hidden!important
+}
+@media all and (min-width:875px){
+    .is-not-hv section{
+        left:0;
+        z-index:31
+    }
+    .is-not-hv section.toc-visible{
+        left:290px
+    }
+    .is-not-hv [dir=rtl] section{
+        left:0;
+        right:0
+    }
+    .is-not-hv [dir=rtl] section.toc-visible{
+        right:290px
+    }
+    .single-page-book section{
+        left:0!important;
+        right:0!important
+    }
+}
+.is-hv section{
+    transition:left .3s ease-in-out,right .3s ease-in-out,box-shadow 0s linear .3s;
+    box-shadow:-2px 0 0 0 transparent
+}
+.is-hv [dir=rtl] section{
+    box-shadow:2px 0 0 0 transparent
+}
+.is-hv section.toc-visible{
+    transition:left .3s ease-in-out,right .3s ease-in-out,box-shadow 0s linear 0s;
+    box-shadow:-2px 0 0 0 #e4e4e4;
+    left:190px
+}
+.is-hv [dir=rtl] section.toc-visible{
+    left:0;
+    right:190px;
+    box-shadow:2px 0 0 0 #e4e4e4
+}
+@media print{
+    section{
+        left:0;
+        width:100%!important
+    }
+}
+@media all and (max-width:874px){
+    .is-mobile section,.is-mobile section article{
+        min-height:100%!important;
+        height:auto;
+        overflow-x:hidden;
+        overflow-y:visible!important;
+        position:relative
+    }
+}
+.topic-container{
+    position:relative;
+    width:100%;
+    max-width:866px;
+    margin:0 auto;
+    min-height:100%;
+    font-size:.82rem;
+    background:#fff;
+    padding-bottom:2em
+}
+.topic-container .is-hv{
+    position:absolute
+}
+@media print{
+    .topic-container{
+        position:static;
+        height:auto;
+        overflow:auto
+    }
+}
+.is-mobile.is-safari8 .landing-page .topic-container,.is-mobile.is-safari9 .landing-page .topic-container,.is-modern-hv .landing-page .topic-container{
+    display:-moz-flex;
+    display:-ms-flex;
+    display:-webkit-box;
+    display:flex;
+    -moz-flex-direction:column;
+    -o-flex-direction:column;
+    -webkit-box-orient:vertical;
+    -webkit-box-direction:normal;
+    flex-direction:column;
+    -ms-justify-content:center;
+    -moz-justify-content:center;
+    -o-justify-content:center;
+    -webkit-box-pack:center;
+    justify-content:center;
+    min-height:100%;
+    padding:0
+}
+@media all and (max-width:581px){
+    .is-modern-hv .landing-page .apd-topic figure img{
+        max-width:328px
+    }
+}
+div.Task>.Name{
+    position:relative
+}
+div.Task>.Name:focus{
+    outline:0
+}
+div.Task>.Name .task-arrow{
+    background-image:url(css/img/arrow.svg);
+    position:absolute;
+    background-size:1em 1em;
+    width:1em;
+    height:1em;
+    top:.95em;
+    left:-1.2em;
+    transition:-webkit-transform .1s linear;
+    transition:transform .1s linear
+}
+[dir=rtl] div.Task>.Name .task-arrow{
+    left:auto;
+    right:-1.2em;
+    -webkit-transform:rotate(180deg);
+    transform:rotate(180deg)
+}
+div.Task>.Name:hover .task-arrow{
+    background-image:url(css/img/arrow-blue.svg)
+}
+.no-hover div.Task>.Name:hover .task-arrow{
+    background-image:url(css/img/arrow.svg)
+}
+div.Task>.Name[aria-expanded=true] .task-arrow{
+    -webkit-transform:rotate(90deg);
+    transform:rotate(90deg)
+}
+.SoloTask.Task h2.Name{
+    cursor:text
+}
+.SoloTask.Task h2.Name .task-arrow{
+    display:none
+}
+.SoloTask.Task h2.Name:hover{
+    color:#484848!important
+}
+.topic-page{
+    padding:8%
+}
+.topic-page.passionpoints{
+    padding:4%
+}
+@media all and (max-width:568px){
+    .topic-page{
+        padding:5%;
+        padding:calc(2% + .8em)
+    }
+    .topic-page.passionpoints{
+        padding:0
+    }
+}
+.topic-page .chapter-name{
+    display:inline-block;
+    color:#999;
+    text-transform:uppercase;
+    font-size:11px;
+    font-weight:600;
+    margin-bottom:4px
+}
+.feedback a,.topic-page .chapter-name:lang(el){
+    text-transform:none
+}
+.topic-page .apd-topic{
+    margin-bottom:1.5em
+}
+.topic-page .apd-topic .topicIcon{
+    float:left;
+    width:30px;
+    height:30px;
+    background-size:30px 30px;
+    padding-right:10px;
+    margin:0;
+    position:relative;
+    top:1px
+}
+.is-hv .topic-page .apd-topic .topicIcon{
+    display:inline
+}
+@media all and (max-width:568px){
+    .topic-page .apd-topic .topicIcon{
+        width:24px;
+        height:24px;
+        background-size:24px 24px;
+        padding-right:8px
+    }
+    [dir=rtl] .topic-page .apd-topic .topicIcon{
+        padding-right:0;
+        padding-left:8px
+    }
+}
+[dir=rtl] .topic-page .apd-topic .topicIcon{
+    float:right;
+    padding-right:0;
+    padding-left:10px
+}
+@media print{
+    .topic-page .apd-topic a[href^=x-help]{
+        display:none
+    }
+}
+.is-not-hv .topic-page .apd-topic a[href^=x-help]{
+    display:none
+}
+.topic-page .next,.topic-page .prev{
+    position:relative;
+    outline:0;
+    text-decoration:none;
+    color:#007aff;
+    padding:19px;
+    margin-bottom:1.5em;
+    font-size:.87rem
+}
+.topic-page .next:visited,.topic-page .prev:visited{
+    color:#007aff
+}
+.topic-page .prev,[dir=rtl] .topic-page .next{
+    float:left;
+    background:url(css/img/nav-left.svg) left no-repeat;
+    background-size:10px 20px
+}
+.topic-page .next,[dir=rtl] .topic-page .prev{
+    float:right;
+    background:url(css/img/nav-right.svg) right no-repeat;
+    background-size:10px 20px
+}
+.topic-page .copyright-text{
+    display:none;
+    white-space:pre-line;
+    color:#b1b1b1;
+    font-size:.65rem;
+    clear:both
+}
+.is-not-hv .topic-page .copyright-text{
+    display:block
+}
+@media print{
+    .topic-page .copyright-text{
+        display:block
+    }
+}
+.topic-page .copyright-text a{
+    position:relative;
+    outline:0;
+    color:#007aff
+}
+.topic-page .copyright-text a:visited{
+    color:#007aff
+}
+.topic-page .copyright-text a:hover{
+    text-decoration:underline
+}
+.no-hover .topic-page .copyright-text a:hover{
+    text-decoration:none
+}
+.topic-page .language{
+    display:none;
+    color:#484848;
+    font-size:.65rem;
+    margin:5px 0 0;
+    text-align:center
+}
+.topic-page .language .cur-lang{
+    color:#007aff;
+    cursor:pointer;
+    display:inline-block
+}
+.topic-page .language .cur-lang .lang-icon{
+    background-image:url(css/img/changelanguage_icon2x.png);
+    background-size:13px 13px;
+    width:13px;
+    height:13px;
+    display:inline-block;
+    position:relative;
+    top:2px;
+    pointer-events:none
+}
+.landing-page .topic-page .language{
+    display:block
+}
+.single-page-book .topic-page .language{
+    display:block;
+    text-align:left
+}
+[dir=rtl].single-page-book .topic-page .language{
+    text-align:right
+}
+.topic-page.landing .feedback{
+    display:none
+}
+.topic-page.landing .copyright-text{
+    text-align:center
+}
+.fka-styles nav a[tabindex="0"]:focus{
+    text-decoration:underline!important;
+    text-decoration:underline
+}
+.fka-styles :focus{
+    outline-width:1px;
+    outline-style:dotted
+}
+.video-container{
+    position:relative;
+    display:inline-block
+}
+.video-container video{
+    height:auto
+}
+.video-container .thumbnail{
+    overflow:hidden;
+    position:absolute;
+    left:0;
+    top:0;
+    width:100%;
+    height:100%;
+    display:inline-block;
+    vertical-align:top;
+    z-index:1;
+    background-color:transparent;
+    border:none
+}
+.video-container .thumbnail:active{
+    border:none
+}
+.video-container .thumbnail .thumbnail-button{
+    position:absolute;
+    top:50%;
+    left:50%;
+    -webkit-transform:translate(-50%,-50%);
+    transform:translate(-50%,-50%);
+    display:block;
+    background:url(css/img/icon-play.svg) center center no-repeat rgba(242,242,242,.75);
+    color:transparent;
+    cursor:pointer;
+    pointer-events:none;
+    width:90px;
+    height:90px;
+    border-radius:90px;
+    background-size:45px 45px
+}
+.apd-topic.PassionPoints .hide-me,[data-state=playing].video-container .thumbnail .thumbnail-button{
+    display:none
+}
+[data-state=paused].video-container .thumbnail .thumbnail-button{
+    background-image:url(css/img/icon-pause.svg)
+}
+[data-state=ended].video-container .thumbnail .thumbnail-button{
+    background-image:url(css/img/icon-replay.svg)
+}
+@media all and (max-width:568px){
+    .video-container .thumbnail .thumbnail-button{
+        width:45px!important;
+        height:45px!important;
+        border-radius:45px!important;
+        background-size:23px 23px!important
+    }
+}
+.video-container .thumbnail .thumbnail-button.dark{
+    background:rgba(34,34,34,.3)
+}
+.video-container .thumbnail,.video-container .thumbnail image{
+    background-position:center;
+    background-size:cover
+}
+.apd-topic{
+    color:#484848
+}
+.apd-topic.PassionPoints{
+    padding-bottom:2em;
+    margin:auto 0;
+    color:#333
+}
+.apd-topic.PassionPoints .bordered-section{
+    border-top:1px solid #e4e4e4
+}
+.apd-topic.PassionPoints .Hero{
+    display:-webkit-box;
+    display:flex;
+    -webkit-box-pack:center;
+    justify-content:center;
+    -webkit-box-align:center;
+    align-items:center;
+    padding:5% 0 10%;
+    margin-bottom:0
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints{
+        margin-left:0;
+        margin-right:0
+    }
+    .apd-topic.PassionPoints .Hero{
+        -webkit-box-orient:vertical;
+        -webkit-box-direction:normal;
+        flex-direction:column;
+        padding:1em 2em
+    }
+}
+.apd-topic.PassionPoints .Hero:lang(de),.apd-topic.PassionPoints .Hero:lang(ja),.apd-topic.PassionPoints .Hero:lang(ko),.apd-topic.PassionPoints .Hero:lang(nl),.apd-topic.PassionPoints .Hero:lang(sv){
+    -webkit-box-orient:vertical;
+    -webkit-box-direction:normal;
+    flex-direction:column;
+    padding:1em 2em
+}
+.apd-topic.PassionPoints .Hero figure{
+    margin:0 2.5em 0 0;
+    text-align:center;
+    flex-basis:auto
+}
+[dir=rtl] .apd-topic.PassionPoints .Hero figure{
+    margin-right:0;
+    margin-left:2.5em
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints .Hero figure{
+        margin-right:0;
+        width:-webkit-max-content;
+        width:-moz-max-content;
+        width:max-content
+    }
+    .apd-topic.PassionPoints .Hero figure img{
+        max-width:50%
+    }
+}
+.apd-topic.PassionPoints .Hero div .Name{
+    margin:.25em 0 0;
+    text-align:left;
+    font-weight:400;
+    font-size:3.25rem;
+    line-height:1;
+    color:#333;
+    letter-spacing:-.014em;
+    overflow:visible
+}
+[dir=rtl] .apd-topic.PassionPoints .Hero div .Name{
+    text-align:right
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints .Hero div .Name{
+        text-align:center;
+        font-size:1.4rem
+    }
+    [dir=rtl] .apd-topic.PassionPoints .Hero div .Name{
+        text-align:center
+    }
+    .apd-topic.PassionPoints .Hero div .Name:lang(nl){
+        font-size:1.9rem
+    }
+}
+.apd-topic.PassionPoints .Hero div .Name:lang(de),.apd-topic.PassionPoints .Hero div .Name:lang(ja),.apd-topic.PassionPoints .Hero div .Name:lang(ko),.apd-topic.PassionPoints .Hero div .Name:lang(nl),.apd-topic.PassionPoints .Hero div .Name:lang(sv){
+    text-align:center
+}
+.apd-topic.PassionPoints .Hero div p{
+    text-align:left;
+    font-weight:300;
+    font-size:1.5rem;
+    line-height:1.3;
+    letter-spacing:.005em;
+    color:#666
+}
+[dir=rtl] .apd-topic.PassionPoints .Hero div p{
+    text-align:right
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints .Hero div p{
+        font-size:1rem;
+        text-align:center;
+        padding-left:2%;
+        padding-right:2%;
+        margin:.7em 0
+    }
+    [dir=rtl] .apd-topic.PassionPoints .Hero div p{
+        text-align:center
+    }
+}
+.apd-topic.PassionPoints .Hero div p:lang(de),.apd-topic.PassionPoints .Hero div p:lang(ja),.apd-topic.PassionPoints .Hero div p:lang(ko),.apd-topic.PassionPoints .Hero div p:lang(nl),.apd-topic.PassionPoints .Hero div p:lang(sv){
+    text-align:center
+}
+.apd-topic.PassionPoints div.Feature{
+    border-bottom:1px solid #e4e4e4;
+    position:relative;
+    padding:1em 2em;
+    letter-spacing:.02rem;
+    margin:0;
+    cursor:pointer;
+    transition:background-color .2s linear,border-color .2s linear
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature{
+        padding:.8em 2em;
+        letter-spacing:0
+    }
+    .apd-topic.PassionPoints div.Feature>figure{
+        margin:.2em 0
+    }
+}
+.apd-topic.PassionPoints div.Feature figure img{
+    pointer-events:none
+}
+.apd-topic.PassionPoints div.Feature>.Name{
+    font-weight:400;
+    font-size:1.59rem;
+    line-height:1.08;
+    margin:0 0 .3em
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature>.Name{
+        font-size:1.1rem
+    }
+}
+.apd-topic.PassionPoints div.Feature>.Name+p{
+    font-weight:300;
+    font-size:1.125rem;
+    color:#999;
+    margin-bottom:.5em;
+    line-height:1.3
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature>.Name+p{
+        font-size:.9rem
+    }
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody{
+    overflow:hidden;
+    padding:0 2em 2em
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody.animating{
+    transition:max-height .5s ease-in-out
+}
+@media screen{
+    .apd-topic.PassionPoints div.Feature .FeatureBody{
+        display:none
+    }
+}
+@media print{
+    .apd-topic.PassionPoints div.Feature .FeatureBody{
+        display:block!important
+    }
+}
+@media screen{
+    .apd-topic.PassionPoints div.Feature .FeatureBody[aria-hidden=false]{
+        display:block
+    }
+    .apd-topic.PassionPoints div.Feature .FeatureBody[aria-hidden=true]{
+        max-height:0!important
+    }
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody p{
+    font-weight:200;
+    font-size:.8rem;
+    line-height:1.5
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature .FeatureBody p{
+        font-size:.9rem
+    }
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead{
+        -webkit-box-orient:vertical!important;
+        -webkit-box-direction:normal!important;
+        flex-direction:column!important
+    }
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody:last-child{
+    padding-bottom:0
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody>p:first-child{
+    text-align:left;
+    padding-bottom:1em
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody>p:first-child{
+    text-align:right
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Name{
+    margin-top:0;
+    font-size:1.125rem;
+    font-weight:400;
+    text-align:left;
+    line-height:1.3
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead{
+    padding:3em 0;
+    display:-webkit-box;
+    display:flex
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead>div{
+    width:100%
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead>div p:last-child{
+    margin-bottom:0
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead h2,[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead p{
+    text-align:right
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead figure{
+    max-width:900px;
+    align-self:flex-start
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead figure figcaption{
+    font-size:.65rem;
+    color:#999
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-left figure,.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead:nth-child(even) figure{
+    padding-right:2em
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-left figure,[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead:nth-child(even) figure{
+    padding-left:2em;
+    padding-right:0
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead figure{
+        align-self:center
+    }
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-left figure,.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead:nth-child(even) figure{
+        padding-right:0;
+        padding-left:0;
+        padding-bottom:1em
+    }
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-right figure{
+    padding-right:2em!important;
+    padding-left:0!important
+}
+[dir=ltr] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-left figure{
+    padding-left:0!important
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-right,.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead:nth-child(odd){
+    -webkit-box-orient:horizontal;
+    -webkit-box-direction:reverse;
+    flex-direction:row-reverse
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-right figure,.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead:nth-child(odd) figure{
+    padding-left:2em
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-right figure,[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead:nth-child(odd) figure{
+    padding-left:0;
+    padding-right:2em
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-right figure,.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead:nth-child(odd) figure{
+        padding-left:0;
+        padding-right:0;
+        padding-bottom:1em
+    }
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-left figure{
+    padding-left:2em!important;
+    padding-right:0!important
+}
+[dir=ltr] .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-right figure{
+    padding-right:0!important
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-left{
+    -webkit-box-orient:horizontal;
+    -webkit-box-direction:normal;
+    flex-direction:row
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-right{
+    -webkit-box-orient:horizontal;
+    -webkit-box-direction:reverse;
+    flex-direction:row-reverse
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-top{
+    -webkit-box-orient:vertical;
+    -webkit-box-direction:normal;
+    flex-direction:column
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-bottom{
+    -webkit-box-orient:vertical;
+    -webkit-box-direction:reverse;
+    flex-direction:column-reverse
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-top figure{
+    padding-left:0;
+    padding-right:0;
+    padding-bottom:1em
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-bottom figure{
+    padding-left:0;
+    padding-right:0;
+    padding-top:1em
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych{
+    padding:3em 0;
+    min-width:460px
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Subhead.figure-bottom{
+        -webkit-box-orient:vertical!important;
+        -webkit-box-direction:reverse!important;
+        flex-direction:column-reverse!important
+    }
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Triptych{
+        min-width:auto
+    }
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container{
+    display:-webkit-box;
+    display:flex;
+    flex-wrap:wrap;
+    -webkit-box-orient:horizontal;
+    -webkit-box-direction:normal;
+    flex-direction:row;
+    margin:10px -10px
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container{
+        -webkit-box-orient:vertical;
+        -webkit-box-direction:normal;
+        flex-direction:column;
+        -webkit-box-align:start;
+        align-items:flex-start
+    }
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container .Panel{
+    -webkit-box-flex:1;
+    flex:1 120px;
+    padding:0;
+    text-align:left;
+    margin:10px
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container .Panel figure{
+    padding-bottom:1em
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container .Panel{
+        display:-webkit-box;
+        display:flex;
+        text-align:left;
+        -webkit-box-orient:horizontal;
+        -webkit-box-direction:normal;
+        flex-direction:row;
+        padding-bottom:2em;
+        width:95%
+    }
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container .Panel figure{
+        padding-right:.6em;
+        min-width:30%;
+        max-width:30%
+    }
+}
+.Copyright.apd-topic h1,.apd-topic .topicIcon{
+    display:none
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container .Panel p{
+    font-size:.8rem;
+    padding-bottom:1em;
+    vertical-align:top
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .panel-container .Panel p{
+    text-align:right
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead figure,.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych figure,.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych+figure figure,.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych+figure+p figure{
+    margin:0
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Subhead p,.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych p,.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych+figure p,.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych+figure+p p{
+    text-align:left;
+    padding:0
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych .Panel p{
+    padding:0 .3em
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Triptych+figure+p{
+    width:60%;
+    margin:0 auto
+}
+@media all and (max-width:568px){
+    .apd-topic.PassionPoints div.Feature .FeatureBody .Triptych+figure+p{
+        width:90%
+    }
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody>figure.hide-me:last-of-type+p,.apd-topic.PassionPoints div.Feature .FeatureBody>figure:last-of-type{
+    padding-top:2em;
+    border-top:1px solid #e4e4e4;
+    margin-top:0
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Outro{
+    padding-top:1em;
+    text-align:left;
+    margin-bottom:2em
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody .Outro{
+    text-align:right
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Outro figure{
+    margin:1em 0 1.25em
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody .Outro.outro-center footer,.apd-topic.PassionPoints div.Feature .FeatureBody .Outro.outro-center p{
+    text-align:center
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody+.toggle-feature-btn{
+    width:24px;
+    height:24px;
+    background:url(css/img/icon-arrow-2.svg) center 97% no-repeat;
+    background-size:24px 24px;
+    padding:3px;
+    border:0
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody[aria-hidden=false]+.toggle-feature-btn{
+    position:absolute;
+    background:url(css/img/icon-close.svg) center 97% no-repeat;
+    top:20px;
+    right:20px
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody[aria-hidden=false]+.toggle-feature-btn{
+    right:auto;
+    left:20px
+}
+.apd-topic.PassionPoints div.Feature .FeatureBody[aria-hidden=false].animating+.toggle-feature-btn{
+    position:relative!important;
+    width:24px;
+    height:24px;
+    background-size:24px 24px;
+    background:url(css/img/icon-arrow-2.svg) center 97% no-repeat;
+    margin:0 auto;
+    top:initial;
+    right:initial
+}
+[dir=rtl] .apd-topic.PassionPoints div.Feature .FeatureBody[aria-hidden=false].animating+.toggle-feature-btn{
+    right:initial;
+    left:initial
+}
+.apd-topic.PassionPoints div.Feature[aria-expanded=true]{
+    cursor:default
+}
+.apd-topic.PassionPoints div.Feature[aria-expanded=true].FeatureSingle{
+    background-color:inherit
+}
+.apd-topic.PassionPoints div.Feature[aria-expanded=true] .Triptych+figure+p figure{
+    float:left
+}
+.apd-topic h1{
+    position:relative;
+    bottom:0;
+    outline:0;
+    overflow:auto;
+    text-overflow:ellipsis;
+    font-family:-apple-system,-apple-system-font,HelveticaNeue,"Helvetica Neue",Helvetica,sans-serif;
+    font-size:1.59rem;
+    line-height:1.2;
+    font-weight:400;
+    color:#4b4b4b;
+    margin:0 0 1em;
+    padding:0
+}
+[lang=hi] .apd-topic h1,[lang=th] .apd-topic h1,[lang=vi] .apd-topic h1{
+    line-height:1.5
+}
+.is-mobile .apd-topic h1,.modal-content .apd-topic h1{
+    font-size:1.24rem;
+    margin-bottom:.7em
+}
+.apd-topic figure{
+    margin:1.25em 0 .9em
+}
+.apd-topic figure img{
+    max-width:100%;
+    height:auto
+}
+.apd-topic video{
+    max-width:100%
+}
+.apd-topic div.ParaLines,.apd-topic p{
+    margin:.3em 0 1em;
+    white-space:pre-line;
+    word-wrap:break-word;
+    widows:3;
+    orphans:3
+}
+.apd-topic div.ParaLines img,.apd-topic p img{
+    height:1em!important;
+    width:auto!important;
+    position:relative;
+    top:-.1em;
+    vertical-align:text-bottom;
+    pointer-events:none
+}
+.apd-topic h1 img,.apd-topic h2 img,.apd-topic h3 img,.apd-topic h4 img,.apd-topic h5 img,.apd-topic h6 img{
+    height:1.2em!important;
+    width:auto!important;
+    vertical-align:-.2em;
+    pointer-events:none
+}
+.apd-topic div.ParaLines p{
+    margin:0
+}
+.apd-topic strong.BlackIcon,.apd-topic strong.EUIcon,.apd-topic strong.Icon,.apd-topic strong.YellowIcon,.apd-topic strong.force-click,.apd-topic strong.siri,.apd-topic strong.tip,.apd-topic strong[class="3d-touch"]{
+    background:url(css/img/icon-warning.png) left top no-repeat;
+    background-size:1rem .82rem;
+    padding:0 0 0 1.5em
+}
+[dir=rtl] .apd-topic strong.BlackIcon,[dir=rtl] .apd-topic strong.EUIcon,[dir=rtl] .apd-topic strong.Icon,[dir=rtl] .apd-topic strong.YellowIcon,[dir=rtl] .apd-topic strong.force-click,[dir=rtl] .apd-topic strong.siri,[dir=rtl] .apd-topic strong.tip,[dir=rtl] .apd-topic strong[class="3d-touch"]{
+    padding:0 1.5em 0 0;
+    background-position:right top
+}
+.apd-topic strong.EUIcon{
+    background-image:url(css/img/icon-warning-eu.png)
+}
+.apd-topic strong.BlackIcon{
+    background-image:url(css/img/icon-warning-black.png)
+}
+.apd-topic strong.force-click,.apd-topic strong.siri,.apd-topic strong.tip,.apd-topic strong[class="3d-touch"]{
+    background-image:url(css/img/ask-siri.svg);
+    background-size:1.4em 1.4em;
+    padding:.15em 0 .15em 1.7em
+}
+[dir=rtl] .apd-topic strong.force-click,[dir=rtl] .apd-topic strong.siri,[dir=rtl] .apd-topic strong.tip,[dir=rtl] .apd-topic strong[class="3d-touch"]{
+    padding:.15em 1.7em .15em 0
+}
+.apd-topic strong.tip{
+    background-image:url(css/img/tip.svg)
+}
+.apd-topic strong.force-click,.apd-topic strong[class="3d-touch"]{
+    background-image:url(css/img/force-click.svg)
+}
+.apd-topic sup{
+    top:-.4em
+}
+.apd-topic span.NoBreak{
+    white-space:nowrap
+}
+.Copyright.apd-topic{
+    font-size:.65rem
+}
+.Copyright.apd-topic p:nth-of-type(1){
+    margin-bottom:.1em
+}
+.Copyright.apd-topic p:nth-of-type(2){
+    margin-top:.1em
+}
+.apd-topic .Alert+.Alert,.apd-topic li p.Caution,.apd-topic li p.Important,.apd-topic li p.Note,.apd-topic li p.Notice,.apd-topic li p.Tip{
+    margin-top:.75em
+}
+.apd-topic .TaskBody .Alert,.apd-topic div.note{
+    margin-top:.75em;
+    margin-bottom:.75em
+}
+.apd-topic p.Caution,.apd-topic p.Warning{
+    margin-bottom:.75em
+}
+.apd-topic .yNote{
+    font-style:italic;
+    font-weight:700
+}
+.apd-topic code{
+    font-family:Menlo,monospace;
+    font-size:.76rem
+}
+.apd-topic .CodeLine,.apd-topic .CodeLines{
+    display:block;
+    font-weight:400;
+    white-space:pre-wrap;
+    word-break:break-word;
+    overflow:hidden;
+    text-overflow:ellipsis
+}
+.client-env a,.feedback button,.nb{
+    white-space:nowrap
+}
+.apd-topic .CodeLines{
+    margin-top:.3em;
+    margin-bottom:1em
+}
+.apd-topic .CodeLines>.CodeLine{
+    margin-top:.25em;
+    margin-bottom:.25em
+}
+.apd-topic .Comment{
+    color:red
+}
+.apd-topic .Comment:before{
+    content:"COMMENT: ";
+    font-weight:700
+}
+.apd-topic .HIStrings{
+    margin-top:1.25em;
+    margin-bottom:.25em
+}
+.apd-topic .HIStrings p{
+    margin-bottom:.9em
+}
+.apd-topic .HIStrings>p{
+    margin-bottom:0
+}
+.apd-topic .HIStrings:first-child{
+    padding-top:0;
+    margin-top:.65em
+}
+.apd-topic .HIStrings+.HIStrings{
+    margin-top:.5em
+}
+.apd-topic .HIStrings em.Term{
+    color:#555
+}
+.apd-topic .HIStrings strong.Term{
+    color:#000
+}
+.apd-topic a,.apd-topic a:visited{
+    color:#007aff
+}
+.apd-topic .HISubString{
+    margin-top:.3em;
+    margin-bottom:.7em;
+    display:list-item;
+    margin-left:1.5em;
+    padding-left:.25em
+}
+[dir=rtl] .apd-topic .HISubString{
+    margin-left:0;
+    margin-right:1.5em;
+    padding-left:0;
+    padding-right:.25em
+}
+.apd-topic .HISubString>.HISubString{
+    margin-top:.85em;
+    display:block;
+    margin-left:0;
+    padding-left:0
+}
+[dir=rtl] .apd-topic .HISubString>.HISubString{
+    margin-left:0;
+    margin-right:0;
+    padding-left:0;
+    padding-right:0
+}
+.apd-topic a{
+    position:relative;
+    outline:0;
+    text-decoration:none
+}
+.apd-topic a:hover{
+    text-decoration:underline
+}
+#search .searchresults-item a,.feedback button:hover,.landing li a:hover,.landing ul a:hover,.no-hover .apd-topic a:hover,.toc-toggle a{
+    text-decoration:none
+}
+.apd-topic a.xRef.Aside{
+    cursor:pointer;
+    border-bottom:1px dotted #007aff
+}
+.apd-topic a.xRef.Aside:hover{
+    border-bottom-style:solid;
+    text-decoration:none
+}
+.no-hover .apd-topic a.xRef.Aside:hover{
+    border-bottom:1px dotted #007aff
+}
+.apd-topic a.xRef.Aside *{
+    pointer-events:none
+}
+.apd-topic em:lang(ja),.apd-topic em:lang(ko),.apd-topic em:lang(zh){
+    font-style:normal;
+    font-weight:700
+}
+.apd-topic .LinkExternal strong,.apd-topic .LinkUniversal strong{
+    display:block;
+    margin:2.86em 0 .5em
+}
+.apd-topic .LinkExternal a,.apd-topic .LinkUniversal a{
+    display:table;
+    margin:.2em 0 0
+}
+.apd-topic .link-external{
+    background-image:url(css/img/icon-external-link.png);
+    width:7px;
+    height:7px;
+    background-size:7px 7px;
+    display:inline-block;
+    margin-left:3px;
+    margin-right:2px;
+    position:relative
+}
+.apd-topic .itunes-link{
+    width:430px;
+    text-align:left
+}
+.apd-topic table[data-type="1 column"]>tbody,.apd-topic table[data-type=Data]>tbody,.apd-topic table[data-type="Full Width"]>tbody{
+    width:100%
+}
+[dir=rtl] .apd-topic .itunes-link{
+    text-align:right
+}
+.apd-topic ol,.apd-topic ul{
+    margin-top:.3em;
+    margin-bottom:1em
+}
+.apd-topic ol>li,.apd-topic ul>li{
+    margin-top:.3em;
+    margin-bottom:.7em
+}
+.apd-topic ul>li{
+    list-style:disc
+}
+.apd-topic ol.decimal>li,.apd-topic ol>li{
+    list-style:decimal
+}
+.apd-topic .ListDescriptor+.Alert{
+    margin-top:-.25em!important
+}
+.is-chrome .apd-topic ol>li,.is-ff .apd-topic ol>li,.is-ie .apd-topic ol>li{
+    padding-left:3px
+}
+.is-chrome body[dir=rtl] .apd-topic ol>li,.is-ff body[dir=rtl] .apd-topic ol>li,.is-ie body[dir=rtl] .apd-topic ol>li{
+    padding-left:0;
+    padding-right:3px
+}
+.apd-topic ol>li:lang(ar){
+    list-style-type:arabic-indic
+}
+.apd-topic ol>li:lang(he){
+    list-style-type:hebrew
+}
+.apd-topic ul.ListSingle{
+    font-weight:400
+}
+.apd-topic ul.ListSingle>li{
+    font-weight:400;
+    list-style-type:square;
+    list-style-position:outside;
+    list-style-image:-webkit-gradient(radial,50% 50%,3,50% 50%,6,from(#aaa),color-stop(.8,#aaa),to(#aaa))
+}
+.apd-topic ul.ListSingle li>p{
+    margin-top:.25em
+}
+.apd-topic address p,.apd-topic ol.alpha>li,.apd-topic ol.decimal>li{
+    margin-top:0;
+    margin-bottom:0
+}
+.apd-topic ol.decimal>li:lang(ar){
+    list-style-type:arabic-indic
+}
+.apd-topic ol.decimal>li:lang(he){
+    list-style-type:hebrew
+}
+.apd-topic ol.alpha>li{
+    list-style:lower-alpha!important
+}
+.apd-topic dl dd,.apd-topic dl dt{
+    display:inline;
+    margin:0
+}
+.apd-topic dl dt{
+    float:left;
+    font-weight:700
+}
+.apd-topic dl dt:after{
+    content:'\00a0\00a0'
+}
+.apd-topic address{
+    font-style:normal
+}
+.apd-topic address+p{
+    margin-top:1em
+}
+.apd-topic .Subhead .Name{
+    font-size:.82rem;
+    margin-top:1.7em;
+    margin-bottom:.3em;
+    font-weight:700;
+    color:#4b4b4b
+}
+.apd-topic .Subhead .Name+p{
+    margin-top:0
+}
+.apd-topic .Subhead ul+.Alert{
+    margin-left:0
+}
+[dir=rtl] .apd-topic .Subhead ul+.Alert{
+    margin-right:0
+}
+.apd-topic .Example{
+    margin-left:4.36em;
+    margin-right:4.36em
+}
+.apd-topic div.Task{
+    margin:2em 0;
+    background-color:none;
+    border-top:1px solid #e4e4e4;
+    border-bottom:1px solid #e4e4e4
+}
+.apd-topic div.Task+.Task{
+    margin-top:-2.1em;
+    border-top-color:transparent
+}
+.apd-topic div.Task.no-header .TaskBody{
+    margin-top:1em
+}
+.apd-topic div.Task:first-child{
+    margin-top:1.4em
+}
+.apd-topic div.Task>.Name{
+    font-size:.82rem;
+    font-weight:700;
+    line-height:1.43;
+    margin:0;
+    padding-top:.79em;
+    padding-bottom:.79em
+}
+.apd-topic div.Task>.Name:hover{
+    color:#007aff
+}
+.no-hover .apd-topic div.Task>.Name:hover{
+    color:#484848
+}
+.apd-topic .TaskBody{
+    padding-bottom:0;
+    margin-top:-.214em;
+    margin-right:0;
+    margin-bottom:.125em;
+    overflow:hidden;
+    opacity:1
+}
+@media screen{
+    .apd-topic .TaskBody{
+        display:none
+    }
+}
+@media print{
+    .apd-topic .TaskBody{
+        display:block!important;
+        opacity:1
+    }
+}
+@media screen{
+    .apd-topic .TaskBody[aria-hidden=false]{
+        display:block
+    }
+    .apd-topic .TaskBody[aria-hidden=true]{
+        opacity:0;
+        max-height:0!important
+    }
+}
+.apd-topic .TaskBody>.Alert,.apd-topic .TaskBody>.Alert:first-child,.apd-topic .TaskBody>figure,.apd-topic .TaskBody>p,.apd-topic .TaskBody>p+p,.apd-topic .TaskBody>p:first-child{
+    margin-top:.3em
+}
+.apd-topic table,.apd-topic td,.apd-topic th,.apd-topic tr{
+    border:none;
+    page-break-inside:avoid
+}
+.apd-topic table tbody tr,.apd-topic table tbody>tr:last-child,.msie.apd-topic table tbody>tr>td{
+    border-bottom:1px solid #e4e4e4
+}
+.apd-topic table{
+    width:100%;
+    font-size:.71rem;
+    line-height:1.065rem;
+    table-layout:fixed;
+    text-align:left;
+    margin-top:1em;
+    margin-bottom:2em
+}
+.is-hv .apd-topic table{
+    font-size:.95em;
+    line-height:1.52em
+}
+[dir=rtl] .apd-topic table{
+    text-align:right
+}
+.apd-topic table:first-child>tbody:first-child{
+    border-top-color:#fff!important
+}
+.apd-topic table>tbody{
+    border-top:1px solid #e4e4e4
+}
+.apd-topic table>thead+tbody{
+    border-top:none
+}
+.apd-topic thead>tr{
+    background:#97a6b2
+}
+.msie.apd-topic table tbody>tr>td{
+    border-top:1px solid #e4e4e4
+}
+.apd-topic thead+tbody tr.TableDisplayRow:first-child,.apd-topic thead+tbody>tr{
+    border-top:none!important
+}
+.apd-topic p.TableHead{
+    font-weight:700;
+    color:#fff
+}
+.apd-topic td,.apd-topic th{
+    vertical-align:top;
+    text-align:left
+}
+[dir=rtl] .apd-topic td,[dir=rtl] .apd-topic th{
+    text-align:right
+}
+.apd-topic td code,.apd-topic th code{
+    font-size:.65rem;
+    padding-top:.05em
+}
+.apd-topic table tbody>tr td>p.TableDisplay{
+    font-weight:700;
+    vertical-align:top
+}
+.apd-topic table tbody>tr td>.TableDisplay+p{
+    vertical-align:top
+}
+.apd-topic table[data-type="1 column"]{
+    background-color:transparent;
+    table-layout:fixed
+}
+.apd-topic table[data-type="1 column"] thead tr{
+    background:0 0;
+    border-top:3px solid #e4e4e4
+}
+.apd-topic table[data-type="1 column"] tr.TableDisplayRow,.apd-topic table[data-type=Data],.apd-topic table[data-type="Full Width"]{
+    background-color:transparent
+}
+.apd-topic table[data-type="1 column"] tr{
+    border-top:1px solid #e4e4e4;
+    border-bottom:1px solid #e4e4e4
+}
+.apd-topic table[data-type="1 column"] .TableDisplay,.apd-topic table[data-type="1 column"] .TableHead,.apd-topic table[data-type="1 column"] .TableSubhead{
+    overflow:hidden;
+    font-weight:700;
+    color:#000!important;
+    text-overflow:ellipsis;
+    vertical-align:top
+}
+.apd-topic table[data-type=Data]>tbody>tr>td,.apd-topic table[data-type="Full Width"]>tbody>tr>td{
+    border:1px solid #e4e4e4
+}
+.apd-topic table[data-type=Data] tr,.apd-topic table[data-type="Full Width"] tr{
+    background:0 0
+}
+.apd-topic table[data-type=Data] thead p.TableHead,.apd-topic table[data-type="Full Width"] thead p.TableHead{
+    color:#666!important
+}
+.apd-topic table[data-type=Data] td>p,.apd-topic table[data-type="Full Width"] td>p{
+    display:block;
+    text-align:left
+}
+.apd-topic table[data-type=Data] .TableDisplay,.apd-topic table[data-type=Data] .TableSubhead,.apd-topic table[data-type="Full Width"] .TableDisplay,.apd-topic table[data-type="Full Width"] .TableSubhead{
+    display:block;
+    font-weight:700;
+    color:#555;
+    text-align:left
+}
+.feedback button,.landing{
+    text-align:center
+}
+.apd-topic .Heiti:lang(zh-cn),.apd-topic .Heiti:lang(zh-sg){
+    font-family:"Heiti SC"
+}
+.apd-topic .Heiti:lang(zh-hk),.apd-topic .Heiti:lang(zh-tw){
+    font-family:"Heiti TC"
+}
+.apd-topic table:first-child{
+    margin-top:1.25em
+}
+.apd-topic table th{
+    padding:.25em .6em .3em .5em
+}
+[dir=rtl] .apd-topic table th{
+    padding:.25em .5em .3em .6em
+}
+.apd-topic table td{
+    padding:.65em .6em .6em .5em
+}
+[dir=rtl] .apd-topic table td{
+    padding:.65em .5em .6em .6em
+}
+.apd-topic table td ol,.apd-topic table td p,.apd-topic table td ul{
+    margin-top:.4em;
+    margin-bottom:.6em
+}
+.apd-topic table td>figure{
+    padding-left:.15em;
+    margin-top:1em!important;
+    margin-bottom:.25em!important
+}
+[dir=rtl] .apd-topic table td>figure{
+    padding-left:0;
+    padding-right:.15em
+}
+.apd-topic table td>.TableDisplay,.apd-topic table td>ol li>p,.apd-topic table td>ul li>p,.apd-topic table td>ul>li{
+    margin-top:.25em!important;
+    margin-bottom:.25em!important
+}
+.apd-topic table td ol>li{
+    margin-bottom:0
+}
+.apd-topic table figure{
+    min-width:16px
+}
+.apd-topic table td>:first-child,.apd-topic table td>:first-child>:first-child,.apd-topic table td>:first-child>:first-child>:first-child,.apd-topic table th>:first-child,.apd-topic table th>:first-child>:first-child,.apd-topic table th>:first-child>:first-child>:first-child{
+    margin-top:0!important
+}
+.apd-topic table td>:last-child,.apd-topic table td>:last-child>:last-child,.apd-topic table td>:last-child>:last-child>:last-child,.apd-topic table th>:last-child,.apd-topic table th>:last-child>:last-child,.apd-topic table th>:last-child>:last-child>:last-child{
+    margin-bottom:0!important
+}
+.apd-topic table[data-type=Data] tr>th,.apd-topic table[data-type="Full Width"] tr>th{
+    border:1px solid #e4e4e4;
+    padding:.4em
+}
+.apd-topic ol{
+    margin-left:1.65em
+}
+[dir=rtl] .apd-topic ol{
+    margin-left:0;
+    margin-right:1.65em
+}
+.apd-topic ul{
+    margin-left:1.45em
+}
+[dir=rtl] .apd-topic ul{
+    margin-left:0;
+    margin-right:1.45em
+}
+.apd-topic ul>li{
+    padding-left:.25em
+}
+[dir=rtl] .apd-topic ul>li{
+    padding-left:0;
+    padding-right:.25em
+}
+.apd-topic ul .Example{
+    margin-left:3em
+}
+[dir=rtl] .apd-topic ul .Example{
+    margin-left:0;
+    margin-right:3em
+}
+.apd-topic ol ol,.apd-topic ul ol{
+    margin-left:1.5em
+}
+[dir=rtl] .apd-topic ol ol,[dir=rtl] .apd-topic ul ol{
+    margin-left:0;
+    margin-right:1.5em
+}
+.apd-topic ol ul,.apd-topic ul ul{
+    margin-left:1.3em
+}
+[dir=rtl] .apd-topic ol ul,[dir=rtl] .apd-topic ul ul{
+    margin-left:0;
+    margin-right:1.3em
+}
+.apd-topic ul.ListSingle{
+    margin-left:0
+}
+[dir=rtl] .apd-topic ul.ListSingle{
+    margin-left:0;
+    margin-right:0
+}
+.apd-topic ul.ListSingle>li{
+    padding-left:.5em;
+    margin-left:1.15em
+}
+[dir=rtl] .apd-topic ul.ListSingle>li{
+    padding-left:0;
+    padding-right:.5em;
+    margin-left:0;
+    margin-right:1.15em
+}
+.apd-topic ul.ListSingle>li>ul{
+    margin-left:1.25em
+}
+[dir=rtl] .apd-topic ul.ListSingle>li>ul{
+    margin-left:0;
+    margin-right:1.25em
+}
+.apd-topic .TaskBody{
+    margin-left:-1.25em;
+    padding-left:1.25em
+}
+[dir=rtl] .apd-topic .TaskBody{
+    margin-left:0;
+    margin-right:-1.25em;
+    padding-left:0;
+    padding-right:1.25em
+}
+.apd-topic .TaskBody p{
+    margin-left:0
+}
+[dir=rtl] .apd-topic .TaskBody p{
+    margin-left:0;
+    margin-right:0
+}
+.apd-topic .TaskBody .ListSingle table,.apd-topic .TaskBody ol table{
+    margin-left:-.5em
+}
+.apd-topic .TaskBody table{
+    margin-left:1em;
+    width:calc(99%);
+    width:-webkit-calc(99%)
+}
+[dir=rtl] .apd-topic .TaskBody table{
+    margin-left:0;
+    margin-right:1em
+}
+.apd-topic .footer,.apd-topic footer{
+    font-size:.65rem!important;
+    color:#999!important
+}
+.apd-topic .footer a,.apd-topic footer a{
+    color:#666
+}
+.is-mac-os .apd-topic{
+    -webkit-transform:translateZ(0);
+    transform:translateZ(0)
+}
+.landing h1{
+    font-size:2.06rem;
+    color:#474747;
+    margin:5px 0 12px
+}
+@media all and (max-width:568px){
+    .is-mobile .landing h1{
+        font-size:1.24rem;
+        margin-bottom:0
+    }
+}
+.landing li,.landing ul{
+    display:none;
+    margin:0
+}
+.is-mobile .landing li,.is-mobile .landing ul,.is-modern-hv .landing li,.is-modern-hv .landing ul{
+    display:inline-block
+}
+.landing li{
+    list-style:none;
+    padding:0 1em!important;
+    border-right:1px solid #e5e6e7
+}
+[dir=rtl] .landing li{
+    border-right:0;
+    border-left:1px solid #e5e6e7
+}
+.landing li:last-child{
+    border:0
+}
+.landing li p{
+    margin:0
+}
+.landing .landing-toc-btn{
+    border-top:1px solid #e4e4e4;
+    border-bottom:1px solid #e4e4e4;
+    display:block;
+    text-align:center;
+    padding:.3em 0 .6em;
+    color:#007aff;
+    cursor:pointer;
+    font-size:.9rem;
+    font-weight:200
+}
+.landing .landing-toc-btn .toggle-toc-btn{
+    background:url(css/img/toc_blue_large.svg) center center no-repeat;
+    background-size:50px 40px;
+    width:32px;
+    height:22px;
+    border:none;
+    position:relative;
+    top:3px;
+    pointer-events:none
+}
+.is-mobile .landing .landing-toc-btn .toggle-toc-btn{
+    top:5px
+}
+[dir=rtl] .landing .landing-toc-btn .toggle-toc-btn{
+    -webkit-transform:scaleX(-1);
+    transform:scaleX(-1);
+    -webkit-filter:FlipH;
+    filter:FlipH;
+    -ms-filter:"FlipH"
+}
+.landing .landing-toc-btn .toggle-toc-btn-label{
+    pointer-events:none
+}
+.landing .Feature[aria-expanded=false]:hover{
+    background-color:#f2f2f2
+}
+.feedback{
+    display:inline-block;
+    position:relative;
+    padding-top:1.6em
+}
+@media print{
+    .feedback{
+        display:none
+    }
+}
+@media all and (max-width:568px){
+    .feedback{
+        padding-top:2.4em
+    }
+}
+.feedback a{
+    color:#007aff;
+    cursor:pointer
+}
+.feedback a:hover{
+    text-transform:underline
+}
+.no-hover .feedback a:hover{
+    text-transform:none
+}
+.feedback .choices-label,.feedback .confirm,.feedback .solicit{
+    transition:opacity .3s ease-in-out;
+    position:absolute;
+    top:0;
+    left:0;
+    right:0;
+    margin:0;
+    opacity:1;
+    z-index:2
+}
+.feedback .choices-label[aria-hidden=true],.feedback .confirm[aria-hidden=true],.feedback .solicit[aria-hidden=true]{
+    overflow:hidden;
+    opacity:0;
+    z-index:1
+}
+.feedback .choices-label,.feedback .confirm{
+    font-weight:700
+}
+.feedback .solicit{
+    font-style:italic
+}
+.feedback form{
+    transition:max-height 0s linear .4s,opacity .3s linear,padding-top 0s linear .4s,padding-bottom 0s linear .4s;
+    padding-top:1em;
+    padding-bottom:1em;
+    opacity:1;
+    max-height:800px
+}
+.feedback form[aria-hidden=true]{
+    overflow:hidden;
+    opacity:0;
+    padding-top:0;
+    padding-bottom:0;
+    max-height:0
+}
+.feedback form[aria-hidden=false] .choices label{
+    margin-top:.4em;
+    margin-bottom:.4em
+}
+.feedback .choices-label[aria-hidden=false],.feedback .confirm[aria-hidden=false],.feedback .solicit[aria-hidden=false],.feedback form[aria-hidden=false]{
+    transition-delay:.4s
+}
+.feedback .choices label{
+    position:relative;
+    display:block;
+    padding:0 0 0 1.5em;
+    transition:margin-top 0s linear .4s,margin-bottom 0s linear .4s
+}
+[dir=rtl] .feedback .choices label{
+    padding:0 1.5em 0 0
+}
+.feedback .choices input{
+    position:absolute;
+    top:.25em;
+    left:1px
+}
+[dir=rtl] .feedback .choices input{
+    left:auto;
+    right:0
+}
+.feedback textarea{
+    resize:none;
+    height:6em;
+    width:100%
+}
+.feedback button{
+    font-size:16px;
+    line-height:1.9375;
+    font-weight:500;
+    letter-spacing:0;
+    background-color:#0070c9;
+    background:linear-gradient(#42a1ec,#0070c9);
+    border-color:#07c;
+    border-width:1px;
+    border-style:solid;
+    border-radius:4px;
+    color:#fff;
+    cursor:pointer;
+    display:inline-block;
+    min-width:30px;
+    padding-left:15px;
+    padding-right:15px;
+    padding-top:1px;
+    margin-right:8px
+}
+.feedback button:hover{
+    background-color:#147bcd;
+    background:linear-gradient(#51a9ee,#147bcd);
+    border-color:#1482d0
+}
+.feedback button:focus{
+    box-shadow:0 0 0 3px rgba(131,192,253,.5);
+    outline:0
+}
+.is-ie .feedback button:focus{
+    outline:#c1e0fe solid 3px
+}
+.feedback button:active{
+    background-color:#0067b9;
+    background:linear-gradient(#3d94d9,#0067b9);
+    border-color:#006dbc;
+    outline:0
+}
+.feedback button:disabled{
+    border-color:#07c;
+    color:#fff;
+    cursor:default;
+    opacity:.3
+}
+.feedback button[name=cancel]{
+    border-color:#6a6a6a;
+    background-color:#595959;
+    background:linear-gradient(#888,#595959)
+}
+@-webkit-keyframes searchform-slide{
+    0%{
+        -webkit-transform:translate3d(100px,0,0);
+        transform:translate3d(100px,0,0);
+        -webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);
+        animation-timing-function:cubic-bezier(.11393,.8644,.14684,1)
+    }
+    100%{
+        -webkit-transform:translateZ(0);
+        transform:translateZ(0)
+    }
+}
+@keyframes searchform-slide{
+    0%{
+        -webkit-transform:translate3d(100px,0,0);
+        transform:translate3d(100px,0,0);
+        -webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);
+        animation-timing-function:cubic-bezier(.11393,.8644,.14684,1)
+    }
+    100%{
+        -webkit-transform:translateZ(0);
+        transform:translateZ(0)
+    }
+}
+@-webkit-keyframes searchform-fade{
+    0%{
+        opacity:0;
+        -webkit-animation-timing-function:cubic-bezier(.67,0,.33,1);
+        animation-timing-function:cubic-bezier(.67,0,.33,1)
+    }
+    100%{
+        opacity:1
+    }
+}
+@keyframes searchform-fade{
+    0%{
+        opacity:0;
+        -webkit-animation-timing-function:cubic-bezier(.67,0,.33,1);
+        animation-timing-function:cubic-bezier(.67,0,.33,1)
+    }
+    100%{
+        opacity:1
+    }
+}
+@-webkit-keyframes searchresults-show{
+    0%{
+        opacity:0;
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1
+    }
+}
+@keyframes searchresults-show{
+    0%{
+        opacity:0;
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1
+    }
+}
+@-webkit-keyframes searchresults-items-show{
+    0%{
+        opacity:0;
+        -webkit-transform:translateX(100px);
+        transform:translateX(100px);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:none;
+        transform:none
+    }
+}
+@keyframes searchresults-items-show{
+    0%{
+        opacity:0;
+        -webkit-transform:translateX(100px);
+        transform:translateX(100px);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:none;
+        transform:none
+    }
+}
+@-webkit-keyframes searchview-close-left-searchshow{
+    0%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:rotate(-45deg);
+        transform:rotate(-45deg)
+    }
+}
+@keyframes searchview-close-left-searchshow{
+    0%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:rotate(-45deg);
+        transform:rotate(-45deg)
+    }
+}
+@-webkit-keyframes searchview-close-left-searchhide{
+    0%{
+        opacity:1;
+        -webkit-transform:rotate(-45deg);
+        transform:rotate(-45deg);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1)
+    }
+}
+@keyframes searchview-close-left-searchhide{
+    0%{
+        opacity:1;
+        -webkit-transform:rotate(-45deg);
+        transform:rotate(-45deg);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1)
+    }
+}
+@-webkit-keyframes searchview-close-right-searchshow{
+    0%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:rotate(45deg);
+        transform:rotate(45deg)
+    }
+}
+@keyframes searchview-close-right-searchshow{
+    0%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:rotate(45deg);
+        transform:rotate(45deg)
+    }
+}
+@-webkit-keyframes searchview-close-right-searchhide{
+    0%{
+        opacity:1;
+        -webkit-transform:rotate(45deg);
+        transform:rotate(45deg);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1)
+    }
+}
+@keyframes searchview-close-right-searchhide{
+    0%{
+        opacity:1;
+        -webkit-transform:rotate(45deg);
+        transform:rotate(45deg);
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale3d(1,.65,1);
+        transform:scale3d(1,.65,1)
+    }
+}
+#search-curtain{
+    background:rgba(0,0,0,.2);
+    display:none;
+    position:fixed;
+    top:0;
+    right:0;
+    bottom:0;
+    left:0;
+    width:100%;
+    height:100%;
+    z-index:99
+}
+header.app button.searchview-close[aria-checked=true]{
+    opacity:1;
+    position:absolute;
+    width:38px;
+    height:44px;
+    top:0;
+    color:#fff;
+    cursor:pointer;
+    transition:opacity .2s cubic-bezier(.645,.045,.355,1);
+    -webkit-tap-highlight-color:transparent
+}
+header.app button.searchview-close[aria-checked=true]:-moz-focusring{
+    outline:#fff dotted 1px
+}
+header.app button.searchview-close[aria-checked=true]::-moz-focus-inner{
+    border:0
+}
+header.app button.searchview-close[aria-checked=true]:active,header.app button.searchview-close[aria-checked=true]:hover{
+    opacity:.65
+}
+header.app button.searchview-close[aria-checked=true]:focus{
+    outline-offset:-7px
+}
+header.app button.searchview-close[aria-checked=true]:focus:active{
+    outline:0
+}
+.searchview-close-wrapper{
+    display:block;
+    width:100%;
+    height:100%
+}
+.searchview-close-left,.searchview-close-right{
+    height:18px;
+    width:1px;
+    background:#fff;
+    top:11px;
+    z-index:1;
+    position:absolute;
+    display:block
+}
+.searchview-close-left{
+    right:12px;
+    -webkit-transform:scale3d(1,.65,1);
+    transform:scale3d(1,.65,1);
+    -webkit-transform-origin:0 100%;
+    transform-origin:0 100%
+}
+.searchview-close-right{
+    left:12px;
+    -webkit-transform:scale3d(1,.65,1);
+    transform:scale3d(1,.65,1);
+    -webkit-transform-origin:100% 100%;
+    transform-origin:100% 100%
+}
+#search .searchform-input,#search button{
+    border:none;
+    background-color:transparent
+}
+#search{
+    padding:0;
+    position:absolute;
+    top:0;
+    right:0;
+    left:0;
+    z-index:100;
+    display:block;
+    margin:0;
+    width:100%;
+    height:48px;
+    max-height:44px;
+    font-size:18px;
+    font-weight:400;
+    -webkit-user-select:none;
+    -ms-user-select:none;
+    -moz-user-select:none;
+    -o-user-select:none;
+    user-select:none
+}
+#search .search-content{
+    margin:0 auto;
+    max-width:980px;
+    position:relative;
+    z-index:2
+}
+#search .searchview{
+    display:none
+}
+#search .searchview-content{
+    position:absolute;
+    top:0;
+    left:16.66667%;
+    width:66.66667%;
+    height:100vh;
+    z-index:3
+}
+#search .searchform{
+    height:44px;
+    line-height:44px
+}
+@media all and (max-width:568px){
+    #search .searchview-content{
+        left:auto;
+        width:100%
+    }
+    #search .searchform{
+        margin-left:16.66667%;
+        width:66.66667%
+    }
+    [dir=rtl] #search .searchform{
+        margin-left:0;
+        margin-right:16.66667%
+    }
+}
+#search .searchform-wrapper{
+    padding-left:40px;
+    position:relative;
+    z-index:2
+}
+[dir=rtl] #search .searchform-wrapper{
+    padding-left:0;
+    padding-right:40px
+}
+#search .searchform-input{
+    font-size:16px;
+    line-height:1.375;
+    letter-spacing:normal;
+    color:#fff;
+    outline:0;
+    width:100%;
+    height:1.375em
+}
+#search .searchform-input::-webkit-input-placeholder{
+    color:#999;
+    opacity:1
+}
+#search .searchform-input:-ms-input-placeholder{
+    color:#999;
+    opacity:1
+}
+#search .searchform-input::placeholder{
+    color:#999;
+    opacity:1
+}
+#search .searchform-input::-ms-clear{
+    display:none;
+    width:0;
+    height:0
+}
+#search .searchform-icon{
+    position:absolute;
+    z-index:1;
+    top:0;
+    left:0;
+    width:40px;
+    height:44px;
+    background-size:20px 44px;
+    background-image:url(css/img/search_image_large.svg);
+    background-position:10px 50%;
+    background-repeat:no-repeat;
+    transition:opacity .2s cubic-bezier(.645,.045,.355,1)
+}
+.modal .modal-footer,.modal .modal-header{
+    height:50px;
+    min-height:50px;
+    text-align:center
+}
+[dir=rtl] #search .searchform-icon{
+    left:auto;
+    right:0
+}
+#search .searchresults{
+    font-size:.8235rem;
+    line-height:2;
+    letter-spacing:normal;
+    display:none;
+    background:#fff;
+    border-top:none;
+    color:#999;
+    max-height:calc(56%);
+    overflow-x:hidden;
+    overflow-y:auto;
+    -webkit-overflow-scrolling:touch;
+    white-space:nowrap
+}
+#search .searchresults-item a,#search .searchresults-item a b,#search .searchresults-noresults,#search .searchresults.with-content,.searchhide #search .searchview,.searchopen #search .searchview,.searchopen #search~#search-curtain,.searchshow #search .searchview{
+    display:block
+}
+#search .searchresults.with-content-initial{
+    -webkit-animation:searchresults-show .2s both;
+    animation:searchresults-show .2s both
+}
+#search .searchresults-section{
+    border-top:1px solid #d6d6d6;
+    margin:0;
+    padding:24px 40px 15px;
+    left:auto;
+    position:static
+}
+.modal,html.modal-view{
+    position:fixed
+}
+#search .searchresults-section:first-child{
+    border-top:none
+}
+#search .searchresults-header{
+    font-size:12px;
+    line-height:1;
+    font-weight:400;
+    letter-spacing:normal;
+    color:#999
+}
+#search .searchresults-list{
+    list-style:none;
+    padding-top:5px
+}
+#search .searchresults-item{
+    margin:4px -32px
+}
+#search .searchresults-item a{
+    color:#333;
+    padding:0 48px
+}
+#search .searchresults-item a b{
+    color:#999;
+    font-weight:400;
+    font-size:12px;
+    line-height:1em;
+    padding-bottom:7px;
+    pointer-events:none
+}
+#search .searchresults-item a:hover{
+    background-color:#f2f2f2;
+    color:#08c
+}
+#search .searchresults-item a:hover b{
+    color:#08c
+}
+#search .searchresults-animated{
+    -webkit-animation:searchresults-items-show .4s both;
+    animation:searchresults-items-show .4s both
+}
+#search .searchresults-animated:nth-child(1){
+    -webkit-animation-delay:20ms;
+    animation-delay:20ms
+}
+#search .searchresults-animated:nth-child(2){
+    -webkit-animation-delay:40ms;
+    animation-delay:40ms
+}
+#search .searchresults-animated:nth-child(3){
+    -webkit-animation-delay:60ms;
+    animation-delay:60ms
+}
+#search .searchresults-animated:nth-child(4){
+    -webkit-animation-delay:80ms;
+    animation-delay:80ms
+}
+#search .searchresults-animated:nth-child(5){
+    -webkit-animation-delay:.1s;
+    animation-delay:.1s
+}
+#search .searchresults-animated:nth-child(6){
+    -webkit-animation-delay:120ms;
+    animation-delay:120ms
+}
+#search .searchresults-animated:nth-child(7){
+    -webkit-animation-delay:140ms;
+    animation-delay:140ms
+}
+#search .searchresults-animated:nth-child(8){
+    -webkit-animation-delay:160ms;
+    animation-delay:160ms
+}
+#search .searchresults-animated:nth-child(9){
+    -webkit-animation-delay:180ms;
+    animation-delay:180ms
+}
+#search .searchresults-animated:nth-child(10){
+    -webkit-animation-delay:.2s;
+    animation-delay:.2s
+}
+#search .searchresults-animated.searchresults-header{
+    -webkit-animation-delay:0;
+    animation-delay:0
+}
+#search .searchresults-noresults{
+    padding:0 32px;
+    color:#999;
+    line-height:1.25;
+    white-space:normal
+}
+.searchopen #search .search-item-menu{
+    pointer-events:none;
+    visibility:hidden
+}
+.searchopen .searchview-close-wrapper{
+    -webkit-transform:none;
+    transform:none
+}
+.searchopen .searchview-close-left{
+    -webkit-transform:rotate(-45deg);
+    transform:rotate(-45deg)
+}
+.searchopen .searchview-close-right{
+    -webkit-transform:rotate(45deg);
+    transform:rotate(45deg)
+}
+@-webkit-keyframes searchshow-curtain{
+    0%{
+        opacity:0;
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1
+    }
+}
+@keyframes searchshow-curtain{
+    0%{
+        opacity:0;
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:1
+    }
+}
+@-webkit-keyframes searchshow{
+    0%{
+        -webkit-transform:none;
+        transform:none;
+        -webkit-animation-timing-function:cubic-bezier(1,0,0,1);
+        animation-timing-function:cubic-bezier(1,0,0,1)
+    }
+    100%{
+        -webkit-transform:translate3d(0,-100%,0);
+        transform:translate3d(0,-100%,0)
+    }
+}
+@keyframes searchshow{
+    0%{
+        -webkit-transform:none;
+        transform:none;
+        -webkit-animation-timing-function:cubic-bezier(1,0,0,1);
+        animation-timing-function:cubic-bezier(1,0,0,1)
+    }
+    100%{
+        -webkit-transform:translate3d(0,-100%,0);
+        transform:translate3d(0,-100%,0)
+    }
+}
+@-webkit-keyframes search-list-searchshow{
+    0%{
+        -webkit-transform:translateY(0);
+        transform:translateY(0);
+        -webkit-animation-timing-function:cubic-bezier(1,0,0,1);
+        animation-timing-function:cubic-bezier(1,0,0,1)
+    }
+    100%{
+        -webkit-transform:translateY(-100%) translateY(106px);
+        transform:translateY(-100%) translateY(106px)
+    }
+}
+@keyframes search-list-searchshow{
+    0%{
+        -webkit-transform:translateY(0);
+        transform:translateY(0);
+        -webkit-animation-timing-function:cubic-bezier(1,0,0,1);
+        animation-timing-function:cubic-bezier(1,0,0,1)
+    }
+    100%{
+        -webkit-transform:translateY(-100%) translateY(106px);
+        transform:translateY(-100%) translateY(106px)
+    }
+}
+@-webkit-keyframes search-item-searchshow{
+    0%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+    40%{
+        opacity:1
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+}
+@keyframes search-item-searchshow{
+    0%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+    40%{
+        opacity:1
+    }
+    100%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+}
+.searchshow #search~#search-curtain{
+    display:block;
+    -webkit-animation:searchshow-curtain .2s both;
+    animation:searchshow-curtain .2s both
+}
+.searchshow #search .search-item-menu{
+    -webkit-animation:search-item-searchshow .4s both;
+    animation:search-item-searchshow .4s both;
+    pointer-events:none
+}
+.searchshow #search .search-item-menu:nth-child(2){
+    -webkit-animation-delay:280ms;
+    animation-delay:280ms
+}
+.searchshow #search .search-item-menu:nth-child(3){
+    -webkit-animation-delay:245ms;
+    animation-delay:245ms
+}
+.searchshow #search .search-item-menu:nth-child(4){
+    -webkit-animation-delay:210ms;
+    animation-delay:210ms
+}
+.searchshow #search .search-item-menu:nth-child(5){
+    -webkit-animation-delay:175ms;
+    animation-delay:175ms
+}
+.searchshow #search .search-item-menu:nth-child(6){
+    -webkit-animation-delay:140ms;
+    animation-delay:140ms
+}
+.searchshow #search .search-item-menu:nth-child(7){
+    -webkit-animation-delay:105ms;
+    animation-delay:105ms
+}
+.searchshow #search .search-item-menu:nth-child(8){
+    -webkit-animation-delay:70ms;
+    animation-delay:70ms
+}
+.searchshow #search .search-item-menu:nth-child(9){
+    -webkit-animation-delay:35ms;
+    animation-delay:35ms
+}
+.searchshow #search .searchform{
+    -webkit-animation:searchform-fade .4s .4s both;
+    animation:searchform-fade .4s .4s both
+}
+.searchshow #search .searchform-wrapper{
+    -webkit-animation:searchform-slide 1s .4s both;
+    animation:searchform-slide 1s .4s both
+}
+.searchshow .searchview-close{
+    -webkit-transform:translateZ(0);
+    transform:translateZ(0)
+}
+.searchshow .searchview-close-left{
+    -webkit-animation:searchview-close-left-searchshow .3s both;
+    animation:searchview-close-left-searchshow .3s both
+}
+.searchshow .searchview-close-right{
+    -webkit-animation:searchview-close-right-searchshow .3s both;
+    animation:searchview-close-right-searchshow .3s both
+}
+@-webkit-keyframes searchhide{
+    0%{
+        -webkit-transform:translate3d(0,-100%,0);
+        transform:translate3d(0,-100%,0);
+        -webkit-animation-timing-function:cubic-bezier(1,0,0,1);
+        animation-timing-function:cubic-bezier(1,0,0,1)
+    }
+    100%{
+        -webkit-transform:none;
+        transform:none
+    }
+}
+@keyframes searchhide{
+    0%{
+        -webkit-transform:translate3d(0,-100%,0);
+        transform:translate3d(0,-100%,0);
+        -webkit-animation-timing-function:cubic-bezier(1,0,0,1);
+        animation-timing-function:cubic-bezier(1,0,0,1)
+    }
+    100%{
+        -webkit-transform:none;
+        transform:none
+    }
+}
+@-webkit-keyframes search-item-searchhide{
+    0%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+    60%{
+        opacity:1
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+}
+@keyframes search-item-searchhide{
+    0%{
+        opacity:0;
+        -webkit-transform:scale(.7);
+        transform:scale(.7)
+    }
+    60%{
+        opacity:1
+    }
+    100%{
+        opacity:1;
+        -webkit-transform:scale(1);
+        transform:scale(1);
+        -webkit-animation-timing-function:cubic-bezier(.2727,.0986,.8333,1);
+        animation-timing-function:cubic-bezier(.2727,.0986,.8333,1)
+    }
+}
+@-webkit-keyframes searchview-searchhide{
+    0%{
+        opacity:1;
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:0
+    }
+}
+@keyframes searchview-searchhide{
+    0%{
+        opacity:1;
+        -webkit-animation-timing-function:ease;
+        animation-timing-function:ease
+    }
+    100%{
+        opacity:0
+    }
+}
+.searchhide #search .search-item-menu{
+    pointer-events:none;
+    -webkit-animation:search-item-searchhide .4s both;
+    animation:search-item-searchhide .4s both
+}
+.searchhide #search .search-item-menu:nth-child(2){
+    -webkit-animation-delay:0;
+    animation-delay:0
+}
+.searchhide #search .search-item-menu:nth-child(3){
+    -webkit-animation-delay:35ms;
+    animation-delay:35ms
+}
+.searchhide #search .search-item-menu:nth-child(4){
+    -webkit-animation-delay:70ms;
+    animation-delay:70ms
+}
+.searchhide #search .search-item-menu:nth-child(5){
+    -webkit-animation-delay:105ms;
+    animation-delay:105ms
+}
+.searchhide #search .search-item-menu:nth-child(6){
+    -webkit-animation-delay:140ms;
+    animation-delay:140ms
+}
+.searchhide #search .search-item-menu:nth-child(7){
+    -webkit-animation-delay:175ms;
+    animation-delay:175ms
+}
+.searchhide #search .search-item-menu:nth-child(8){
+    -webkit-animation-delay:210ms;
+    animation-delay:210ms
+}
+.searchhide #search .search-item-menu:nth-child(9){
+    -webkit-animation-delay:245ms;
+    animation-delay:245ms
+}
+.searchhide #search .searchview-content{
+    -webkit-animation:searchview-searchhide .2s both;
+    animation:searchview-searchhide .2s both
+}
+.searchhide #search .searchresults-animated{
+    -webkit-animation:none;
+    animation:none
+}
+.searchhide .searchview-close-wrapper{
+    -webkit-animation:searchview-close-searchhide-small .6s .2s both;
+    animation:searchview-close-searchhide-small .6s .2s both
+}
+.searchhide .searchview-close-left{
+    -webkit-animation:searchview-close-left-searchhide-small .6s 150ms both;
+    animation:searchview-close-left-searchhide-small .6s 150ms both
+}
+.searchhide .searchview-close-right{
+    -webkit-animation:searchview-close-right-searchhide-small .6s 150ms both;
+    animation:searchview-close-right-searchhide-small .6s 150ms both
+}
+.modal{
+    display:-webkit-box;
+    display:flex;
+    -webkit-box-direction:normal;
+    -webkit-box-orient:vertical;
+    flex-direction:column;
+    flex-wrap:nowrap;
+    -webkit-box-pack:center;
+    justify-content:center;
+    align-content:center;
+    -webkit-box-align:center;
+    align-items:center;
+    z-index:1000;
+    transition:padding .3s ease-in-out;
+    background:rgba(0,0,0,.6);
+    top:0;
+    right:0;
+    bottom:0;
+    left:0;
+    padding:2%;
+    -webkit-animation:show-modal .2s .3s ease 0s 1 forwards;
+    animation:show-modal .2s .3s ease 0s 1 forwards
+}
+@media all and (max-width:568px){
+    .modal{
+        padding:2%
+    }
+}
+.modal.dismiss{
+    -webkit-animation:show-modal .2s reverse .3s ease 0s 1 forwards;
+    animation:show-modal .2s reverse .3s ease 0s 1 forwards;
+    opacity:0
+}
+.modal .hv-close-btn,.modal .modal-content,.modal .modal-footer,.modal .modal-header{
+    width:90%;
+    margin:0 auto;
+    max-width:740px;
+    position:relative
+}
+.modal .modal-content{
+    overflow-y:auto;
+    overflow-x:hidden;
+    border-radius:4px 4px 0 0;
+    background:#fff;
+    transition:max-height .3s ease-in-out;
+    max-height:70%;
+    max-height:calc(96% - 45px);
+    -webkit-box-ordinal-group:1;
+    order:0;
+    -webkit-box-flex:0;
+    flex:0 1 auto;
+    align-self:auto;
+    border-top:1px solid #fff;
+    border-bottom:1px solid #fff
+}
+.is-hv .modal .modal-content{
+    border-radius:4px
+}
+.modal .apd-topic{
+    font-size:.82rem
+}
+.is-not-hv .modal .apd-topic{
+    padding:7% 8% calc(8% - 45px)
+}
+.is-hv .modal .apd-topic,.is-safari5 .modal .apd-topic{
+    padding:7% 8%!important
+}
+@media all and (max-width:568px){
+    .modal .apd-topic{
+        padding:5% 5% 5px
+    }
+}
+.modal .apd-topic h1{
+    pointer-events:none
+}
+.modal .modal-header{
+    background-color:#f3f5f6;
+    border-bottom:1px solid #fafbfb;
+    display:none
+}
+.modal .modal-header h2{
+    color:#545454;
+    font-size:1.06rem;
+    line-height:1.06rem;
+    padding:15px;
+    margin:0
+}
+.modal .modal-footer{
+    border-radius:0 0 4px 4px;
+    border-top:1px solid #e4e4e4;
+    background:#fff
+}
+.modal .modal-footer button[name=close]{
+    border:none;
+    background:0 0;
+    margin:0;
+    padding:15px;
+    width:100%;
+    color:#2f2f2f;
+    font-size:1.06rem;
+    line-height:1.06rem
+}
+.is-hv .modal .modal-footer{
+    display:none
+}
+.modal .hv-close-btn{
+    z-index:1010;
+    height:15px;
+    top:25px;
+    right:12px
+}
+.modal .hv-close-btn button[name=close]{
+    display:block;
+    border:none;
+    margin:0;
+    padding:10px;
+    color:transparent;
+    background:url(css/img/button-close.png) center no-repeat;
+    background-size:15px 15px;
+    width:15px;
+    height:15px;
+    position:absolute;
+    top:9px;
+    right:9px
+}
+[dir=rtl] .modal .hv-close-btn button[name=close]{
+    right:initial;
+    left:32px
+}
+.is-not-hv .modal .hv-close-btn{
+    display:none
+}
+.modal.has-modal-header .modal-header{
+    display:block;
+    border-radius:4px 4px 0 0
+}
+.modal.has-modal-header .modal-content{
+    border-radius:0;
+    max-height:calc(96% - 45px - 50px)
+}
+.is-hv .modal.has-modal-header .modal-content{
+    border-radius:0 0 4px 4px
+}
+@-webkit-keyframes show-modal{
+    from{
+        opacity:0
+    }
+    to{
+        opacity:1
+    }
+}
+@keyframes show-modal{
+    from{
+        opacity:0
+    }
+    to{
+        opacity:1
+    }
+}
+.development body::after,.review body::after,.staging body::after{
+    position:fixed;
+    bottom:0;
+    right:0;
+    font-weight:700;
+    font-size:12px;
+    background-color:grey;
+    color:#fff;
+    padding:2px 6px;
+    border-top-left-radius:6px;
+    z-index:100
+}
+.development body::after{
+    content:"dev"
+}
+.review body::after{
+    content:"review"
+}
+.staging body::after{
+    content:"staging"
+}
+.loading-error{
+    background-image:none;
+    width:600px;
+    position:relative;
+    margin:0 auto;
+    text-align:center;
+    left:inherit
+}
+.loading-error h1{
+    margin-bottom:.5em
+}
+.loading-error p{
+    margin:0
+}
+.language-picker{
+    min-height:150px
+}
+.language-picker.modal .modal-content,.language-picker.modal .modal-footer,.language-picker.modal .modal-header{
+    width:300px
+}
+.language-picker.modal .modal-content{
+    max-height:500px;
+    border-radius:0!important
+}
+.language-picker.modal .modal-content button{
+    display:none
+}
+.language-picker.modal .modal-footer{
+    display:block!important
+}
+.language-picker ul{
+    background-color:#fff;
+    width:300px;
+    overflow:auto;
+    padding:0;
+    margin:0
+}
+.language-picker ul li{
+    list-style:none;
+    margin:0 20px;
+    padding:13px 0;
+    border-bottom:1px solid #f2f2f2;
+    cursor:pointer
+}
+.language-picker ul li:last-of-type{
+    border-bottom:none
+}
+[dir=rtl] .language-picker ul li{
+    text-align:right
+}
+.language-picker ul li[data-value^=en]{
+    direction:ltr
+}
+.toc-button{
+    opacity:0;
+    color:transparent;
+    position:absolute;
+    top:42%;
+    top:calc(50% - 65px/2);
+    top:-webkit-calc(50% - 65px/2);
+    -webkit-backface-visibility:hidden;
+    background:url(css/img/button-toc-toggle.png) center center no-repeat;
+    background-size:17px 16px;
+    width:25px;
+    height:65px;
+    border:1px solid #b7babe;
+    border-radius:0 9px 9px 0;
+    z-index:21;
+    background-color:#b7babe;
+    transition:opacity .5s ease-in-out;
+    pointer-events:none
+}
+.toc-toggle a,.toc-toggle a:visited{
+    color:#007aff
+}
+@media print{
+    .toc-button{
+        display:none
+    }
+}
+[dir=rtl] .toc-button{
+    border-radius:9px 0 0 9px;
+    background-image:url(css/img/button-toc-toggle-rtl.png)
+}
+.toc-button.toc-button-pin{
+    pointer-events:auto;
+    opacity:.5;
+    left:0
+}
+.toc-button.toc-button-pin:hover{
+    opacity:.9;
+    transition:opacity .5s ease-in-out
+}
+[dir=rtl] .toc-button.toc-button-pin{
+    left:auto;
+    right:0
+}
+.loaded-timer .toc-button.toc-button-pin{
+    opacity:.9
+}
+.is-older-hv .toc-button{
+    display:block
+}
+.toc-toggle{
+    margin:10px auto;
+    text-align:center
+}
+.toc-toggle a{
+    position:relative;
+    outline:0;
+    cursor:pointer
+}
+.toc-toggle a:hover{
+    text-decoration:underline
+}
+.no-hover .toc-toggle a:hover{
+    text-decoration:none
+}
+[data-change-bar=true]{
+    border-left:2px solid red;
+    background-color:#ffc8c8;
+    padding-left:2px;
+    padding-right:4px
+}
+[data-change-bar=true] [data-change-bar=true]{
+    border:0;
+    padding:0;
+    background-color:inherit
+}
+.client-env{
+    position:relative;
+    display:-webkit-box;
+    display:flex;
+    justify-content:space-around;
+    color:#fff;
+    font-size:.6em;
+    font-family:Menlo;
+    padding:.2em 0
+}
+.review .client-env,.review .client-env button{
+    background-color:#007aff
+}
+.development .client-env,.development .client-env button{
+    background-color:#5f27ff
+}
+.client-env a{
+    color:#fff
+}
+.client-env li{
+    padding:0 2em;
+    border-right:1px solid rgba(255,255,255,.5);
+    -webkit-box-flex:1;
+    flex-grow:1;
+    text-align:center
+}
+.client-env li:nth-of-type(3){
+    border-right:none
+}
+.client-env li:last-of-type{
+    -webkit-box-flex:0;
+    flex-grow:0;
+    border-right:none
+}
+.client-env li:last-of-type button{
+    position:absolute;
+    top:0;
+    right:-5px;
+    font-size:20px;
+    padding-right:20px;
+    padding-left:9px;
+    border:none;
+    border-radius:20px;
+    height:30px;
+    width:30px;
+    text-align:center;
+    z-index:10000;
+    color:#fff;
+    font-weight:700;
+    font-family:Courier
+}