oo-loop 0.5.1 → 0.6.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.
Files changed (37) hide show
  1. package/dist/loop.css +189 -625
  2. package/dist/loop.min.css +1 -1
  3. package/package.json +4 -3
  4. package/scss/_loop.scss +23 -27
  5. package/scss/_variables.scss +6 -2
  6. package/scss/base/_base.scss +11 -19
  7. package/scss/base/_type.scss +27 -63
  8. package/scss/components/_button.scss +56 -84
  9. package/scss/components/_columns.scss +69 -89
  10. package/scss/components/_form.scss +5 -7
  11. package/scss/components/_grid.scss +50 -62
  12. package/scss/components/form/_checkbox.scss +33 -41
  13. package/scss/components/form/_input.scss +12 -74
  14. package/scss/components/form/_mixin.scss +47 -0
  15. package/scss/components/form/_radio.scss +27 -34
  16. package/scss/components/form/_select.scss +38 -46
  17. package/scss/components/form/_toggle.scss +21 -30
  18. package/scss/functions/_array.scss +12 -8
  19. package/scss/functions/_empty.scss +6 -3
  20. package/scss/functions/_index.scss +7 -0
  21. package/scss/functions/_map.scss +4 -2
  22. package/scss/functions/_replace.scss +7 -4
  23. package/scss/functions/_split.scss +10 -6
  24. package/scss/functions/_type.scss +5 -3
  25. package/scss/mixins/_breakpoint.scss +12 -22
  26. package/scss/mixins/_loop.scss +19 -17
  27. package/scss/utilities/_color.scss +9 -18
  28. package/scss/utilities/_container.scss +9 -10
  29. package/scss/utilities/_float.scss +7 -11
  30. package/scss/utilities/_list.scss +9 -14
  31. package/scss/utilities/_spacing.scss +29 -40
  32. package/scss/utilities/_text.scss +19 -64
  33. package/scss/utilities/_visibility.scss +10 -9
  34. package/scss/utilities/_wrapper.scss +5 -10
  35. package/scss/base/_all.scss +0 -9
  36. package/scss/functions/_all.scss +0 -9
  37. package/scss/mixins/_all.scss +0 -7
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:.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}
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~=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;margin:0;height:100%;font-size:inherit;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::-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: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.5.1",
3
+ "version": "0.6.0",
4
4
  "description": "SCSS companion for Front-end Developer",
5
5
  "style": "dist/loop.css",
6
6
  "sass": "scss/_loop.scss",
@@ -10,7 +10,8 @@
10
10
  },
11
11
  "scripts": {
12
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"
13
+ "build": "sass --style=compressed --no-source-map scss/_loop.scss dist/loop.min.css",
14
+ "example": "sass --watch --style=expanded --no-source-map example/"
14
15
  },
15
16
  "repository": {
16
17
  "type": "git",
@@ -32,7 +33,7 @@
32
33
  "license": "MIT",
33
34
  "devDependencies": {
34
35
  "normalize.css": "^8.0.0",
35
- "sass": "^1.79.2"
36
+ "sass": "^1.80.5"
36
37
  },
37
38
  "files": [
38
39
  "dist/",
package/scss/_loop.scss CHANGED
@@ -1,34 +1,30 @@
1
1
  @charset "utf-8";
2
2
 
3
3
  // Functions, mixins and bases
4
- @import
5
- "variables",
6
- "functions/all",
7
- "mixins/all",
8
- "base/all"
9
- ;
4
+ @forward "variables";
10
5
 
6
+ // Base
7
+ @forward "base/normalize";
8
+ @forward "base/base";
9
+ @forward "base/type";
10
+
11
11
  // Components
12
- @import
13
- "components/grid",
14
- "components/columns",
15
- "components/button",
16
- "components/form/input",
17
- "components/form/select",
18
- "components/form/checkbox",
19
- "components/form/radio",
20
- "components/form/toggle"
21
- ;
12
+ @forward "components/grid";
13
+ @forward "components/columns";
14
+ @forward "components/button";
15
+ @forward "components/form/input";
16
+ @forward "components/form/select";
17
+ @forward "components/form/checkbox";
18
+ @forward "components/form/radio";
19
+ @forward "components/form/toggle";
22
20
 
23
21
  // Utilities
24
- @import
25
- "utilities/color",
26
- "utilities/container",
27
- "utilities/float",
28
- "utilities/list",
29
- "utilities/miscellaneous",
30
- "utilities/spacing",
31
- "utilities/text",
32
- "utilities/visibility",
33
- "utilities/wrapper"
34
- ;
22
+ @forward "utilities/color";
23
+ @forward "utilities/container";
24
+ @forward "utilities/float";
25
+ @forward "utilities/list";
26
+ @forward "utilities/miscellaneous";
27
+ @forward "utilities/spacing";
28
+ @forward "utilities/text";
29
+ @forward "utilities/visibility";
30
+ @forward "utilities/wrapper";
@@ -1,5 +1,5 @@
1
1
  @use 'sass:color';
2
- @import 'functions/map';
2
+ @use 'sass:list';
3
3
 
4
4
  /**
5
5
  * Variables
@@ -21,7 +21,9 @@ $breakpoints: (
21
21
  ) !default;
22
22
 
23
23
  $breakpoints-classes: (sm, md, lg) !default; // used in the project
24
-
24
+ $pointbreaks-classes: (sm, md, lg) !default;
25
+ // including the first step
26
+ $breakpoints-classes-width-default-value: list.join('', $breakpoints-classes) !default;
25
27
 
26
28
  /**
27
29
  * Body Base
@@ -365,6 +367,7 @@ $select-size: 10px !default;
365
367
  $select-weight: 2px !default;
366
368
  $select-color: $input-color !default;
367
369
  $select-bgcolor: $input-bgcolor !default;
370
+ $select-themes: () !default;
368
371
 
369
372
  // Checkboxes
370
373
 
@@ -425,3 +428,4 @@ $float-is-important: true !default;
425
428
  * Visibility Utilities
426
429
  */
427
430
  $visibility-breakpoints-classes: $breakpoints-classes !default;
431
+ $visibility-pointbreaks-classes: $pointbreaks-classes !default;
@@ -1,17 +1,9 @@
1
+ @use '../variables' as v;
2
+ @use '../mixins/font-smoothing' as fs;
1
3
  /**
2
4
  * Base
3
5
  */
4
6
 
5
- $font-size-root: 62.5% !default;
6
- $font-smoothing: true !default;
7
-
8
- $font-family-base: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !default;
9
- $font-size-base: 1.6rem !default; // == 16px ( relative to 62.5% $font-size-root)
10
- $font-weight-base: 400 !default;
11
- $line-height-base: 1.5 !default;
12
- $color-base: #333 !default;
13
- $bgcolor-base: #fff !default;
14
-
15
7
  // The width is not affected by padding or border
16
8
  *,
17
9
  *::after,
@@ -21,18 +13,18 @@ $bgcolor-base: #fff !default;
21
13
 
22
14
  // Font size based on 62.5% to have a convenient way to set sizes
23
15
  html {
24
- font-size: $font-size-root;
25
- @if $font-smoothing == true {
26
- @include fontSmoothing($font-smoothing);
16
+ font-size: v.$font-size-root;
17
+ @if v.$font-smoothing == true {
18
+ @include fs.fontSmoothing(v.$font-smoothing);
27
19
  }
28
20
  }
29
21
 
30
22
  // Default body styles
31
23
  body {
32
- color: $color-base;
33
- font-family: $font-family-base;
34
- font-size: $font-size-base;
35
- font-weight: $font-weight-base;
36
- line-height: $line-height-base;
37
- background-color: $bgcolor-base;
24
+ color: v.$color-base;
25
+ font-family: v.$font-family-base;
26
+ font-size: v.$font-size-base;
27
+ font-weight: v.$font-weight-base;
28
+ line-height: v.$line-height-base;
29
+ background-color: v.$bgcolor-base;
38
30
  }
@@ -1,85 +1,49 @@
1
1
  @use 'sass:color';
2
2
  @use 'sass:math';
3
+ @use '../functions' as fn;
4
+ @use '../mixins/breakpoint';
5
+
6
+ @use '../variables' as v;
3
7
 
4
8
  /**
5
9
  * Typography
6
10
  */
7
11
 
8
- $heading-font-sizes: (
9
- 'h1': (
10
- '': 3.6rem,
11
- sm: 4.6rem,
12
- ),
13
- 'h2': (
14
- '': 3.2rem,
15
- sm: 3.8rem,
16
- ),
17
- 'h3': 2.8rem,
18
- 'h4': 2.2rem,
19
- 'h5': 1.8rem,
20
- 'h6': 1.6rem,
21
- ) !default;
22
- $heading-font-sizes-classes: ('h1', 'h2', 'h3', 'h4') !default;
23
-
24
- $heading-color: $color-base !default;
25
- $heading-font-family: $font-family-base !default;
26
- $heading-font-weight: 500 !default;
27
- $heading-line-height: 1.125 !default;
28
- $heading-margin-top: .2em !default;
29
- $heading-margin-bottom: .45em !default;
30
- $heading-letter-spacing: -.1rem !default;
31
- $heading-letter-spacing-tags: () !default; // list of tags (h1, h2) ...
32
-
33
- // Paragraph
34
- $paragraph-margin-bottom: 1.8rem !default;
35
-
36
- // Anchor
37
- $anchor-color: $color-primary !default;
38
- $anchor-color-hover: $color-secondary !default;
39
- $anchor-text-decoration: none !default;
40
-
41
- // Description list
42
- $definition-list-term-font-weight: 700 !default;
43
-
44
- // Hr
45
- $hr-color: #cdcdcd !default;
46
- $hr-margins: 1.5rem !default;
47
-
48
12
  @mixin headings($heading, $font-size) {
49
- margin-top: $heading-margin-top;
50
- margin-bottom: $heading-margin-bottom;
51
- font-weight: $heading-font-weight;
52
- line-height: $heading-line-height;
13
+ margin-top: v.$heading-margin-top;
14
+ margin-bottom: v.$heading-margin-bottom;
15
+ font-weight: v.$heading-font-weight;
16
+ line-height: v.$heading-line-height;
53
17
 
54
18
  // font-size
55
- @if isMap($font-size) {
19
+ @if fn.isMap($font-size) {
56
20
  @each $key, $value in $font-size {
57
- @include breakpoint($key) { font-size: $value; }
21
+ @include breakpoint.from($key) { font-size: $value; }
58
22
  }
59
23
  } @else {
60
24
  font-size: $font-size;
61
25
  }
62
26
 
63
27
  // add letter spacing for specific
64
- @if isNotEmpty($heading-letter-spacing) and inArray($heading, $heading-letter-spacing-tags) {
65
- letter-spacing: $heading-letter-spacing;
28
+ @if fn.isNotEmpty(v.$heading-letter-spacing) and fn.inArray($heading, v.$heading-letter-spacing-tags) {
29
+ letter-spacing: v.$heading-letter-spacing;
66
30
  }
67
31
 
68
32
  //add font family rules if different
69
- @if $heading-font-family != $font-family-base {
70
- font-family: $heading-font-family;
33
+ @if v.$heading-font-family != v.$font-family-base {
34
+ font-family: v.$heading-font-family;
71
35
  }
72
36
 
73
37
  //add color rules if different
74
- @if $heading-color != $color-base {
75
- color: $heading-color;
38
+ @if v.$heading-color != v.$color-base {
39
+ color: v.$heading-color;
76
40
  }
77
41
  }
78
42
 
79
- @each $heading, $font-size in $heading-font-sizes {
43
+ @each $heading, $font-size in v.$heading-font-sizes {
80
44
  #{$heading} { @include headings($heading, $font-size) }
81
45
 
82
- @if inArray($heading, $heading-font-sizes-classes) {
46
+ @if fn.inArray($heading, v.$heading-font-sizes-classes) {
83
47
  .#{$heading} { @include headings($heading, $font-size) }
84
48
  }
85
49
  }
@@ -89,17 +53,17 @@ ul,
89
53
  ol,
90
54
  dl {
91
55
  margin-top: 0;
92
- margin-bottom: $paragraph-margin-bottom;
56
+ margin-bottom: v.$paragraph-margin-bottom;
93
57
  }
94
58
 
95
59
  a {
96
- color: $anchor-color;
60
+ color: v.$anchor-color;
97
61
  text-decoration: none;
98
62
 
99
63
  &:focus,
100
64
  &:hover {
101
- color: $anchor-color-hover;
102
- text-decoration: $anchor-text-decoration;
65
+ color: v.$anchor-color-hover;
66
+ text-decoration: v.$anchor-text-decoration;
103
67
  }
104
68
  }
105
69
 
@@ -115,7 +79,7 @@ ol {
115
79
  }
116
80
  }
117
81
 
118
- dt { font-weight: $definition-list-term-font-weight; }
82
+ dt { font-weight: v.$definition-list-term-font-weight; }
119
83
  dd {
120
84
  margin-left: auto;
121
85
  + dt {
@@ -124,7 +88,7 @@ dd {
124
88
  }
125
89
 
126
90
  mark {
127
- $highlight: color.adjust($color-primary, $lightness: 55%);
91
+ $highlight: color.adjust(v.$color-primary, $lightness: 55%);
128
92
 
129
93
  @if color.channel($highlight, 'lightness', $space: hsl) > math.percentage(math.div(9.5,10)) {
130
94
  $highlight: color.adjust(yellow, $lightness: 40%);
@@ -135,9 +99,9 @@ mark {
135
99
  }
136
100
 
137
101
  hr, .hr {
138
- margin-top: $hr-margins;
139
- margin-bottom: $hr-margins;
102
+ margin-top: v.$hr-margins;
103
+ margin-bottom: v.$hr-margins;
140
104
  display: block;
141
105
  border:none;
142
- border-bottom: 1px solid $hr-color;
106
+ border-bottom: 1px solid v.$hr-color;
143
107
  }