grommet
Version:
The most advanced UX framework for enterprise applications.
9 lines (7 loc) • 382 kB
CSS
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;src:local("Work Sans Light"),local("WorkSans-Light"),url(https://fonts.gstatic.com/s/worksans/v2/FD_Udbezj8EHXbdsqLUplxampu5_7CjHW5spxoeN3Vs.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;src:local("Work Sans"),local("WorkSans-Regular"),url(https://fonts.gstatic.com/s/worksans/v2/ElUAY9q6T0Ayx4zWzW63VJBw1xU1rKptJj_0jans920.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;src:local("Work Sans Medium"),local("WorkSans-Medium"),url(https://fonts.gstatic.com/s/worksans/v2/Nbre-U_bp6Xktt8cpgwaJBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;src:local("Work Sans SemiBold"),local("WorkSans-SemiBold"),url(https://fonts.gstatic.com/s/worksans/v2/z9rX03Xuz9ZNHTMg1_ghGRampu5_7CjHW5spxoeN3Vs.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;src:local("Work Sans Bold"),local("WorkSans-Bold"),url(https://fonts.gstatic.com/s/worksans/v2/4udXuXg54JlPEP5iKO5AmRampu5_7CjHW5spxoeN3Vs.woff2) format("woff2")}
/*!
* inuitcss, by @csswizardry
*
* github.com/inuitcss | inuitcss.com
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:24px;margin-bottom:1.5rem}dd,ol,ul{margin-left:48px;margin-left:3rem}html{font-size:1em;line-height:1.5;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1{font-size:36px;font-size:2.25rem;line-height:1.33333}h2{font-size:30px;font-size:1.875rem;line-height:1.6}h3{font-size:24px;font-size:1.5rem;line-height:1}h4{font-size:20px;font-size:1.25rem;line-height:1.2}h5{font-size:16px;font-size:1rem;line-height:1.5}h6{font-size:14px;font-size:.875rem;line-height:1.71429}li>ol,li>ul{margin-bottom:0}img{max-width:100%;font-style:italic;vertical-align:middle}.gm-style img,img[height],img[width]{max-width:none}.brand-font,.grommet{font-family:Work Sans,Arial,sans-serif}.grommet{font-size:16px;font-size:1rem;line-height:24px}@media screen and (min-width:45em){.grommet h1:not(.grommetux-heading){font-size:48px;font-size:3rem;line-height:1.125}}@media screen and (max-width:44.9375em){.grommet h1:not(.grommetux-heading){font-size:36px;font-size:2.25rem;line-height:1.125}}@media screen and (min-width:45em){.grommet h2:not(.grommetux-heading){font-size:36px;font-size:2.25rem;line-height:1.23}}@media screen and (max-width:44.9375em){.grommet h2:not(.grommetux-heading){font-size:30px;font-size:1.875rem;line-height:1.23}}.grommet h3:not(.grommetux-heading){font-size:24px;line-height:1.333}.grommet h4:not(.grommetux-heading){font-size:18px;line-height:1.333}.grommet h5:not(.grommetux-heading),.grommet h6:not(.grommetux-heading){font-size:16px;line-height:1.375}.grommet h1:not(.grommetux-heading),.grommet h2:not(.grommetux-heading),.grommet h3:not(.grommetux-heading),.grommet h4:not(.grommetux-heading),.grommet h5:not(.grommetux-heading),.grommet h6:not(.grommetux-heading){font-weight:300;max-width:100%}.grommet h1:not(.grommetux-heading) .grommetux-anchor,.grommet h1:not(.grommetux-heading) a,.grommet h2:not(.grommetux-heading) .grommetux-anchor,.grommet h2:not(.grommetux-heading) a,.grommet h3:not(.grommetux-heading) .grommetux-anchor,.grommet h3:not(.grommetux-heading) a,.grommet h4:not(.grommetux-heading) .grommetux-anchor,.grommet h4:not(.grommetux-heading) a,.grommet h5:not(.grommetux-heading) .grommetux-anchor,.grommet h5:not(.grommetux-heading) a,.grommet h6:not(.grommetux-heading) .grommetux-anchor,.grommet h6:not(.grommetux-heading) a{color:inherit;text-decoration:none}.grommet h1:not(.grommetux-heading) .grommetux-anchor:hover,.grommet h1:not(.grommetux-heading) a:hover,.grommet h2:not(.grommetux-heading) .grommetux-anchor:hover,.grommet h2:not(.grommetux-heading) a:hover,.grommet h3:not(.grommetux-heading) .grommetux-anchor:hover,.grommet h3:not(.grommetux-heading) a:hover,.grommet h4:not(.grommetux-heading) .grommetux-anchor:hover,.grommet h4:not(.grommetux-heading) a:hover,.grommet h5:not(.grommetux-heading) .grommetux-anchor:hover,.grommet h5:not(.grommetux-heading) a:hover,.grommet h6:not(.grommetux-heading) .grommetux-anchor:hover,.grommet h6:not(.grommetux-heading) a:hover{text-decoration:none}.grommet dd,.grommet li:not([class^=grommetux-]){max-width:576px;margin-left:0;font-size:16px;font-weight:300;line-height:1.375;color:#666}.grommet dd{font-size:16px;font-weight:300;line-height:1.375;margin-bottom:12px}.grommet p:not(.grommetux-paragraph){max-width:576px;margin-left:0;margin-top:24px;margin-bottom:24px;font-size:16px;font-weight:300;line-height:1.375;color:#666}.grommet blockquote{font-size:36px;font-size:2.25rem;line-height:1.33333;margin-top:24px;margin-bottom:24px}.grommet b,.grommet strong{font-weight:500}.grommet code{font-family:Consolas,Menlo,DejaVu Sans Mono,Liberation Mono,monospace}.grommet .large-number-font{font-family:Work Sans,Arial,sans-serif}.grommet .secondary{color:#666}.grommet .error{color:#ff324d}.grommet .grommetux-background-color-index--dark .secondary,.grommet .grommetux-background-color-index--dark dd,.grommet .grommetux-background-color-index--dark p:not(.grommetux-paragraph),.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark .secondary,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark dd,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark p:not(.grommetux-paragraph){color:hsla(0,0%,100%,.85)}.grommet .grommetux-background-color-index--dark .error,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark .error{color:#f59f9f}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light dd,.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light p:not(.grommetux-paragraph),.grommet .grommetux-background-color-index--light dd,.grommet .grommetux-background-color-index--light p:not(.grommetux-paragraph){color:#333}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light .secondary,.grommet .grommetux-background-color-index--light .secondary{color:#666}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light .error,.grommet .grommetux-background-color-index--light .error{color:#ff324d}.grommet input:not(.grommetux-input),.grommet select,.grommet textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid rgba(0,0,0,.15);border-radius:4px;outline:none;background-color:transparent;color:inherit;font:inherit;margin:0}.grommet input:not(.grommetux-input):focus,.grommet select:focus,.grommet textarea:focus{border-width:2px;border-color:#00cceb;padding:10px 22px}.grommet input:not(.grommetux-input)::-moz-focus-inner,.grommet select::-moz-focus-inner,.grommet textarea::-moz-focus-inner{border:none;outline:none}.grommet input:not(.grommetux-input)::-webkit-input-placeholder,.grommet select::-webkit-input-placeholder,.grommet textarea::-webkit-input-placeholder{color:#aaa}.grommet input:not(.grommetux-input)::-moz-placeholder,.grommet select::-moz-placeholder,.grommet textarea::-moz-placeholder{color:#aaa}.grommet input:not(.grommetux-input):-ms-input-placeholder,.grommet select:-ms-input-placeholder,.grommet textarea:-ms-input-placeholder{color:#aaa}.grommet input:not(.grommetux-input).error,.grommet select.error,.grommet textarea.error{border-color:#ff324d}.grommet input[type=button],.grommet input[type=submit]{text-align:center;line-height:inherit}.grommet select{border-color:rgba(0,0,0,.15);padding-right:48px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) no-repeat center right 12px;cursor:pointer}.grommet select::-moz-focus-inner{border:none}.grommet select.plain{border:none}.grommet select:focus{padding-right:48px}.grommet input[type=range]{position:relative;-webkit-appearance:none;border-color:transparent;height:24px;padding:0;cursor:pointer;overflow-x:hidden}.grommet input[type=range]:focus{outline:none}.grommet input[type=range]::-moz-focus-inner,.grommet input[type=range]::-moz-focus-outer{border:none}.grommet input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:rgba(51,51,51,.2)}.grommet input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;height:24px;width:24px;overflow:visible;margin-top:-11px;border:2px solid #865cd6;border-radius:24px;background-color:#fff;cursor:pointer}.grommet input[type=range]::-webkit-slider-thumb:hover{border-color:#000}.grommet input[type=range]::-moz-range-track{width:100%;height:2px;background-color:rgba(51,51,51,.2)}.grommet input[type=range]::-moz-range-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #865cd6;height:20px;width:20px;border-radius:24px;background-color:#fff}.grommet input[type=range]:hover::-moz-range-thumb{border-color:#000}.grommet input[type=range]::-ms-track{width:100%;height:2px;background-color:rgba(51,51,51,.2);border-color:transparent;color:transparent}.grommet input[type=range]::-ms-fill-lower{background:#865cd6;border-color:transparent}.grommet input[type=range]::-ms-fill-upper{background:rgba(51,51,51,.2);border-color:transparent}.grommet input[type=range]::-ms-thumb{position:relative;height:24px;width:24px;overflow:visible;border:2px solid #666;height:20px;width:20px;border-radius:24px;background-color:#fff}.grommet input[type=range]:hover::-ms-thumb{border-color:#000}.grommet .grommetux-background-color-index--dark input[type=range]::-webkit-slider-runnable-track,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.2)}.grommet .grommetux-background-color-index--dark input[type=range]::-webkit-slider-thumb,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark input[type=range]::-webkit-slider-thumb{background-color:#fff;border:2px solid #fff}.grommet .grommetux-background-color-index--dark input[type=range]::-moz-range-thumb,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark input[type=range]::-moz-range-thumb{background-color:#fff;border:2px solid #fff}.grommet .grommetux-background-color-index--dark input[type=range]::-ms-fill-lower,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark input[type=range]::-ms-fill-lower{background:#fff}.grommet .grommetux-background-color-index--dark input[type=range]::-ms-fill-upper,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark input[type=range]::-ms-fill-upper{background:hsla(0,0%,100%,.2)}.grommet .grommetux-background-color-index--dark input[type=range]::-ms-thumb,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark input[type=range]::-ms-thumb{border-color:#fff}.grommet .grommetux-background-color-index--dark input[type=range]:hover::-ms-thumb,.grommet .grommetux-background-color-index--light .grommetux-background-color-index--dark input[type=range]:hover::-ms-thumb{border-color:#fff;background-color:#fff}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light input[type=range]::-webkit-slider-runnable-track,.grommet .grommetux-background-color-index--light input[type=range]::-webkit-slider-runnable-track{background-color:rgba(51,51,51,.2)}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light input[type=range]::-webkit-slider-thumb,.grommet .grommetux-background-color-index--light input[type=range]::-webkit-slider-thumb{background-color:#000;border:2px solid #000}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light input[type=range]::-moz-range-thumb,.grommet .grommetux-background-color-index--light input[type=range]::-moz-range-thumb{background-color:#000;border:2px solid #000}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light input[type=range]::-ms-fill-lower,.grommet .grommetux-background-color-index--light input[type=range]::-ms-fill-lower{background:#865cd6}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light input[type=range]::-ms-fill-upper,.grommet .grommetux-background-color-index--light input[type=range]::-ms-fill-upper{background:rgba(51,51,51,.2)}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light input[type=range]::-ms-thumb,.grommet .grommetux-background-color-index--light input[type=range]::-ms-thumb{border-color:#666}.grommet .grommetux-background-color-index--dark .grommetux-background-color-index--light input[type=range]:hover::-ms-thumb,.grommet .grommetux-background-color-index--light input[type=range]:hover::-ms-thumb{border-color:#000;background-color:#fff}.grommet{box-sizing:border-box}.grommet.rtl{direction:rtl}.grommet *{box-sizing:inherit}.i-list-bare{margin:0;padding:0;list-style:none}.grommetux-accordion-panel{margin:3px}.grommetux-accordion-panel__header{color:#666}.grommetux-background-color-index--dark .grommetux-accordion-panel__header,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-accordion-panel__header{color:hsla(0,0%,100%,.85)}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-accordion-panel__header,.grommetux-background-color-index--light .grommetux-accordion-panel__header{color:#666}.grommetux-accordion-panel__header:hover{color:#000}.grommetux-background-color-index--dark .grommetux-accordion-panel__header:hover,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-accordion-panel__header:hover{color:hsla(0,0%,100%,.85)}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-accordion-panel__header:hover,.grommetux-background-color-index--light .grommetux-accordion-panel__header:hover{color:#000}.grommetux-accordion-panel--active .grommetux-accordion-panel__control{transform:rotate(90deg)}.grommet a:not(.grommetux-anchor):not(.grommetux-button){color:#865cd6;text-decoration:none;cursor:pointer}.grommet a:not(.grommetux-anchor):not(.grommetux-button).plain .grommet a:not(.grommetux-anchor):not(.grommetux-button).grommetux-button,.grommet a:not(.grommetux-anchor):not(.grommetux-button).plain .grommet a:not(.grommetux-anchor):not(.grommetux-button).grommetux-button:hover{text-decoration:none}.grommet a:not(.grommetux-anchor):not(.grommetux-button):visited{color:#865cd6}.grommet a:not(.grommetux-anchor):not(.grommetux-button).active{color:#333}.grommet a:not(.grommetux-anchor):not(.grommetux-button):hover{color:#6b37cd;text-decoration:underline}.grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button),.grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button):visited,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button),.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button):visited{color:hsla(0,0%,100%,.85)}.grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button).active,.grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button):hover,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button).active,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommet a:not(.grommetux-anchor):not(.grommetux-button):hover{color:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button),.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button):visited,.grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button),.grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button):visited{color:#865cd6}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button).active,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button):hover,.grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button).active,.grommetux-background-color-index--light .grommet a:not(.grommetux-anchor):not(.grommetux-button):hover{color:#6b37cd}.grommetux-background-color-index--pending .grommet a:not(.grommetux-anchor):not(.grommetux-button),.grommetux-background-color-index--pending .grommet a:not(.grommetux-anchor):not(.grommetux-button).active,.grommetux-background-color-index--pending .grommet a:not(.grommetux-anchor):not(.grommetux-button):hover,.grommetux-background-color-index--pending .grommet a:not(.grommetux-anchor):not(.grommetux-button):visited{color:transparent}.grommetux-anchor{color:#865cd6;cursor:pointer}.grommetux-anchor,.grommetux-anchor.plain .grommetux-anchor.grommetux-button,.grommetux-anchor.plain .grommetux-anchor.grommetux-button:hover{text-decoration:none}.grommetux-anchor:visited{color:#865cd6}.grommetux-anchor.active{color:#333}.grommetux-anchor:hover{color:#6b37cd;text-decoration:underline}.grommetux-background-color-index--dark .grommetux-anchor,.grommetux-background-color-index--dark .grommetux-anchor:visited,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor:visited{color:hsla(0,0%,100%,.85)}.grommetux-background-color-index--dark .grommetux-anchor.active,.grommetux-background-color-index--dark .grommetux-anchor:hover,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor.active,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor:hover{color:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor:visited,.grommetux-background-color-index--light .grommetux-anchor,.grommetux-background-color-index--light .grommetux-anchor:visited{color:#865cd6}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor.active,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor:hover,.grommetux-background-color-index--light .grommetux-anchor.active,.grommetux-background-color-index--light .grommetux-anchor:hover{color:#6b37cd}.grommetux-background-color-index--pending .grommetux-anchor,.grommetux-background-color-index--pending .grommetux-anchor.active,.grommetux-background-color-index--pending .grommetux-anchor:hover,.grommetux-background-color-index--pending .grommetux-anchor:visited{color:transparent}.grommetux-anchor__icon{display:inline-block;height:48px;padding:12px}.grommetux-anchor__icon .grommetux-control-icon{fill:#666;stroke:#666}.grommetux-anchor__icon:hover .grommetux-control-icon{fill:#000;stroke:#000;transform:scale(1.1)}.grommetux-background-color-index--dark .grommetux-anchor__icon,.grommetux-background-color-index--dark .grommetux-anchor__icon:visited,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor__icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor__icon:visited{color:hsla(0,0%,100%,.85)}.grommetux-background-color-index--dark .grommetux-anchor__icon.active,.grommetux-background-color-index--dark .grommetux-anchor__icon:hover,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor__icon.active,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor__icon:hover{color:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor__icon,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor__icon:visited,.grommetux-background-color-index--light .grommetux-anchor__icon,.grommetux-background-color-index--light .grommetux-anchor__icon:visited{color:#666}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor__icon.active,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor__icon:hover,.grommetux-background-color-index--light .grommetux-anchor__icon.active,.grommetux-background-color-index--light .grommetux-anchor__icon:hover{color:#000}.grommetux-background-color-index--pending .grommetux-anchor__icon,.grommetux-background-color-index--pending .grommetux-anchor__icon.active,.grommetux-background-color-index--pending .grommetux-anchor__icon:hover,.grommetux-background-color-index--pending .grommetux-anchor__icon:visited{color:transparent}.grommetux-background-color-index--dark .grommetux-anchor__icon .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor__icon .grommetux-control-icon{fill:hsla(0,0%,100%,.7);stroke:hsla(0,0%,100%,.7)}.grommetux-background-color-index--dark .grommetux-anchor__icon:active .grommetux-control-icon,.grommetux-background-color-index--dark .grommetux-anchor__icon:hover .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor__icon:active .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor__icon:hover .grommetux-control-icon{fill:#fff;stroke:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor__icon .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor__icon .grommetux-control-icon{fill:#666;stroke:#666}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor__icon:active .grommetux-control-icon,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor__icon:hover .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor__icon:active .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor__icon:hover .grommetux-control-icon{fill:#000;stroke:#000}.grommetux-anchor--icon{flex:0 0 auto}.grommetux-anchor--icon-label,.grommetux-anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;text-decoration:none}.grommetux-anchor--icon-label .grommetux-control-icon,.grommetux-anchor--primary .grommetux-control-icon{vertical-align:middle;margin-right:12px}html.rtl .grommetux-anchor--icon-label .grommetux-control-icon,html.rtl .grommetux-anchor--primary .grommetux-control-icon{margin-right:0;margin-left:12px}.grommetux-anchor--icon-label>span,.grommetux-anchor--primary>span{vertical-align:middle}.grommetux-anchor--icon-label:hover:not(.grommetux-anchor--disabled) .grommetux-control-icon,.grommetux-anchor--primary:hover:not(.grommetux-anchor--disabled) .grommetux-control-icon{transform:scale(1.1)}.grommetux-anchor--reverse .grommetux-control-icon{margin-right:0;margin-left:12px}.grommetux-anchor--icon-label:not(.grommetux-anchor--primary),.grommetux-anchor--icon-label:not(.grommetux-anchor--primary):visited{color:#333}.grommetux-anchor--icon-label:not(.grommetux-anchor--primary) .grommetux-control-icon{fill:#666;stroke:#666}.grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover:not(.grommetux-anchor--disabled){color:#000;text-decoration:none}.grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover:not(.grommetux-anchor--disabled) .grommetux-control-icon{transform:scale(1.1)}.grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary),.grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):visited,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary),.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):visited{color:hsla(0,0%,100%,.85)}.grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary).active,.grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary).active,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover{color:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary),.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):visited,.grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary),.grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):visited{color:#666}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary).active,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover,.grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary).active,.grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover{color:#000}.grommetux-background-color-index--pending .grommetux-anchor--icon-label:not(.grommetux-anchor--primary),.grommetux-background-color-index--pending .grommetux-anchor--icon-label:not(.grommetux-anchor--primary).active,.grommetux-background-color-index--pending .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover,.grommetux-background-color-index--pending .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):visited{color:transparent}.grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary) .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary) .grommetux-control-icon{fill:hsla(0,0%,100%,.7);stroke:hsla(0,0%,100%,.7)}.grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):active .grommetux-control-icon,.grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):active .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover .grommetux-control-icon{fill:#fff;stroke:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary) .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary) .grommetux-control-icon{fill:#666;stroke:#666}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):active .grommetux-control-icon,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):active .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor--icon-label:not(.grommetux-anchor--primary):hover .grommetux-control-icon{fill:#000;stroke:#000}.grommetux-anchor--primary{color:#865cd6}.grommetux-anchor--primary .grommetux-control-icon{fill:#865cd6;stroke:#865cd6}.grommetux-anchor--primary.active{color:#865cd6}.grommetux-anchor--primary.grommetux-anchor--animate-icon:not(.grommetux-anchor--disabled):hover{text-decoration:none}.grommetux-anchor--primary.grommetux-anchor--animate-icon:not(.grommetux-anchor--disabled):hover .grommetux-control-icon{transform:translateX(3px)}.grommetux-background-color-index--dark .grommetux-anchor--primary,.grommetux-background-color-index--dark .grommetux-anchor--primary:visited,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--primary,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--primary:visited{color:hsla(0,0%,100%,.85)}.grommetux-background-color-index--dark .grommetux-anchor--primary.active,.grommetux-background-color-index--dark .grommetux-anchor--primary:hover,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--primary.active,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--primary:hover{color:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--primary,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--primary.active,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--primary:hover,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--primary:visited,.grommetux-background-color-index--light .grommetux-anchor--primary,.grommetux-background-color-index--light .grommetux-anchor--primary.active,.grommetux-background-color-index--light .grommetux-anchor--primary:hover,.grommetux-background-color-index--light .grommetux-anchor--primary:visited{color:#865cd6}.grommetux-background-color-index--pending .grommetux-anchor--primary,.grommetux-background-color-index--pending .grommetux-anchor--primary.active,.grommetux-background-color-index--pending .grommetux-anchor--primary:hover,.grommetux-background-color-index--pending .grommetux-anchor--primary:visited{color:transparent}.grommetux-background-color-index--dark .grommetux-anchor--primary .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--primary .grommetux-control-icon{fill:hsla(0,0%,100%,.7);stroke:hsla(0,0%,100%,.7)}.grommetux-background-color-index--dark .grommetux-anchor--primary:active .grommetux-control-icon,.grommetux-background-color-index--dark .grommetux-anchor--primary:hover .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--primary:active .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--primary:hover .grommetux-control-icon{fill:#fff;stroke:#fff}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--primary .grommetux-control-icon,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--primary:active .grommetux-control-icon,.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--primary:hover .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor--primary .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor--primary:active .grommetux-control-icon,.grommetux-background-color-index--light .grommetux-anchor--primary:hover .grommetux-control-icon{fill:#865cd6;stroke:#865cd6}.grommetux-anchor--disabled{opacity:.3;cursor:default}.grommetux-anchor--disabled .grommetux-control-icon{cursor:default}.grommetux-anchor--disabled:hover{color:inherit;text-decoration:none}.grommetux-anchor--disabled:hover.grommetux-anchor--primary,.grommetux-anchor--disabled:hover.grommetux-anchor:not(.grommetux-anchor--primary){color:#865cd6}.grommetux-background-color-index--dark .grommetux-anchor--disabled:hover,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--disabled:hover{fill:hsla(0,0%,100%,.7);stroke:hsla(0,0%,100%,.7)}.grommetux-background-color-index--dark .grommetux-anchor--disabled:hover.grommetux-anchor--primary,.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-anchor--disabled:hover.grommetux-anchor--primary{color:hsla(0,0%,100%,.7)}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--disabled:hover,.grommetux-background-color-index--light .grommetux-anchor--disabled:hover{fill:#865cd6;stroke:#865cd6}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-anchor--disabled:hover.grommetux-anchor--primary,.grommetux-background-color-index--light .grommetux-anchor--disabled:hover.grommetux-anchor--primary{color:#865cd6}.grommetux-anchor--align-start{text-align:left}.grommetux-anchor--align-center{text-align:center}.grommetux-anchor--align-end{text-align:right}.grommetux-animate .grommetux-animate__child{transition:all 1s}.grommetux-animate__child--inactive{pointer-events:none}.grommetux-animate__child--fade.grommetux-animate__child--inactive,.grommetux-animate__child--fade.grommetux-animate__child--leave{opacity:0}.grommetux-animate__child--slide-up.grommetux-animate__child--inactive,.grommetux-animate__child--slide-up.grommetux-animate__child--leave{opacity:0;transform:translateY(50%)}.grommetux-animate__child--slide-down.grommetux-animate__child--inactive,.grommetux-animate__child--slide-down.grommetux-animate__child--leave{opacity:0;transform:translateY(-50%)}.grommetux-animate__child--slide-left.grommetux-animate__child--inactive,.grommetux-animate__child--slide-left.grommetux-animate__child--leave{opacity:0;transform:translateX(50%)}.grommetux-animate__child--slide-right.grommetux-animate__child--inactive,.grommetux-animate__child--slide-right.grommetux-animate__child--leave{opacity:0;transform:translateX(-50%)}@keyframes a{0%,to{transform:translateX(0)}25%{transform:translateX(-.2%)}75%{transform:translateX(.2%)}}.grommetux-animate__child--jiggle.grommetux-animate__child--enter,.grommetux-animate__child--jiggle.grommetux-animate__child--leave{animation:a .2s infinite alternate ease-in-out}@media screen and (min-width:45em){.grommet.grommetux-app{top:0;bottom:0;left:0;right:0;height:100%;width:100%;overflow:visible}}.grommet.grommetux-app--hidden{position:fixed}.grommet.grommetux-app--inline{position:relative}.grommet.grommetux-app--centered{width:100%;max-width:1152px;margin-left:auto;margin-right:auto}.grommet.grommetux-app .grommetux-app__announcer{left:-100%;right:100%;z-index:-1;position:fixed}.grommetux-article{position:relative}.grommetux-article>*{flex:0 0 auto}.grommetux-article--scroll-step{text-align:center;height:100vh;width:100vw;max-width:100%}.grommetux-article--scroll-step.grommetux-box--direction-column{overflow-x:hidden;overflow-y:auto}.grommetux-article--scroll-step.grommetux-box--direction-column .grommetux-article__control-carousel{top:50%;left:24px;transform:translateY(-50%)}.grommetux-article--scroll-step.grommetux-box--direction-row{overflow-x:auto;overflow-y:hidden}.grommetux-article--scroll-step.grommetux-box--direction-row>:not(.grommetux-article__controls){overflow-y:auto}@media screen and (max-width:44.9375em){.grommetux-article--scroll-step.grommetux-box--direction-row>:not(.grommetux-article__controls){overflow-y:scroll;-webkit-overflow-scrolling:touch}}.grommetux-article--scroll-step.grommetux-box--direction-row .grommetux-article__control-carousel{top:24px;left:50%;transform:translateX(-50%)}@media screen and (max-width:44.9375em){.grommetux-article--scroll-step.grommetux-box--responsive.grommetux-box--direction-row{flex-direction:row}}.grommetux-article__control{position:fixed;z-index:10;margin:24px}.grommetux-article__control.grommetux-button--plain.grommetux-button--icon{overflow:hidden}.grommetux-article__control .grommetux-button__icon{padding:0}.grommetux-article__control-up{top:0;left:50%;transform:translateX(-50%)}.grommetux-article__control-down{bottom:0;left:50%;transform:translateX(-50%)}@media screen and (min-width:45em){.grommetux-article__control-left{left:0;top:50%;transform:translateY(-50%)}}@media screen and (max-width:44.9375em){.grommetux-article__control-left{left:0;bottom:0}}@media screen and (min-width:45em){.grommetux-article__control-right{top:50%;transform:translateY(-50%);right:0}}@media screen and (max-width:44.9375em){.grommetux-article__control-right{right:0;bottom:0}}.grommet article:not(.grommetux-article){width:100%}.grommetux-box{display:flex;background-position:50%;background-size:cover;background-repeat:no-repeat}.grommetux-box--pad-none{padding:0}@media screen and (min-width:45em){.grommetux-box--pad-small{padding:12px}.grommetux-box--pad-medium{padding:24px}.grommetux-box--pad-large{padding:48px}.grommetux-box--pad-xlarge{padding:192px}}@media screen and (max-width:44.9375em){.grommetux-box--pad-small{padding:6px}.grommetux-box--pad-medium{padding:12px}.grommetux-box--pad-large{padding:24px}.grommetux-box--pad-xlarge{padding:48px}}.grommetux-box--pad-horizontal-none{padding-left:0;padding-right:0}@media screen and (min-width:45em){.grommetux-box--pad-horizontal-small{padding-left:12px;padding-right:12px}.grommetux-box--pad-horizontal-medium{padding-left:24px;padding-right:24px}.grommetux-box--pad-horizontal-large{padding-left:48px;padding-right:48px}.grommetux-box--pad-horizontal-xlarge{padding-left:192px;padding-right:192px}}@media screen and (max-width:44.9375em){.grommetux-box--pad-horizontal-small{padding-left:6px;padding-right:6px}.grommetux-box--pad-horizontal-medium{padding-left:12px;padding-right:12px}.grommetux-box--pad-horizontal-large{padding-left:24px;padding-right:24px}.grommetux-box--pad-horizontal-xlarge{padding-left:48px;padding-right:48px}}.grommetux-box--pad-vertical-none{padding-top:0;padding-bottom:0}@media screen and (min-width:45em){.grommetux-box--pad-vertical-small{padding-top:12px;padding-bottom:12px}.grommetux-box--pad-vertical-medium{padding-top:24px;padding-bottom:24px}.grommetux-box--pad-vertical-large{padding-top:48px;padding-bottom:48px}.grommetux-box--pad-vertical-xlarge{padding-top:192px;padding-bottom:192px}}@media screen and (max-width:44.9375em){.grommetux-box--pad-vertical-small{padding-top:6px;padding-bottom:6px}.grommetux-box--pad-vertical-medium{padding-top:12px;padding-bottom:12px}.grommetux-box--pad-vertical-large{padding-top:24px;padding-bottom:24px}.grommetux-box--pad-vertical-xlarge{padding-top:48px;padding-bottom:48px}}.grommetux-box--margin-none{margin:0}.grommetux-box--margin-small{margin:12px}.grommetux-box--margin-medium{margin:24px}.grommetux-box--margin-large{margin:48px}@media screen and (max-width:44.9375em){.grommetux-box--margin-small{margin:6px}.grommetux-box--margin-medium{margin:12px}.grommetux-box--margin-large{margin:24px}}.grommetux-box--margin-horizontal-none{margin-left:0;margin-right:0}.grommetux-box--margin-horizontal-small{margin-left:12px;margin-right:12px}.grommetux-box--margin-horizontal-medium{margin-left:24px;margin-right:24px}.grommetux-box--margin-horizontal-large{margin-left:48px;margin-right:48px}@media screen and (max-width:44.9375em){.grommetux-box--margin-horizontal-small{margin-left:6px;margin-right:6px}.grommetux-box--margin-horizontal-medium{margin-left:12px;margin-right:12px}.grommetux-box--margin-horizontal-large{margin-left:24px;margin-right:24px}}.grommetux-box--margin-vertical-none{margin-top:0;margin-bottom:0}.grommetux-box--margin-vertical-small{margin-top:12px;margin-bottom:12px}.grommetux-box--margin-vertical-medium{margin-top:24px;margin-bottom:24px}.grommetux-box--margin-vertical-large{margin-top:48px;margin-bottom:48px}@media screen and (max-width:44.9375em){.grommetux-box--margin-vertical-small{margin-top:6px;margin-bottom:6px}.grommetux-box--margin-vertical-medium{margin-top:12px;margin-bottom:12px}.grommetux-box--margin-vertical-large{margin-top:24px;margin-bottom:24px}}.grommetux-box--margin-left-none{margin-left:0}.grommetux-box--margin-left-small{margin-left:12px}.grommetux-box--margin-left-medium{margin-left:24px}.grommetux-box--margin-left-large{margin-left:48px}@media screen and (max-width:44.9375em){.grommetux-box--margin-left-small{margin-left:6px}.grommetux-box--margin-left-medium{margin-left:12px}.grommetux-box--margin-left-large{margin-left:24px}}.grommetux-box--margin-right-none{margin-right:0}.grommetux-box--margin-right-small{margin-right:12px}.grommetux-box--margin-right-medium{margin-right:24px}.grommetux-box--margin-right-large{margin-right:48px}@media screen and (max-width:44.9375em){.grommetux-box--margin-right-small{margin-right:6px}.grommetux-box--margin-right-medium{margin-right:12px}.grommetux-box--margin-right-large{margin-right:24px}}.grommetux-box--margin-top-none{margin-top:0}.grommetux-box--margin-top-small{margin-top:12px}.grommetux-box--margin-top-medium{margin-top:24px}.grommetux-box--margin-top-large{margin-top:48px}@media screen and (max-width:44.9375em){.grommetux-box--margin-top-small{margin-top:6px}.grommetux-box--margin-top-medium{margin-top:12px}.grommetux-box--margin-top-large{margin-top:24px}}.grommetux-box--margin-bottom-none{margin-bottom:0}.grommetux-box--margin-bottom-small{margin-bottom:12px}.grommetux-box--margin-bottom-medium{margin-bottom:24px}.grommetux-box--margin-bottom-large{margin-bottom:48px}@media screen and (max-width:44.9375em){.grommetux-box--margin-bottom-small{margin-bottom:6px}.grommetux-box--margin-bottom-medium{margin-bottom:12px}.grommetux-box--margin-bottom-large{margin-bottom:24px}}.grommetux-box__texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.grommetux-box--separator-all,.grommetux-box--separator-horizontal,.grommetux-box--separator-top{border-top:1px solid rgba(0,0,0,.15)}.grommetux-box--separator-all,.grommetux-box--separator-bottom,.grommetux-box--separator-horizontal{border-bottom:1px solid rgba(0,0,0,.15)}.grommetux-box--separator-all,.grommetux-box--separator-left,.grommetux-box--separator-vertical{border-left:1px solid rgba(0,0,0,.15)}@media screen and (max-width:44.9375em){.grommetux-box--responsive.grommetux-box--direction-row .grommetux-box--separator-all,.grommetux-box--responsive.grommetux-box--direction-row .grommetux-box--separator-left,.grommetux-box--responsive.grommetux-box--direction-row .grommetux-box--separator-vertical{border-left:none;border-top:1px solid rgba(0,0,0,.15)}}.grommetux-box--separator-all,.grommetux-box--separator-right,.grommetux-box--separator-vertical{border-right:1px solid rgba(0,0,0,.15)}@media screen and (max-width:44.9375em){.grommetux-box--responsive.grommetux-box--direction-row .grommetux-box--separator-all,.grommetux-box--responsive.grommetux-box--direction-row .grommetux-box--separator-right,.grommetux-box--responsive.grommetux-box--direction-row .grommetux-box--separator-vertical{border-right:none;border-bottom:1px solid rgba(0,0,0,.15)}}.grommetux-background-color-index--dark .grommetux-box[class*=grommetux-box--separator],.grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-box[class*=grommetux-box--separator]{border-color:hsla(0,0%,100%,.5)}.grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-box[class*=grommetux-box--separator],.grommetux-background-color-index--light .grommetux-box[class*=grommetux-box--separator]{border-color:rgba(0,0,0,.15)}.grommetux-box--clickable{cursor:pointer;outline:none}.grommetux-box--focus{border-color:#00cceb;box-shadow:0 0 1px 1px #00cceb}.grommetux-box__container{padding-left:24px;padding-right:24px}.grommetux-app--centered .grommetux-box__container>.grommetux-box{width:100%;max-width:1152px;margin-left:auto;margin-right:auto}@media screen and (max-width:44.9375em){.grommetux-app--centered .grommetux-box__container>.grommetux-box{padding-left:0;padding-right:0}}.grommetux-box__container--full,.grommetux-box__container--full-horizontal{max-width:100%;width:100vw}.grommetux-box--flex{flex:1 1;min-width:0}.grommetux-box--flex-off{flex:0 0 auto}.grommetux-box--flex-grow{flex:1 0;min-width:0}.grommetux-box--flex-grow:not([class^=".grommetux-box--basis"]){flex-basis:auto}.grommetux-box--flex-shrink{flex:0 1}.grommetux-box--basis-xsmall{flex-basis:96px}.grommetux-box--basis-small{flex-basis:192px}.grommetux-box--basis-medium{flex-basis:384px}.grommetux-box--basis-large{flex-basis:576px}.grommetux-box--basis-xlarge{flex-basis:720px}.grommetux-box--basis-xxlarge{flex-basis:960px}.grommetux-box--basis-full{flex-basis:100%}.grommetux-box--basis-1-2{flex-basis:50%}.grommetux-box--basis-1-3{flex-basis:33.33%}.grommetux-box--basis-2-3{flex-basis:66.66%}.grommetux-box--basis-1-4{flex-basis:25%}@media screen and (max-width:63.9375em){.grommetux-box--basis-1-4{flex-basis:50%}}.grommetux-box--basis-3-4{flex-basis:75%}.grommetux-box--width-xsmall{width:96px}.grommetux-box--width-small{width:192px}.grommetux-box--width-medium{width:384px}.grommetux-box--width-large{width:576px}.grommetux-box--width-xlarge{width:720px}.grommetux-box--width-xxlarge{width:960px}.grommetux-box--height-xsmall{height:96px}.grommetux-box--height-small{height:192px}.grommetux-box--height-medium{height:384px}.grommetux-box--height-large{height:576px}.grommetux-box--height-xlarge{height:720px}.grommetux-box--height-xxlarge{height:960px}.grommetux-box--width-min-xsmall{min-width:96px}.grommetux-box--width-min-small{min-width:192px}.grommetux-box--width-min-medium{min-width:384px}.grommetux-box--width-min-large{min-width:576px}.grommetux-box--width-min-xlarge{min-width:720px}.grommetux-box--width-min-xxlarge{min-width:960px}.grommetux-box--width-max-xsmall{max-width:96px}.grommetux-box--width-max-small{max-width:192px}.grommetux-box--width-max-medium{max-width:384px}.grommetux-box--width-max-large{max-width:576px}.grommetux-box--width-max-xlarge{ma