API tools faq
paste
dimaslanjaka

custom style amp

dimaslanjaka
Apr 12th, 2017
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.87 KB | None | 0 0
raw download clone embed print report
  1. .hljs{
  2.   display:block;
  3.   padding:0;
  4.   color:#333}
  5.   .hljs-comment,.hljs-quote{
  6.     color:#998;
  7.     font-style:italic}
  8.   .hljs-keyword,.hljs-selector-tag,.hljs-subst{
  9.     color:#333}
  10.   .hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{
  11.     color:teal}
  12.   .hljs-doctag,.hljs-string{
  13.     color:#d14}
  14.   .hljs-section,.hljs-selector-id,.hljs-title{
  15.     color:#900;
  16.     font-weight:700}
  17.   .hljs-subst{
  18.     font-weight:400}
  19.   .hljs-class .hljs-title,.hljs-type{
  20.     color:#458;
  21.     font-weight:700}
  22.   .hljs-attribute,.hljs-name,.hljs-tag{
  23.     color:navy;
  24.     font-weight:400}
  25.   .hljs-meta,.hljs-strong{
  26.     font-weight:700}
  27.   .hljs-link,.hljs-regexp{
  28.     color:#009926}
  29.   .hljs-bullet,.hljs-symbol{
  30.     color:#990073}
  31.   .hljs-built_in,.hljs-builtin-name{
  32.     color:#0086b3}
  33.   .hljs-meta{
  34.     color:#999}
  35.   .hljs-deletion{
  36.     background:#fdd}
  37.   .hljs-addition{
  38.     background:#dfd}
  39.   .hljs-emphasis{
  40.     font-style:italic}
  41.   amp-carousel .ampstart-image-with-caption,amp-carousel .ampstart-image-with-heading{
  42.     margin-bottom:0}
  43.   .ampstart-input [disabled]:focus,.ampstart-input>input:focus,.ampstart-input>select:focus,.ampstart-input>textarea:focus,.ampstart-navbar-trigger:focus{
  44.     outline:0}
  45.   button,hr,input{
  46.     overflow:visible}
  47.   .list-reset,.list-style-none{
  48.     list-style:none}
  49.   .fit,.truncate,legend{
  50.     max-width:100%}
  51.   .clearfix:after,.www-component-anchor{
  52.     clear:both}
  53.   .ampstart-byline{
  54.     color:#4a4a4a}
  55.   .ampstart-byline time{
  56.     font-style:normal;
  57.     white-space:nowrap}
  58.   .editor .comment,dfn{
  59.     font-style:italic}
  60.   .amp-carousel-button-next{
  61.     background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="%23FFF" fill-rule="evenodd"/></svg>')}
  62.   .amp-carousel-button-prev{
  63.     background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="%23FFF" fill-rule="evenodd"/></svg>')}
  64.   .ampstart-dropdown{
  65.     min-width:200px}
  66.   .ampstart-dropdown.absolute{
  67.     z-index:100}
  68.   .ampstart-dropdown.absolute>section,.ampstart-dropdown.absolute>section>header{
  69.     height:100%}
  70.   .ampstart-dropdown>section>header{
  71.     background-color:#fff;
  72.     border:0;
  73.     color:#b60845}
  74.   .ampstart-dropdown>section>header:after{
  75.     display:inline-block;
  76.     content:"+";
  77.     padding:0 0 0 2rem;
  78.     color:#003f93}
  79.   .ampstart-dropdown>[expanded]>header:after{
  80.     content:"–"}
  81.   .absolute .ampstart-dropdown-items{
  82.     z-index:200}
  83.   .ampstart-dropdown-item{
  84.     background-color:#fff;
  85.     color:#003f93;
  86.     opacity:.9}
  87.   .ampstart-dropdown-item:active,.ampstart-dropdown-item:hover{
  88.     opacity:1}
  89.   .ampstart-footer{
  90.     background-color:#fff;
  91.     color:#000;
  92.     font-size:.75rem;
  93.     padding-top:7rem;
  94.     padding-bottom:7rem}
  95.   .ampstart-footer .ampstart-icon{
  96.     fill:#000}
  97.   .ampstart-icon,.ampstart-sidebar .ampstart-icon{
  98.     fill:#003f93}
  99.   .ampstart-footer .ampstart-social-follow li:last-child{
  100.     margin-right:0}
  101.   .ampstart-image-fullpage-hero{
  102.     color:#b60845}
  103.   .ampstart-fullpage-hero-heading-text,.ampstart-image-fullpage-hero .ampstart-image-credit{
  104.     -webkit-box-decoration-break:clone;
  105.     box-decoration-break:clone;
  106.     background:#fff;
  107.     padding:0 1.5rem .2rem}
  108.   .ampstart-image-fullpage-hero>amp-img{
  109.     max-height:calc(100vh - 3.5rem)}
  110.   .ampstart-image-fullpage-hero>amp-img img{
  111.     -o-object-fit:cover;
  112.     object-fit:cover}
  113.   .ampstart-fullpage-hero-heading{
  114.     line-height:5rem}
  115.   .ampstart-fullpage-hero-cta{
  116.     background:0 0}
  117.   .ampstart-readmore{
  118.     background:-webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent);
  119.     background:linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent);
  120.     color:#b60845;
  121.     margin-top:7rem;
  122.     padding-bottom:5rem}
  123.   .ampstart-readmore:after{
  124.     display:block;
  125.     content:"⌄";
  126.     font-size:2rem}
  127.   .ampstart-input input[type=checkbox]+label:after,.ampstart-input input[type=radio]+label:after,.ampstart-input>input[type=range]+label:after{
  128.     display:none}
  129.   @media (min-width:52.06rem){
  130.     .ampstart-image-fullpage-hero>amp-img{
  131.       height:60vh}
  132.   }
  133.   .ampstart-image-heading{
  134.     color:#b60845;
  135.     background:-webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent);
  136.     background:linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent)}
  137.   .ampstart-image-heading>*{
  138.     margin:0}
  139.   .ampstart-image-with-caption figcaption{
  140.     color:#4f4f4f;
  141.     line-height:1.125rem}
  142.   .ampstart-input{
  143.     max-width:100%;
  144.     width:300px;
  145.     min-width:100px;
  146.     font-size:1rem;
  147.     line-height:1.5rem}
  148.   .ampstart-input [disabled],.ampstart-input [disabled]+label{
  149.     opacity:.5}
  150.   .ampstart-input>input,.ampstart-input>select,.ampstart-input>textarea{
  151.     width:100%;
  152.     margin-top:1rem;
  153.     line-height:1.5rem;
  154.     border:0;
  155.     border-radius:0;
  156.     border-bottom:1px solid #4a4a4a;
  157.     background:0 0;
  158.     color:#4a4a4a;
  159.     outline:0}
  160.   .ampstart-input>label{
  161.     color:#003f93;
  162.     pointer-events:none;
  163.     font-size:.875rem;
  164.     line-height:1rem;
  165.     opacity:0;
  166.     -webkit-animation:.2s;
  167.     animation:.2s;
  168.     -webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);
  169.     animation-timing-function:cubic-bezier(.4,0,.2,1);
  170.     -webkit-animation-fill-mode:forwards;
  171.     animation-fill-mode:forwards}
  172.   .ampstart-input>input:focus::-webkit-input-placeholder,.ampstart-input>select:focus::-webkit-input-placeholder,.ampstart-input>textarea:focus::-webkit-input-placeholder{
  173.     color:transparent}
  174.   .ampstart-input>input:focus::-moz-placeholder,.ampstart-input>select:focus::-moz-placeholder,.ampstart-input>textarea:focus::-moz-placeholder{
  175.     color:transparent}
  176.   .ampstart-input>input:focus:-ms-input-placeholder,.ampstart-input>select:focus:-ms-input-placeholder,.ampstart-input>textarea:focus:-ms-input-placeholder{
  177.     color:transparent}
  178.   .ampstart-input>input:focus::placeholder,.ampstart-input>select:focus::placeholder,.ampstart-input>textarea:focus::placeholder{
  179.     color:transparent}
  180.   .ampstart-input>input:not(:placeholder-shown):not([disabled])+label,.ampstart-input>select:not(:placeholder-shown):not([disabled])+label,.ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label{
  181.     opacity:1}
  182.   .ampstart-input>input:focus+label,.ampstart-input>select:focus+label,.ampstart-input>textarea:focus+label{
  183.     -webkit-animation-name:a;
  184.     animation-name:a}
  185.   @-webkit-keyframes a{
  186.     to{
  187.       opacity:1}
  188.   }
  189.   @keyframes a{
  190.     to{
  191.       opacity:1}
  192.   }
  193.   .ampstart-input>label:after{
  194.     content:"";
  195.     height:2px;
  196.     position:absolute;
  197.     bottom:0;
  198.     left:45%;
  199.     background:#003f93;
  200.     -webkit-transition:.2s;
  201.     transition:.2s;
  202.     -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  203.     transition-timing-function:cubic-bezier(.4,0,.2,1);
  204.     visibility:hidden;
  205.     width:10px}
  206.   .ampstart-input>input:focus+label:after,.ampstart-input>select:focus+label:after,.ampstart-input>textarea:focus+label:after{
  207.     left:0;
  208.     width:100%;
  209.     visibility:visible}
  210.   .ampstart-input>input[type=search]{
  211.     -webkit-appearance:none;
  212.     -moz-appearance:none;
  213.     appearance:none}
  214.   .ampstart-input>input[type=range]{
  215.     border-bottom:0}
  216.   .ampstart-input>select{
  217.     -webkit-appearance:none;
  218.     -moz-appearance:none;
  219.     appearance:none}
  220.   .ampstart-input>select+label:before{
  221.     content:"⌄";
  222.     line-height:1.5rem;
  223.     position:absolute;
  224.     right:5px;
  225.     zoom:2;
  226.     top:0;
  227.     bottom:0;
  228.     color:#003f93}
  229.   .ampstart-input-chk,.ampstart-input-radio{
  230.     width:auto;
  231.     color:#4a4a4a}
  232.   .ampstart-input input[type=checkbox],.ampstart-input input[type=radio]{
  233.     margin-top:0;
  234.     -webkit-appearance:none;
  235.     -moz-appearance:none;
  236.     appearance:none;
  237.     width:20px;
  238.     height:20px;
  239.     border:1px solid #003f93;
  240.     vertical-align:middle;
  241.     margin-right:1rem;
  242.     text-align:center}
  243.   .ampstart-input input[type=radio]{
  244.     border-radius:20px}
  245.   .ampstart-input input[type=checkbox]:not([disabled])+label,.ampstart-input input[type=radio]:not([disabled])+label{
  246.     pointer-events:auto;
  247.     -webkit-animation:none;
  248.     animation:none;
  249.     vertical-align:middle;
  250.     opacity:1}
  251.   .ampstart-input input[type=checkbox]:after,.ampstart-input input[type=radio]:after{
  252.     position:absolute;
  253.     top:0;
  254.     left:0;
  255.     bottom:0;
  256.     right:0;
  257.     content:" ";
  258.     line-height:1.4rem;
  259.     vertical-align:middle;
  260.     text-align:center;
  261.     background-color:#b60845}
  262.   .relative,sub,sup{
  263.     position:relative}
  264.   .align-baseline,progress,sub,sup{
  265.     vertical-align:baseline}
  266.   .ampstart-input input[type=checkbox]:checked:after{
  267.     background-color:#003f93;
  268.     color:#b60845;
  269.     content:"✓"}
  270.   .ampstart-input input[type=radio]:checked{
  271.     background-color:#b60845}
  272.   .ampstart-input input[type=radio]:after{
  273.     top:3px;
  274.     bottom:3px;
  275.     left:3px;
  276.     right:3px;
  277.     border-radius:12px}
  278.   .ampstart-input input[type=radio]:checked:after{
  279.     content:"";
  280.     font-size:3rem;
  281.     background-color:#003f93}
  282.   .ampstart-input>label,_:-ms-lang(x){
  283.     opacity:1}
  284.   .ampstart-input>input:-ms-input-placeholder,_:-ms-lang(x){
  285.     color:transparent}
  286.   .ampstart-input>input::placeholder,_:-ms-lang(x){
  287.     color:transparent}
  288.   .ampstart-input>input::-ms-input-placeholder,_:-ms-lang(x){
  289.     color:transparent}
  290.   .ampstart-input>select::-ms-expand{
  291.     display:none}
  292.   .ampstart-headerbar{
  293.     background-color:#fff;
  294.     color:#000;
  295.     z-index:999;
  296.     box-shadow:0 0 5px 2px rgba(0,0,0,.1)}
  297.   .ampstart-headerbar+:not(amp-sidebar),.ampstart-headerbar+amp-sidebar+*{
  298.     margin-top:3.5rem}
  299.   .ampstart-headerbar-nav .ampstart-nav-item{
  300.     padding:0 1.5rem;
  301.     background:0 0;
  302.     opacity:.8}
  303.   .ampstart-nav-dropdown amp-accordion header,.ampstart-nav-dropdown amp-accordion ul,.ampstart-sidebar,.ampstart-social-box>amp-social-share,.editor,.editor .gutter{
  304.     background-color:#fff}
  305.   .ampstart-headerbar-nav{
  306.     line-height:3.5rem;
  307.     -webkit-box-flex:1;
  308.     -ms-flex:1;
  309.     flex:1}
  310.   .ampstart-nav-item:active,.ampstart-nav-item:focus,.ampstart-nav-item:hover{
  311.     opacity:1}
  312.   .ampstart-nav a,.ampstart-navbar-trigger,.ampstart-sidebar-faq a{
  313.     cursor:pointer;
  314.     text-decoration:none}
  315.   .ampstart-navbar-trigger{
  316.     line-height:3.5rem;
  317.     font-size:2rem}
  318.   .ampstart-nav-search{
  319.     -webkit-box-flex:.5;
  320.     -ms-flex-positive:.5;
  321.     flex-grow:.5}
  322.   .ampstart-headerbar .ampstart-nav-search:active,.ampstart-headerbar .ampstart-nav-search:focus,.ampstart-headerbar .ampstart-nav-search:hover{
  323.     box-shadow:none}
  324.   .ampstart-nav-search>input{
  325.     border:none;
  326.     border-radius:3px;
  327.     line-height:normal}
  328.   .ampstart-nav-dropdown{
  329.     min-width:200px}
  330.   .ampstart-nav-dropdown amp-accordion header{
  331.     border:none}
  332.   .ampstart-nav-dropdown .ampstart-dropdown-item,.ampstart-nav-dropdown .ampstart-dropdown>section>header{
  333.     background-color:#fff;
  334.     color:#000}
  335.   .ampstart-nav-dropdown .ampstart-dropdown-item{
  336.     color:#003f93}
  337.   .ampstart-sidebar{
  338.     color:#000;
  339.     min-width:300px;
  340.     width:300px}
  341.   .ampstart-sidebar-header{
  342.     line-height:3.5rem;
  343.     min-height:3.5rem}
  344.   .ampstart-sidebar .ampstart-dropdown header,.ampstart-sidebar .ampstart-dropdown-item,.ampstart-sidebar .ampstart-faq-item,.ampstart-sidebar .ampstart-nav-item,.ampstart-sidebar .ampstart-social-follow{
  345.     margin:0 0 2.5rem}
  346.   .ampstart-sidebar .ampstart-nav-dropdown,body{
  347.     margin:0}
  348.   .ampstart-sidebar .ampstart-navbar-trigger{
  349.     line-height:inherit}
  350.   .ampstart-related-article-section{
  351.     border-color:#4a4a4a}
  352.   .ampstart-related-article-section .ampstart-heading{
  353.     color:#4a4a4a;
  354.     font-weight:400}
  355.   .ampstart-related-article-readmore{
  356.     color:#fff;
  357.     letter-spacing:0}
  358.   .ampstart-related-section-items>li{
  359.     border-bottom:1px solid #4a4a4a}
  360.   .ampstart-related-section-items>li:last-child{
  361.     border:none}
  362.   .ampstart-related-section-items .ampstart-image-with-caption{
  363.     display:-webkit-box;
  364.     display:-ms-flexbox;
  365.     display:flex;
  366.     -ms-flex-wrap:wrap;
  367.     flex-wrap:wrap;
  368.     -webkit-box-align:center;
  369.     -ms-flex-align:center;
  370.     align-items:center;
  371.     margin-bottom:0}
  372.   .ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption{
  373.     -webkit-box-flex:1;
  374.     -ms-flex:1;
  375.     flex:1}
  376.   .ampstart-related-section-items .ampstart-image-with-caption>figcaption{
  377.     padding-left:1.5rem}
  378.   @media (min-width:40.06rem){
  379.     .ampstart-related-section-items>li{
  380.       border:none}
  381.     .ampstart-related-section-items .ampstart-image-with-caption>figcaption{
  382.       padding:1.5rem 0}
  383.     .ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption{
  384.       -ms-flex-preferred-size:100%;
  385.       flex-basis:100%}
  386.   }
  387.   .ampstart-social-box{
  388.     display:-webkit-box;
  389.     display:-ms-flexbox;
  390.     display:flex}
  391.   .editor,.editor .gutter{
  392.     color:#555}
  393.   .editor .indent-guide,.editor .invisible-character{
  394.     color:rgba(85,85,85,.2)}
  395.   .editor .wrap-guide{
  396.     background-color:rgba(85,85,85,.2)}
  397.   .editor .gutter{
  398.     color:#555;
  399.     background:#fff}
  400.   .editor .fold-marker:after,.editor .gutter .line-number.folded,.editor .gutter .line-number:after{
  401.     color:#e87b00}
  402.   .editor .invisible{
  403.     color:#555}
  404.   .editor .selection .region{
  405.     background-color:#e1e1e1}
  406.   .editor.is-focused .cursor{
  407.     border-color:#000}
  408.   .editor.is-focused .selection .region{
  409.     background-color:#afc4da}
  410.   .editor.is-focused .line-number.cursor-line-no-selection,.editor.is-focused .line.cursor-line{
  411.     background-color:rgba(255,255,134,.34)}
  412.   .editor .comment{
  413.     color:#998}
  414.   .editor .string{
  415.     color:#d14}
  416.   .editor .source .string .meta.embedded.line,.editor .source .string .source{
  417.     color:#5a5a5a}
  418.   .editor .source .string .punctuation.section.embedded,.editor .source .string .punctuation.section.embedded .source{
  419.     color:#920b2d}
  420.   .editor .constant.numeric{
  421.     color:#d14}
  422.   .editor .constant.character,.editor .constant.language,.editor .constant.other{
  423.     color:#606aa1}
  424.   .editor .constant.symbol{
  425.     color:#990073}
  426.   .editor .constant.numeric.line-number.find-in-files .match{
  427.     color:rgba(143,190,0,.63)}
  428.   .editor .variable{
  429.     color:teal}
  430.   .editor .variable.parameter{
  431.     color:#606aa1}
  432.   .editor .keyword{
  433.     color:#222;
  434.     font-weight:700}
  435.   .editor .keyword.unit{
  436.     color:#458}
  437.   .editor .keyword.special-method{
  438.     color:#0086b3}
  439.   .editor .storage,.editor .storage.type{
  440.     color:#222}
  441.   .editor .entity.name.class,.editor .entity.other.inherited-class{
  442.     text-decoration:underline;
  443.     color:#606aa1}
  444.   .editor .entity.name.function{
  445.     color:#900}
  446.   .editor .entity.name.tag{
  447.     color:teal}
  448.   .editor .entity.other.attribute-name{
  449.     color:#458;
  450.     font-weight:700}
  451.   .editor .entity.name.filename.find-in-files{
  452.     color:#e6db74}
  453.   .editor .support.constant,.editor .support.function,.editor .support.type{
  454.     color:#458}
  455.   .editor .support.class{
  456.     color:teal}
  457.   .editor .invalid{
  458.     color:#f8f8f0;
  459.     background-color:#00a8c6}
  460.   .editor .invalid.deprecated{
  461.     color:#f8f8f0;
  462.     background-color:#8fbe00}
  463.   .editor .meta.structure.dictionary.json>.string.quoted.double.json,.editor .meta.structure.dictionary.json>.string.quoted.double.json .punctuation.string{
  464.     color:navy}
  465.   .editor .meta.structure.dictionary.value.json>.string.quoted.double.json{
  466.     color:#d14}
  467.   .editor .meta.diff,.editor .meta.diff.header{
  468.     color:#75715e}
  469.   .editor .css.support.property-name{
  470.     font-weight:700;
  471.     color:#333}
  472.   .editor .css.constant{
  473.     color:#099}
  474.   .editor .source.gfm{
  475.     color:#444}
  476.   .editor .gfm .markup.heading{
  477.     color:#111}
  478.   .editor .gfm .link,.editor .gfm .variable.list{
  479.     color:#888}
  480.   .editor .markdown .paragraph{
  481.     color:#444}
  482.   .editor .markdown .heading{
  483.     color:#111}
  484.   .editor .markdown .link,.editor .markdown .link .string{
  485.     color:#888}
  486.   .editor .search-results .marker .region{
  487.     background-color:transparent;
  488.     border:1px solid #999}
  489.   .editor .search-results .marker.current-result .region{
  490.     border:1px solid #000}
  491.   .bracket-matcher{
  492.     background-color:#c9c9c9;
  493.     opacity:.7;
  494.     border-bottom:0 none}
  495.   .editor .tag.block{
  496.     display:inline}
  497.   audio,canvas,progress,video{
  498.     display:inline-block}
  499.   /*! Bassplate | MIT License | http://github.com/basscss/bassplate *//*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{
  500.     font-family:sans-serif;
  501.     line-height:1.15;
  502.     -ms-text-size-adjust:100%;
  503.     -webkit-text-size-adjust:100%}
  504.   article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
  505.     display:block}
  506.   figure{
  507.     margin:1em 40px}
  508.   hr{
  509.     box-sizing:content-box;
  510.     height:0}
  511.   code,kbd,pre,samp{
  512.     font-family:monospace,monospace;
  513.     font-size:1em}
  514.   a{
  515.     background-color:transparent;
  516.     -webkit-text-decoration-skip:objects}
  517.   a:active,a:hover{
  518.     outline-width:0}
  519.   abbr[title]{
  520.     border-bottom:none;
  521.     text-decoration:underline;
  522.     text-decoration:underline dotted}
  523.   b,strong{
  524.     font-weight:inherit;
  525.     font-weight:bolder}
  526.   mark{
  527.     background-color:#ff0;
  528.     color:#000}
  529.   small{
  530.     font-size:80%}
  531.   sub,sup{
  532.     font-size:75%;
  533.     line-height:0}
  534.   sub{
  535.     bottom:-.25em}
  536.   sup{
  537.     top:-.5em}
  538.   audio:not([controls]){
  539.     display:none;
  540.     height:0}
  541.   img{
  542.     border-style:none}
  543.   svg:not(:root){
  544.     overflow:hidden}
  545.   button,input,optgroup,select,textarea{
  546.     font-family:sans-serif;
  547.     font-size:100%;
  548.     line-height:1.15;
  549.     margin:0}
  550.   button,select{
  551.     text-transform:none}
  552.   [type=reset],[type=submit],button,html [type=button]{
  553.     -webkit-appearance:button}
  554.   [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  555.     border-style:none;
  556.     padding:0}
  557.   [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
  558.     outline:ButtonText dotted 1px}
  559.   fieldset{
  560.     border:1px solid silver;
  561.     margin:0 2px;
  562.     padding:.35em .625em .75em}
  563.   .mr0,.mx0{
  564.     margin-right:0}
  565.   .mt0,.my0{
  566.     margin-top:0}
  567.   .mb0,.my0{
  568.     margin-bottom:0}
  569.   .p0,legend{
  570.     padding:0}
  571.   .list-reset,.pl0,.px0{
  572.     padding-left:0}
  573.   .pr0,.px0{
  574.     padding-right:0}
  575.   .pt0,.py0{
  576.     padding-top:0}
  577.   .pb0,.py0{
  578.     padding-bottom:0}
  579.   legend{
  580.     box-sizing:border-box;
  581.     color:inherit;
  582.     display:table;
  583.     white-space:normal}
  584.   .ampstart-btn,.nowrap,.truncate{
  585.     white-space:nowrap}
  586.   textarea{
  587.     overflow:auto}
  588.   .overflow-hidden,.truncate{
  589.     overflow:hidden}
  590.   [type=checkbox],[type=radio]{
  591.     box-sizing:border-box;
  592.     padding:0}
  593.   [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
  594.     height:auto}
  595.   [type=search]{
  596.     -webkit-appearance:textfield;
  597.     outline-offset:-2px}
  598.   [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
  599.     -webkit-appearance:none}
  600.   ::-webkit-file-upload-button{
  601.     -webkit-appearance:button;
  602.     font:inherit}
  603.   summary{
  604.     display:list-item}
  605.   [hidden],template{
  606.     display:none}
  607.   .h1{
  608.     font-size:3rem}
  609.   .h2{
  610.     font-size:2rem}
  611.   .h3{
  612.     font-size:1.5rem}
  613.   .h4{
  614.     font-size:1.125rem}
  615.   .h5{
  616.     font-size:.875rem}
  617.   .h6{
  618.     font-size:.75rem}
  619.   .font-family-inherit{
  620.     font-family:inherit}
  621.   .font-size-inherit{
  622.     font-size:inherit}
  623.   .text-decoration-none{
  624.     text-decoration:none}
  625.   .bold{
  626.     font-weight:700}
  627.   .regular{
  628.     font-weight:400}
  629.   .italic{
  630.     font-style:italic}
  631.   .caps{
  632.     text-transform:uppercase;
  633.     letter-spacing:.2em}
  634.   .left-align{
  635.     text-align:left}
  636.   .center{
  637.     text-align:center}
  638.   .right-align{
  639.     text-align:right}
  640.   .justify{
  641.     text-align:justify}
  642.   .break-word{
  643.     word-wrap:break-word}
  644.   .line-height-1{
  645.     line-height:1rem}
  646.   .line-height-2{
  647.     line-height:1.125rem}
  648.   .line-height-3{
  649.     line-height:1.5rem}
  650.   .line-height-4{
  651.     line-height:2rem}
  652.   .underline{
  653.     text-decoration:underline}
  654.   .truncate{
  655.     text-overflow:ellipsis}
  656.   .inline{
  657.     display:inline}
  658.   .block{
  659.     display:block}
  660.   .inline-block{
  661.     display:inline-block}
  662.   .table{
  663.     display:table}
  664.   .table-cell{
  665.     display:table-cell}
  666.   .overflow-scroll{
  667.     overflow:scroll}
  668.   .overflow-auto{
  669.     overflow:auto}
  670.   .clearfix:after,.clearfix:before{
  671.     content:" ";
  672.     display:table}
  673.   .left{
  674.     float:left}
  675.   .right{
  676.     float:right}
  677.   .max-width-1{
  678.     max-width:24rem}
  679.   .max-width-2{
  680.     max-width:32rem}
  681.   .max-width-3{
  682.     max-width:48rem}
  683.   .max-width-4{
  684.     max-width:64rem}
  685.   .border-box{
  686.     box-sizing:border-box}
  687.   .align-top{
  688.     vertical-align:top}
  689.   .align-middle{
  690.     vertical-align:middle}
  691.   .align-bottom{
  692.     vertical-align:bottom}
  693.   .m0{
  694.     margin:0}
  695.   .ml0,.mx0{
  696.     margin-left:0}
  697.   .mr1,.mx1{
  698.     margin-right:1rem}
  699.   .mt1,.my1{
  700.     margin-top:1rem}
  701.   .mb1,.my1{
  702.     margin-bottom:1rem}
  703.   .m1{
  704.     margin:1rem}
  705.   .ml1,.mx1{
  706.     margin-left:1rem}
  707.   .mr2,.mx2{
  708.     margin-right:1.5rem}
  709.   .mt2,.my2{
  710.     margin-top:1.5rem}
  711.   .mb2,.my2{
  712.     margin-bottom:1.5rem}
  713.   .m2{
  714.     margin:1.5rem}
  715.   .ml2,.mx2{
  716.     margin-left:1.5rem}
  717.   .mr3,.mx3{
  718.     margin-right:2rem}
  719.   .mt3,.my3{
  720.     margin-top:2rem}
  721.   .mb3,.my3{
  722.     margin-bottom:2rem}
  723.   .m3{
  724.     margin:2rem}
  725.   .ml3,.mx3{
  726.     margin-left:2rem}
  727.   .mr4,.mx4{
  728.     margin-right:2.5rem}
  729.   .mt4,.my4{
  730.     margin-top:2.5rem}
  731.   .mb4,.my4{
  732.     margin-bottom:2.5rem}
  733.   .m4{
  734.     margin:2.5rem}
  735.   .ml4,.mx4{
  736.     margin-left:2.5rem}
  737.   .mxn1{
  738.     margin-left:-1rem;
  739.     margin-right:-1rem}
  740.   .mxn2{
  741.     margin-left:-1.5rem;
  742.     margin-right:-1.5rem}
  743.   .mxn3{
  744.     margin-left:-2rem;
  745.     margin-right:-2rem}
  746.   .mxn4{
  747.     margin-left:-2.5rem;
  748.     margin-right:-2.5rem}
  749.   .ml-auto,.mx-auto{
  750.     margin-left:auto}
  751.   .mr-auto,.mx-auto{
  752.     margin-right:auto}
  753.   .pl1,.px1{
  754.     padding-left:1rem}
  755.   .pr1,.px1{
  756.     padding-right:1rem}
  757.   .pt1,.py1{
  758.     padding-top:1rem}
  759.   .pb1,.py1{
  760.     padding-bottom:1rem}
  761.   .p1{
  762.     padding:1rem}
  763.   .pt2,.py2{
  764.     padding-top:1.5rem}
  765.   .pb2,.py2{
  766.     padding-bottom:1.5rem}
  767.   .pl2,.px2{
  768.     padding-left:1.5rem}
  769.   .pr2,.px2{
  770.     padding-right:1.5rem}
  771.   .p2{
  772.     padding:1.5rem}
  773.   .pt3,.py3{
  774.     padding-top:2rem}
  775.   .pb3,.py3{
  776.     padding-bottom:2rem}
  777.   .pl3,.px3{
  778.     padding-left:2rem}
  779.   .pr3,.px3{
  780.     padding-right:2rem}
  781.   .p3{
  782.     padding:2rem}
  783.   .pt4,.py4{
  784.     padding-top:2.5rem}
  785.   .pb4,.py4{
  786.     padding-bottom:2.5rem}
  787.   .pl4,.px4{
  788.     padding-left:2.5rem}
  789.   .pr4,.px4{
  790.     padding-right:2.5rem}
  791.   .p4{
  792.     padding:2.5rem}
  793.   h1,h2,h3,h4,h5,h6,p{
  794.     margin:0;
  795.     padding:0}
  796.   .col{
  797.     float:left}
  798.   .col,.col-right{
  799.     box-sizing:border-box}
  800.   .col-right{
  801.     float:right}
  802.   .col-1{
  803.     width:8.33333%}
  804.   .col-2{
  805.     width:16.66667%}
  806.   .col-3{
  807.     width:25%}
  808.   .col-4{
  809.     width:33.33333%}
  810.   .col-5{
  811.     width:41.66667%}
  812.   .col-6{
  813.     width:50%}
  814.   .col-7{
  815.     width:58.33333%}
  816.   .col-8{
  817.     width:66.66667%}
  818.   .col-9{
  819.     width:75%}
  820.   .col-10{
  821.     width:83.33333%}
  822.   .col-11{
  823.     width:91.66667%}
  824.   .col-12{
  825.     width:100%}
  826.   .flex{
  827.     display:-webkit-box;
  828.     display:-ms-flexbox;
  829.     display:flex}
  830.   @media (min-width:40.06rem){
  831.     .sm-col,.sm-col-right{
  832.       box-sizing:border-box}
  833.     .sm-col{
  834.       float:left}
  835.     .sm-col-right{
  836.       float:right}
  837.     .sm-col-1{
  838.       width:8.33333%}
  839.     .sm-col-2{
  840.       width:16.66667%}
  841.     .sm-col-3{
  842.       width:25%}
  843.     .sm-col-4{
  844.       width:33.33333%}
  845.     .sm-col-5{
  846.       width:41.66667%}
  847.     .sm-col-6{
  848.       width:50%}
  849.     .sm-col-7{
  850.       width:58.33333%}
  851.     .sm-col-8{
  852.       width:66.66667%}
  853.     .sm-col-9{
  854.       width:75%}
  855.     .sm-col-10{
  856.       width:83.33333%}
  857.     .sm-col-11{
  858.       width:91.66667%}
  859.     .sm-col-12{
  860.       width:100%}
  861.     .sm-flex{
  862.       display:-webkit-box;
  863.       display:-ms-flexbox;
  864.       display:flex}
  865.   }
  866.   @media (min-width:52.06rem){
  867.     .md-col,.md-col-right{
  868.       box-sizing:border-box}
  869.     .md-col{
  870.       float:left}
  871.     .md-col-right{
  872.       float:right}
  873.     .md-col-1{
  874.       width:8.33333%}
  875.     .md-col-2{
  876.       width:16.66667%}
  877.     .md-col-3{
  878.       width:25%}
  879.     .md-col-4{
  880.       width:33.33333%}
  881.     .md-col-5{
  882.       width:41.66667%}
  883.     .md-col-6{
  884.       width:50%}
  885.     .md-col-7{
  886.       width:58.33333%}
  887.     .md-col-8{
  888.       width:66.66667%}
  889.     .md-col-9{
  890.       width:75%}
  891.     .md-col-10{
  892.       width:83.33333%}
  893.     .md-col-11{
  894.       width:91.66667%}
  895.     .md-col-12{
  896.       width:100%}
  897.     .md-flex{
  898.       display:-webkit-box;
  899.       display:-ms-flexbox;
  900.       display:flex}
  901.   }
  902.   @media (min-width:64.06rem){
  903.     .lg-col,.lg-col-right{
  904.       box-sizing:border-box}
  905.     .lg-col{
  906.       float:left}
  907.     .lg-col-right{
  908.       float:right}
  909.     .lg-col-1{
  910.       width:8.33333%}
  911.     .lg-col-2{
  912.       width:16.66667%}
  913.     .lg-col-3{
  914.       width:25%}
  915.     .lg-col-4{
  916.       width:33.33333%}
  917.     .lg-col-5{
  918.       width:41.66667%}
  919.     .lg-col-6{
  920.       width:50%}
  921.     .lg-col-7{
  922.       width:58.33333%}
  923.     .lg-col-8{
  924.       width:66.66667%}
  925.     .lg-col-9{
  926.       width:75%}
  927.     .lg-col-10{
  928.       width:83.33333%}
  929.     .lg-col-11{
  930.       width:91.66667%}
  931.     .lg-col-12{
  932.       width:100%}
  933.     .lg-flex{
  934.       display:-webkit-box;
  935.       display:-ms-flexbox;
  936.       display:flex}
  937.     .lg-hide{
  938.       display:none}
  939.   }
  940.   .flex-column{
  941.     -webkit-box-orient:vertical;
  942.     -webkit-box-direction:normal;
  943.     -ms-flex-direction:column;
  944.     flex-direction:column}
  945.   .flex-wrap{
  946.     -ms-flex-wrap:wrap;
  947.     flex-wrap:wrap}
  948.   .items-start{
  949.     -webkit-box-align:start;
  950.     -ms-flex-align:start;
  951.     align-items:flex-start}
  952.   .items-end{
  953.     -webkit-box-align:end;
  954.     -ms-flex-align:end;
  955.     align-items:flex-end}
  956.   .items-center{
  957.     -webkit-box-align:center;
  958.     -ms-flex-align:center;
  959.     align-items:center}
  960.   .items-baseline{
  961.     -webkit-box-align:baseline;
  962.     -ms-flex-align:baseline;
  963.     align-items:baseline}
  964.   .items-stretch{
  965.     -webkit-box-align:stretch;
  966.     -ms-flex-align:stretch;
  967.     align-items:stretch}
  968.   .self-start{
  969.     -ms-flex-item-align:start;
  970.     align-self:flex-start}
  971.   .self-end{
  972.     -ms-flex-item-align:end;
  973.     align-self:flex-end}
  974.   .self-center{
  975.     -ms-flex-item-align:center;
  976.     -ms-grid-row-align:center;
  977.     align-self:center}
  978.   .self-baseline{
  979.     -ms-flex-item-align:baseline;
  980.     align-self:baseline}
  981.   .self-stretch{
  982.     -ms-flex-item-align:stretch;
  983.     -ms-grid-row-align:stretch;
  984.     align-self:stretch}
  985.   .justify-start{
  986.     -webkit-box-pack:start;
  987.     -ms-flex-pack:start;
  988.     justify-content:flex-start}
  989.   .justify-end{
  990.     -webkit-box-pack:end;
  991.     -ms-flex-pack:end;
  992.     justify-content:flex-end}
  993.   .justify-center{
  994.     -webkit-box-pack:center;
  995.     -ms-flex-pack:center;
  996.     justify-content:center}
  997.   .justify-between{
  998.     -webkit-box-pack:justify;
  999.     -ms-flex-pack:justify;
  1000.     justify-content:space-between}
  1001.   .justify-around{
  1002.     -ms-flex-pack:distribute;
  1003.     justify-content:space-around}
  1004.   .content-start{
  1005.     -ms-flex-line-pack:start;
  1006.     align-content:flex-start}
  1007.   .content-end{
  1008.     -ms-flex-line-pack:end;
  1009.     align-content:flex-end}
  1010.   .content-center{
  1011.     -ms-flex-line-pack:center;
  1012.     align-content:center}
  1013.   .content-between{
  1014.     -ms-flex-line-pack:justify;
  1015.     align-content:space-between}
  1016.   .content-around{
  1017.     -ms-flex-line-pack:distribute;
  1018.     align-content:space-around}
  1019.   .content-stretch{
  1020.     -ms-flex-line-pack:stretch;
  1021.     align-content:stretch}
  1022.   .flex-auto{
  1023.     -webkit-box-flex:1;
  1024.     -ms-flex:1 1 auto;
  1025.     flex:1 1 auto;
  1026.     min-width:0;
  1027.     min-height:0}
  1028.   .flex-none{
  1029.     -webkit-box-flex:0;
  1030.     -ms-flex:none;
  1031.     flex:none}
  1032.   .order-0{
  1033.     -webkit-box-ordinal-group:1;
  1034.     -ms-flex-order:0;
  1035.     order:0}
  1036.   .order-1{
  1037.     -webkit-box-ordinal-group:2;
  1038.     -ms-flex-order:1;
  1039.     order:1}
  1040.   .order-2{
  1041.     -webkit-box-ordinal-group:3;
  1042.     -ms-flex-order:2;
  1043.     order:2}
  1044.   .order-3{
  1045.     -webkit-box-ordinal-group:4;
  1046.     -ms-flex-order:3;
  1047.     order:3}
  1048.   .order-last{
  1049.     -webkit-box-ordinal-group:100000;
  1050.     -ms-flex-order:99999;
  1051.     order:99999}
  1052.   .absolute{
  1053.     position:absolute}
  1054.   .fixed{
  1055.     position:fixed}
  1056.   .top-0{
  1057.     top:0}
  1058.   .right-0{
  1059.     right:0}
  1060.   .bottom-0{
  1061.     bottom:0}
  1062.   .left-0{
  1063.     left:0}
  1064.   .z1{
  1065.     z-index:1}
  1066.   .z2{
  1067.     z-index:2}
  1068.   .z3{
  1069.     z-index:3}
  1070.   .z4{
  1071.     z-index:4}
  1072.   .border{
  1073.     border-style:solid;
  1074.     border-width:1px}
  1075.   .border-top{
  1076.     border-top-style:solid;
  1077.     border-top-width:1px}
  1078.   .border-right{
  1079.     border-right-style:solid;
  1080.     border-right-width:1px}
  1081.   .border-bottom{
  1082.     border-bottom-style:solid;
  1083.     border-bottom-width:1px}
  1084.   .border-left{
  1085.     border-left-style:solid;
  1086.     border-left-width:1px}
  1087.   .border-none{
  1088.     border:0}
  1089.   .rounded{
  1090.     border-radius:3px}
  1091.   .circle{
  1092.     border-radius:50%}
  1093.   .rounded-top{
  1094.     border-radius:3px 3px 0 0}
  1095.   .rounded-right{
  1096.     border-radius:0 3px 3px 0}
  1097.   .rounded-bottom{
  1098.     border-radius:0 0 3px 3px}
  1099.   .rounded-left{
  1100.     border-radius:3px 0 0 3px}
  1101.   .not-rounded{
  1102.     border-radius:0}
  1103.   .hide{
  1104.     position:absolute;
  1105.     height:1px;
  1106.     width:1px;
  1107.     overflow:hidden;
  1108.     clip:rect(1px,1px,1px,1px)}
  1109.   @media (max-width:40rem){
  1110.     .xs-hide{
  1111.       display:none}
  1112.   }
  1113.   @media (min-width:40.06rem) and (max-width:52rem){
  1114.     .sm-hide{
  1115.       display:none}
  1116.   }
  1117.   @media (min-width:52.06rem) and (max-width:64rem){
  1118.     .md-hide{
  1119.       display:none}
  1120.   }
  1121.   .display-none{
  1122.     display:none}
  1123.   .www-component-anchor[selected]:after,.www-component-desc:target:before,.www-heading:after{
  1124.     display:block;
  1125.     content:""}
  1126.   *{
  1127.     box-sizing:border-box}
  1128.   body{
  1129.     background:#fff;
  1130.     color:#4a4a4a;
  1131.     line-height:1.5rem;
  1132.     font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;
  1133.     min-width:315px;
  1134.     overflow-x:hidden;
  1135.     font-smooth:always;
  1136.     -webkit-font-smoothing:antialiased}
  1137.   main{
  1138.     max-width:100%;
  1139.     margin:0 auto}
  1140.   .ampstart-subtitle{
  1141.     color:#4f4f4f;
  1142.     font-size:.875rem}
  1143.   .ampstart-accent{
  1144.     color:#003f93}
  1145.   #content{
  1146.     margin-top:calc(0px - 3.5rem);
  1147.     padding-top:3.5rem}
  1148.   .ampstart-card{
  1149.     box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
  1150.   .ampstart-device-preview-select,amp-user-notification{
  1151.     box-shadow:0 0 5px 2px rgba(0,0,0,.1)}
  1152.   .h1,h1{
  1153.     font-size:3rem;
  1154.     line-height:3.5rem}
  1155.   .h2,h2{
  1156.     font-size:2rem;
  1157.     line-height:2.5rem}
  1158.   .h3,h3{
  1159.     font-size:1.5rem;
  1160.     line-height:2rem}
  1161.   .h4,h4{
  1162.     font-size:1.125rem;
  1163.     line-height:1.5rem}
  1164.   .h5,h5{
  1165.     font-size:.875rem;
  1166.     line-height:1.125rem}
  1167.   .h6,h6{
  1168.     font-size:.75rem;
  1169.     line-height:1rem}
  1170.   h1,h2,h3,h4,h5,h6{
  1171.     font-weight:400;
  1172.     letter-spacing:.06em}
  1173.   .www-component-desc h3,.www-heading{
  1174.     letter-spacing:inherit}
  1175.   a,a:active,a:visited{
  1176.     color:inherit}
  1177.   .ampstart-btn{
  1178.     font-size:1rem;
  1179.     padding:.7em .8em;
  1180.     text-decoration:none;
  1181.     word-wrap:normal;
  1182.     vertical-align:middle;
  1183.     cursor:pointer;
  1184.     background-color:#fff;
  1185.     color:#b60845;
  1186.     border:1px solid #b60845}
  1187.   .ampstart-btn-secondary{
  1188.     background-color:#b60845;
  1189.     color:#fff;
  1190.     border:1px solid #fff}
  1191.   .ampstart-btn:active .ampstart-btn:focus{
  1192.     opacity:.8}
  1193.   .ampstart-btn[disabled],.ampstart-btn[disabled]:active,.ampstart-btn[disabled]:focus,.ampstart-btn[disabled]:hover{
  1194.     opacity:.5;
  1195.     outline:0;
  1196.     cursor:default}
  1197.   .ampstart-dropcap{
  1198.     padding-top:1.5rem;
  1199.     margin-top:2rem}
  1200.   .ampstart-dropcap:first-letter{
  1201.     color:#fff;
  1202.     font-size:3rem;
  1203.     font-weight:700;
  1204.     margin-left:-2px}
  1205.   .ampstart-pullquote{
  1206.     border:none;
  1207.     border-left:4px solid #fff;
  1208.     font-size:1.5rem;
  1209.     padding-left:2rem}
  1210.   amp-user-notification{
  1211.     background:#fff}
  1212.   .www-header,h1,h2,h3,h4,h5,h6{
  1213.     font-family:Inconsolata,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}
  1214.   .ampstart-headerbar-nav .ampstart-nav-item{
  1215.     padding-right:1rem}
  1216.   .ampstart-headerbar-nav .ampstart-nav-item.www-current-page{
  1217.     color:#066573}
  1218.   .ampstart-headerbar-nav .ampstart-nav-item.www-current-page:after,.www-component-anchor[selected]:after{
  1219.     content:"";
  1220.     display:block;
  1221.     height:4px;
  1222.     background:linear-gradient(90deg,#94103e 0,#db004d)}
  1223.   .www-header{
  1224.     background-image:linear-gradient(90deg,#94103e 0,#db004d);
  1225.     padding:7rem 0;
  1226.     color:#fff;
  1227.     -webkit-clip-path:polygon(100% 100%,100% 0,-400% 0);
  1228.     clip-path:polygon(100% 100%,100% 0,-400% 0)}
  1229.   .www-heading:after{
  1230.     height:2px;
  1231.     width:2.5rem;
  1232.     background:#4a4a4a;
  1233.     position:absolute;
  1234.     bottom:0}
  1235.   .ampstart-footer{
  1236.     position:relative}
  1237.   .ampstart-footer:before{
  1238.     content:"";
  1239.     position:absolute;
  1240.     width:100%;
  1241.     height:35px;
  1242.     background-image:linear-gradient(90deg,#94103e 0,#db004d);
  1243.     top:0;
  1244.     left:0;
  1245.     right:0}
  1246.   .ampstart-device-preview-mask,.ampstart-device-preview-select{
  1247.     background:#f9f7f7}
  1248.   .www-components-sec-nav{
  1249.     padding-top:7rem;
  1250.     margin-top:calc(-1 * 7rem);
  1251.     box-shadow:5px 0 5px -5px rgba(0,0,0,.4);
  1252.     min-width:160px}
  1253.   .www-component-anchors{
  1254.     position:-webkit-sticky;
  1255.     position:sticky;
  1256.     top:7rem}
  1257.   body .www-component-anchors .www-component-anchor[option][selected]{
  1258.     outline:0}
  1259.   .www-component-anchor[selected]:after{
  1260.     height:4px;
  1261.     background:linear-gradient(90deg,#94103e 0,#db004d)}
  1262.   .www-header>*{
  1263.     padding-left:7rem;
  1264.     padding-right:7rem}
  1265.   .www-component-desc>*{
  1266.     padding-left:5rem;
  1267.     padding-right:5rem}
  1268.   .www-component-desc{
  1269.     margin-bottom:5rem}
  1270.   .www-component-desc:target:before{
  1271.     height:3.5rem}
  1272.   .www-component-desc [placeholder]{
  1273.     background:#fff}
  1274.   .www-component-rendered{
  1275.     margin-top:3.5rem}
  1276.   .www-component-desc pre{
  1277.     font-family:monospace;
  1278.     line-height:1rem;
  1279.     font-size:1.125rem;
  1280.     white-space:pre-line;
  1281.     background:#f9f7f7;
  1282.     overflow-y:auto;
  1283.     margin:0}
  1284.   .www-example-code,.www-example-code h3{
  1285.     background:#f9f7f7}
  1286.   .www-example-code amp-accordion h3:after{
  1287.     content:"";
  1288.     background:url(img/www/caret.svg) no-repeat;
  1289.     width:11px;
  1290.     height:7px;
  1291.     display:inline-block;
  1292.     margin-left:2rem}
  1293.   .www-example-code amp-accordion [expanded] h3:after{
  1294.     -webkit-transform:scaleY(-1);
  1295.     transform:scaleY(-1)}
  1296.   @media (max-width:40rem){
  1297.     .www-component-desc>*{
  1298.       padding-left:0;
  1299.       padding-right:0}
  1300.     .www-component-desc{
  1301.       margin-bottom:3.5rem}
  1302.     .www-components{
  1303.       margin-right:1.5rem}
  1304.     .www-header>*{
  1305.       padding-left:1.5rem;
  1306.       padding-right:1.5rem}
  1307.   }
  1308.   @media (min-width:40.06rem) and (max-width:52rem){
  1309.     .www-components{
  1310.       margin-right:1.5rem}
  1311.     .www-header{
  1312.       margin-left:calc(-1 * 1rem)}
  1313.     .www-header>*{
  1314.       padding-left:0;
  1315.       padding-right:0}
  1316.   }
  1317.   @media (max-width:363px){
  1318.     .www-component-iframe-container>amp-iframe{
  1319.       -webkit-transform:scale(.792);
  1320.       transform:scale(.792);
  1321.       -webkit-transform-origin:0 0;
  1322.       transform-origin:0 0;
  1323.       width:343px}
  1324.   }
  1325.   *{
  1326.     -webkit-tap-highlight-color:rgba(255,255,255,0)}
  1327.   body{
  1328.     font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}
  1329.   .info{
  1330.     background:#FFFDE7}
  1331.   .www-components-sec-nav{
  1332.     min-width:200px}
  1333.   .www-component-desc li a,.www-component-desc p a{
  1334.     text-decoration:none;
  1335.     color:#b60845}
  1336.   .ampstart-headerbar-nav .ampstart-nav-item.www-current-page{
  1337.     color:#B60845}
  1338.   .ampstart-nav-dropdown .ampstart-dropdown-item{
  1339.     color:#B60845;
  1340.     margin:0}
  1341.   .ampstart-icon,.ampstart-sidebar .ampstart-icon{
  1342.     fill:#B60845}
  1343.   .ampstart-dropdown-item a{
  1344.     display:block;
  1345.     padding:8px}
  1346.   .ampstart-dropdown-item a:active,.ampstart-sidebar .ampstart-dropdown header:active{
  1347.     background:#f2f2f2}
  1348.   .ampstart-sidebar .ampstart-dropdown header{
  1349.     padding:1rem 0;
  1350.     margin:0}
  1351.   .ampstart-sidebar .ampstart-social-follow{
  1352.     margin-top:1rem}
  1353.   .ampstart-dropdown>section>header:after{
  1354.     color:#B60845;
  1355.     padding:0 0 0 .5rem}
  1356.   .ampstart-sidebar{
  1357.     width:340px}
  1358.   .ampstart-input>label{
  1359.     color:#b60845}
  1360.   .ampstart-input>label:after{
  1361.     background:#b60845}
  1362.   .ampstart-input input[type=checkbox],.ampstart-input input[type=radio]{
  1363.     border:1px solid #b60845}
  1364.   .ampstart-input input[type=checkbox]:after,.ampstart-input input[type=checkbox]:checked,.ampstart-input input[type=checkbox]:checked:after,.ampstart-input input[type=radio]:after,.ampstart-input input[type=radio]:checked{
  1365.     background:0 0}
  1366.   .ampstart-input input[type=radio]:checked:after{
  1367.     background:#b60845}
  1368.   .ampstart-btn.disabled{
  1369.     pointer-events:none;
  1370.     opacity:.5}
  1371.   .ampstart-btn,.ampstart-btn[disabled],.ampstart-btn[disabled]:focus,.ampstart-btn[disabled]:hover,a.ampstart-btn,a.ampstart-btn[disabled],a.ampstart-btn[disabled]:focus,a.ampstart-btn[disabled]:hover{
  1372.     color:#b60845;
  1373.     border:1px solid #b60845}
  1374.   .ampstart-btn:active,.ampstart-btn:focus,.ampstart-btn:hover,a.ampstart-btn:active,a.ampstart-btn:focus,a.ampstart-btn:hover{
  1375.     color:#db004d;
  1376.     border:1px solid #db004d}
  1377.   .ampstart-btn-secondary:active,.ampstart-btn-secondary:focus,.ampstart-btn-secondary:hover,a.ampstart-btn-secondary:active,a.ampstart-btn-secondary:focus,a.ampstart-btn-secondary:hover{
  1378.     color:#fff;
  1379.     background:#db004d;
  1380.     border:1px solid #fff}
  1381.   .ampstart-btn-secondary,.ampstart-btn-secondary[disabled],.ampstart-btn-secondary[disabled]:focus,.ampstart-btn-secondary[disabled]:hover,a.ampstart-btn-secondary,a.ampstart-btn-secondary.disabled,a.ampstart-btn-secondary.disabled:focus,a.ampstart-btn-secondary.disabled:hover{
  1382.     color:#fff;
  1383.     background:#b60845;
  1384.     border:1px solid #fff}
  1385.   body{
  1386.     background:#f9f7f7;
  1387.     opacity:.8}
  1388.   #abe-preview-header{
  1389.     background:#fff;
  1390.     color:#000;
  1391.     height:56px;
  1392.     width:100vw}
  1393.   #abe-preview-header>a{
  1394.     line-height:16px}
  1395.   #abe-preview-header-title{
  1396.     width:100%}
  1397.   #abe-preview{
  1398.     background:#fff;
  1399.     min-height:100vh;
  1400.     width:100vw;
  1401.     margin:56px auto 0;
  1402.     max-width:960px}
  1403.   form.amp-form-submit-success [submit-success],  form.amp-form-submit-error [submit-error]{
  1404.     margin-top: 16px;
  1405.   }
  1406.   form.amp-form-submit-success [submit-success] {
  1407.     color: green;
  1408.   }
  1409.   form.amp-form-submit-error [submit-error] {
  1410.     color: red;
  1411.   }
  1412.   form.amp-form-submit-success.hide-inputs > input {
  1413.     display: none;
  1414.   }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!