oo-loop 0.4.17 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/loop.min.css CHANGED
@@ -1 +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:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}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:0.35em 0.75em 0.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:#32c7f4;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.333333%;max-width:8.333333%}[oo-column~="col-2"]{flex-basis:16.666667%;max-width:16.666667%}[oo-column~="col-3"]{flex-basis:25%;max-width:25%}[oo-column~="col-4"]{flex-basis:33.333333%;max-width:33.333333%}[oo-column~="col-5"]{flex-basis:41.666667%;max-width:41.666667%}[oo-column~="col-6"]{flex-basis:50%;max-width:50%}[oo-column~="col-7"]{flex-basis:58.333333%;max-width:58.333333%}[oo-column~="col-8"]{flex-basis:66.666667%;max-width:66.666667%}[oo-column~="col-9"]{flex-basis:75%;max-width:75%}[oo-column~="col-10"]{flex-basis:83.333333%;max-width:83.333333%}[oo-column~="col-11"]{flex-basis:91.666667%;max-width:91.666667%}[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.333333%;max-width:8.333333%}[oo-column~="col-2@sm"]{flex-basis:16.666667%;max-width:16.666667%}[oo-column~="col-3@sm"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@sm"]{flex-basis:33.333333%;max-width:33.333333%}[oo-column~="col-5@sm"]{flex-basis:41.666667%;max-width:41.666667%}[oo-column~="col-6@sm"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@sm"]{flex-basis:58.333333%;max-width:58.333333%}[oo-column~="col-8@sm"]{flex-basis:66.666667%;max-width:66.666667%}[oo-column~="col-9@sm"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@sm"]{flex-basis:83.333333%;max-width:83.333333%}[oo-column~="col-11@sm"]{flex-basis:91.666667%;max-width:91.666667%}[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.333333%;max-width:8.333333%}[oo-column~="col-2@md"]{flex-basis:16.666667%;max-width:16.666667%}[oo-column~="col-3@md"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@md"]{flex-basis:33.333333%;max-width:33.333333%}[oo-column~="col-5@md"]{flex-basis:41.666667%;max-width:41.666667%}[oo-column~="col-6@md"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@md"]{flex-basis:58.333333%;max-width:58.333333%}[oo-column~="col-8@md"]{flex-basis:66.666667%;max-width:66.666667%}[oo-column~="col-9@md"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@md"]{flex-basis:83.333333%;max-width:83.333333%}[oo-column~="col-11@md"]{flex-basis:91.666667%;max-width:91.666667%}[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.333333%;max-width:8.333333%}[oo-column~="col-2@lg"]{flex-basis:16.666667%;max-width:16.666667%}[oo-column~="col-3@lg"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@lg"]{flex-basis:33.333333%;max-width:33.333333%}[oo-column~="col-5@lg"]{flex-basis:41.666667%;max-width:41.666667%}[oo-column~="col-6@lg"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@lg"]{flex-basis:58.333333%;max-width:58.333333%}[oo-column~="col-8@lg"]{flex-basis:66.666667%;max-width:66.666667%}[oo-column~="col-9@lg"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@lg"]{flex-basis:83.333333%;max-width:83.333333%}[oo-column~="col-11@lg"]{flex-basis:91.666667%;max-width:91.666667%}[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:0.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:#e6e6e6}[oo-button]:active{background-color:#e0e0e0;box-shadow:inset 1px 1px 1px 0 #bfbfbf}[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:#3ccaf4;background-color:#3ccaf4}[oo-button~="primary"]:active{border-color:#32c7f4;background-color:#32c7f4;box-shadow:inset 1px 1px 1px 0 #0ca9d8}[oo-button~="secondary"]{color:#fff;background-color:#254F67;border-color:#254F67}[oo-button~="secondary"]:hover,[oo-button~="secondary"]:focus{color:#fff;border-color:#183241;background-color:#183241}[oo-button~="secondary"]:active{border-color:#152c3a;background-color:#152c3a;box-shadow:inset 1px 1px 1px 0 #030709}[oo-button~="outline"]{background-color:transparent;color:#333;box-shadow:none}[oo-button~="primary"]{border-color:#6cd7f7}[oo-button~="primary"]:hover,[oo-button~="primary"]:focus{color:#fff;border-color:#3ccaf4;background-color:#3ccaf4}[oo-button~="primary"]:active{color:#fff;border-color:#32c7f4;background-color:#32c7f4;box-shadow:inset 1px 1px 1px 0 #0ca9d8}[oo-button~="secondary"]{border-color:#254F67}[oo-button~="secondary"]:hover,[oo-button~="secondary"]:focus{color:#fff;border-color:#183241;background-color:#183241}[oo-button~="secondary"]:active{color:#fff;border-color:#152c3a;background-color:#152c3a;box-shadow:inset 1px 1px 1px 0 #030709}[oo-form~="select"]>select:focus,[oo-form~="input"]:focus,[oo-form~="checkbox"]:focus+label::after,[oo-form~="radio"]:focus+label::after,[oo-form~="toggle"]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,0.5),1px 1px 2px 0px rgba(170,170,170,0.85)}[oo-form~="select"]>select,[oo-form~="input"]{padding:0.5em 0.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,0.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:transparent;border-right-style:solid;border-bottom-color:transparent;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,0.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,0.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,0.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,0.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% - (1.68rem / 2));min-width:1.68rem;height:1.68rem;transform:translate3d(.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 * .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:.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:.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:.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:.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:-.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}
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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oo-loop",
3
- "version": "0.4.17",
3
+ "version": "0.5.0",
4
4
  "description": "SCSS companion for Front-end Developer",
5
5
  "style": "dist/loop.css",
6
6
  "sass": "scss/_loop.scss",
@@ -9,10 +9,8 @@
9
9
  "doc": "docs"
10
10
  },
11
11
  "scripts": {
12
- "test": "npm run css",
13
- "css": "npm run css-compile",
14
- "css-compile": "node-sass --output-style expanded --precision 6 scss/_loop.scss dist/loop.css",
15
- "css-compile-min": "node-sass --output-style compressed --precision 6 scss/_loop.scss dist/loop.min.css"
12
+ "dev": "sass --watch --style=expanded --no-source-map scss/_loop.scss dist/loop.css",
13
+ "build": "sass --style=compressed --no-source-map scss/_loop.scss dist/loop.min.css"
16
14
  },
17
15
  "repository": {
18
16
  "type": "git",
@@ -33,8 +31,8 @@
33
31
  "author": "GPlus Media",
34
32
  "license": "MIT",
35
33
  "devDependencies": {
36
- "node-sass": "^4.9.0",
37
- "normalize.css": "^8.0.0"
34
+ "normalize.css": "^8.0.0",
35
+ "sass": "^1.79.2"
38
36
  },
39
37
  "files": [
40
38
  "dist/",
@@ -1,3 +1,4 @@
1
+ @use 'sass:color';
1
2
  @import 'functions/map';
2
3
 
3
4
  /**
@@ -83,11 +84,11 @@ $border-colors-is-important: true !default;
83
84
  */
84
85
  $heading-font-sizes: (
85
86
  'h1': (
86
- : 3.6rem,
87
+ rt: 3.6rem,
87
88
  sm: 4.6rem,
88
89
  ),
89
90
  'h2': (
90
- : 3.2rem,
91
+ rt: 3.2rem,
91
92
  sm: 3.8rem,
92
93
  ),
93
94
  'h3': 2.8rem,
@@ -111,7 +112,7 @@ $paragraph-margin-bottom: 1.8rem !default;
111
112
 
112
113
  // Anchor
113
114
  $anchor-color: $color-primary !default;
114
- $anchor-color-hover: darken($anchor-color, 12%) !default;
115
+ $anchor-color-hover: color.adjust($anchor-color, $lightness: -12%) !default;
115
116
  $anchor-text-decoration: none !default;
116
117
 
117
118
  // Description list
@@ -309,8 +310,8 @@ $btn-colors-classes: $colors-classes !default;
309
310
  $btn-color: $color-base !default;
310
311
  $btn-color-hover: $btn-color !default;
311
312
  $btn-bgcolor: #fff !default;
312
- $btn-bgcolor-hover: darken($btn-bgcolor, 10%) !default;
313
- $btn-bgcolor-active: darken($btn-bgcolor, 12%) !default;
313
+ $btn-bgcolor-hover: color.adjust($btn-bgcolor, $lightness: -10%) !default;
314
+ $btn-bgcolor-active: color.adjust($btn-bgcolor, $lightness: -12%) !default;
314
315
  $btn-border-color: #eee !default;
315
316
 
316
317
  $btn-padding: .415em 1.2em !default; // relative to the size of the button
@@ -1,14 +1,17 @@
1
+ @use 'sass:color';
2
+ @use 'sass:math';
3
+
1
4
  /**
2
5
  * Typography
3
6
  */
4
7
 
5
8
  $heading-font-sizes: (
6
9
  'h1': (
7
- : 3.6rem,
10
+ '': 3.6rem,
8
11
  sm: 4.6rem,
9
12
  ),
10
13
  'h2': (
11
- : 3.2rem,
14
+ '': 3.2rem,
12
15
  sm: 3.8rem,
13
16
  ),
14
17
  'h3': 2.8rem,
@@ -121,10 +124,12 @@ dd {
121
124
  }
122
125
 
123
126
  mark {
124
- $highlight: lighten($color-primary, 55%);
125
- @if lightness($highlight) > percentage(9.5/10) {
126
- $highlight: lighten(yellow, 40%);
127
+ $highlight: color.adjust($color-primary, $lightness: 55%);
128
+
129
+ @if color.channel($highlight, 'lightness', $space: hsl) > math.percentage(math.div(9.5,10)) {
130
+ $highlight: color.adjust(yellow, $lightness: 40%);
127
131
  }
132
+
128
133
  color: inherit;
129
134
  background-color: $highlight;
130
135
  }
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+
1
3
  /**
2
4
  * Button
3
5
  */
@@ -75,7 +77,7 @@ $btn-outline-box-shadow: none !default;
75
77
  }
76
78
  &:active {
77
79
  background-color: $btn-bgcolor-active;
78
- box-shadow: inset 1px 1px 1px 0 darken($btn-bgcolor, 25%);
80
+ box-shadow: inset 1px 1px 1px 0 color.adjust($btn-bgcolor, $lightness: -20%);
79
81
  }
80
82
 
81
83
  &.full {
@@ -87,25 +89,25 @@ $btn-outline-box-shadow: none !default;
87
89
  @mixin paintButton($color-value) {
88
90
  color: if(isBright($color-value), $color-base, #fff);
89
91
  background-color: $color-value;
90
-
92
+
91
93
  @if $btn-border-color != transparent {
92
94
  border-color: $color-value;
93
95
  }
94
96
  &:hover,
95
97
  &:focus {
96
98
  color: if(isBright($color-value), $color-base, #fff);
97
- border-color: darken($color-value, 10%);
98
- background-color: darken($color-value, 10%);
99
+ border-color: color.adjust($color-value, $lightness: -10%);
100
+ background-color: color.adjust($color-value, $lightness: -10%);
99
101
  }
100
102
  &:active {
101
- border-color: darken($color-value, 12%);
102
- background-color: darken($color-value, 12%);
103
- box-shadow: inset 1px 1px 1px 0 darken($color-value, 25%);
103
+ border-color: color.adjust($color-value, $lightness: -12%);
104
+ background-color: color.adjust($color-value, $lightness: -12%);
105
+ box-shadow: inset 1px 1px 1px 0 color.adjust($color-value, $lightness: -25%);
104
106
  }
105
107
  }
106
108
 
107
109
  @if isNotEmpty($btn-colors-classes) {
108
- @each $color in $btn-colors-classes {
110
+ @each $color in $btn-colors-classes {
109
111
  [#{$loop-component-prefix}-button~="#{$color}"] {
110
112
  @include paintButton(map-get($colors, $color));
111
113
  }
@@ -129,14 +131,14 @@ $btn-outline-box-shadow: none !default;
129
131
  &:hover,
130
132
  &:focus {
131
133
  color: if(isBright($color-value), $color-base, #fff);
132
- border-color: darken($color-value, 10%);
133
- background-color: darken($color-value, 10%);
134
+ border-color: color.adjust($color-value, $lightness: -10%);
135
+ background-color: color.adjust($color-value, $lightness: -10%);
134
136
  }
135
137
  &:active {
136
138
  color: if(isBright($color-value), $color-base, #fff);
137
- border-color: darken($color-value, 12%);
138
- background-color: darken($color-value, 12%);
139
- box-shadow: inset 1px 1px 1px 0 darken($color-value, 25%);
139
+ border-color: color.adjust($color-value, $lightness: -12%);
140
+ background-color: color.adjust($color-value, $lightness: -12%);
141
+ box-shadow: inset 1px 1px 1px 0 color.adjust($color-value, $lightness: -25%);
140
142
  }
141
143
  }
142
144
 
@@ -162,18 +164,19 @@ $btn-outline-box-shadow: none !default;
162
164
  @if $btn-box-shadow != $btn-outline-box-shadow {
163
165
  box-shadow: $btn-outline-box-shadow;
164
166
  }
165
- }
166
- @if isNotEmpty($btn-outline-colors-classes) {
167
- @each $color in $btn-outline-colors-classes {
168
- &[#{$loop-component-prefix}-button~="#{$color}"] {
169
- @include paintButtonOutline(map-get($colors, $color));
167
+
168
+ @if isNotEmpty($btn-outline-colors-classes) {
169
+ @each $color in $btn-outline-colors-classes {
170
+ &[#{$loop-component-prefix}-button~="#{$color}"] {
171
+ @include paintButtonOutline(map-get($colors, $color));
172
+ }
170
173
  }
171
174
  }
172
- }
173
- @if isNotEmpty($btn-outline-colors) and isMap($btn-outline-colors) {
174
- @each $name, $value in $btn-colors {
175
- &[#{$loop-component-prefix}-button~="#{$name}"] {
176
- @include paintButtonOutline($value);
175
+ @if isNotEmpty($btn-outline-colors) and isMap($btn-outline-colors) {
176
+ @each $name, $value in $btn-colors {
177
+ &[#{$loop-component-prefix}-button~="#{$name}"] {
178
+ @include paintButtonOutline($value);
179
+ }
177
180
  }
178
181
  }
179
182
  }
@@ -1,3 +1,5 @@
1
+ @use 'sass:math';
2
+
1
3
  /**
2
4
  * Column
3
5
  */
@@ -66,8 +68,8 @@ $columns-v-gutter-sizes-breakpoints-classes: $columns-gutter-sizes-breakpoints-c
66
68
  // columns
67
69
  @for $i from 1 through $columns-system {
68
70
  [#{$loop-component-prefix}-column~="col-#{$i}#{$suffix}"] {
69
- flex-basis: percentage($i/$columns-system);
70
- max-width: percentage($i/$columns-system);
71
+ flex-basis: percentage(math.div($i, $columns-system));
72
+ max-width: percentage(math.div($i, $columns-system));
71
73
  }
72
74
  }
73
75
 
@@ -1,3 +1,5 @@
1
+ @use 'sass:math';
2
+
1
3
  /**
2
4
  * Checkbox
3
5
  */
@@ -22,7 +24,7 @@ $checkbox-breakpoints-classes:() !default;
22
24
 
23
25
  & + label {
24
26
  &::before {
25
- left: ($size / 2) - ($checked_width / 2) + ($checked_border-width / 3);
27
+ left: math.div($size, 2) - math.div($checked_width, 2) + math.div($checked_border-width, 3);
26
28
  @if $use-checkbox-animation {
27
29
  min-width: ($checked_width * 2);
28
30
  min-height: ($checked_height * 2);
@@ -31,12 +33,12 @@ $checkbox-breakpoints-classes:() !default;
31
33
  }
32
34
  }
33
35
  &::after {
34
- margin-right: ($size / 3);
36
+ margin-right: math.div($size, 3);
35
37
  min-width: $size;
36
38
  min-height: $size;
37
39
  }
38
40
 
39
- & + [#{$loop-component-prefix}-form~="checkbox"] + label { margin-top: ($size / 3); }
41
+ & + [#{$loop-component-prefix}-form~="checkbox"] + label { margin-top: math.div($size, 3); }
40
42
  }
41
43
  &:checked + label::before {
42
44
  min-width: $checked_width;
@@ -26,7 +26,7 @@ $label-margin: .3rem !default;
26
26
  %inputFocus {
27
27
  @if $input-box-shadow == none and $input-focus-box-shadow != none {
28
28
  box-shadow: $input-focus-box-shadow;
29
- } @elseif $input-focus-box-shadow != none {
29
+ } @else if $input-focus-box-shadow != none {
30
30
  box-shadow: $input-box-shadow, $input-focus-box-shadow;
31
31
  }
32
32
 
@@ -1,3 +1,5 @@
1
+ @use 'sass:math';
2
+
1
3
  /**
2
4
  * Radio
3
5
  */
@@ -17,9 +19,9 @@ $radio-breakpoints-classes: $checkbox-breakpoints-classes !default;
17
19
  @mixin radio-size($size) {
18
20
  & + label {
19
21
  &::after {
20
- margin-right: ($size / 3);
22
+ margin-right: math.div($size, 3);
21
23
  }
22
- & + [#{$loop-component-prefix}-form~="radio"] + label { margin-top: ($size / 3); }
24
+ & + [#{$loop-component-prefix}-form~="radio"] + label { margin-top: math.div($size, 3); }
23
25
  }
24
26
 
25
27
  & + label::after,
@@ -1,3 +1,5 @@
1
+ @use 'sass:math';
2
+
1
3
  /**
2
4
  * Toggle
3
5
  */
@@ -18,18 +20,18 @@ $toggle-sizes:() !default;
18
20
  & + label {
19
21
  &::before {
20
22
  $toggler-size: $size * .7;
21
- top: calc(50% - (#{$toggler-size} / 2));
23
+ top: calc(50% - math.div($toggler-size, 2));
22
24
  min-width: $toggler-size;
23
25
  height: $toggler-size;
24
26
  transform: translate3d(($size * .2), 0, 0);
25
27
  }
26
28
  &::after {
27
- margin-right: ($size / 3);
29
+ margin-right: math.div($size, 3);
28
30
  min-width: ($size * 1.8);
29
31
  min-height: $size;
30
32
  }
31
33
 
32
- & + [#{$loop-component-prefix}-form~="toggle"] + label { margin-top: ($size / 3); }
34
+ & + [#{$loop-component-prefix}-form~="toggle"] + label { margin-top: math.div($size, 3); }
33
35
  }
34
36
 
35
37
  &:checked + label::before {
@@ -38,12 +38,12 @@
38
38
  @if isNotEmpty($array1) {
39
39
  @if type-of($array1) == 'list' and type-of($array2) == 'list' {
40
40
  $merge: join($array1, $array2);
41
- } @elseif type-of($array1) == 'map' and type-of($array2) == 'map' {
41
+ } @else if type-of($array1) == 'map' and type-of($array2) == 'map' {
42
42
  $merge: map-merge($array1, $array2);
43
43
  } @else {
44
44
  $merge: $array1;
45
45
  }
46
- } @elseif isNotEmpty($array2) {
46
+ } @else if isNotEmpty($array2) {
47
47
  $merge: $array2;
48
48
  }
49
49
 
@@ -1,3 +1,5 @@
1
+ @use 'sass:color';
2
+ @use 'sass:math';
1
3
  /**
2
4
  * Is Bright
3
5
  * @param color
@@ -7,7 +9,11 @@
7
9
  $brightness-threshold: 188 !default; // range from 0 to 255, but more than the half (125)
8
10
 
9
11
  @function isBright($color) {
10
- @if (((red($color) * 299) + (green($color) * 587) + (blue($color) * 114)) / 1000) >= $brightness-threshold {
12
+ $red: color.channel($color, 'red', $space: rgb);
13
+ $green: color.channel($color, 'green', $space: rgb);
14
+ $blue: color.channel($color, 'blue', $space: rgb);
15
+
16
+ @if (math.div(($red * 299) + ($green * 587) + ($blue * 114), 1000)) >= $brightness-threshold {
11
17
  @return true;
12
18
  } @else {
13
19
  @return false;
@@ -9,7 +9,7 @@
9
9
  @function isEmpty($data) {
10
10
  @if isString($data) and str-length($data) == 0 {
11
11
  @return true;
12
- } @elseif isList($data) and length($data) == 0 {
12
+ } @else if isList($data) and length($data) == 0 {
13
13
  @return true;
14
14
  } @else {
15
15
  @return false;
@@ -26,7 +26,7 @@ $breakpoints-classes-width-default-value: join('', $breakpoints-classes);
26
26
  @media (min-width: $width) {
27
27
  @content;
28
28
  }
29
- } @elseif isEmpty($key) {
29
+ } @else if isEmpty($key) or $key == 'rt' {
30
30
  @content;
31
31
  }
32
32
  }
@@ -38,7 +38,7 @@ $breakpoints-classes-width-default-value: join('', $breakpoints-classes);
38
38
  @media (max-width: $width) {
39
39
  @content;
40
40
  }
41
- } @elseif isEmpty($key) {
41
+ } @else if isEmpty($key) or $key == 'rt' {
42
42
  @content;
43
43
  }
44
44
  }
@@ -1,3 +1,5 @@
1
+ @use 'sass:math';
2
+
1
3
  /**
2
4
  * List
3
5
  */
@@ -43,15 +45,15 @@ ol {
43
45
  list-style: none;
44
46
  display: flex;
45
47
  flex-flow: wrap;
46
-
48
+
47
49
  > li {
48
50
  margin-bottom: 0;
49
51
  display: flex;
50
52
  align-items: center;
51
53
 
52
54
  &:not(:last-child)::after {
53
- padding-left: ($list-divide-spacing / 2);
54
- padding-right: ($list-divide-spacing / 2);
55
+ padding-left: math.div($list-divide-spacing, 2);
56
+ padding-right: math.div($list-divide-spacing, 2);
55
57
 
56
58
  display: inline-block;
57
59
  content: $list-divide-affix;
@@ -1,3 +1,5 @@
1
+ @use 'sass:math';
2
+
1
3
  /**
2
4
  * Spacing
3
5
  */
@@ -13,7 +15,7 @@ $v-spacing-breakpoints-classes: () !default;
13
15
 
14
16
  // set default spacing
15
17
  $v-spacing: ();
16
- @for $i from $v-spacing-from through ceil($v-spacing-to / $v-spacing-step) {
18
+ @for $i from $v-spacing-from through math.ceil(math.div($v-spacing-to, $v-spacing-step)) {
17
19
  $v-spacing: map-merge($v-spacing, (#{$i*$v-spacing-step}: #{$i*$v-spacing-step * $spacing-ratio}rem));
18
20
  }
19
21
 
@@ -45,7 +47,7 @@ $h-spacing-breakpoints-classes: () !default;
45
47
 
46
48
  // set default spacing
47
49
  $h-spacing: ();
48
- @for $i from $h-spacing-from through ceil($h-spacing-to / $h-spacing-step) {
50
+ @for $i from $h-spacing-from through math.ceil(math.div($h-spacing-to, $h-spacing-step)) {
49
51
  $h-spacing: map-merge($h-spacing, (#{$i*$h-spacing-step}: #{$i*$h-spacing-step * $spacing-ratio}rem));
50
52
  }
51
53