oo-loop 0.5.1 → 0.6.1

package/dist/loop.min.css

@@ -1 +1 @@
-/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::after,*::before{box-sizing:border-box}html{font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}body{color:#333;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:400;line-height:1.5;background-color:#fff}h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){h1{font-size:4.6rem}}.h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){.h1{font-size:4.6rem}}h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){h2{font-size:3.8rem}}.h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){.h2{font-size:3.8rem}}h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}.h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}.h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}h5{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.8rem}h6{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.6rem}p,ul,ol,dl{margin-top:0;margin-bottom:1.8rem}a{color:#6cd7f7;text-decoration:none}a:focus,a:hover{color:rgb(49.9587096774,199.2064516129,243.8412903226);text-decoration:none}ul,ol{padding-left:18px}ul li,ol li{margin-bottom:.2em}ul>ul,ul ol,ol>ul,ol ol{margin-top:.3em;margin-bottom:.5em}dt{font-weight:700}dd{margin-left:auto}dd+dt{margin-top:.5em}mark{color:inherit;background-color:#ffc}hr,.hr{margin-top:1.5rem;margin-bottom:1.5rem;display:block;border:none;border-bottom:1px solid #cdcdcd}[oo-grid~=layout]{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:2.4rem}[oo-grid*=col],[oo-grid*=row]{min-width:0}[oo-grid~=col-1]{grid-column:span 1}[oo-grid~=row-1]{grid-row:span 1}[oo-grid~=col-2]{grid-column:span 2}[oo-grid~=row-2]{grid-row:span 2}[oo-grid~=col-3]{grid-column:span 3}[oo-grid~=row-3]{grid-row:span 3}[oo-grid~=col-4]{grid-column:span 4}[oo-grid~=row-4]{grid-row:span 4}[oo-grid~=col-5]{grid-column:span 5}[oo-grid~=row-5]{grid-row:span 5}[oo-grid~=col-6]{grid-column:span 6}[oo-grid~=row-6]{grid-row:span 6}[oo-grid~=col-7]{grid-column:span 7}[oo-grid~=row-7]{grid-row:span 7}[oo-grid~=col-8]{grid-column:span 8}[oo-grid~=row-8]{grid-row:span 8}[oo-grid~=col-9]{grid-column:span 9}[oo-grid~=row-9]{grid-row:span 9}[oo-grid~=col-10]{grid-column:span 10}[oo-grid~=row-10]{grid-row:span 10}[oo-grid~=col-11]{grid-column:span 11}[oo-grid~=row-11]{grid-row:span 11}[oo-grid~=col-12]{grid-column:span 12}[oo-grid~=row-12]{grid-row:span 12}@media(min-width: 600px){[oo-grid~="col-1@sm"]{grid-column:span 1}[oo-grid~="row-1@sm"]{grid-row:span 1}[oo-grid~="col-2@sm"]{grid-column:span 2}[oo-grid~="row-2@sm"]{grid-row:span 2}[oo-grid~="col-3@sm"]{grid-column:span 3}[oo-grid~="row-3@sm"]{grid-row:span 3}[oo-grid~="col-4@sm"]{grid-column:span 4}[oo-grid~="row-4@sm"]{grid-row:span 4}[oo-grid~="col-5@sm"]{grid-column:span 5}[oo-grid~="row-5@sm"]{grid-row:span 5}[oo-grid~="col-6@sm"]{grid-column:span 6}[oo-grid~="row-6@sm"]{grid-row:span 6}[oo-grid~="col-7@sm"]{grid-column:span 7}[oo-grid~="row-7@sm"]{grid-row:span 7}[oo-grid~="col-8@sm"]{grid-column:span 8}[oo-grid~="row-8@sm"]{grid-row:span 8}[oo-grid~="col-9@sm"]{grid-column:span 9}[oo-grid~="row-9@sm"]{grid-row:span 9}[oo-grid~="col-10@sm"]{grid-column:span 10}[oo-grid~="row-10@sm"]{grid-row:span 10}[oo-grid~="col-11@sm"]{grid-column:span 11}[oo-grid~="row-11@sm"]{grid-row:span 11}[oo-grid~="col-12@sm"]{grid-column:span 12}[oo-grid~="row-12@sm"]{grid-row:span 12}}@media(min-width: 960px){[oo-grid~="col-1@md"]{grid-column:span 1}[oo-grid~="row-1@md"]{grid-row:span 1}[oo-grid~="col-2@md"]{grid-column:span 2}[oo-grid~="row-2@md"]{grid-row:span 2}[oo-grid~="col-3@md"]{grid-column:span 3}[oo-grid~="row-3@md"]{grid-row:span 3}[oo-grid~="col-4@md"]{grid-column:span 4}[oo-grid~="row-4@md"]{grid-row:span 4}[oo-grid~="col-5@md"]{grid-column:span 5}[oo-grid~="row-5@md"]{grid-row:span 5}[oo-grid~="col-6@md"]{grid-column:span 6}[oo-grid~="row-6@md"]{grid-row:span 6}[oo-grid~="col-7@md"]{grid-column:span 7}[oo-grid~="row-7@md"]{grid-row:span 7}[oo-grid~="col-8@md"]{grid-column:span 8}[oo-grid~="row-8@md"]{grid-row:span 8}[oo-grid~="col-9@md"]{grid-column:span 9}[oo-grid~="row-9@md"]{grid-row:span 9}[oo-grid~="col-10@md"]{grid-column:span 10}[oo-grid~="row-10@md"]{grid-row:span 10}[oo-grid~="col-11@md"]{grid-column:span 11}[oo-grid~="row-11@md"]{grid-row:span 11}[oo-grid~="col-12@md"]{grid-column:span 12}[oo-grid~="row-12@md"]{grid-row:span 12}}@media(min-width: 1280px){[oo-grid~="col-1@lg"]{grid-column:span 1}[oo-grid~="row-1@lg"]{grid-row:span 1}[oo-grid~="col-2@lg"]{grid-column:span 2}[oo-grid~="row-2@lg"]{grid-row:span 2}[oo-grid~="col-3@lg"]{grid-column:span 3}[oo-grid~="row-3@lg"]{grid-row:span 3}[oo-grid~="col-4@lg"]{grid-column:span 4}[oo-grid~="row-4@lg"]{grid-row:span 4}[oo-grid~="col-5@lg"]{grid-column:span 5}[oo-grid~="row-5@lg"]{grid-row:span 5}[oo-grid~="col-6@lg"]{grid-column:span 6}[oo-grid~="row-6@lg"]{grid-row:span 6}[oo-grid~="col-7@lg"]{grid-column:span 7}[oo-grid~="row-7@lg"]{grid-row:span 7}[oo-grid~="col-8@lg"]{grid-column:span 8}[oo-grid~="row-8@lg"]{grid-row:span 8}[oo-grid~="col-9@lg"]{grid-column:span 9}[oo-grid~="row-9@lg"]{grid-row:span 9}[oo-grid~="col-10@lg"]{grid-column:span 10}[oo-grid~="row-10@lg"]{grid-row:span 10}[oo-grid~="col-11@lg"]{grid-column:span 11}[oo-grid~="row-11@lg"]{grid-row:span 11}[oo-grid~="col-12@lg"]{grid-column:span 12}[oo-grid~="row-12@lg"]{grid-row:span 12}}@media(min-width: 600px){[oo-grid~="order-0@sm"]{order:-1}[oo-grid~="order-1@sm"]{order:1}[oo-grid~="order-2@sm"]{order:2}[oo-grid~="order-3@sm"]{order:3}[oo-grid~="order-4@sm"]{order:4}[oo-grid~="order-5@sm"]{order:5}[oo-grid~="order-6@sm"]{order:6}[oo-grid~="order-7@sm"]{order:7}[oo-grid~="order-8@sm"]{order:8}[oo-grid~="order-9@sm"]{order:9}[oo-grid~="order-10@sm"]{order:10}[oo-grid~="order-11@sm"]{order:11}[oo-grid~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-grid~="order-0@md"]{order:-1}[oo-grid~="order-1@md"]{order:1}[oo-grid~="order-2@md"]{order:2}[oo-grid~="order-3@md"]{order:3}[oo-grid~="order-4@md"]{order:4}[oo-grid~="order-5@md"]{order:5}[oo-grid~="order-6@md"]{order:6}[oo-grid~="order-7@md"]{order:7}[oo-grid~="order-8@md"]{order:8}[oo-grid~="order-9@md"]{order:9}[oo-grid~="order-10@md"]{order:10}[oo-grid~="order-11@md"]{order:11}[oo-grid~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-grid~="order-0@lg"]{order:-1}[oo-grid~="order-1@lg"]{order:1}[oo-grid~="order-2@lg"]{order:2}[oo-grid~="order-3@lg"]{order:3}[oo-grid~="order-4@lg"]{order:4}[oo-grid~="order-5@lg"]{order:5}[oo-grid~="order-6@lg"]{order:6}[oo-grid~="order-7@lg"]{order:7}[oo-grid~="order-8@lg"]{order:8}[oo-grid~="order-9@lg"]{order:9}[oo-grid~="order-10@lg"]{order:10}[oo-grid~="order-11@lg"]{order:11}[oo-grid~="order-12@lg"]{order:12}}[oo-grid~=gap-less]{grid-gap:0}[oo-grid~=gap-small]{grid-gap:1.6rem}[oo-grid~=v-gap-less]{grid-row-gap:0}[oo-grid~=v-gap-small]{grid-row-gap:1.6rem}[oo-column~=row]{position:relative;left:-2.4rem;margin-right:-2.4rem;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}[oo-column*=col]{padding-left:2.4rem;padding-bottom:2.4rem;flex-shrink:0;flex-grow:1;flex-basis:0;min-width:0;max-width:100%}[oo-column~=col]{flex-basis:0;max-width:100%}[oo-column~=col-1]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~=col-2]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~=col-3]{flex-basis:25%;max-width:25%}[oo-column~=col-4]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~=col-5]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~=col-6]{flex-basis:50%;max-width:50%}[oo-column~=col-7]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~=col-8]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~=col-9]{flex-basis:75%;max-width:75%}[oo-column~=col-10]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~=col-11]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~=col-12]{flex-basis:100%;max-width:100%}[oo-column~=self-adjust]{min-width:auto;flex-grow:0;flex-basis:auto}[oo-column~=align-left]{justify-content:flex-start}[oo-column~=align-center]{justify-content:center}[oo-column~=align-right]{justify-content:flex-end}[oo-column~=align-evenly]{justify-content:space-evenly}[oo-column~=align-between]{justify-content:space-between}[oo-column~=align-top]{align-items:flex-start}[oo-column~=align-middle]{align-items:center}[oo-column~=align-bottom]{align-items:flex-end}[oo-column~=self-align-left]{margin-left:initial;margin-right:initial}[oo-column~=self-align-center]{margin-left:auto;margin-right:auto}[oo-column~=self-align-right]{margin-left:auto;margin-right:initial}[oo-column~=self-align-top]{align-self:flex-start}[oo-column~=self-align-middle]{align-self:center}[oo-column~=self-align-bottom]{align-self:flex-end}@media(min-width: 600px){[oo-column~="col@sm"]{flex-basis:0;max-width:100%}[oo-column~="col-1@sm"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@sm"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@sm"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@sm"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@sm"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@sm"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@sm"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@sm"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@sm"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@sm"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@sm"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@sm"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@sm"]{justify-content:flex-start}[oo-column~="align-center@sm"]{justify-content:center}[oo-column~="align-right@sm"]{justify-content:flex-end}[oo-column~="align-evenly@sm"]{justify-content:space-evenly}[oo-column~="align-between@sm"]{justify-content:space-between}[oo-column~="align-top@sm"]{align-items:flex-start}[oo-column~="align-middle@sm"]{align-items:center}[oo-column~="align-bottom@sm"]{align-items:flex-end}[oo-column~="self-align-left@sm"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@sm"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@sm"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@sm"]{align-self:flex-start}[oo-column~="self-align-middle@sm"]{align-self:center}[oo-column~="self-align-bottom@sm"]{align-self:flex-end}}@media(min-width: 960px){[oo-column~="col@md"]{flex-basis:0;max-width:100%}[oo-column~="col-1@md"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@md"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@md"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@md"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@md"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@md"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@md"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@md"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@md"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@md"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@md"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@md"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@md"]{justify-content:flex-start}[oo-column~="align-center@md"]{justify-content:center}[oo-column~="align-right@md"]{justify-content:flex-end}[oo-column~="align-evenly@md"]{justify-content:space-evenly}[oo-column~="align-between@md"]{justify-content:space-between}[oo-column~="align-top@md"]{align-items:flex-start}[oo-column~="align-middle@md"]{align-items:center}[oo-column~="align-bottom@md"]{align-items:flex-end}[oo-column~="self-align-left@md"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@md"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@md"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@md"]{align-self:flex-start}[oo-column~="self-align-middle@md"]{align-self:center}[oo-column~="self-align-bottom@md"]{align-self:flex-end}}@media(min-width: 1280px){[oo-column~="col@lg"]{flex-basis:0;max-width:100%}[oo-column~="col-1@lg"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@lg"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@lg"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@lg"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@lg"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@lg"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@lg"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@lg"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@lg"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@lg"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@lg"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@lg"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@lg"]{justify-content:flex-start}[oo-column~="align-center@lg"]{justify-content:center}[oo-column~="align-right@lg"]{justify-content:flex-end}[oo-column~="align-evenly@lg"]{justify-content:space-evenly}[oo-column~="align-between@lg"]{justify-content:space-between}[oo-column~="align-top@lg"]{align-items:flex-start}[oo-column~="align-middle@lg"]{align-items:center}[oo-column~="align-bottom@lg"]{align-items:flex-end}[oo-column~="self-align-left@lg"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@lg"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@lg"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@lg"]{align-self:flex-start}[oo-column~="self-align-middle@lg"]{align-self:center}[oo-column~="self-align-bottom@lg"]{align-self:flex-end}}[oo-column*=child-align-]>*{display:flex;flex-direction:column}[oo-column~=child-align-left]>*{align-items:flex-start}[oo-column~=child-align-center]>*{align-items:center}[oo-column~=child-align-right]>*{align-items:flex-end}[oo-column~=child-align-top]>*{justify-content:flex-start}[oo-column~=child-align-middle]>*{justify-content:center}[oo-column~=child-align-bottom]>*{justify-content:flex-end}@media(min-width: 600px){[oo-column~="order-0@sm"]{order:-1}[oo-column~="order-1@sm"]{order:1}[oo-column~="order-2@sm"]{order:2}[oo-column~="order-3@sm"]{order:3}[oo-column~="order-4@sm"]{order:4}[oo-column~="order-5@sm"]{order:5}[oo-column~="order-6@sm"]{order:6}[oo-column~="order-7@sm"]{order:7}[oo-column~="order-8@sm"]{order:8}[oo-column~="order-9@sm"]{order:9}[oo-column~="order-10@sm"]{order:10}[oo-column~="order-11@sm"]{order:11}[oo-column~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-column~="order-0@md"]{order:-1}[oo-column~="order-1@md"]{order:1}[oo-column~="order-2@md"]{order:2}[oo-column~="order-3@md"]{order:3}[oo-column~="order-4@md"]{order:4}[oo-column~="order-5@md"]{order:5}[oo-column~="order-6@md"]{order:6}[oo-column~="order-7@md"]{order:7}[oo-column~="order-8@md"]{order:8}[oo-column~="order-9@md"]{order:9}[oo-column~="order-10@md"]{order:10}[oo-column~="order-11@md"]{order:11}[oo-column~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-column~="order-0@lg"]{order:-1}[oo-column~="order-1@lg"]{order:1}[oo-column~="order-2@lg"]{order:2}[oo-column~="order-3@lg"]{order:3}[oo-column~="order-4@lg"]{order:4}[oo-column~="order-5@lg"]{order:5}[oo-column~="order-6@lg"]{order:6}[oo-column~="order-7@lg"]{order:7}[oo-column~="order-8@lg"]{order:8}[oo-column~="order-9@lg"]{order:9}[oo-column~="order-10@lg"]{order:10}[oo-column~="order-11@lg"]{order:11}[oo-column~="order-12@lg"]{order:12}}[oo-column~=stretch]{align-items:stretch}[oo-column~=stretch]>[oo-column*=col]{display:flex}[oo-column~=stretch]>[oo-column*=col]>*{width:100%}[oo-column~=gutter-less]{left:-0;margin-right:-0}[oo-column~=gutter-less]>[oo-column*=col]{padding-bottom:0;padding-left:0}[oo-column~=gutter-small]{left:-1.6rem;margin-right:-1.6rem}[oo-column~=gutter-small]>[oo-column*=col]{padding-bottom:1.6rem;padding-left:1.6rem}[oo-column~=v-gutter-less]>[oo-column*=col]{padding-bottom:0}[oo-column~=v-gutter-small]>[oo-column*=col]{padding-bottom:1.6rem}[oo-column~=clear]{flex-basis:100%;max-width:100%}[oo-button]{padding:.415em 1.2em;display:inline-block;color:#333;line-height:1.4;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:700;text-align:center;text-decoration:none !important;vertical-align:middle;border:1px solid #eee;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 #999;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-button]:focus{outline:none}[oo-button]:hover,[oo-button]:focus{color:#333;background-color:hsl(0,0%,90%)}[oo-button]:active{background-color:hsl(0,0%,88%);box-shadow:inset 1px 1px 1px 0 #ccc}[oo-button].full{padding-left:2px;padding-right:2px}[oo-button~=primary]{color:#fff;background-color:#6cd7f7;border-color:#6cd7f7}[oo-button~=primary]:hover,[oo-button~=primary]:focus{color:#fff;border-color:rgb(59.6322580645,201.8387096774,244.3677419355);background-color:rgb(59.6322580645,201.8387096774,244.3677419355)}[oo-button~=primary]:active{border-color:rgb(49.9587096774,199.2064516129,243.8412903226);background-color:rgb(49.9587096774,199.2064516129,243.8412903226);box-shadow:inset 1px 1px 1px 0 rgb(11.7419354839,168.7903225806,215.7580645161)}[oo-button~=secondary]{color:#fff;background-color:#254f67;border-color:#254f67}[oo-button~=secondary]:hover,[oo-button~=secondary]:focus{color:#fff;border-color:rgb(23.5214285714,50.2214285714,65.4785714286);background-color:rgb(23.5214285714,50.2214285714,65.4785714286)}[oo-button~=secondary]:active{border-color:rgb(20.8257142857,44.4657142857,57.9742857143);background-color:rgb(20.8257142857,44.4657142857,57.9742857143);box-shadow:inset 1px 1px 1px 0 rgb(3.3035714286,7.0535714286,9.1964285714)}[oo-button~=outline]{background-color:rgba(0,0,0,0);color:#333;box-shadow:none}[oo-button~=outline][oo-button~=primary]{border-color:#6cd7f7}[oo-button~=outline][oo-button~=primary]:hover,[oo-button~=outline][oo-button~=primary]:focus{color:#fff;border-color:rgb(59.6322580645,201.8387096774,244.3677419355);background-color:rgb(59.6322580645,201.8387096774,244.3677419355)}[oo-button~=outline][oo-button~=primary]:active{color:#fff;border-color:rgb(49.9587096774,199.2064516129,243.8412903226);background-color:rgb(49.9587096774,199.2064516129,243.8412903226);box-shadow:inset 1px 1px 1px 0 rgb(11.7419354839,168.7903225806,215.7580645161)}[oo-button~=outline][oo-button~=secondary]{border-color:#254f67}[oo-button~=outline][oo-button~=secondary]:hover,[oo-button~=outline][oo-button~=secondary]:focus{color:#fff;border-color:rgb(23.5214285714,50.2214285714,65.4785714286);background-color:rgb(23.5214285714,50.2214285714,65.4785714286)}[oo-button~=outline][oo-button~=secondary]:active{color:#fff;border-color:rgb(20.8257142857,44.4657142857,57.9742857143);background-color:rgb(20.8257142857,44.4657142857,57.9742857143);box-shadow:inset 1px 1px 1px 0 rgb(3.3035714286,7.0535714286,9.1964285714)}[oo-form~=toggle]:focus+label::after,[oo-form~=radio]:focus+label::after,[oo-form~=checkbox]:focus+label::after,[oo-form~=select]>select:focus,[oo-form~=input]:focus{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=select]>select,[oo-form~=input]{padding:.5em .625em;display:block;width:100%;max-width:100%;min-height:2.5em;color:#4d4d4d;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-style:normal;line-height:1.15;border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-form~=select]>select:focus,[oo-form~=input]:focus{outline:none}label{font-weight:500}label+[oo-form~=input],label+[oo-form~=select]{margin-top:.3rem}[oo-form~=select]{position:relative;display:block;min-height:2.5em;font-size:1.6rem;line-height:1.15}[oo-form~=select]::before{position:absolute;top:0;right:0;bottom:0;content:"";border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-top-right-radius:.2em;border-bottom-right-radius:.2em;pointer-events:none}[oo-form~=select]::after{position:absolute;top:50%;content:"";border-bottom-style:solid;border-right-style:solid;pointer-events:none;transform:rotateZ(45deg) translate3d(-50%, -50%, 0)}[oo-form~=select]::before{width:30px}[oo-form~=select]::after{right:10px;width:10px;height:10px}[oo-form~=select]::after{border-bottom-width:2px;border-right-width:2px}[oo-form~=select]::before{background-color:#fff}[oo-form~=select]::after{border-bottom-color:#4d4d4d;border-right-color:#4d4d4d}[oo-form~=select]>select{margin:0;height:100%;font-size:inherit;appearance:none}[oo-form~=select]>select::-ms-expand{display:none}[oo-form~=select][class*=color-]>select{color:inherit !important}[oo-form~=select][class*=bg-]>select{background-color:inherit !important}[oo-form~=select][class*=border-]>select,[oo-form~=select][class*=border-]::before{border-color:inherit !important}[oo-form~=checkbox]{position:absolute;opacity:0}[oo-form~=checkbox]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=checkbox]+label::before{position:absolute;content:"";border-right-color:rgba(0,0,0,0);border-right-style:solid;border-bottom-color:rgba(0,0,0,0);border-bottom-style:solid;transform:rotateZ(40deg);transition:border 200ms ease-in-out,min-width 200ms ease-in-out,min-height 200ms ease-in-out}[oo-form~=checkbox]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out}[oo-form~=checkbox]:checked+label::before{border-right-color:#4d4d4d;border-bottom-color:#4d4d4d;box-shadow:1px 1px 2px #fff}[oo-form~=checkbox]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=checkbox]+label::before{left:.612rem;min-width:1.44rem;min-height:2.16rem;border-right-width:.432rem;border-bottom-width:.432rem}[oo-form~=checkbox]+label::after{margin-right:.6rem;min-width:1.8rem;min-height:1.8rem}[oo-form~=checkbox]+label+[oo-form~=checkbox]+label{margin-top:.6rem}[oo-form~=checkbox]:checked+label::before{min-width:.72rem;min-height:1.08rem;border-right-width:.216rem;border-bottom-width:.216rem}[oo-form~=checkbox][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=checkbox][class*=border-secondary]+label::after{border-color:#254F67 !important}[oo-form~=radio]{position:absolute;opacity:0}[oo-form~=radio]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=radio]+label::before{position:absolute;top:0;left:0;content:"";border-radius:50%;transform:scale(1.5);transition:transform 300ms ease-in-out,background-color 300ms ease-in-out}[oo-form~=radio]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3)}[oo-form~=radio]:checked+label::before{background-color:#4d4d4d;transform:scale(0.5)}[oo-form~=radio]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=radio]+label::after{margin-right:.6rem}[oo-form~=radio]+label+[oo-form~=radio]+label{margin-top:.6rem}[oo-form~=radio]+label::after,[oo-form~=radio]:checked+label::before{min-width:1.8rem;min-height:1.8rem}[oo-form~=radio][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=radio][class*=border-secondary]+label::after{border-color:#254F67 !important}[oo-form~=toggle]{position:absolute;opacity:0}[oo-form~=toggle]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=toggle]+label::before{position:absolute;left:0;content:"";border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:transform 300ms ease-out}[oo-form~=toggle]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50em;background-color:#d6d6d6;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out}[oo-form~=toggle]:checked+label::after{background-color:#4d4d4d;border-color:#4d4d4d}[oo-form~=toggle]+label::before{top:calc(50% - .84rem);min-width:1.68rem;height:1.68rem;transform:translate3d(0.48rem, 0, 0)}[oo-form~=toggle]+label::after{margin-right:.8rem;min-width:4.32rem;min-height:2.4rem}[oo-form~=toggle]+label+[oo-form~=toggle]+label{margin-top:.8rem}[oo-form~=toggle]:checked+label::before{transform:translate3d(calc(80% + 2.4rem * 0.35), 0, 0)}[oo-form~=toggle] [oo-form~=labelless]+label::after{margin-right:0}.color-primary{color:#6cd7f7 !important}.color-secondary{color:#254F67 !important}.bg-primary{background-color:#6cd7f7}.bg-secondary{background-color:#254F67}.border-primary{border-color:#6cd7f7 !important}.border-secondary{border-color:#254F67 !important}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-right:1.6rem;padding-left:1.6rem;display:block;max-width:1080px}@media(min-width: 600px){.container,.container-fluid{padding-left:2.4rem;padding-right:2.4rem}}.container-fluid{max-width:none}.float-left{float:left !important}.float-right{float:right !important}@media(min-width: 600px){.float-left\@sm{float:left !important}.float-right\@sm{float:right !important}}@media(min-width: 960px){.float-left\@md{float:left !important}.float-right\@md{float:right !important}}@media(min-width: 1280px){.float-left\@lg{float:left !important}.float-right\@lg{float:right !important}}.clearfix::before,.clearfix::after{display:block;content:"";clear:both}.clear{clear:both}ul.list-center,ol.list-center{text-align:center;padding-left:0;list-style-position:inside}.list-unstyle{padding-left:0;list-style:none}.list-unstyle ul{padding-left:40px}.list-unstyle .list-unstyle{padding-left:1em}.list-inline{padding-left:0;list-style:none}.list-inline>li{margin-bottom:0;display:inline-block}.list-inline>li:not(:last-child){margin-right:1em}.list-divide{padding-left:0;list-style:none;display:flex;flex-flow:wrap}.list-divide>li{margin-bottom:0;display:flex;align-items:center}.list-divide>li:not(:last-child)::after{padding-left:.5em;padding-right:.5em;display:inline-block;content:"|";color:#cdcdcd;font-size:1.2em}.list-divide>li:last-child::after{display:inline-block;content:"|";font-size:1.2em;visibility:hidden}.list-divide.list-center{justify-content:center}.bordered{border-width:1px !important;border-style:solid !important}.rounded{border-radius:50em !important}.center-block{margin-left:auto;margin-right:auto}.full{width:100% !important}.responsive{max-width:100%;height:auto}.mt-0{margin-top:0rem !important}.mt-5{margin-top:0.5rem !important}.mt-10{margin-top:1rem !important}.mt-15{margin-top:1.5rem !important}.mt-20{margin-top:2rem !important}.mt-25{margin-top:2.5rem !important}.mt-30{margin-top:3rem !important}.mt-35{margin-top:3.5rem !important}.mt-40{margin-top:4rem !important}.mt-45{margin-top:4.5rem !important}.mt-50{margin-top:5rem !important}.mb-0{margin-bottom:0rem !important}.mb-5{margin-bottom:0.5rem !important}.mb-10{margin-bottom:1rem !important}.mb-15{margin-bottom:1.5rem !important}.mb-20{margin-bottom:2rem !important}.mb-25{margin-bottom:2.5rem !important}.mb-30{margin-bottom:3rem !important}.mb-35{margin-bottom:3.5rem !important}.mb-40{margin-bottom:4rem !important}.mb-45{margin-bottom:4.5rem !important}.mb-50{margin-bottom:5rem !important}.ml-0{margin-left:0rem !important}.ml-5{margin-left:0.5rem !important}.ml-10{margin-left:1rem !important}.ml-15{margin-left:1.5rem !important}.ml-20{margin-left:2rem !important}.ml-25{margin-left:2.5rem !important}.mr-0{margin-right:0rem !important}.mr-5{margin-right:0.5rem !important}.mr-10{margin-right:1rem !important}.mr-15{margin-right:1.5rem !important}.mr-20{margin-right:2rem !important}.mr-25{margin-right:2.5rem !important}.text-large{font-size:2rem !important}.text-small{font-size:1.4rem !important}.text-tiny{font-size:1.2rem !important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.letter-spacing-narrow{letter-spacing:-0.05rem}.letter-spacing-wide{letter-spacing:0.05rem}.font-italic{font-style:italic}.font-light{font-weight:300}.font-bold{font-weight:700}.font-primary{font-family:Helvetica Neue, Helvetica, Arial, sans-serif}.font-secondary{font-family:Georgia, times, serif}.hidden{display:none !important}@media print{.hidden\@print{display:none !important}}@media screen{.hidden\@screen{display:none !important}}@media(min-width: 600px){.hidden\@sm{display:none !important}}@media(min-width: 960px){.hidden\@md{display:none !important}}@media(min-width: 1280px){.hidden\@lg{display:none !important}}@media(max-width: 599px){.hidden\!\@sm{display:none !important}}@media(max-width: 959px){.hidden\!\@md{display:none !important}}@media(max-width: 1279px){.hidden\!\@lg{display:none !important}}.wrapper-tiny{padding:0.8rem}.wrapper-small{padding:1.6rem}.wrapper-medium{padding:2.4rem}
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::after,*::before{box-sizing:border-box}html{font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}body{color:#333;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:400;line-height:1.5;background-color:#fff}h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){h1{font-size:4.6rem}}.h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){.h1{font-size:4.6rem}}h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){h2{font-size:3.8rem}}.h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){.h2{font-size:3.8rem}}h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}.h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}.h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}h5{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.8rem}h6{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.6rem}p,ul,ol,dl{margin-top:0;margin-bottom:1.8rem}a{color:#6cd7f7;text-decoration:none}a:focus,a:hover{color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);text-decoration:none}ul,ol{padding-left:18px}ul li,ol li{margin-bottom:.2em}ul>ul,ul ol,ol>ul,ol ol{margin-top:.3em;margin-bottom:.5em}dt{font-weight:700}dd{margin-left:auto}dd+dt{margin-top:.5em}mark{color:inherit;background-color:#ffc}hr,.hr{margin-top:1.5rem;margin-bottom:1.5rem;display:block;border:none;border-bottom:1px solid #cdcdcd}[oo-grid~=layout]{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:2.4rem}[oo-grid*=col],[oo-grid*=row]{min-width:0}[oo-grid~=col-1]{grid-column:span 1}[oo-grid~=row-1]{grid-row:span 1}[oo-grid~=col-2]{grid-column:span 2}[oo-grid~=row-2]{grid-row:span 2}[oo-grid~=col-3]{grid-column:span 3}[oo-grid~=row-3]{grid-row:span 3}[oo-grid~=col-4]{grid-column:span 4}[oo-grid~=row-4]{grid-row:span 4}[oo-grid~=col-5]{grid-column:span 5}[oo-grid~=row-5]{grid-row:span 5}[oo-grid~=col-6]{grid-column:span 6}[oo-grid~=row-6]{grid-row:span 6}[oo-grid~=col-7]{grid-column:span 7}[oo-grid~=row-7]{grid-row:span 7}[oo-grid~=col-8]{grid-column:span 8}[oo-grid~=row-8]{grid-row:span 8}[oo-grid~=col-9]{grid-column:span 9}[oo-grid~=row-9]{grid-row:span 9}[oo-grid~=col-10]{grid-column:span 10}[oo-grid~=row-10]{grid-row:span 10}[oo-grid~=col-11]{grid-column:span 11}[oo-grid~=row-11]{grid-row:span 11}[oo-grid~=col-12]{grid-column:span 12}[oo-grid~=row-12]{grid-row:span 12}@media(min-width: 600px){[oo-grid~="col-1@sm"]{grid-column:span 1}[oo-grid~="row-1@sm"]{grid-row:span 1}[oo-grid~="col-2@sm"]{grid-column:span 2}[oo-grid~="row-2@sm"]{grid-row:span 2}[oo-grid~="col-3@sm"]{grid-column:span 3}[oo-grid~="row-3@sm"]{grid-row:span 3}[oo-grid~="col-4@sm"]{grid-column:span 4}[oo-grid~="row-4@sm"]{grid-row:span 4}[oo-grid~="col-5@sm"]{grid-column:span 5}[oo-grid~="row-5@sm"]{grid-row:span 5}[oo-grid~="col-6@sm"]{grid-column:span 6}[oo-grid~="row-6@sm"]{grid-row:span 6}[oo-grid~="col-7@sm"]{grid-column:span 7}[oo-grid~="row-7@sm"]{grid-row:span 7}[oo-grid~="col-8@sm"]{grid-column:span 8}[oo-grid~="row-8@sm"]{grid-row:span 8}[oo-grid~="col-9@sm"]{grid-column:span 9}[oo-grid~="row-9@sm"]{grid-row:span 9}[oo-grid~="col-10@sm"]{grid-column:span 10}[oo-grid~="row-10@sm"]{grid-row:span 10}[oo-grid~="col-11@sm"]{grid-column:span 11}[oo-grid~="row-11@sm"]{grid-row:span 11}[oo-grid~="col-12@sm"]{grid-column:span 12}[oo-grid~="row-12@sm"]{grid-row:span 12}}@media(min-width: 960px){[oo-grid~="col-1@md"]{grid-column:span 1}[oo-grid~="row-1@md"]{grid-row:span 1}[oo-grid~="col-2@md"]{grid-column:span 2}[oo-grid~="row-2@md"]{grid-row:span 2}[oo-grid~="col-3@md"]{grid-column:span 3}[oo-grid~="row-3@md"]{grid-row:span 3}[oo-grid~="col-4@md"]{grid-column:span 4}[oo-grid~="row-4@md"]{grid-row:span 4}[oo-grid~="col-5@md"]{grid-column:span 5}[oo-grid~="row-5@md"]{grid-row:span 5}[oo-grid~="col-6@md"]{grid-column:span 6}[oo-grid~="row-6@md"]{grid-row:span 6}[oo-grid~="col-7@md"]{grid-column:span 7}[oo-grid~="row-7@md"]{grid-row:span 7}[oo-grid~="col-8@md"]{grid-column:span 8}[oo-grid~="row-8@md"]{grid-row:span 8}[oo-grid~="col-9@md"]{grid-column:span 9}[oo-grid~="row-9@md"]{grid-row:span 9}[oo-grid~="col-10@md"]{grid-column:span 10}[oo-grid~="row-10@md"]{grid-row:span 10}[oo-grid~="col-11@md"]{grid-column:span 11}[oo-grid~="row-11@md"]{grid-row:span 11}[oo-grid~="col-12@md"]{grid-column:span 12}[oo-grid~="row-12@md"]{grid-row:span 12}}@media(min-width: 1280px){[oo-grid~="col-1@lg"]{grid-column:span 1}[oo-grid~="row-1@lg"]{grid-row:span 1}[oo-grid~="col-2@lg"]{grid-column:span 2}[oo-grid~="row-2@lg"]{grid-row:span 2}[oo-grid~="col-3@lg"]{grid-column:span 3}[oo-grid~="row-3@lg"]{grid-row:span 3}[oo-grid~="col-4@lg"]{grid-column:span 4}[oo-grid~="row-4@lg"]{grid-row:span 4}[oo-grid~="col-5@lg"]{grid-column:span 5}[oo-grid~="row-5@lg"]{grid-row:span 5}[oo-grid~="col-6@lg"]{grid-column:span 6}[oo-grid~="row-6@lg"]{grid-row:span 6}[oo-grid~="col-7@lg"]{grid-column:span 7}[oo-grid~="row-7@lg"]{grid-row:span 7}[oo-grid~="col-8@lg"]{grid-column:span 8}[oo-grid~="row-8@lg"]{grid-row:span 8}[oo-grid~="col-9@lg"]{grid-column:span 9}[oo-grid~="row-9@lg"]{grid-row:span 9}[oo-grid~="col-10@lg"]{grid-column:span 10}[oo-grid~="row-10@lg"]{grid-row:span 10}[oo-grid~="col-11@lg"]{grid-column:span 11}[oo-grid~="row-11@lg"]{grid-row:span 11}[oo-grid~="col-12@lg"]{grid-column:span 12}[oo-grid~="row-12@lg"]{grid-row:span 12}}@media(min-width: 600px){[oo-grid~="order-0@sm"]{order:-1}[oo-grid~="order-1@sm"]{order:1}[oo-grid~="order-2@sm"]{order:2}[oo-grid~="order-3@sm"]{order:3}[oo-grid~="order-4@sm"]{order:4}[oo-grid~="order-5@sm"]{order:5}[oo-grid~="order-6@sm"]{order:6}[oo-grid~="order-7@sm"]{order:7}[oo-grid~="order-8@sm"]{order:8}[oo-grid~="order-9@sm"]{order:9}[oo-grid~="order-10@sm"]{order:10}[oo-grid~="order-11@sm"]{order:11}[oo-grid~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-grid~="order-0@md"]{order:-1}[oo-grid~="order-1@md"]{order:1}[oo-grid~="order-2@md"]{order:2}[oo-grid~="order-3@md"]{order:3}[oo-grid~="order-4@md"]{order:4}[oo-grid~="order-5@md"]{order:5}[oo-grid~="order-6@md"]{order:6}[oo-grid~="order-7@md"]{order:7}[oo-grid~="order-8@md"]{order:8}[oo-grid~="order-9@md"]{order:9}[oo-grid~="order-10@md"]{order:10}[oo-grid~="order-11@md"]{order:11}[oo-grid~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-grid~="order-0@lg"]{order:-1}[oo-grid~="order-1@lg"]{order:1}[oo-grid~="order-2@lg"]{order:2}[oo-grid~="order-3@lg"]{order:3}[oo-grid~="order-4@lg"]{order:4}[oo-grid~="order-5@lg"]{order:5}[oo-grid~="order-6@lg"]{order:6}[oo-grid~="order-7@lg"]{order:7}[oo-grid~="order-8@lg"]{order:8}[oo-grid~="order-9@lg"]{order:9}[oo-grid~="order-10@lg"]{order:10}[oo-grid~="order-11@lg"]{order:11}[oo-grid~="order-12@lg"]{order:12}}[oo-grid~=gap-less]{grid-gap:0}[oo-grid~=gap-small]{grid-gap:1.6rem}[oo-grid~=v-gap-less]{grid-row-gap:0}[oo-grid~=v-gap-small]{grid-row-gap:1.6rem}[oo-column~=row]{position:relative;left:-2.4rem;margin-right:-2.4rem;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}[oo-column*=col]{padding-left:2.4rem;padding-bottom:2.4rem;flex-shrink:0;flex-grow:1;flex-basis:0;min-width:0;max-width:100%}[oo-column~=col]{flex-basis:0;max-width:100%}[oo-column~=col-1]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~=col-2]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~=col-3]{flex-basis:25%;max-width:25%}[oo-column~=col-4]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~=col-5]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~=col-6]{flex-basis:50%;max-width:50%}[oo-column~=col-7]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~=col-8]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~=col-9]{flex-basis:75%;max-width:75%}[oo-column~=col-10]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~=col-11]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~=col-12]{flex-basis:100%;max-width:100%}[oo-column~=self-adjust]{min-width:auto;flex-grow:0;flex-basis:auto}[oo-column~=align-left]{justify-content:flex-start}[oo-column~=align-center]{justify-content:center}[oo-column~=align-right]{justify-content:flex-end}[oo-column~=align-evenly]{justify-content:space-evenly}[oo-column~=align-between]{justify-content:space-between}[oo-column~=align-top]{align-items:flex-start}[oo-column~=align-middle]{align-items:center}[oo-column~=align-bottom]{align-items:flex-end}[oo-column~=self-align-left]{margin-left:initial;margin-right:initial}[oo-column~=self-align-center]{margin-left:auto;margin-right:auto}[oo-column~=self-align-right]{margin-left:auto;margin-right:initial}[oo-column~=self-align-top]{align-self:flex-start}[oo-column~=self-align-middle]{align-self:center}[oo-column~=self-align-bottom]{align-self:flex-end}@media(min-width: 600px){[oo-column~="col@sm"]{flex-basis:0;max-width:100%}[oo-column~="col-1@sm"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@sm"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@sm"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@sm"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@sm"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@sm"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@sm"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@sm"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@sm"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@sm"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@sm"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@sm"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@sm"]{justify-content:flex-start}[oo-column~="align-center@sm"]{justify-content:center}[oo-column~="align-right@sm"]{justify-content:flex-end}[oo-column~="align-evenly@sm"]{justify-content:space-evenly}[oo-column~="align-between@sm"]{justify-content:space-between}[oo-column~="align-top@sm"]{align-items:flex-start}[oo-column~="align-middle@sm"]{align-items:center}[oo-column~="align-bottom@sm"]{align-items:flex-end}[oo-column~="self-align-left@sm"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@sm"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@sm"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@sm"]{align-self:flex-start}[oo-column~="self-align-middle@sm"]{align-self:center}[oo-column~="self-align-bottom@sm"]{align-self:flex-end}}@media(min-width: 960px){[oo-column~="col@md"]{flex-basis:0;max-width:100%}[oo-column~="col-1@md"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@md"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@md"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@md"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@md"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@md"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@md"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@md"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@md"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@md"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@md"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@md"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@md"]{justify-content:flex-start}[oo-column~="align-center@md"]{justify-content:center}[oo-column~="align-right@md"]{justify-content:flex-end}[oo-column~="align-evenly@md"]{justify-content:space-evenly}[oo-column~="align-between@md"]{justify-content:space-between}[oo-column~="align-top@md"]{align-items:flex-start}[oo-column~="align-middle@md"]{align-items:center}[oo-column~="align-bottom@md"]{align-items:flex-end}[oo-column~="self-align-left@md"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@md"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@md"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@md"]{align-self:flex-start}[oo-column~="self-align-middle@md"]{align-self:center}[oo-column~="self-align-bottom@md"]{align-self:flex-end}}@media(min-width: 1280px){[oo-column~="col@lg"]{flex-basis:0;max-width:100%}[oo-column~="col-1@lg"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@lg"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@lg"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@lg"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@lg"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@lg"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@lg"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@lg"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@lg"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@lg"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@lg"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@lg"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@lg"]{justify-content:flex-start}[oo-column~="align-center@lg"]{justify-content:center}[oo-column~="align-right@lg"]{justify-content:flex-end}[oo-column~="align-evenly@lg"]{justify-content:space-evenly}[oo-column~="align-between@lg"]{justify-content:space-between}[oo-column~="align-top@lg"]{align-items:flex-start}[oo-column~="align-middle@lg"]{align-items:center}[oo-column~="align-bottom@lg"]{align-items:flex-end}[oo-column~="self-align-left@lg"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@lg"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@lg"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@lg"]{align-self:flex-start}[oo-column~="self-align-middle@lg"]{align-self:center}[oo-column~="self-align-bottom@lg"]{align-self:flex-end}}[oo-column*=child-align-]>*{display:flex;flex-direction:column}[oo-column~=child-align-left]>*{align-items:flex-start}[oo-column~=child-align-center]>*{align-items:center}[oo-column~=child-align-right]>*{align-items:flex-end}[oo-column~=child-align-top]>*{justify-content:flex-start}[oo-column~=child-align-middle]>*{justify-content:center}[oo-column~=child-align-bottom]>*{justify-content:flex-end}@media(min-width: 600px){[oo-column~="order-0@sm"]{order:-1}[oo-column~="order-1@sm"]{order:1}[oo-column~="order-2@sm"]{order:2}[oo-column~="order-3@sm"]{order:3}[oo-column~="order-4@sm"]{order:4}[oo-column~="order-5@sm"]{order:5}[oo-column~="order-6@sm"]{order:6}[oo-column~="order-7@sm"]{order:7}[oo-column~="order-8@sm"]{order:8}[oo-column~="order-9@sm"]{order:9}[oo-column~="order-10@sm"]{order:10}[oo-column~="order-11@sm"]{order:11}[oo-column~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-column~="order-0@md"]{order:-1}[oo-column~="order-1@md"]{order:1}[oo-column~="order-2@md"]{order:2}[oo-column~="order-3@md"]{order:3}[oo-column~="order-4@md"]{order:4}[oo-column~="order-5@md"]{order:5}[oo-column~="order-6@md"]{order:6}[oo-column~="order-7@md"]{order:7}[oo-column~="order-8@md"]{order:8}[oo-column~="order-9@md"]{order:9}[oo-column~="order-10@md"]{order:10}[oo-column~="order-11@md"]{order:11}[oo-column~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-column~="order-0@lg"]{order:-1}[oo-column~="order-1@lg"]{order:1}[oo-column~="order-2@lg"]{order:2}[oo-column~="order-3@lg"]{order:3}[oo-column~="order-4@lg"]{order:4}[oo-column~="order-5@lg"]{order:5}[oo-column~="order-6@lg"]{order:6}[oo-column~="order-7@lg"]{order:7}[oo-column~="order-8@lg"]{order:8}[oo-column~="order-9@lg"]{order:9}[oo-column~="order-10@lg"]{order:10}[oo-column~="order-11@lg"]{order:11}[oo-column~="order-12@lg"]{order:12}}[oo-column~=stretch]{align-items:stretch}[oo-column~=stretch]>[oo-column*=col]{display:flex}[oo-column~=stretch]>[oo-column*=col]>*{width:100%}[oo-column~=gutter-less]{left:-0;margin-right:-0}[oo-column~=gutter-less]>[oo-column*=col]{padding-bottom:0;padding-left:0}[oo-column~=gutter-small]{left:-1.6rem;margin-right:-1.6rem}[oo-column~=gutter-small]>[oo-column*=col]{padding-bottom:1.6rem;padding-left:1.6rem}[oo-column~=v-gutter-less]>[oo-column*=col]{padding-bottom:0}[oo-column~=v-gutter-small]>[oo-column*=col]{padding-bottom:1.6rem}[oo-column~=clear]{flex-basis:100%;max-width:100%}[oo-button]{padding:.415em 1.2em;display:inline-block;color:#333;line-height:1.4;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:700;text-align:center;text-decoration:none !important;vertical-align:middle;border:1px solid #eee;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 #999;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-button]:focus{outline:none}[oo-button]:hover,[oo-button]:focus{color:#333;background-color:hsl(0,0%,90%)}[oo-button]:active{background-color:hsl(0,0%,88%);box-shadow:inset 1px 1px 1px 0 #ccc}[oo-button].full{padding-left:2px;padding-right:2px}[oo-button~=primary]{color:#fff;background-color:#6cd7f7;border-color:#6cd7f7}[oo-button~=primary]:hover,[oo-button~=primary]:focus{color:#fff;border-color:rgb(23.385199241%,79.1524351676%,95.8304870335%);background-color:rgb(23.385199241%,79.1524351676%,95.8304870335%)}[oo-button~=primary]:active{border-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);background-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);box-shadow:inset 1px 1px 1px 0 rgb(4.6046805819%,66.192283365%,84.6110056926%)}[oo-button~=secondary]{color:#fff;background-color:#254f67;border-color:#254f67}[oo-button~=secondary]:hover,[oo-button~=secondary]:focus{color:#fff;border-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%);background-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%)}[oo-button~=secondary]:active{border-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);background-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);box-shadow:inset 1px 1px 1px 0 rgb(1.2955182073%,2.7661064426%,3.606442577%)}[oo-button~=outline]{background-color:rgba(0,0,0,0);color:#333;box-shadow:none}[oo-button~=outline][oo-button~=primary]{border-color:#6cd7f7}[oo-button~=outline][oo-button~=primary]:hover,[oo-button~=outline][oo-button~=primary]:focus{color:#fff;border-color:rgb(23.385199241%,79.1524351676%,95.8304870335%);background-color:rgb(23.385199241%,79.1524351676%,95.8304870335%)}[oo-button~=outline][oo-button~=primary]:active{color:#fff;border-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);background-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);box-shadow:inset 1px 1px 1px 0 rgb(4.6046805819%,66.192283365%,84.6110056926%)}[oo-button~=outline][oo-button~=secondary]{border-color:#254f67}[oo-button~=outline][oo-button~=secondary]:hover,[oo-button~=outline][oo-button~=secondary]:focus{color:#fff;border-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%);background-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%)}[oo-button~=outline][oo-button~=secondary]:active{color:#fff;border-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);background-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);box-shadow:inset 1px 1px 1px 0 rgb(1.2955182073%,2.7661064426%,3.606442577%)}[oo-form~=input]{padding:.5em .625em;display:block;width:100%;max-width:100%;min-height:2.5em;color:#4d4d4d;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-style:normal;line-height:1.15;border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-form~=input]:focus{outline:none;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}label{font-weight:500}label+[oo-form~=input],label+[oo-form~=select]{margin-top:.3rem}[oo-form~=select]{position:relative;display:block;min-height:2.5em;font-size:1.6rem;line-height:1.15}[oo-form~=select]::before{position:absolute;top:0;right:0;bottom:0;content:"";border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-top-right-radius:.2em;border-bottom-right-radius:.2em;pointer-events:none}[oo-form~=select]::after{position:absolute;top:50%;content:"";border-bottom-style:solid;border-right-style:solid;pointer-events:none;transform:rotateZ(45deg) translate3d(-50%, -50%, 0)}[oo-form~=select]::before{width:30px}[oo-form~=select]::after{right:10px;width:10px;height:10px}[oo-form~=select]::after{border-bottom-width:2px;border-right-width:2px}[oo-form~=select]::before{background-color:#fff}[oo-form~=select]::after{border-bottom-color:#4d4d4d;border-right-color:#4d4d4d}[oo-form~=select]>select{padding:.5em .625em;display:block;width:100%;max-width:100%;min-height:2.5em;color:#4d4d4d;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-style:normal;line-height:1.15;border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-form~=select]>select:focus{outline:none;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=select]>select{margin:0;height:100%;font-size:inherit;appearance:none}[oo-form~=select]>select::-ms-expand{display:none}[oo-form~=select][class*=color-]>select{color:inherit !important}[oo-form~=select][class*=bg-]>select{background-color:inherit !important}[oo-form~=select][class*=border-]>select,[oo-form~=select][class*=border-]::before{border-color:inherit !important}[oo-form~=checkbox]{position:absolute;opacity:0}[oo-form~=checkbox]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=checkbox]+label::before{position:absolute;content:"";border-right-color:rgba(0,0,0,0);border-right-style:solid;border-bottom-color:rgba(0,0,0,0);border-bottom-style:solid;transform:rotateZ(40deg);transition:border 200ms ease-in-out,min-width 200ms ease-in-out,min-height 200ms ease-in-out}[oo-form~=checkbox]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out}[oo-form~=checkbox]:checked+label::before{border-right-color:#4d4d4d;border-bottom-color:#4d4d4d;box-shadow:1px 1px 2px #fff}[oo-form~=checkbox]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=checkbox]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=checkbox]+label::before{left:.612rem;min-width:1.44rem;min-height:2.16rem;border-right-width:.432rem;border-bottom-width:.432rem}[oo-form~=checkbox]+label::after{margin-right:.6rem;min-width:1.8rem;min-height:1.8rem}[oo-form~=checkbox]+label+[oo-form~=checkbox]+label{margin-top:.6rem}[oo-form~=checkbox]:checked+label::before{min-width:.72rem;min-height:1.08rem;border-right-width:.216rem;border-bottom-width:.216rem}[oo-form~=checkbox][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=checkbox][class*=border-secondary]+label::after{border-color:#254f67 !important}[oo-form~=radio]{position:absolute;opacity:0}[oo-form~=radio]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=radio]+label::before{position:absolute;top:0;left:0;content:"";border-radius:50%;transform:scale(1.5);transition:transform 300ms ease-in-out,background-color 300ms ease-in-out}[oo-form~=radio]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3)}[oo-form~=radio]:checked+label::before{background-color:#4d4d4d;transform:scale(0.5)}[oo-form~=radio]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=radio]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=radio]+label::after{margin-right:.6rem}[oo-form~=radio]+label+[oo-form~=radio]+label{margin-top:.6rem}[oo-form~=radio]+label::after,[oo-form~=radio]:checked+label::before{min-width:1.8rem;min-height:1.8rem}[oo-form~=radio][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=radio][class*=border-secondary]+label::after{border-color:#254f67 !important}[oo-form~=toggle]{position:absolute;opacity:0}[oo-form~=toggle]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=toggle]+label::before{position:absolute;left:0;content:"";border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:transform 300ms ease-out}[oo-form~=toggle]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50em;background-color:#d6d6d6;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out}[oo-form~=toggle]:checked+label::after{background-color:#4d4d4d;border-color:#4d4d4d}[oo-form~=toggle]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=toggle]+label::before{top:calc(50% - .84rem);min-width:1.68rem;height:1.68rem;transform:translate3d(0.48rem, 0, 0)}[oo-form~=toggle]+label::after{margin-right:.8rem;min-width:4.32rem;min-height:2.4rem}[oo-form~=toggle]+label+[oo-form~=toggle]+label{margin-top:.8rem}[oo-form~=toggle]:checked+label::before{transform:translate3d(calc(80% + 2.4rem * 0.35), 0, 0)}[oo-form~=toggle] [oo-form~=labelless]+label::after{margin-right:0}.color-primary{color:#6cd7f7 !important}.color-secondary{color:#254f67 !important}.bg-primary{background-color:#6cd7f7}.bg-secondary{background-color:#254f67}.border-primary{border-color:#6cd7f7 !important}.border-secondary{border-color:#254f67 !important}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-right:1.6rem;padding-left:1.6rem;display:block;max-width:1080px}@media(min-width: 600px){.container,.container-fluid{padding-left:2.4rem;padding-right:2.4rem}}.container-fluid{max-width:none}.float-left{float:left !important}.float-right{float:right !important}@media(min-width: 600px){.float-left\@sm{float:left !important}.float-right\@sm{float:right !important}}@media(min-width: 960px){.float-left\@md{float:left !important}.float-right\@md{float:right !important}}@media(min-width: 1280px){.float-left\@lg{float:left !important}.float-right\@lg{float:right !important}}.clearfix::before,.clearfix::after{display:block;content:"";clear:both}.clear{clear:both}ul.list-center,ol.list-center{text-align:center;padding-left:0;list-style-position:inside}.list-unstyle{padding-left:0;list-style:none}.list-unstyle ul{padding-left:40px}.list-unstyle .list-unstyle{padding-left:1em}.list-inline{padding-left:0;list-style:none}.list-inline>li{margin-bottom:0;display:inline-block}.list-inline>li:not(:last-child){margin-right:1em}.list-divide{padding-left:0;list-style:none;display:flex;flex-flow:wrap}.list-divide>li{margin-bottom:0;display:flex;align-items:center}.list-divide>li:not(:last-child)::after{padding-left:.5em;padding-right:.5em;display:inline-block;content:"|";color:#cdcdcd;font-size:1.2em}.list-divide>li:last-child::after{display:inline-block;content:"|";font-size:1.2em;visibility:hidden}.list-divide.list-center{justify-content:center}.bordered{border-width:1px !important;border-style:solid !important}.rounded{border-radius:50em !important}.center-block{margin-left:auto;margin-right:auto}.full{width:100% !important}.responsive{max-width:100%;height:auto}.mt-0{margin-top:0rem !important}.mt-5{margin-top:0.5rem !important}.mt-10{margin-top:1rem !important}.mt-15{margin-top:1.5rem !important}.mt-20{margin-top:2rem !important}.mt-25{margin-top:2.5rem !important}.mt-30{margin-top:3rem !important}.mt-35{margin-top:3.5rem !important}.mt-40{margin-top:4rem !important}.mt-45{margin-top:4.5rem !important}.mt-50{margin-top:5rem !important}.mb-0{margin-bottom:0rem !important}.mb-5{margin-bottom:0.5rem !important}.mb-10{margin-bottom:1rem !important}.mb-15{margin-bottom:1.5rem !important}.mb-20{margin-bottom:2rem !important}.mb-25{margin-bottom:2.5rem !important}.mb-30{margin-bottom:3rem !important}.mb-35{margin-bottom:3.5rem !important}.mb-40{margin-bottom:4rem !important}.mb-45{margin-bottom:4.5rem !important}.mb-50{margin-bottom:5rem !important}.ml-0{margin-left:0rem !important}.ml-5{margin-left:0.5rem !important}.ml-10{margin-left:1rem !important}.ml-15{margin-left:1.5rem !important}.ml-20{margin-left:2rem !important}.ml-25{margin-left:2.5rem !important}.mr-0{margin-right:0rem !important}.mr-5{margin-right:0.5rem !important}.mr-10{margin-right:1rem !important}.mr-15{margin-right:1.5rem !important}.mr-20{margin-right:2rem !important}.mr-25{margin-right:2.5rem !important}.text-large{font-size:2rem !important}.text-small{font-size:1.4rem !important}.text-tiny{font-size:1.2rem !important}.text-left{text-align:"left"}.text-right{text-align:"right"}.text-center{text-align:"center"}.text-uppercase{text-transform:"uppercase"}.letter-spacing-narrow{letter-spacing:-0.05rem}.letter-spacing-wide{letter-spacing:.05rem}.font-italic{font-style:"italic"}.font-light{font-weight:300}.font-bold{font-weight:700}.font-primary{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif}.font-secondary{font-family:"Georgia",times,serif}.hidden{display:none !important}@media print{.hidden\@print{display:none !important}}@media screen{.hidden\@screen{display:none !important}}@media(min-width: 600px){.hidden\@sm{display:none !important}}@media(min-width: 960px){.hidden\@md{display:none !important}}@media(min-width: 1280px){.hidden\@lg{display:none !important}}@media(max-width: 599px){.hidden\!\@sm{display:none !important}}@media(max-width: 959px){.hidden\!\@md{display:none !important}}@media(max-width: 1279px){.hidden\!\@lg{display:none !important}}.wrapper-tiny{padding:.8rem}.wrapper-small{padding:1.6rem}.wrapper-medium{padding:2.4rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oo-loop",
-  "version": "0.5.1",
+  "version": "0.6.1",
   "description": "SCSS companion for Front-end Developer",
   "style": "dist/loop.css",
   "sass": "scss/_loop.scss",
@@ -10,7 +10,8 @@
   },
   "scripts": {
     "dev": "sass --watch --style=expanded --no-source-map scss/_loop.scss dist/loop.css",
-    "build": "sass --style=compressed --no-source-map scss/_loop.scss dist/loop.min.css"
+    "build": "sass --style=compressed --no-source-map scss/_loop.scss dist/loop.min.css",
+    "example": "sass --watch --style=expanded --no-source-map example/"
   },
   "repository": {
     "type": "git",
@@ -32,7 +33,7 @@
   "license": "MIT",
   "devDependencies": {
     "normalize.css": "^8.0.0",
-    "sass": "^1.79.2"
+    "sass": "^1.108.1"
   },
   "files": [
     "dist/",
@@ -42,4 +43,4 @@
     "node": ">= 6.0.0",
     "npm": ">= 3.0.0"
   }
-}
+}

package/scss/_loop.scss

@@ -1,34 +1,30 @@
 @charset "utf-8";
 
 // Functions, mixins and bases
-@import
-  "variables",
-  "functions/all",
-  "mixins/all",
-  "base/all"
-;
+@forward "variables";
 
+// Base
+@forward "base/normalize";
+@forward "base/base";
+@forward "base/type";
+ 
 // Components
-@import
-  "components/grid",
-  "components/columns",
-  "components/button",
-  "components/form/input",
-  "components/form/select",
-  "components/form/checkbox",
-  "components/form/radio",
-  "components/form/toggle"
-;
+@forward "components/grid";
+@forward "components/columns";
+@forward "components/button";
+@forward "components/form/input";
+@forward "components/form/select";
+@forward "components/form/checkbox";
+@forward "components/form/radio";
+@forward "components/form/toggle";
 
 // Utilities
-@import
-  "utilities/color",
-  "utilities/container",
-  "utilities/float",
-  "utilities/list",
-  "utilities/miscellaneous",
-  "utilities/spacing",
-  "utilities/text",
-  "utilities/visibility",
-  "utilities/wrapper"
-;
+@forward "utilities/color";
+@forward "utilities/container";
+@forward "utilities/float";
+@forward "utilities/list";
+@forward "utilities/miscellaneous";
+@forward "utilities/spacing";
+@forward "utilities/text";
+@forward "utilities/visibility";
+@forward "utilities/wrapper";

package/scss/_variables.scss

@@ -1,5 +1,5 @@
 @use 'sass:color';
-@import 'functions/map';
+@use 'sass:list';
 
 /**
  * Variables
@@ -8,7 +8,7 @@
 
 $loop-prefix: 'oo' !default;
 $loop-component-html5-validity: false !default;
-$loop-component-prefix: if($loop-component-html5-validity, #{'data-'}#{$loop-prefix}, $loop-prefix) !default;
+$loop-component-prefix: if(sass($loop-component-html5-validity): #{'data-'}#{$loop-prefix}; else: $loop-prefix) !default;
 
 /**
  * Breakpoints
@@ -21,7 +21,9 @@ $breakpoints: (
 ) !default;
 
 $breakpoints-classes: (sm, md, lg) !default; // used in the project
-
+$pointbreaks-classes: (sm, md, lg) !default;
+// including the first step
+$breakpoints-classes-width-default-value: list.join('', $breakpoints-classes) !default;
 
 /**
  * Body Base
@@ -365,6 +367,7 @@ $select-size:    10px !default;
 $select-weight:  2px !default;
 $select-color:   $input-color !default;
 $select-bgcolor: $input-bgcolor !default;
+$select-themes: () !default;
 
 // Checkboxes
 
@@ -425,3 +428,4 @@ $float-is-important: true !default;
  * Visibility Utilities
  */
 $visibility-breakpoints-classes: $breakpoints-classes !default;
+$visibility-pointbreaks-classes: $pointbreaks-classes !default;

package/scss/base/_base.scss

@@ -1,17 +1,9 @@
+@use '../variables' as v;
+@use '../mixins/font-smoothing' as fs;
 /**
  * Base
  */
 
-$font-size-root:	62.5% !default; 
-$font-smoothing:	true !default;
-
-$font-family-base: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !default;
-$font-size-base:   1.6rem !default; // == 16px ( relative to 62.5% $font-size-root)
-$font-weight-base: 400 !default;
-$line-height-base: 1.5 !default;
-$color-base:       #333 !default;
-$bgcolor-base:     #fff !default;
-
 // The width is not affected by padding or border
 *,
 *::after,
@@ -21,18 +13,18 @@ $bgcolor-base:     #fff !default;
 
 // Font size based on 62.5% to have a convenient way to set sizes
 html {
-  font-size: $font-size-root;
-  @if $font-smoothing == true {
-    @include fontSmoothing($font-smoothing);
+  font-size: v.$font-size-root;
+  @if v.$font-smoothing == true {
+    @include fs.fontSmoothing(v.$font-smoothing);
   }
 }
 
 // Default body styles
 body {
-  color: $color-base;
-  font-family: $font-family-base;
-  font-size: $font-size-base;
-  font-weight: $font-weight-base;
-  line-height: $line-height-base;
-  background-color: $bgcolor-base;
+  color: v.$color-base;
+  font-family: v.$font-family-base;
+  font-size: v.$font-size-base;
+  font-weight: v.$font-weight-base;
+  line-height: v.$line-height-base;
+  background-color: v.$bgcolor-base;
 }

package/scss/base/_type.scss

@@ -1,85 +1,49 @@
 @use 'sass:color';
 @use 'sass:math';
+@use '../functions' as fn;
+@use '../mixins/breakpoint';
+
+@use '../variables' as v;
 
 /**
  * Typography
  */
 
-$heading-font-sizes: (
-  'h1': (
-    '': 3.6rem,
-    sm: 4.6rem,
-  ),
-  'h2': (
-    '': 3.2rem,
-    sm: 3.8rem,
-  ),
-  'h3': 2.8rem,
-  'h4': 2.2rem,
-  'h5': 1.8rem,
-  'h6': 1.6rem,
-) !default;
-$heading-font-sizes-classes: ('h1', 'h2', 'h3', 'h4') !default;
-
-$heading-color:           $color-base !default;
-$heading-font-family:     $font-family-base !default;
-$heading-font-weight:     500 !default;
-$heading-line-height:     1.125 !default;
-$heading-margin-top:      .2em !default;
-$heading-margin-bottom:   .45em !default;
-$heading-letter-spacing:  -.1rem !default;
-$heading-letter-spacing-tags: () !default; // list of tags (h1, h2) ...
-
-// Paragraph
-$paragraph-margin-bottom: 1.8rem !default;
-
-// Anchor
-$anchor-color:             $color-primary !default;
-$anchor-color-hover:       $color-secondary !default;
-$anchor-text-decoration:   none !default;
-
-// Description list
-$definition-list-term-font-weight: 700 !default;
-
-// Hr
-$hr-color: #cdcdcd !default;
-$hr-margins: 1.5rem !default;
-
 @mixin headings($heading, $font-size) {
-  margin-top: $heading-margin-top;
-  margin-bottom: $heading-margin-bottom;
-  font-weight: $heading-font-weight;
-  line-height: $heading-line-height;
+  margin-top: v.$heading-margin-top;
+  margin-bottom: v.$heading-margin-bottom;
+  font-weight: v.$heading-font-weight;
+  line-height: v.$heading-line-height;
 
   // font-size
-  @if isMap($font-size) {
+  @if fn.isMap($font-size) {
     @each $key, $value in $font-size {
-      @include breakpoint($key) { font-size: $value; }
+      @include breakpoint.from($key) { font-size: $value; }
     }
   } @else {
     font-size: $font-size;
   }
 
   // add letter spacing for specific
-  @if isNotEmpty($heading-letter-spacing) and inArray($heading, $heading-letter-spacing-tags) {
-    letter-spacing: $heading-letter-spacing;
+  @if fn.isNotEmpty(v.$heading-letter-spacing) and fn.inArray($heading, v.$heading-letter-spacing-tags) {
+    letter-spacing: v.$heading-letter-spacing;
   }
 
   //add font family rules if different
-  @if $heading-font-family != $font-family-base {
-    font-family: $heading-font-family;
+  @if v.$heading-font-family != v.$font-family-base {
+    font-family: v.$heading-font-family;
   }
 
   //add color rules if different
-  @if $heading-color != $color-base {
-    color: $heading-color;
+  @if v.$heading-color != v.$color-base {
+    color: v.$heading-color;
   }
 }
 
-@each $heading, $font-size in $heading-font-sizes {
+@each $heading, $font-size in v.$heading-font-sizes {
   #{$heading} { @include headings($heading, $font-size) }
 
-  @if inArray($heading, $heading-font-sizes-classes) {
+  @if fn.inArray($heading, v.$heading-font-sizes-classes) {
     .#{$heading} { @include headings($heading, $font-size) }
   }
 }
@@ -89,17 +53,17 @@ ul,
 ol,
 dl {
   margin-top: 0;
-  margin-bottom: $paragraph-margin-bottom;
+  margin-bottom: v.$paragraph-margin-bottom;
 }
 
 a {
-  color: $anchor-color;
+  color: v.$anchor-color;
   text-decoration: none;
 
   &:focus,
   &:hover {
-    color: $anchor-color-hover;
-    text-decoration: $anchor-text-decoration;
+    color: v.$anchor-color-hover;
+    text-decoration: v.$anchor-text-decoration;
   }
 }
 
@@ -115,7 +79,7 @@ ol {
   }
 }
 
-dt { font-weight: $definition-list-term-font-weight; }
+dt { font-weight: v.$definition-list-term-font-weight; }
 dd {
   margin-left: auto;
   + dt {
@@ -124,7 +88,7 @@ dd {
 }
 
 mark {
-  $highlight: color.adjust($color-primary, $lightness: 55%);
+  $highlight: color.adjust(v.$color-primary, $lightness: 55%);
 
   @if color.channel($highlight, 'lightness', $space: hsl) > math.percentage(math.div(9.5,10)) {
     $highlight: color.adjust(yellow, $lightness: 40%);
@@ -135,9 +99,9 @@ mark {
 }
 
 hr, .hr {
-  margin-top: $hr-margins;
-  margin-bottom: $hr-margins;
+  margin-top: v.$hr-margins;
+  margin-bottom: v.$hr-margins;
   display: block;
   border:none;
-  border-bottom: 1px solid $hr-color;
+  border-bottom: 1px solid v.$hr-color;
 }