diff --git a/.dockerignore b/.dockerignore index 17b41605ec4a814c591f0a98d303c392c315f8a3..ad84396d37206a66aea19a675bd80946af8c82e4 100644 --- a/.dockerignore +++ b/.dockerignore @@ -1,4 +1,4 @@ -/node_modules -/.git /.idea +/node_modules/ +/dist Makefile diff --git a/.gitignore b/.gitignore index b2ef9d046858057f76e1b5bc89972e8d88590f12..d5aaa2b85f51bd96a9bc34eeba330f4185a8bd5c 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,3 @@ -/.idea/ -*.html +/.idea /node_modules/ +/dist diff --git a/Dockerfile b/Dockerfile index 8f15ae9c38a15de45808fb4c4748e39013db47de..7def9f937931cb7eecc74efc7c9040c6a7932d33 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,9 +1,10 @@ FROM node:latest AS builder +RUN apt-get update && apt-get install -y pngquant webp COPY package*.json /build/ WORKDIR /build/ -RUN npm install +RUN npm ci COPY . /build/ RUN npm run build FROM nginx:latest -COPY --from=builder /build /usr/share/nginx/html +COPY --from=builder /build/dist /usr/share/nginx/html diff --git a/_mixins.pug b/_mixins.pug deleted file mode 100644 index 45f7d10731c775395b6d267f51574a011ce13485..0000000000000000000000000000000000000000 --- a/_mixins.pug +++ /dev/null @@ -1,21 +0,0 @@ -mixin responsive_image(alt, thumb, fallback, urls, sizes, aspect_ratio, webp_urls) - .responsive.container&attributes(attributes) - .responsive.placeholder(style=`padding-bottom: ${aspect_ratio};background-image: url(${thumb})`) - noscript - picture - if webp_urls - source(type="image/webp", sizes=sizes, srcset=webp_urls, alt=alt) - source(sizes=sizes, srcset=urls, alt=alt) - img(src=fallback, alt=alt) - picture.load-responsive - if webp_urls - source(type="image/webp", sizes=sizes, data-srcset=webp_urls, alt=alt) - source(sizes=sizes, data-srcset=urls, alt=alt) - img(data-src=fallback, alt=alt) - -mixin theme_card(id, name) - a.card(href=`/assets/images/${id}.png`) - .image(aria-hidden="true" role="img") - +responsive_image(name, `/assets/images/${id}@thumb.jpg`, `/assets/images/${id}@266.png`, `/assets/images/${id}@220.png 220w, /assets/images/${id}@266.png 266w, /assets/images/${id}@335.png 335w, /assets/images/${id}@352.png 352w, /assets/images/${id}@532.png 532w`, "(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px", "177.7777777777778%", `/assets/images/${id}@220.webp 220w, /assets/images/${id}@266.webp 266w, /assets/images/${id}@335.webp 335w, /assets/images/${id}@352.webp 352w, /assets/images/${id}@532.webp 532w`) - .content - .extra=name diff --git a/assets/css/Makefile b/assets/css/Makefile deleted file mode 100644 index a2d32465b24371e6f5da8105344b842341803588..0000000000000000000000000000000000000000 --- a/assets/css/Makefile +++ /dev/null @@ -1,8 +0,0 @@ -SASS = $(shell pwd)/../../node_modules/node-sass/bin/node-sass --output-style compressed - -all: fonts.css style.css important.css - -%.css: %.sass - $(SASS) $< -o . -%.css: %.scss - $(SASS) $< -o . diff --git a/assets/css/fonts.css b/assets/css/fonts.css deleted file mode 100644 index fb6a49b8c0a614c0d7fc5814db400fd378675327..0000000000000000000000000000000000000000 --- a/assets/css/fonts.css +++ /dev/null @@ -1 +0,0 @@ -@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;font-display:fallback;text-rendering:optimizeLegibility}@font-face{font-family:'IconFont';src:url("/assets/fonts/icons.eot");src:url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/icons.woff2") format("woff2"),url("/assets/fonts/icons.woff") format("woff"),url("/assets/fonts/icons.ttf") format("truetype"),url("/assets/fonts/icons.svg#icons") format("svg");font-style:normal;font-weight:normal;font-variant:normal;font-display:block} diff --git a/assets/css/fonts.sass b/assets/css/fonts.sass deleted file mode 100644 index 398e8d55df1f1d6b7d451802cd9de701e5a74900..0000000000000000000000000000000000000000 --- a/assets/css/fonts.sass +++ /dev/null @@ -1,48 +0,0 @@ -@font-face - font-family: 'Lato' - src: url('/assets/fonts/Lato-Regular.eot') - src: url('/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Lato-Regular.woff2') format('woff2'), url('/assets/fonts/Lato-Regular.woff') format('woff'), url('/assets/fonts/Lato-Regular.ttf') format('truetype') - font-style: normal - font-weight: normal - font-display: fallback - text-rendering: optimizeLegibility - -@font-face - font-family: 'Lato' - src: url('/assets/fonts/Lato-Bold.eot') - src: url('/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Lato-Bold.woff2') format('woff2'), url('/assets/fonts/Lato-Bold.woff') format('woff'), url('/assets/fonts/Lato-Bold.ttf') format('truetype') - font-style: normal - font-weight: bold - font-display: fallback - text-rendering: optimizeLegibility - -@font-face - font-family: 'Lato' - src: url('/assets/fonts/Lato-BoldItalic.eot') - src: url('/assets/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Lato-BoldItalic.woff2') format('woff2'), url('/assets/fonts/Lato-BoldItalic.woff') format('woff'), url('/assets/fonts/Lato-BoldItalic.ttf') format('truetype') - font-style: italic - font-weight: bold - font-display: fallback - text-rendering: optimizeLegibility - -@font-face - font-family: 'Lato' - src: url('/assets/fonts/Lato-Italic.eot') - src: url('/assets/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/Lato-Italic.woff2') format('woff2'), url('/assets/fonts/Lato-Italic.woff') format('woff'), url('/assets/fonts/Lato-Italic.ttf') format('truetype') - font-style: italic - font-weight: normal - font-display: fallback - text-rendering: optimizeLegibility - -@font-face - font-family: 'IconFont' - src: url("/assets/fonts/icons.eot") - src: url("/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), - url("/assets/fonts/icons.woff2") format('woff2'), - url("/assets/fonts/icons.woff") format('woff'), - url("/assets/fonts/icons.ttf") format('truetype'), - url("/assets/fonts/icons.svg#icons") format('svg') - font-style: normal - font-weight: normal - font-variant: normal - font-display: block \ No newline at end of file diff --git a/assets/css/important.css b/assets/css/important.css deleted file mode 100644 index 3314f26b0744d469b5cca2ab75d884111d12a1bc..0000000000000000000000000000000000000000 --- a/assets/css/important.css +++ /dev/null @@ -1 +0,0 @@ -*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"],input[type="email"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}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:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;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-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html,body{height:100%}html{font-size:14px}body{margin:0;padding:0;overflow-x:hidden;min-width:320px;background:#FFFFFF;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:14px;line-height:1.4285em;color:rgba(0,0,0,0.87);font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;line-height:1.28571429em;margin:calc(2rem - 0.14285714em) 0 1rem;font-weight:bold;padding:0}h1{min-height:1rem;font-size:2rem}h2{font-size:1.71428571rem}h3{font-size:1.28571429rem}h4{font-size:1.07142857rem}h5{font-size:1rem}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child{margin-bottom:0}p{margin:0 0 1em;line-height:1.4285em}p:first-child{margin-top:0}p:last-child{margin-bottom:0}a{color:#0a70c0;text-decoration:none}a:hover{color:#105a94;text-decoration:none}::-webkit-selection{background-color:#CCE2FF;color:rgba(0,0,0,0.87)}::-moz-selection{background-color:#CCE2FF;color:rgba(0,0,0,0.87)}::selection{background-color:#CCE2FF;color:rgba(0,0,0,0.87)}textarea::-webkit-selection,input::-webkit-selection{background-color:rgba(100,100,100,0.4);color:rgba(0,0,0,0.87)}textarea::-moz-selection,input::-moz-selection{background-color:rgba(100,100,100,0.4);color:rgba(0,0,0,0.87)}textarea::selection,input::selection{background-color:rgba(100,100,100,0.4);color:rgba(0,0,0,0.87)}body ::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}body ::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);border-radius:0}body ::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,0.25);-webkit-transition:color 0.2s ease;transition:color 0.2s ease}body ::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.15)}body ::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,0.8)}body .ui.inverted::-webkit-scrollbar-track{background:rgba(255,255,255,0.1)}body .ui.inverted::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25)}body .ui.inverted::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,0.15)}body .ui.inverted::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.35)}.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:none;border:none;vertical-align:baseline;background:#E0E1E2 none;color:rgba(0,0,0,0.6);font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;margin:0 0.25em 0 0;padding:0.78571429em 1.5em 0.78571429em;text-transform:none;text-shadow:none;font-weight:bold;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0.28571429rem;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,0.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;transition:opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;will-change:'';-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#CACBCD;background-image:none;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,0.15) inset;color:rgba(0,0,0,0.8)}.ui.button:hover .icon{opacity:0.85}.ui.button:focus{background-color:#CACBCD;color:rgba(0,0,0,0.8);background-image:'' !important;-webkit-box-shadow:'' !important;box-shadow:'' !important}.ui.button:focus .icon{opacity:0.85}.ui.button:active,.ui.active.button:active{background-color:#BABBBC;background-image:'';color:rgba(0,0,0,0.9);-webkit-box-shadow:0 0 0 1px transparent inset, none;box-shadow:0 0 0 1px transparent inset, none}.ui.active.button{background-color:#C0C1C2;background-image:none;-webkit-box-shadow:0 0 0 1px transparent inset;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,0.95)}.ui.active.button:hover{background-color:#C0C1C2;background-image:none;color:rgba(0,0,0,0.95)}.ui.active.button:active{background-color:#C0C1C2;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none !important;color:transparent !important;opacity:1;pointer-events:auto;-webkit-transition:all 0s linear, opacity 0.1s ease;transition:all 0s linear, opacity 0.1s ease}.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:0.2em solid rgba(0,0,0,0.15)}.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin 0.6s linear;animation:button-spin 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#FFFFFF transparent transparent;border-style:solid;border-width:0.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}@-webkit-keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes button-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,0.1)}.ui.basic.loading.button:not(.inverted):after{border-top-color:#767676}.ui.buttons .disabled.button,.ui.disabled.button,.ui.button:disabled,.ui.disabled.button:hover,.ui.disabled.active.button{cursor:default;opacity:0.45 !important;background-image:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;pointer-events:none !important}.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,0.5)}.ui.animated.button{position:relative;overflow:hidden;padding-right:0 !important;vertical-align:middle;z-index:1}.ui.animated.button .content{will-change:transform, opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .visible.content,.ui.animated.button .hidden.content{-webkit-transition:right 0.3s ease 0s;transition:right 0.3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0%}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-0.5em}.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content{left:auto;right:0%}.ui.vertical.animated.button .visible.content,.ui.vertical.animated.button .hidden.content{-webkit-transition:top 0.3s ease, -webkit-transform 0.3s ease;transition:top 0.3s ease, -webkit-transform 0.3s ease;transition:top 0.3s ease, transform 0.3s ease;transition:top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0%);transform:translateY(0%);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0%;right:auto}.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);transform:translateY(200%);right:auto}.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .visible.content,.ui.fade.animated.button .hidden.content{-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0%;right:auto;-webkit-transform:scale(1.5);transform:scale(1.5)}.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;-webkit-transform:scale(0.75);transform:scale(0.75)}.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content{left:0%;right:auto;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui.inverted.button{-webkit-box-shadow:0 0 0 2px #FFFFFF inset !important;box-shadow:0 0 0 2px #FFFFFF inset !important;background:transparent none;color:#FFFFFF;text-shadow:none !important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px 0}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.button:hover{background:#FFFFFF;-webkit-box-shadow:0 0 0 2px #FFFFFF inset !important;box-shadow:0 0 0 2px #FFFFFF inset !important;color:rgba(0,0,0,0.8)}.ui.inverted.button:focus,.ui.inverted.button.active{background:#FFFFFF;-webkit-box-shadow:0 0 0 2px #FFFFFF inset !important;box-shadow:0 0 0 2px #FFFFFF inset !important;color:rgba(0,0,0,0.8)}.ui.inverted.button.active:focus{background:#DCDDDE;-webkit-box-shadow:0 0 0 2px #DCDDDE inset !important;box-shadow:0 0 0 2px #DCDDDE inset !important;color:rgba(0,0,0,0.8)}.ui.labeled.button:not(.icon){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:none !important;padding:0 !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 -1px !important;padding:'';font-size:1em;border-color:rgba(34,36,38,0.15)}.ui.labeled.button>.tag.label:before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.facebook.button{background-color:#3B5998;color:#FFFFFF;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.facebook.button:hover{background-color:#304d8a;color:#FFFFFF;text-shadow:none}.ui.facebook.button:active{background-color:#2d4373;color:#FFFFFF;text-shadow:none}.ui.twitter.button{background-color:#55ACEE;color:#FFFFFF;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.twitter.button:hover{background-color:#35a2f4;color:#FFFFFF;text-shadow:none}.ui.twitter.button:active{background-color:#2795e9;color:#FFFFFF;text-shadow:none}.ui.google.plus.button{background-color:#DD4B39;color:#FFFFFF;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.google.plus.button:hover{background-color:#e0321c;color:#FFFFFF;text-shadow:none}.ui.google.plus.button:active{background-color:#c23321;color:#FFFFFF;text-shadow:none}.ui.linkedin.button{background-color:#1F88BE;color:#FFFFFF;text-shadow:none}.ui.linkedin.button:hover{background-color:#147baf;color:#FFFFFF;text-shadow:none}.ui.linkedin.button:active{background-color:#186992;color:#FFFFFF;text-shadow:none}.ui.youtube.button{background-color:#FF0000;color:#FFFFFF;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.youtube.button:hover{background-color:#e60000;color:#FFFFFF;text-shadow:none}.ui.youtube.button:active{background-color:#cc0000;color:#FFFFFF;text-shadow:none}.ui.instagram.button{background-color:#49769C;color:#FFFFFF;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.instagram.button:hover{background-color:#3d698e;color:#FFFFFF;text-shadow:none}.ui.instagram.button:active{background-color:#395c79;color:#FFFFFF;text-shadow:none}.ui.pinterest.button{background-color:#BD081C;color:#FFFFFF;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.pinterest.button:hover{background-color:#ac0013;color:#FFFFFF;text-shadow:none}.ui.pinterest.button:active{background-color:#8c0615;color:#FFFFFF;text-shadow:none}.ui.vk.button{background-color:#4D7198;color:#FFFFFF;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.vk.button:hover{background-color:#41648a;color:#FFFFFF}.ui.vk.button:active{background-color:#3c5876;color:#FFFFFF}.ui.button>.icon:not(.button){height:0.85714286em;opacity:0.8;margin:0 0.42857143em 0 -0.21428571em;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;vertical-align:'';color:''}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown){margin:0 0.42857143em 0 -0.21428571em}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -0.21428571em 0 0.42857143em}.ui[class*="left floated"].buttons,.ui[class*="left floated"].button{float:left;margin-left:0;margin-right:0.25em}.ui[class*="right floated"].buttons,.ui[class*="right floated"].button{float:right;margin-right:0;margin-left:0.25em}.ui.compact.buttons .button,.ui.compact.button{padding:0.58928571em 1.125em 0.58928571em}.ui.compact.icon.buttons .button,.ui.compact.icon.button{padding:0.58928571em 0.58928571em 0.58928571em}.ui.compact.labeled.icon.buttons .button,.ui.compact.labeled.icon.button{padding:0.58928571em 3.69642857em 0.58928571em}.ui.mini.buttons .button,.ui.mini.buttons .or,.ui.mini.button{font-size:0.78571429rem}.ui.tiny.buttons .button,.ui.tiny.buttons .or,.ui.tiny.button{font-size:0.85714286rem}.ui.small.buttons .button,.ui.small.buttons .or,.ui.small.button{font-size:0.92857143rem}.ui.buttons .button,.ui.buttons .or,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.buttons .or,.ui.large.button{font-size:1.14285714rem}.ui.big.buttons .button,.ui.big.buttons .or,.ui.big.button{font-size:1.28571429rem}.ui.huge.buttons .button,.ui.huge.buttons .or,.ui.huge.button{font-size:1.42857143rem}.ui.massive.buttons .button,.ui.massive.buttons .or,.ui.massive.button{font-size:1.71428571rem}.ui.icon.buttons .button,.ui.icon.button{padding:0.78571429em 0.78571429em 0.78571429em}.ui.icon.buttons .button>.icon,.ui.icon.button>.icon{opacity:0.9;margin:0 !important;vertical-align:top}.ui.basic.buttons .button,.ui.basic.button{background:transparent none !important;color:rgba(0,0,0,0.6) !important;font-weight:normal;border-radius:0.28571429rem;text-transform:none;text-shadow:none !important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset}.ui.basic.buttons{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(34,36,38,0.15);border-radius:0.28571429rem}.ui.basic.buttons .button{border-radius:0}.ui.basic.buttons .button:hover,.ui.basic.button:hover{background:#FFFFFF !important;color:rgba(0,0,0,0.8) !important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.35) inset,0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,0.35) inset,0 0 0 0 rgba(34,36,38,0.15) inset}.ui.basic.buttons .button:focus,.ui.basic.button:focus{background:#FFFFFF !important;color:rgba(0,0,0,0.8) !important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.35) inset,0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,0.35) inset,0 0 0 0 rgba(34,36,38,0.15) inset}.ui.basic.buttons .button:active,.ui.basic.button:active{background:#F8F8F8 !important;color:rgba(0,0,0,0.9) !important;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.15) inset,0 1px 4px 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,0.15) inset,0 1px 4px 0 rgba(34,36,38,0.15) inset}.ui.basic.buttons .active.button,.ui.basic.active.button{background:rgba(0,0,0,0.05) !important;-webkit-box-shadow:'' !important;box-shadow:'' !important;color:rgba(0,0,0,0.95) !important}.ui.basic.buttons .active.button:hover,.ui.basic.active.button:hover{background-color:rgba(0,0,0,0.05)}.ui.basic.buttons .button:hover{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.35) inset,0 0 0 0 rgba(34,36,38,0.15) inset inset;box-shadow:0 0 0 1px rgba(34,36,38,0.35) inset,0 0 0 0 rgba(34,36,38,0.15) inset inset}.ui.basic.buttons .button:active{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.15) inset,0 1px 4px 0 rgba(34,36,38,0.15) inset inset;box-shadow:0 0 0 1px rgba(0,0,0,0.15) inset,0 1px 4px 0 rgba(34,36,38,0.15) inset inset}.ui.basic.buttons .active.button{-webkit-box-shadow:'' !important;box-shadow:'' !important}.ui.basic.inverted.buttons .button,.ui.basic.inverted.button{background-color:transparent !important;color:#F9FAFB !important;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important}.ui.basic.inverted.buttons .button:hover,.ui.basic.inverted.button:hover{color:#FFFFFF !important;-webkit-box-shadow:0 0 0 2px #ffffff inset !important;box-shadow:0 0 0 2px #ffffff inset !important}.ui.basic.inverted.buttons .button:focus,.ui.basic.inverted.button:focus{color:#FFFFFF !important;-webkit-box-shadow:0 0 0 2px #ffffff inset !important;box-shadow:0 0 0 2px #ffffff inset !important}.ui.basic.inverted.buttons .button:active,.ui.basic.inverted.button:active{background-color:rgba(255,255,255,0.08) !important;color:#FFFFFF !important;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.9) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.9) inset !important}.ui.basic.inverted.buttons .active.button,.ui.basic.inverted.active.button{background-color:rgba(255,255,255,0.08);color:#FFFFFF;text-shadow:none;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.7) inset;box-shadow:0 0 0 2px rgba(255,255,255,0.7) inset}.ui.basic.inverted.buttons .active.button:hover,.ui.basic.inverted.active.button:hover{background-color:rgba(255,255,255,0.15);-webkit-box-shadow:0 0 0 2px #ffffff inset !important;box-shadow:0 0 0 2px #ffffff inset !important}.ui.basic.buttons .button{border-left:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:none;box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none}.ui.basic.vertical.buttons .button{border-left-width:0;border-top:1px solid rgba(34,36,38,0.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0}.ui.labeled.icon.buttons .button,.ui.labeled.icon.button{position:relative;padding-left:4.07142857em !important;padding-right:1.5em !important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{position:absolute;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;margin:0;width:2.57142857em;background-color:rgba(0,0,0,0.05);color:'';-webkit-box-shadow:-1px 0 0 0 transparent inset;box-shadow:-1px 0 0 0 transparent inset}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{top:0;left:0}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em !important;padding-left:1.5em !important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;-webkit-box-shadow:1px 0 0 0 transparent inset;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.buttons>.button>.icon:before,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.button>.icon:after{display:block;position:absolute;width:100%;top:50%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:0.28571429rem;border-bottom-left-radius:0.28571429rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:0.28571429rem;border-bottom-right-radius:0.28571429rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:0.28571429rem}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:0.28571429rem}.ui.fluid[class*="left labeled"].icon.button,.ui.fluid[class*="right labeled"].icon.button{padding-left:1.5em !important;padding-right:1.5em !important}.ui.toggle.buttons .active.button,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#21BA45 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none;color:#FFFFFF !important}.ui.button.toggle.active:hover{background-color:#16ab39 !important;text-shadow:none;color:#FFFFFF !important}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.buttons .or{position:relative;width:0.3em;height:2.57142857em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:'or';top:50%;left:50%;background-color:#FFFFFF;text-shadow:none;margin-top:-0.89285714em;margin-left:-0.89285714em;width:1.78571429em;height:1.78571429em;line-height:1.78571429em;color:rgba(0,0,0,0.4);font-style:normal;font-weight:bold;-webkit-box-shadow:0 0 0 1px transparent inset;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0 !important}.ui.fluid.buttons .or:after{display:none}.ui.attached.button{position:relative;display:block;margin:0;border-radius:0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.15) !important;box-shadow:0 0 0 1px rgba(34,36,38,0.15) !important}.ui.attached.top.button{border-radius:0.28571429rem 0.28571429rem 0 0}.ui.attached.bottom.button{border-radius:0 0 0.28571429rem 0.28571429rem}.ui.left.attached.button{display:inline-block;border-left:none;text-align:right;padding-right:0.75em;border-radius:0.28571429rem 0 0 0.28571429rem}.ui.right.attached.button{display:inline-block;text-align:left;padding-left:0.75em;border-radius:0 0.28571429rem 0.28571429rem 0}.ui.attached.buttons{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:0;width:auto !important;z-index:2;margin-left:-1px;margin-right:-1px}.ui.attached.buttons .button{margin:0}.ui.attached.buttons .button:first-child{border-radius:0}.ui.attached.buttons .button:last-child{border-radius:0}.ui[class*="top attached"].buttons{margin-bottom:-1px;border-radius:0.28571429rem 0.28571429rem 0 0}.ui[class*="top attached"].buttons .button:first-child{border-radius:0.28571429rem 0 0 0}.ui[class*="top attached"].buttons .button:last-child{border-radius:0 0.28571429rem 0 0}.ui[class*="bottom attached"].buttons{margin-top:-1px;border-radius:0 0 0.28571429rem 0.28571429rem}.ui[class*="bottom attached"].buttons .button:first-child{border-radius:0 0 0 0.28571429rem}.ui[class*="bottom attached"].buttons .button:last-child{border-radius:0 0 0.28571429rem 0}.ui[class*="left attached"].buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:0;margin-left:-1px;border-radius:0 0.28571429rem 0.28571429rem 0}.ui[class*="left attached"].buttons .button:first-child{margin-left:-1px;border-radius:0 0.28571429rem 0 0}.ui[class*="left attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 0.28571429rem 0}.ui[class*="right attached"].buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:0;margin-right:-1px;border-radius:0.28571429rem 0 0 0.28571429rem}.ui[class*="right attached"].buttons .button:first-child{margin-left:-1px;border-radius:0.28571429rem 0 0 0}.ui[class*="right attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 0.28571429rem}.ui.fluid.buttons,.ui.fluid.button{width:100%}.ui.fluid.button{display:block}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.500%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.500%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.black.buttons .button,.ui.black.button{background-color:#1B1C1D;color:#FFFFFF;text-shadow:none;background-image:none}.ui.black.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.black.buttons .button:hover,.ui.black.button:hover{background-color:#27292a;color:#FFFFFF;text-shadow:none}.ui.black.buttons .button:focus,.ui.black.button:focus{background-color:#2f3032;color:#FFFFFF;text-shadow:none}.ui.black.buttons .button:active,.ui.black.button:active{background-color:#343637;color:#FFFFFF;text-shadow:none}.ui.black.buttons .active.button,.ui.black.buttons .active.button:active,.ui.black.active.button,.ui.black.button .active.button:active{background-color:#0f0f10;color:#FFFFFF;text-shadow:none}.ui.basic.black.buttons .button,.ui.basic.black.button{-webkit-box-shadow:0 0 0 1px #1B1C1D inset !important;box-shadow:0 0 0 1px #1B1C1D inset !important;color:#1B1C1D !important}.ui.basic.black.buttons .button:hover,.ui.basic.black.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #27292a inset !important;box-shadow:0 0 0 1px #27292a inset !important;color:#27292a !important}.ui.basic.black.buttons .button:focus,.ui.basic.black.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #2f3032 inset !important;box-shadow:0 0 0 1px #2f3032 inset !important;color:#27292a !important}.ui.basic.black.buttons .active.button,.ui.basic.black.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #0f0f10 inset !important;box-shadow:0 0 0 1px #0f0f10 inset !important;color:#343637 !important}.ui.basic.black.buttons .button:active,.ui.basic.black.button:active{-webkit-box-shadow:0 0 0 1px #343637 inset !important;box-shadow:0 0 0 1px #343637 inset !important;color:#343637 !important}.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child){margin-left:-1px}.ui.inverted.black.buttons .button,.ui.inverted.black.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #D4D4D5 inset !important;box-shadow:0 0 0 2px #D4D4D5 inset !important;color:#FFFFFF}.ui.inverted.black.buttons .button:hover,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button:focus,.ui.inverted.black.button:focus,.ui.inverted.black.buttons .button.active,.ui.inverted.black.button.active,.ui.inverted.black.buttons .button:active,.ui.inverted.black.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.black.buttons .button:hover,.ui.inverted.black.button:hover{background-color:#000000}.ui.inverted.black.buttons .button:focus,.ui.inverted.black.button:focus{background-color:#000000}.ui.inverted.black.buttons .active.button,.ui.inverted.black.active.button{background-color:#000000}.ui.inverted.black.buttons .button:active,.ui.inverted.black.button:active{background-color:#000000}.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button,.ui.inverted.black.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.button:hover,.ui.inverted.black.basic.button:hover{-webkit-box-shadow:0 0 0 2px #000000 inset !important;box-shadow:0 0 0 2px #000000 inset !important;color:#FFFFFF !important}.ui.inverted.black.basic.buttons .button:focus,.ui.inverted.black.basic.buttons .button:focus,.ui.inverted.black.basic.button:focus{-webkit-box-shadow:0 0 0 2px #000000 inset !important;box-shadow:0 0 0 2px #000000 inset !important;color:#545454 !important}.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.buttons .basic.active.button,.ui.inverted.black.basic.active.button{-webkit-box-shadow:0 0 0 2px #000000 inset !important;box-shadow:0 0 0 2px #000000 inset !important;color:#FFFFFF !important}.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active,.ui.inverted.black.basic.button:active{-webkit-box-shadow:0 0 0 2px #000000 inset !important;box-shadow:0 0 0 2px #000000 inset !important;color:#FFFFFF !important}.ui.grey.buttons .button,.ui.grey.button{background-color:#767676;color:#FFFFFF;text-shadow:none;background-image:none}.ui.grey.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.grey.buttons .button:hover,.ui.grey.button:hover{background-color:#838383;color:#FFFFFF;text-shadow:none}.ui.grey.buttons .button:focus,.ui.grey.button:focus{background-color:#8a8a8a;color:#FFFFFF;text-shadow:none}.ui.grey.buttons .button:active,.ui.grey.button:active{background-color:#909090;color:#FFFFFF;text-shadow:none}.ui.grey.buttons .active.button,.ui.grey.buttons .active.button:active,.ui.grey.active.button,.ui.grey.button .active.button:active{background-color:#696969;color:#FFFFFF;text-shadow:none}.ui.basic.grey.buttons .button,.ui.basic.grey.button{-webkit-box-shadow:0 0 0 1px #767676 inset !important;box-shadow:0 0 0 1px #767676 inset !important;color:#767676 !important}.ui.basic.grey.buttons .button:hover,.ui.basic.grey.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #838383 inset !important;box-shadow:0 0 0 1px #838383 inset !important;color:#838383 !important}.ui.basic.grey.buttons .button:focus,.ui.basic.grey.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #8a8a8a inset !important;box-shadow:0 0 0 1px #8a8a8a inset !important;color:#838383 !important}.ui.basic.grey.buttons .active.button,.ui.basic.grey.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #696969 inset !important;box-shadow:0 0 0 1px #696969 inset !important;color:#909090 !important}.ui.basic.grey.buttons .button:active,.ui.basic.grey.button:active{-webkit-box-shadow:0 0 0 1px #909090 inset !important;box-shadow:0 0 0 1px #909090 inset !important;color:#909090 !important}.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child){margin-left:-1px}.ui.inverted.grey.buttons .button,.ui.inverted.grey.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #D4D4D5 inset !important;box-shadow:0 0 0 2px #D4D4D5 inset !important;color:#FFFFFF}.ui.inverted.grey.buttons .button:hover,.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.button:focus,.ui.inverted.grey.buttons .button.active,.ui.inverted.grey.button.active,.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:rgba(0,0,0,0.6)}.ui.inverted.grey.buttons .button:hover,.ui.inverted.grey.button:hover{background-color:#cfd0d2}.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.button:focus{background-color:#c7c9cb}.ui.inverted.grey.buttons .active.button,.ui.inverted.grey.active.button{background-color:#cfd0d2}.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.button:active{background-color:#c2c4c5}.ui.inverted.grey.basic.buttons .button,.ui.inverted.grey.buttons .basic.button,.ui.inverted.grey.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.grey.basic.buttons .button:hover,.ui.inverted.grey.buttons .basic.button:hover,.ui.inverted.grey.basic.button:hover{-webkit-box-shadow:0 0 0 2px #cfd0d2 inset !important;box-shadow:0 0 0 2px #cfd0d2 inset !important;color:#FFFFFF !important}.ui.inverted.grey.basic.buttons .button:focus,.ui.inverted.grey.basic.buttons .button:focus,.ui.inverted.grey.basic.button:focus{-webkit-box-shadow:0 0 0 2px #c7c9cb inset !important;box-shadow:0 0 0 2px #c7c9cb inset !important;color:#DCDDDE !important}.ui.inverted.grey.basic.buttons .active.button,.ui.inverted.grey.buttons .basic.active.button,.ui.inverted.grey.basic.active.button{-webkit-box-shadow:0 0 0 2px #cfd0d2 inset !important;box-shadow:0 0 0 2px #cfd0d2 inset !important;color:#FFFFFF !important}.ui.inverted.grey.basic.buttons .button:active,.ui.inverted.grey.buttons .basic.button:active,.ui.inverted.grey.basic.button:active{-webkit-box-shadow:0 0 0 2px #c2c4c5 inset !important;box-shadow:0 0 0 2px #c2c4c5 inset !important;color:#FFFFFF !important}.ui.brown.buttons .button,.ui.brown.button{background-color:#A5673F;color:#FFFFFF;text-shadow:none;background-image:none}.ui.brown.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.brown.buttons .button:hover,.ui.brown.button:hover{background-color:#975b33;color:#FFFFFF;text-shadow:none}.ui.brown.buttons .button:focus,.ui.brown.button:focus{background-color:#90532b;color:#FFFFFF;text-shadow:none}.ui.brown.buttons .button:active,.ui.brown.button:active{background-color:#805031;color:#FFFFFF;text-shadow:none}.ui.brown.buttons .active.button,.ui.brown.buttons .active.button:active,.ui.brown.active.button,.ui.brown.button .active.button:active{background-color:#995a31;color:#FFFFFF;text-shadow:none}.ui.basic.brown.buttons .button,.ui.basic.brown.button{-webkit-box-shadow:0 0 0 1px #A5673F inset !important;box-shadow:0 0 0 1px #A5673F inset !important;color:#A5673F !important}.ui.basic.brown.buttons .button:hover,.ui.basic.brown.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #975b33 inset !important;box-shadow:0 0 0 1px #975b33 inset !important;color:#975b33 !important}.ui.basic.brown.buttons .button:focus,.ui.basic.brown.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #90532b inset !important;box-shadow:0 0 0 1px #90532b inset !important;color:#975b33 !important}.ui.basic.brown.buttons .active.button,.ui.basic.brown.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #995a31 inset !important;box-shadow:0 0 0 1px #995a31 inset !important;color:#805031 !important}.ui.basic.brown.buttons .button:active,.ui.basic.brown.button:active{-webkit-box-shadow:0 0 0 1px #805031 inset !important;box-shadow:0 0 0 1px #805031 inset !important;color:#805031 !important}.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child){margin-left:-1px}.ui.inverted.brown.buttons .button,.ui.inverted.brown.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #D67C1C inset !important;box-shadow:0 0 0 2px #D67C1C inset !important;color:#D67C1C}.ui.inverted.brown.buttons .button:hover,.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.button:focus,.ui.inverted.brown.buttons .button.active,.ui.inverted.brown.button.active,.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.brown.buttons .button:hover,.ui.inverted.brown.button:hover{background-color:#c86f11}.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.button:focus{background-color:#c16808}.ui.inverted.brown.buttons .active.button,.ui.inverted.brown.active.button{background-color:#cc6f0d}.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.button:active{background-color:#a96216}.ui.inverted.brown.basic.buttons .button,.ui.inverted.brown.buttons .basic.button,.ui.inverted.brown.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.brown.basic.buttons .button:hover,.ui.inverted.brown.buttons .basic.button:hover,.ui.inverted.brown.basic.button:hover{-webkit-box-shadow:0 0 0 2px #c86f11 inset !important;box-shadow:0 0 0 2px #c86f11 inset !important;color:#D67C1C !important}.ui.inverted.brown.basic.buttons .button:focus,.ui.inverted.brown.basic.buttons .button:focus,.ui.inverted.brown.basic.button:focus{-webkit-box-shadow:0 0 0 2px #c16808 inset !important;box-shadow:0 0 0 2px #c16808 inset !important;color:#D67C1C !important}.ui.inverted.brown.basic.buttons .active.button,.ui.inverted.brown.buttons .basic.active.button,.ui.inverted.brown.basic.active.button{-webkit-box-shadow:0 0 0 2px #cc6f0d inset !important;box-shadow:0 0 0 2px #cc6f0d inset !important;color:#D67C1C !important}.ui.inverted.brown.basic.buttons .button:active,.ui.inverted.brown.buttons .basic.button:active,.ui.inverted.brown.basic.button:active{-webkit-box-shadow:0 0 0 2px #a96216 inset !important;box-shadow:0 0 0 2px #a96216 inset !important;color:#D67C1C !important}.ui.blue.buttons .button,.ui.blue.button{background-color:#2185D0;color:#FFFFFF;text-shadow:none;background-image:none}.ui.blue.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.blue.buttons .button:hover,.ui.blue.button:hover{background-color:#1678c2;color:#FFFFFF;text-shadow:none}.ui.blue.buttons .button:focus,.ui.blue.button:focus{background-color:#0d71bb;color:#FFFFFF;text-shadow:none}.ui.blue.buttons .button:active,.ui.blue.button:active{background-color:#1a69a4;color:#FFFFFF;text-shadow:none}.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active,.ui.blue.active.button,.ui.blue.button .active.button:active{background-color:#1279c6;color:#FFFFFF;text-shadow:none}.ui.basic.blue.buttons .button,.ui.basic.blue.button{-webkit-box-shadow:0 0 0 1px #2185D0 inset !important;box-shadow:0 0 0 1px #2185D0 inset !important;color:#2185D0 !important}.ui.basic.blue.buttons .button:hover,.ui.basic.blue.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #1678c2 inset !important;box-shadow:0 0 0 1px #1678c2 inset !important;color:#1678c2 !important}.ui.basic.blue.buttons .button:focus,.ui.basic.blue.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #0d71bb inset !important;box-shadow:0 0 0 1px #0d71bb inset !important;color:#1678c2 !important}.ui.basic.blue.buttons .active.button,.ui.basic.blue.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #1279c6 inset !important;box-shadow:0 0 0 1px #1279c6 inset !important;color:#1a69a4 !important}.ui.basic.blue.buttons .button:active,.ui.basic.blue.button:active{-webkit-box-shadow:0 0 0 1px #1a69a4 inset !important;box-shadow:0 0 0 1px #1a69a4 inset !important;color:#1a69a4 !important}.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child){margin-left:-1px}.ui.inverted.blue.buttons .button,.ui.inverted.blue.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #54C8FF inset !important;box-shadow:0 0 0 2px #54C8FF inset !important;color:#54C8FF}.ui.inverted.blue.buttons .button:hover,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.button:focus,.ui.inverted.blue.buttons .button.active,.ui.inverted.blue.button.active,.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.blue.buttons .button:hover,.ui.inverted.blue.button:hover{background-color:#3ac0ff}.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.button:focus{background-color:#2bbbff}.ui.inverted.blue.buttons .active.button,.ui.inverted.blue.active.button{background-color:#3ac0ff}.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.button:active{background-color:#21b8ff}.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button,.ui.inverted.blue.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.button:hover,.ui.inverted.blue.basic.button:hover{-webkit-box-shadow:0 0 0 2px #3ac0ff inset !important;box-shadow:0 0 0 2px #3ac0ff inset !important;color:#54C8FF !important}.ui.inverted.blue.basic.buttons .button:focus,.ui.inverted.blue.basic.buttons .button:focus,.ui.inverted.blue.basic.button:focus{-webkit-box-shadow:0 0 0 2px #2bbbff inset !important;box-shadow:0 0 0 2px #2bbbff inset !important;color:#54C8FF !important}.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.buttons .basic.active.button,.ui.inverted.blue.basic.active.button{-webkit-box-shadow:0 0 0 2px #3ac0ff inset !important;box-shadow:0 0 0 2px #3ac0ff inset !important;color:#54C8FF !important}.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active,.ui.inverted.blue.basic.button:active{-webkit-box-shadow:0 0 0 2px #21b8ff inset !important;box-shadow:0 0 0 2px #21b8ff inset !important;color:#54C8FF !important}.ui.green.buttons .button,.ui.green.button{background-color:#21BA45;color:#FFFFFF;text-shadow:none;background-image:none}.ui.green.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.green.buttons .button:hover,.ui.green.button:hover{background-color:#16ab39;color:#FFFFFF;text-shadow:none}.ui.green.buttons .button:focus,.ui.green.button:focus{background-color:#0ea432;color:#FFFFFF;text-shadow:none}.ui.green.buttons .button:active,.ui.green.button:active{background-color:#198f35;color:#FFFFFF;text-shadow:none}.ui.green.buttons .active.button,.ui.green.buttons .active.button:active,.ui.green.active.button,.ui.green.button .active.button:active{background-color:#13ae38;color:#FFFFFF;text-shadow:none}.ui.basic.green.buttons .button,.ui.basic.green.button{-webkit-box-shadow:0 0 0 1px #21BA45 inset !important;box-shadow:0 0 0 1px #21BA45 inset !important;color:#21BA45 !important}.ui.basic.green.buttons .button:hover,.ui.basic.green.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #16ab39 inset !important;box-shadow:0 0 0 1px #16ab39 inset !important;color:#16ab39 !important}.ui.basic.green.buttons .button:focus,.ui.basic.green.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #0ea432 inset !important;box-shadow:0 0 0 1px #0ea432 inset !important;color:#16ab39 !important}.ui.basic.green.buttons .active.button,.ui.basic.green.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #13ae38 inset !important;box-shadow:0 0 0 1px #13ae38 inset !important;color:#198f35 !important}.ui.basic.green.buttons .button:active,.ui.basic.green.button:active{-webkit-box-shadow:0 0 0 1px #198f35 inset !important;box-shadow:0 0 0 1px #198f35 inset !important;color:#198f35 !important}.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child){margin-left:-1px}.ui.inverted.green.buttons .button,.ui.inverted.green.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #2ECC40 inset !important;box-shadow:0 0 0 2px #2ECC40 inset !important;color:#2ECC40}.ui.inverted.green.buttons .button:hover,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button:focus,.ui.inverted.green.button:focus,.ui.inverted.green.buttons .button.active,.ui.inverted.green.button.active,.ui.inverted.green.buttons .button:active,.ui.inverted.green.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.green.buttons .button:hover,.ui.inverted.green.button:hover{background-color:#22be34}.ui.inverted.green.buttons .button:focus,.ui.inverted.green.button:focus{background-color:#19b82b}.ui.inverted.green.buttons .active.button,.ui.inverted.green.active.button{background-color:#1fc231}.ui.inverted.green.buttons .button:active,.ui.inverted.green.button:active{background-color:#25a233}.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button,.ui.inverted.green.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.button:hover,.ui.inverted.green.basic.button:hover{-webkit-box-shadow:0 0 0 2px #22be34 inset !important;box-shadow:0 0 0 2px #22be34 inset !important;color:#2ECC40 !important}.ui.inverted.green.basic.buttons .button:focus,.ui.inverted.green.basic.buttons .button:focus,.ui.inverted.green.basic.button:focus{-webkit-box-shadow:0 0 0 2px #19b82b inset !important;box-shadow:0 0 0 2px #19b82b inset !important;color:#2ECC40 !important}.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.buttons .basic.active.button,.ui.inverted.green.basic.active.button{-webkit-box-shadow:0 0 0 2px #1fc231 inset !important;box-shadow:0 0 0 2px #1fc231 inset !important;color:#2ECC40 !important}.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active,.ui.inverted.green.basic.button:active{-webkit-box-shadow:0 0 0 2px #25a233 inset !important;box-shadow:0 0 0 2px #25a233 inset !important;color:#2ECC40 !important}.ui.orange.buttons .button,.ui.orange.button{background-color:#F2711C;color:#FFFFFF;text-shadow:none;background-image:none}.ui.orange.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.orange.buttons .button:hover,.ui.orange.button:hover{background-color:#f26202;color:#FFFFFF;text-shadow:none}.ui.orange.buttons .button:focus,.ui.orange.button:focus{background-color:#e55b00;color:#FFFFFF;text-shadow:none}.ui.orange.buttons .button:active,.ui.orange.button:active{background-color:#cf590c;color:#FFFFFF;text-shadow:none}.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active,.ui.orange.active.button,.ui.orange.button .active.button:active{background-color:#f56100;color:#FFFFFF;text-shadow:none}.ui.basic.orange.buttons .button,.ui.basic.orange.button{-webkit-box-shadow:0 0 0 1px #F2711C inset !important;box-shadow:0 0 0 1px #F2711C inset !important;color:#F2711C !important}.ui.basic.orange.buttons .button:hover,.ui.basic.orange.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #f26202 inset !important;box-shadow:0 0 0 1px #f26202 inset !important;color:#f26202 !important}.ui.basic.orange.buttons .button:focus,.ui.basic.orange.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #e55b00 inset !important;box-shadow:0 0 0 1px #e55b00 inset !important;color:#f26202 !important}.ui.basic.orange.buttons .active.button,.ui.basic.orange.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #f56100 inset !important;box-shadow:0 0 0 1px #f56100 inset !important;color:#cf590c !important}.ui.basic.orange.buttons .button:active,.ui.basic.orange.button:active{-webkit-box-shadow:0 0 0 1px #cf590c inset !important;box-shadow:0 0 0 1px #cf590c inset !important;color:#cf590c !important}.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child){margin-left:-1px}.ui.inverted.orange.buttons .button,.ui.inverted.orange.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #FF851B inset !important;box-shadow:0 0 0 2px #FF851B inset !important;color:#FF851B}.ui.inverted.orange.buttons .button:hover,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.button:focus,.ui.inverted.orange.buttons .button.active,.ui.inverted.orange.button.active,.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.orange.buttons .button:hover,.ui.inverted.orange.button:hover{background-color:#ff7701}.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.button:focus{background-color:#f17000}.ui.inverted.orange.buttons .active.button,.ui.inverted.orange.active.button{background-color:#ff7701}.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.button:active{background-color:#e76b00}.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button,.ui.inverted.orange.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.button:hover,.ui.inverted.orange.basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff7701 inset !important;box-shadow:0 0 0 2px #ff7701 inset !important;color:#FF851B !important}.ui.inverted.orange.basic.buttons .button:focus,.ui.inverted.orange.basic.buttons .button:focus,.ui.inverted.orange.basic.button:focus{-webkit-box-shadow:0 0 0 2px #f17000 inset !important;box-shadow:0 0 0 2px #f17000 inset !important;color:#FF851B !important}.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.buttons .basic.active.button,.ui.inverted.orange.basic.active.button{-webkit-box-shadow:0 0 0 2px #ff7701 inset !important;box-shadow:0 0 0 2px #ff7701 inset !important;color:#FF851B !important}.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active,.ui.inverted.orange.basic.button:active{-webkit-box-shadow:0 0 0 2px #e76b00 inset !important;box-shadow:0 0 0 2px #e76b00 inset !important;color:#FF851B !important}.ui.pink.buttons .button,.ui.pink.button{background-color:#E03997;color:#FFFFFF;text-shadow:none;background-image:none}.ui.pink.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.pink.buttons .button:hover,.ui.pink.button:hover{background-color:#e61a8d;color:#FFFFFF;text-shadow:none}.ui.pink.buttons .button:focus,.ui.pink.button:focus{background-color:#e10f85;color:#FFFFFF;text-shadow:none}.ui.pink.buttons .button:active,.ui.pink.button:active{background-color:#c71f7e;color:#FFFFFF;text-shadow:none}.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active,.ui.pink.active.button,.ui.pink.button .active.button:active{background-color:#ea158d;color:#FFFFFF;text-shadow:none}.ui.basic.pink.buttons .button,.ui.basic.pink.button{-webkit-box-shadow:0 0 0 1px #E03997 inset !important;box-shadow:0 0 0 1px #E03997 inset !important;color:#E03997 !important}.ui.basic.pink.buttons .button:hover,.ui.basic.pink.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #e61a8d inset !important;box-shadow:0 0 0 1px #e61a8d inset !important;color:#e61a8d !important}.ui.basic.pink.buttons .button:focus,.ui.basic.pink.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #e10f85 inset !important;box-shadow:0 0 0 1px #e10f85 inset !important;color:#e61a8d !important}.ui.basic.pink.buttons .active.button,.ui.basic.pink.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #ea158d inset !important;box-shadow:0 0 0 1px #ea158d inset !important;color:#c71f7e !important}.ui.basic.pink.buttons .button:active,.ui.basic.pink.button:active{-webkit-box-shadow:0 0 0 1px #c71f7e inset !important;box-shadow:0 0 0 1px #c71f7e inset !important;color:#c71f7e !important}.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child){margin-left:-1px}.ui.inverted.pink.buttons .button,.ui.inverted.pink.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #FF8EDF inset !important;box-shadow:0 0 0 2px #FF8EDF inset !important;color:#FF8EDF}.ui.inverted.pink.buttons .button:hover,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.button:focus,.ui.inverted.pink.buttons .button.active,.ui.inverted.pink.button.active,.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.pink.buttons .button:hover,.ui.inverted.pink.button:hover{background-color:#ff74d8}.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.button:focus{background-color:#ff65d3}.ui.inverted.pink.buttons .active.button,.ui.inverted.pink.active.button{background-color:#ff74d8}.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.button:active{background-color:#ff5bd1}.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button,.ui.inverted.pink.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.button:hover,.ui.inverted.pink.basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff74d8 inset !important;box-shadow:0 0 0 2px #ff74d8 inset !important;color:#FF8EDF !important}.ui.inverted.pink.basic.buttons .button:focus,.ui.inverted.pink.basic.buttons .button:focus,.ui.inverted.pink.basic.button:focus{-webkit-box-shadow:0 0 0 2px #ff65d3 inset !important;box-shadow:0 0 0 2px #ff65d3 inset !important;color:#FF8EDF !important}.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.buttons .basic.active.button,.ui.inverted.pink.basic.active.button{-webkit-box-shadow:0 0 0 2px #ff74d8 inset !important;box-shadow:0 0 0 2px #ff74d8 inset !important;color:#FF8EDF !important}.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active,.ui.inverted.pink.basic.button:active{-webkit-box-shadow:0 0 0 2px #ff5bd1 inset !important;box-shadow:0 0 0 2px #ff5bd1 inset !important;color:#FF8EDF !important}.ui.violet.buttons .button,.ui.violet.button{background-color:#6435C9;color:#FFFFFF;text-shadow:none;background-image:none}.ui.violet.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.violet.buttons .button:hover,.ui.violet.button:hover{background-color:#5829bb;color:#FFFFFF;text-shadow:none}.ui.violet.buttons .button:focus,.ui.violet.button:focus{background-color:#4f20b5;color:#FFFFFF;text-shadow:none}.ui.violet.buttons .button:active,.ui.violet.button:active{background-color:#502aa1;color:#FFFFFF;text-shadow:none}.ui.violet.buttons .active.button,.ui.violet.buttons .active.button:active,.ui.violet.active.button,.ui.violet.button .active.button:active{background-color:#5626bf;color:#FFFFFF;text-shadow:none}.ui.basic.violet.buttons .button,.ui.basic.violet.button{-webkit-box-shadow:0 0 0 1px #6435C9 inset !important;box-shadow:0 0 0 1px #6435C9 inset !important;color:#6435C9 !important}.ui.basic.violet.buttons .button:hover,.ui.basic.violet.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #5829bb inset !important;box-shadow:0 0 0 1px #5829bb inset !important;color:#5829bb !important}.ui.basic.violet.buttons .button:focus,.ui.basic.violet.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #4f20b5 inset !important;box-shadow:0 0 0 1px #4f20b5 inset !important;color:#5829bb !important}.ui.basic.violet.buttons .active.button,.ui.basic.violet.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #5626bf inset !important;box-shadow:0 0 0 1px #5626bf inset !important;color:#502aa1 !important}.ui.basic.violet.buttons .button:active,.ui.basic.violet.button:active{-webkit-box-shadow:0 0 0 1px #502aa1 inset !important;box-shadow:0 0 0 1px #502aa1 inset !important;color:#502aa1 !important}.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child){margin-left:-1px}.ui.inverted.violet.buttons .button,.ui.inverted.violet.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #A291FB inset !important;box-shadow:0 0 0 2px #A291FB inset !important;color:#A291FB}.ui.inverted.violet.buttons .button:hover,.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.button:focus,.ui.inverted.violet.buttons .button.active,.ui.inverted.violet.button.active,.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.violet.buttons .button:hover,.ui.inverted.violet.button:hover{background-color:#8a73ff}.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.button:focus{background-color:#7d64ff}.ui.inverted.violet.buttons .active.button,.ui.inverted.violet.active.button{background-color:#8a73ff}.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.button:active{background-color:#7860f9}.ui.inverted.violet.basic.buttons .button,.ui.inverted.violet.buttons .basic.button,.ui.inverted.violet.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.violet.basic.buttons .button:hover,.ui.inverted.violet.buttons .basic.button:hover,.ui.inverted.violet.basic.button:hover{-webkit-box-shadow:0 0 0 2px #8a73ff inset !important;box-shadow:0 0 0 2px #8a73ff inset !important;color:#A291FB !important}.ui.inverted.violet.basic.buttons .button:focus,.ui.inverted.violet.basic.buttons .button:focus,.ui.inverted.violet.basic.button:focus{-webkit-box-shadow:0 0 0 2px #7d64ff inset !important;box-shadow:0 0 0 2px #7d64ff inset !important;color:#A291FB !important}.ui.inverted.violet.basic.buttons .active.button,.ui.inverted.violet.buttons .basic.active.button,.ui.inverted.violet.basic.active.button{-webkit-box-shadow:0 0 0 2px #8a73ff inset !important;box-shadow:0 0 0 2px #8a73ff inset !important;color:#A291FB !important}.ui.inverted.violet.basic.buttons .button:active,.ui.inverted.violet.buttons .basic.button:active,.ui.inverted.violet.basic.button:active{-webkit-box-shadow:0 0 0 2px #7860f9 inset !important;box-shadow:0 0 0 2px #7860f9 inset !important;color:#A291FB !important}.ui.purple.buttons .button,.ui.purple.button{background-color:#A333C8;color:#FFFFFF;text-shadow:none;background-image:none}.ui.purple.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.purple.buttons .button:hover,.ui.purple.button:hover{background-color:#9627ba;color:#FFFFFF;text-shadow:none}.ui.purple.buttons .button:focus,.ui.purple.button:focus{background-color:#8f1eb4;color:#FFFFFF;text-shadow:none}.ui.purple.buttons .button:active,.ui.purple.button:active{background-color:#82299f;color:#FFFFFF;text-shadow:none}.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active,.ui.purple.active.button,.ui.purple.button .active.button:active{background-color:#9724be;color:#FFFFFF;text-shadow:none}.ui.basic.purple.buttons .button,.ui.basic.purple.button{-webkit-box-shadow:0 0 0 1px #A333C8 inset !important;box-shadow:0 0 0 1px #A333C8 inset !important;color:#A333C8 !important}.ui.basic.purple.buttons .button:hover,.ui.basic.purple.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #9627ba inset !important;box-shadow:0 0 0 1px #9627ba inset !important;color:#9627ba !important}.ui.basic.purple.buttons .button:focus,.ui.basic.purple.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #8f1eb4 inset !important;box-shadow:0 0 0 1px #8f1eb4 inset !important;color:#9627ba !important}.ui.basic.purple.buttons .active.button,.ui.basic.purple.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #9724be inset !important;box-shadow:0 0 0 1px #9724be inset !important;color:#82299f !important}.ui.basic.purple.buttons .button:active,.ui.basic.purple.button:active{-webkit-box-shadow:0 0 0 1px #82299f inset !important;box-shadow:0 0 0 1px #82299f inset !important;color:#82299f !important}.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child){margin-left:-1px}.ui.inverted.purple.buttons .button,.ui.inverted.purple.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #DC73FF inset !important;box-shadow:0 0 0 2px #DC73FF inset !important;color:#DC73FF}.ui.inverted.purple.buttons .button:hover,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.button:focus,.ui.inverted.purple.buttons .button.active,.ui.inverted.purple.button.active,.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.purple.buttons .button:hover,.ui.inverted.purple.button:hover{background-color:#d65aff}.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.button:focus{background-color:#d24aff}.ui.inverted.purple.buttons .active.button,.ui.inverted.purple.active.button{background-color:#d65aff}.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.button:active{background-color:#cf40ff}.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button,.ui.inverted.purple.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.button:hover,.ui.inverted.purple.basic.button:hover{-webkit-box-shadow:0 0 0 2px #d65aff inset !important;box-shadow:0 0 0 2px #d65aff inset !important;color:#DC73FF !important}.ui.inverted.purple.basic.buttons .button:focus,.ui.inverted.purple.basic.buttons .button:focus,.ui.inverted.purple.basic.button:focus{-webkit-box-shadow:0 0 0 2px #d24aff inset !important;box-shadow:0 0 0 2px #d24aff inset !important;color:#DC73FF !important}.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.buttons .basic.active.button,.ui.inverted.purple.basic.active.button{-webkit-box-shadow:0 0 0 2px #d65aff inset !important;box-shadow:0 0 0 2px #d65aff inset !important;color:#DC73FF !important}.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active,.ui.inverted.purple.basic.button:active{-webkit-box-shadow:0 0 0 2px #cf40ff inset !important;box-shadow:0 0 0 2px #cf40ff inset !important;color:#DC73FF !important}.ui.red.buttons .button,.ui.red.button{background-color:#DB2828;color:#FFFFFF;text-shadow:none;background-image:none}.ui.red.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.red.buttons .button:hover,.ui.red.button:hover{background-color:#d01919;color:#FFFFFF;text-shadow:none}.ui.red.buttons .button:focus,.ui.red.button:focus{background-color:#ca1010;color:#FFFFFF;text-shadow:none}.ui.red.buttons .button:active,.ui.red.button:active{background-color:#b21e1e;color:#FFFFFF;text-shadow:none}.ui.red.buttons .active.button,.ui.red.buttons .active.button:active,.ui.red.active.button,.ui.red.button .active.button:active{background-color:#d41515;color:#FFFFFF;text-shadow:none}.ui.basic.red.buttons .button,.ui.basic.red.button{-webkit-box-shadow:0 0 0 1px #DB2828 inset !important;box-shadow:0 0 0 1px #DB2828 inset !important;color:#DB2828 !important}.ui.basic.red.buttons .button:hover,.ui.basic.red.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #d01919 inset !important;box-shadow:0 0 0 1px #d01919 inset !important;color:#d01919 !important}.ui.basic.red.buttons .button:focus,.ui.basic.red.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #ca1010 inset !important;box-shadow:0 0 0 1px #ca1010 inset !important;color:#d01919 !important}.ui.basic.red.buttons .active.button,.ui.basic.red.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #d41515 inset !important;box-shadow:0 0 0 1px #d41515 inset !important;color:#b21e1e !important}.ui.basic.red.buttons .button:active,.ui.basic.red.button:active{-webkit-box-shadow:0 0 0 1px #b21e1e inset !important;box-shadow:0 0 0 1px #b21e1e inset !important;color:#b21e1e !important}.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child){margin-left:-1px}.ui.inverted.red.buttons .button,.ui.inverted.red.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #FF695E inset !important;box-shadow:0 0 0 2px #FF695E inset !important;color:#FF695E}.ui.inverted.red.buttons .button:hover,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button:focus,.ui.inverted.red.button:focus,.ui.inverted.red.buttons .button.active,.ui.inverted.red.button.active,.ui.inverted.red.buttons .button:active,.ui.inverted.red.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.inverted.red.buttons .button:hover,.ui.inverted.red.button:hover{background-color:#ff5144}.ui.inverted.red.buttons .button:focus,.ui.inverted.red.button:focus{background-color:#ff4335}.ui.inverted.red.buttons .active.button,.ui.inverted.red.active.button{background-color:#ff5144}.ui.inverted.red.buttons .button:active,.ui.inverted.red.button:active{background-color:#ff392b}.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button,.ui.inverted.red.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover,.ui.inverted.red.basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff5144 inset !important;box-shadow:0 0 0 2px #ff5144 inset !important;color:#FF695E !important}.ui.inverted.red.basic.buttons .button:focus,.ui.inverted.red.basic.buttons .button:focus,.ui.inverted.red.basic.button:focus{-webkit-box-shadow:0 0 0 2px #ff4335 inset !important;box-shadow:0 0 0 2px #ff4335 inset !important;color:#FF695E !important}.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.buttons .basic.active.button,.ui.inverted.red.basic.active.button{-webkit-box-shadow:0 0 0 2px #ff5144 inset !important;box-shadow:0 0 0 2px #ff5144 inset !important;color:#FF695E !important}.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active,.ui.inverted.red.basic.button:active{-webkit-box-shadow:0 0 0 2px #ff392b inset !important;box-shadow:0 0 0 2px #ff392b inset !important;color:#FF695E !important}.ui.teal.buttons .button,.ui.teal.button{background-color:#00B5AD;color:#FFFFFF;text-shadow:none;background-image:none}.ui.teal.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.teal.buttons .button:hover,.ui.teal.button:hover{background-color:#009c95;color:#FFFFFF;text-shadow:none}.ui.teal.buttons .button:focus,.ui.teal.button:focus{background-color:#008c86;color:#FFFFFF;text-shadow:none}.ui.teal.buttons .button:active,.ui.teal.button:active{background-color:#00827c;color:#FFFFFF;text-shadow:none}.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active,.ui.teal.active.button,.ui.teal.button .active.button:active{background-color:#009c95;color:#FFFFFF;text-shadow:none}.ui.basic.teal.buttons .button,.ui.basic.teal.button{-webkit-box-shadow:0 0 0 1px #00B5AD inset !important;box-shadow:0 0 0 1px #00B5AD inset !important;color:#00B5AD !important}.ui.basic.teal.buttons .button:hover,.ui.basic.teal.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #009c95 inset !important;box-shadow:0 0 0 1px #009c95 inset !important;color:#009c95 !important}.ui.basic.teal.buttons .button:focus,.ui.basic.teal.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #008c86 inset !important;box-shadow:0 0 0 1px #008c86 inset !important;color:#009c95 !important}.ui.basic.teal.buttons .active.button,.ui.basic.teal.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #009c95 inset !important;box-shadow:0 0 0 1px #009c95 inset !important;color:#00827c !important}.ui.basic.teal.buttons .button:active,.ui.basic.teal.button:active{-webkit-box-shadow:0 0 0 1px #00827c inset !important;box-shadow:0 0 0 1px #00827c inset !important;color:#00827c !important}.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child){margin-left:-1px}.ui.inverted.teal.buttons .button,.ui.inverted.teal.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #6DFFFF inset !important;box-shadow:0 0 0 2px #6DFFFF inset !important;color:#6DFFFF}.ui.inverted.teal.buttons .button:hover,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.button:focus,.ui.inverted.teal.buttons .button.active,.ui.inverted.teal.button.active,.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:rgba(0,0,0,0.6)}.ui.inverted.teal.buttons .button:hover,.ui.inverted.teal.button:hover{background-color:#54ffff}.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.button:focus{background-color:#44ffff}.ui.inverted.teal.buttons .active.button,.ui.inverted.teal.active.button{background-color:#54ffff}.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.button:active{background-color:#3affff}.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button,.ui.inverted.teal.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.button:hover,.ui.inverted.teal.basic.button:hover{-webkit-box-shadow:0 0 0 2px #54ffff inset !important;box-shadow:0 0 0 2px #54ffff inset !important;color:#6DFFFF !important}.ui.inverted.teal.basic.buttons .button:focus,.ui.inverted.teal.basic.buttons .button:focus,.ui.inverted.teal.basic.button:focus{-webkit-box-shadow:0 0 0 2px #44ffff inset !important;box-shadow:0 0 0 2px #44ffff inset !important;color:#6DFFFF !important}.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.buttons .basic.active.button,.ui.inverted.teal.basic.active.button{-webkit-box-shadow:0 0 0 2px #54ffff inset !important;box-shadow:0 0 0 2px #54ffff inset !important;color:#6DFFFF !important}.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active,.ui.inverted.teal.basic.button:active{-webkit-box-shadow:0 0 0 2px #3affff inset !important;box-shadow:0 0 0 2px #3affff inset !important;color:#6DFFFF !important}.ui.olive.buttons .button,.ui.olive.button{background-color:#B5CC18;color:#FFFFFF;text-shadow:none;background-image:none}.ui.olive.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.olive.buttons .button:hover,.ui.olive.button:hover{background-color:#a7bd0d;color:#FFFFFF;text-shadow:none}.ui.olive.buttons .button:focus,.ui.olive.button:focus{background-color:#a0b605;color:#FFFFFF;text-shadow:none}.ui.olive.buttons .button:active,.ui.olive.button:active{background-color:#8d9e13;color:#FFFFFF;text-shadow:none}.ui.olive.buttons .active.button,.ui.olive.buttons .active.button:active,.ui.olive.active.button,.ui.olive.button .active.button:active{background-color:#aac109;color:#FFFFFF;text-shadow:none}.ui.basic.olive.buttons .button,.ui.basic.olive.button{-webkit-box-shadow:0 0 0 1px #B5CC18 inset !important;box-shadow:0 0 0 1px #B5CC18 inset !important;color:#B5CC18 !important}.ui.basic.olive.buttons .button:hover,.ui.basic.olive.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #a7bd0d inset !important;box-shadow:0 0 0 1px #a7bd0d inset !important;color:#a7bd0d !important}.ui.basic.olive.buttons .button:focus,.ui.basic.olive.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #a0b605 inset !important;box-shadow:0 0 0 1px #a0b605 inset !important;color:#a7bd0d !important}.ui.basic.olive.buttons .active.button,.ui.basic.olive.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #aac109 inset !important;box-shadow:0 0 0 1px #aac109 inset !important;color:#8d9e13 !important}.ui.basic.olive.buttons .button:active,.ui.basic.olive.button:active{-webkit-box-shadow:0 0 0 1px #8d9e13 inset !important;box-shadow:0 0 0 1px #8d9e13 inset !important;color:#8d9e13 !important}.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child){margin-left:-1px}.ui.inverted.olive.buttons .button,.ui.inverted.olive.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #D9E778 inset !important;box-shadow:0 0 0 2px #D9E778 inset !important;color:#D9E778}.ui.inverted.olive.buttons .button:hover,.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.button:focus,.ui.inverted.olive.buttons .button.active,.ui.inverted.olive.button.active,.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:rgba(0,0,0,0.6)}.ui.inverted.olive.buttons .button:hover,.ui.inverted.olive.button:hover{background-color:#d8ea5c}.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.button:focus{background-color:#daef47}.ui.inverted.olive.buttons .active.button,.ui.inverted.olive.active.button{background-color:#daed59}.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.button:active{background-color:#cddf4d}.ui.inverted.olive.basic.buttons .button,.ui.inverted.olive.buttons .basic.button,.ui.inverted.olive.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.olive.basic.buttons .button:hover,.ui.inverted.olive.buttons .basic.button:hover,.ui.inverted.olive.basic.button:hover{-webkit-box-shadow:0 0 0 2px #d8ea5c inset !important;box-shadow:0 0 0 2px #d8ea5c inset !important;color:#D9E778 !important}.ui.inverted.olive.basic.buttons .button:focus,.ui.inverted.olive.basic.buttons .button:focus,.ui.inverted.olive.basic.button:focus{-webkit-box-shadow:0 0 0 2px #daef47 inset !important;box-shadow:0 0 0 2px #daef47 inset !important;color:#D9E778 !important}.ui.inverted.olive.basic.buttons .active.button,.ui.inverted.olive.buttons .basic.active.button,.ui.inverted.olive.basic.active.button{-webkit-box-shadow:0 0 0 2px #daed59 inset !important;box-shadow:0 0 0 2px #daed59 inset !important;color:#D9E778 !important}.ui.inverted.olive.basic.buttons .button:active,.ui.inverted.olive.buttons .basic.button:active,.ui.inverted.olive.basic.button:active{-webkit-box-shadow:0 0 0 2px #cddf4d inset !important;box-shadow:0 0 0 2px #cddf4d inset !important;color:#D9E778 !important}.ui.yellow.buttons .button,.ui.yellow.button{background-color:#FBBD08;color:#FFFFFF;text-shadow:none;background-image:none}.ui.yellow.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.yellow.buttons .button:hover,.ui.yellow.button:hover{background-color:#eaae00;color:#FFFFFF;text-shadow:none}.ui.yellow.buttons .button:focus,.ui.yellow.button:focus{background-color:#daa300;color:#FFFFFF;text-shadow:none}.ui.yellow.buttons .button:active,.ui.yellow.button:active{background-color:#cd9903;color:#FFFFFF;text-shadow:none}.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active,.ui.yellow.active.button,.ui.yellow.button .active.button:active{background-color:#eaae00;color:#FFFFFF;text-shadow:none}.ui.basic.yellow.buttons .button,.ui.basic.yellow.button{-webkit-box-shadow:0 0 0 1px #FBBD08 inset !important;box-shadow:0 0 0 1px #FBBD08 inset !important;color:#FBBD08 !important}.ui.basic.yellow.buttons .button:hover,.ui.basic.yellow.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #eaae00 inset !important;box-shadow:0 0 0 1px #eaae00 inset !important;color:#eaae00 !important}.ui.basic.yellow.buttons .button:focus,.ui.basic.yellow.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #daa300 inset !important;box-shadow:0 0 0 1px #daa300 inset !important;color:#eaae00 !important}.ui.basic.yellow.buttons .active.button,.ui.basic.yellow.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #eaae00 inset !important;box-shadow:0 0 0 1px #eaae00 inset !important;color:#cd9903 !important}.ui.basic.yellow.buttons .button:active,.ui.basic.yellow.button:active{-webkit-box-shadow:0 0 0 1px #cd9903 inset !important;box-shadow:0 0 0 1px #cd9903 inset !important;color:#cd9903 !important}.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child){margin-left:-1px}.ui.inverted.yellow.buttons .button,.ui.inverted.yellow.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #FFE21F inset !important;box-shadow:0 0 0 2px #FFE21F inset !important;color:#FFE21F}.ui.inverted.yellow.buttons .button:hover,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button:focus,.ui.inverted.yellow.button:focus,.ui.inverted.yellow.buttons .button.active,.ui.inverted.yellow.button.active,.ui.inverted.yellow.buttons .button:active,.ui.inverted.yellow.button:active{-webkit-box-shadow:none !important;box-shadow:none !important;color:rgba(0,0,0,0.6)}.ui.inverted.yellow.buttons .button:hover,.ui.inverted.yellow.button:hover{background-color:#ffdf05}.ui.inverted.yellow.buttons .button:focus,.ui.inverted.yellow.button:focus{background-color:#f5d500}.ui.inverted.yellow.buttons .active.button,.ui.inverted.yellow.active.button{background-color:#ffdf05}.ui.inverted.yellow.buttons .button:active,.ui.inverted.yellow.button:active{background-color:#ebcd00}.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button,.ui.inverted.yellow.basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;box-shadow:0 0 0 2px rgba(255,255,255,0.5) inset !important;color:#FFFFFF !important}.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.button:hover,.ui.inverted.yellow.basic.button:hover{-webkit-box-shadow:0 0 0 2px #ffdf05 inset !important;box-shadow:0 0 0 2px #ffdf05 inset !important;color:#FFE21F !important}.ui.inverted.yellow.basic.buttons .button:focus,.ui.inverted.yellow.basic.buttons .button:focus,.ui.inverted.yellow.basic.button:focus{-webkit-box-shadow:0 0 0 2px #f5d500 inset !important;box-shadow:0 0 0 2px #f5d500 inset !important;color:#FFE21F !important}.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.buttons .basic.active.button,.ui.inverted.yellow.basic.active.button{-webkit-box-shadow:0 0 0 2px #ffdf05 inset !important;box-shadow:0 0 0 2px #ffdf05 inset !important;color:#FFE21F !important}.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active,.ui.inverted.yellow.basic.button:active{-webkit-box-shadow:0 0 0 2px #ebcd00 inset !important;box-shadow:0 0 0 2px #ebcd00 inset !important;color:#FFE21F !important}.ui.primary.buttons .button,.ui.primary.button{background-color:#2185D0;color:#FFFFFF;text-shadow:none;background-image:none}.ui.primary.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.primary.buttons .button:hover,.ui.primary.button:hover{background-color:#1678c2;color:#FFFFFF;text-shadow:none}.ui.primary.buttons .button:focus,.ui.primary.button:focus{background-color:#0d71bb;color:#FFFFFF;text-shadow:none}.ui.primary.buttons .button:active,.ui.primary.button:active{background-color:#1a69a4;color:#FFFFFF;text-shadow:none}.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active,.ui.primary.active.button,.ui.primary.button .active.button:active{background-color:#1279c6;color:#FFFFFF;text-shadow:none}.ui.basic.primary.buttons .button,.ui.basic.primary.button{-webkit-box-shadow:0 0 0 1px #2185D0 inset !important;box-shadow:0 0 0 1px #2185D0 inset !important;color:#2185D0 !important}.ui.basic.primary.buttons .button:hover,.ui.basic.primary.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #1678c2 inset !important;box-shadow:0 0 0 1px #1678c2 inset !important;color:#1678c2 !important}.ui.basic.primary.buttons .button:focus,.ui.basic.primary.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #0d71bb inset !important;box-shadow:0 0 0 1px #0d71bb inset !important;color:#1678c2 !important}.ui.basic.primary.buttons .active.button,.ui.basic.primary.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #1279c6 inset !important;box-shadow:0 0 0 1px #1279c6 inset !important;color:#1a69a4 !important}.ui.basic.primary.buttons .button:active,.ui.basic.primary.button:active{-webkit-box-shadow:0 0 0 1px #1a69a4 inset !important;box-shadow:0 0 0 1px #1a69a4 inset !important;color:#1a69a4 !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.secondary.buttons .button,.ui.secondary.button{background-color:#1B1C1D;color:#FFFFFF;text-shadow:none;background-image:none}.ui.secondary.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.secondary.buttons .button:hover,.ui.secondary.button:hover{background-color:#27292a;color:#FFFFFF;text-shadow:none}.ui.secondary.buttons .button:focus,.ui.secondary.button:focus{background-color:#2e3032;color:#FFFFFF;text-shadow:none}.ui.secondary.buttons .button:active,.ui.secondary.button:active{background-color:#343637;color:#FFFFFF;text-shadow:none}.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active,.ui.secondary.active.button,.ui.secondary.button .active.button:active{background-color:#27292a;color:#FFFFFF;text-shadow:none}.ui.basic.secondary.buttons .button,.ui.basic.secondary.button{-webkit-box-shadow:0 0 0 1px #1B1C1D inset !important;box-shadow:0 0 0 1px #1B1C1D inset !important;color:#1B1C1D !important}.ui.basic.secondary.buttons .button:hover,.ui.basic.secondary.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #27292a inset !important;box-shadow:0 0 0 1px #27292a inset !important;color:#27292a !important}.ui.basic.secondary.buttons .button:focus,.ui.basic.secondary.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #2e3032 inset !important;box-shadow:0 0 0 1px #2e3032 inset !important;color:#27292a !important}.ui.basic.secondary.buttons .active.button,.ui.basic.secondary.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #27292a inset !important;box-shadow:0 0 0 1px #27292a inset !important;color:#343637 !important}.ui.basic.secondary.buttons .button:active,.ui.basic.secondary.button:active{-webkit-box-shadow:0 0 0 1px #343637 inset !important;box-shadow:0 0 0 1px #343637 inset !important;color:#343637 !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.positive.buttons .button,.ui.positive.button{background-color:#21BA45;color:#FFFFFF;text-shadow:none;background-image:none}.ui.positive.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.positive.buttons .button:hover,.ui.positive.button:hover{background-color:#16ab39;color:#FFFFFF;text-shadow:none}.ui.positive.buttons .button:focus,.ui.positive.button:focus{background-color:#0ea432;color:#FFFFFF;text-shadow:none}.ui.positive.buttons .button:active,.ui.positive.button:active{background-color:#198f35;color:#FFFFFF;text-shadow:none}.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active,.ui.positive.active.button,.ui.positive.button .active.button:active{background-color:#13ae38;color:#FFFFFF;text-shadow:none}.ui.basic.positive.buttons .button,.ui.basic.positive.button{-webkit-box-shadow:0 0 0 1px #21BA45 inset !important;box-shadow:0 0 0 1px #21BA45 inset !important;color:#21BA45 !important}.ui.basic.positive.buttons .button:hover,.ui.basic.positive.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #16ab39 inset !important;box-shadow:0 0 0 1px #16ab39 inset !important;color:#16ab39 !important}.ui.basic.positive.buttons .button:focus,.ui.basic.positive.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #0ea432 inset !important;box-shadow:0 0 0 1px #0ea432 inset !important;color:#16ab39 !important}.ui.basic.positive.buttons .active.button,.ui.basic.positive.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #13ae38 inset !important;box-shadow:0 0 0 1px #13ae38 inset !important;color:#198f35 !important}.ui.basic.positive.buttons .button:active,.ui.basic.positive.button:active{-webkit-box-shadow:0 0 0 1px #198f35 inset !important;box-shadow:0 0 0 1px #198f35 inset !important;color:#198f35 !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.negative.buttons .button,.ui.negative.button{background-color:#DB2828;color:#FFFFFF;text-shadow:none;background-image:none}.ui.negative.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.15) inset}.ui.negative.buttons .button:hover,.ui.negative.button:hover{background-color:#d01919;color:#FFFFFF;text-shadow:none}.ui.negative.buttons .button:focus,.ui.negative.button:focus{background-color:#ca1010;color:#FFFFFF;text-shadow:none}.ui.negative.buttons .button:active,.ui.negative.button:active{background-color:#b21e1e;color:#FFFFFF;text-shadow:none}.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active,.ui.negative.active.button,.ui.negative.button .active.button:active{background-color:#d41515;color:#FFFFFF;text-shadow:none}.ui.basic.negative.buttons .button,.ui.basic.negative.button{-webkit-box-shadow:0 0 0 1px #DB2828 inset !important;box-shadow:0 0 0 1px #DB2828 inset !important;color:#DB2828 !important}.ui.basic.negative.buttons .button:hover,.ui.basic.negative.button:hover{background:transparent !important;-webkit-box-shadow:0 0 0 1px #d01919 inset !important;box-shadow:0 0 0 1px #d01919 inset !important;color:#d01919 !important}.ui.basic.negative.buttons .button:focus,.ui.basic.negative.button:focus{background:transparent !important;-webkit-box-shadow:0 0 0 1px #ca1010 inset !important;box-shadow:0 0 0 1px #ca1010 inset !important;color:#d01919 !important}.ui.basic.negative.buttons .active.button,.ui.basic.negative.active.button{background:transparent !important;-webkit-box-shadow:0 0 0 1px #d41515 inset !important;box-shadow:0 0 0 1px #d41515 inset !important;color:#b21e1e !important}.ui.basic.negative.buttons .button:active,.ui.basic.negative.button:active{-webkit-box-shadow:0 0 0 1px #b21e1e inset !important;box-shadow:0 0 0 1px #b21e1e inset !important;color:#b21e1e !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 0.25em 0 0}.ui.buttons:not(.basic):not(.inverted){-webkit-box-shadow:none;box-shadow:none}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin:0;border-radius:0;margin:0 0 0 0}.ui.buttons>.ui.button:not(.basic):not(.inverted),.ui.buttons:not(.basic):not(.inverted)>.button{-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,0.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:0.28571429rem;border-bottom-left-radius:0.28571429rem}.ui.buttons .button:last-child{border-top-right-radius:0.28571429rem;border-bottom-right-radius:0.28571429rem}.ui.vertical.buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0 0 0 0;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.ui.vertical.buttons .button:first-child{border-top-left-radius:0.28571429rem;border-top-right-radius:0.28571429rem}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:0.28571429rem;border-bottom-right-radius:0.28571429rem}.ui.vertical.buttons .button:only-child{border-radius:0.28571429rem}.ui.container{display:block;max-width:100% !important}@media only screen and (max-width: 767px){.ui.container{width:auto !important;margin-left:1em !important;margin-right:1em !important}.ui.grid.container{width:auto !important}.ui.relaxed.grid.container{width:auto !important}.ui.very.relaxed.grid.container{width:auto !important}}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.container{width:723px;margin-left:auto !important;margin-right:auto !important}.ui.grid.container{width:calc( 723px + 2rem) !important}.ui.relaxed.grid.container{width:calc( 723px + 3rem) !important}.ui.very.relaxed.grid.container{width:calc( 723px + 5rem) !important}}@media only screen and (min-width: 992px) and (max-width: 1199px){.ui.container{width:933px;margin-left:auto !important;margin-right:auto !important}.ui.grid.container{width:calc( 933px + 2rem) !important}.ui.relaxed.grid.container{width:calc( 933px + 3rem) !important}.ui.very.relaxed.grid.container{width:calc( 933px + 5rem) !important}}@media only screen and (min-width: 1200px){.ui.container{width:1127px;margin-left:auto !important;margin-right:auto !important}.ui.grid.container{width:calc( 1127px + 2rem) !important}.ui.relaxed.grid.container{width:calc( 1127px + 3rem) !important}.ui.very.relaxed.grid.container{width:calc( 1127px + 5rem) !important}}.ui.text.container{font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;max-width:700px !important;line-height:1.5}.ui.text.container{font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ui.divider{margin:1rem 0rem;line-height:1;height:0;font-weight:bold;text-transform:uppercase;letter-spacing:0.05em;color:rgba(0,0,0,0.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,0.15);border-bottom:1px solid rgba(255,255,255,0.1)}.ui.grid>.column+.divider,.ui.grid>.row>.column+.divider{left:auto}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:'';line-height:1;text-align:center}.ui.horizontal.divider:before,.ui.horizontal.divider:after{content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider:before{background-position:right 1em top 50%}.ui.horizontal.divider:after{background-position:left 1em top 50%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0rem;padding:0;width:auto;height:50%;line-height:0;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ui.vertical.divider:before,.ui.vertical.divider:after{position:absolute;left:50%;content:'';z-index:3;border-left:1px solid rgba(34,36,38,0.15);border-right:1px solid rgba(255,255,255,0.1);width:0%;height:calc(100% - 1rem)}.ui.vertical.divider:before{top:-100%}.ui.vertical.divider:after{top:auto;bottom:0}@media only screen and (max-width: 767px){.ui.stackable.grid .ui.vertical.divider,.ui.grid .stackable.row .ui.vertical.divider{display:table;white-space:nowrap;height:auto;margin:'';overflow:hidden;line-height:1;text-align:center;position:static;top:0;left:0;-webkit-transform:none;transform:none}.ui.stackable.grid .ui.vertical.divider:before,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:after{position:static;left:0;border-left:none;border-right:none;content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.stackable.grid .ui.vertical.divider:before,.ui.grid .stackable.row .ui.vertical.divider:before{background-position:right 1em top 50%}.ui.stackable.grid .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:after{background-position:left 1em top 50%}}.ui.divider>.icon{margin:0rem;font-size:1rem;height:1em;vertical-align:middle}.ui.hidden.divider{border-color:transparent !important}.ui.hidden.divider:before,.ui.hidden.divider:after{display:none}.ui.divider.inverted,.ui.vertical.inverted.divider,.ui.horizontal.inverted.divider{color:#FFFFFF}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(34,36,38,0.15) !important;border-left-color:rgba(34,36,38,0.15) !important;border-bottom-color:rgba(255,255,255,0.15) !important;border-right-color:rgba(255,255,255,0.15) !important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.horizontal.divider:before,.ui.horizontal.divider:after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC")}@media only screen and (max-width: 767px){.ui.stackable.grid .ui.vertical.divider:before,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC")}}i.flag:not(.icon){display:inline-block;width:16px;height:11px;line-height:11px;vertical-align:baseline;margin:0 0.5em 0 0;text-decoration:inherit;speak:none;font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.flag:not(.icon):before{display:inline-block;content:'';background:url("./themes/default/assets/images/flags.png") no-repeat -108px -1976px;width:16px;height:11px}i.flag.ad:before,i.flag.andorra:before{background-position:0 0}i.flag.ae:before,i.flag.united.arab.emirates:before,i.flag.uae:before{background-position:0 -26px}i.flag.af:before,i.flag.afghanistan:before{background-position:0 -52px}i.flag.ag:before,i.flag.antigua:before{background-position:0 -78px}i.flag.ai:before,i.flag.anguilla:before{background-position:0 -104px}i.flag.al:before,i.flag.albania:before{background-position:0 -130px}i.flag.am:before,i.flag.armenia:before{background-position:0 -156px}i.flag.an:before,i.flag.netherlands.antilles:before{background-position:0 -182px}i.flag.ao:before,i.flag.angola:before{background-position:0 -208px}i.flag.ar:before,i.flag.argentina:before{background-position:0 -234px}i.flag.as:before,i.flag.american.samoa:before{background-position:0 -260px}i.flag.at:before,i.flag.austria:before{background-position:0 -286px}i.flag.au:before,i.flag.australia:before{background-position:0 -312px}i.flag.aw:before,i.flag.aruba:before{background-position:0 -338px}i.flag.ax:before,i.flag.aland.islands:before{background-position:0 -364px}i.flag.az:before,i.flag.azerbaijan:before{background-position:0 -390px}i.flag.ba:before,i.flag.bosnia:before{background-position:0 -416px}i.flag.bb:before,i.flag.barbados:before{background-position:0 -442px}i.flag.bd:before,i.flag.bangladesh:before{background-position:0 -468px}i.flag.be:before,i.flag.belgium:before{background-position:0 -494px}i.flag.bf:before,i.flag.burkina.faso:before{background-position:0 -520px}i.flag.bg:before,i.flag.bulgaria:before{background-position:0 -546px}i.flag.bh:before,i.flag.bahrain:before{background-position:0 -572px}i.flag.bi:before,i.flag.burundi:before{background-position:0 -598px}i.flag.bj:before,i.flag.benin:before{background-position:0 -624px}i.flag.bm:before,i.flag.bermuda:before{background-position:0 -650px}i.flag.bn:before,i.flag.brunei:before{background-position:0 -676px}i.flag.bo:before,i.flag.bolivia:before{background-position:0 -702px}i.flag.br:before,i.flag.brazil:before{background-position:0 -728px}i.flag.bs:before,i.flag.bahamas:before{background-position:0 -754px}i.flag.bt:before,i.flag.bhutan:before{background-position:0 -780px}i.flag.bv:before,i.flag.bouvet.island:before{background-position:0 -806px}i.flag.bw:before,i.flag.botswana:before{background-position:0 -832px}i.flag.by:before,i.flag.belarus:before{background-position:0 -858px}i.flag.bz:before,i.flag.belize:before{background-position:0 -884px}i.flag.ca:before,i.flag.canada:before{background-position:0 -910px}i.flag.cc:before,i.flag.cocos.islands:before{background-position:0 -962px}i.flag.cd:before,i.flag.congo:before{background-position:0 -988px}i.flag.cf:before,i.flag.central.african.republic:before{background-position:0 -1014px}i.flag.cg:before,i.flag.congo.brazzaville:before{background-position:0 -1040px}i.flag.ch:before,i.flag.switzerland:before{background-position:0 -1066px}i.flag.ci:before,i.flag.cote.divoire:before{background-position:0 -1092px}i.flag.ck:before,i.flag.cook.islands:before{background-position:0 -1118px}i.flag.cl:before,i.flag.chile:before{background-position:0 -1144px}i.flag.cm:before,i.flag.cameroon:before{background-position:0 -1170px}i.flag.cn:before,i.flag.china:before{background-position:0 -1196px}i.flag.co:before,i.flag.colombia:before{background-position:0 -1222px}i.flag.cr:before,i.flag.costa.rica:before{background-position:0 -1248px}i.flag.cs:before,i.flag.serbia:before{background-position:0 -1274px}i.flag.cu:before,i.flag.cuba:before{background-position:0 -1300px}i.flag.cv:before,i.flag.cape.verde:before{background-position:0 -1326px}i.flag.cx:before,i.flag.christmas.island:before{background-position:0 -1352px}i.flag.cy:before,i.flag.cyprus:before{background-position:0 -1378px}i.flag.cz:before,i.flag.czech.republic:before{background-position:0 -1404px}i.flag.de:before,i.flag.germany:before{background-position:0 -1430px}i.flag.dj:before,i.flag.djibouti:before{background-position:0 -1456px}i.flag.dk:before,i.flag.denmark:before{background-position:0 -1482px}i.flag.dm:before,i.flag.dominica:before{background-position:0 -1508px}i.flag.do:before,i.flag.dominican.republic:before{background-position:0 -1534px}i.flag.dz:before,i.flag.algeria:before{background-position:0 -1560px}i.flag.ec:before,i.flag.ecuador:before{background-position:0 -1586px}i.flag.ee:before,i.flag.estonia:before{background-position:0 -1612px}i.flag.eg:before,i.flag.egypt:before{background-position:0 -1638px}i.flag.eh:before,i.flag.western.sahara:before{background-position:0 -1664px}i.flag.gb.eng:before,i.flag.england:before{background-position:0 -1690px}i.flag.er:before,i.flag.eritrea:before{background-position:0 -1716px}i.flag.es:before,i.flag.spain:before{background-position:0 -1742px}i.flag.et:before,i.flag.ethiopia:before{background-position:0 -1768px}i.flag.eu:before,i.flag.european.union:before{background-position:0 -1794px}i.flag.fi:before,i.flag.finland:before{background-position:0 -1846px}i.flag.fj:before,i.flag.fiji:before{background-position:0 -1872px}i.flag.fk:before,i.flag.falkland.islands:before{background-position:0 -1898px}i.flag.fm:before,i.flag.micronesia:before{background-position:0 -1924px}i.flag.fo:before,i.flag.faroe.islands:before{background-position:0 -1950px}i.flag.fr:before,i.flag.france:before{background-position:0 -1976px}i.flag.ga:before,i.flag.gabon:before{background-position:-36px 0}i.flag.gb:before,i.flag.united.kingdom:before{background-position:-36px -26px}i.flag.gd:before,i.flag.grenada:before{background-position:-36px -52px}i.flag.ge:before,i.flag.georgia:before{background-position:-36px -78px}i.flag.gf:before,i.flag.french.guiana:before{background-position:-36px -104px}i.flag.gh:before,i.flag.ghana:before{background-position:-36px -130px}i.flag.gi:before,i.flag.gibraltar:before{background-position:-36px -156px}i.flag.gl:before,i.flag.greenland:before{background-position:-36px -182px}i.flag.gm:before,i.flag.gambia:before{background-position:-36px -208px}i.flag.gn:before,i.flag.guinea:before{background-position:-36px -234px}i.flag.gp:before,i.flag.guadeloupe:before{background-position:-36px -260px}i.flag.gq:before,i.flag.equatorial.guinea:before{background-position:-36px -286px}i.flag.gr:before,i.flag.greece:before{background-position:-36px -312px}i.flag.gs:before,i.flag.sandwich.islands:before{background-position:-36px -338px}i.flag.gt:before,i.flag.guatemala:before{background-position:-36px -364px}i.flag.gu:before,i.flag.guam:before{background-position:-36px -390px}i.flag.gw:before,i.flag.guinea-bissau:before{background-position:-36px -416px}i.flag.gy:before,i.flag.guyana:before{background-position:-36px -442px}i.flag.hk:before,i.flag.hong.kong:before{background-position:-36px -468px}i.flag.hm:before,i.flag.heard.island:before{background-position:-36px -494px}i.flag.hn:before,i.flag.honduras:before{background-position:-36px -520px}i.flag.hr:before,i.flag.croatia:before{background-position:-36px -546px}i.flag.ht:before,i.flag.haiti:before{background-position:-36px -572px}i.flag.hu:before,i.flag.hungary:before{background-position:-36px -598px}i.flag.id:before,i.flag.indonesia:before{background-position:-36px -624px}i.flag.ie:before,i.flag.ireland:before{background-position:-36px -650px}i.flag.il:before,i.flag.israel:before{background-position:-36px -676px}i.flag.in:before,i.flag.india:before{background-position:-36px -702px}i.flag.io:before,i.flag.indian.ocean.territory:before{background-position:-36px -728px}i.flag.iq:before,i.flag.iraq:before{background-position:-36px -754px}i.flag.ir:before,i.flag.iran:before{background-position:-36px -780px}i.flag.is:before,i.flag.iceland:before{background-position:-36px -806px}i.flag.it:before,i.flag.italy:before{background-position:-36px -832px}i.flag.jm:before,i.flag.jamaica:before{background-position:-36px -858px}i.flag.jo:before,i.flag.jordan:before{background-position:-36px -884px}i.flag.jp:before,i.flag.japan:before{background-position:-36px -910px}i.flag.ke:before,i.flag.kenya:before{background-position:-36px -936px}i.flag.kg:before,i.flag.kyrgyzstan:before{background-position:-36px -962px}i.flag.kh:before,i.flag.cambodia:before{background-position:-36px -988px}i.flag.ki:before,i.flag.kiribati:before{background-position:-36px -1014px}i.flag.km:before,i.flag.comoros:before{background-position:-36px -1040px}i.flag.kn:before,i.flag.saint.kitts.and.nevis:before{background-position:-36px -1066px}i.flag.kp:before,i.flag.north.korea:before{background-position:-36px -1092px}i.flag.kr:before,i.flag.south.korea:before{background-position:-36px -1118px}i.flag.kw:before,i.flag.kuwait:before{background-position:-36px -1144px}i.flag.ky:before,i.flag.cayman.islands:before{background-position:-36px -1170px}i.flag.kz:before,i.flag.kazakhstan:before{background-position:-36px -1196px}i.flag.la:before,i.flag.laos:before{background-position:-36px -1222px}i.flag.lb:before,i.flag.lebanon:before{background-position:-36px -1248px}i.flag.lc:before,i.flag.saint.lucia:before{background-position:-36px -1274px}i.flag.li:before,i.flag.liechtenstein:before{background-position:-36px -1300px}i.flag.lk:before,i.flag.sri.lanka:before{background-position:-36px -1326px}i.flag.lr:before,i.flag.liberia:before{background-position:-36px -1352px}i.flag.ls:before,i.flag.lesotho:before{background-position:-36px -1378px}i.flag.lt:before,i.flag.lithuania:before{background-position:-36px -1404px}i.flag.lu:before,i.flag.luxembourg:before{background-position:-36px -1430px}i.flag.lv:before,i.flag.latvia:before{background-position:-36px -1456px}i.flag.ly:before,i.flag.libya:before{background-position:-36px -1482px}i.flag.ma:before,i.flag.morocco:before{background-position:-36px -1508px}i.flag.mc:before,i.flag.monaco:before{background-position:-36px -1534px}i.flag.md:before,i.flag.moldova:before{background-position:-36px -1560px}i.flag.me:before,i.flag.montenegro:before{background-position:-36px -1586px}i.flag.mg:before,i.flag.madagascar:before{background-position:-36px -1613px}i.flag.mh:before,i.flag.marshall.islands:before{background-position:-36px -1639px}i.flag.mk:before,i.flag.macedonia:before{background-position:-36px -1665px}i.flag.ml:before,i.flag.mali:before{background-position:-36px -1691px}i.flag.mm:before,i.flag.myanmar:before,i.flag.burma:before{background-position:-73px -1821px}i.flag.mn:before,i.flag.mongolia:before{background-position:-36px -1743px}i.flag.mo:before,i.flag.macau:before{background-position:-36px -1769px}i.flag.mp:before,i.flag.northern.mariana.islands:before{background-position:-36px -1795px}i.flag.mq:before,i.flag.martinique:before{background-position:-36px -1821px}i.flag.mr:before,i.flag.mauritania:before{background-position:-36px -1847px}i.flag.ms:before,i.flag.montserrat:before{background-position:-36px -1873px}i.flag.mt:before,i.flag.malta:before{background-position:-36px -1899px}i.flag.mu:before,i.flag.mauritius:before{background-position:-36px -1925px}i.flag.mv:before,i.flag.maldives:before{background-position:-36px -1951px}i.flag.mw:before,i.flag.malawi:before{background-position:-36px -1977px}i.flag.mx:before,i.flag.mexico:before{background-position:-72px 0}i.flag.my:before,i.flag.malaysia:before{background-position:-72px -26px}i.flag.mz:before,i.flag.mozambique:before{background-position:-72px -52px}i.flag.na:before,i.flag.namibia:before{background-position:-72px -78px}i.flag.nc:before,i.flag.new.caledonia:before{background-position:-72px -104px}i.flag.ne:before,i.flag.niger:before{background-position:-72px -130px}i.flag.nf:before,i.flag.norfolk.island:before{background-position:-72px -156px}i.flag.ng:before,i.flag.nigeria:before{background-position:-72px -182px}i.flag.ni:before,i.flag.nicaragua:before{background-position:-72px -208px}i.flag.nl:before,i.flag.netherlands:before{background-position:-72px -234px}i.flag.no:before,i.flag.norway:before{background-position:-72px -260px}i.flag.np:before,i.flag.nepal:before{background-position:-72px -286px}i.flag.nr:before,i.flag.nauru:before{background-position:-72px -312px}i.flag.nu:before,i.flag.niue:before{background-position:-72px -338px}i.flag.nz:before,i.flag.new.zealand:before{background-position:-72px -364px}i.flag.om:before,i.flag.oman:before{background-position:-72px -390px}i.flag.pa:before,i.flag.panama:before{background-position:-72px -416px}i.flag.pe:before,i.flag.peru:before{background-position:-72px -442px}i.flag.pf:before,i.flag.french.polynesia:before{background-position:-72px -468px}i.flag.pg:before,i.flag.new.guinea:before{background-position:-72px -494px}i.flag.ph:before,i.flag.philippines:before{background-position:-72px -520px}i.flag.pk:before,i.flag.pakistan:before{background-position:-72px -546px}i.flag.pl:before,i.flag.poland:before{background-position:-72px -572px}i.flag.pm:before,i.flag.saint.pierre:before{background-position:-72px -598px}i.flag.pn:before,i.flag.pitcairn.islands:before{background-position:-72px -624px}i.flag.pr:before,i.flag.puerto.rico:before{background-position:-72px -650px}i.flag.ps:before,i.flag.palestine:before{background-position:-72px -676px}i.flag.pt:before,i.flag.portugal:before{background-position:-72px -702px}i.flag.pw:before,i.flag.palau:before{background-position:-72px -728px}i.flag.py:before,i.flag.paraguay:before{background-position:-72px -754px}i.flag.qa:before,i.flag.qatar:before{background-position:-72px -780px}i.flag.re:before,i.flag.reunion:before{background-position:-72px -806px}i.flag.ro:before,i.flag.romania:before{background-position:-72px -832px}i.flag.rs:before,i.flag.serbia:before{background-position:-72px -858px}i.flag.ru:before,i.flag.russia:before{background-position:-72px -884px}i.flag.rw:before,i.flag.rwanda:before{background-position:-72px -910px}i.flag.sa:before,i.flag.saudi.arabia:before{background-position:-72px -936px}i.flag.sb:before,i.flag.solomon.islands:before{background-position:-72px -962px}i.flag.sc:before,i.flag.seychelles:before{background-position:-72px -988px}i.flag.gb.sct:before,i.flag.scotland:before{background-position:-72px -1014px}i.flag.sd:before,i.flag.sudan:before{background-position:-72px -1040px}i.flag.se:before,i.flag.sweden:before{background-position:-72px -1066px}i.flag.sg:before,i.flag.singapore:before{background-position:-72px -1092px}i.flag.sh:before,i.flag.saint.helena:before{background-position:-72px -1118px}i.flag.si:before,i.flag.slovenia:before{background-position:-72px -1144px}i.flag.sj:before,i.flag.svalbard:before,i.flag.jan.mayen:before{background-position:-72px -1170px}i.flag.sk:before,i.flag.slovakia:before{background-position:-72px -1196px}i.flag.sl:before,i.flag.sierra.leone:before{background-position:-72px -1222px}i.flag.sm:before,i.flag.san.marino:before{background-position:-72px -1248px}i.flag.sn:before,i.flag.senegal:before{background-position:-72px -1274px}i.flag.so:before,i.flag.somalia:before{background-position:-72px -1300px}i.flag.sr:before,i.flag.suriname:before{background-position:-72px -1326px}i.flag.st:before,i.flag.sao.tome:before{background-position:-72px -1352px}i.flag.sv:before,i.flag.el.salvador:before{background-position:-72px -1378px}i.flag.sy:before,i.flag.syria:before{background-position:-72px -1404px}i.flag.sz:before,i.flag.swaziland:before{background-position:-72px -1430px}i.flag.tc:before,i.flag.caicos.islands:before{background-position:-72px -1456px}i.flag.td:before,i.flag.chad:before{background-position:-72px -1482px}i.flag.tf:before,i.flag.french.territories:before{background-position:-72px -1508px}i.flag.tg:before,i.flag.togo:before{background-position:-72px -1534px}i.flag.th:before,i.flag.thailand:before{background-position:-72px -1560px}i.flag.tj:before,i.flag.tajikistan:before{background-position:-72px -1586px}i.flag.tk:before,i.flag.tokelau:before{background-position:-72px -1612px}i.flag.tl:before,i.flag.timorleste:before{background-position:-72px -1638px}i.flag.tm:before,i.flag.turkmenistan:before{background-position:-72px -1664px}i.flag.tn:before,i.flag.tunisia:before{background-position:-72px -1690px}i.flag.to:before,i.flag.tonga:before{background-position:-72px -1716px}i.flag.tr:before,i.flag.turkey:before{background-position:-72px -1742px}i.flag.tt:before,i.flag.trinidad:before{background-position:-72px -1768px}i.flag.tv:before,i.flag.tuvalu:before{background-position:-72px -1794px}i.flag.tw:before,i.flag.taiwan:before{background-position:-72px -1820px}i.flag.tz:before,i.flag.tanzania:before{background-position:-72px -1846px}i.flag.ua:before,i.flag.ukraine:before{background-position:-72px -1872px}i.flag.ug:before,i.flag.uganda:before{background-position:-72px -1898px}i.flag.um:before,i.flag.us.minor.islands:before{background-position:-72px -1924px}i.flag.us:before,i.flag.america:before,i.flag.united.states:before{background-position:-72px -1950px}i.flag.uy:before,i.flag.uruguay:before{background-position:-72px -1976px}i.flag.uz:before,i.flag.uzbekistan:before{background-position:-108px 0}i.flag.va:before,i.flag.vatican.city:before{background-position:-108px -26px}i.flag.vc:before,i.flag.saint.vincent:before{background-position:-108px -52px}i.flag.ve:before,i.flag.venezuela:before{background-position:-108px -78px}i.flag.vg:before,i.flag.british.virgin.islands:before{background-position:-108px -104px}i.flag.vi:before,i.flag.us.virgin.islands:before{background-position:-108px -130px}i.flag.vn:before,i.flag.vietnam:before{background-position:-108px -156px}i.flag.vu:before,i.flag.vanuatu:before{background-position:-108px -182px}i.flag.gb.wls:before,i.flag.wales:before{background-position:-108px -208px}i.flag.wf:before,i.flag.wallis.and.futuna:before{background-position:-108px -234px}i.flag.ws:before,i.flag.samoa:before{background-position:-108px -260px}i.flag.ye:before,i.flag.yemen:before{background-position:-108px -286px}i.flag.yt:before,i.flag.mayotte:before{background-position:-108px -312px}i.flag.za:before,i.flag.south.africa:before{background-position:-108px -338px}i.flag.zm:before,i.flag.zambia:before{background-position:-108px -364px}i.flag.zw:before,i.flag.zimbabwe:before{background-position:-108px -390px}.ui.header{border:none;margin:calc(2rem - 0.14285714em) 0 1rem;padding:0 0;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;line-height:1.28571429em;text-transform:none;color:rgba(0,0,0,0.87)}.ui.header:first-child{margin-top:-0.14285714em}.ui.header:last-child{margin-bottom:0}.ui.header .sub.header{display:block;font-weight:normal;padding:0;margin:0;font-size:1rem;line-height:1.2em;color:rgba(0,0,0,0.6)}.ui.header>.icon{display:table-cell;opacity:1;font-size:1.5em;padding-top:0;vertical-align:middle}.ui.header .icon:only-child{display:inline-block;padding:0;margin-right:0.75rem}.ui.header>.image:not(.icon),.ui.header>img{display:inline-block;margin-top:0.14285714em;width:2.5em;height:auto;vertical-align:middle}.ui.header>.image:not(.icon):only-child,.ui.header>img:only-child{margin-right:0.75rem}.ui.header .content{display:inline-block;vertical-align:top}.ui.header>img+.content,.ui.header>.image+.content{padding-left:0.75rem;vertical-align:middle}.ui.header>.icon+.content{padding-left:0.75rem;display:table-cell;vertical-align:middle}.ui.header .ui.label{font-size:'';margin-left:0.5rem;vertical-align:middle}.ui.header+p{margin-top:0}h1.ui.header{font-size:2rem}h2.ui.header{font-size:1.71428571rem}h3.ui.header{font-size:1.28571429rem}h4.ui.header{font-size:1.07142857rem}h5.ui.header{font-size:1rem}h1.ui.header .sub.header{font-size:1.14285714rem}h2.ui.header .sub.header{font-size:1.14285714rem}h3.ui.header .sub.header{font-size:1rem}h4.ui.header .sub.header{font-size:1rem}h5.ui.header .sub.header{font-size:0.92857143rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.71428571em}.ui.medium.header{font-size:1.28571429em}.ui.small.header{font-size:1.07142857em}.ui.tiny.header{font-size:1em}.ui.huge.header .sub.header{font-size:1.14285714rem}.ui.large.header .sub.header{font-size:1.14285714rem}.ui.header .sub.header{font-size:1rem}.ui.small.header .sub.header{font-size:1rem}.ui.tiny.header .sub.header{font-size:0.92857143rem}.ui.sub.header{padding:0;margin-bottom:0.14285714rem;font-weight:bold;font-size:0.85714286em;text-transform:uppercase;color:''}.ui.small.sub.header{font-size:0.78571429em}.ui.sub.header{font-size:0.85714286em}.ui.large.sub.header{font-size:0.92857143em}.ui.huge.sub.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center;margin:2rem 0 1rem}.ui.icon.header:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.icon.header:first-child{margin-top:0}.ui.icon.header .icon{float:none;display:block;width:auto;height:auto;line-height:1;padding:0;font-size:3em;margin:0 auto 0.5rem;opacity:1}.ui.icon.header .content{display:block;padding:0}.ui.icon.header .circular.icon{font-size:2em}.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:0.45}.ui.inverted.header{color:#FFFFFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,0.8)}.ui.inverted.attached.header{background:#545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.05)));background:#545454 -webkit-linear-gradient(transparent, rgba(0,0,0,0.05));background:#545454 linear-gradient(transparent, rgba(0,0,0,0.05));-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.ui.inverted.block.header{background:#545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.05)));background:#545454 -webkit-linear-gradient(transparent, rgba(0,0,0,0.05));background:#545454 linear-gradient(transparent, rgba(0,0,0,0.05));-webkit-box-shadow:none;box-shadow:none}.ui.inverted.block.header{border-bottom:none}.ui.red.header{color:#DB2828 !important}a.ui.red.header:hover{color:#d01919 !important}.ui.red.dividing.header{border-bottom:2px solid #DB2828}.ui.inverted.red.header{color:#FF695E !important}a.ui.inverted.red.header:hover{color:#ff5144 !important}.ui.orange.header{color:#F2711C !important}a.ui.orange.header:hover{color:#f26202 !important}.ui.orange.dividing.header{border-bottom:2px solid #F2711C}.ui.inverted.orange.header{color:#FF851B !important}a.ui.inverted.orange.header:hover{color:#ff7701 !important}.ui.olive.header{color:#B5CC18 !important}a.ui.olive.header:hover{color:#a7bd0d !important}.ui.olive.dividing.header{border-bottom:2px solid #B5CC18}.ui.inverted.olive.header{color:#D9E778 !important}a.ui.inverted.olive.header:hover{color:#d8ea5c !important}.ui.yellow.header{color:#FBBD08 !important}a.ui.yellow.header:hover{color:#eaae00 !important}.ui.yellow.dividing.header{border-bottom:2px solid #FBBD08}.ui.inverted.yellow.header{color:#FFE21F !important}a.ui.inverted.yellow.header:hover{color:#ffdf05 !important}.ui.green.header{color:#21BA45 !important}a.ui.green.header:hover{color:#16ab39 !important}.ui.green.dividing.header{border-bottom:2px solid #21BA45}.ui.inverted.green.header{color:#2ECC40 !important}a.ui.inverted.green.header:hover{color:#22be34 !important}.ui.teal.header{color:#00B5AD !important}a.ui.teal.header:hover{color:#009c95 !important}.ui.teal.dividing.header{border-bottom:2px solid #00B5AD}.ui.inverted.teal.header{color:#6DFFFF !important}a.ui.inverted.teal.header:hover{color:#54ffff !important}.ui.blue.header{color:#2185D0 !important}a.ui.blue.header:hover{color:#1678c2 !important}.ui.blue.dividing.header{border-bottom:2px solid #2185D0}.ui.inverted.blue.header{color:#54C8FF !important}a.ui.inverted.blue.header:hover{color:#3ac0ff !important}.ui.violet.header{color:#6435C9 !important}a.ui.violet.header:hover{color:#5829bb !important}.ui.violet.dividing.header{border-bottom:2px solid #6435C9}.ui.inverted.violet.header{color:#A291FB !important}a.ui.inverted.violet.header:hover{color:#8a73ff !important}.ui.purple.header{color:#A333C8 !important}a.ui.purple.header:hover{color:#9627ba !important}.ui.purple.dividing.header{border-bottom:2px solid #A333C8}.ui.inverted.purple.header{color:#DC73FF !important}a.ui.inverted.purple.header:hover{color:#d65aff !important}.ui.pink.header{color:#E03997 !important}a.ui.pink.header:hover{color:#e61a8d !important}.ui.pink.dividing.header{border-bottom:2px solid #E03997}.ui.inverted.pink.header{color:#FF8EDF !important}a.ui.inverted.pink.header:hover{color:#ff74d8 !important}.ui.brown.header{color:#A5673F !important}a.ui.brown.header:hover{color:#975b33 !important}.ui.brown.dividing.header{border-bottom:2px solid #A5673F}.ui.inverted.brown.header{color:#D67C1C !important}a.ui.inverted.brown.header:hover{color:#c86f11 !important}.ui.grey.header{color:#767676 !important}a.ui.grey.header:hover{color:#838383 !important}.ui.grey.dividing.header{border-bottom:2px solid #767676}.ui.inverted.grey.header{color:#DCDDDE !important}a.ui.inverted.grey.header:hover{color:#cfd0d2 !important}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.centered.header,.ui.center.aligned.header{text-align:center}.ui.justified.header{text-align:justify}.ui.justified.header:after{display:inline-block;content:'';width:100%}.ui.floated.header,.ui[class*="left floated"].header{float:left;margin-top:0;margin-right:0.5em}.ui[class*="right floated"].header{float:right;margin-top:0;margin-left:0.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:0.21428571rem;border-bottom:1px solid rgba(34,36,38,0.15)}.ui.dividing.header .sub.header{padding-bottom:0.21428571rem}.ui.dividing.header .icon{margin-bottom:0}.ui.inverted.dividing.header{border-bottom-color:rgba(255,255,255,0.1)}.ui.block.header{background:#F3F4F5;padding:0.78571429rem 1rem;-webkit-box-shadow:none;box-shadow:none;border:1px solid #D4D4D5;border-radius:0.28571429rem}.ui.tiny.block.header{font-size:0.85714286rem}.ui.small.block.header{font-size:0.92857143rem}.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1rem}.ui.large.block.header{font-size:1.14285714rem}.ui.huge.block.header{font-size:1.42857143rem}.ui.attached.header{background:#FFFFFF;padding:0.78571429rem 1rem;margin-left:-1px;margin-right:-1px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #D4D4D5}.ui.attached.block.header{background:#F3F4F5}.ui.attached:not(.top):not(.bottom).header{margin-top:0;margin-bottom:0;border-top:none;border-radius:0}.ui.top.attached.header{margin-bottom:0;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.bottom.attached.header{margin-top:0;border-top:none;border-radius:0 0 0.28571429rem 0.28571429rem}.ui.tiny.attached.header{font-size:0.85714286em}.ui.small.attached.header{font-size:0.92857143em}.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1em}.ui.large.attached.header{font-size:1.14285714em}.ui.huge.attached.header{font-size:1.42857143em}.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1.28571429em}i.icon{display:inline-block;opacity:1;margin:0 0.25rem 0 0;width:1.18em;height:1em;font-family:'Icons';font-style:normal;font-weight:normal;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.icon:before{background:none !important}i.icon.loading{height:1em;line-height:1;-webkit-animation:icon-loading 2s linear infinite;animation:icon-loading 2s linear infinite}@-webkit-keyframes icon-loading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-loading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}i.icon.hover{opacity:1 !important}i.icon.active{opacity:1 !important}i.emphasized.icon{opacity:1 !important}i.disabled.icon{opacity:0.45 !important}i.fitted.icon{width:auto;margin:0 !important}i.link.icon,i.link.icons{cursor:pointer;opacity:0.8;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}i.link.icon:hover,i.link.icons:hover{opacity:1 !important}i.circular.icon{border-radius:500em !important;line-height:1 !important;padding:0.5em 0 !important;-webkit-box-shadow:0 0 0 0.1em rgba(0,0,0,0.1) inset;box-shadow:0 0 0 0.1em rgba(0,0,0,0.1) inset;width:2em !important;height:2em !important}i.circular.inverted.icon{border:none;-webkit-box-shadow:none;box-shadow:none}i.flipped.icon,i.horizontally.flipped.icon{-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}i.vertically.flipped.icon{-webkit-transform:scale(1, -1);transform:scale(1, -1)}i.rotated.icon,i.right.rotated.icon,i.clockwise.rotated.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}i.left.rotated.icon,i.counterclockwise.rotated.icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}i.bordered.icon{line-height:1;vertical-align:baseline;width:2em;height:2em;padding:0.5em 0 !important;-webkit-box-shadow:0 0 0 0.1em rgba(0,0,0,0.1) inset;box-shadow:0 0 0 0.1em rgba(0,0,0,0.1) inset}i.bordered.inverted.icon{border:none;-webkit-box-shadow:none;box-shadow:none}i.inverted.bordered.icon,i.inverted.circular.icon{background-color:#1B1C1D !important;color:#FFFFFF !important}i.inverted.icon{color:#FFFFFF}i.red.icon{color:#DB2828 !important}i.inverted.red.icon{color:#FF695E !important}i.inverted.bordered.red.icon,i.inverted.circular.red.icon{background-color:#DB2828 !important;color:#FFFFFF !important}i.orange.icon{color:#F2711C !important}i.inverted.orange.icon{color:#FF851B !important}i.inverted.bordered.orange.icon,i.inverted.circular.orange.icon{background-color:#F2711C !important;color:#FFFFFF !important}i.yellow.icon{color:#FBBD08 !important}i.inverted.yellow.icon{color:#FFE21F !important}i.inverted.bordered.yellow.icon,i.inverted.circular.yellow.icon{background-color:#FBBD08 !important;color:#FFFFFF !important}i.olive.icon{color:#B5CC18 !important}i.inverted.olive.icon{color:#D9E778 !important}i.inverted.bordered.olive.icon,i.inverted.circular.olive.icon{background-color:#B5CC18 !important;color:#FFFFFF !important}i.green.icon{color:#21BA45 !important}i.inverted.green.icon{color:#2ECC40 !important}i.inverted.bordered.green.icon,i.inverted.circular.green.icon{background-color:#21BA45 !important;color:#FFFFFF !important}i.teal.icon{color:#00B5AD !important}i.inverted.teal.icon{color:#6DFFFF !important}i.inverted.bordered.teal.icon,i.inverted.circular.teal.icon{background-color:#00B5AD !important;color:#FFFFFF !important}i.blue.icon{color:#2185D0 !important}i.inverted.blue.icon{color:#54C8FF !important}i.inverted.bordered.blue.icon,i.inverted.circular.blue.icon{background-color:#2185D0 !important;color:#FFFFFF !important}i.violet.icon{color:#6435C9 !important}i.inverted.violet.icon{color:#A291FB !important}i.inverted.bordered.violet.icon,i.inverted.circular.violet.icon{background-color:#6435C9 !important;color:#FFFFFF !important}i.purple.icon{color:#A333C8 !important}i.inverted.purple.icon{color:#DC73FF !important}i.inverted.bordered.purple.icon,i.inverted.circular.purple.icon{background-color:#A333C8 !important;color:#FFFFFF !important}i.pink.icon{color:#E03997 !important}i.inverted.pink.icon{color:#FF8EDF !important}i.inverted.bordered.pink.icon,i.inverted.circular.pink.icon{background-color:#E03997 !important;color:#FFFFFF !important}i.brown.icon{color:#A5673F !important}i.inverted.brown.icon{color:#D67C1C !important}i.inverted.bordered.brown.icon,i.inverted.circular.brown.icon{background-color:#A5673F !important;color:#FFFFFF !important}i.grey.icon{color:#767676 !important}i.inverted.grey.icon{color:#DCDDDE !important}i.inverted.bordered.grey.icon,i.inverted.circular.grey.icon{background-color:#767676 !important;color:#FFFFFF !important}i.black.icon{color:#1B1C1D !important}i.inverted.black.icon{color:#545454 !important}i.inverted.bordered.black.icon,i.inverted.circular.black.icon{background-color:#1B1C1D !important;color:#FFFFFF !important}i.mini.icon,i.mini.icons{line-height:1;font-size:0.4em}i.tiny.icon,i.tiny.icons{line-height:1;font-size:0.5em}i.small.icon,i.small.icons{line-height:1;font-size:0.75em}i.icon,i.icons{font-size:1em}i.large.icon,i.large.icons{line-height:1;vertical-align:middle;font-size:1.5em}i.big.icon,i.big.icons{line-height:1;vertical-align:middle;font-size:2em}i.huge.icon,i.huge.icons{line-height:1;vertical-align:middle;font-size:4em}i.massive.icon,i.massive.icons{line-height:1;vertical-align:middle;font-size:8em}i.icons{display:inline-block;position:relative;line-height:1}i.icons .icon{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin:0;margin:0}i.icons .icon:first-child{position:static;width:auto;height:auto;vertical-align:top;-webkit-transform:none;transform:none;margin-right:0.25rem}i.icons .corner.icon{top:auto;left:auto;right:0;bottom:0;-webkit-transform:none;transform:none;font-size:0.45em;text-shadow:-1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF}i.icons .top.right.corner.icon{top:0;left:auto;right:0;bottom:auto}i.icons .top.left.corner.icon{top:0;left:0;right:auto;bottom:auto}i.icons .bottom.left.corner.icon{top:auto;left:0;right:auto;bottom:0}i.icons .bottom.right.corner.icon{top:auto;left:auto;right:0;bottom:0}i.icons .inverted.corner.icon{text-shadow:-1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D}i.icon.\35 00px:before{content:"\f26e"}i.icon.accessible.icon:before{content:"\f368"}i.icon.accusoft:before{content:"\f369"}i.icon.address.book:before{content:"\f2b9"}i.icon.address.card:before{content:"\f2bb"}i.icon.adjust:before{content:"\f042"}i.icon.adn:before{content:"\f170"}i.icon.adversal:before{content:"\f36a"}i.icon.affiliatetheme:before{content:"\f36b"}i.icon.algolia:before{content:"\f36c"}i.icon.align.center:before{content:"\f037"}i.icon.align.justify:before{content:"\f039"}i.icon.align.left:before{content:"\f036"}i.icon.align.right:before{content:"\f038"}i.icon.amazon:before{content:"\f270"}i.icon.amazon.pay:before{content:"\f42c"}i.icon.ambulance:before{content:"\f0f9"}i.icon.american.sign.language.interpreting:before{content:"\f2a3"}i.icon.amilia:before{content:"\f36d"}i.icon.anchor:before{content:"\f13d"}i.icon.android:before{content:"\f17b"}i.icon.angellist:before{content:"\f209"}i.icon.angle.double.down:before{content:"\f103"}i.icon.angle.double.left:before{content:"\f100"}i.icon.angle.double.right:before{content:"\f101"}i.icon.angle.double.up:before{content:"\f102"}i.icon.angle.down:before{content:"\f107"}i.icon.angle.left:before{content:"\f104"}i.icon.angle.right:before{content:"\f105"}i.icon.angle.up:before{content:"\f106"}i.icon.angrycreative:before{content:"\f36e"}i.icon.angular:before{content:"\f420"}i.icon.app.store:before{content:"\f36f"}i.icon.app.store.ios:before{content:"\f370"}i.icon.apper:before{content:"\f371"}i.icon.apple:before{content:"\f179"}i.icon.apple.pay:before{content:"\f415"}i.icon.archive:before{content:"\f187"}i.icon.arrow.alternate.circle.down:before{content:"\f358"}i.icon.arrow.alternate.circle.left:before{content:"\f359"}i.icon.arrow.alternate.circle.right:before{content:"\f35a"}i.icon.arrow.alternate.circle.up:before{content:"\f35b"}i.icon.arrow.circle.down:before{content:"\f0ab"}i.icon.arrow.circle.left:before{content:"\f0a8"}i.icon.arrow.circle.right:before{content:"\f0a9"}i.icon.arrow.circle.up:before{content:"\f0aa"}i.icon.arrow.down:before{content:"\f063"}i.icon.arrow.left:before{content:"\f060"}i.icon.arrow.right:before{content:"\f061"}i.icon.arrow.up:before{content:"\f062"}i.icon.arrows.alternate:before{content:"\f0b2"}i.icon.arrows.alternate.horizontal:before{content:"\f337"}i.icon.arrows.alternate.vertical:before{content:"\f338"}i.icon.assistive.listening.systems:before{content:"\f2a2"}i.icon.asterisk:before{content:"\f069"}i.icon.asymmetrik:before{content:"\f372"}i.icon.at:before{content:"\f1fa"}i.icon.audible:before{content:"\f373"}i.icon.audio.description:before{content:"\f29e"}i.icon.autoprefixer:before{content:"\f41c"}i.icon.avianex:before{content:"\f374"}i.icon.aviato:before{content:"\f421"}i.icon.aws:before{content:"\f375"}i.icon.backward:before{content:"\f04a"}i.icon.balance.scale:before{content:"\f24e"}i.icon.ban:before{content:"\f05e"}i.icon.band.aid:before{content:"\f462"}i.icon.bandcamp:before{content:"\f2d5"}i.icon.barcode:before{content:"\f02a"}i.icon.bars:before{content:"\f0c9"}i.icon.baseball.ball:before{content:"\f433"}i.icon.basketball.ball:before{content:"\f434"}i.icon.bath:before{content:"\f2cd"}i.icon.battery.empty:before{content:"\f244"}i.icon.battery.full:before{content:"\f240"}i.icon.battery.half:before{content:"\f242"}i.icon.battery.quarter:before{content:"\f243"}i.icon.battery.three.quarters:before{content:"\f241"}i.icon.bed:before{content:"\f236"}i.icon.beer:before{content:"\f0fc"}i.icon.behance:before{content:"\f1b4"}i.icon.behance.square:before{content:"\f1b5"}i.icon.bell:before{content:"\f0f3"}i.icon.bell.slash:before{content:"\f1f6"}i.icon.bicycle:before{content:"\f206"}i.icon.bimobject:before{content:"\f378"}i.icon.binoculars:before{content:"\f1e5"}i.icon.birthday.cake:before{content:"\f1fd"}i.icon.bitbucket:before{content:"\f171"}i.icon.bitcoin:before{content:"\f379"}i.icon.bity:before{content:"\f37a"}i.icon.black.tie:before{content:"\f27e"}i.icon.blackberry:before{content:"\f37b"}i.icon.blind:before{content:"\f29d"}i.icon.blogger:before{content:"\f37c"}i.icon.blogger.b:before{content:"\f37d"}i.icon.bluetooth:before{content:"\f293"}i.icon.bluetooth.b:before{content:"\f294"}i.icon.bold:before{content:"\f032"}i.icon.bolt:before{content:"\f0e7"}i.icon.bomb:before{content:"\f1e2"}i.icon.book:before{content:"\f02d"}i.icon.bookmark:before{content:"\f02e"}i.icon.bowling.ball:before{content:"\f436"}i.icon.box:before{content:"\f466"}i.icon.boxes:before{content:"\f468"}i.icon.braille:before{content:"\f2a1"}i.icon.briefcase:before{content:"\f0b1"}i.icon.btc:before{content:"\f15a"}i.icon.bug:before{content:"\f188"}i.icon.building:before{content:"\f1ad"}i.icon.bullhorn:before{content:"\f0a1"}i.icon.bullseye:before{content:"\f140"}i.icon.buromobelexperte:before{content:"\f37f"}i.icon.bus:before{content:"\f207"}i.icon.buysellads:before{content:"\f20d"}i.icon.calculator:before{content:"\f1ec"}i.icon.calendar:before{content:"\f133"}i.icon.calendar.alternate:before{content:"\f073"}i.icon.calendar.check:before{content:"\f274"}i.icon.calendar.minus:before{content:"\f272"}i.icon.calendar.plus:before{content:"\f271"}i.icon.calendar.times:before{content:"\f273"}i.icon.camera:before{content:"\f030"}i.icon.camera.retro:before{content:"\f083"}i.icon.car:before{content:"\f1b9"}i.icon.caret.down:before{content:"\f0d7"}i.icon.caret.left:before{content:"\f0d9"}i.icon.caret.right:before{content:"\f0da"}i.icon.caret.square.down:before{content:"\f150"}i.icon.caret.square.left:before{content:"\f191"}i.icon.caret.square.right:before{content:"\f152"}i.icon.caret.square.up:before{content:"\f151"}i.icon.caret.up:before{content:"\f0d8"}i.icon.cart.arrow.down:before{content:"\f218"}i.icon.cart.plus:before{content:"\f217"}i.icon.cc.amazon.pay:before{content:"\f42d"}i.icon.cc.amex:before{content:"\f1f3"}i.icon.cc.apple.pay:before{content:"\f416"}i.icon.cc.diners.club:before{content:"\f24c"}i.icon.cc.discover:before{content:"\f1f2"}i.icon.cc.jcb:before{content:"\f24b"}i.icon.cc.mastercard:before{content:"\f1f1"}i.icon.cc.paypal:before{content:"\f1f4"}i.icon.cc.stripe:before{content:"\f1f5"}i.icon.cc.visa:before{content:"\f1f0"}i.icon.centercode:before{content:"\f380"}i.icon.certificate:before{content:"\f0a3"}i.icon.chart.area:before{content:"\f1fe"}i.icon.chart.bar:before{content:"\f080"}i.icon.chart.line:before{content:"\f201"}i.icon.chart.pie:before{content:"\f200"}i.icon.check:before{content:"\f00c"}i.icon.check.circle:before{content:"\f058"}i.icon.check.square:before{content:"\f14a"}i.icon.chess:before{content:"\f439"}i.icon.chess.bishop:before{content:"\f43a"}i.icon.chess.board:before{content:"\f43c"}i.icon.chess.king:before{content:"\f43f"}i.icon.chess.knight:before{content:"\f441"}i.icon.chess.pawn:before{content:"\f443"}i.icon.chess.queen:before{content:"\f445"}i.icon.chess.rook:before{content:"\f447"}i.icon.chevron.circle.down:before{content:"\f13a"}i.icon.chevron.circle.left:before{content:"\f137"}i.icon.chevron.circle.right:before{content:"\f138"}i.icon.chevron.circle.up:before{content:"\f139"}i.icon.chevron.down:before{content:"\f078"}i.icon.chevron.left:before{content:"\f053"}i.icon.chevron.right:before{content:"\f054"}i.icon.chevron.up:before{content:"\f077"}i.icon.child:before{content:"\f1ae"}i.icon.chrome:before{content:"\f268"}i.icon.circle:before{content:"\f111"}i.icon.circle.notch:before{content:"\f1ce"}i.icon.clipboard:before{content:"\f328"}i.icon.clipboard.check:before{content:"\f46c"}i.icon.clipboard.list:before{content:"\f46d"}i.icon.clock:before{content:"\f017"}i.icon.clone:before{content:"\f24d"}i.icon.closed.captioning:before{content:"\f20a"}i.icon.cloud:before{content:"\f0c2"}i.icon.cloudscale:before{content:"\f383"}i.icon.cloudsmith:before{content:"\f384"}i.icon.cloudversify:before{content:"\f385"}i.icon.code:before{content:"\f121"}i.icon.code.branch:before{content:"\f126"}i.icon.codepen:before{content:"\f1cb"}i.icon.codiepie:before{content:"\f284"}i.icon.coffee:before{content:"\f0f4"}i.icon.cog:before{content:"\f013"}i.icon.cogs:before{content:"\f085"}i.icon.columns:before{content:"\f0db"}i.icon.comment:before{content:"\f075"}i.icon.comment.alternate:before{content:"\f27a"}i.icon.comments:before{content:"\f086"}i.icon.compass:before{content:"\f14e"}i.icon.compress:before{content:"\f066"}i.icon.connectdevelop:before{content:"\f20e"}i.icon.contao:before{content:"\f26d"}i.icon.copy:before{content:"\f0c5"}i.icon.copyright:before{content:"\f1f9"}i.icon.cpanel:before{content:"\f388"}i.icon.creative.commons:before{content:"\f25e"}i.icon.credit.card:before{content:"\f09d"}i.icon.crop:before{content:"\f125"}i.icon.crosshairs:before{content:"\f05b"}i.icon.css3:before{content:"\f13c"}i.icon.css3.alternate:before{content:"\f38b"}i.icon.cube:before{content:"\f1b2"}i.icon.cubes:before{content:"\f1b3"}i.icon.cut:before{content:"\f0c4"}i.icon.cuttlefish:before{content:"\f38c"}i.icon.d.and.d:before{content:"\f38d"}i.icon.dashcube:before{content:"\f210"}i.icon.database:before{content:"\f1c0"}i.icon.deaf:before{content:"\f2a4"}i.icon.delicious:before{content:"\f1a5"}i.icon.deploydog:before{content:"\f38e"}i.icon.deskpro:before{content:"\f38f"}i.icon.desktop:before{content:"\f108"}i.icon.deviantart:before{content:"\f1bd"}i.icon.digg:before{content:"\f1a6"}i.icon.digital.ocean:before{content:"\f391"}i.icon.discord:before{content:"\f392"}i.icon.discourse:before{content:"\f393"}i.icon.dna:before{content:"\f471"}i.icon.dochub:before{content:"\f394"}i.icon.docker:before{content:"\f395"}i.icon.dollar.sign:before{content:"\f155"}i.icon.dolly:before{content:"\f472"}i.icon.dolly.flatbed:before{content:"\f474"}i.icon.dot.circle:before{content:"\f192"}i.icon.download:before{content:"\f019"}i.icon.draft2digital:before{content:"\f396"}i.icon.dribbble:before{content:"\f17d"}i.icon.dribbble.square:before{content:"\f397"}i.icon.dropbox:before{content:"\f16b"}i.icon.drupal:before{content:"\f1a9"}i.icon.dyalog:before{content:"\f399"}i.icon.earlybirds:before{content:"\f39a"}i.icon.edge:before{content:"\f282"}i.icon.edit:before{content:"\f044"}i.icon.eject:before{content:"\f052"}i.icon.elementor:before{content:"\f430"}i.icon.ellipsis.horizontal:before{content:"\f141"}i.icon.ellipsis.vertical:before{content:"\f142"}i.icon.ember:before{content:"\f423"}i.icon.empire:before{content:"\f1d1"}i.icon.envelope:before{content:"\f0e0"}i.icon.envelope.open:before{content:"\f2b6"}i.icon.envelope.square:before{content:"\f199"}i.icon.envira:before{content:"\f299"}i.icon.eraser:before{content:"\f12d"}i.icon.erlang:before{content:"\f39d"}i.icon.ethereum:before{content:"\f42e"}i.icon.etsy:before{content:"\f2d7"}i.icon.euro.sign:before{content:"\f153"}i.icon.exchange.alternate:before{content:"\f362"}i.icon.exclamation:before{content:"\f12a"}i.icon.exclamation.circle:before{content:"\f06a"}i.icon.exclamation.triangle:before{content:"\f071"}i.icon.expand:before{content:"\f065"}i.icon.expand.arrows.alternate:before{content:"\f31e"}i.icon.expeditedssl:before{content:"\f23e"}i.icon.external.alternate:before{content:"\f35d"}i.icon.external.square.alternate:before{content:"\f360"}i.icon.eye:before{content:"\f06e"}i.icon.eye.dropper:before{content:"\f1fb"}i.icon.eye.slash:before{content:"\f070"}i.icon.facebook:before{content:"\f09a"}i.icon.facebook.f:before{content:"\f39e"}i.icon.facebook.messenger:before{content:"\f39f"}i.icon.facebook.square:before{content:"\f082"}i.icon.fast.backward:before{content:"\f049"}i.icon.fast.forward:before{content:"\f050"}i.icon.fax:before{content:"\f1ac"}i.icon.female:before{content:"\f182"}i.icon.fighter.jet:before{content:"\f0fb"}i.icon.file:before{content:"\f15b"}i.icon.file.alternate:before{content:"\f15c"}i.icon.file.archive:before{content:"\f1c6"}i.icon.file.audio:before{content:"\f1c7"}i.icon.file.code:before{content:"\f1c9"}i.icon.file.excel:before{content:"\f1c3"}i.icon.file.image:before{content:"\f1c5"}i.icon.file.pdf:before{content:"\f1c1"}i.icon.file.powerpoint:before{content:"\f1c4"}i.icon.file.video:before{content:"\f1c8"}i.icon.file.word:before{content:"\f1c2"}i.icon.film:before{content:"\f008"}i.icon.filter:before{content:"\f0b0"}i.icon.fire:before{content:"\f06d"}i.icon.fire.extinguisher:before{content:"\f134"}i.icon.firefox:before{content:"\f269"}i.icon.first.aid:before{content:"\f479"}i.icon.first.order:before{content:"\f2b0"}i.icon.firstdraft:before{content:"\f3a1"}i.icon.flag:before{content:"\f024"}i.icon.flag.checkered:before{content:"\f11e"}i.icon.flask:before{content:"\f0c3"}i.icon.flickr:before{content:"\f16e"}i.icon.flipboard:before{content:"\f44d"}i.icon.fly:before{content:"\f417"}i.icon.folder:before{content:"\f07b"}i.icon.folder.open:before{content:"\f07c"}i.icon.font:before{content:"\f031"}i.icon.font.awesome:before{content:"\f2b4"}i.icon.font.awesome.alternate:before{content:"\f35c"}i.icon.font.awesome.flag:before{content:"\f425"}i.icon.fonticons:before{content:"\f280"}i.icon.fonticons.fi:before{content:"\f3a2"}i.icon.football.ball:before{content:"\f44e"}i.icon.fort.awesome:before{content:"\f286"}i.icon.fort.awesome.alternate:before{content:"\f3a3"}i.icon.forumbee:before{content:"\f211"}i.icon.forward:before{content:"\f04e"}i.icon.foursquare:before{content:"\f180"}i.icon.free.code.camp:before{content:"\f2c5"}i.icon.freebsd:before{content:"\f3a4"}i.icon.frown:before{content:"\f119"}i.icon.futbol:before{content:"\f1e3"}i.icon.gamepad:before{content:"\f11b"}i.icon.gavel:before{content:"\f0e3"}i.icon.gem:before{content:"\f3a5"}i.icon.genderless:before{content:"\f22d"}i.icon.get.pocket:before{content:"\f265"}i.icon.gg:before{content:"\f260"}i.icon.gg.circle:before{content:"\f261"}i.icon.gift:before{content:"\f06b"}i.icon.git:before{content:"\f1d3"}i.icon.git.square:before{content:"\f1d2"}i.icon.github:before{content:"\f09b"}i.icon.github.alternate:before{content:"\f113"}i.icon.github.square:before{content:"\f092"}i.icon.gitkraken:before{content:"\f3a6"}i.icon.gitlab:before{content:"\f296"}i.icon.gitter:before{content:"\f426"}i.icon.glass.martini:before{content:"\f000"}i.icon.glide:before{content:"\f2a5"}i.icon.glide.g:before{content:"\f2a6"}i.icon.globe:before{content:"\f0ac"}i.icon.gofore:before{content:"\f3a7"}i.icon.golf.ball:before{content:"\f450"}i.icon.goodreads:before{content:"\f3a8"}i.icon.goodreads.g:before{content:"\f3a9"}i.icon.google:before{content:"\f1a0"}i.icon.google.drive:before{content:"\f3aa"}i.icon.google.play:before{content:"\f3ab"}i.icon.google.plus:before{content:"\f2b3"}i.icon.google.plus.g:before{content:"\f0d5"}i.icon.google.plus.square:before{content:"\f0d4"}i.icon.google.wallet:before{content:"\f1ee"}i.icon.graduation.cap:before{content:"\f19d"}i.icon.gratipay:before{content:"\f184"}i.icon.grav:before{content:"\f2d6"}i.icon.gripfire:before{content:"\f3ac"}i.icon.grunt:before{content:"\f3ad"}i.icon.gulp:before{content:"\f3ae"}i.icon.h.square:before{content:"\f0fd"}i.icon.hacker.news:before{content:"\f1d4"}i.icon.hacker.news.square:before{content:"\f3af"}i.icon.hand.lizard:before{content:"\f258"}i.icon.hand.paper:before{content:"\f256"}i.icon.hand.peace:before{content:"\f25b"}i.icon.hand.point.down:before{content:"\f0a7"}i.icon.hand.point.left:before{content:"\f0a5"}i.icon.hand.point.right:before{content:"\f0a4"}i.icon.hand.point.up:before{content:"\f0a6"}i.icon.hand.pointer:before{content:"\f25a"}i.icon.hand.rock:before{content:"\f255"}i.icon.hand.scissors:before{content:"\f257"}i.icon.hand.spock:before{content:"\f259"}i.icon.handshake:before{content:"\f2b5"}i.icon.hashtag:before{content:"\f292"}i.icon.hdd:before{content:"\f0a0"}i.icon.heading:before{content:"\f1dc"}i.icon.headphones:before{content:"\f025"}i.icon.heart:before{content:"\f004"}i.icon.heartbeat:before{content:"\f21e"}i.icon.hips:before{content:"\f452"}i.icon.hire.a.helper:before{content:"\f3b0"}i.icon.history:before{content:"\f1da"}i.icon.hockey.puck:before{content:"\f453"}i.icon.home:before{content:"\f015"}i.icon.hooli:before{content:"\f427"}i.icon.hospital:before{content:"\f0f8"}i.icon.hospital.symbol:before{content:"\f47e"}i.icon.hotjar:before{content:"\f3b1"}i.icon.hourglass:before{content:"\f254"}i.icon.hourglass.end:before{content:"\f253"}i.icon.hourglass.half:before{content:"\f252"}i.icon.hourglass.start:before{content:"\f251"}i.icon.houzz:before{content:"\f27c"}i.icon.html5:before{content:"\f13b"}i.icon.hubspot:before{content:"\f3b2"}i.icon.i.cursor:before{content:"\f246"}i.icon.id.badge:before{content:"\f2c1"}i.icon.id.card:before{content:"\f2c2"}i.icon.image:before{content:"\f03e"}i.icon.images:before{content:"\f302"}i.icon.imdb:before{content:"\f2d8"}i.icon.inbox:before{content:"\f01c"}i.icon.indent:before{content:"\f03c"}i.icon.industry:before{content:"\f275"}i.icon.info:before{content:"\f129"}i.icon.info.circle:before{content:"\f05a"}i.icon.instagram:before{content:"\f16d"}i.icon.internet.explorer:before{content:"\f26b"}i.icon.ioxhost:before{content:"\f208"}i.icon.italic:before{content:"\f033"}i.icon.itunes:before{content:"\f3b4"}i.icon.itunes.note:before{content:"\f3b5"}i.icon.jenkins:before{content:"\f3b6"}i.icon.joget:before{content:"\f3b7"}i.icon.joomla:before{content:"\f1aa"}i.icon.js:before{content:"\f3b8"}i.icon.js.square:before{content:"\f3b9"}i.icon.jsfiddle:before{content:"\f1cc"}i.icon.key:before{content:"\f084"}i.icon.keyboard:before{content:"\f11c"}i.icon.keycdn:before{content:"\f3ba"}i.icon.kickstarter:before{content:"\f3bb"}i.icon.kickstarter.k:before{content:"\f3bc"}i.icon.korvue:before{content:"\f42f"}i.icon.language:before{content:"\f1ab"}i.icon.laptop:before{content:"\f109"}i.icon.laravel:before{content:"\f3bd"}i.icon.lastfm:before{content:"\f202"}i.icon.lastfm.square:before{content:"\f203"}i.icon.leaf:before{content:"\f06c"}i.icon.leanpub:before{content:"\f212"}i.icon.lemon:before{content:"\f094"}i.icon.less:before{content:"\f41d"}i.icon.level.down.alternate:before{content:"\f3be"}i.icon.level.up.alternate:before{content:"\f3bf"}i.icon.life.ring:before{content:"\f1cd"}i.icon.lightbulb:before{content:"\f0eb"}i.icon.linechat:before{content:"\f3c0"}i.icon.linkify:before{content:"\f0c1"}i.icon.linkedin:before{content:"\f08c"}i.icon.linkedin.in:before{content:"\f0e1"}i.icon.linode:before{content:"\f2b8"}i.icon.linux:before{content:"\f17c"}i.icon.lira.sign:before{content:"\f195"}i.icon.list:before{content:"\f03a"}i.icon.list.alternate:before{content:"\f022"}i.icon.list.ol:before{content:"\f0cb"}i.icon.list.ul:before{content:"\f0ca"}i.icon.location.arrow:before{content:"\f124"}i.icon.lock:before{content:"\f023"}i.icon.lock.open:before{content:"\f3c1"}i.icon.long.arrow.alternate.down:before{content:"\f309"}i.icon.long.arrow.alternate.left:before{content:"\f30a"}i.icon.long.arrow.alternate.right:before{content:"\f30b"}i.icon.long.arrow.alternate.up:before{content:"\f30c"}i.icon.low.vision:before{content:"\f2a8"}i.icon.lyft:before{content:"\f3c3"}i.icon.magento:before{content:"\f3c4"}i.icon.magic:before{content:"\f0d0"}i.icon.magnet:before{content:"\f076"}i.icon.male:before{content:"\f183"}i.icon.map:before{content:"\f279"}i.icon.map.marker:before{content:"\f041"}i.icon.map.marker.alternate:before{content:"\f3c5"}i.icon.map.pin:before{content:"\f276"}i.icon.map.signs:before{content:"\f277"}i.icon.mars:before{content:"\f222"}i.icon.mars.double:before{content:"\f227"}i.icon.mars.stroke:before{content:"\f229"}i.icon.mars.stroke.horizontal:before{content:"\f22b"}i.icon.mars.stroke.vertical:before{content:"\f22a"}i.icon.maxcdn:before{content:"\f136"}i.icon.medapps:before{content:"\f3c6"}i.icon.medium:before{content:"\f23a"}i.icon.medium.m:before{content:"\f3c7"}i.icon.medkit:before{content:"\f0fa"}i.icon.medrt:before{content:"\f3c8"}i.icon.meetup:before{content:"\f2e0"}i.icon.meh:before{content:"\f11a"}i.icon.mercury:before{content:"\f223"}i.icon.microchip:before{content:"\f2db"}i.icon.microphone:before{content:"\f130"}i.icon.microphone.slash:before{content:"\f131"}i.icon.microsoft:before{content:"\f3ca"}i.icon.minus:before{content:"\f068"}i.icon.minus.circle:before{content:"\f056"}i.icon.minus.square:before{content:"\f146"}i.icon.mix:before{content:"\f3cb"}i.icon.mixcloud:before{content:"\f289"}i.icon.mizuni:before{content:"\f3cc"}i.icon.mobile:before{content:"\f10b"}i.icon.mobile.alternate:before{content:"\f3cd"}i.icon.modx:before{content:"\f285"}i.icon.monero:before{content:"\f3d0"}i.icon.money.bill.alternate:before{content:"\f3d1"}i.icon.moon:before{content:"\f186"}i.icon.motorcycle:before{content:"\f21c"}i.icon.mouse.pointer:before{content:"\f245"}i.icon.music:before{content:"\f001"}i.icon.napster:before{content:"\f3d2"}i.icon.neuter:before{content:"\f22c"}i.icon.newspaper:before{content:"\f1ea"}i.icon.nintendo.switch:before{content:"\f418"}i.icon.node:before{content:"\f419"}i.icon.node.js:before{content:"\f3d3"}i.icon.npm:before{content:"\f3d4"}i.icon.ns8:before{content:"\f3d5"}i.icon.nutritionix:before{content:"\f3d6"}i.icon.object.group:before{content:"\f247"}i.icon.object.ungroup:before{content:"\f248"}i.icon.odnoklassniki:before{content:"\f263"}i.icon.odnoklassniki.square:before{content:"\f264"}i.icon.opencart:before{content:"\f23d"}i.icon.openid:before{content:"\f19b"}i.icon.opera:before{content:"\f26a"}i.icon.optin.monster:before{content:"\f23c"}i.icon.osi:before{content:"\f41a"}i.icon.outdent:before{content:"\f03b"}i.icon.page4:before{content:"\f3d7"}i.icon.pagelines:before{content:"\f18c"}i.icon.paint.brush:before{content:"\f1fc"}i.icon.palfed:before{content:"\f3d8"}i.icon.pallet:before{content:"\f482"}i.icon.paper.plane:before{content:"\f1d8"}i.icon.paperclip:before{content:"\f0c6"}i.icon.paragraph:before{content:"\f1dd"}i.icon.paste:before{content:"\f0ea"}i.icon.patreon:before{content:"\f3d9"}i.icon.pause:before{content:"\f04c"}i.icon.pause.circle:before{content:"\f28b"}i.icon.paw:before{content:"\f1b0"}i.icon.paypal:before{content:"\f1ed"}i.icon.pen.square:before{content:"\f14b"}i.icon.pencil.alternate:before{content:"\f303"}i.icon.percent:before{content:"\f295"}i.icon.periscope:before{content:"\f3da"}i.icon.phabricator:before{content:"\f3db"}i.icon.phoenix.framework:before{content:"\f3dc"}i.icon.phone:before{content:"\f095"}i.icon.phone.square:before{content:"\f098"}i.icon.phone.volume:before{content:"\f2a0"}i.icon.php:before{content:"\f457"}i.icon.pied.piper:before{content:"\f2ae"}i.icon.pied.piper.alternate:before{content:"\f1a8"}i.icon.pied.piper.pp:before{content:"\f1a7"}i.icon.pills:before{content:"\f484"}i.icon.pinterest:before{content:"\f0d2"}i.icon.pinterest.p:before{content:"\f231"}i.icon.pinterest.square:before{content:"\f0d3"}i.icon.plane:before{content:"\f072"}i.icon.play:before{content:"\f04b"}i.icon.play.circle:before{content:"\f144"}i.icon.playstation:before{content:"\f3df"}i.icon.plug:before{content:"\f1e6"}i.icon.plus:before{content:"\f067"}i.icon.plus.circle:before{content:"\f055"}i.icon.plus.square:before{content:"\f0fe"}i.icon.podcast:before{content:"\f2ce"}i.icon.pound.sign:before{content:"\f154"}i.icon.power.off:before{content:"\f011"}i.icon.print:before{content:"\f02f"}i.icon.product.hunt:before{content:"\f288"}i.icon.pushed:before{content:"\f3e1"}i.icon.puzzle.piece:before{content:"\f12e"}i.icon.python:before{content:"\f3e2"}i.icon.qq:before{content:"\f1d6"}i.icon.qrcode:before{content:"\f029"}i.icon.question:before{content:"\f128"}i.icon.question.circle:before{content:"\f059"}i.icon.quidditch:before{content:"\f458"}i.icon.quinscape:before{content:"\f459"}i.icon.quora:before{content:"\f2c4"}i.icon.quote.left:before{content:"\f10d"}i.icon.quote.right:before{content:"\f10e"}i.icon.random:before{content:"\f074"}i.icon.ravelry:before{content:"\f2d9"}i.icon.react:before{content:"\f41b"}i.icon.rebel:before{content:"\f1d0"}i.icon.recycle:before{content:"\f1b8"}i.icon.redriver:before{content:"\f3e3"}i.icon.reddit:before{content:"\f1a1"}i.icon.reddit.alien:before{content:"\f281"}i.icon.reddit.square:before{content:"\f1a2"}i.icon.redo:before{content:"\f01e"}i.icon.redo.alternate:before{content:"\f2f9"}i.icon.registered:before{content:"\f25d"}i.icon.rendact:before{content:"\f3e4"}i.icon.renren:before{content:"\f18b"}i.icon.reply:before{content:"\f3e5"}i.icon.reply.all:before{content:"\f122"}i.icon.replyd:before{content:"\f3e6"}i.icon.resolving:before{content:"\f3e7"}i.icon.retweet:before{content:"\f079"}i.icon.road:before{content:"\f018"}i.icon.rocket:before{content:"\f135"}i.icon.rocketchat:before{content:"\f3e8"}i.icon.rockrms:before{content:"\f3e9"}i.icon.rss:before{content:"\f09e"}i.icon.rss.square:before{content:"\f143"}i.icon.ruble.sign:before{content:"\f158"}i.icon.rupee.sign:before{content:"\f156"}i.icon.safari:before{content:"\f267"}i.icon.sass:before{content:"\f41e"}i.icon.save:before{content:"\f0c7"}i.icon.schlix:before{content:"\f3ea"}i.icon.scribd:before{content:"\f28a"}i.icon.search:before{content:"\f002"}i.icon.search.minus:before{content:"\f010"}i.icon.search.plus:before{content:"\f00e"}i.icon.searchengin:before{content:"\f3eb"}i.icon.sellcast:before{content:"\f2da"}i.icon.sellsy:before{content:"\f213"}i.icon.server:before{content:"\f233"}i.icon.servicestack:before{content:"\f3ec"}i.icon.share:before{content:"\f064"}i.icon.share.alternate:before{content:"\f1e0"}i.icon.share.alternate.square:before{content:"\f1e1"}i.icon.share.square:before{content:"\f14d"}i.icon.shekel.sign:before{content:"\f20b"}i.icon.shield.alternate:before{content:"\f3ed"}i.icon.ship:before{content:"\f21a"}i.icon.shipping.fast:before{content:"\f48b"}i.icon.shirtsinbulk:before{content:"\f214"}i.icon.shopping.bag:before{content:"\f290"}i.icon.shopping.basket:before{content:"\f291"}i.icon.shopping.cart:before{content:"\f07a"}i.icon.shower:before{content:"\f2cc"}i.icon.sign.in.alternate:before{content:"\f2f6"}i.icon.sign.language:before{content:"\f2a7"}i.icon.sign.out.alternate:before{content:"\f2f5"}i.icon.signal:before{content:"\f012"}i.icon.simplybuilt:before{content:"\f215"}i.icon.sistrix:before{content:"\f3ee"}i.icon.sitemap:before{content:"\f0e8"}i.icon.skyatlas:before{content:"\f216"}i.icon.skype:before{content:"\f17e"}i.icon.slack:before{content:"\f198"}i.icon.slack.hash:before{content:"\f3ef"}i.icon.sliders.horizontal:before{content:"\f1de"}i.icon.slideshare:before{content:"\f1e7"}i.icon.smile:before{content:"\f118"}i.icon.snapchat:before{content:"\f2ab"}i.icon.snapchat.ghost:before{content:"\f2ac"}i.icon.snapchat.square:before{content:"\f2ad"}i.icon.snowflake:before{content:"\f2dc"}i.icon.sort:before{content:"\f0dc"}i.icon.sort.alphabet.down:before{content:"\f15d"}i.icon.sort.alphabet.up:before{content:"\f15e"}i.icon.sort.amount.down:before{content:"\f160"}i.icon.sort.amount.up:before{content:"\f161"}i.icon.sort.down:before{content:"\f0dd"}i.icon.sort.numeric.down:before{content:"\f162"}i.icon.sort.numeric.up:before{content:"\f163"}i.icon.sort.up:before{content:"\f0de"}i.icon.soundcloud:before{content:"\f1be"}i.icon.space.shuttle:before{content:"\f197"}i.icon.speakap:before{content:"\f3f3"}i.icon.spinner:before{content:"\f110"}i.icon.spotify:before{content:"\f1bc"}i.icon.square:before{content:"\f0c8"}i.icon.square.full:before{content:"\f45c"}i.icon.stack.exchange:before{content:"\f18d"}i.icon.stack.overflow:before{content:"\f16c"}i.icon.star:before{content:"\f005"}i.icon.star.half:before{content:"\f089"}i.icon.staylinked:before{content:"\f3f5"}i.icon.steam:before{content:"\f1b6"}i.icon.steam.square:before{content:"\f1b7"}i.icon.steam.symbol:before{content:"\f3f6"}i.icon.step.backward:before{content:"\f048"}i.icon.step.forward:before{content:"\f051"}i.icon.stethoscope:before{content:"\f0f1"}i.icon.sticker.mule:before{content:"\f3f7"}i.icon.sticky.note:before{content:"\f249"}i.icon.stop:before{content:"\f04d"}i.icon.stop.circle:before{content:"\f28d"}i.icon.stopwatch:before{content:"\f2f2"}i.icon.strava:before{content:"\f428"}i.icon.street.view:before{content:"\f21d"}i.icon.strikethrough:before{content:"\f0cc"}i.icon.stripe:before{content:"\f429"}i.icon.stripe.s:before{content:"\f42a"}i.icon.studiovinari:before{content:"\f3f8"}i.icon.stumbleupon:before{content:"\f1a4"}i.icon.stumbleupon.circle:before{content:"\f1a3"}i.icon.subscript:before{content:"\f12c"}i.icon.subway:before{content:"\f239"}i.icon.suitcase:before{content:"\f0f2"}i.icon.sun:before{content:"\f185"}i.icon.superpowers:before{content:"\f2dd"}i.icon.superscript:before{content:"\f12b"}i.icon.supple:before{content:"\f3f9"}i.icon.sync:before{content:"\f021"}i.icon.sync.alternate:before{content:"\f2f1"}i.icon.syringe:before{content:"\f48e"}i.icon.table:before{content:"\f0ce"}i.icon.table.tennis:before{content:"\f45d"}i.icon.tablet:before{content:"\f10a"}i.icon.tablet.alternate:before{content:"\f3fa"}i.icon.tachometer.alternate:before{content:"\f3fd"}i.icon.tag:before{content:"\f02b"}i.icon.tags:before{content:"\f02c"}i.icon.tasks:before{content:"\f0ae"}i.icon.taxi:before{content:"\f1ba"}i.icon.telegram:before{content:"\f2c6"}i.icon.telegram.plane:before{content:"\f3fe"}i.icon.tencent.weibo:before{content:"\f1d5"}i.icon.terminal:before{content:"\f120"}i.icon.text.height:before{content:"\f034"}i.icon.text.width:before{content:"\f035"}i.icon.th:before{content:"\f00a"}i.icon.th.large:before{content:"\f009"}i.icon.th.list:before{content:"\f00b"}i.icon.themeisle:before{content:"\f2b2"}i.icon.thermometer:before{content:"\f491"}i.icon.thermometer.empty:before{content:"\f2cb"}i.icon.thermometer.full:before{content:"\f2c7"}i.icon.thermometer.half:before{content:"\f2c9"}i.icon.thermometer.quarter:before{content:"\f2ca"}i.icon.thermometer.three.quarters:before{content:"\f2c8"}i.icon.thumbs.down:before{content:"\f165"}i.icon.thumbs.up:before{content:"\f164"}i.icon.thumbtack:before{content:"\f08d"}i.icon.ticket.alternate:before{content:"\f3ff"}i.icon.times:before{content:"\f00d"}i.icon.times.circle:before{content:"\f057"}i.icon.tint:before{content:"\f043"}i.icon.toggle.off:before{content:"\f204"}i.icon.toggle.on:before{content:"\f205"}i.icon.trademark:before{content:"\f25c"}i.icon.train:before{content:"\f238"}i.icon.transgender:before{content:"\f224"}i.icon.transgender.alternate:before{content:"\f225"}i.icon.trash:before{content:"\f1f8"}i.icon.trash.alternate:before{content:"\f2ed"}i.icon.tree:before{content:"\f1bb"}i.icon.trello:before{content:"\f181"}i.icon.tripadvisor:before{content:"\f262"}i.icon.trophy:before{content:"\f091"}i.icon.truck:before{content:"\f0d1"}i.icon.tty:before{content:"\f1e4"}i.icon.tumblr:before{content:"\f173"}i.icon.tumblr.square:before{content:"\f174"}i.icon.tv:before{content:"\f26c"}i.icon.twitch:before{content:"\f1e8"}i.icon.twitter:before{content:"\f099"}i.icon.twitter.square:before{content:"\f081"}i.icon.typo3:before{content:"\f42b"}i.icon.uber:before{content:"\f402"}i.icon.uikit:before{content:"\f403"}i.icon.umbrella:before{content:"\f0e9"}i.icon.underline:before{content:"\f0cd"}i.icon.undo:before{content:"\f0e2"}i.icon.undo.alternate:before{content:"\f2ea"}i.icon.uniregistry:before{content:"\f404"}i.icon.universal.access:before{content:"\f29a"}i.icon.university:before{content:"\f19c"}i.icon.unlink:before{content:"\f127"}i.icon.unlock:before{content:"\f09c"}i.icon.unlock.alternate:before{content:"\f13e"}i.icon.untappd:before{content:"\f405"}i.icon.upload:before{content:"\f093"}i.icon.usb:before{content:"\f287"}i.icon.user:before{content:"\f007"}i.icon.user.circle:before{content:"\f2bd"}i.icon.user.md:before{content:"\f0f0"}i.icon.user.plus:before{content:"\f234"}i.icon.user.secret:before{content:"\f21b"}i.icon.user.times:before{content:"\f235"}i.icon.users:before{content:"\f0c0"}i.icon.ussunnah:before{content:"\f407"}i.icon.utensil.spoon:before{content:"\f2e5"}i.icon.utensils:before{content:"\f2e7"}i.icon.vaadin:before{content:"\f408"}i.icon.venus:before{content:"\f221"}i.icon.venus.double:before{content:"\f226"}i.icon.venus.mars:before{content:"\f228"}i.icon.viacoin:before{content:"\f237"}i.icon.viadeo:before{content:"\f2a9"}i.icon.viadeo.square:before{content:"\f2aa"}i.icon.viber:before{content:"\f409"}i.icon.video:before{content:"\f03d"}i.icon.vimeo:before{content:"\f40a"}i.icon.vimeo.square:before{content:"\f194"}i.icon.vimeo.v:before{content:"\f27d"}i.icon.vine:before{content:"\f1ca"}i.icon.vk:before{content:"\f189"}i.icon.vnv:before{content:"\f40b"}i.icon.volleyball.ball:before{content:"\f45f"}i.icon.volume.down:before{content:"\f027"}i.icon.volume.off:before{content:"\f026"}i.icon.volume.up:before{content:"\f028"}i.icon.vuejs:before{content:"\f41f"}i.icon.warehouse:before{content:"\f494"}i.icon.weibo:before{content:"\f18a"}i.icon.weight:before{content:"\f496"}i.icon.weixin:before{content:"\f1d7"}i.icon.whatsapp:before{content:"\f232"}i.icon.whatsapp.square:before{content:"\f40c"}i.icon.wheelchair:before{content:"\f193"}i.icon.whmcs:before{content:"\f40d"}i.icon.wifi:before{content:"\f1eb"}i.icon.wikipedia.w:before{content:"\f266"}i.icon.window.close:before{content:"\f410"}i.icon.window.maximize:before{content:"\f2d0"}i.icon.window.minimize:before{content:"\f2d1"}i.icon.window.restore:before{content:"\f2d2"}i.icon.windows:before{content:"\f17a"}i.icon.won.sign:before{content:"\f159"}i.icon.wordpress:before{content:"\f19a"}i.icon.wordpress.simple:before{content:"\f411"}i.icon.wpbeginner:before{content:"\f297"}i.icon.wpexplorer:before{content:"\f2de"}i.icon.wpforms:before{content:"\f298"}i.icon.wrench:before{content:"\f0ad"}i.icon.xbox:before{content:"\f412"}i.icon.xing:before{content:"\f168"}i.icon.xing.square:before{content:"\f169"}i.icon.y.combinator:before{content:"\f23b"}i.icon.yahoo:before{content:"\f19e"}i.icon.yandex:before{content:"\f413"}i.icon.yandex.international:before{content:"\f414"}i.icon.yelp:before{content:"\f1e9"}i.icon.yen.sign:before{content:"\f157"}i.icon.yoast:before{content:"\f2b1"}i.icon.youtube:before{content:"\f167"}i.icon.youtube.square:before{content:"\f431"}i.icon.chess.rock:before{content:"\f447"}i.icon.ordered.list:before{content:"\f0cb"}i.icon.unordered.list:before{content:"\f0ca"}i.icon.user.doctor:before{content:"\f0f0"}i.icon.shield:before{content:"\f3ed"}i.icon.puzzle:before{content:"\f12e"}i.icon.credit.card.amazon.pay:before{content:"\f42d"}i.icon.credit.card.american.express:before{content:"\f1f3"}i.icon.credit.card.diners.club:before{content:"\f24c"}i.icon.credit.card.discover:before{content:"\f1f2"}i.icon.credit.card.jcb:before{content:"\f24b"}i.icon.credit.card.mastercard:before{content:"\f1f1"}i.icon.credit.card.paypal:before{content:"\f1f4"}i.icon.credit.card.stripe:before{content:"\f1f5"}i.icon.credit.card.visa:before{content:"\f1f0"}i.icon.add.circle:before{content:"\f055"}i.icon.add.square:before{content:"\f0fe"}i.icon.add.to.calendar:before{content:"\f271"}i.icon.add.to.cart:before{content:"\f217"}i.icon.add.user:before{content:"\f234"}i.icon.add:before{content:"\f067"}i.icon.alarm.mute:before{content:"\f1f6"}i.icon.alarm:before{content:"\f0f3"}i.icon.ald:before{content:"\f2a2"}i.icon.als:before{content:"\f2a2"}i.icon.american.express.card:before{content:"\f1f3"}i.icon.american.express:before{content:"\f1f3"}i.icon.amex:before{content:"\f1f3"}i.icon.announcement:before{content:"\f0a1"}i.icon.area.chart:before{content:"\f1fe"}i.icon.area.graph:before{content:"\f1fe"}i.icon.arrow.down.cart:before{content:"\f218"}i.icon.asexual:before{content:"\f22d"}i.icon.asl.interpreting:before{content:"\f2a3"}i.icon.asl:before{content:"\f2a3"}i.icon.assistive.listening.devices:before{content:"\f2a2"}i.icon.attach:before{content:"\f0c6"}i.icon.attention:before{content:"\f06a"}i.icon.balance:before{content:"\f24e"}i.icon.bar:before{content:"\f0fc"}i.icon.bathtub:before{content:"\f2cd"}i.icon.battery.four:before{content:"\f240"}i.icon.battery.high:before{content:"\f241"}i.icon.battery.low:before{content:"\f243"}i.icon.battery.medium:before{content:"\f242"}i.icon.battery.one:before{content:"\f243"}i.icon.battery.three:before{content:"\f241"}i.icon.battery.two:before{content:"\f242"}i.icon.battery.zero:before{content:"\f244"}i.icon.birthday:before{content:"\f1fd"}i.icon.block.layout:before{content:"\f009"}i.icon.bluetooth.alternative:before{content:"\f294"}i.icon.broken.chain:before{content:"\f127"}i.icon.browser:before{content:"\f022"}i.icon.call.square:before{content:"\f098"}i.icon.call:before{content:"\f095"}i.icon.cancel:before{content:"\f00d"}i.icon.cart:before{content:"\f07a"}i.icon.cc:before{content:"\f20a"}i.icon.chain:before{content:"\f0c1"}i.icon.chat:before{content:"\f075"}i.icon.checked.calendar:before{content:"\f274"}i.icon.checkmark:before{content:"\f00c"}i.icon.circle.notched:before{content:"\f1ce"}i.icon.close:before{content:"\f00d"}i.icon.cny:before{content:"\f157"}i.icon.cocktail:before{content:"\f000"}i.icon.commenting:before{content:"\f27a"}i.icon.computer:before{content:"\f108"}i.icon.configure:before{content:"\f0ad"}i.icon.content:before{content:"\f0c9"}i.icon.deafness:before{content:"\f2a4"}i.icon.delete.calendar:before{content:"\f273"}i.icon.delete:before{content:"\f00d"}i.icon.detective:before{content:"\f21b"}i.icon.diners.club.card:before{content:"\f24c"}i.icon.diners.club:before{content:"\f24c"}i.icon.discover.card:before{content:"\f1f2"}i.icon.discover:before{content:"\f1f2"}i.icon.discussions:before{content:"\f086"}i.icon.doctor:before{content:"\f0f0"}i.icon.dollar:before{content:"\f155"}i.icon.dont:before{content:"\f05e"}i.icon.dribble:before{content:"\f17d"}i.icon.drivers.license:before{content:"\f2c2"}i.icon.dropdown:before{content:"\f0d7"}i.icon.eercast:before{content:"\f2da"}i.icon.emergency:before{content:"\f0f9"}i.icon.envira.gallery:before{content:"\f299"}i.icon.erase:before{content:"\f12d"}i.icon.eur:before{content:"\f153"}i.icon.euro:before{content:"\f153"}i.icon.eyedropper:before{content:"\f1fb"}i.icon.fa:before{content:"\f2b4"}i.icon.factory:before{content:"\f275"}i.icon.favorite:before{content:"\f005"}i.icon.feed:before{content:"\f09e"}i.icon.female.homosexual:before{content:"\f226"}i.icon.file.text:before{content:"\f15c"}i.icon.find:before{content:"\f1e5"}i.icon.first.aid:before{content:"\f0fa"}i.icon.five.hundred.pixels:before{content:"\f26e"}i.icon.fork:before{content:"\f126"}i.icon.game:before{content:"\f11b"}i.icon.gay:before{content:"\f227"}i.icon.gbp:before{content:"\f154"}i.icon.gittip:before{content:"\f184"}i.icon.google.plus.circle:before{content:"\f2b3"}i.icon.google.plus.official:before{content:"\f2b3"}i.icon.grab:before{content:"\f255"}i.icon.graduation:before{content:"\f19d"}i.icon.grid.layout:before{content:"\f00a"}i.icon.group:before{content:"\f0c0"}i.icon.h:before{content:"\f0fd"}i.icon.hand.victory:before{content:"\f25b"}i.icon.handicap:before{content:"\f193"}i.icon.hard.of.hearing:before{content:"\f2a4"}i.icon.header:before{content:"\f1dc"}i.icon.help.circle:before{content:"\f059"}i.icon.help:before{content:"\f128"}i.icon.heterosexual:before{content:"\f228"}i.icon.hide:before{content:"\f070"}i.icon.hotel:before{content:"\f236"}i.icon.hourglass.four:before{content:"\f254"}i.icon.hourglass.full:before{content:"\f254"}i.icon.hourglass.one:before{content:"\f251"}i.icon.hourglass.three:before{content:"\f253"}i.icon.hourglass.two:before{content:"\f252"}i.icon.idea:before{content:"\f0eb"}i.icon.ils:before{content:"\f20b"}i.icon.in.cart:before{content:"\f218"}i.icon.inr:before{content:"\f156"}i.icon.intergender:before{content:"\f224"}i.icon.intersex:before{content:"\f224"}i.icon.japan.credit.bureau.card:before{content:"\f24b"}i.icon.japan.credit.bureau:before{content:"\f24b"}i.icon.jcb:before{content:"\f24b"}i.icon.jpy:before{content:"\f157"}i.icon.krw:before{content:"\f159"}i.icon.lab:before{content:"\f0c3"}i.icon.law:before{content:"\f24e"}i.icon.legal:before{content:"\f0e3"}i.icon.lesbian:before{content:"\f226"}i.icon.lightning:before{content:"\f0e7"}i.icon.like:before{content:"\f004"}i.icon.line.graph:before{content:"\f201"}i.icon.linkedin.square:before{content:"\f08c"}i.icon.linkify:before{content:"\f0c1"}i.icon.lira:before{content:"\f195"}i.icon.list.layout:before{content:"\f00b"}i.icon.magnify:before{content:"\f00e"}i.icon.mail.forward:before{content:"\f064"}i.icon.mail.square:before{content:"\f199"}i.icon.mail:before{content:"\f0e0"}i.icon.male.homosexual:before{content:"\f227"}i.icon.man:before{content:"\f222"}i.icon.marker:before{content:"\f041"}i.icon.mars.alternate:before{content:"\f229"}i.icon.mars.horizontal:before{content:"\f22b"}i.icon.mars.vertical:before{content:"\f22a"}i.icon.mastercard.card:before{content:"\f1f1"}i.icon.mastercard:before{content:"\f1f1"}i.icon.microsoft.edge:before{content:"\f282"}i.icon.military:before{content:"\f0fb"}i.icon.ms.edge:before{content:"\f282"}i.icon.mute:before{content:"\f131"}i.icon.new.pied.piper:before{content:"\f2ae"}i.icon.non.binary.transgender:before{content:"\f223"}i.icon.numbered.list:before{content:"\f0cb"}i.icon.optinmonster:before{content:"\f23c"}i.icon.options:before{content:"\f1de"}i.icon.other.gender.horizontal:before{content:"\f22b"}i.icon.other.gender.vertical:before{content:"\f22a"}i.icon.other.gender:before{content:"\f229"}i.icon.payment:before{content:"\f09d"}i.icon.paypal.card:before{content:"\f1f4"}i.icon.pencil.square:before{content:"\f14b"}i.icon.photo:before{content:"\f030"}i.icon.picture:before{content:"\f03e"}i.icon.pie.chart:before{content:"\f200"}i.icon.pie.graph:before{content:"\f200"}i.icon.pied.piper.hat:before{content:"\f2ae"}i.icon.pin:before{content:"\f08d"}i.icon.plus.cart:before{content:"\f217"}i.icon.pocket:before{content:"\f265"}i.icon.point:before{content:"\f041"}i.icon.pointing.down:before{content:"\f0a7"}i.icon.pointing.left:before{content:"\f0a5"}i.icon.pointing.right:before{content:"\f0a4"}i.icon.pointing.up:before{content:"\f0a6"}i.icon.pound:before{content:"\f154"}i.icon.power.cord:before{content:"\f1e6"}i.icon.power:before{content:"\f011"}i.icon.privacy:before{content:"\f084"}i.icon.r.circle:before{content:"\f25d"}i.icon.rain:before{content:"\f0e9"}i.icon.record:before{content:"\f03d"}i.icon.refresh:before{content:"\f021"}i.icon.remove.circle:before{content:"\f057"}i.icon.remove.from.calendar:before{content:"\f272"}i.icon.remove.user:before{content:"\f235"}i.icon.remove:before{content:"\f00d"}i.icon.repeat:before{content:"\f01e"}i.icon.rmb:before{content:"\f157"}i.icon.rouble:before{content:"\f158"}i.icon.rub:before{content:"\f158"}i.icon.ruble:before{content:"\f158"}i.icon.rupee:before{content:"\f156"}i.icon.s15:before{content:"\f2cd"}i.icon.selected.radio:before{content:"\f192"}i.icon.send:before{content:"\f1d8"}i.icon.setting:before{content:"\f013"}i.icon.settings:before{content:"\f085"}i.icon.shekel:before{content:"\f20b"}i.icon.sheqel:before{content:"\f20b"}i.icon.shipping:before{content:"\f0d1"}i.icon.shop:before{content:"\f07a"}i.icon.shuffle:before{content:"\f074"}i.icon.shutdown:before{content:"\f011"}i.icon.sidebar:before{content:"\f0c9"}i.icon.signing:before{content:"\f2a7"}i.icon.signup:before{content:"\f044"}i.icon.sliders:before{content:"\f1de"}i.icon.soccer:before{content:"\f1e3"}i.icon.sort.alphabet.ascending:before{content:"\f15d"}i.icon.sort.alphabet.descending:before{content:"\f15e"}i.icon.sort.ascending:before{content:"\f0de"}i.icon.sort.content.ascending:before{content:"\f160"}i.icon.sort.content.descending:before{content:"\f161"}i.icon.sort.descending:before{content:"\f0dd"}i.icon.sort.numeric.ascending:before{content:"\f162"}i.icon.sort.numeric.descending:before{content:"\f163"}i.icon.sound:before{content:"\f025"}i.icon.spy:before{content:"\f21b"}i.icon.stripe.card:before{content:"\f1f5"}i.icon.student:before{content:"\f19d"}i.icon.talk:before{content:"\f27a"}i.icon.target:before{content:"\f140"}i.icon.teletype:before{content:"\f1e4"}i.icon.television:before{content:"\f26c"}i.icon.text.cursor:before{content:"\f246"}i.icon.text.telephone:before{content:"\f1e4"}i.icon.theme.isle:before{content:"\f2b2"}i.icon.theme:before{content:"\f043"}i.icon.thermometer:before{content:"\f2c7"}i.icon.thumb.tack:before{content:"\f08d"}i.icon.time:before{content:"\f017"}i.icon.tm:before{content:"\f25c"}i.icon.toggle.down:before{content:"\f150"}i.icon.toggle.left:before{content:"\f191"}i.icon.toggle.right:before{content:"\f152"}i.icon.toggle.up:before{content:"\f151"}i.icon.translate:before{content:"\f1ab"}i.icon.travel:before{content:"\f0b1"}i.icon.treatment:before{content:"\f0f1"}i.icon.triangle.down:before{content:"\f0d7"}i.icon.triangle.left:before{content:"\f0d9"}i.icon.triangle.right:before{content:"\f0da"}i.icon.triangle.up:before{content:"\f0d8"}i.icon.try:before{content:"\f195"}i.icon.unhide:before{content:"\f06e"}i.icon.unlinkify:before{content:"\f127"}i.icon.unmute:before{content:"\f130"}i.icon.usd:before{content:"\f155"}i.icon.user.cancel:before{content:"\f235"}i.icon.user.close:before{content:"\f235"}i.icon.user.delete:before{content:"\f235"}i.icon.user.x:before{content:"\f235"}i.icon.vcard:before{content:"\f2bb"}i.icon.video.camera:before{content:"\f03d"}i.icon.video.play:before{content:"\f144"}i.icon.visa.card:before{content:"\f1f0"}i.icon.visa:before{content:"\f1f0"}i.icon.volume.control.phone:before{content:"\f2a0"}i.icon.wait:before{content:"\f017"}i.icon.warning.circle:before{content:"\f06a"}i.icon.warning.sign:before{content:"\f071"}i.icon.warning:before{content:"\f12a"}i.icon.wechat:before{content:"\f1d7"}i.icon.wi-fi:before{content:"\f1eb"}i.icon.wikipedia:before{content:"\f266"}i.icon.winner:before{content:"\f091"}i.icon.wizard:before{content:"\f0d0"}i.icon.woman:before{content:"\f221"}i.icon.won:before{content:"\f159"}i.icon.wordpress.beginner:before{content:"\f297"}i.icon.wordpress.forms:before{content:"\f298"}i.icon.world:before{content:"\f0ac"}i.icon.write.square:before{content:"\f14b"}i.icon.x:before{content:"\f00d"}i.icon.yc:before{content:"\f23b"}i.icon.ycombinator:before{content:"\f23b"}i.icon.yen:before{content:"\f157"}i.icon.zip:before{content:"\f187"}i.icon.zoom.in:before{content:"\f00e"}i.icon.zoom.out:before{content:"\f010"}i.icon.zoom:before{content:"\f00e"}i.icon.bitbucket.square:before{content:"\f171"}i.icon.checkmark.box:before{content:"\f14a"}i.icon.circle.thin:before{content:"\f111"}i.icon.cloud.download:before{content:"\f381"}i.icon.cloud.upload:before{content:"\f382"}i.icon.compose:before{content:"\f303"}i.icon.conversation:before{content:"\f086"}i.icon.credit.card.alternative:before{content:"\f09d"}i.icon.currency:before{content:"\f3d1"}i.icon.dashboard:before{content:"\f3fd"}i.icon.diamond:before{content:"\f3a5"}i.icon.disk:before{content:"\f0a0"}i.icon.exchange:before{content:"\f362"}i.icon.external.share:before{content:"\f14d"}i.icon.external.square:before{content:"\f360"}i.icon.external:before{content:"\f35d"}i.icon.facebook.official:before{content:"\f082"}i.icon.food:before{content:"\f2e7"}i.icon.hourglass.zero:before{content:"\f253"}i.icon.level.down:before{content:"\f3be"}i.icon.level.up:before{content:"\f3bf"}i.icon.log.out:before{content:"\f2f5"}i.icon.meanpath:before{content:"\f0c8"}i.icon.money:before{content:"\f3d1"}i.icon.move:before{content:"\f0b2"}i.icon.pencil:before{content:"\f303"}i.icon.protect:before{content:"\f023"}i.icon.radio:before{content:"\f192"}i.icon.remove.bookmark:before{content:"\f02e"}i.icon.resize.horizontal:before{content:"\f337"}i.icon.resize.vertical:before{content:"\f338"}i.icon.sign.in:before{content:"\f2f6"}i.icon.sign.out:before{content:"\f2f5"}i.icon.spoon:before{content:"\f2e5"}i.icon.star.half.empty:before{content:"\f089"}i.icon.star.half.full:before{content:"\f089"}i.icon.ticket:before{content:"\f3ff"}i.icon.times.rectangle:before{content:"\f410"}i.icon.write:before{content:"\f303"}i.icon.youtube.play:before{content:"\f167"}.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.image svg,.ui.image img{display:block;max-width:100%;height:auto}.ui.hidden.images,.ui.hidden.image{display:none}.ui.hidden.transition.images,.ui.hidden.transition.image{display:block;visibility:hidden}.ui.images>.hidden.transition{display:inline-block;visibility:hidden}.ui.disabled.images,.ui.disabled.image{cursor:default;opacity:0.45}.ui.inline.image,.ui.inline.image svg,.ui.inline.image img{display:inline-block}.ui.top.aligned.images .image,.ui.top.aligned.image,.ui.top.aligned.image svg,.ui.top.aligned.image img{display:inline-block;vertical-align:top}.ui.middle.aligned.images .image,.ui.middle.aligned.image,.ui.middle.aligned.image svg,.ui.middle.aligned.image img{display:inline-block;vertical-align:middle}.ui.bottom.aligned.images .image,.ui.bottom.aligned.image,.ui.bottom.aligned.image svg,.ui.bottom.aligned.image img{display:inline-block;vertical-align:bottom}.ui.rounded.images .image,.ui.rounded.image,.ui.rounded.images .image>*,.ui.rounded.image>*{border-radius:0.3125em}.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,.ui.bordered.image img,.ui.bordered.image svg,img.ui.bordered.image{border:1px solid rgba(0,0,0,0.1)}.ui.circular.images,.ui.circular.image{overflow:hidden}.ui.circular.images .image,.ui.circular.image,.ui.circular.images .image>*,.ui.circular.image>*{border-radius:500rem}.ui.fluid.images,.ui.fluid.image,.ui.fluid.images img,.ui.fluid.images svg,.ui.fluid.image svg,.ui.fluid.image img{display:block;width:100%;height:auto}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg,.ui.avatar.image img,.ui.avatar.image svg,.ui.avatar.image{margin-right:0.25em;display:inline-block;width:2em;height:2em;border-radius:500rem}.ui.spaced.image{display:inline-block !important;margin-left:0.5em;margin-right:0.5em}.ui[class*="left spaced"].image{margin-left:0.5em;margin-right:0}.ui[class*="right spaced"].image{margin-left:0;margin-right:0.5em}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-right:0;margin-bottom:1em;margin-left:1em}.ui.floated.images:last-child,.ui.floated.image:last-child{margin-bottom:0}.ui.centered.images,.ui.centered.image{margin-left:auto;margin-right:auto}.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg,.ui.mini.image{width:35px;height:auto;font-size:0.78571429rem}.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg,.ui.tiny.image{width:80px;height:auto;font-size:0.85714286rem}.ui.small.images .image,.ui.small.images img,.ui.small.images svg,.ui.small.image{width:150px;height:auto;font-size:0.92857143rem}.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg,.ui.medium.image{width:300px;height:auto;font-size:1rem}.ui.large.images .image,.ui.large.images img,.ui.large.images svg,.ui.large.image{width:450px;height:auto;font-size:1.14285714rem}.ui.big.images .image,.ui.big.images img,.ui.big.images svg,.ui.big.image{width:600px;height:auto;font-size:1.28571429rem}.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg,.ui.huge.image{width:800px;height:auto;font-size:1.42857143rem}.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg,.ui.massive.image{width:960px;height:auto;font-size:1.71428571rem}.ui.images{font-size:0;margin:0 -0.25rem 0rem}.ui.images .image,.ui.images>img,.ui.images>svg{display:inline-block;margin:0 0.25rem 0.5rem}.ui.input{position:relative;font-weight:normal;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,0.87)}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;padding:0.67857143em 1em;background:#FFFFFF;border:1px solid rgba(34,36,38,0.15);color:rgba(0,0,0,0.87);border-radius:0.28571429rem;-webkit-transition:border-color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:border-color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:box-shadow 0.1s ease, border-color 0.1s ease;transition:box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;-webkit-box-shadow:none;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,0.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,0.87)}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,0.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:0.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input>input:active,.ui.input.down input{border-color:rgba(0,0,0,0.3);background:#FAFAFA;color:rgba(0,0,0,0.87);-webkit-box-shadow:none;box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:0.2em solid rgba(0,0,0,0.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin 0.6s linear;animation:button-spin 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:0.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85B7D9;background:#FFFFFF;color:rgba(0,0,0,0.8);-webkit-box-shadow:none;box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,0.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,0.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,0.87)}.ui.input.error>input{background-color:#FFF6F6;border-color:#E0B4B4;color:#9F3A38;-webkit-box-shadow:none;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc !important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796 !important}.ui.transparent.input>input{border-color:transparent !important;background-color:transparent !important;padding:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;border-radius:0 !important}.ui.transparent.icon.input>i.icon{width:1.1em}.ui.transparent.icon.input>input{padding-left:0 !important;padding-right:2em !important}.ui.transparent[class*="left icon"].input>input{padding-left:2em !important;padding-right:0 !important}.ui.transparent.inverted.input{color:#FFFFFF}.ui.transparent.inverted.input>input{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,0.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,0.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:0.5;border-radius:0 0.28571429rem 0.28571429rem 0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.icon.input>input{padding-right:2.67142857em !important}.ui.icon.input>i.icon:before,.ui.icon.input>i.icon:after{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-0.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:0.35em;right:0.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:0.28571429rem 0 0 0.28571429rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:0.5em}.ui[class*="left icon"].input>input{padding-left:2.67142857em !important;padding-right:1em !important}.ui.icon.input>input:focus ~ i.icon{opacity:1}.ui.labeled.input>.label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:0.78571429em;padding-bottom:0.78571429em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85B7D9}.ui[class*="right labeled"].input>input{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right-color:transparent !important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85B7D9 !important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:0.64285714em;border-radius:0 0.28571429rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input{padding-right:2.5em !important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input{padding-right:3.25em !important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input{padding-left:2.5em !important}.ui[class*="left corner labeled"].icon.input>input{padding-left:3.25em !important}.ui[class*="left corner labeled"].icon.input>.icon{margin-left:1.25em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.action.input>.button,.ui.action.input>.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:0.78571429em;padding-bottom:0.78571429em;margin:0}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right-color:transparent !important}.ui.action.input:not([class*="left action"])>.dropdown:not(:first-child),.ui.action.input:not([class*="left action"])>.button:not(:first-child),.ui.action.input:not([class*="left action"])>.buttons:not(:first-child)>.button{border-radius:0}.ui.action.input:not([class*="left action"])>.dropdown:last-child,.ui.action.input:not([class*="left action"])>.button:last-child,.ui.action.input:not([class*="left action"])>.buttons:last-child>.button{border-radius:0 0.28571429rem 0.28571429rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85B7D9 !important}.ui[class*="left action"].input>input{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-left-color:transparent !important}.ui[class*="left action"].input>.dropdown,.ui[class*="left action"].input>.button,.ui[class*="left action"].input>.buttons>.button{border-radius:0}.ui[class*="left action"].input>.dropdown:first-child,.ui[class*="left action"].input>.button:first-child,.ui[class*="left action"].input>.buttons:first-child>.button{border-radius:0.28571429rem 0 0 0.28571429rem}.ui[class*="left action"].input>input:focus{border-left-color:#85B7D9 !important}.ui.inverted.input>input{border:none}.ui.fluid.input{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.fluid.input>input{width:0 !important}.ui.mini.input{font-size:0.78571429em}.ui.small.input{font-size:0.92857143em}.ui.input{font-size:1em}.ui.large.input{font-size:1.14285714em}.ui.big.input{font-size:1.28571429em}.ui.huge.input{font-size:1.42857143em}.ui.massive.input{font-size:1.71428571em}.ui.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 0.14285714em;background-color:#E8E8E8;background-image:none;padding:0.5833em 0.833em;color:rgba(0,0,0,0.6);text-transform:none;font-weight:bold;border:0 solid transparent;border-radius:0.28571429rem;-webkit-transition:background 0.1s ease;transition:background 0.1s ease}.ui.label:first-child{margin-left:0}.ui.label:last-child{margin-right:0}a.ui.label{cursor:pointer}.ui.label>a{cursor:pointer;color:inherit;opacity:0.5;-webkit-transition:0.1s opacity ease;transition:0.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto !important;vertical-align:middle;height:2.1666em !important}.ui.label>.icon{width:auto;margin:0 0.75em 0 0}.ui.label>.detail{display:inline-block;vertical-align:top;font-weight:bold;margin-left:1em;opacity:0.8}.ui.label>.detail .icon{margin:0 0.25em 0 0}.ui.label>.close.icon,.ui.label>.delete.icon{cursor:pointer;margin-right:0;margin-left:0.5em;font-size:0.92857143em;opacity:0.5;-webkit-transition:background 0.1s ease;transition:background 0.1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.labels>.label{margin:0 0.5em 0.5em 0}.ui.header>.ui.label{margin-top:-0.29165em}.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label{border-top-left-radius:0}.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label{border-top-right-radius:0}.ui.top.attached.segment>.ui.bottom.left.attached.label{border-bottom-left-radius:0}.ui.top.attached.segment>.ui.bottom.right.attached.label{border-bottom-right-radius:0}.ui.top.attached.label:first-child+:not(.attached),.ui.top.attached.label+[class*="right floated"]+*{margin-top:2rem !important}.ui.bottom.attached.label:first-child ~ :last-child:not(.attached){margin-top:0;margin-bottom:2rem !important}.ui.image.label{width:auto !important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#E8E8E8;padding:0.5833em 0.833em 0.5833em 0.5em;border-radius:0.28571429rem;-webkit-box-shadow:none;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.1666em;margin:-0.5833em 0.5em -0.5833em -0.5em;border-radius:0.28571429rem 0 0 0.28571429rem}.ui.image.label .detail{background:rgba(0,0,0,0.1);margin:-0.5833em -0.833em -0.5833em 0.5em;padding:0.5833em 0.833em;border-radius:0 0.28571429rem 0.28571429rem 0}.ui.tag.labels .label,.ui.tag.label{margin-left:1em;position:relative;padding-left:1.5em;padding-right:1.5em;border-radius:0 0.28571429rem 0.28571429rem 0;-webkit-transition:none;transition:none}.ui.tag.labels .label:before,.ui.tag.label:before{position:absolute;-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg);top:50%;right:100%;content:'';background-color:inherit;background-image:none;width:1.56em;height:1.56em;-webkit-transition:none;transition:none}.ui.tag.labels .label:after,.ui.tag.label:after{position:absolute;content:'';top:50%;left:-0.25em;margin-top:-0.25em;background-color:#FFFFFF !important;width:0.5em;height:0.5em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);border-radius:500rem}.ui.corner.label{position:absolute;top:0;right:0;margin:0;padding:0;text-align:center;border-color:#E8E8E8;width:4em;height:4em;z-index:1;-webkit-transition:border-color 0.1s ease;transition:border-color 0.1s ease}.ui.corner.label{background-color:transparent !important}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;background-color:transparent !important;border-top:0 solid transparent;border-right:4em solid transparent;border-bottom:4em solid transparent;border-left:0 solid transparent;border-right-color:inherit;-webkit-transition:border-color 0.1s ease;transition:border-color 0.1s ease}.ui.corner.label .icon{cursor:default;position:relative;top:0.64285714em;left:0.78571429em;font-size:1.14285714em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-top:4em solid transparent;border-right:4em solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{left:-0.78571429em}.ui.segment>.ui.corner.label{top:-1px;right:-1px}.ui.segment>.ui.left.corner.label{right:auto;left:-1px}.ui.ribbon.label{position:relative;margin:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:0 0.28571429rem 0.28571429rem 0;border-color:rgba(0,0,0,0.15)}.ui.ribbon.label:after{position:absolute;content:'';top:100%;left:0%;background-color:transparent !important;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent;border-right-color:inherit;width:0;height:0}.ui.ribbon.label{left:calc( -1rem - 1.2em);margin-right:-1.2em;padding-left:calc( 1rem + 1.2em);padding-right:1.2em}.ui[class*="right ribbon"].label{left:calc(100% + 1rem + 1.2em);padding-left:1.2em;padding-right:calc( 1rem + 1.2em)}.ui[class*="right ribbon"].label{text-align:left;-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0.28571429rem 0 0 0.28571429rem}.ui[class*="right ribbon"].label:after{left:auto;right:0%;border-style:solid;border-width:1.2em 1.2em 0 0;border-color:transparent;border-top-color:inherit}.ui.image>.ribbon.label,.ui.card .image>.ribbon.label{position:absolute;top:1rem}.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label{left:calc( 0.05rem - 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label{left:calc(100% + -0.05rem + 1.2em);padding-left:0.833em}.ui.table td>.ui.ribbon.label{left:calc( -0.78571429em - 1.2em)}.ui.table td>.ui[class*="right ribbon"].label{left:calc(100% + 0.78571429em + 1.2em);padding-left:0.833em}.ui[class*="top attached"].label,.ui.attached.label{width:100%;position:absolute;margin:0;top:0;left:0;padding:0.75em 1em;border-radius:0.21428571rem 0.21428571rem 0 0}.ui[class*="bottom attached"].label{top:auto;bottom:0;border-radius:0 0 0.21428571rem 0.21428571rem}.ui[class*="top left attached"].label{width:auto;margin-top:0 !important;border-radius:0.21428571rem 0 0.28571429rem 0}.ui[class*="top right attached"].label{width:auto;left:auto;right:0;border-radius:0 0.21428571rem 0 0.28571429rem}.ui[class*="bottom left attached"].label{width:auto;top:auto;bottom:0;border-radius:0 0.28571429rem 0 0.21428571rem}.ui[class*="bottom right attached"].label{top:auto;bottom:0;left:auto;right:0;width:auto;border-radius:0.28571429rem 0 0.21428571rem 0}.ui.label.disabled{opacity:0.5}a.ui.labels .label:hover,a.ui.label:hover{background-color:#E0E0E0;border-color:#E0E0E0;background-image:none;color:rgba(0,0,0,0.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{color:rgba(0,0,0,0.8)}.ui.active.label{background-color:#D0D0D0;border-color:#D0D0D0;background-image:none;color:rgba(0,0,0,0.95)}.ui.active.label:before{background-color:#D0D0D0;background-image:none;color:rgba(0,0,0,0.95)}a.ui.labels .active.label:hover,a.ui.active.label:hover{background-color:#C8C8C8;border-color:#C8C8C8;background-image:none;color:rgba(0,0,0,0.95)}.ui.labels a.active.label:ActiveHover:before,a.ui.active.label:ActiveHover:before{background-color:#C8C8C8;background-image:none;color:rgba(0,0,0,0.95)}.ui.labels.visible .label,.ui.label.visible:not(.dropdown){display:inline-block !important}.ui.labels.hidden .label,.ui.label.hidden{display:none !important}.ui.red.labels .label,.ui.red.label{background-color:#DB2828 !important;border-color:#DB2828 !important;color:#FFFFFF !important}.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#d01919 !important;border-color:#d01919 !important;color:#FFFFFF !important}.ui.red.corner.label,.ui.red.corner.label:hover{background-color:transparent !important}.ui.red.ribbon.label{border-color:#b21e1e !important}.ui.basic.red.label{background-color:#FFFFFF !important;color:#DB2828 !important;border-color:#DB2828 !important}.ui.basic.red.labels a.label:hover,a.ui.basic.red.label:hover{background-color:#FFFFFF !important;color:#d01919 !important;border-color:#d01919 !important}.ui.orange.labels .label,.ui.orange.label{background-color:#F2711C !important;border-color:#F2711C !important;color:#FFFFFF !important}.ui.orange.labels .label:hover,a.ui.orange.label:hover{background-color:#f26202 !important;border-color:#f26202 !important;color:#FFFFFF !important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent !important}.ui.orange.ribbon.label{border-color:#cf590c !important}.ui.basic.orange.label{background-color:#FFFFFF !important;color:#F2711C !important;border-color:#F2711C !important}.ui.basic.orange.labels a.label:hover,a.ui.basic.orange.label:hover{background-color:#FFFFFF !important;color:#f26202 !important;border-color:#f26202 !important}.ui.yellow.labels .label,.ui.yellow.label{background-color:#FBBD08 !important;border-color:#FBBD08 !important;color:#FFFFFF !important}.ui.yellow.labels .label:hover,a.ui.yellow.label:hover{background-color:#eaae00 !important;border-color:#eaae00 !important;color:#FFFFFF !important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent !important}.ui.yellow.ribbon.label{border-color:#cd9903 !important}.ui.basic.yellow.label{background-color:#FFFFFF !important;color:#FBBD08 !important;border-color:#FBBD08 !important}.ui.basic.yellow.labels a.label:hover,a.ui.basic.yellow.label:hover{background-color:#FFFFFF !important;color:#eaae00 !important;border-color:#eaae00 !important}.ui.olive.labels .label,.ui.olive.label{background-color:#B5CC18 !important;border-color:#B5CC18 !important;color:#FFFFFF !important}.ui.olive.labels .label:hover,a.ui.olive.label:hover{background-color:#a7bd0d !important;border-color:#a7bd0d !important;color:#FFFFFF !important}.ui.olive.corner.label,.ui.olive.corner.label:hover{background-color:transparent !important}.ui.olive.ribbon.label{border-color:#198f35 !important}.ui.basic.olive.label{background-color:#FFFFFF !important;color:#B5CC18 !important;border-color:#B5CC18 !important}.ui.basic.olive.labels a.label:hover,a.ui.basic.olive.label:hover{background-color:#FFFFFF !important;color:#a7bd0d !important;border-color:#a7bd0d !important}.ui.green.labels .label,.ui.green.label{background-color:#21BA45 !important;border-color:#21BA45 !important;color:#FFFFFF !important}.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#16ab39 !important;border-color:#16ab39 !important;color:#FFFFFF !important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent !important}.ui.green.ribbon.label{border-color:#198f35 !important}.ui.basic.green.label{background-color:#FFFFFF !important;color:#21BA45 !important;border-color:#21BA45 !important}.ui.basic.green.labels a.label:hover,a.ui.basic.green.label:hover{background-color:#FFFFFF !important;color:#16ab39 !important;border-color:#16ab39 !important}.ui.teal.labels .label,.ui.teal.label{background-color:#00B5AD !important;border-color:#00B5AD !important;color:#FFFFFF !important}.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009c95 !important;border-color:#009c95 !important;color:#FFFFFF !important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent !important}.ui.teal.ribbon.label{border-color:#00827c !important}.ui.basic.teal.label{background-color:#FFFFFF !important;color:#00B5AD !important;border-color:#00B5AD !important}.ui.basic.teal.labels a.label:hover,a.ui.basic.teal.label:hover{background-color:#FFFFFF !important;color:#009c95 !important;border-color:#009c95 !important}.ui.blue.labels .label,.ui.blue.label{background-color:#2185D0 !important;border-color:#2185D0 !important;color:#FFFFFF !important}.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1678c2 !important;border-color:#1678c2 !important;color:#FFFFFF !important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent !important}.ui.blue.ribbon.label{border-color:#1a69a4 !important}.ui.basic.blue.label{background-color:#FFFFFF !important;color:#2185D0 !important;border-color:#2185D0 !important}.ui.basic.blue.labels a.label:hover,a.ui.basic.blue.label:hover{background-color:#FFFFFF !important;color:#1678c2 !important;border-color:#1678c2 !important}.ui.violet.labels .label,.ui.violet.label{background-color:#6435C9 !important;border-color:#6435C9 !important;color:#FFFFFF !important}.ui.violet.labels .label:hover,a.ui.violet.label:hover{background-color:#5829bb !important;border-color:#5829bb !important;color:#FFFFFF !important}.ui.violet.corner.label,.ui.violet.corner.label:hover{background-color:transparent !important}.ui.violet.ribbon.label{border-color:#502aa1 !important}.ui.basic.violet.label{background-color:#FFFFFF !important;color:#6435C9 !important;border-color:#6435C9 !important}.ui.basic.violet.labels a.label:hover,a.ui.basic.violet.label:hover{background-color:#FFFFFF !important;color:#5829bb !important;border-color:#5829bb !important}.ui.purple.labels .label,.ui.purple.label{background-color:#A333C8 !important;border-color:#A333C8 !important;color:#FFFFFF !important}.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#9627ba !important;border-color:#9627ba !important;color:#FFFFFF !important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent !important}.ui.purple.ribbon.label{border-color:#82299f !important}.ui.basic.purple.label{background-color:#FFFFFF !important;color:#A333C8 !important;border-color:#A333C8 !important}.ui.basic.purple.labels a.label:hover,a.ui.basic.purple.label:hover{background-color:#FFFFFF !important;color:#9627ba !important;border-color:#9627ba !important}.ui.pink.labels .label,.ui.pink.label{background-color:#E03997 !important;border-color:#E03997 !important;color:#FFFFFF !important}.ui.pink.labels .label:hover,a.ui.pink.label:hover{background-color:#e61a8d !important;border-color:#e61a8d !important;color:#FFFFFF !important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent !important}.ui.pink.ribbon.label{border-color:#c71f7e !important}.ui.basic.pink.label{background-color:#FFFFFF !important;color:#E03997 !important;border-color:#E03997 !important}.ui.basic.pink.labels a.label:hover,a.ui.basic.pink.label:hover{background-color:#FFFFFF !important;color:#e61a8d !important;border-color:#e61a8d !important}.ui.brown.labels .label,.ui.brown.label{background-color:#A5673F !important;border-color:#A5673F !important;color:#FFFFFF !important}.ui.brown.labels .label:hover,a.ui.brown.label:hover{background-color:#975b33 !important;border-color:#975b33 !important;color:#FFFFFF !important}.ui.brown.corner.label,.ui.brown.corner.label:hover{background-color:transparent !important}.ui.brown.ribbon.label{border-color:#805031 !important}.ui.basic.brown.label{background-color:#FFFFFF !important;color:#A5673F !important;border-color:#A5673F !important}.ui.basic.brown.labels a.label:hover,a.ui.basic.brown.label:hover{background-color:#FFFFFF !important;color:#975b33 !important;border-color:#975b33 !important}.ui.grey.labels .label,.ui.grey.label{background-color:#767676 !important;border-color:#767676 !important;color:#FFFFFF !important}.ui.grey.labels .label:hover,a.ui.grey.label:hover{background-color:#838383 !important;border-color:#838383 !important;color:#FFFFFF !important}.ui.grey.corner.label,.ui.grey.corner.label:hover{background-color:transparent !important}.ui.grey.ribbon.label{border-color:#805031 !important}.ui.basic.grey.label{background-color:#FFFFFF !important;color:#767676 !important;border-color:#767676 !important}.ui.basic.grey.labels a.label:hover,a.ui.basic.grey.label:hover{background-color:#FFFFFF !important;color:#838383 !important;border-color:#838383 !important}.ui.black.labels .label,.ui.black.label{background-color:#1B1C1D !important;border-color:#1B1C1D !important;color:#FFFFFF !important}.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#27292a !important;border-color:#27292a !important;color:#FFFFFF !important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent !important}.ui.black.ribbon.label{border-color:#805031 !important}.ui.basic.black.label{background-color:#FFFFFF !important;color:#1B1C1D !important;border-color:#1B1C1D !important}.ui.basic.black.labels a.label:hover,a.ui.basic.black.label:hover{background-color:#FFFFFF !important;color:#27292a !important;border-color:#27292a !important}.ui.basic.label{background:none #FFFFFF;border:1px solid rgba(34,36,38,0.15);color:rgba(0,0,0,0.87);-webkit-box-shadow:none;box-shadow:none}a.ui.basic.label:hover{text-decoration:none;background:none #FFFFFF;color:#1e70bf;-webkit-box-shadow:1px solid rgba(34,36,38,0.15);box-shadow:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:none;box-shadow:none}.ui.basic.pointing.label:before{border-color:inherit}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ui.inverted.labels .label,.ui.inverted.label{color:rgba(255,255,255,0.9) !important}.ui.horizontal.labels .label,.ui.horizontal.label{margin:0 0.5em 0 0;padding:0.4em 0.833em;min-width:3em;text-align:center}.ui.circular.labels .label,.ui.circular.label{min-width:2em;min-height:2em;padding:0.5em !important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.labels .label,.ui.empty.circular.label{min-width:0;min-height:0;overflow:hidden;width:0.5em;height:0.5em;vertical-align:baseline}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{background-color:inherit;background-image:inherit;border-width:none;border-style:solid;border-color:inherit}.ui.pointing.label:before{position:absolute;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);background-image:none;z-index:2;width:0.6666em;height:0.6666em;-webkit-transition:background 0.1s ease;transition:background 0.1s ease}.ui.pointing.label,.ui[class*="pointing above"].label{margin-top:1em}.ui.pointing.label:before,.ui[class*="pointing above"].label:before{border-width:1px 0 0 1px;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:0%;left:50%}.ui[class*="bottom pointing"].label,.ui[class*="pointing below"].label{margin-top:0;margin-bottom:1em}.ui[class*="bottom pointing"].label:before,.ui[class*="pointing below"].label:before{border-width:0 1px 1px 0;top:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:100%;left:50%}.ui[class*="left pointing"].label{margin-top:0;margin-left:0.6666em}.ui[class*="left pointing"].label:before{border-width:0 0 1px 1px;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);bottom:auto;right:auto;top:50%;left:0}.ui[class*="right pointing"].label{margin-top:0;margin-right:0.6666em}.ui[class*="right pointing"].label:before{border-width:1px 1px 0 0;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);top:50%;right:0%;bottom:auto;left:auto}.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before{margin-top:-1px}.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before{bottom:auto;top:100%;margin-top:1px}.ui.basic[class*="left pointing"].label:before{top:50%;left:-1px}.ui.basic[class*="right pointing"].label:before{top:50%;right:-1px}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em !important}.ui.mini.labels .label,.ui.mini.label{font-size:0.64285714rem}.ui.tiny.labels .label,.ui.tiny.label{font-size:0.71428571rem}.ui.small.labels .label,.ui.small.label{font-size:0.78571429rem}.ui.labels .label,.ui.label{font-size:0.85714286rem}.ui.large.labels .label,.ui.large.label{font-size:1rem}.ui.big.labels .label,.ui.big.label{font-size:1.28571429rem}.ui.huge.labels .label,.ui.huge.label{font-size:1.42857143rem}.ui.massive.labels .label,.ui.massive.label{font-size:1.71428571rem}ul.ui.list,ol.ui.list,.ui.list{list-style-type:none;margin:1em 0;padding:0 0}ul.ui.list:first-child,ol.ui.list:first-child,.ui.list:first-child{margin-top:0;padding-top:0}ul.ui.list:last-child,ol.ui.list:last-child,.ui.list:last-child{margin-bottom:0;padding-bottom:0}ul.ui.list li,ol.ui.list li,.ui.list>.item,.ui.list .list>.item{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:0.21428571em 0;line-height:1.14285714em}ul.ui.list>li:first-child:after,ol.ui.list>li:first-child:after,.ui.list>.list>.item,.ui.list>.item:after{content:'';display:block;height:0;clear:both;visibility:hidden}ul.ui.list li:first-child,ol.ui.list li:first-child,.ui.list .list>.item:first-child,.ui.list>.item:first-child{padding-top:0}ul.ui.list li:last-child,ol.ui.list li:last-child,.ui.list .list>.item:last-child,.ui.list>.item:last-child{padding-bottom:0}ul.ui.list ul,ol.ui.list ol,.ui.list .list{clear:both;margin:0;padding:0.75em 0 0.25em 0.5em}ul.ui.list ul li,ol.ui.list ol li,.ui.list .list>.item{padding:0.14285714em 0;line-height:inherit}.ui.list .list>.item>i.icon,.ui.list>.item>i.icon{display:table-cell;margin:0;padding-top:0;padding-right:0.28571429em;vertical-align:top;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.list .list>.item>i.icon:only-child,.ui.list>.item>i.icon:only-child{display:inline-block;vertical-align:top}.ui.list .list>.item>.image,.ui.list>.item>.image{display:table-cell;background-color:transparent;margin:0;vertical-align:top}.ui.list .list>.item>.image:not(:only-child):not(img),.ui.list>.item>.image:not(:only-child):not(img){padding-right:0.5em}.ui.list .list>.item>.image img,.ui.list>.item>.image img{vertical-align:top}.ui.list .list>.item>img.image,.ui.list .list>.item>.image:only-child,.ui.list>.item>img.image,.ui.list>.item>.image:only-child{display:inline-block}.ui.list .list>.item>.content,.ui.list>.item>.content{line-height:1.14285714em}.ui.list .list>.item>.image+.content,.ui.list .list>.item>.icon+.content,.ui.list>.item>.image+.content,.ui.list>.item>.icon+.content{display:table-cell;padding:0 0 0 0.5em;vertical-align:top}.ui.list .list>.item>img.image+.content,.ui.list>.item>img.image+.content{display:inline-block}.ui.list .list>.item>.content>.list,.ui.list>.item>.content>.list{margin-left:0;padding-left:0}.ui.list .list>.item .header,.ui.list>.item .header{display:block;margin:0;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;color:rgba(0,0,0,0.87)}.ui.list .list>.item .description,.ui.list>.item .description{display:block;color:rgba(0,0,0,0.7)}.ui.list>.item a,.ui.list .list>.item a{cursor:pointer}.ui.list .list>a.item,.ui.list>a.item{cursor:pointer;color:#4183C4}.ui.list .list>a.item:hover,.ui.list>a.item:hover{color:#1e70bf}.ui.list .list>a.item i.icon,.ui.list>a.item i.icon{color:rgba(0,0,0,0.4)}.ui.list .list>.item a.header,.ui.list>.item a.header{cursor:pointer;color:#4183C4 !important}.ui.list .list>.item a.header:hover,.ui.list>.item a.header:hover{color:#1e70bf !important}.ui[class*="left floated"].list{float:left}.ui[class*="right floated"].list{float:right}.ui.list .list>.item [class*="left floated"],.ui.list>.item [class*="left floated"]{float:left;margin:0 1em 0 0}.ui.list .list>.item [class*="right floated"],.ui.list>.item [class*="right floated"]{float:right;margin:0 0 0 1em}.ui.menu .ui.list>.item,.ui.menu .ui.list .list>.item{display:list-item;table-layout:fixed;background-color:transparent;list-style-type:none;list-style-position:outside;padding:0.21428571em 0;line-height:1.14285714em}.ui.menu .ui.list .list>.item:before,.ui.menu .ui.list>.item:before{border:none;background:none}.ui.menu .ui.list .list>.item:first-child,.ui.menu .ui.list>.item:first-child{padding-top:0}.ui.menu .ui.list .list>.item:last-child,.ui.menu .ui.list>.item:last-child{padding-bottom:0}.ui.horizontal.list{display:inline-block;font-size:0}.ui.horizontal.list>.item{display:inline-block;margin-left:1em;font-size:1rem}.ui.horizontal.list:not(.celled)>.item:first-child{margin-left:0 !important;padding-left:0 !important}.ui.horizontal.list .list{padding-left:0;padding-bottom:0}.ui.horizontal.list>.item>.image,.ui.horizontal.list .list>.item>.image,.ui.horizontal.list>.item>.icon,.ui.horizontal.list .list>.item>.icon,.ui.horizontal.list>.item>.content,.ui.horizontal.list .list>.item>.content{vertical-align:middle}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:0.21428571em;padding-bottom:0.21428571em}.ui.horizontal.list>.item>i.icon{margin:0;padding:0 0.25em 0 0}.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.icon+.content{float:none;display:inline-block}.ui.list .list>.disabled.item,.ui.list>.disabled.item{pointer-events:none;color:rgba(40,40,40,0.3) !important}.ui.inverted.list .list>.disabled.item,.ui.inverted.list>.disabled.item{color:rgba(225,225,225,0.3) !important}.ui.list .list>a.item:hover .icon,.ui.list>a.item:hover .icon{color:rgba(0,0,0,0.87)}.ui.inverted.list .list>a.item>.icon,.ui.inverted.list>a.item>.icon{color:rgba(255,255,255,0.7)}.ui.inverted.list .list>.item .header,.ui.inverted.list>.item .header{color:rgba(255,255,255,0.9)}.ui.inverted.list .list>.item .description,.ui.inverted.list>.item .description{color:rgba(255,255,255,0.7)}.ui.inverted.list .list>a.item,.ui.inverted.list>a.item{cursor:pointer;color:rgba(255,255,255,0.9)}.ui.inverted.list .list>a.item:hover,.ui.inverted.list>a.item:hover{color:#1e70bf}.ui.inverted.list .item a:not(.ui){color:rgba(255,255,255,0.9) !important}.ui.inverted.list .item a:not(.ui):hover{color:#1e70bf !important}.ui.list[class*="top aligned"] .image,.ui.list[class*="top aligned"] .content,.ui.list [class*="top aligned"]{vertical-align:top !important}.ui.list[class*="middle aligned"] .image,.ui.list[class*="middle aligned"] .content,.ui.list [class*="middle aligned"]{vertical-align:middle !important}.ui.list[class*="bottom aligned"] .image,.ui.list[class*="bottom aligned"] .content,.ui.list [class*="bottom aligned"]{vertical-align:bottom !important}.ui.link.list .item,.ui.link.list a.item,.ui.link.list .item a:not(.ui){color:rgba(0,0,0,0.4);-webkit-transition:0.1s color ease;transition:0.1s color ease}.ui.link.list.list a.item:hover,.ui.link.list.list .item a:not(.ui):hover{color:rgba(0,0,0,0.8)}.ui.link.list.list a.item:active,.ui.link.list.list .item a:not(.ui):active{color:rgba(0,0,0,0.9)}.ui.link.list.list .active.item,.ui.link.list.list .active.item a:not(.ui){color:rgba(0,0,0,0.95)}.ui.inverted.link.list .item,.ui.inverted.link.list a.item,.ui.inverted.link.list .item a:not(.ui){color:rgba(255,255,255,0.5)}.ui.inverted.link.list.list a.item:hover,.ui.inverted.link.list.list .item a:not(.ui):hover{color:#ffffff}.ui.inverted.link.list.list a.item:active,.ui.inverted.link.list.list .item a:not(.ui):active{color:#ffffff}.ui.inverted.link.list.list a.active.item,.ui.inverted.link.list.list .active.item a:not(.ui){color:#ffffff}.ui.selection.list .list>.item,.ui.selection.list>.item{cursor:pointer;background:transparent;padding:0.5em 0.5em;margin:0;color:rgba(0,0,0,0.4);border-radius:0.5em;-webkit-transition:0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;transition:0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease}.ui.selection.list .list>.item:last-child,.ui.selection.list>.item:last-child{margin-bottom:0}.ui.selection.list.list>.item:hover,.ui.selection.list>.item:hover{background:rgba(0,0,0,0.03);color:rgba(0,0,0,0.8)}.ui.selection.list .list>.item:active,.ui.selection.list>.item:active{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.9)}.ui.selection.list .list>.item.active,.ui.selection.list>.item.active{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95)}.ui.inverted.selection.list>.item,.ui.inverted.selection.list>.item{background:transparent;color:rgba(255,255,255,0.5)}.ui.inverted.selection.list>.item:hover,.ui.inverted.selection.list>.item:hover{background:rgba(255,255,255,0.02);color:#ffffff}.ui.inverted.selection.list>.item:active,.ui.inverted.selection.list>.item:active{background:rgba(255,255,255,0.08);color:#ffffff}.ui.inverted.selection.list>.item.active,.ui.inverted.selection.list>.item.active{background:rgba(255,255,255,0.08);color:#ffffff}.ui.celled.selection.list .list>.item,.ui.divided.selection.list .list>.item,.ui.celled.selection.list>.item,.ui.divided.selection.list>.item{border-radius:0}.ui.animated.list>.item{-webkit-transition:0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;transition:0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s}.ui.animated.list:not(.horizontal)>.item:hover{padding-left:1em}.ui.fitted.list:not(.selection) .list>.item,.ui.fitted.list:not(.selection)>.item{padding-left:0;padding-right:0}.ui.fitted.selection.list .list>.item,.ui.fitted.selection.list>.item{margin-left:-0.5em;margin-right:-0.5em}ul.ui.list,.ui.bulleted.list{margin-left:1.25rem}ul.ui.list li,.ui.bulleted.list .list>.item,.ui.bulleted.list>.item{position:relative}ul.ui.list li:before,.ui.bulleted.list .list>.item:before,.ui.bulleted.list>.item:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;top:auto;left:auto;font-weight:normal;margin-left:-1.25rem;content:'•';opacity:1;color:inherit;vertical-align:top}ul.ui.list li:before,.ui.bulleted.list .list>a.item:before,.ui.bulleted.list>a.item:before{color:rgba(0,0,0,0.87)}ul.ui.list ul,.ui.bulleted.list .list{padding-left:1.25rem}ul.ui.horizontal.bulleted.list,.ui.horizontal.bulleted.list{margin-left:0}ul.ui.horizontal.bulleted.list li,.ui.horizontal.bulleted.list>.item{margin-left:1.75rem}ul.ui.horizontal.bulleted.list li:first-child,.ui.horizontal.bulleted.list>.item:first-child{margin-left:0}ul.ui.horizontal.bulleted.list li::before,.ui.horizontal.bulleted.list>.item::before{color:rgba(0,0,0,0.87)}ul.ui.horizontal.bulleted.list li:first-child::before,.ui.horizontal.bulleted.list>.item:first-child::before{display:none}ol.ui.list,.ui.ordered.list,.ui.ordered.list .list,ol.ui.list ol{counter-reset:ordered;margin-left:1.25rem;list-style-type:none}ol.ui.list li,.ui.ordered.list .list>.item,.ui.ordered.list>.item{list-style-type:none;position:relative}ol.ui.list li:before,.ui.ordered.list .list>.item:before,.ui.ordered.list>.item:before{position:absolute;top:auto;left:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;margin-left:-1.25rem;counter-increment:ordered;content:counters(ordered, ".") " ";text-align:right;color:rgba(0,0,0,0.87);vertical-align:middle;opacity:0.8}ol.ui.inverted.list li:before,.ui.ordered.inverted.list .list>.item:before,.ui.ordered.inverted.list>.item:before{color:rgba(255,255,255,0.7)}.ui.ordered.list>.list>.item[data-value],.ui.ordered.list>.item[data-value]{content:attr(data-value)}ol.ui.list li[value]:before{content:attr(value)}ol.ui.list ol,.ui.ordered.list .list{margin-left:1em}ol.ui.list ol li:before,.ui.ordered.list .list>.item:before{margin-left:-2em}ol.ui.horizontal.list,.ui.ordered.horizontal.list{margin-left:0}ol.ui.horizontal.list li:before,.ui.ordered.horizontal.list .list>.item:before,.ui.ordered.horizontal.list>.item:before{position:static;margin:0 0.5em 0 0}.ui.divided.list>.item{border-top:1px solid rgba(34,36,38,0.15)}.ui.divided.list .list>.item{border-top:none}.ui.divided.list .item .list>.item{border-top:none}.ui.divided.list .list>.item:first-child,.ui.divided.list>.item:first-child{border-top:none}.ui.divided.list:not(.horizontal) .list>.item:first-child{border-top-width:1px}.ui.divided.bulleted.list:not(.horizontal),.ui.divided.bulleted.list .list{margin-left:0;padding-left:0}.ui.divided.bulleted.list>.item:not(.horizontal){padding-left:1.25rem}.ui.divided.ordered.list{margin-left:0}.ui.divided.ordered.list .list>.item,.ui.divided.ordered.list>.item{padding-left:1.25rem}.ui.divided.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:0.21428571em}.ui.divided.ordered.list .item .list>.item{padding-left:1em}.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{margin:0;border-radius:0}.ui.divided.horizontal.list{margin-left:0}.ui.divided.horizontal.list>.item:not(:first-child){padding-left:0.5em}.ui.divided.horizontal.list>.item:not(:last-child){padding-right:0.5em}.ui.divided.horizontal.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,0.15);margin:0;line-height:0.6}.ui.horizontal.divided.list>.item:first-child{border-left:none}.ui.divided.inverted.list>.item,.ui.divided.inverted.list>.list,.ui.divided.inverted.horizontal.list>.item{border-color:rgba(255,255,255,0.1)}.ui.celled.list>.item,.ui.celled.list>.list{border-top:1px solid rgba(34,36,38,0.15);padding-left:0.5em;padding-right:0.5em}.ui.celled.list>.item:last-child{border-bottom:1px solid rgba(34,36,38,0.15)}.ui.celled.list>.item:first-child,.ui.celled.list>.item:last-child{padding-top:0.21428571em;padding-bottom:0.21428571em}.ui.celled.list .item .list>.item{border-width:0}.ui.celled.list .list>.item:first-child{border-top-width:0}.ui.celled.bulleted.list{margin-left:0}.ui.celled.bulleted.list .list>.item,.ui.celled.bulleted.list>.item{padding-left:1.25rem}.ui.celled.bulleted.list .item .list{margin-left:-1.25rem;margin-right:-1.25rem;padding-bottom:0.21428571em}.ui.celled.ordered.list{margin-left:0}.ui.celled.ordered.list .list>.item,.ui.celled.ordered.list>.item{padding-left:1.25rem}.ui.celled.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:0.21428571em}.ui.celled.ordered.list .list>.item{padding-left:1em}.ui.horizontal.celled.list{margin-left:0}.ui.horizontal.celled.list .list>.item,.ui.horizontal.celled.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,0.15);margin:0;padding-left:0.5em;padding-right:0.5em;line-height:0.6}.ui.horizontal.celled.list .list>.item:last-child,.ui.horizontal.celled.list>.item:last-child{border-bottom:none;border-right:1px solid rgba(34,36,38,0.15)}.ui.celled.inverted.list>.item,.ui.celled.inverted.list>.list{border-color:1px solid rgba(255,255,255,0.1)}.ui.celled.inverted.horizontal.list .list>.item,.ui.celled.inverted.horizontal.list>.item{border-color:1px solid rgba(255,255,255,0.1)}.ui.relaxed.list:not(.horizontal)>.item:not(:first-child){padding-top:0.42857143em}.ui.relaxed.list:not(.horizontal)>.item:not(:last-child){padding-bottom:0.42857143em}.ui.horizontal.relaxed.list .list>.item:not(:first-child),.ui.horizontal.relaxed.list>.item:not(:first-child){padding-left:1rem}.ui.horizontal.relaxed.list .list>.item:not(:last-child),.ui.horizontal.relaxed.list>.item:not(:last-child){padding-right:1rem}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:first-child){padding-top:0.85714286em}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:last-child){padding-bottom:0.85714286em}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:first-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:first-child){padding-left:1.5rem}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:last-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:last-child){padding-right:1.5rem}.ui.mini.list{font-size:0.78571429em}.ui.tiny.list{font-size:0.85714286em}.ui.small.list{font-size:0.92857143em}.ui.list{font-size:1em}.ui.large.list{font-size:1.14285714em}.ui.big.list{font-size:1.28571429em}.ui.huge.list{font-size:1.42857143em}.ui.massive.list{font-size:1.71428571em}.ui.mini.horizontal.list .list>.item,.ui.mini.horizontal.list>.item{font-size:0.78571429rem}.ui.tiny.horizontal.list .list>.item,.ui.tiny.horizontal.list>.item{font-size:0.85714286rem}.ui.small.horizontal.list .list>.item,.ui.small.horizontal.list>.item{font-size:0.92857143rem}.ui.horizontal.list .list>.item,.ui.horizontal.list>.item{font-size:1rem}.ui.large.horizontal.list .list>.item,.ui.large.horizontal.list>.item{font-size:1.14285714rem}.ui.big.horizontal.list .list>.item,.ui.big.horizontal.list>.item{font-size:1.28571429rem}.ui.huge.horizontal.list .list>.item,.ui.huge.horizontal.list>.item{font-size:1.42857143rem}.ui.massive.horizontal.list .list>.item,.ui.massive.horizontal.list>.item{font-size:1.71428571rem}.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0%;left:50%;width:100%;height:100%;border-radius:500rem;border:0.2em solid rgba(0,0,0,0.1)}.ui.loader:after{position:absolute;content:'';top:0%;left:50%;width:100%;height:100%;-webkit-animation:loader 0.6s linear;animation:loader 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:0.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}@-webkit-keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.mini.loader:before,.ui.mini.loader:after{width:1rem;height:1rem;margin:0 0 0 -0.5rem}.ui.tiny.loader:before,.ui.tiny.loader:after{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -0.57142857rem}.ui.small.loader:before,.ui.small.loader:after{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -0.85714286rem}.ui.loader:before,.ui.loader:after{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.large.loader:before,.ui.large.loader:after{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.big.loader:before,.ui.big.loader:after{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.huge.loader:before,.ui.huge.loader:after{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.massive.loader:before,.ui.massive.loader:after{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader{color:rgba(255,255,255,0.9)}.ui.dimmer .ui.loader:before{border-color:rgba(255,255,255,0.15)}.ui.dimmer .ui.loader:after{border-color:#FFFFFF transparent transparent}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,0.87)}.ui.inverted.dimmer .ui.loader:before{border-color:rgba(0,0,0,0.1)}.ui.inverted.dimmer .ui.loader:after{border-color:#767676 transparent transparent}.ui.text.loader{width:auto !important;height:auto !important;text-align:center;font-style:normal}.ui.indeterminate.loader:after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:1rem;height:1rem;font-size:0.78571429em}.ui.inverted.dimmer .ui.tiny.loader,.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:0.85714286em}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:0.92857143em}.ui.inverted.dimmer .ui.loader,.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.inverted.dimmer .ui.large.loader,.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.inverted.dimmer .ui.big.loader,.ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.inverted.dimmer .ui.huge.loader,.ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.inverted.dimmer .ui.massive.loader,.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.inverted.loader{color:rgba(255,255,255,0.9)}.ui.inverted.loader:before{border-color:rgba(255,255,255,0.15)}.ui.inverted.loader:after{border-top-color:#FFFFFF}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto}.ui.rail{position:absolute;top:0%;width:300px;height:100%}.ui.left.rail{left:auto;right:100%;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.right.rail{left:100%;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.left.internal.rail{left:0%;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.right.internal.rail{left:auto;right:0%;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.dividing.rail{width:302.5px}.ui.left.dividing.rail{padding:0 2.5rem 0 0;margin:0 2.5rem 0 0;border-right:1px solid rgba(34,36,38,0.15)}.ui.right.dividing.rail{border-left:1px solid rgba(34,36,38,0.15);padding:0 0 0 2.5rem;margin:0 0 0 2.5rem}.ui.close.rail{width:calc( 300px + 1em)}.ui.close.left.rail{padding:0 1em 0 0;margin:0 1em 0 0}.ui.close.right.rail{padding:0 0 0 1em;margin:0 0 0 1em}.ui.very.close.rail{width:calc( 300px + 0.5em)}.ui.very.close.left.rail{padding:0 0.5em 0 0;margin:0 0.5em 0 0}.ui.very.close.right.rail{padding:0 0 0 0.5em;margin:0 0 0 0.5em}.ui.attached.left.rail,.ui.attached.right.rail{padding:0;margin:0}.ui.mini.rail{font-size:0.78571429rem}.ui.tiny.rail{font-size:0.85714286rem}.ui.small.rail{font-size:0.92857143rem}.ui.rail{font-size:1rem}.ui.large.rail{font-size:1.14285714rem}.ui.big.rail{font-size:1.28571429rem}.ui.huge.rail{font-size:1.42857143rem}.ui.massive.rail{font-size:1.71428571rem}.ui.reveal{display:inherit;position:relative !important;font-size:0 !important}.ui.reveal>.visible.content{position:absolute !important;top:0 !important;left:0 !important;z-index:3 !important;-webkit-transition:all 0.5s ease 0.1s;transition:all 0.5s ease 0.1s}.ui.reveal>.hidden.content{position:relative !important;z-index:2 !important}.ui.active.reveal .visible.content,.ui.reveal:hover .visible.content{z-index:4 !important}.ui.slide.reveal{position:relative !important;overflow:hidden !important;white-space:nowrap}.ui.slide.reveal>.content{display:block;width:100%;white-space:normal;float:left;margin:0;-webkit-transition:-webkit-transform 0.5s ease 0.1s;transition:-webkit-transform 0.5s ease 0.1s;transition:transform 0.5s ease 0.1s;transition:transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s}.ui.slide.reveal>.visible.content{position:relative !important}.ui.slide.reveal>.hidden.content{position:absolute !important;left:0% !important;width:100% !important;-webkit-transform:translateX(100%) !important;transform:translateX(100%) !important}.ui.slide.active.reveal>.visible.content,.ui.slide.reveal:hover>.visible.content{-webkit-transform:translateX(-100%) !important;transform:translateX(-100%) !important}.ui.slide.active.reveal>.hidden.content,.ui.slide.reveal:hover>.hidden.content{-webkit-transform:translateX(0%) !important;transform:translateX(0%) !important}.ui.slide.right.reveal>.visible.content{-webkit-transform:translateX(0%) !important;transform:translateX(0%) !important}.ui.slide.right.reveal>.hidden.content{-webkit-transform:translateX(-100%) !important;transform:translateX(-100%) !important}.ui.slide.right.active.reveal>.visible.content,.ui.slide.right.reveal:hover>.visible.content{-webkit-transform:translateX(100%) !important;transform:translateX(100%) !important}.ui.slide.right.active.reveal>.hidden.content,.ui.slide.right.reveal:hover>.hidden.content{-webkit-transform:translateX(0%) !important;transform:translateX(0%) !important}.ui.slide.up.reveal>.hidden.content{-webkit-transform:translateY(100%) !important;transform:translateY(100%) !important}.ui.slide.up.active.reveal>.visible.content,.ui.slide.up.reveal:hover>.visible.content{-webkit-transform:translateY(-100%) !important;transform:translateY(-100%) !important}.ui.slide.up.active.reveal>.hidden.content,.ui.slide.up.reveal:hover>.hidden.content{-webkit-transform:translateY(0%) !important;transform:translateY(0%) !important}.ui.slide.down.reveal>.hidden.content{-webkit-transform:translateY(-100%) !important;transform:translateY(-100%) !important}.ui.slide.down.active.reveal>.visible.content,.ui.slide.down.reveal:hover>.visible.content{-webkit-transform:translateY(100%) !important;transform:translateY(100%) !important}.ui.slide.down.active.reveal>.hidden.content,.ui.slide.down.reveal:hover>.hidden.content{-webkit-transform:translateY(0%) !important;transform:translateY(0%) !important}.ui.fade.reveal>.visible.content{opacity:1}.ui.fade.active.reveal>.visible.content,.ui.fade.reveal:hover>.visible.content{opacity:0}.ui.move.reveal{position:relative !important;overflow:hidden !important;white-space:nowrap}.ui.move.reveal>.content{display:block;float:left;white-space:normal;margin:0;-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;transition:-webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;transition:transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s,-webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s}.ui.move.reveal>.visible.content{position:relative !important}.ui.move.reveal>.hidden.content{position:absolute !important;left:0% !important;width:100% !important}.ui.move.active.reveal>.visible.content,.ui.move.reveal:hover>.visible.content{-webkit-transform:translateX(-100%) !important;transform:translateX(-100%) !important}.ui.move.right.active.reveal>.visible.content,.ui.move.right.reveal:hover>.visible.content{-webkit-transform:translateX(100%) !important;transform:translateX(100%) !important}.ui.move.up.active.reveal>.visible.content,.ui.move.up.reveal:hover>.visible.content{-webkit-transform:translateY(-100%) !important;transform:translateY(-100%) !important}.ui.move.down.active.reveal>.visible.content,.ui.move.down.reveal:hover>.visible.content{-webkit-transform:translateY(100%) !important;transform:translateY(100%) !important}.ui.rotate.reveal>.visible.content{-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ui.rotate.reveal>.visible.content,.ui.rotate.right.reveal>.visible.content{-webkit-transform-origin:bottom right;transform-origin:bottom right}.ui.rotate.active.reveal>.visible.content,.ui.rotate.reveal:hover>.visible.content,.ui.rotate.right.active.reveal>.visible.content,.ui.rotate.right.reveal:hover>.visible.content{-webkit-transform:rotate(110deg);transform:rotate(110deg)}.ui.rotate.left.reveal>.visible.content{-webkit-transform-origin:bottom left;transform-origin:bottom left}.ui.rotate.left.active.reveal>.visible.content,.ui.rotate.left.reveal:hover>.visible.content{-webkit-transform:rotate(-110deg);transform:rotate(-110deg)}.ui.disabled.reveal:hover>.visible.visible.content{position:static !important;display:block !important;opacity:1 !important;top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;-webkit-transform:none !important;transform:none !important}.ui.disabled.reveal:hover>.hidden.hidden.content{display:none !important}.ui.reveal>.ui.ribbon.label{z-index:5}.ui.visible.reveal{overflow:visible}.ui.instant.reveal>.content{-webkit-transition-delay:0s !important;transition-delay:0s !important}.ui.reveal>.content{font-size:1rem !important}.ui.segment{position:relative;background:#FFFFFF;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);margin:1rem 0;padding:1em 1em;border-radius:0.28571429rem;border:1px solid rgba(34,36,38,0.15)}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;border-bottom:1px solid rgba(34,36,38,0.15)}.ui.vertical.segment:last-child{border-bottom:none}.ui.inverted.segment>.ui.header{color:#FFFFFF}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.page.grid.segment,.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column{padding-top:2em;padding-bottom:2em}.ui.grid.segment{margin:1rem 0;border-radius:0.28571429rem}.ui.basic.table.segment{background:#FFFFFF;border:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);box-shadow:0 1px 2px 0 rgba(34,36,38,0.15)}.ui[class*="very basic"].table.segment{padding:1em 1em}.ui.piled.segments,.ui.piled.segment{margin:3em 0;-webkit-box-shadow:'';box-shadow:'';z-index:auto}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segments:after,.ui.piled.segments:before,.ui.piled.segment:after,.ui.piled.segment:before{background-color:#FFFFFF;visibility:visible;content:'';display:block;height:100%;left:0;position:absolute;width:100%;border:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:'';box-shadow:''}.ui.piled.segments:before,.ui.piled.segment:before{-webkit-transform:rotate(-1.2deg);transform:rotate(-1.2deg);top:0;z-index:-2}.ui.piled.segments:after,.ui.piled.segment:after{-webkit-transform:rotate(1.2deg);transform:rotate(1.2deg);top:0;z-index:-1}.ui[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segments:before,.ui.stacked.segments:after,.ui.stacked.segment:before,.ui.stacked.segment:after{content:'';position:absolute;bottom:-3px;left:0%;border-top:1px solid rgba(34,36,38,0.15);background:rgba(0,0,0,0.03);width:100%;height:6px;visibility:visible}.ui.stacked.segments:before,.ui.stacked.segment:before{display:none}.ui.tall.stacked.segments:before,.ui.tall.stacked.segment:before{display:block;bottom:0}.ui.stacked.inverted.segments:before,.ui.stacked.inverted.segments:after,.ui.stacked.inverted.segment:before,.ui.stacked.inverted.segment:after{background-color:rgba(0,0,0,0.03);border-top:1px solid rgba(34,36,38,0.35)}.ui.padded.segment{padding:1.5em}.ui[class*="very padded"].segment{padding:3em}.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment{padding-left:0;padding-right:0}.ui.compact.segment{display:table}.ui.compact.segments{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.compact.segments .segment,.ui.segments .compact.segment{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.segments,.ui.raised.segment{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15)}.ui.segments{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin:1rem 0;border:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);border-radius:0.28571429rem}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;border-radius:0;margin:0;width:auto;-webkit-box-shadow:none;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,0.15)}.ui.segments:not(.horizontal)>.segment:first-child{border-top:none;margin-top:0;bottom:0;margin-bottom:0;top:0;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.segments:not(.horizontal)>.segment:last-child{top:0;bottom:0;margin-top:0;margin-bottom:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),none;border-radius:0 0 0.28571429rem 0.28571429rem}.ui.segments:not(.horizontal)>.segment:only-child{border-radius:0.28571429rem}.ui.segments>.ui.segments{border-top:1px solid rgba(34,36,38,0.15);margin:1rem 1rem}.ui.segments>.segments:first-child{border-top:none}.ui.segments>.segment+.segments:not(.horizontal){margin-top:0}.ui.horizontal.segments{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:transparent;border-radius:0;padding:0;background-color:#FFFFFF;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);margin:1rem 0;border-radius:0.28571429rem;border:1px solid rgba(34,36,38,0.15)}.ui.segments>.horizontal.segments{margin:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid rgba(34,36,38,0.15)}.ui.horizontal.segments>.segment{-webkit-box-flex:1;flex:1 1 auto;-ms-flex:1 1 0;margin:0;min-width:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-left:1px solid rgba(34,36,38,0.15)}.ui.segments>.horizontal.segments:first-child{border-top:none}.ui.horizontal.segments>.segment:first-child{border-left:none}.ui.disabled.segment{opacity:0.45;color:rgba(40,40,40,0.3)}.ui.loading.segment{position:relative;cursor:default;pointer-events:none;text-shadow:none !important;color:transparent !important;-webkit-transition:all 0s linear;transition:all 0s linear}.ui.loading.segment:before{position:absolute;content:'';top:0%;left:0%;background:rgba(255,255,255,0.8);width:100%;height:100%;border-radius:0.28571429rem;z-index:100}.ui.loading.segment:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:segment-spin 0.6s linear;animation:segment-spin 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.1);border-style:solid;border-width:0.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes segment-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes segment-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.segment{background:none transparent;-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0}.ui.clearing.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.red.segment:not(.inverted){border-top:2px solid #DB2828 !important}.ui.inverted.red.segment{background-color:#DB2828 !important;color:#FFFFFF !important}.ui.orange.segment:not(.inverted){border-top:2px solid #F2711C !important}.ui.inverted.orange.segment{background-color:#F2711C !important;color:#FFFFFF !important}.ui.yellow.segment:not(.inverted){border-top:2px solid #FBBD08 !important}.ui.inverted.yellow.segment{background-color:#FBBD08 !important;color:#FFFFFF !important}.ui.olive.segment:not(.inverted){border-top:2px solid #B5CC18 !important}.ui.inverted.olive.segment{background-color:#B5CC18 !important;color:#FFFFFF !important}.ui.green.segment:not(.inverted){border-top:2px solid #21BA45 !important}.ui.inverted.green.segment{background-color:#21BA45 !important;color:#FFFFFF !important}.ui.teal.segment:not(.inverted){border-top:2px solid #00B5AD !important}.ui.inverted.teal.segment{background-color:#00B5AD !important;color:#FFFFFF !important}.ui.blue.segment:not(.inverted){border-top:2px solid #2185D0 !important}.ui.inverted.blue.segment{background-color:#2185D0 !important;color:#FFFFFF !important}.ui.violet.segment:not(.inverted){border-top:2px solid #6435C9 !important}.ui.inverted.violet.segment{background-color:#6435C9 !important;color:#FFFFFF !important}.ui.purple.segment:not(.inverted){border-top:2px solid #A333C8 !important}.ui.inverted.purple.segment{background-color:#A333C8 !important;color:#FFFFFF !important}.ui.pink.segment:not(.inverted){border-top:2px solid #E03997 !important}.ui.inverted.pink.segment{background-color:#E03997 !important;color:#FFFFFF !important}.ui.brown.segment:not(.inverted){border-top:2px solid #A5673F !important}.ui.inverted.brown.segment{background-color:#A5673F !important;color:#FFFFFF !important}.ui.grey.segment:not(.inverted){border-top:2px solid #767676 !important}.ui.inverted.grey.segment{background-color:#767676 !important;color:#FFFFFF !important}.ui.black.segment:not(.inverted){border-top:2px solid #1B1C1D !important}.ui.inverted.black.segment{background-color:#1B1C1D !important;color:#FFFFFF !important}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1em}.ui[class*="right floated"].segment{float:right;margin-left:1em}.ui.inverted.segment{border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background:#1B1C1D;color:rgba(255,255,255,0.9)}.ui.inverted.segment .segment{color:rgba(0,0,0,0.87)}.ui.inverted.segment .inverted.segment{color:rgba(255,255,255,0.9)}.ui.inverted.attached.segment{border-color:#555555}.ui.secondary.segment{background:#F3F4F5;color:rgba(0,0,0,0.6)}.ui.secondary.inverted.segment{background:#4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0.2)));background:#4c4f52 -webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);background:#4c4f52 linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);color:rgba(255,255,255,0.8)}.ui.tertiary.segment{background:#DCDDDE;color:rgba(0,0,0,0.6)}.ui.tertiary.inverted.segment{background:#717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.35)), to(rgba(255,255,255,0.35)));background:#717579 -webkit-linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 100%);background:#717579 linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 100%);color:rgba(255,255,255,0.8)}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none;border:1px solid #D4D4D5}.ui.attached:not(.message)+.ui.attached.segment:not(.top){border-top:none}.ui[class*="top attached"].segment{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.segment[class*="bottom attached"]{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),none;border-radius:0 0 0.28571429rem 0.28571429rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.mini.segments .segment,.ui.mini.segment{font-size:0.78571429rem}.ui.tiny.segments .segment,.ui.tiny.segment{font-size:0.85714286rem}.ui.small.segments .segment,.ui.small.segment{font-size:0.92857143rem}.ui.segments .segment,.ui.segment{font-size:1rem}.ui.large.segments .segment,.ui.large.segment{font-size:1.14285714rem}.ui.big.segments .segment,.ui.big.segment{font-size:1.28571429rem}.ui.huge.segments .segment,.ui.huge.segment{font-size:1.42857143rem}.ui.massive.segments .segment,.ui.massive.segment{font-size:1.71428571rem}.ui.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:1em 0;background:'';-webkit-box-shadow:none;box-shadow:none;line-height:1.14285714em;border-radius:0.28571429rem;border:1px solid rgba(34,36,38,0.15)}.ui.steps:first-child{margin-top:0}.ui.steps:last-child{margin-bottom:0}.ui.steps .step{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0;padding:1.14285714em 2em;background:#FFFFFF;color:rgba(0,0,0,0.87);-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:none;border-right:1px solid rgba(34,36,38,0.15);-webkit-transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease}.ui.steps .step:after{display:none;position:absolute;z-index:2;content:'';top:50%;right:0%;border:medium none;background-color:#FFFFFF;width:1.14285714em;height:1.14285714em;border-style:solid;border-color:rgba(34,36,38,0.15);border-width:0 1px 1px 0;-webkit-transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;transition:background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg)}.ui.steps .step:first-child{padding-left:2em;border-radius:0.28571429rem 0 0 0.28571429rem}.ui.steps .step:last-child{border-radius:0 0.28571429rem 0.28571429rem 0}.ui.steps .step:last-child{border-right:none;margin-right:0}.ui.steps .step:only-child{border-radius:0.28571429rem}.ui.steps .step .title{font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:1.14285714em;font-weight:bold}.ui.steps .step>.title{width:100%}.ui.steps .step .description{font-weight:normal;font-size:0.92857143em;color:rgba(0,0,0,0.87)}.ui.steps .step>.description{width:100%}.ui.steps .step .title ~ .description{margin-top:0.25em}.ui.steps .step>.icon{line-height:1;font-size:2.5em;margin:0 1rem 0 0}.ui.steps .step>.icon,.ui.steps .step>.icon ~ .content{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:middle;align-self:middle}.ui.steps .step>.icon ~ .content{-webkit-box-flex:1 0 auto;-ms-flex-positive:1 0 auto;flex-grow:1 0 auto}.ui.steps:not(.vertical) .step>.icon{width:auto}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step:before{display:block;position:static;text-align:center;content:counters(ordered, ".");-ms-flex-item-align:middle;align-self:middle;margin-right:1rem;font-size:2.5em;counter-increment:ordered;font-family:inherit;font-weight:bold}.ui.ordered.steps .step>*{display:block;-ms-flex-item-align:middle;align-self:middle}.ui.vertical.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ui.vertical.steps .step{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,0.15)}.ui.vertical.steps .step:first-child{padding:1.14285714em 2em;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.vertical.steps .step:last-child{border-bottom:none;border-radius:0 0 0.28571429rem 0.28571429rem}.ui.vertical.steps .step:only-child{border-radius:0.28571429rem}.ui.vertical.steps .step:after{display:none}.ui.vertical.steps .step:after{top:50%;right:0%;border-width:0 1px 1px 0}.ui.vertical.steps .step:after{display:none}.ui.vertical.steps .active.step:after{display:block}.ui.vertical.steps .step:last-child:after{display:none}.ui.vertical.steps .active.step:last-child:after{display:block}@media only screen and (max-width: 767px){.ui.steps:not(.unstackable){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.steps:not(.unstackable) .step{width:100% !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui.steps:not(.unstackable) .step:first-child{padding:1.14285714em 2em;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.steps:not(.unstackable) .step:last-child{border-radius:0 0 0.28571429rem 0.28571429rem}.ui.steps:not(.unstackable) .step:after{display:none !important}.ui.steps:not(.unstackable) .step .content{text-align:center}.ui.steps:not(.unstackable) .step>.icon,.ui.ordered.steps:not(.unstackable) .step:before{margin:0 0 1rem 0}}.ui.steps .link.step:hover::after,.ui.steps .link.step:hover,.ui.steps a.step:hover::after,.ui.steps a.step:hover{background:#F9FAFB;color:rgba(0,0,0,0.8)}.ui.steps .link.step:active::after,.ui.steps .link.step:active,.ui.steps a.step:active::after,.ui.steps a.step:active{background:#F3F4F5;color:rgba(0,0,0,0.9)}.ui.steps .step.active{cursor:auto;background:#F3F4F5}.ui.steps .step.active:after{background:#F3F4F5}.ui.steps .step.active .title{color:#4183C4}.ui.ordered.steps .step.active:before,.ui.steps .active.step .icon{color:rgba(0,0,0,0.85)}.ui.steps .step:after{display:block}.ui.steps .active.step:after{display:block}.ui.steps .step:last-child:after{display:none}.ui.steps .active.step:last-child:after{display:none}.ui.steps .link.active.step:hover::after,.ui.steps .link.active.step:hover,.ui.steps a.active.step:hover::after,.ui.steps a.active.step:hover{cursor:pointer;background:#DCDDDE;color:rgba(0,0,0,0.87)}.ui.steps .step.completed>.icon:before,.ui.ordered.steps .step.completed:before{color:#21BA45}.ui.steps .disabled.step{cursor:auto;background:#FFFFFF;pointer-events:none}.ui.steps .disabled.step,.ui.steps .disabled.step .title,.ui.steps .disabled.step .description{color:rgba(40,40,40,0.3)}.ui.steps .disabled.step:after{background:#FFFFFF}@media only screen and (max-width: 991px){.ui[class*="tablet stackable"].steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui[class*="tablet stackable"].steps .step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui[class*="tablet stackable"].steps .step:first-child{padding:1.14285714em 2em;border-radius:0.28571429rem 0.28571429rem 0 0}.ui[class*="tablet stackable"].steps .step:last-child{border-radius:0 0 0.28571429rem 0.28571429rem}.ui[class*="tablet stackable"].steps .step:after{display:none !important}.ui[class*="tablet stackable"].steps .step .content{text-align:center}.ui[class*="tablet stackable"].steps .step>.icon,.ui[class*="tablet stackable"].ordered.steps .step:before{margin:0 0 1rem 0}}.ui.fluid.steps{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.ui.attached.steps{width:calc(100% + 2px) !important;margin:0 -1px 0;max-width:calc(100% + 2px);border-radius:0.28571429rem 0.28571429rem 0 0}.ui.attached.steps .step:first-child{border-radius:0.28571429rem 0 0 0}.ui.attached.steps .step:last-child{border-radius:0 0.28571429rem 0 0}.ui.bottom.attached.steps{margin:0 -1px 0;border-radius:0 0 0.28571429rem 0.28571429rem}.ui.bottom.attached.steps .step:first-child{border-radius:0 0 0 0.28571429rem}.ui.bottom.attached.steps .step:last-child{border-radius:0 0 0.28571429rem 0}.ui.one.steps,.ui.two.steps,.ui.three.steps,.ui.four.steps,.ui.five.steps,.ui.six.steps,.ui.seven.steps,.ui.eight.steps{width:100%}.ui.one.steps>.step,.ui.two.steps>.step,.ui.three.steps>.step,.ui.four.steps>.step,.ui.five.steps>.step,.ui.six.steps>.step,.ui.seven.steps>.step,.ui.eight.steps>.step{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.500%}.ui.mini.steps .step,.ui.mini.step{font-size:0.78571429rem}.ui.tiny.steps .step,.ui.tiny.step{font-size:0.85714286rem}.ui.small.steps .step,.ui.small.step{font-size:0.92857143rem}.ui.steps .step,.ui.step{font-size:1rem}.ui.large.steps .step,.ui.large.step{font-size:1.14285714rem}.ui.big.steps .step,.ui.big.step{font-size:1.28571429rem}.ui.huge.steps .step,.ui.huge.step{font-size:1.42857143rem}.ui.massive.steps .step,.ui.massive.step{font-size:1.71428571rem}.ui.steps .step.completed>.icon:before,.ui.ordered.steps .step.completed:before{font-family:'Step';content:'\e800'}.ui.breadcrumb{line-height:1;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:0.7;margin:0 0.21428571rem 0;font-size:0.92857143em;color:rgba(0,0,0,0.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183C4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:0.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:0.78571429em 1em}.ui.breadcrumb .active.section{font-weight:bold}.ui.mini.breadcrumb{font-size:0.78571429rem}.ui.tiny.breadcrumb{font-size:0.85714286rem}.ui.small.breadcrumb{font-size:0.92857143rem}.ui.breadcrumb{font-size:1rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem}.ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields:last-child .field{margin-bottom:0}.ui.form .fields .field{clear:both;margin:0}.ui.form .field>label{display:block;margin:0 0 0.28571429rem 0;color:rgba(0,0,0,0.87);font-size:0.92857143em;font-weight:bold;text-transform:none}.ui.form textarea,.ui.form input:not([type]),.ui.form input[type="date"],.ui.form input[type="datetime-local"],.ui.form input[type="email"],.ui.form input[type="number"],.ui.form input[type="password"],.ui.form input[type="search"],.ui.form input[type="tel"],.ui.form input[type="time"],.ui.form input[type="text"],.ui.form input[type="file"],.ui.form input[type="url"]{width:100%;vertical-align:top}.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button{height:1.21428571em}.ui.form input:not([type]),.ui.form input[type="date"],.ui.form input[type="datetime-local"],.ui.form input[type="email"],.ui.form input[type="number"],.ui.form input[type="password"],.ui.form input[type="search"],.ui.form input[type="tel"],.ui.form input[type="time"],.ui.form input[type="text"],.ui.form input[type="file"],.ui.form input[type="url"]{font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;margin:0;outline:none;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);line-height:1.21428571em;padding:0.67857143em 1em;font-size:1em;background:#FFFFFF;border:1px solid rgba(34,36,38,0.15);color:rgba(0,0,0,0.87);border-radius:0.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease}.ui.form textarea{margin:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);padding:0.78571429em 1em;background:#FFFFFF;border:1px solid rgba(34,36,38,0.15);outline:none;color:rgba(0,0,0,0.87);border-radius:0.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease;font-size:1em;line-height:1.2857;resize:vertical}.ui.form textarea:not([rows]){height:12em;min-height:8em;max-height:24em}.ui.form textarea,.ui.form input[type="checkbox"]{vertical-align:top}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#FFFFFF;border:1px solid rgba(34,36,38,0.15);border-radius:0.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;padding:0.62em 1em;color:rgba(0,0,0,0.87);-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease}.ui.form .field>.selection.dropdown{width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.fields .field>.selection.dropdown,.ui.form .inline.field>.selection.dropdown{width:auto}.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon,.ui.form .inline.field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .field .ui.input,.ui.form .fields .field .ui.input,.ui.form .wide.field .ui.input{width:100%}.ui.form .inline.fields .field:not(.wide) .ui.input,.ui.form .inline.field:not(.wide) .ui.input{width:auto;vertical-align:middle}.ui.form .fields .field .ui.input input,.ui.form .field .ui.input input{width:auto}.ui.form .ten.fields .ui.input input,.ui.form .nine.fields .ui.input input,.ui.form .eight.fields .ui.input input,.ui.form .seven.fields .ui.input input,.ui.form .six.fields .ui.input input,.ui.form .five.fields .ui.input input,.ui.form .four.fields .ui.input input,.ui.form .three.fields .ui.input input,.ui.form .two.fields .ui.input input,.ui.form .wide.field .ui.input input{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:0}.ui.form .success.message,.ui.form .warning.message,.ui.form .error.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:normal;background:#FFFFFF !important;border:1px solid #E0B4B4 !important;color:#9F3A38 !important}.ui.form .inline.fields .field .prompt,.ui.form .inline.field .prompt{vertical-align:top;margin:-0.25em 0 -0.5em 0.5em}.ui.form .inline.fields .field .prompt:before,.ui.form .inline.field .prompt:before{border-width:0 0 1px 1px;bottom:auto;right:auto;top:50%;left:0}.ui.form .field.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #FFFFF0 inset !important;box-shadow:0 0 0 100px #FFFFF0 inset !important;border-color:#E5DFA1 !important}.ui.form .field.field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #FFFFF0 inset !important;box-shadow:0 0 0 100px #FFFFF0 inset !important;border-color:#D5C315 !important}.ui.form .error.error input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #FFFAF0 inset !important;box-shadow:0 0 0 100px #FFFAF0 inset !important;border-color:#E0B4B4 !important}.ui.form ::-webkit-input-placeholder{color:rgba(191,191,191,0.87)}.ui.form :-ms-input-placeholder{color:rgba(191,191,191,0.87)}.ui.form ::-moz-placeholder{color:rgba(191,191,191,0.87)}.ui.form :focus::-webkit-input-placeholder{color:rgba(115,115,115,0.87)}.ui.form :focus:-ms-input-placeholder{color:rgba(115,115,115,0.87)}.ui.form :focus::-moz-placeholder{color:rgba(115,115,115,0.87)}.ui.form .error ::-webkit-input-placeholder{color:#e7bdbc}.ui.form .error :-ms-input-placeholder{color:#e7bdbc !important}.ui.form .error ::-moz-placeholder{color:#e7bdbc}.ui.form .error :focus::-webkit-input-placeholder{color:#da9796}.ui.form .error :focus:-ms-input-placeholder{color:#da9796 !important}.ui.form .error :focus::-moz-placeholder{color:#da9796}.ui.form input:not([type]):focus,.ui.form input[type="date"]:focus,.ui.form input[type="datetime-local"]:focus,.ui.form input[type="email"]:focus,.ui.form input[type="number"]:focus,.ui.form input[type="password"]:focus,.ui.form input[type="search"]:focus,.ui.form input[type="tel"]:focus,.ui.form input[type="time"]:focus,.ui.form input[type="text"]:focus,.ui.form input[type="file"]:focus,.ui.form input[type="url"]:focus{color:rgba(0,0,0,0.95);border-color:#85B7D9;border-radius:0.28571429rem;background:#FFFFFF;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.35) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.35) inset}.ui.form textarea:focus{color:rgba(0,0,0,0.95);border-color:#85B7D9;border-radius:0.28571429rem;background:#FFFFFF;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,0.35) inset;box-shadow:0 0 0 0 rgba(34,36,38,0.35) inset;-webkit-appearance:none}.ui.form.success .success.message:not(:empty){display:block}.ui.form.success .compact.success.message:not(:empty){display:inline-block}.ui.form.success .icon.success.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form.warning .warning.message:not(:empty){display:block}.ui.form.warning .compact.warning.message:not(:empty){display:inline-block}.ui.form.warning .icon.warning.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form.error .error.message:not(:empty){display:block}.ui.form.error .compact.error.message:not(:empty){display:inline-block}.ui.form.error .icon.error.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form .fields.error .field label,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .field.error .input{color:#9F3A38}.ui.form .fields.error .field .corner.label,.ui.form .field.error .corner.label{border-color:#9F3A38;color:#FFFFFF}.ui.form .fields.error .field textarea,.ui.form .fields.error .field select,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type="date"],.ui.form .fields.error .field input[type="datetime-local"],.ui.form .fields.error .field input[type="email"],.ui.form .fields.error .field input[type="number"],.ui.form .fields.error .field input[type="password"],.ui.form .fields.error .field input[type="search"],.ui.form .fields.error .field input[type="tel"],.ui.form .fields.error .field input[type="time"],.ui.form .fields.error .field input[type="text"],.ui.form .fields.error .field input[type="file"],.ui.form .fields.error .field input[type="url"],.ui.form .field.error textarea,.ui.form .field.error select,.ui.form .field.error input:not([type]),.ui.form .field.error input[type="date"],.ui.form .field.error input[type="datetime-local"],.ui.form .field.error input[type="email"],.ui.form .field.error input[type="number"],.ui.form .field.error input[type="password"],.ui.form .field.error input[type="search"],.ui.form .field.error input[type="tel"],.ui.form .field.error input[type="time"],.ui.form .field.error input[type="text"],.ui.form .field.error input[type="file"],.ui.form .field.error input[type="url"]{background:#FFF6F6;border-color:#E0B4B4;color:#9F3A38;border-radius:'';-webkit-box-shadow:none;box-shadow:none}.ui.form .field.error textarea:focus,.ui.form .field.error select:focus,.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type="date"]:focus,.ui.form .field.error input[type="datetime-local"]:focus,.ui.form .field.error input[type="email"]:focus,.ui.form .field.error input[type="number"]:focus,.ui.form .field.error input[type="password"]:focus,.ui.form .field.error input[type="search"]:focus,.ui.form .field.error input[type="tel"]:focus,.ui.form .field.error input[type="time"]:focus,.ui.form .field.error input[type="text"]:focus,.ui.form .field.error input[type="file"]:focus,.ui.form .field.error input[type="url"]:focus{background:#FFF6F6;border-color:#E0B4B4;color:#9F3A38;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none}.ui.form .field.error select{-webkit-appearance:menulist-button}.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item,.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .text,.ui.form .field.error .ui.dropdown .item{background:#FFF6F6;color:#9F3A38}.ui.form .fields.error .field .ui.dropdown,.ui.form .field.error .ui.dropdown{border-color:#E0B4B4 !important}.ui.form .fields.error .field .ui.dropdown:hover,.ui.form .field.error .ui.dropdown:hover{border-color:#E0B4B4 !important}.ui.form .fields.error .field .ui.dropdown:hover .menu,.ui.form .field.error .ui.dropdown:hover .menu{border-color:#E0B4B4}.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label,.ui.form .field.error .ui.multiple.selection.dropdown>.label{background-color:#EACBCB;color:#9F3A38}.ui.form .fields.error .field .ui.dropdown .menu .item:hover,.ui.form .field.error .ui.dropdown .menu .item:hover{background-color:#FBE7E7}.ui.form .fields.error .field .ui.dropdown .menu .selected.item,.ui.form .field.error .ui.dropdown .menu .selected.item{background-color:#FBE7E7}.ui.form .fields.error .field .ui.dropdown .menu .active.item,.ui.form .field.error .ui.dropdown .menu .active.item{background-color:#FDCFCF !important}.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box{color:#9F3A38}.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before{background:#FFF6F6;border-color:#E0B4B4}.ui.form .fields.error .field .checkbox label:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .field.error .checkbox .box:after{color:#9F3A38}.ui.form .disabled.fields .field,.ui.form .disabled.field,.ui.form .field :disabled{pointer-events:none;opacity:0.45}.ui.form .field.disabled>label,.ui.form .fields.disabled>label{opacity:0.45}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;pointer-events:none}.ui.loading.form:before{position:absolute;content:'';top:0%;left:0%;background:rgba(255,255,255,0.8);width:100%;height:100%;z-index:100}.ui.loading.form:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:form-spin 0.6s linear;animation:form-spin 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.1);border-style:solid;border-width:0.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes form-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.field>label:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.field>.checkbox:after{margin:-0.2em 0 0 0.2em;content:'*';color:#DB2828}.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.field>label:after{display:inline-block;vertical-align:top}.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.field>.checkbox:after{position:absolute;top:0%;left:100%}.ui.inverted.form label,.ui.form .inverted.segment label,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .inline.fields>label,.ui.inverted.form .inline.fields .field>label,.ui.inverted.form .inline.fields .field>p,.ui.inverted.form .inline.field>label,.ui.inverted.form .inline.field>p{color:rgba(255,255,255,0.9)}.ui.inverted.form input:not([type]),.ui.inverted.form input[type="date"],.ui.inverted.form input[type="datetime-local"],.ui.inverted.form input[type="email"],.ui.inverted.form input[type="number"],.ui.inverted.form input[type="password"],.ui.inverted.form input[type="search"],.ui.inverted.form input[type="tel"],.ui.inverted.form input[type="time"],.ui.inverted.form input[type="text"],.ui.inverted.form input[type="file"],.ui.inverted.form input[type="url"]{background:#FFFFFF;border-color:rgba(255,255,255,0.1);color:rgba(0,0,0,0.87);-webkit-box-shadow:none;box-shadow:none}.ui.form .grouped.fields{display:block;margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{margin:0 0 0.28571429rem 0;color:rgba(0,0,0,0.87);font-size:0.92857143em;font-weight:bold;text-transform:none}.ui.form .grouped.fields .field,.ui.form .grouped.inline.fields .field{display:block;margin:0.5em 0;padding:0}.ui.form .fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 -0.5em 1em}.ui.form .fields>.field{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding-left:0.5em;padding-right:0.5em}.ui.form .fields>.field:first-child{border-left:none;-webkit-box-shadow:none;box-shadow:none}.ui.form .two.fields>.fields,.ui.form .two.fields>.field{width:50%}.ui.form .three.fields>.fields,.ui.form .three.fields>.field{width:33.33333333%}.ui.form .four.fields>.fields,.ui.form .four.fields>.field{width:25%}.ui.form .five.fields>.fields,.ui.form .five.fields>.field{width:20%}.ui.form .six.fields>.fields,.ui.form .six.fields>.field{width:16.66666667%}.ui.form .seven.fields>.fields,.ui.form .seven.fields>.field{width:14.28571429%}.ui.form .eight.fields>.fields,.ui.form .eight.fields>.field{width:12.5%}.ui.form .nine.fields>.fields,.ui.form .nine.fields>.field{width:11.11111111%}.ui.form .ten.fields>.fields,.ui.form .ten.fields>.field{width:10%}@media only screen and (max-width: 767px){.ui.form .fields{-ms-flex-wrap:wrap;flex-wrap:wrap}.ui[class*="equal width"].form:not(.unstackable) .fields>.field,.ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.field{width:100% !important;margin:0 0 1em}}.ui.form .fields .wide.field{width:6.25%;padding-left:0.5em;padding-right:0.5em}.ui.form .one.wide.field{width:6.25% !important}.ui.form .two.wide.field{width:12.5% !important}.ui.form .three.wide.field{width:18.75% !important}.ui.form .four.wide.field{width:25% !important}.ui.form .five.wide.field{width:31.25% !important}.ui.form .six.wide.field{width:37.5% !important}.ui.form .seven.wide.field{width:43.75% !important}.ui.form .eight.wide.field{width:50% !important}.ui.form .nine.wide.field{width:56.25% !important}.ui.form .ten.wide.field{width:62.5% !important}.ui.form .eleven.wide.field{width:68.75% !important}.ui.form .twelve.wide.field{width:75% !important}.ui.form .thirteen.wide.field{width:81.25% !important}.ui.form .fourteen.wide.field{width:87.5% !important}.ui.form .fifteen.wide.field{width:93.75% !important}.ui.form .sixteen.wide.field{width:100% !important}@media only screen and (max-width: 767px){.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field{width:100% !important}.ui.form .fields{margin-bottom:0}}.ui[class*="equal width"].form .fields>.field,.ui.form [class*="equal width"].fields>.field{width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.ui.form .inline.fields{margin:0 0 1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.form .inline.fields .field{margin:0;padding:0 1em 0 0}.ui.form .inline.fields>label,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.field>label,.ui.form .inline.field>p{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:baseline;font-size:0.92857143em;font-weight:bold;color:rgba(0,0,0,0.87);text-transform:none}.ui.form .inline.fields>label{margin:0.035714em 1em 0 0}.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select,.ui.form .inline.field>input,.ui.form .inline.field>select{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1em}.ui.form .inline.fields .field>:first-child,.ui.form .inline.field>:first-child{margin:0 0.85714286em 0 0}.ui.form .inline.fields .field>:only-child,.ui.form .inline.field>:only-child{margin:0}.ui.form .inline.fields .wide.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.form .inline.fields .wide.field>input,.ui.form .inline.fields .wide.field>select{width:100%}.ui.mini.form{font-size:0.78571429rem}.ui.tiny.form{font-size:0.85714286rem}.ui.small.form{font-size:0.92857143rem}.ui.form{font-size:1rem}.ui.large.form{font-size:1.14285714rem}.ui.big.form{font-size:1.28571429rem}.ui.huge.form{font-size:1.42857143rem}.ui.massive.form{font-size:1.71428571rem}.ui.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.ui.grid{margin-top:-1rem;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem}.ui.relaxed.grid{margin-left:-1.5rem;margin-right:-1.5rem}.ui[class*="very relaxed"].grid{margin-left:-2.5rem;margin-right:-2.5rem}.ui.grid+.grid{margin-top:1rem}.ui.grid>.column:not(.row),.ui.grid>.row>.column{position:relative;display:inline-block;width:6.25%;padding-left:1rem;padding-right:1rem;vertical-align:top}.ui.grid>*{padding-left:1rem;padding-right:1rem}.ui.grid>.row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100% !important;padding:0rem;padding-top:1rem;padding-bottom:1rem}.ui.grid>.column:not(.row){padding-top:1rem;padding-bottom:1rem}.ui.grid>.row>.column{margin-top:0;margin-bottom:0}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid>.ui.grid:first-child{margin-top:0}.ui.grid>.ui.grid:last-child{margin-bottom:0}.ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached),.ui.aligned.grid .column>.segment:not(.compact):not(.attached){width:100%}.ui.grid .row+.ui.divider{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:1rem 1rem}.ui.grid .column+.ui.vertical.divider{height:calc(50% - 1rem)}.ui.grid>.row>.column:last-child>.horizontal.segment,.ui.grid>.column:last-child>.horizontal.segment{-webkit-box-shadow:none;box-shadow:none}@media only screen and (max-width: 767px){.ui.page.grid{width:auto;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:2em;padding-right:2em}}@media only screen and (min-width: 992px) and (max-width: 1199px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:3%;padding-right:3%}}@media only screen and (min-width: 1200px) and (max-width: 1919px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:15%;padding-right:15%}}@media only screen and (min-width: 1920px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:23%;padding-right:23%}}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui[class*="one column"].grid>.row>.column,.ui[class*="one column"].grid>.column:not(.row){width:100%}.ui[class*="two column"].grid>.row>.column,.ui[class*="two column"].grid>.column:not(.row){width:50%}.ui[class*="three column"].grid>.row>.column,.ui[class*="three column"].grid>.column:not(.row){width:33.33333333%}.ui[class*="four column"].grid>.row>.column,.ui[class*="four column"].grid>.column:not(.row){width:25%}.ui[class*="five column"].grid>.row>.column,.ui[class*="five column"].grid>.column:not(.row){width:20%}.ui[class*="six column"].grid>.row>.column,.ui[class*="six column"].grid>.column:not(.row){width:16.66666667%}.ui[class*="seven column"].grid>.row>.column,.ui[class*="seven column"].grid>.column:not(.row){width:14.28571429%}.ui[class*="eight column"].grid>.row>.column,.ui[class*="eight column"].grid>.column:not(.row){width:12.5%}.ui[class*="nine column"].grid>.row>.column,.ui[class*="nine column"].grid>.column:not(.row){width:11.11111111%}.ui[class*="ten column"].grid>.row>.column,.ui[class*="ten column"].grid>.column:not(.row){width:10%}.ui[class*="eleven column"].grid>.row>.column,.ui[class*="eleven column"].grid>.column:not(.row){width:9.09090909%}.ui[class*="twelve column"].grid>.row>.column,.ui[class*="twelve column"].grid>.column:not(.row){width:8.33333333%}.ui[class*="thirteen column"].grid>.row>.column,.ui[class*="thirteen column"].grid>.column:not(.row){width:7.69230769%}.ui[class*="fourteen column"].grid>.row>.column,.ui[class*="fourteen column"].grid>.column:not(.row){width:7.14285714%}.ui[class*="fifteen column"].grid>.row>.column,.ui[class*="fifteen column"].grid>.column:not(.row){width:6.66666667%}.ui[class*="sixteen column"].grid>.row>.column,.ui[class*="sixteen column"].grid>.column:not(.row){width:6.25%}.ui.grid>[class*="one column"].row>.column{width:100% !important}.ui.grid>[class*="two column"].row>.column{width:50% !important}.ui.grid>[class*="three column"].row>.column{width:33.33333333% !important}.ui.grid>[class*="four column"].row>.column{width:25% !important}.ui.grid>[class*="five column"].row>.column{width:20% !important}.ui.grid>[class*="six column"].row>.column{width:16.66666667% !important}.ui.grid>[class*="seven column"].row>.column{width:14.28571429% !important}.ui.grid>[class*="eight column"].row>.column{width:12.5% !important}.ui.grid>[class*="nine column"].row>.column{width:11.11111111% !important}.ui.grid>[class*="ten column"].row>.column{width:10% !important}.ui.grid>[class*="eleven column"].row>.column{width:9.09090909% !important}.ui.grid>[class*="twelve column"].row>.column{width:8.33333333% !important}.ui.grid>[class*="thirteen column"].row>.column{width:7.69230769% !important}.ui.grid>[class*="fourteen column"].row>.column{width:7.14285714% !important}.ui.grid>[class*="fifteen column"].row>.column{width:6.66666667% !important}.ui.grid>[class*="sixteen column"].row>.column{width:6.25% !important}.ui.celled.page.grid{-webkit-box-shadow:none;box-shadow:none}.ui.grid>.row>[class*="one wide"].column,.ui.grid>.column.row>[class*="one wide"].column,.ui.grid>[class*="one wide"].column,.ui.column.grid>[class*="one wide"].column{width:6.25% !important}.ui.grid>.row>[class*="two wide"].column,.ui.grid>.column.row>[class*="two wide"].column,.ui.grid>[class*="two wide"].column,.ui.column.grid>[class*="two wide"].column{width:12.5% !important}.ui.grid>.row>[class*="three wide"].column,.ui.grid>.column.row>[class*="three wide"].column,.ui.grid>[class*="three wide"].column,.ui.column.grid>[class*="three wide"].column{width:18.75% !important}.ui.grid>.row>[class*="four wide"].column,.ui.grid>.column.row>[class*="four wide"].column,.ui.grid>[class*="four wide"].column,.ui.column.grid>[class*="four wide"].column{width:25% !important}.ui.grid>.row>[class*="five wide"].column,.ui.grid>.column.row>[class*="five wide"].column,.ui.grid>[class*="five wide"].column,.ui.column.grid>[class*="five wide"].column{width:31.25% !important}.ui.grid>.row>[class*="six wide"].column,.ui.grid>.column.row>[class*="six wide"].column,.ui.grid>[class*="six wide"].column,.ui.column.grid>[class*="six wide"].column{width:37.5% !important}.ui.grid>.row>[class*="seven wide"].column,.ui.grid>.column.row>[class*="seven wide"].column,.ui.grid>[class*="seven wide"].column,.ui.column.grid>[class*="seven wide"].column{width:43.75% !important}.ui.grid>.row>[class*="eight wide"].column,.ui.grid>.column.row>[class*="eight wide"].column,.ui.grid>[class*="eight wide"].column,.ui.column.grid>[class*="eight wide"].column{width:50% !important}.ui.grid>.row>[class*="nine wide"].column,.ui.grid>.column.row>[class*="nine wide"].column,.ui.grid>[class*="nine wide"].column,.ui.column.grid>[class*="nine wide"].column{width:56.25% !important}.ui.grid>.row>[class*="ten wide"].column,.ui.grid>.column.row>[class*="ten wide"].column,.ui.grid>[class*="ten wide"].column,.ui.column.grid>[class*="ten wide"].column{width:62.5% !important}.ui.grid>.row>[class*="eleven wide"].column,.ui.grid>.column.row>[class*="eleven wide"].column,.ui.grid>[class*="eleven wide"].column,.ui.column.grid>[class*="eleven wide"].column{width:68.75% !important}.ui.grid>.row>[class*="twelve wide"].column,.ui.grid>.column.row>[class*="twelve wide"].column,.ui.grid>[class*="twelve wide"].column,.ui.column.grid>[class*="twelve wide"].column{width:75% !important}.ui.grid>.row>[class*="thirteen wide"].column,.ui.grid>.column.row>[class*="thirteen wide"].column,.ui.grid>[class*="thirteen wide"].column,.ui.column.grid>[class*="thirteen wide"].column{width:81.25% !important}.ui.grid>.row>[class*="fourteen wide"].column,.ui.grid>.column.row>[class*="fourteen wide"].column,.ui.grid>[class*="fourteen wide"].column,.ui.column.grid>[class*="fourteen wide"].column{width:87.5% !important}.ui.grid>.row>[class*="fifteen wide"].column,.ui.grid>.column.row>[class*="fifteen wide"].column,.ui.grid>[class*="fifteen wide"].column,.ui.column.grid>[class*="fifteen wide"].column{width:93.75% !important}.ui.grid>.row>[class*="sixteen wide"].column,.ui.grid>.column.row>[class*="sixteen wide"].column,.ui.grid>[class*="sixteen wide"].column,.ui.column.grid>[class*="sixteen wide"].column{width:100% !important}@media only screen and (min-width: 320px) and (max-width: 767px){.ui.grid>.row>[class*="one wide mobile"].column,.ui.grid>.column.row>[class*="one wide mobile"].column,.ui.grid>[class*="one wide mobile"].column,.ui.column.grid>[class*="one wide mobile"].column{width:6.25% !important}.ui.grid>.row>[class*="two wide mobile"].column,.ui.grid>.column.row>[class*="two wide mobile"].column,.ui.grid>[class*="two wide mobile"].column,.ui.column.grid>[class*="two wide mobile"].column{width:12.5% !important}.ui.grid>.row>[class*="three wide mobile"].column,.ui.grid>.column.row>[class*="three wide mobile"].column,.ui.grid>[class*="three wide mobile"].column,.ui.column.grid>[class*="three wide mobile"].column{width:18.75% !important}.ui.grid>.row>[class*="four wide mobile"].column,.ui.grid>.column.row>[class*="four wide mobile"].column,.ui.grid>[class*="four wide mobile"].column,.ui.column.grid>[class*="four wide mobile"].column{width:25% !important}.ui.grid>.row>[class*="five wide mobile"].column,.ui.grid>.column.row>[class*="five wide mobile"].column,.ui.grid>[class*="five wide mobile"].column,.ui.column.grid>[class*="five wide mobile"].column{width:31.25% !important}.ui.grid>.row>[class*="six wide mobile"].column,.ui.grid>.column.row>[class*="six wide mobile"].column,.ui.grid>[class*="six wide mobile"].column,.ui.column.grid>[class*="six wide mobile"].column{width:37.5% !important}.ui.grid>.row>[class*="seven wide mobile"].column,.ui.grid>.column.row>[class*="seven wide mobile"].column,.ui.grid>[class*="seven wide mobile"].column,.ui.column.grid>[class*="seven wide mobile"].column{width:43.75% !important}.ui.grid>.row>[class*="eight wide mobile"].column,.ui.grid>.column.row>[class*="eight wide mobile"].column,.ui.grid>[class*="eight wide mobile"].column,.ui.column.grid>[class*="eight wide mobile"].column{width:50% !important}.ui.grid>.row>[class*="nine wide mobile"].column,.ui.grid>.column.row>[class*="nine wide mobile"].column,.ui.grid>[class*="nine wide mobile"].column,.ui.column.grid>[class*="nine wide mobile"].column{width:56.25% !important}.ui.grid>.row>[class*="ten wide mobile"].column,.ui.grid>.column.row>[class*="ten wide mobile"].column,.ui.grid>[class*="ten wide mobile"].column,.ui.column.grid>[class*="ten wide mobile"].column{width:62.5% !important}.ui.grid>.row>[class*="eleven wide mobile"].column,.ui.grid>.column.row>[class*="eleven wide mobile"].column,.ui.grid>[class*="eleven wide mobile"].column,.ui.column.grid>[class*="eleven wide mobile"].column{width:68.75% !important}.ui.grid>.row>[class*="twelve wide mobile"].column,.ui.grid>.column.row>[class*="twelve wide mobile"].column,.ui.grid>[class*="twelve wide mobile"].column,.ui.column.grid>[class*="twelve wide mobile"].column{width:75% !important}.ui.grid>.row>[class*="thirteen wide mobile"].column,.ui.grid>.column.row>[class*="thirteen wide mobile"].column,.ui.grid>[class*="thirteen wide mobile"].column,.ui.column.grid>[class*="thirteen wide mobile"].column{width:81.25% !important}.ui.grid>.row>[class*="fourteen wide mobile"].column,.ui.grid>.column.row>[class*="fourteen wide mobile"].column,.ui.grid>[class*="fourteen wide mobile"].column,.ui.column.grid>[class*="fourteen wide mobile"].column{width:87.5% !important}.ui.grid>.row>[class*="fifteen wide mobile"].column,.ui.grid>.column.row>[class*="fifteen wide mobile"].column,.ui.grid>[class*="fifteen wide mobile"].column,.ui.column.grid>[class*="fifteen wide mobile"].column{width:93.75% !important}.ui.grid>.row>[class*="sixteen wide mobile"].column,.ui.grid>.column.row>[class*="sixteen wide mobile"].column,.ui.grid>[class*="sixteen wide mobile"].column,.ui.column.grid>[class*="sixteen wide mobile"].column{width:100% !important}}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.grid>.row>[class*="one wide tablet"].column,.ui.grid>.column.row>[class*="one wide tablet"].column,.ui.grid>[class*="one wide tablet"].column,.ui.column.grid>[class*="one wide tablet"].column{width:6.25% !important}.ui.grid>.row>[class*="two wide tablet"].column,.ui.grid>.column.row>[class*="two wide tablet"].column,.ui.grid>[class*="two wide tablet"].column,.ui.column.grid>[class*="two wide tablet"].column{width:12.5% !important}.ui.grid>.row>[class*="three wide tablet"].column,.ui.grid>.column.row>[class*="three wide tablet"].column,.ui.grid>[class*="three wide tablet"].column,.ui.column.grid>[class*="three wide tablet"].column{width:18.75% !important}.ui.grid>.row>[class*="four wide tablet"].column,.ui.grid>.column.row>[class*="four wide tablet"].column,.ui.grid>[class*="four wide tablet"].column,.ui.column.grid>[class*="four wide tablet"].column{width:25% !important}.ui.grid>.row>[class*="five wide tablet"].column,.ui.grid>.column.row>[class*="five wide tablet"].column,.ui.grid>[class*="five wide tablet"].column,.ui.column.grid>[class*="five wide tablet"].column{width:31.25% !important}.ui.grid>.row>[class*="six wide tablet"].column,.ui.grid>.column.row>[class*="six wide tablet"].column,.ui.grid>[class*="six wide tablet"].column,.ui.column.grid>[class*="six wide tablet"].column{width:37.5% !important}.ui.grid>.row>[class*="seven wide tablet"].column,.ui.grid>.column.row>[class*="seven wide tablet"].column,.ui.grid>[class*="seven wide tablet"].column,.ui.column.grid>[class*="seven wide tablet"].column{width:43.75% !important}.ui.grid>.row>[class*="eight wide tablet"].column,.ui.grid>.column.row>[class*="eight wide tablet"].column,.ui.grid>[class*="eight wide tablet"].column,.ui.column.grid>[class*="eight wide tablet"].column{width:50% !important}.ui.grid>.row>[class*="nine wide tablet"].column,.ui.grid>.column.row>[class*="nine wide tablet"].column,.ui.grid>[class*="nine wide tablet"].column,.ui.column.grid>[class*="nine wide tablet"].column{width:56.25% !important}.ui.grid>.row>[class*="ten wide tablet"].column,.ui.grid>.column.row>[class*="ten wide tablet"].column,.ui.grid>[class*="ten wide tablet"].column,.ui.column.grid>[class*="ten wide tablet"].column{width:62.5% !important}.ui.grid>.row>[class*="eleven wide tablet"].column,.ui.grid>.column.row>[class*="eleven wide tablet"].column,.ui.grid>[class*="eleven wide tablet"].column,.ui.column.grid>[class*="eleven wide tablet"].column{width:68.75% !important}.ui.grid>.row>[class*="twelve wide tablet"].column,.ui.grid>.column.row>[class*="twelve wide tablet"].column,.ui.grid>[class*="twelve wide tablet"].column,.ui.column.grid>[class*="twelve wide tablet"].column{width:75% !important}.ui.grid>.row>[class*="thirteen wide tablet"].column,.ui.grid>.column.row>[class*="thirteen wide tablet"].column,.ui.grid>[class*="thirteen wide tablet"].column,.ui.column.grid>[class*="thirteen wide tablet"].column{width:81.25% !important}.ui.grid>.row>[class*="fourteen wide tablet"].column,.ui.grid>.column.row>[class*="fourteen wide tablet"].column,.ui.grid>[class*="fourteen wide tablet"].column,.ui.column.grid>[class*="fourteen wide tablet"].column{width:87.5% !important}.ui.grid>.row>[class*="fifteen wide tablet"].column,.ui.grid>.column.row>[class*="fifteen wide tablet"].column,.ui.grid>[class*="fifteen wide tablet"].column,.ui.column.grid>[class*="fifteen wide tablet"].column{width:93.75% !important}.ui.grid>.row>[class*="sixteen wide tablet"].column,.ui.grid>.column.row>[class*="sixteen wide tablet"].column,.ui.grid>[class*="sixteen wide tablet"].column,.ui.column.grid>[class*="sixteen wide tablet"].column{width:100% !important}}@media only screen and (min-width: 992px){.ui.grid>.row>[class*="one wide computer"].column,.ui.grid>.column.row>[class*="one wide computer"].column,.ui.grid>[class*="one wide computer"].column,.ui.column.grid>[class*="one wide computer"].column{width:6.25% !important}.ui.grid>.row>[class*="two wide computer"].column,.ui.grid>.column.row>[class*="two wide computer"].column,.ui.grid>[class*="two wide computer"].column,.ui.column.grid>[class*="two wide computer"].column{width:12.5% !important}.ui.grid>.row>[class*="three wide computer"].column,.ui.grid>.column.row>[class*="three wide computer"].column,.ui.grid>[class*="three wide computer"].column,.ui.column.grid>[class*="three wide computer"].column{width:18.75% !important}.ui.grid>.row>[class*="four wide computer"].column,.ui.grid>.column.row>[class*="four wide computer"].column,.ui.grid>[class*="four wide computer"].column,.ui.column.grid>[class*="four wide computer"].column{width:25% !important}.ui.grid>.row>[class*="five wide computer"].column,.ui.grid>.column.row>[class*="five wide computer"].column,.ui.grid>[class*="five wide computer"].column,.ui.column.grid>[class*="five wide computer"].column{width:31.25% !important}.ui.grid>.row>[class*="six wide computer"].column,.ui.grid>.column.row>[class*="six wide computer"].column,.ui.grid>[class*="six wide computer"].column,.ui.column.grid>[class*="six wide computer"].column{width:37.5% !important}.ui.grid>.row>[class*="seven wide computer"].column,.ui.grid>.column.row>[class*="seven wide computer"].column,.ui.grid>[class*="seven wide computer"].column,.ui.column.grid>[class*="seven wide computer"].column{width:43.75% !important}.ui.grid>.row>[class*="eight wide computer"].column,.ui.grid>.column.row>[class*="eight wide computer"].column,.ui.grid>[class*="eight wide computer"].column,.ui.column.grid>[class*="eight wide computer"].column{width:50% !important}.ui.grid>.row>[class*="nine wide computer"].column,.ui.grid>.column.row>[class*="nine wide computer"].column,.ui.grid>[class*="nine wide computer"].column,.ui.column.grid>[class*="nine wide computer"].column{width:56.25% !important}.ui.grid>.row>[class*="ten wide computer"].column,.ui.grid>.column.row>[class*="ten wide computer"].column,.ui.grid>[class*="ten wide computer"].column,.ui.column.grid>[class*="ten wide computer"].column{width:62.5% !important}.ui.grid>.row>[class*="eleven wide computer"].column,.ui.grid>.column.row>[class*="eleven wide computer"].column,.ui.grid>[class*="eleven wide computer"].column,.ui.column.grid>[class*="eleven wide computer"].column{width:68.75% !important}.ui.grid>.row>[class*="twelve wide computer"].column,.ui.grid>.column.row>[class*="twelve wide computer"].column,.ui.grid>[class*="twelve wide computer"].column,.ui.column.grid>[class*="twelve wide computer"].column{width:75% !important}.ui.grid>.row>[class*="thirteen wide computer"].column,.ui.grid>.column.row>[class*="thirteen wide computer"].column,.ui.grid>[class*="thirteen wide computer"].column,.ui.column.grid>[class*="thirteen wide computer"].column{width:81.25% !important}.ui.grid>.row>[class*="fourteen wide computer"].column,.ui.grid>.column.row>[class*="fourteen wide computer"].column,.ui.grid>[class*="fourteen wide computer"].column,.ui.column.grid>[class*="fourteen wide computer"].column{width:87.5% !important}.ui.grid>.row>[class*="fifteen wide computer"].column,.ui.grid>.column.row>[class*="fifteen wide computer"].column,.ui.grid>[class*="fifteen wide computer"].column,.ui.column.grid>[class*="fifteen wide computer"].column{width:93.75% !important}.ui.grid>.row>[class*="sixteen wide computer"].column,.ui.grid>.column.row>[class*="sixteen wide computer"].column,.ui.grid>[class*="sixteen wide computer"].column,.ui.column.grid>[class*="sixteen wide computer"].column{width:100% !important}}@media only screen and (min-width: 1200px) and (max-width: 1919px){.ui.grid>.row>[class*="one wide large screen"].column,.ui.grid>.column.row>[class*="one wide large screen"].column,.ui.grid>[class*="one wide large screen"].column,.ui.column.grid>[class*="one wide large screen"].column{width:6.25% !important}.ui.grid>.row>[class*="two wide large screen"].column,.ui.grid>.column.row>[class*="two wide large screen"].column,.ui.grid>[class*="two wide large screen"].column,.ui.column.grid>[class*="two wide large screen"].column{width:12.5% !important}.ui.grid>.row>[class*="three wide large screen"].column,.ui.grid>.column.row>[class*="three wide large screen"].column,.ui.grid>[class*="three wide large screen"].column,.ui.column.grid>[class*="three wide large screen"].column{width:18.75% !important}.ui.grid>.row>[class*="four wide large screen"].column,.ui.grid>.column.row>[class*="four wide large screen"].column,.ui.grid>[class*="four wide large screen"].column,.ui.column.grid>[class*="four wide large screen"].column{width:25% !important}.ui.grid>.row>[class*="five wide large screen"].column,.ui.grid>.column.row>[class*="five wide large screen"].column,.ui.grid>[class*="five wide large screen"].column,.ui.column.grid>[class*="five wide large screen"].column{width:31.25% !important}.ui.grid>.row>[class*="six wide large screen"].column,.ui.grid>.column.row>[class*="six wide large screen"].column,.ui.grid>[class*="six wide large screen"].column,.ui.column.grid>[class*="six wide large screen"].column{width:37.5% !important}.ui.grid>.row>[class*="seven wide large screen"].column,.ui.grid>.column.row>[class*="seven wide large screen"].column,.ui.grid>[class*="seven wide large screen"].column,.ui.column.grid>[class*="seven wide large screen"].column{width:43.75% !important}.ui.grid>.row>[class*="eight wide large screen"].column,.ui.grid>.column.row>[class*="eight wide large screen"].column,.ui.grid>[class*="eight wide large screen"].column,.ui.column.grid>[class*="eight wide large screen"].column{width:50% !important}.ui.grid>.row>[class*="nine wide large screen"].column,.ui.grid>.column.row>[class*="nine wide large screen"].column,.ui.grid>[class*="nine wide large screen"].column,.ui.column.grid>[class*="nine wide large screen"].column{width:56.25% !important}.ui.grid>.row>[class*="ten wide large screen"].column,.ui.grid>.column.row>[class*="ten wide large screen"].column,.ui.grid>[class*="ten wide large screen"].column,.ui.column.grid>[class*="ten wide large screen"].column{width:62.5% !important}.ui.grid>.row>[class*="eleven wide large screen"].column,.ui.grid>.column.row>[class*="eleven wide large screen"].column,.ui.grid>[class*="eleven wide large screen"].column,.ui.column.grid>[class*="eleven wide large screen"].column{width:68.75% !important}.ui.grid>.row>[class*="twelve wide large screen"].column,.ui.grid>.column.row>[class*="twelve wide large screen"].column,.ui.grid>[class*="twelve wide large screen"].column,.ui.column.grid>[class*="twelve wide large screen"].column{width:75% !important}.ui.grid>.row>[class*="thirteen wide large screen"].column,.ui.grid>.column.row>[class*="thirteen wide large screen"].column,.ui.grid>[class*="thirteen wide large screen"].column,.ui.column.grid>[class*="thirteen wide large screen"].column{width:81.25% !important}.ui.grid>.row>[class*="fourteen wide large screen"].column,.ui.grid>.column.row>[class*="fourteen wide large screen"].column,.ui.grid>[class*="fourteen wide large screen"].column,.ui.column.grid>[class*="fourteen wide large screen"].column{width:87.5% !important}.ui.grid>.row>[class*="fifteen wide large screen"].column,.ui.grid>.column.row>[class*="fifteen wide large screen"].column,.ui.grid>[class*="fifteen wide large screen"].column,.ui.column.grid>[class*="fifteen wide large screen"].column{width:93.75% !important}.ui.grid>.row>[class*="sixteen wide large screen"].column,.ui.grid>.column.row>[class*="sixteen wide large screen"].column,.ui.grid>[class*="sixteen wide large screen"].column,.ui.column.grid>[class*="sixteen wide large screen"].column{width:100% !important}}@media only screen and (min-width: 1920px){.ui.grid>.row>[class*="one wide widescreen"].column,.ui.grid>.column.row>[class*="one wide widescreen"].column,.ui.grid>[class*="one wide widescreen"].column,.ui.column.grid>[class*="one wide widescreen"].column{width:6.25% !important}.ui.grid>.row>[class*="two wide widescreen"].column,.ui.grid>.column.row>[class*="two wide widescreen"].column,.ui.grid>[class*="two wide widescreen"].column,.ui.column.grid>[class*="two wide widescreen"].column{width:12.5% !important}.ui.grid>.row>[class*="three wide widescreen"].column,.ui.grid>.column.row>[class*="three wide widescreen"].column,.ui.grid>[class*="three wide widescreen"].column,.ui.column.grid>[class*="three wide widescreen"].column{width:18.75% !important}.ui.grid>.row>[class*="four wide widescreen"].column,.ui.grid>.column.row>[class*="four wide widescreen"].column,.ui.grid>[class*="four wide widescreen"].column,.ui.column.grid>[class*="four wide widescreen"].column{width:25% !important}.ui.grid>.row>[class*="five wide widescreen"].column,.ui.grid>.column.row>[class*="five wide widescreen"].column,.ui.grid>[class*="five wide widescreen"].column,.ui.column.grid>[class*="five wide widescreen"].column{width:31.25% !important}.ui.grid>.row>[class*="six wide widescreen"].column,.ui.grid>.column.row>[class*="six wide widescreen"].column,.ui.grid>[class*="six wide widescreen"].column,.ui.column.grid>[class*="six wide widescreen"].column{width:37.5% !important}.ui.grid>.row>[class*="seven wide widescreen"].column,.ui.grid>.column.row>[class*="seven wide widescreen"].column,.ui.grid>[class*="seven wide widescreen"].column,.ui.column.grid>[class*="seven wide widescreen"].column{width:43.75% !important}.ui.grid>.row>[class*="eight wide widescreen"].column,.ui.grid>.column.row>[class*="eight wide widescreen"].column,.ui.grid>[class*="eight wide widescreen"].column,.ui.column.grid>[class*="eight wide widescreen"].column{width:50% !important}.ui.grid>.row>[class*="nine wide widescreen"].column,.ui.grid>.column.row>[class*="nine wide widescreen"].column,.ui.grid>[class*="nine wide widescreen"].column,.ui.column.grid>[class*="nine wide widescreen"].column{width:56.25% !important}.ui.grid>.row>[class*="ten wide widescreen"].column,.ui.grid>.column.row>[class*="ten wide widescreen"].column,.ui.grid>[class*="ten wide widescreen"].column,.ui.column.grid>[class*="ten wide widescreen"].column{width:62.5% !important}.ui.grid>.row>[class*="eleven wide widescreen"].column,.ui.grid>.column.row>[class*="eleven wide widescreen"].column,.ui.grid>[class*="eleven wide widescreen"].column,.ui.column.grid>[class*="eleven wide widescreen"].column{width:68.75% !important}.ui.grid>.row>[class*="twelve wide widescreen"].column,.ui.grid>.column.row>[class*="twelve wide widescreen"].column,.ui.grid>[class*="twelve wide widescreen"].column,.ui.column.grid>[class*="twelve wide widescreen"].column{width:75% !important}.ui.grid>.row>[class*="thirteen wide widescreen"].column,.ui.grid>.column.row>[class*="thirteen wide widescreen"].column,.ui.grid>[class*="thirteen wide widescreen"].column,.ui.column.grid>[class*="thirteen wide widescreen"].column{width:81.25% !important}.ui.grid>.row>[class*="fourteen wide widescreen"].column,.ui.grid>.column.row>[class*="fourteen wide widescreen"].column,.ui.grid>[class*="fourteen wide widescreen"].column,.ui.column.grid>[class*="fourteen wide widescreen"].column{width:87.5% !important}.ui.grid>.row>[class*="fifteen wide widescreen"].column,.ui.grid>.column.row>[class*="fifteen wide widescreen"].column,.ui.grid>[class*="fifteen wide widescreen"].column,.ui.column.grid>[class*="fifteen wide widescreen"].column{width:93.75% !important}.ui.grid>.row>[class*="sixteen wide widescreen"].column,.ui.grid>.column.row>[class*="sixteen wide widescreen"].column,.ui.grid>[class*="sixteen wide widescreen"].column,.ui.column.grid>[class*="sixteen wide widescreen"].column{width:100% !important}}.ui.centered.grid,.ui.centered.grid>.row,.ui.grid>.centered.row{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row),.ui.centered.grid>.row>.column:not(.aligned):not(.justified),.ui.grid .centered.row>.column:not(.aligned):not(.justified){text-align:left}.ui.grid>.centered.column,.ui.grid>.row>.centered.column{display:block;margin-left:auto;margin-right:auto}.ui.relaxed.grid>.column:not(.row),.ui.relaxed.grid>.row>.column,.ui.grid>.relaxed.row>.column{padding-left:1.5rem;padding-right:1.5rem}.ui[class*="very relaxed"].grid>.column:not(.row),.ui[class*="very relaxed"].grid>.row>.column,.ui.grid>[class*="very relaxed"].row>.column{padding-left:2.5rem;padding-right:2.5rem}.ui.relaxed.grid .row+.ui.divider,.ui.grid .relaxed.row+.ui.divider{margin-left:1.5rem;margin-right:1.5rem}.ui[class*="very relaxed"].grid .row+.ui.divider,.ui.grid [class*="very relaxed"].row+.ui.divider{margin-left:2.5rem;margin-right:2.5rem}.ui.padded.grid:not(.vertically):not(.horizontally){margin:0 !important}[class*="horizontally padded"].ui.grid{margin-left:0 !important;margin-right:0 !important}[class*="vertically padded"].ui.grid{margin-top:0 !important;margin-bottom:0 !important}.ui.grid [class*="left floated"].column{margin-right:auto}.ui.grid [class*="right floated"].column{margin-left:auto}.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.divided.grid:not([class*="vertically divided"])>.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,0.15);box-shadow:-1px 0 0 0 rgba(34,36,38,0.15)}.ui[class*="vertically divided"].grid>.column:not(.row),.ui[class*="vertically divided"].grid>.row>.column{margin-top:1rem;margin-bottom:1rem;padding-top:0rem;padding-bottom:0rem}.ui[class*="vertically divided"].grid>.row{margin-top:0;margin-bottom:0}.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="vertically divided"].grid>.row:first-child>.column{margin-top:0}.ui.grid>.divided.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,0.15);box-shadow:-1px 0 0 0 rgba(34,36,38,0.15)}.ui.grid>.divided.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="vertically divided"].grid>.row{position:relative}.ui[class*="vertically divided"].grid>.row:before{position:absolute;content:"";top:0;left:0;width:calc(100% - 2rem);height:1px;margin:0% 1rem;-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,0.15);box-shadow:0 -1px 0 0 rgba(34,36,38,0.15)}[class*="horizontally padded"].ui.divided.grid,.ui.padded.divided.grid:not(.vertically):not(.horizontally){width:100%}.ui[class*="vertically divided"].grid>.row:first-child:before{-webkit-box-shadow:none;box-shadow:none}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(255,255,255,0.1);box-shadow:-1px 0 0 0 rgba(255,255,255,0.1)}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child,.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.inverted[class*="vertically divided"].grid>.row:before{-webkit-box-shadow:0 -1px 0 0 rgba(255,255,255,0.1);box-shadow:0 -1px 0 0 rgba(255,255,255,0.1)}.ui.relaxed[class*="vertically divided"].grid>.row:before{margin-left:1.5rem;margin-right:1.5rem;width:calc(100% - 3rem)}.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before{margin-left:5rem;margin-right:5rem;width:calc(100% - 5rem)}.ui.celled.grid{width:100%;margin:1em 0;-webkit-box-shadow:0 0 0 1px #D4D4D5;box-shadow:0 0 0 1px #D4D4D5}.ui.celled.grid>.row{width:100% !important;margin:0;padding:0;-webkit-box-shadow:0 -1px 0 0 #D4D4D5;box-shadow:0 -1px 0 0 #D4D4D5}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{-webkit-box-shadow:-1px 0 0 0 #D4D4D5;box-shadow:-1px 0 0 0 #D4D4D5}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{padding:1em}.ui.relaxed.celled.grid>.column:not(.row),.ui.relaxed.celled.grid>.row>.column{padding:1.5em}.ui[class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very relaxed"].celled.grid>.row>.column{padding:2em}.ui[class*="internally celled"].grid{-webkit-box-shadow:none;box-shadow:none;margin:0}.ui[class*="internally celled"].grid>.row:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="internally celled"].grid>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="top aligned"].grid>.column:not(.row),.ui[class*="top aligned"].grid>.row>.column,.ui.grid>[class*="top aligned"].row>.column,.ui.grid>[class*="top aligned"].column:not(.row),.ui.grid>.row>[class*="top aligned"].column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:top;-ms-flex-item-align:start !important;align-self:flex-start !important}.ui[class*="middle aligned"].grid>.column:not(.row),.ui[class*="middle aligned"].grid>.row>.column,.ui.grid>[class*="middle aligned"].row>.column,.ui.grid>[class*="middle aligned"].column:not(.row),.ui.grid>.row>[class*="middle aligned"].column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:middle;-ms-flex-item-align:center !important;align-self:center !important}.ui[class*="bottom aligned"].grid>.column:not(.row),.ui[class*="bottom aligned"].grid>.row>.column,.ui.grid>[class*="bottom aligned"].row>.column,.ui.grid>[class*="bottom aligned"].column:not(.row),.ui.grid>.row>[class*="bottom aligned"].column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:bottom;-ms-flex-item-align:end !important;align-self:flex-end !important}.ui.stretched.grid>.row>.column,.ui.stretched.grid>.column,.ui.grid>.stretched.row>.column,.ui.grid>.stretched.column:not(.row),.ui.grid>.row>.stretched.column{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stretched.grid>.row>.column>*,.ui.stretched.grid>.column>*,.ui.grid>.stretched.row>.column>*,.ui.grid>.stretched.column:not(.row)>*,.ui.grid>.row>.stretched.column>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui[class*="left aligned"].grid>.column,.ui[class*="left aligned"].grid>.row>.column,.ui.grid>[class*="left aligned"].row>.column,.ui.grid>[class*="left aligned"].column.column,.ui.grid>.row>[class*="left aligned"].column.column{text-align:left;-ms-flex-item-align:inherit;align-self:inherit}.ui[class*="center aligned"].grid>.column,.ui[class*="center aligned"].grid>.row>.column,.ui.grid>[class*="center aligned"].row>.column,.ui.grid>[class*="center aligned"].column.column,.ui.grid>.row>[class*="center aligned"].column.column{text-align:center;-ms-flex-item-align:inherit;align-self:inherit}.ui[class*="center aligned"].grid{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui[class*="right aligned"].grid>.column,.ui[class*="right aligned"].grid>.row>.column,.ui.grid>[class*="right aligned"].row>.column,.ui.grid>[class*="right aligned"].column.column,.ui.grid>.row>[class*="right aligned"].column.column{text-align:right;-ms-flex-item-align:inherit;align-self:inherit}.ui.justified.grid>.column,.ui.justified.grid>.row>.column,.ui.grid>.justified.row>.column,.ui.grid>.justified.column.column,.ui.grid>.row>.justified.column.column{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ui.grid>.row>.red.column,.ui.grid>.row>.orange.column,.ui.grid>.row>.yellow.column,.ui.grid>.row>.olive.column,.ui.grid>.row>.green.column,.ui.grid>.row>.teal.column,.ui.grid>.row>.blue.column,.ui.grid>.row>.violet.column,.ui.grid>.row>.purple.column,.ui.grid>.row>.pink.column,.ui.grid>.row>.brown.column,.ui.grid>.row>.grey.column,.ui.grid>.row>.black.column{margin-top:-1rem;margin-bottom:-1rem;padding-top:1rem;padding-bottom:1rem}.ui.grid>.red.row,.ui.grid>.red.column,.ui.grid>.row>.red.column{background-color:#DB2828 !important;color:#FFFFFF}.ui.grid>.orange.row,.ui.grid>.orange.column,.ui.grid>.row>.orange.column{background-color:#F2711C !important;color:#FFFFFF}.ui.grid>.yellow.row,.ui.grid>.yellow.column,.ui.grid>.row>.yellow.column{background-color:#FBBD08 !important;color:#FFFFFF}.ui.grid>.olive.row,.ui.grid>.olive.column,.ui.grid>.row>.olive.column{background-color:#B5CC18 !important;color:#FFFFFF}.ui.grid>.green.row,.ui.grid>.green.column,.ui.grid>.row>.green.column{background-color:#21BA45 !important;color:#FFFFFF}.ui.grid>.teal.row,.ui.grid>.teal.column,.ui.grid>.row>.teal.column{background-color:#00B5AD !important;color:#FFFFFF}.ui.grid>.blue.row,.ui.grid>.blue.column,.ui.grid>.row>.blue.column{background-color:#2185D0 !important;color:#FFFFFF}.ui.grid>.violet.row,.ui.grid>.violet.column,.ui.grid>.row>.violet.column{background-color:#6435C9 !important;color:#FFFFFF}.ui.grid>.purple.row,.ui.grid>.purple.column,.ui.grid>.row>.purple.column{background-color:#A333C8 !important;color:#FFFFFF}.ui.grid>.pink.row,.ui.grid>.pink.column,.ui.grid>.row>.pink.column{background-color:#E03997 !important;color:#FFFFFF}.ui.grid>.brown.row,.ui.grid>.brown.column,.ui.grid>.row>.brown.column{background-color:#A5673F !important;color:#FFFFFF}.ui.grid>.grey.row,.ui.grid>.grey.column,.ui.grid>.row>.grey.column{background-color:#767676 !important;color:#FFFFFF}.ui.grid>.black.row,.ui.grid>.black.column,.ui.grid>.row>.black.column{background-color:#1B1C1D !important;color:#FFFFFF}.ui[class*="equal width"].grid>.column:not(.row),.ui[class*="equal width"].grid>.row>.column,.ui.grid>[class*="equal width"].row>.column{display:inline-block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui[class*="equal width"].grid>.wide.column,.ui[class*="equal width"].grid>.row>.wide.column,.ui.grid>[class*="equal width"].row>.wide.column{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media only screen and (max-width: 767px){.ui[class*="mobile reversed"].grid,.ui[class*="mobile reversed"].grid>.row,.ui.grid>[class*="mobile reversed"].row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui[class*="mobile vertically reversed"].grid,.ui.stackable[class*="mobile reversed"]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,0.15);box-shadow:-1px 0 0 0 rgba(34,36,38,0.15)}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,0.15);box-shadow:0 -1px 0 0 rgba(34,36,38,0.15)}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="mobile reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #D4D4D5;box-shadow:-1px 0 0 0 #D4D4D5}.ui[class*="mobile reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width: 768px) and (max-width: 991px){.ui[class*="tablet reversed"].grid,.ui[class*="tablet reversed"].grid>.row,.ui.grid>[class*="tablet reversed"].row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui[class*="tablet vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,0.15);box-shadow:-1px 0 0 0 rgba(34,36,38,0.15)}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,0.15);box-shadow:0 -1px 0 0 rgba(34,36,38,0.15)}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="tablet reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #D4D4D5;box-shadow:-1px 0 0 0 #D4D4D5}.ui[class*="tablet reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width: 992px){.ui[class*="computer reversed"].grid,.ui[class*="computer reversed"].grid>.row,.ui.grid>[class*="computer reversed"].row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui[class*="computer vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,0.15);box-shadow:-1px 0 0 0 rgba(34,36,38,0.15)}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,0.15);box-shadow:0 -1px 0 0 rgba(34,36,38,0.15)}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="computer reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #D4D4D5;box-shadow:-1px 0 0 0 #D4D4D5}.ui[class*="computer reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.doubling.grid{width:auto}.ui.grid>.doubling.row,.ui.doubling.grid>.row{margin:0 !important;padding:0 !important}.ui.grid>.doubling.row>.column,.ui.doubling.grid>.row>.column{display:inline-block !important;padding-top:1rem !important;padding-bottom:1rem !important;-webkit-box-shadow:none !important;box-shadow:none !important;margin:0}.ui[class*="two column"].doubling.grid>.row>.column,.ui[class*="two column"].doubling.grid>.column:not(.row),.ui.grid>[class*="two column"].doubling.row.row>.column{width:100% !important}.ui[class*="three column"].doubling.grid>.row>.column,.ui[class*="three column"].doubling.grid>.column:not(.row),.ui.grid>[class*="three column"].doubling.row.row>.column{width:50% !important}.ui[class*="four column"].doubling.grid>.row>.column,.ui[class*="four column"].doubling.grid>.column:not(.row),.ui.grid>[class*="four column"].doubling.row.row>.column{width:50% !important}.ui[class*="five column"].doubling.grid>.row>.column,.ui[class*="five column"].doubling.grid>.column:not(.row),.ui.grid>[class*="five column"].doubling.row.row>.column{width:33.33333333% !important}.ui[class*="six column"].doubling.grid>.row>.column,.ui[class*="six column"].doubling.grid>.column:not(.row),.ui.grid>[class*="six column"].doubling.row.row>.column{width:33.33333333% !important}.ui[class*="seven column"].doubling.grid>.row>.column,.ui[class*="seven column"].doubling.grid>.column:not(.row),.ui.grid>[class*="seven column"].doubling.row.row>.column{width:33.33333333% !important}.ui[class*="eight column"].doubling.grid>.row>.column,.ui[class*="eight column"].doubling.grid>.column:not(.row),.ui.grid>[class*="eight column"].doubling.row.row>.column{width:25% !important}.ui[class*="nine column"].doubling.grid>.row>.column,.ui[class*="nine column"].doubling.grid>.column:not(.row),.ui.grid>[class*="nine column"].doubling.row.row>.column{width:25% !important}.ui[class*="ten column"].doubling.grid>.row>.column,.ui[class*="ten column"].doubling.grid>.column:not(.row),.ui.grid>[class*="ten column"].doubling.row.row>.column{width:20% !important}.ui[class*="eleven column"].doubling.grid>.row>.column,.ui[class*="eleven column"].doubling.grid>.column:not(.row),.ui.grid>[class*="eleven column"].doubling.row.row>.column{width:20% !important}.ui[class*="twelve column"].doubling.grid>.row>.column,.ui[class*="twelve column"].doubling.grid>.column:not(.row),.ui.grid>[class*="twelve column"].doubling.row.row>.column{width:16.66666667% !important}.ui[class*="thirteen column"].doubling.grid>.row>.column,.ui[class*="thirteen column"].doubling.grid>.column:not(.row),.ui.grid>[class*="thirteen column"].doubling.row.row>.column{width:16.66666667% !important}.ui[class*="fourteen column"].doubling.grid>.row>.column,.ui[class*="fourteen column"].doubling.grid>.column:not(.row),.ui.grid>[class*="fourteen column"].doubling.row.row>.column{width:14.28571429% !important}.ui[class*="fifteen column"].doubling.grid>.row>.column,.ui[class*="fifteen column"].doubling.grid>.column:not(.row),.ui.grid>[class*="fifteen column"].doubling.row.row>.column{width:14.28571429% !important}.ui[class*="sixteen column"].doubling.grid>.row>.column,.ui[class*="sixteen column"].doubling.grid>.column:not(.row),.ui.grid>[class*="sixteen column"].doubling.row.row>.column{width:12.5% !important}}@media only screen and (max-width: 767px){.ui.grid>.doubling.row,.ui.doubling.grid>.row{margin:0 !important;padding:0 !important}.ui.grid>.doubling.row>.column,.ui.doubling.grid>.row>.column{padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ui[class*="two column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="two column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="two column"].doubling:not(.stackable).row.row>.column{width:100% !important}.ui[class*="three column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column{width:50% !important}.ui[class*="four column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column{width:50% !important}.ui[class*="five column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column{width:50% !important}.ui[class*="six column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column{width:50% !important}.ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column{width:50% !important}.ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column{width:50% !important}.ui[class*="nine column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="nine column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="nine column"].doubling:not(.stackable).row.row>.column{width:33.33333333% !important}.ui[class*="ten column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="ten column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="ten column"].doubling:not(.stackable).row.row>.column{width:33.33333333% !important}.ui[class*="eleven column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="eleven column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="eleven column"].doubling:not(.stackable).row.row>.column{width:33.33333333% !important}.ui[class*="twelve column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="twelve column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="twelve column"].doubling:not(.stackable).row.row>.column{width:33.33333333% !important}.ui[class*="thirteen column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="thirteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="thirteen column"].doubling:not(.stackable).row.row>.column{width:33.33333333% !important}.ui[class*="fourteen column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="fourteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="fourteen column"].doubling:not(.stackable).row.row>.column{width:25% !important}.ui[class*="fifteen column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="fifteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="fifteen column"].doubling:not(.stackable).row.row>.column{width:25% !important}.ui[class*="sixteen column"].doubling:not(.stackable).grid>.row>.column,.ui[class*="sixteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui.grid>[class*="sixteen column"].doubling:not(.stackable).row.row>.column{width:25% !important}}@media only screen and (max-width: 767px){.ui.stackable.grid{width:auto;margin-left:0 !important;margin-right:0 !important}.ui.stackable.grid>.row>.wide.column,.ui.stackable.grid>.wide.column,.ui.stackable.grid>.column.grid>.column,.ui.stackable.grid>.column.row>.column,.ui.stackable.grid>.row>.column,.ui.stackable.grid>.column:not(.row),.ui.grid>.stackable.stackable.row>.column{width:100% !important;margin:0 0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;padding:1rem 1rem !important}.ui.stackable.grid:not(.vertically)>.row{margin:0;padding:0}.ui.container>.ui.stackable.grid>.column,.ui.container>.ui.stackable.grid>.row>.column{padding-left:0 !important;padding-right:0 !important}.ui.grid .ui.stackable.grid,.ui.segment:not(.vertical) .ui.stackable.page.grid{margin-left:-1rem !important;margin-right:-1rem !important}.ui.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:not(.row):first-child,.ui.stackable.celled.grid>.column:not(.row):first-child{border-top:none !important}.ui.inverted.stackable.celled.grid>.column:not(.row),.ui.inverted.stackable.divided.grid>.column:not(.row),.ui.inverted.stackable.celled.grid>.row>.column,.ui.inverted.stackable.divided.grid>.row>.column{border-top:1px solid rgba(255,255,255,0.1)}.ui.stackable.celled.grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.celled.grid>.row>.column,.ui.stackable.divided:not(.vertically).grid>.row>.column{border-top:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:none !important;box-shadow:none !important;padding-top:2rem !important;padding-bottom:2rem !important}.ui.stackable.celled.grid>.row{-webkit-box-shadow:none !important;box-shadow:none !important}.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column{padding-left:0 !important;padding-right:0 !important}}@media only screen and (max-width: 767px){.ui[class*="tablet only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile){display:none !important}.ui[class*="computer only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile){display:none !important}.ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile){display:none !important}.ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile){display:none !important}}@media only screen and (min-width: 768px) and (max-width: 991px){.ui[class*="mobile only"].grid.grid.grid:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet){display:none !important}.ui[class*="computer only"].grid.grid.grid:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet){display:none !important}.ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile){display:none !important}.ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile){display:none !important}}@media only screen and (min-width: 992px) and (max-width: 1199px){.ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer){display:none !important}.ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer){display:none !important}.ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile){display:none !important}.ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile){display:none !important}}@media only screen and (min-width: 1200px) and (max-width: 1919px){.ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer){display:none !important}.ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer){display:none !important}.ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile){display:none !important}}@media only screen and (min-width: 1920px){.ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer){display:none !important}.ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer){display:none !important}}.ui.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem 0;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;background:#FFFFFF;font-weight:normal;border:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);border-radius:0.28571429rem;min-height:2.85714286em}.ui.menu:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.menu:first-child{margin-top:0rem}.ui.menu:last-child{margin-bottom:0rem}.ui.menu .menu{margin:0}.ui.menu:not(.vertical)>.menu{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.menu:not(.vertical) .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.menu .item{position:relative;vertical-align:middle;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;padding:0.92857143em 1.14285714em;text-transform:none;color:rgba(0,0,0,0.87);font-weight:normal;-webkit-transition:background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;transition:background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease}.ui.menu>.item:first-child{border-radius:0.28571429rem 0 0 0.28571429rem}.ui.menu .item:before{position:absolute;content:'';top:0%;right:0;height:100%;width:1px;background:rgba(34,36,38,0.1)}.ui.menu .text.item>*,.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;line-height:1.3}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:last-child{margin-bottom:0}.ui.menu .item>i.icon{opacity:0.9;float:none;margin:0 0.35714286em 0 0}.ui.menu:not(.vertical) .item>.button{position:relative;top:0;margin:-0.5em 0;padding-bottom:0.78571429em;padding-top:0.78571429em;font-size:1em}.ui.menu>.grid,.ui.menu>.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-orient:inherit;-webkit-box-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit}.ui.menu .item>.input{width:100%}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-0.5em 0}.ui.menu .item>.input input{font-size:1em;padding-top:0.57142857em;padding-bottom:0.57142857em}.ui.menu .header.item,.ui.vertical.menu .header.item{margin:0;background:'';text-transform:normal;font-weight:bold}.ui.vertical.menu .item>.header:not(.ui){margin:0 0 0.5em;font-size:1em;font-weight:bold}.ui.menu .item>i.dropdown.icon{padding:0;float:right;margin:0 0 0 1em}.ui.menu .dropdown.item .menu{min-width:calc(100% - 1px);border-radius:0 0 0.28571429rem 0.28571429rem;background:#FFFFFF;margin:0 0 0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.08);box-shadow:0 1px 3px 0 rgba(0,0,0,0.08);-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.ui.menu .ui.dropdown .menu>.item{margin:0;text-align:left;font-size:1em !important;padding:0.78571429em 1.14285714em !important;background:transparent !important;color:rgba(0,0,0,0.87) !important;text-transform:none !important;font-weight:normal !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-transition:none !important;transition:none !important}.ui.menu .ui.dropdown .menu>.item:hover{background:rgba(0,0,0,0.05) !important;color:rgba(0,0,0,0.95) !important}.ui.menu .ui.dropdown .menu>.selected.item{background:rgba(0,0,0,0.05) !important;color:rgba(0,0,0,0.95) !important}.ui.menu .ui.dropdown .menu>.active.item{background:rgba(0,0,0,0.03) !important;font-weight:bold !important;color:rgba(0,0,0,0.95) !important}.ui.menu .ui.dropdown.item .menu .item:not(.filtered){display:block}.ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown){display:inline-block;font-size:1em !important;float:none;margin:0 0.75em 0 0}.ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu{border-radius:0.28571429rem;margin-top:0.35714286em}.ui.menu .pointing.dropdown.item .menu{margin-top:0.75em}.ui.inverted.menu .search.dropdown.item>.search,.ui.inverted.menu .search.dropdown.item>.text{color:rgba(255,255,255,0.9)}.ui.vertical.menu .dropdown.item>.icon{float:right;content:"\f0da";margin-left:1em}.ui.vertical.menu .dropdown.item .menu{left:100%;min-width:0;margin:0 0 0 0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.08);box-shadow:0 1px 3px 0 rgba(0,0,0,0.08);border-radius:0 0.28571429rem 0.28571429rem 0.28571429rem}.ui.vertical.menu .dropdown.item.upward .menu{bottom:0}.ui.vertical.menu .dropdown.item:not(.upward) .menu{top:0}.ui.vertical.menu .active.dropdown.item{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.menu .dropdown.active.item{-webkit-box-shadow:none;box-shadow:none}.ui.item.menu .dropdown .menu .item{width:100%}.ui.menu .item>.label{background:#999999;color:#FFFFFF;margin-left:1em;padding:0.3em 0.78571429em}.ui.vertical.menu .item>.label{background:#999999;color:#FFFFFF;margin-top:-0.15em;margin-bottom:-0.15em;padding:0.3em 0.78571429em}.ui.menu .item>.floating.label{padding:0.3em 0.78571429em}.ui.menu .item>img:not(.ui){display:inline-block;vertical-align:middle;margin:-0.3em 0;width:2.5em}.ui.vertical.menu .item>img:not(.ui):only-child{display:block;max-width:100%;width:auto}.ui.menu .list .item:before{background:none !important}.ui.vertical.sidebar.menu>.item:first-child:before{display:block !important}.ui.vertical.sidebar.menu>.item::before{top:auto;bottom:0}@media only screen and (max-width: 767px){.ui.menu>.ui.container{width:100% !important;margin-left:0 !important;margin-right:0 !important}}@media only screen and (min-width: 768px){.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child{border-left:1px solid rgba(34,36,38,0.1)}}.ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover{cursor:pointer;background:rgba(0,0,0,0.03);color:rgba(0,0,0,0.95)}.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active{background:rgba(0,0,0,0.03);color:rgba(0,0,0,0.95)}.ui.menu .active.item{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95);font-weight:normal;-webkit-box-shadow:none;box-shadow:none}.ui.menu .active.item>i.icon{opacity:1}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95)}.ui.menu .item.disabled,.ui.menu .item.disabled:hover{cursor:default !important;background-color:transparent !important;color:rgba(40,40,40,0.3) !important}.ui.menu:not(.vertical) .left.item,.ui.menu:not(.vertical) .left.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto !important}.ui.menu:not(.vertical) .right.item,.ui.menu:not(.vertical) .right.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto !important}.ui.menu .right.item::before,.ui.menu .right.menu>.item::before{right:auto;left:0}.ui.vertical.menu{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#FFFFFF;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);box-shadow:0 1px 2px 0 rgba(34,36,38,0.15)}.ui.vertical.menu .item{display:block;background:none;border-top:none;border-right:none}.ui.vertical.menu>.item:first-child{border-radius:0.28571429rem 0.28571429rem 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 0.28571429rem 0.28571429rem}.ui.vertical.menu .item>.label{float:right;text-align:center}.ui.vertical.menu .item>i.icon{width:1.18em;float:right;margin:0 0 0 0.5em}.ui.vertical.menu .item>.label+i.icon{float:none;margin:0 0.5em 0 0}.ui.vertical.menu .item:before{position:absolute;content:'';top:0%;left:0;width:100%;height:1px;background:rgba(34,36,38,0.1)}.ui.vertical.menu .item:first-child:before{display:none !important}.ui.vertical.menu .item>.menu{margin:0.5em -1.14285714em 0}.ui.vertical.menu .menu .item{background:none;padding:0.5em 1.33333333em;font-size:0.85714286em;color:rgba(0,0,0,0.5)}.ui.vertical.menu .item .menu a.item:hover,.ui.vertical.menu .item .menu .link.item:hover{color:rgba(0,0,0,0.85)}.ui.vertical.menu .menu .item:before{display:none}.ui.vertical.menu .active.item{background:rgba(0,0,0,0.05);border-radius:0;-webkit-box-shadow:none;box-shadow:none}.ui.vertical.menu>.active.item:first-child{border-radius:0.28571429rem 0.28571429rem 0 0}.ui.vertical.menu>.active.item:last-child{border-radius:0 0 0.28571429rem 0.28571429rem}.ui.vertical.menu>.active.item:only-child{border-radius:0.28571429rem}.ui.vertical.menu .active.item .menu .active.item{border-left:none}.ui.vertical.menu .item .menu .active.item{background-color:transparent;font-weight:bold;color:rgba(0,0,0,0.95)}.ui.tabular.menu{border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important;border:none;background:none transparent;border-bottom:1px solid #D4D4D5}.ui.tabular.fluid.menu{width:calc(100% + 2px) !important}.ui.tabular.menu .item{background:transparent;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;padding:0.92857143em 1.42857143em;color:rgba(0,0,0,0.87)}.ui.tabular.menu .item:before{display:none}.ui.tabular.menu .item:hover{background-color:transparent;color:rgba(0,0,0,0.8)}.ui.tabular.menu .active.item{background:none #FFFFFF;color:rgba(0,0,0,0.95);border-top-width:1px;border-color:#D4D4D5;font-weight:bold;margin-bottom:-1px;-webkit-box-shadow:none;box-shadow:none;border-radius:0.28571429rem 0.28571429rem 0 0 !important}.ui.tabular.menu+.attached:not(.top).segment,.ui.tabular.menu+.attached:not(.top).segment+.attached:not(.top).segment{border-top:none;margin-left:0;margin-top:0;margin-right:0;width:100%}.top.attached.segment+.ui.bottom.tabular.menu{position:relative;width:calc(100% + 2px);left:-1px}.ui.bottom.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important;border-bottom:none;border-top:1px solid #D4D4D5}.ui.bottom.tabular.menu .item{background:none;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:none}.ui.bottom.tabular.menu .active.item{background:none #FFFFFF;color:rgba(0,0,0,0.95);border-color:#D4D4D5;margin:-1px 0 0 0;border-radius:0 0 0.28571429rem 0.28571429rem !important}.ui.vertical.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important;border-bottom:none;border-right:1px solid #D4D4D5}.ui.vertical.tabular.menu .item{background:none;border-left:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-right:none}.ui.vertical.tabular.menu .active.item{background:none #FFFFFF;color:rgba(0,0,0,0.95);border-color:#D4D4D5;margin:0 -1px 0 0;border-radius:0.28571429rem 0 0 0.28571429rem !important}.ui.vertical.right.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important;border-bottom:none;border-right:none;border-left:1px solid #D4D4D5}.ui.vertical.right.tabular.menu .item{background:none;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-left:none}.ui.vertical.right.tabular.menu .active.item{background:none #FFFFFF;color:rgba(0,0,0,0.95);border-color:#D4D4D5;margin:0 0 0 -1px;border-radius:0 0.28571429rem 0.28571429rem 0 !important}.ui.tabular.menu .active.dropdown.item{margin-bottom:0;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;border-bottom:none}.ui.pagination.menu{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.ui.pagination.menu .item:last-child{border-radius:0 0.28571429rem 0.28571429rem 0}.ui.compact.menu .item:last-child{border-radius:0 0.28571429rem 0.28571429rem 0}.ui.pagination.menu .item:last-child:before{display:none}.ui.pagination.menu .item{min-width:3em;text-align:center}.ui.pagination.menu .icon.item i.icon{vertical-align:top}.ui.pagination.menu .active.item{border-top:none;padding-top:0.92857143em;background-color:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95);-webkit-box-shadow:none;box-shadow:none}.ui.secondary.menu{background:none;margin-left:-0.35714286em;margin-right:-0.35714286em;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.secondary.menu .item{-ms-flex-item-align:center;align-self:center;-webkit-box-shadow:none;box-shadow:none;border:none;padding:0.78571429em 0.92857143em;margin:0 0.35714286em;background:none;-webkit-transition:color 0.1s ease;transition:color 0.1s ease;border-radius:0.28571429rem}.ui.secondary.menu .item:before{display:none !important}.ui.secondary.menu .header.item{border-radius:0;border-right:none;background:none transparent}.ui.secondary.menu .item>img:not(.ui){margin:0}.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95)}.ui.secondary.menu .active.item{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95);border-radius:0.28571429rem}.ui.secondary.menu .active.item:hover{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95)}.ui.secondary.inverted.menu .link.item,.ui.secondary.inverted.menu a.item{color:rgba(255,255,255,0.7) !important}.ui.secondary.inverted.menu .dropdown.item:hover,.ui.secondary.inverted.menu .link.item:hover,.ui.secondary.inverted.menu a.item:hover{background:rgba(255,255,255,0.08);color:#ffffff !important}.ui.secondary.inverted.menu .active.item{background:rgba(255,255,255,0.15);color:#ffffff !important}.ui.secondary.item.menu{margin-left:0;margin-right:0}.ui.secondary.item.menu .item:last-child{margin-right:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;box-shadow:none}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu{margin:0 -0.92857143em}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:0.5em 1.33333333em}.ui.secondary.vertical.menu>.item{border:none;margin:0 0 0.35714286em;border-radius:0.28571429rem !important}.ui.secondary.vertical.menu>.header.item{border-radius:0}.ui.vertical.secondary.menu .item>.menu .item{background-color:transparent}.ui.secondary.inverted.menu{background-color:transparent}.ui.secondary.pointing.menu{margin-left:0;margin-right:0;border-bottom:2px solid rgba(34,36,38,0.15)}.ui.secondary.pointing.menu .item{border-bottom-color:transparent;border-bottom-style:solid;border-radius:0;-ms-flex-item-align:end;align-self:flex-end;margin:0 0 -2px;padding:0.85714286em 1.14285714em;border-bottom-width:2px;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.secondary.pointing.menu .header.item{color:rgba(0,0,0,0.85) !important}.ui.secondary.pointing.menu .text.item{-webkit-box-shadow:none !important;box-shadow:none !important}.ui.secondary.pointing.menu .item:after{display:none}.ui.secondary.pointing.menu .dropdown.item:hover,.ui.secondary.pointing.menu .link.item:hover,.ui.secondary.pointing.menu a.item:hover{background-color:transparent;color:rgba(0,0,0,0.87)}.ui.secondary.pointing.menu .dropdown.item:active,.ui.secondary.pointing.menu .link.item:active,.ui.secondary.pointing.menu a.item:active{background-color:transparent;border-color:rgba(34,36,38,0.15)}.ui.secondary.pointing.menu .active.item{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border-color:#1B1C1D;font-weight:bold;color:rgba(0,0,0,0.95)}.ui.secondary.pointing.menu .active.item:hover{border-color:#1B1C1D;color:rgba(0,0,0,0.95)}.ui.secondary.pointing.menu .active.dropdown.item{border-color:transparent}.ui.secondary.vertical.pointing.menu{border-bottom-width:0;border-right-width:2px;border-right-style:solid;border-right-color:rgba(34,36,38,0.15)}.ui.secondary.vertical.pointing.menu .item{border-bottom:none;border-right-style:solid;border-right-color:transparent;border-radius:0 !important;margin:0 -2px 0 0;border-right-width:2px}.ui.secondary.vertical.pointing.menu .active.item{border-color:#1B1C1D}.ui.secondary.inverted.pointing.menu{border-color:rgba(255,255,255,0.1)}.ui.secondary.inverted.pointing.menu{border-width:2px;border-color:rgba(34,36,38,0.15)}.ui.secondary.inverted.pointing.menu .item{color:rgba(255,255,255,0.9)}.ui.secondary.inverted.pointing.menu .header.item{color:#FFFFFF !important}.ui.secondary.inverted.pointing.menu .link.item:hover,.ui.secondary.inverted.pointing.menu a.item:hover{color:rgba(0,0,0,0.95)}.ui.secondary.inverted.pointing.menu .active.item{border-color:#FFFFFF;color:#ffffff}.ui.text.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;margin:1em -0.5em}.ui.text.menu .item{border-radius:0;-webkit-box-shadow:none;box-shadow:none;-ms-flex-item-align:center;align-self:center;margin:0 0;padding:0.35714286em 0.5em;font-weight:normal;color:rgba(0,0,0,0.6);-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}.ui.text.menu .item:before,.ui.text.menu .menu .item:before{display:none !important}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(0,0,0,0.85);font-size:0.92857143em;text-transform:uppercase;font-weight:bold}.ui.text.menu .item>img:not(.ui){margin:0}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1em 0}.ui.vertical.text.menu:first-child{margin-top:0rem}.ui.vertical.text.menu:last-child{margin-bottom:0rem}.ui.vertical.text.menu .item{margin:0.57142857em 0;padding-left:0;padding-right:0}.ui.vertical.text.menu .item>i.icon{float:none;margin:0 0.35714286em 0 0}.ui.vertical.text.menu .header.item{margin:0.57142857em 0 0.71428571em}.ui.vertical.text.menu .item:not(.dropdown)>.menu{margin:0}.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:0.5em 0}.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;color:rgba(0,0,0,0.95)}.ui.text.menu .active.item:hover{background-color:transparent}.ui.text.pointing.menu .active.item:after{-webkit-box-shadow:none;box-shadow:none}.ui.text.attached.menu{-webkit-box-shadow:none;box-shadow:none}.ui.inverted.text.menu,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item:hover,.ui.inverted.text.menu .active.item{background-color:transparent !important}.ui.fluid.text.menu{margin-left:0;margin-right:0}.ui.vertical.icon.menu{display:inline-block;width:auto}.ui.icon.menu .item{height:auto;text-align:center;color:#1B1C1D}.ui.icon.menu .item>.icon:not(.dropdown){margin:0;opacity:1}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item>.icon{width:auto;margin:0 auto}.ui.vertical.icon.menu .item>.icon:not(.dropdown){display:block;opacity:1;margin:0 auto;float:none}.ui.inverted.icon.menu .item{color:#FFFFFF}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .item{min-width:6em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.labeled.icon.menu .item>.icon:not(.dropdown){height:1em;display:block;font-size:1.71428571em !important;margin:0 auto 0.5rem !important}.ui.fluid.labeled.icon.menu>.item{min-width:0}@media only screen and (max-width: 767px){.ui.stackable.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stackable.menu .item{width:100% !important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,0.1)}.ui.stackable.menu .left.menu,.ui.stackable.menu .left.item{margin-right:0 !important}.ui.stackable.menu .right.menu,.ui.stackable.menu .right.item{margin-left:0 !important}.ui.stackable.menu .right.menu,.ui.stackable.menu .left.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#DB2828 !important;color:#DB2828 !important}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F2711C !important;color:#F2711C !important}.ui.menu .yellow.active.item,.ui.yellow.menu .active.item{border-color:#FBBD08 !important;color:#FBBD08 !important}.ui.menu .olive.active.item,.ui.olive.menu .active.item{border-color:#B5CC18 !important;color:#B5CC18 !important}.ui.menu .green.active.item,.ui.green.menu .active.item{border-color:#21BA45 !important;color:#21BA45 !important}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD !important;color:#00B5AD !important}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#2185D0 !important;color:#2185D0 !important}.ui.menu .violet.active.item,.ui.violet.menu .active.item{border-color:#6435C9 !important;color:#6435C9 !important}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#A333C8 !important;color:#A333C8 !important}.ui.menu .pink.active.item,.ui.pink.menu .active.item{border-color:#E03997 !important;color:#E03997 !important}.ui.menu .brown.active.item,.ui.brown.menu .active.item{border-color:#A5673F !important;color:#A5673F !important}.ui.menu .grey.active.item,.ui.grey.menu .active.item{border-color:#767676 !important;color:#767676 !important}.ui.inverted.menu{border:0 solid transparent;background:#1B1C1D;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a:not(.ui){background:transparent;color:rgba(255,255,255,0.9)}.ui.inverted.menu .item.menu{background:transparent}.ui.inverted.menu .item:before{background:rgba(255,255,255,0.08)}.ui.vertical.inverted.menu .item:before{background:rgba(255,255,255,0.08)}.ui.vertical.inverted.menu .menu .item,.ui.vertical.inverted.menu .menu .item a:not(.ui){color:rgba(255,255,255,0.5)}.ui.inverted.menu .header.item{margin:0;background:transparent;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.menu .item.disabled,.ui.inverted.menu .item.disabled:hover{color:rgba(225,225,225,0.3)}.ui.link.inverted.menu .item:hover,.ui.inverted.menu .dropdown.item:hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover{background:rgba(255,255,255,0.08);color:#ffffff}.ui.vertical.inverted.menu .item .menu a.item:hover,.ui.vertical.inverted.menu .item .menu .link.item:hover{background:transparent;color:#ffffff}.ui.inverted.menu a.item:active,.ui.inverted.menu .link.item:active{background:rgba(255,255,255,0.08);color:#ffffff}.ui.inverted.menu .active.item{background:rgba(255,255,255,0.15);color:#ffffff !important}.ui.inverted.vertical.menu .item .menu .active.item{background:transparent;color:#FFFFFF}.ui.inverted.pointing.menu .active.item:after{background:#3D3E3F !important;margin:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;border:none !important}.ui.inverted.menu .active.item:hover{background:rgba(255,255,255,0.15);color:#FFFFFF !important}.ui.inverted.pointing.menu .active.item:hover:after{background:#3D3E3F !important}.ui.floated.menu{float:left;margin:0rem 0.5rem 0rem 0rem}.ui.floated.menu .item:last-child:before{display:none}.ui.right.floated.menu{float:right;margin:0rem 0rem 0rem 0.5rem}.ui.inverted.menu .red.active.item,.ui.inverted.red.menu{background-color:#DB2828}.ui.inverted.red.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.red.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .orange.active.item,.ui.inverted.orange.menu{background-color:#F2711C}.ui.inverted.orange.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.orange.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .yellow.active.item,.ui.inverted.yellow.menu{background-color:#FBBD08}.ui.inverted.yellow.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.yellow.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .olive.active.item,.ui.inverted.olive.menu{background-color:#B5CC18}.ui.inverted.olive.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.olive.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .green.active.item,.ui.inverted.green.menu{background-color:#21BA45}.ui.inverted.green.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.green.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .teal.active.item,.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.teal.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .blue.active.item,.ui.inverted.blue.menu{background-color:#2185D0}.ui.inverted.blue.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.blue.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .violet.active.item,.ui.inverted.violet.menu{background-color:#6435C9}.ui.inverted.violet.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.violet.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .purple.active.item,.ui.inverted.purple.menu{background-color:#A333C8}.ui.inverted.purple.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.purple.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .pink.active.item,.ui.inverted.pink.menu{background-color:#E03997}.ui.inverted.pink.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.pink.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .brown.active.item,.ui.inverted.brown.menu{background-color:#A5673F}.ui.inverted.brown.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.brown.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.inverted.menu .grey.active.item,.ui.inverted.grey.menu{background-color:#767676}.ui.inverted.grey.menu .item:before{background-color:rgba(34,36,38,0.1)}.ui.inverted.grey.menu .active.item{background-color:rgba(0,0,0,0.1) !important}.ui.fitted.menu .item,.ui.fitted.menu .item .menu .item,.ui.menu .fitted.item{padding:0}.ui.horizontally.fitted.menu .item,.ui.horizontally.fitted.menu .item .menu .item,.ui.menu .horizontally.fitted.item{padding-top:0.92857143em;padding-bottom:0.92857143em}.ui.vertically.fitted.menu .item,.ui.vertically.fitted.menu .item .menu .item,.ui.menu .vertically.fitted.item{padding-left:1.14285714em;padding-right:1.14285714em}.ui.borderless.menu .item:before,.ui.borderless.menu .item .menu .item:before,.ui.menu .borderless.item:before{background:none !important}.ui.compact.menu{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;vertical-align:middle}.ui.compact.vertical.menu{display:inline-block}.ui.compact.menu .item:last-child{border-radius:0 0.28571429rem 0.28571429rem 0}.ui.compact.menu .item:last-child:before{display:none}.ui.compact.vertical.menu{width:auto !important}.ui.compact.vertical.menu .item:last-child::before{display:block}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100% !important}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.attached.item.menu{margin:0 -1px !important}.ui.item.menu .item:last-child:before{display:none}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.500%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10.0%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:101;margin:0;width:100%}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{border-radius:0 !important}.ui.fixed.menu,.ui[class*="top fixed"].menu{top:0;left:0;right:auto;bottom:auto}.ui[class*="top fixed"].menu{border-top:none;border-left:none;border-right:none}.ui[class*="right fixed"].menu{border-top:none;border-bottom:none;border-right:none;top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui[class*="bottom fixed"].menu{border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;top:auto;right:auto}.ui[class*="left fixed"].menu{border-top:none;border-bottom:none;border-left:none;top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.fixed.menu+.ui.grid{padding-top:2.75rem}.ui.pointing.menu .item:after{visibility:hidden;position:absolute;content:'';top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);background:none;margin:0.5px 0 0;width:0.57142857em;height:0.57142857em;border:none;border-bottom:1px solid #D4D4D5;border-right:1px solid #D4D4D5;z-index:2;-webkit-transition:background 0.1s ease;transition:background 0.1s ease}.ui.vertical.pointing.menu .item:after{position:absolute;top:50%;right:0%;bottom:auto;left:auto;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);margin:0 -0.5px 0 0;border:none;border-top:1px solid #D4D4D5;border-right:1px solid #D4D4D5}.ui.pointing.menu .active.item:after{visibility:visible}.ui.pointing.menu .active.dropdown.item:after{visibility:hidden}.ui.pointing.menu .dropdown.active.item:after,.ui.pointing.menu .active.item .menu .active.item:after{display:none}.ui.pointing.menu .active.item:hover:after{background-color:#F2F2F2}.ui.pointing.menu .active.item:after{background-color:#F2F2F2}.ui.pointing.menu .active.item:hover:after{background-color:#F2F2F2}.ui.vertical.pointing.menu .active.item:hover:after{background-color:#F2F2F2}.ui.vertical.pointing.menu .active.item:after{background-color:#F2F2F2}.ui.vertical.pointing.menu .menu .active.item:after{background-color:#FFFFFF}.ui.attached.menu{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none}.ui.attached+.ui.attached.menu:not(.top){border-top:none}.ui[class*="top attached"].menu{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.menu[class*="top attached"]:first-child{margin-top:0}.ui[class*="bottom attached"].menu{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),none;border-radius:0 0 0.28571429rem 0.28571429rem}.ui[class*="bottom attached"].menu:last-child{margin-bottom:0}.ui.top.attached.menu>.item:first-child{border-radius:0.28571429rem 0 0 0}.ui.bottom.attached.menu>.item:first-child{border-radius:0 0 0 0.28571429rem}.ui.attached.menu:not(.tabular){border:1px solid #D4D4D5}.ui.attached.inverted.menu{border:none}.ui.attached.tabular.menu{margin-left:0;margin-right:0;width:100%}.ui.mini.menu{font-size:0.78571429rem}.ui.mini.vertical.menu{width:9rem}.ui.tiny.menu{font-size:0.85714286rem}.ui.tiny.vertical.menu{width:11rem}.ui.small.menu{font-size:0.92857143rem}.ui.small.vertical.menu{width:13rem}.ui.menu{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu{font-size:1.07142857rem}.ui.large.vertical.menu{width:18rem}.ui.huge.menu{font-size:1.21428571rem}.ui.huge.vertical.menu{width:22rem}.ui.big.menu{font-size:1.14285714rem}.ui.big.vertical.menu{width:20rem}.ui.massive.menu{font-size:1.28571429rem}.ui.massive.vertical.menu{width:25rem}.ui.message{position:relative;min-height:1em;margin:1em 0;background:#F8F8F9;padding:1em 1.5em;line-height:1.4285em;color:rgba(0,0,0,0.87);-webkit-transition:opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;transition:opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;transition:opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;transition:opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;border-radius:0.28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.22) inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px rgba(34,36,38,0.22) inset,0 0 0 0 rgba(0,0,0,0)}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;margin:-0.14285714em 0 0rem 0}.ui.message .header:not(.ui){font-size:1.14285714em}.ui.message p{opacity:0.85;margin:0.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:0.25em}.ui.message .list:not(.ui){text-align:left;padding:0;opacity:0.85;list-style-position:inside;margin:0.5em 0 0}.ui.message .list:not(.ui):first-child{margin-top:0}.ui.message .list:not(.ui):last-child{margin-bottom:0}.ui.message .list:not(.ui) li{position:relative;list-style-type:none;margin:0 0 0.3em 1em;padding:0}.ui.message .list:not(.ui) li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message .list:not(.ui) li:last-child{margin-bottom:0}.ui.message>.icon{margin-right:0.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:0.78575em;right:0.5em;opacity:0.7;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.dropdown .menu>.message{margin:0 -1px}.ui.visible.visible.visible.visible.message{display:block}.ui.icon.visible.visible.visible.visible.message{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.hidden.hidden.hidden.hidden.message{display:none}.ui.compact.message{display:inline-block}.ui.compact.icon.message{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.attached.message{margin-bottom:-1px;border-radius:0.28571429rem 0.28571429rem 0 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset;margin-left:-1px;margin-right:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 0.28571429rem 0.28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset,0 1px 2px 0 rgba(34,36,38,0.15);box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset,0 1px 2px 0 rgba(34,36,38,0.15)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{width:auto}.ui.icon.message{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.icon.message>.icon:not(.close){display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;line-height:1;vertical-align:middle;font-size:3em;opacity:0.8}.ui.icon.message>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-left:0rem}.ui.icon.message .circular.icon{width:1em}.ui.floating.message{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.22) inset,0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);box-shadow:0 0 0 1px rgba(34,36,38,0.22) inset,0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15)}.ui.black.message{background-color:#1B1C1D;color:rgba(255,255,255,0.9)}.ui.positive.message{background-color:#FCFFF5;color:#2C662D}.ui.positive.message,.ui.attached.positive.message{-webkit-box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 rgba(0,0,0,0)}.ui.positive.message .header{color:#1A531B}.ui.negative.message{background-color:#FFF6F6;color:#9F3A38}.ui.negative.message,.ui.attached.negative.message{-webkit-box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 rgba(0,0,0,0)}.ui.negative.message .header{color:#912D2B}.ui.info.message{background-color:#F8FFFF;color:#276F86}.ui.info.message,.ui.attached.info.message{-webkit-box-shadow:0 0 0 1px #A9D5DE inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #A9D5DE inset,0 0 0 0 rgba(0,0,0,0)}.ui.info.message .header{color:#0E566C}.ui.warning.message{background-color:#FFFAF3;color:#573A08}.ui.warning.message,.ui.attached.warning.message{-webkit-box-shadow:0 0 0 1px #C9BA9B inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #C9BA9B inset,0 0 0 0 rgba(0,0,0,0)}.ui.warning.message .header{color:#794B02}.ui.error.message{background-color:#FFF6F6;color:#9F3A38}.ui.error.message,.ui.attached.error.message{-webkit-box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #E0B4B4 inset,0 0 0 0 rgba(0,0,0,0)}.ui.error.message .header{color:#912D2B}.ui.success.message{background-color:#FCFFF5;color:#2C662D}.ui.success.message,.ui.attached.success.message{-webkit-box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #A3C293 inset,0 0 0 0 rgba(0,0,0,0)}.ui.success.message .header{color:#1A531B}.ui.inverted.message,.ui.black.message{background-color:#1B1C1D;color:rgba(255,255,255,0.9)}.ui.red.message{background-color:#FFE8E6;color:#DB2828;-webkit-box-shadow:0 0 0 1px #DB2828 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #DB2828 inset,0 0 0 0 rgba(0,0,0,0)}.ui.red.message .header{color:#c82121}.ui.orange.message{background-color:#FFEDDE;color:#F2711C;-webkit-box-shadow:0 0 0 1px #F2711C inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #F2711C inset,0 0 0 0 rgba(0,0,0,0)}.ui.orange.message .header{color:#e7640d}.ui.yellow.message{background-color:#FFF8DB;color:#B58105;-webkit-box-shadow:0 0 0 1px #B58105 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #B58105 inset,0 0 0 0 rgba(0,0,0,0)}.ui.yellow.message .header{color:#9c6f04}.ui.olive.message{background-color:#FBFDEF;color:#8ABC1E;-webkit-box-shadow:0 0 0 1px #8ABC1E inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #8ABC1E inset,0 0 0 0 rgba(0,0,0,0)}.ui.olive.message .header{color:#7aa61a}.ui.green.message{background-color:#E5F9E7;color:#1EBC30;-webkit-box-shadow:0 0 0 1px #1EBC30 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #1EBC30 inset,0 0 0 0 rgba(0,0,0,0)}.ui.green.message .header{color:#1aa62a}.ui.teal.message{background-color:#E1F7F7;color:#10A3A3;-webkit-box-shadow:0 0 0 1px #10A3A3 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #10A3A3 inset,0 0 0 0 rgba(0,0,0,0)}.ui.teal.message .header{color:#0e8c8c}.ui.blue.message{background-color:#DFF0FF;color:#2185D0;-webkit-box-shadow:0 0 0 1px #2185D0 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #2185D0 inset,0 0 0 0 rgba(0,0,0,0)}.ui.blue.message .header{color:#1e77ba}.ui.violet.message{background-color:#EAE7FF;color:#6435C9;-webkit-box-shadow:0 0 0 1px #6435C9 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #6435C9 inset,0 0 0 0 rgba(0,0,0,0)}.ui.violet.message .header{color:#5a30b5}.ui.purple.message{background-color:#F6E7FF;color:#A333C8;-webkit-box-shadow:0 0 0 1px #A333C8 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #A333C8 inset,0 0 0 0 rgba(0,0,0,0)}.ui.purple.message .header{color:#922eb4}.ui.pink.message{background-color:#FFE3FB;color:#E03997;-webkit-box-shadow:0 0 0 1px #E03997 inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #E03997 inset,0 0 0 0 rgba(0,0,0,0)}.ui.pink.message .header{color:#dd238b}.ui.brown.message{background-color:#F1E2D3;color:#A5673F;-webkit-box-shadow:0 0 0 1px #A5673F inset,0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 1px #A5673F inset,0 0 0 0 rgba(0,0,0,0)}.ui.brown.message .header{color:#935b38}.ui.mini.message{font-size:0.78571429em}.ui.tiny.message{font-size:0.85714286em}.ui.small.message{font-size:0.92857143em}.ui.message{font-size:1em}.ui.large.message{font-size:1.14285714em}.ui.big.message{font-size:1.28571429em}.ui.huge.message{font-size:1.42857143em}.ui.massive.message{font-size:1.71428571em}.ui.table{width:100%;background:#FFFFFF;margin:1em 0;border:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:none;box-shadow:none;border-radius:0.28571429rem;text-align:left;color:rgba(0,0,0,0.87);border-collapse:separate;border-spacing:0}.ui.table:first-child{margin-top:0}.ui.table:last-child{margin-bottom:0}.ui.table th,.ui.table td{-webkit-transition:background 0.1s ease, color 0.1s ease;transition:background 0.1s ease, color 0.1s ease}.ui.table thead{-webkit-box-shadow:none;box-shadow:none}.ui.table thead th{cursor:auto;background:#F9FAFB;text-align:inherit;color:rgba(0,0,0,0.87);padding:0.92857143em 0.78571429em;vertical-align:inherit;font-style:none;font-weight:bold;text-transform:none;border-bottom:1px solid rgba(34,36,38,0.1);border-left:none}.ui.table thead tr>th:first-child{border-left:none}.ui.table thead tr:first-child>th:first-child{border-radius:0.28571429rem 0 0 0}.ui.table thead tr:first-child>th:last-child{border-radius:0 0.28571429rem 0 0}.ui.table thead tr:first-child>th:only-child{border-radius:0.28571429rem 0.28571429rem 0 0}.ui.table tfoot{-webkit-box-shadow:none;box-shadow:none}.ui.table tfoot th{cursor:auto;border-top:1px solid rgba(34,36,38,0.15);background:#F9FAFB;text-align:inherit;color:rgba(0,0,0,0.87);padding:0.78571429em 0.78571429em;vertical-align:middle;font-style:normal;font-weight:normal;text-transform:none}.ui.table tfoot tr>th:first-child{border-left:none}.ui.table tfoot tr:first-child>th:first-child{border-radius:0 0 0 0.28571429rem}.ui.table tfoot tr:first-child>th:last-child{border-radius:0 0 0.28571429rem 0}.ui.table tfoot tr:first-child>th:only-child{border-radius:0 0 0.28571429rem 0.28571429rem}.ui.table tr td{border-top:1px solid rgba(34,36,38,0.1)}.ui.table tr:first-child td{border-top:none}.ui.table tbody+tbody tr:first-child td{border-top:1px solid rgba(34,36,38,0.1)}.ui.table td{padding:0.78571429em 0.78571429em;text-align:inherit}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment{padding:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}@media only screen and (max-width: 767px){.ui.table:not(.unstackable){width:100%}.ui.table:not(.unstackable) tbody,.ui.table:not(.unstackable) tr,.ui.table:not(.unstackable) tr>th,.ui.table:not(.unstackable) tr>td{width:auto !important;display:block !important}.ui.table:not(.unstackable){padding:0}.ui.table:not(.unstackable) thead{display:block}.ui.table:not(.unstackable) tfoot{display:block}.ui.table:not(.unstackable) tr{padding-top:1em;padding-bottom:1em;-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.1) inset !important;box-shadow:0 -1px 0 0 rgba(0,0,0,0.1) inset !important}.ui.table:not(.unstackable) tr>th,.ui.table:not(.unstackable) tr>td{background:none;border:none !important;padding:0.25em 0.75em !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ui.table:not(.unstackable) th:first-child,.ui.table:not(.unstackable) td:first-child{font-weight:bold}.ui.definition.table:not(.unstackable) thead th:first-child{-webkit-box-shadow:none !important;box-shadow:none !important}}.ui.table th .image,.ui.table th .image img,.ui.table td .image,.ui.table td .image img{max-width:none}.ui.structured.table{border-collapse:collapse}.ui.structured.table thead th{border-left:none;border-right:none}.ui.structured.sortable.table thead th{border-left:1px solid rgba(34,36,38,0.15);border-right:1px solid rgba(34,36,38,0.15)}.ui.structured.basic.table th{border-left:none;border-right:none}.ui.structured.celled.table tr th,.ui.structured.celled.table tr td{border-left:1px solid rgba(34,36,38,0.1);border-right:1px solid rgba(34,36,38,0.1)}.ui.definition.table thead:not(.full-width) th:first-child{pointer-events:none;background:transparent;font-weight:normal;color:rgba(0,0,0,0.4);-webkit-box-shadow:-1px -1px 0 1px #FFFFFF;box-shadow:-1px -1px 0 1px #FFFFFF}.ui.definition.table tfoot:not(.full-width) th:first-child{pointer-events:none;background:transparent;font-weight:rgba(0,0,0,0.4);color:normal;-webkit-box-shadow:1px 1px 0 1px #FFFFFF;box-shadow:1px 1px 0 1px #FFFFFF}.ui.celled.definition.table thead:not(.full-width) th:first-child{-webkit-box-shadow:0 -1px 0 1px #FFFFFF;box-shadow:0 -1px 0 1px #FFFFFF}.ui.celled.definition.table tfoot:not(.full-width) th:first-child{-webkit-box-shadow:0 1px 0 1px #FFFFFF;box-shadow:0 1px 0 1px #FFFFFF}.ui.definition.table tr td:first-child:not(.ignored),.ui.definition.table tr td.definition{background:rgba(0,0,0,0.03);font-weight:bold;color:rgba(0,0,0,0.95);text-transform:'';-webkit-box-shadow:'';box-shadow:'';text-align:'';font-size:1em;padding-left:'';padding-right:''}.ui.definition.table thead:not(.full-width) th:nth-child(2){border-left:1px solid rgba(34,36,38,0.15)}.ui.definition.table tfoot:not(.full-width) th:nth-child(2){border-left:1px solid rgba(34,36,38,0.15)}.ui.definition.table td:nth-child(2){border-left:1px solid rgba(34,36,38,0.15)}.ui.table tr.positive,.ui.table td.positive{-webkit-box-shadow:0 0 0 #A3C293 inset;box-shadow:0 0 0 #A3C293 inset}.ui.table tr.positive,.ui.table td.positive{background:#FCFFF5 !important;color:#2C662D !important}.ui.table tr.negative,.ui.table td.negative{-webkit-box-shadow:0 0 0 #E0B4B4 inset;box-shadow:0 0 0 #E0B4B4 inset}.ui.table tr.negative,.ui.table td.negative{background:#FFF6F6 !important;color:#9F3A38 !important}.ui.table tr.error,.ui.table td.error{-webkit-box-shadow:0 0 0 #E0B4B4 inset;box-shadow:0 0 0 #E0B4B4 inset}.ui.table tr.error,.ui.table td.error{background:#FFF6F6 !important;color:#9F3A38 !important}.ui.table tr.warning,.ui.table td.warning{-webkit-box-shadow:0 0 0 #C9BA9B inset;box-shadow:0 0 0 #C9BA9B inset}.ui.table tr.warning,.ui.table td.warning{background:#FFFAF3 !important;color:#573A08 !important}.ui.table tr.active,.ui.table td.active{-webkit-box-shadow:0 0 0 rgba(0,0,0,0.87) inset;box-shadow:0 0 0 rgba(0,0,0,0.87) inset}.ui.table tr.active,.ui.table td.active{background:#E0E0E0 !important;color:rgba(0,0,0,0.87) !important}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover,.ui.table tr:hover td.disabled{pointer-events:none;color:rgba(40,40,40,0.3)}@media only screen and (max-width: 991px){.ui[class*="tablet stackable"].table,.ui[class*="tablet stackable"].table tbody,.ui[class*="tablet stackable"].table tr,.ui[class*="tablet stackable"].table tr>th,.ui[class*="tablet stackable"].table tr>td{width:100% !important;display:block !important}.ui[class*="tablet stackable"].table{padding:0}.ui[class*="tablet stackable"].table thead{display:block}.ui[class*="tablet stackable"].table tfoot{display:block}.ui[class*="tablet stackable"].table tr{padding-top:1em;padding-bottom:1em;-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.1) inset !important;box-shadow:0 -1px 0 0 rgba(0,0,0,0.1) inset !important}.ui[class*="tablet stackable"].table tr>th,.ui[class*="tablet stackable"].table tr>td{background:none;border:none !important;padding:0.25em 0.75em;-webkit-box-shadow:none !important;box-shadow:none !important}.ui.definition[class*="tablet stackable"].table thead th:first-child{-webkit-box-shadow:none !important;box-shadow:none !important}}.ui.table[class*="left aligned"],.ui.table [class*="left aligned"]{text-align:left}.ui.table[class*="center aligned"],.ui.table [class*="center aligned"]{text-align:center}.ui.table[class*="right aligned"],.ui.table [class*="right aligned"]{text-align:right}.ui.table[class*="top aligned"],.ui.table [class*="top aligned"]{vertical-align:top}.ui.table[class*="middle aligned"],.ui.table [class*="middle aligned"]{vertical-align:middle}.ui.table[class*="bottom aligned"],.ui.table [class*="bottom aligned"]{vertical-align:bottom}.ui.table th.collapsing,.ui.table td.collapsing{width:1px;white-space:nowrap}.ui.fixed.table{table-layout:fixed}.ui.fixed.table th,.ui.fixed.table td{overflow:hidden;text-overflow:ellipsis}.ui.selectable.table tbody tr:hover,.ui.table tbody tr td.selectable:hover{background:rgba(0,0,0,0.05) !important;color:rgba(0,0,0,0.95) !important}.ui.selectable.inverted.table tbody tr:hover,.ui.inverted.table tbody tr td.selectable:hover{background:rgba(255,255,255,0.08) !important;color:#ffffff !important}.ui.table tbody tr td.selectable{padding:0}.ui.table tbody tr td.selectable>a:not(.ui){display:block;color:inherit;padding:0.78571429em 0.78571429em}.ui.selectable.table tr.error:hover,.ui.table tr td.selectable.error:hover,.ui.selectable.table tr:hover td.error{background:#ffe7e7 !important;color:#943634 !important}.ui.selectable.table tr.warning:hover,.ui.table tr td.selectable.warning:hover,.ui.selectable.table tr:hover td.warning{background:#fff4e4 !important;color:#493107 !important}.ui.selectable.table tr.active:hover,.ui.table tr td.selectable.active:hover,.ui.selectable.table tr:hover td.active{background:#E0E0E0 !important;color:rgba(0,0,0,0.87) !important}.ui.selectable.table tr.positive:hover,.ui.table tr td.selectable.positive:hover,.ui.selectable.table tr:hover td.positive{background:#f7ffe6 !important;color:#275b28 !important}.ui.selectable.table tr.negative:hover,.ui.table tr td.selectable.negative:hover,.ui.selectable.table tr:hover td.negative{background:#ffe7e7 !important;color:#943634 !important}.ui.attached.table{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none;border:1px solid #D4D4D5}.ui.attached+.ui.attached.table:not(.top){border-top:none}.ui[class*="top attached"].table{bottom:0;margin-bottom:0;top:0;margin-top:1em;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.table[class*="top attached"]:first-child{margin-top:0}.ui[class*="bottom attached"].table{bottom:0;margin-top:0;top:0;margin-bottom:1em;-webkit-box-shadow:none, none;box-shadow:none, none;border-radius:0 0 0.28571429rem 0.28571429rem}.ui[class*="bottom attached"].table:last-child{margin-bottom:0}.ui.striped.table>tr:nth-child(2n),.ui.striped.table tbody tr:nth-child(2n){background-color:rgba(0,0,50,0.02)}.ui.inverted.striped.table>tr:nth-child(2n),.ui.inverted.striped.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,0.05)}.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover{background:#EFEFEF !important;color:rgba(0,0,0,0.95) !important}.ui.table[class*="single line"],.ui.table [class*="single line"]{white-space:nowrap}.ui.table[class*="single line"],.ui.table [class*="single line"]{white-space:nowrap}.ui.red.table{border-top:0.2em solid #DB2828}.ui.inverted.red.table{background-color:#DB2828 !important;color:#FFFFFF !important}.ui.orange.table{border-top:0.2em solid #F2711C}.ui.inverted.orange.table{background-color:#F2711C !important;color:#FFFFFF !important}.ui.yellow.table{border-top:0.2em solid #FBBD08}.ui.inverted.yellow.table{background-color:#FBBD08 !important;color:#FFFFFF !important}.ui.olive.table{border-top:0.2em solid #B5CC18}.ui.inverted.olive.table{background-color:#B5CC18 !important;color:#FFFFFF !important}.ui.green.table{border-top:0.2em solid #21BA45}.ui.inverted.green.table{background-color:#21BA45 !important;color:#FFFFFF !important}.ui.teal.table{border-top:0.2em solid #00B5AD}.ui.inverted.teal.table{background-color:#00B5AD !important;color:#FFFFFF !important}.ui.blue.table{border-top:0.2em solid #2185D0}.ui.inverted.blue.table{background-color:#2185D0 !important;color:#FFFFFF !important}.ui.violet.table{border-top:0.2em solid #6435C9}.ui.inverted.violet.table{background-color:#6435C9 !important;color:#FFFFFF !important}.ui.purple.table{border-top:0.2em solid #A333C8}.ui.inverted.purple.table{background-color:#A333C8 !important;color:#FFFFFF !important}.ui.pink.table{border-top:0.2em solid #E03997}.ui.inverted.pink.table{background-color:#E03997 !important;color:#FFFFFF !important}.ui.brown.table{border-top:0.2em solid #A5673F}.ui.inverted.brown.table{background-color:#A5673F !important;color:#FFFFFF !important}.ui.grey.table{border-top:0.2em solid #767676}.ui.inverted.grey.table{background-color:#767676 !important;color:#FFFFFF !important}.ui.black.table{border-top:0.2em solid #1B1C1D}.ui.inverted.black.table{background-color:#1B1C1D !important;color:#FFFFFF !important}.ui.one.column.table td{width:100%}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.33333333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66666667%}.ui.seven.column.table td{width:14.28571429%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.11111111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.09090909%}.ui.twelve.column.table td{width:8.33333333%}.ui.thirteen.column.table td{width:7.69230769%}.ui.fourteen.column.table td{width:7.14285714%}.ui.fifteen.column.table td{width:6.66666667%}.ui.sixteen.column.table td{width:6.25%}.ui.table th.one.wide,.ui.table td.one.wide{width:6.25%}.ui.table th.two.wide,.ui.table td.two.wide{width:12.5%}.ui.table th.three.wide,.ui.table td.three.wide{width:18.75%}.ui.table th.four.wide,.ui.table td.four.wide{width:25%}.ui.table th.five.wide,.ui.table td.five.wide{width:31.25%}.ui.table th.six.wide,.ui.table td.six.wide{width:37.5%}.ui.table th.seven.wide,.ui.table td.seven.wide{width:43.75%}.ui.table th.eight.wide,.ui.table td.eight.wide{width:50%}.ui.table th.nine.wide,.ui.table td.nine.wide{width:56.25%}.ui.table th.ten.wide,.ui.table td.ten.wide{width:62.5%}.ui.table th.eleven.wide,.ui.table td.eleven.wide{width:68.75%}.ui.table th.twelve.wide,.ui.table td.twelve.wide{width:75%}.ui.table th.thirteen.wide,.ui.table td.thirteen.wide{width:81.25%}.ui.table th.fourteen.wide,.ui.table td.fourteen.wide{width:87.5%}.ui.table th.fifteen.wide,.ui.table td.fifteen.wide{width:93.75%}.ui.table th.sixteen.wide,.ui.table td.sixteen.wide{width:100%}.ui.sortable.table thead th{cursor:pointer;white-space:nowrap;border-left:1px solid rgba(34,36,38,0.15);color:rgba(0,0,0,0.87)}.ui.sortable.table thead th:first-child{border-left:none}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.sortable.table thead th:after{display:none;font-style:normal;font-weight:normal;text-decoration:inherit;content:'';height:1em;width:auto;opacity:0.8;margin:0 0 0 0.5em;font-family:'Icons'}.ui.sortable.table thead th.ascending:after{content:'\f0d8'}.ui.sortable.table thead th.descending:after{content:'\f0d7'}.ui.sortable.table th.disabled:hover{cursor:auto;color:rgba(40,40,40,0.3)}.ui.sortable.table thead th:hover{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.8)}.ui.sortable.table thead th.sorted{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95)}.ui.sortable.table thead th.sorted:after{display:inline-block}.ui.sortable.table thead th.sorted:hover{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95)}.ui.inverted.sortable.table thead th.sorted{background:rgba(255,255,255,0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.05)));background:rgba(255,255,255,0.15) -webkit-linear-gradient(transparent, rgba(0,0,0,0.05));background:rgba(255,255,255,0.15) linear-gradient(transparent, rgba(0,0,0,0.05));color:#ffffff}.ui.inverted.sortable.table thead th:hover{background:rgba(255,255,255,0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.05)));background:rgba(255,255,255,0.08) -webkit-linear-gradient(transparent, rgba(0,0,0,0.05));background:rgba(255,255,255,0.08) linear-gradient(transparent, rgba(0,0,0,0.05));color:#ffffff}.ui.inverted.sortable.table thead th{border-left-color:transparent;border-right-color:transparent}.ui.inverted.table{background:#333333;color:rgba(255,255,255,0.9);border:none}.ui.inverted.table th{background-color:rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.9) !important}.ui.inverted.table tr td{border-color:rgba(255,255,255,0.1) !important}.ui.inverted.table tr.disabled td,.ui.inverted.table tr td.disabled,.ui.inverted.table tr.disabled:hover td,.ui.inverted.table tr:hover td.disabled{pointer-events:none;color:rgba(225,225,225,0.3)}.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,.ui.inverted.definition.table thead:not(.full-width) th:first-child{background:#FFFFFF}.ui.inverted.definition.table tr td:first-child{background:rgba(255,255,255,0.02);color:#ffffff}.ui.collapsing.table{width:auto}.ui.basic.table{background:transparent;border:1px solid rgba(34,36,38,0.15);-webkit-box-shadow:none;box-shadow:none}.ui.basic.table thead,.ui.basic.table tfoot{-webkit-box-shadow:none;box-shadow:none}.ui.basic.table th{background:transparent;border-left:none}.ui.basic.table tbody tr{border-bottom:1px solid rgba(0,0,0,0.1)}.ui.basic.table td{background:transparent}.ui.basic.striped.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,0.05) !important}.ui[class*="very basic"].table{border:none}.ui[class*="very basic"].table:not(.sortable):not(.striped) th,.ui[class*="very basic"].table:not(.sortable):not(.striped) td{padding:''}.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child{padding-left:0}.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child{padding-right:0}.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th{padding-top:0}.ui.celled.table tr th,.ui.celled.table tr td{border-left:1px solid rgba(34,36,38,0.1)}.ui.celled.table tr th:first-child,.ui.celled.table tr td:first-child{border-left:none}.ui.padded.table th{padding-left:1em;padding-right:1em}.ui.padded.table th,.ui.padded.table td{padding:1em 1em}.ui[class*="very padded"].table th{padding-left:1.5em;padding-right:1.5em}.ui[class*="very padded"].table td{padding:1.5em 1.5em}.ui.compact.table th{padding-left:0.7em;padding-right:0.7em}.ui.compact.table td{padding:0.5em 0.7em}.ui[class*="very compact"].table th{padding-left:0.6em;padding-right:0.6em}.ui[class*="very compact"].table td{padding:0.4em 0.6em}.ui.small.table{font-size:0.9em}.ui.table{font-size:1em}.ui.large.table{font-size:1.1em}.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width: 767px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#FFFFFF;font-size:1em;font-weight:bold}.ui.mobile.test.ad:after{font-size:0.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)}.ui.cards>.card,.ui.card{max-width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:290px;min-height:0;background:#FFFFFF;padding:0;border:none;border-radius:0.28571429rem;-webkit-box-shadow:0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5;box-shadow:0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5;-webkit-transition:-webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;transition:-webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;transition:box-shadow 0.1s ease, transform 0.1s ease;transition:box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;z-index:''}.ui.card{margin:1em 0}.ui.cards>.card a,.ui.card a{cursor:pointer}.ui.card:first-child{margin-top:0}.ui.card:last-child{margin-bottom:0}.ui.cards{display:-webkit-box;display:-ms-flexbox;display:flex;margin:-0.875em -0.5em;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.cards>.card{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0.875em 0.5em;float:none}.ui.cards:after,.ui.card:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.cards ~ .ui.cards{margin-top:0.875em}.ui.cards>.card>:first-child,.ui.card>:first-child{border-radius:0.28571429rem 0.28571429rem 0 0 !important;border-top:none !important}.ui.cards>.card>:last-child,.ui.card>:last-child{border-radius:0 0 0.28571429rem 0.28571429rem !important}.ui.cards>.card>:only-child,.ui.card>:only-child{border-radius:0.28571429rem !important}.ui.cards>.card>.image,.ui.card>.image{position:relative;display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0;background:rgba(0,0,0,0.05)}.ui.cards>.card>.image>img,.ui.card>.image>img{display:block;width:100%;height:auto;border-radius:inherit}.ui.cards>.card>.image:not(.ui)>img,.ui.card>.image:not(.ui)>img{border:none}.ui.cards>.card>.content,.ui.card>.content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,0.1);background:none;margin:0;padding:1em 1em;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border-radius:0}.ui.cards>.card>.content:after,.ui.card>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.cards>.card>.content>.header,.ui.card>.content>.header{display:block;margin:'';font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;color:rgba(0,0,0,0.85)}.ui.cards>.card>.content>.header:not(.ui),.ui.card>.content>.header:not(.ui){font-weight:bold;font-size:1.28571429em;margin-top:-0.21425em;line-height:1.28571429em}.ui.cards>.card>.content>.meta+.description,.ui.cards>.card>.content>.header+.description,.ui.card>.content>.meta+.description,.ui.card>.content>.header+.description{margin-top:0.5em}.ui.cards>.card [class*="left floated"],.ui.card [class*="left floated"]{float:left}.ui.cards>.card [class*="right floated"],.ui.card [class*="right floated"]{float:right}.ui.cards>.card [class*="left aligned"],.ui.card [class*="left aligned"]{text-align:left}.ui.cards>.card [class*="center aligned"],.ui.card [class*="center aligned"]{text-align:center}.ui.cards>.card [class*="right aligned"],.ui.card [class*="right aligned"]{text-align:right}.ui.cards>.card .content img,.ui.card .content img{display:inline-block;vertical-align:middle;width:''}.ui.cards>.card img.avatar,.ui.cards>.card .avatar img,.ui.card img.avatar,.ui.card .avatar img{width:2em;height:2em;border-radius:500rem}.ui.cards>.card>.content>.description,.ui.card>.content>.description{clear:both;color:rgba(0,0,0,0.68)}.ui.cards>.card>.content p,.ui.card>.content p{margin:0 0 0.5em}.ui.cards>.card>.content p:last-child,.ui.card>.content p:last-child{margin-bottom:0}.ui.cards>.card .meta,.ui.card .meta{font-size:1em;color:rgba(0,0,0,0.4)}.ui.cards>.card .meta *,.ui.card .meta *{margin-right:0.3em}.ui.cards>.card .meta :last-child,.ui.card .meta :last-child{margin-right:0}.ui.cards>.card .meta [class*="right floated"],.ui.card .meta [class*="right floated"]{margin-right:0;margin-left:0.3em}.ui.cards>.card>.content a:not(.ui),.ui.card>.content a:not(.ui){color:'';-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.cards>.card>.content a:not(.ui):hover,.ui.card>.content a:not(.ui):hover{color:''}.ui.cards>.card>.content>a.header,.ui.card>.content>a.header{color:rgba(0,0,0,0.85)}.ui.cards>.card>.content>a.header:hover,.ui.card>.content>a.header:hover{color:#1e70bf}.ui.cards>.card .meta>a:not(.ui),.ui.card .meta>a:not(.ui){color:rgba(0,0,0,0.4)}.ui.cards>.card .meta>a:not(.ui):hover,.ui.card .meta>a:not(.ui):hover{color:rgba(0,0,0,0.87)}.ui.cards>.card>.buttons,.ui.card>.buttons,.ui.cards>.card>.button,.ui.card>.button{margin:0 -1px;width:calc(100% + 2px)}.ui.cards>.card .dimmer,.ui.card .dimmer{background-color:'';z-index:10}.ui.cards>.card>.content .star.icon,.ui.card>.content .star.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.cards>.card>.content .star.icon:hover,.ui.card>.content .star.icon:hover{opacity:1;color:#FFB70A}.ui.cards>.card>.content .active.star.icon,.ui.card>.content .active.star.icon{color:#FFE623}.ui.cards>.card>.content .like.icon,.ui.card>.content .like.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.cards>.card>.content .like.icon:hover,.ui.card>.content .like.icon:hover{opacity:1;color:#FF2733}.ui.cards>.card>.content .active.like.icon,.ui.card>.content .active.like.icon{color:#FF2733}.ui.cards>.card>.extra,.ui.card>.extra{max-width:100%;min-height:0 !important;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid rgba(0,0,0,0.05) !important;position:static;background:none;width:auto;margin:0 0;padding:0.75em 1em;top:0;left:0;color:rgba(0,0,0,0.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.cards>.card>.extra a:not(.ui),.ui.card>.extra a:not(.ui){color:rgba(0,0,0,0.4)}.ui.cards>.card>.extra a:not(.ui):hover,.ui.card>.extra a:not(.ui):hover{color:#1e70bf}.ui.raised.cards>.card,.ui.raised.card{-webkit-box-shadow:0 0 0 1px #D4D4D5,0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);box-shadow:0 0 0 1px #D4D4D5,0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15)}.ui.raised.cards a.card:hover,.ui.link.cards .raised.card:hover,a.ui.raised.card:hover,.ui.link.raised.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5,0 2px 4px 0 rgba(34,36,38,0.15),0 2px 10px 0 rgba(34,36,38,0.25);box-shadow:0 0 0 1px #D4D4D5,0 2px 4px 0 rgba(34,36,38,0.15),0 2px 10px 0 rgba(34,36,38,0.25)}.ui.raised.cards>.card,.ui.raised.card{-webkit-box-shadow:0 0 0 1px #D4D4D5,0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);box-shadow:0 0 0 1px #D4D4D5,0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15)}.ui.centered.cards{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.centered.card{margin-left:auto;margin-right:auto}.ui.fluid.card{width:100%;max-width:9999px}.ui.cards a.card,.ui.link.cards .card,a.ui.card,.ui.link.card{-webkit-transform:none;transform:none}.ui.cards a.card:hover,.ui.link.cards .card:hover,a.ui.card:hover,.ui.link.card:hover{cursor:pointer;z-index:5;background:#FFFFFF;border:none;-webkit-box-shadow:0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5;box-shadow:0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.ui.red.cards>.card,.ui.cards>.red.card,.ui.red.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5}.ui.red.cards>.card:hover,.ui.cards>.red.card:hover,.ui.red.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD}.ui.orange.cards>.card,.ui.cards>.orange.card,.ui.orange.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5}.ui.orange.cards>.card:hover,.ui.cards>.orange.card:hover,.ui.orange.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD}.ui.yellow.cards>.card,.ui.cards>.yellow.card,.ui.yellow.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5}.ui.yellow.cards>.card:hover,.ui.cards>.yellow.card:hover,.ui.yellow.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD}.ui.olive.cards>.card,.ui.cards>.olive.card,.ui.olive.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5}.ui.olive.cards>.card:hover,.ui.cards>.olive.card:hover,.ui.olive.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD}.ui.green.cards>.card,.ui.cards>.green.card,.ui.green.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5}.ui.green.cards>.card:hover,.ui.cards>.green.card:hover,.ui.green.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD}.ui.teal.cards>.card,.ui.cards>.teal.card,.ui.teal.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5}.ui.teal.cards>.card:hover,.ui.cards>.teal.card:hover,.ui.teal.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD}.ui.blue.cards>.card,.ui.cards>.blue.card,.ui.blue.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5}.ui.blue.cards>.card:hover,.ui.cards>.blue.card:hover,.ui.blue.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD}.ui.violet.cards>.card,.ui.cards>.violet.card,.ui.violet.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5}.ui.violet.cards>.card:hover,.ui.cards>.violet.card:hover,.ui.violet.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD}.ui.purple.cards>.card,.ui.cards>.purple.card,.ui.purple.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5}.ui.purple.cards>.card:hover,.ui.cards>.purple.card:hover,.ui.purple.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD}.ui.pink.cards>.card,.ui.cards>.pink.card,.ui.pink.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5}.ui.pink.cards>.card:hover,.ui.cards>.pink.card:hover,.ui.pink.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD}.ui.brown.cards>.card,.ui.cards>.brown.card,.ui.brown.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5}.ui.brown.cards>.card:hover,.ui.cards>.brown.card:hover,.ui.brown.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD}.ui.grey.cards>.card,.ui.cards>.grey.card,.ui.grey.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5}.ui.grey.cards>.card:hover,.ui.cards>.grey.card:hover,.ui.grey.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD}.ui.black.cards>.card,.ui.cards>.black.card,.ui.black.card{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5}.ui.black.cards>.card:hover,.ui.cards>.black.card:hover,.ui.black.card:hover{-webkit-box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD;box-shadow:0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD}.ui.one.cards{margin-left:0;margin-right:0}.ui.one.cards>.card{width:100%}.ui.two.cards{margin-left:-1em;margin-right:-1em}.ui.two.cards>.card{width:calc( 50% - 2em);margin-left:1em;margin-right:1em}.ui.three.cards{margin-left:-1em;margin-right:-1em}.ui.three.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.four.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.four.cards>.card{width:calc( 25% - 1.5em);margin-left:0.75em;margin-right:0.75em}.ui.five.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.five.cards>.card{width:calc( 20% - 1.5em);margin-left:0.75em;margin-right:0.75em}.ui.six.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.six.cards>.card{width:calc( 16.66666667% - 1.5em);margin-left:0.75em;margin-right:0.75em}.ui.seven.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.seven.cards>.card{width:calc( 14.28571429% - 1em);margin-left:0.5em;margin-right:0.5em}.ui.eight.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.eight.cards>.card{width:calc( 12.5% - 1em);margin-left:0.5em;margin-right:0.5em;font-size:11px}.ui.nine.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.nine.cards>.card{width:calc( 11.11111111% - 1em);margin-left:0.5em;margin-right:0.5em;font-size:10px}.ui.ten.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.ten.cards>.card{width:calc( 10% - 1em);margin-left:0.5em;margin-right:0.5em}@media only screen and (max-width: 767px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards>.card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc( 50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc( 50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc( 50% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc( 50% - 2em);margin-left:1em;margin-right:1em}.ui.seven.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.seven.doubling.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.nine.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.nine.doubling.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.ten.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.ten.doubling.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards>.card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc( 50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc( 50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc( 33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.eight.doubling.cards>.card{width:calc( 25% - 1.5em);margin-left:0.75em;margin-right:0.75em}.ui.nine.doubling.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.nine.doubling.cards>.card{width:calc( 25% - 1.5em);margin-left:0.75em;margin-right:0.75em}.ui.ten.doubling.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.ten.doubling.cards>.card{width:calc( 20% - 1.5em);margin-left:0.75em;margin-right:0.75em}}@media only screen and (max-width: 767px){.ui.stackable.cards{display:block !important}.ui.stackable.cards .card:first-child{margin-top:0 !important}.ui.stackable.cards>.card{display:block !important;height:auto !important;margin:1em 1em;padding:0 !important;width:calc( 100% - 2em) !important}}.ui.cards>.card{font-size:1em}.ui.comments{margin:1.5em 0;max-width:650px}.ui.comments:first-child{margin-top:0}.ui.comments:last-child{margin-bottom:0}.ui.comments .comment{position:relative;background:none;margin:0.5em 0 0;padding:0.5em 0 0;border:none;border-top:none;line-height:1.2}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .comments{margin:0 0 0.5em 0.5em;padding:1em 0 1em 1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments .comment .comments .comment{border:none;border-top:none;background:none}.ui.comments .comment .avatar{display:block;width:2.5em;height:auto;float:left;margin:0.2em 0 0}.ui.comments .comment img.avatar,.ui.comments .comment .avatar img{display:block;margin:0 auto;width:100%;height:100%;border-radius:0.25rem}.ui.comments .comment>.content{display:block}.ui.comments .comment>.avatar ~ .content{margin-left:3.5em}.ui.comments .comment .author{font-size:1em;color:rgba(0,0,0,0.87);font-weight:bold}.ui.comments .comment a.author{cursor:pointer}.ui.comments .comment a.author:hover{color:#1e70bf}.ui.comments .comment .metadata{display:inline-block;margin-left:0.5em;color:rgba(0,0,0,0.4);font-size:0.875em}.ui.comments .comment .metadata>*{display:inline-block;margin:0 0.5em 0 0}.ui.comments .comment .metadata>:last-child{margin-right:0}.ui.comments .comment .text{margin:0.25em 0 0.5em;font-size:1em;word-wrap:break-word;color:rgba(0,0,0,0.87);line-height:1.3}.ui.comments .comment .actions{font-size:0.875em}.ui.comments .comment .actions a{cursor:pointer;display:inline-block;margin:0 0.75em 0 0;color:rgba(0,0,0,0.4)}.ui.comments .comment .actions a:last-child{margin-right:0}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,0.8)}.ui.comments>.reply.form{margin-top:1em}.ui.comments .comment .reply.form{width:100%;margin-top:1em}.ui.comments .reply.form textarea{font-size:1em;height:12em}.ui.collapsed.comments,.ui.comments .collapsed.comments,.ui.comments .collapsed.comment{display:none}.ui.threaded.comments .comment .comments{margin:-1.5em 0 -1em 1.25em;padding:3em 0 2em 2.25em;-webkit-box-shadow:-1px 0 0 rgba(34,36,38,0.15);box-shadow:-1px 0 0 rgba(34,36,38,0.15)}.ui.minimal.comments .comment .actions{opacity:0;position:absolute;top:0;right:0;left:auto;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-transition-delay:0.1s;transition-delay:0.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.mini.comments{font-size:0.78571429rem}.ui.tiny.comments{font-size:0.85714286rem}.ui.small.comments{font-size:0.92857143rem}.ui.comments{font-size:1rem}.ui.large.comments{font-size:1.14285714rem}.ui.big.comments{font-size:1.28571429rem}.ui.huge.comments{font-size:1.42857143rem}.ui.massive.comments{font-size:1.71428571rem}.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;padding:0.21428571rem 0;margin:0;background:none;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:2.5em;height:auto;-ms-flex-item-align:stretch;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:0.25em;background:none;border:none;border-radius:none;color:rgba(0,0,0,0.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:0.5em 0 0.35714286em 1.14285714em}.ui.feed>.event>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-0.5rem 0 0;padding:0;font-weight:normal;font-size:1em;font-style:normal;color:rgba(0,0,0,0.4)}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:bold;color:rgba(0,0,0,0.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-0.25em 0.25em 0 0;border-radius:0.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:bold;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-0.25em 0.25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:normal;font-size:0.85714286em;font-style:normal;margin:0 0 0 0.5em;padding:0;color:rgba(0,0,0,0.4)}.ui.feed>.event>.content .extra{margin:0.5em 0 0;background:none;padding:0;color:rgba(0,0,0,0.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 0.25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:0.85714286em;margin:0.5em 0 0;background:none;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:0;color:rgba(0,0,0,0.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:0.75em}.ui.feed>.event>.content .meta>*:after{content:'';color:rgba(0,0,0,0.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:'';-webkit-transition:0.2s color ease;transition:0.2s color ease}.ui.feed>.event>.content .meta .like:hover .icon{color:#FF2733}.ui.feed>.event>.content .meta .active.like .icon{color:#EF404A}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,0.5);-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover .icon,.ui.feed>.event>.content .meta>.icon:hover{color:rgba(0,0,0,0.95)}.ui.small.feed{font-size:0.92857143rem}.ui.feed{font-size:1rem}.ui.large.feed{font-size:1.14285714rem}.ui.items>.item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 0;width:100%;min-height:0;background:transparent;padding:0;border:none;border-radius:0rem;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow 0.1s ease;transition:-webkit-box-shadow 0.1s ease;transition:box-shadow 0.1s ease;transition:box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0}.ui.items:first-child{margin-top:0 !important}.ui.items:last-child{margin-bottom:0 !important}.ui.items>.item:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0}.ui.items>.item:last-child{margin-bottom:0}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0;padding:0;max-height:'';-ms-flex-item-align:top;align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:0.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0rem}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0}.ui.items>.item>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0;-ms-flex-item-align:top;align-self:top;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-0.21425em 0 0;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;color:rgba(0,0,0,0.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{-ms-flex-item-align:middle;align-self:middle;width:''}.ui.items>.item img.avatar,.ui.items>.item .avatar img{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:0.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,0.87)}.ui.items>.item>.content p{margin:0 0 0.5em}.ui.items>.item>.content p:last-child{margin-bottom:0}.ui.items>.item .meta{margin:0.5em 0 0.5em;font-size:1em;line-height:1em;color:rgba(0,0,0,0.6)}.ui.items>.item .meta *{margin-right:0.3em}.ui.items>.item .meta :last-child{margin-right:0}.ui.items>.item .meta [class*="right floated"]{margin-right:0;margin-left:0.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,0.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,0.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,0.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#FFB70A}.ui.items>.item>.content .active.favorite.icon{color:#FFE623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:0.75;-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#FF2733}.ui.items>.item>.content .active.like.icon{color:#FF2733}.ui.items>.item .extra{display:block;position:relative;background:none;margin:0.5rem 0 0;width:100%;padding:0 0 0;top:0;left:0;color:rgba(0,0,0,0.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color 0.1s ease;transition:color 0.1s ease;border-top:none}.ui.items>.item .extra>*{margin:0.25rem 0.5rem 0.25rem 0}.ui.items>.item .extra>[class*="right floated"]{margin:0.25rem 0 0.25rem 0.5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width: 768px) and (max-width: 991px){.ui.items>.item{margin:1em 0}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0 0 0 1em}}@media only screen and (max-width: 767px){.ui.items:not(.unstackable)>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100% !important;width:auto !important;max-height:250px !important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0 0}}.ui.items>.item>.image+[class*="top aligned"].content{-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0}.ui[class*="very relaxed"].items>.item{margin:2em 0}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,0.15);margin:0;padding:1em 0}.ui.divided.items>.item:first-child{border-top:none;margin-top:0 !important;padding-top:0 !important}.ui.divided.items>.item:last-child{margin-bottom:0 !important;padding-bottom:0 !important}.ui.relaxed.divided.items>.item{margin:0;padding:1.5em 0}.ui[class*="very relaxed"].divided.items>.item{margin:0;padding:2em 0}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width: 767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px !important}}.ui.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:1em 0;max-width:auto}.ui.statistic+.ui.statistic{margin:0 0 0 1.5em}.ui.statistic:first-child{margin-top:0}.ui.statistic:last-child{margin-bottom:0}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.statistics>.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 1.5em 2em;max-width:auto}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em -1.5em -2em}.ui.statistics:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.statistics:first-child{margin-top:0}.ui.statistics:last-child{margin-bottom:0}.ui.statistics .statistic>.value,.ui.statistic>.value{font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:4rem;font-weight:normal;line-height:1em;color:#1B1C1D;text-transform:uppercase;text-align:center}.ui.statistics .statistic>.label,.ui.statistic>.label{font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:1em;font-weight:bold;color:rgba(0,0,0,0.87);text-transform:uppercase;text-align:center}.ui.statistics .statistic>.label ~ .value,.ui.statistic>.label ~ .value{margin-top:0rem}.ui.statistics .statistic>.value ~ .label,.ui.statistic>.value ~ .label{margin-top:0rem}.ui.statistics .statistic>.value .icon,.ui.statistic>.value .icon{opacity:1;width:auto;margin:0}.ui.statistics .statistic>.text.value,.ui.statistic>.text.value{line-height:1em;min-height:2em;font-weight:bold;text-align:center}.ui.statistics .statistic>.text.value+.label,.ui.statistic>.text.value+.label{text-align:center}.ui.statistics .statistic>.value img,.ui.statistic>.value img{max-height:3rem;vertical-align:baseline}.ui.ten.statistics{margin:0 0 -2em}.ui.ten.statistics .statistic{min-width:10%;margin:0 0 2em}.ui.nine.statistics{margin:0 0 -2em}.ui.nine.statistics .statistic{min-width:11.11111111%;margin:0 0 2em}.ui.eight.statistics{margin:0 0 -2em}.ui.eight.statistics .statistic{min-width:12.5%;margin:0 0 2em}.ui.seven.statistics{margin:0 0 -2em}.ui.seven.statistics .statistic{min-width:14.28571429%;margin:0 0 2em}.ui.six.statistics{margin:0 0 -2em}.ui.six.statistics .statistic{min-width:16.66666667%;margin:0 0 2em}.ui.five.statistics{margin:0 0 -2em}.ui.five.statistics .statistic{min-width:20%;margin:0 0 2em}.ui.four.statistics{margin:0 0 -2em}.ui.four.statistics .statistic{min-width:25%;margin:0 0 2em}.ui.three.statistics{margin:0 0 -2em}.ui.three.statistics .statistic{min-width:33.33333333%;margin:0 0 2em}.ui.two.statistics{margin:0 0 -2em}.ui.two.statistics .statistic{min-width:50%;margin:0 0 2em}.ui.one.statistics{margin:0 0 -2em}.ui.one.statistics .statistic{min-width:100%;margin:0 0 2em}.ui.horizontal.statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.horizontal.statistics{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;max-width:none}.ui.horizontal.statistics .statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:none;margin:1em 0}.ui.horizontal.statistic>.text.value,.ui.horizontal.statistics>.statistic>.text.value{min-height:0 !important}.ui.horizontal.statistics .statistic>.value .icon,.ui.horizontal.statistic>.value .icon{width:1.18em}.ui.horizontal.statistics .statistic>.value,.ui.horizontal.statistic>.value{display:inline-block;vertical-align:middle}.ui.horizontal.statistics .statistic>.label,.ui.horizontal.statistic>.label{display:inline-block;vertical-align:middle;margin:0 0 0 0.75em}.ui.red.statistics .statistic>.value,.ui.statistics .red.statistic>.value,.ui.red.statistic>.value{color:#DB2828}.ui.orange.statistics .statistic>.value,.ui.statistics .orange.statistic>.value,.ui.orange.statistic>.value{color:#F2711C}.ui.yellow.statistics .statistic>.value,.ui.statistics .yellow.statistic>.value,.ui.yellow.statistic>.value{color:#FBBD08}.ui.olive.statistics .statistic>.value,.ui.statistics .olive.statistic>.value,.ui.olive.statistic>.value{color:#B5CC18}.ui.green.statistics .statistic>.value,.ui.statistics .green.statistic>.value,.ui.green.statistic>.value{color:#21BA45}.ui.teal.statistics .statistic>.value,.ui.statistics .teal.statistic>.value,.ui.teal.statistic>.value{color:#00B5AD}.ui.blue.statistics .statistic>.value,.ui.statistics .blue.statistic>.value,.ui.blue.statistic>.value{color:#2185D0}.ui.violet.statistics .statistic>.value,.ui.statistics .violet.statistic>.value,.ui.violet.statistic>.value{color:#6435C9}.ui.purple.statistics .statistic>.value,.ui.statistics .purple.statistic>.value,.ui.purple.statistic>.value{color:#A333C8}.ui.pink.statistics .statistic>.value,.ui.statistics .pink.statistic>.value,.ui.pink.statistic>.value{color:#E03997}.ui.brown.statistics .statistic>.value,.ui.statistics .brown.statistic>.value,.ui.brown.statistic>.value{color:#A5673F}.ui.grey.statistics .statistic>.value,.ui.statistics .grey.statistic>.value,.ui.grey.statistic>.value{color:#767676}.ui.inverted.statistics .statistic>.value,.ui.inverted.statistic .value{color:#FFFFFF}.ui.inverted.statistics .statistic>.label,.ui.inverted.statistic .label{color:rgba(255,255,255,0.9)}.ui.inverted.red.statistics .statistic>.value,.ui.statistics .inverted.red.statistic>.value,.ui.inverted.red.statistic>.value{color:#FF695E}.ui.inverted.orange.statistics .statistic>.value,.ui.statistics .inverted.orange.statistic>.value,.ui.inverted.orange.statistic>.value{color:#FF851B}.ui.inverted.yellow.statistics .statistic>.value,.ui.statistics .inverted.yellow.statistic>.value,.ui.inverted.yellow.statistic>.value{color:#FFE21F}.ui.inverted.olive.statistics .statistic>.value,.ui.statistics .inverted.olive.statistic>.value,.ui.inverted.olive.statistic>.value{color:#D9E778}.ui.inverted.green.statistics .statistic>.value,.ui.statistics .inverted.green.statistic>.value,.ui.inverted.green.statistic>.value{color:#2ECC40}.ui.inverted.teal.statistics .statistic>.value,.ui.statistics .inverted.teal.statistic>.value,.ui.inverted.teal.statistic>.value{color:#6DFFFF}.ui.inverted.blue.statistics .statistic>.value,.ui.statistics .inverted.blue.statistic>.value,.ui.inverted.blue.statistic>.value{color:#54C8FF}.ui.inverted.violet.statistics .statistic>.value,.ui.statistics .inverted.violet.statistic>.value,.ui.inverted.violet.statistic>.value{color:#A291FB}.ui.inverted.purple.statistics .statistic>.value,.ui.statistics .inverted.purple.statistic>.value,.ui.inverted.purple.statistic>.value{color:#DC73FF}.ui.inverted.pink.statistics .statistic>.value,.ui.statistics .inverted.pink.statistic>.value,.ui.inverted.pink.statistic>.value{color:#FF8EDF}.ui.inverted.brown.statistics .statistic>.value,.ui.statistics .inverted.brown.statistic>.value,.ui.inverted.brown.statistic>.value{color:#D67C1C}.ui.inverted.grey.statistics .statistic>.value,.ui.statistics .inverted.grey.statistic>.value,.ui.inverted.grey.statistic>.value{color:#DCDDDE}.ui[class*="left floated"].statistic{float:left;margin:0 2em 1em 0}.ui[class*="right floated"].statistic{float:right;margin:0 0 1em 2em}.ui.floated.statistic:last-child{margin-bottom:0}.ui.mini.statistics .statistic>.value,.ui.mini.statistic>.value{font-size:1.5rem !important}.ui.mini.horizontal.statistics .statistic>.value,.ui.mini.horizontal.statistic>.value{font-size:1.5rem !important}.ui.mini.statistics .statistic>.text.value,.ui.mini.statistic>.text.value{font-size:1rem !important}.ui.tiny.statistics .statistic>.value,.ui.tiny.statistic>.value{font-size:2rem !important}.ui.tiny.horizontal.statistics .statistic>.value,.ui.tiny.horizontal.statistic>.value{font-size:2rem !important}.ui.tiny.statistics .statistic>.text.value,.ui.tiny.statistic>.text.value{font-size:1rem !important}.ui.small.statistics .statistic>.value,.ui.small.statistic>.value{font-size:3rem !important}.ui.small.horizontal.statistics .statistic>.value,.ui.small.horizontal.statistic>.value{font-size:2rem !important}.ui.small.statistics .statistic>.text.value,.ui.small.statistic>.text.value{font-size:1rem !important}.ui.statistics .statistic>.value,.ui.statistic>.value{font-size:4rem !important}.ui.horizontal.statistics .statistic>.value,.ui.horizontal.statistic>.value{font-size:3rem !important}.ui.statistics .statistic>.text.value,.ui.statistic>.text.value{font-size:2rem !important}.ui.large.statistics .statistic>.value,.ui.large.statistic>.value{font-size:5rem !important}.ui.large.horizontal.statistics .statistic>.value,.ui.large.horizontal.statistic>.value{font-size:4rem !important}.ui.large.statistics .statistic>.text.value,.ui.large.statistic>.text.value{font-size:2.5rem !important}.ui.huge.statistics .statistic>.value,.ui.huge.statistic>.value{font-size:6rem !important}.ui.huge.horizontal.statistics .statistic>.value,.ui.huge.horizontal.statistic>.value{font-size:5rem !important}.ui.huge.statistics .statistic>.text.value,.ui.huge.statistic>.text.value{font-size:2.5rem !important}.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .title,.ui.accordion .accordion .title{cursor:pointer}.ui.accordion .title:not(.ui){padding:0.5em 0;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:1em;color:rgba(0,0,0,0.87)}.ui.accordion .title ~ .content,.ui.accordion .accordion .title ~ .content{display:none}.ui.accordion:not(.styled) .title ~ .content:not(.ui),.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui){margin:'';padding:0.5em 0 1em}.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child{padding-bottom:0}.ui.accordion .title .dropdown.icon,.ui.accordion .accordion .title .dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 0.25rem 0 0rem;padding:0;font-size:1em;-webkit-transition:opacity 0.1s ease, -webkit-transform 0.1s ease;transition:opacity 0.1s ease, -webkit-transform 0.1s ease;transition:transform 0.1s ease, opacity 0.1s ease;transition:transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;vertical-align:baseline;-webkit-transform:none;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:0.21425em 0 0 1em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion .ui.header .dropdown.icon{font-size:1em;margin:0 0.25rem 0 0rem}.ui.accordion .active.title .dropdown.icon,.ui.accordion .accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:0.28571429rem;background:#FFFFFF;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15);box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15)}.ui.styled.accordion .title,.ui.styled.accordion .accordion .title{margin:0;padding:0.75em 1em;color:rgba(0,0,0,0.4);font-weight:bold;border-top:1px solid rgba(34,36,38,0.15);-webkit-transition:background 0.1s ease, color 0.1s ease;transition:background 0.1s ease, color 0.1s ease}.ui.styled.accordion>.title:first-child,.ui.styled.accordion .accordion .title:first-child{border-top:none}.ui.styled.accordion .content,.ui.styled.accordion .accordion .content{margin:0;padding:0.5em 1em 1.5em}.ui.styled.accordion .accordion .content{padding:0;padding:0.5em 1em 1.5em}.ui.styled.accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .accordion .active.title{background:transparent;color:rgba(0,0,0,0.87)}.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .accordion .active.title{background:transparent;color:rgba(0,0,0,0.87)}.ui.styled.accordion .active.title{background:transparent;color:rgba(0,0,0,0.95)}.ui.styled.accordion .accordion .active.title{background:transparent;color:rgba(0,0,0,0.95)}.ui.accordion .active.content,.ui.accordion .accordion .active.content{display:block}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .title:not(.ui){color:rgba(255,255,255,0.9)}.ui.checkbox{position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:none;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1rem;line-height:17px;min-width:17px}.ui.checkbox input[type="checkbox"],.ui.checkbox input[type="radio"]{cursor:pointer;position:absolute;top:0;left:0;opacity:0 !important;outline:none;z-index:3;width:17px;height:17px}.ui.checkbox .box,.ui.checkbox label{cursor:auto;position:relative;display:block;padding-left:1.85714em;outline:none;font-size:1em}.ui.checkbox .box:before,.ui.checkbox label:before{position:absolute;top:0;left:0;width:17px;height:17px;content:'';background:#FFFFFF;border-radius:0.21428571rem;-webkit-transition:border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;transition:border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;border:1px solid #D4D4D5}.ui.checkbox .box:after,.ui.checkbox label:after{position:absolute;font-size:14px;top:0;left:0;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,0.87);-webkit-transition:border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;transition:border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;transition:border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease}.ui.checkbox label,.ui.checkbox+label{color:rgba(0,0,0,0.87);-webkit-transition:color 0.1s ease;transition:color 0.1s ease}.ui.checkbox+label{vertical-align:middle}.ui.checkbox .box:hover::before,.ui.checkbox label:hover::before{background:#FFFFFF;border-color:rgba(34,36,38,0.35)}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:rgba(0,0,0,0.8)}.ui.checkbox .box:active::before,.ui.checkbox label:active::before{background:#F9FAFB;border-color:rgba(34,36,38,0.35)}.ui.checkbox .box:active::after,.ui.checkbox label:active::after{color:rgba(0,0,0,0.95)}.ui.checkbox input:active ~ label{color:rgba(0,0,0,0.95)}.ui.checkbox input:focus ~ .box:before,.ui.checkbox input:focus ~ label:before{background:#FFFFFF;border-color:#96C8DA}.ui.checkbox input:focus ~ .box:after,.ui.checkbox input:focus ~ label:after{color:rgba(0,0,0,0.95)}.ui.checkbox input:focus ~ label{color:rgba(0,0,0,0.95)}.ui.checkbox input:checked ~ .box:before,.ui.checkbox input:checked ~ label:before{background:#FFFFFF;border-color:rgba(34,36,38,0.35)}.ui.checkbox input:checked ~ .box:after,.ui.checkbox input:checked ~ label:after{opacity:1;color:rgba(0,0,0,0.95)}.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,.ui.checkbox input:not([type=radio]):indeterminate ~ label:before{background:#FFFFFF;border-color:rgba(34,36,38,0.35)}.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,.ui.checkbox input:not([type=radio]):indeterminate ~ label:after{opacity:1;color:rgba(0,0,0,0.95)}.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,.ui.checkbox input:checked:focus ~ .box:before,.ui.checkbox input:checked:focus ~ label:before{background:#FFFFFF;border-color:#96C8DA}.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,.ui.checkbox input:checked:focus ~ .box:after,.ui.checkbox input:checked:focus ~ label:after{color:rgba(0,0,0,0.95)}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default}.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label,.ui.checkbox input[disabled] ~ .box:after,.ui.checkbox input[disabled] ~ label{cursor:default !important;opacity:0.5;color:#000000}.ui.checkbox input.hidden{z-index:-1}.ui.checkbox input.hidden+label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.radio.checkbox{min-height:15px}.ui.radio.checkbox .box,.ui.radio.checkbox label{padding-left:1.85714em}.ui.radio.checkbox .box:before,.ui.radio.checkbox label:before{content:'';-webkit-transform:none;transform:none;width:15px;height:15px;border-radius:500rem;top:1px;left:0}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{border:none;content:'' !important;width:15px;height:15px;line-height:15px}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{top:1px;left:0;width:15px;height:15px;border-radius:500rem;-webkit-transform:scale(0.46667);transform:scale(0.46667);background-color:rgba(0,0,0,0.87)}.ui.radio.checkbox input:focus ~ .box:before,.ui.radio.checkbox input:focus ~ label:before{background-color:#FFFFFF}.ui.radio.checkbox input:focus ~ .box:after,.ui.radio.checkbox input:focus ~ label:after{background-color:rgba(0,0,0,0.95)}.ui.radio.checkbox input:indeterminate ~ .box:after,.ui.radio.checkbox input:indeterminate ~ label:after{opacity:0}.ui.radio.checkbox input:checked ~ .box:before,.ui.radio.checkbox input:checked ~ label:before{background-color:#FFFFFF}.ui.radio.checkbox input:checked ~ .box:after,.ui.radio.checkbox input:checked ~ label:after{background-color:rgba(0,0,0,0.95)}.ui.radio.checkbox input:focus:checked ~ .box:before,.ui.radio.checkbox input:focus:checked ~ label:before{background-color:#FFFFFF}.ui.radio.checkbox input:focus:checked ~ .box:after,.ui.radio.checkbox input:focus:checked ~ label:after{background-color:rgba(0,0,0,0.95)}.ui.slider.checkbox{min-height:1.25rem}.ui.slider.checkbox input{width:3.5rem;height:1.25rem}.ui.slider.checkbox .box,.ui.slider.checkbox label{padding-left:4.5rem;line-height:1rem;color:rgba(0,0,0,0.4)}.ui.slider.checkbox .box:before,.ui.slider.checkbox label:before{display:block;position:absolute;content:'';border:none !important;left:0;z-index:1;top:0.4rem;background-color:rgba(0,0,0,0.05);width:3.5rem;height:0.21428571rem;-webkit-transform:none;transform:none;border-radius:500rem;-webkit-transition:background 0.3s ease;transition:background 0.3s ease}.ui.slider.checkbox .box:after,.ui.slider.checkbox label:after{background:#fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.05)));background:#fff -webkit-linear-gradient(transparent, rgba(0,0,0,0.05));background:#fff linear-gradient(transparent, rgba(0,0,0,0.05));position:absolute;content:'' !important;opacity:1;z-index:2;border:none;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;width:1.5rem;height:1.5rem;top:-0.25rem;left:0;-webkit-transform:none;transform:none;border-radius:500rem;-webkit-transition:left 0.3s ease;transition:left 0.3s ease}.ui.slider.checkbox input:focus ~ .box:before,.ui.slider.checkbox input:focus ~ label:before{background-color:rgba(0,0,0,0.15);border:none}.ui.slider.checkbox .box:hover,.ui.slider.checkbox label:hover{color:rgba(0,0,0,0.8)}.ui.slider.checkbox .box:hover::before,.ui.slider.checkbox label:hover::before{background:rgba(0,0,0,0.15)}.ui.slider.checkbox input:checked ~ .box,.ui.slider.checkbox input:checked ~ label{color:rgba(0,0,0,0.95) !important}.ui.slider.checkbox input:checked ~ .box:before,.ui.slider.checkbox input:checked ~ label:before{background-color:#545454 !important}.ui.slider.checkbox input:checked ~ .box:after,.ui.slider.checkbox input:checked ~ label:after{left:2rem}.ui.slider.checkbox input:focus:checked ~ .box,.ui.slider.checkbox input:focus:checked ~ label{color:rgba(0,0,0,0.95) !important}.ui.slider.checkbox input:focus:checked ~ .box:before,.ui.slider.checkbox input:focus:checked ~ label:before{background-color:#000000 !important}.ui.toggle.checkbox{min-height:1.5rem}.ui.toggle.checkbox input{width:3.5rem;height:1.5rem}.ui.toggle.checkbox .box,.ui.toggle.checkbox label{min-height:1.5rem;padding-left:4.5rem;color:rgba(0,0,0,0.87)}.ui.toggle.checkbox label{padding-top:0.15em}.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label:before{display:block;position:absolute;content:'';z-index:1;-webkit-transform:none;transform:none;border:none;top:0rem;background:rgba(0,0,0,0.05);-webkit-box-shadow:none;box-shadow:none;width:3.5rem;height:1.5rem;border-radius:500rem}.ui.toggle.checkbox .box:after,.ui.toggle.checkbox label:after{background:#fff -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.05)));background:#fff -webkit-linear-gradient(transparent, rgba(0,0,0,0.05));background:#fff linear-gradient(transparent, rgba(0,0,0,0.05));position:absolute;content:'' !important;opacity:1;z-index:2;border:none;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;width:1.5rem;height:1.5rem;top:0rem;left:0;border-radius:500rem;-webkit-transition:background 0.3s ease, left 0.3s ease;transition:background 0.3s ease, left 0.3s ease}.ui.toggle.checkbox input ~ .box:after,.ui.toggle.checkbox input ~ label:after{left:-0.05rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset}.ui.toggle.checkbox input:focus ~ .box:before,.ui.toggle.checkbox input:focus ~ label:before{background-color:rgba(0,0,0,0.15);border:none}.ui.toggle.checkbox .box:hover::before,.ui.toggle.checkbox label:hover::before{background-color:rgba(0,0,0,0.15);border:none}.ui.toggle.checkbox input:checked ~ .box,.ui.toggle.checkbox input:checked ~ label{color:rgba(0,0,0,0.95) !important}.ui.toggle.checkbox input:checked ~ .box:before,.ui.toggle.checkbox input:checked ~ label:before{background-color:#2185D0 !important}.ui.toggle.checkbox input:checked ~ .box:after,.ui.toggle.checkbox input:checked ~ label:after{left:2.15rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset}.ui.toggle.checkbox input:focus:checked ~ .box,.ui.toggle.checkbox input:focus:checked ~ label{color:rgba(0,0,0,0.95) !important}.ui.toggle.checkbox input:focus:checked ~ .box:before,.ui.toggle.checkbox input:focus:checked ~ label:before{background-color:#0d71bb !important}.ui.fitted.checkbox .box,.ui.fitted.checkbox label{padding-left:0 !important}.ui.fitted.toggle.checkbox,.ui.fitted.toggle.checkbox{width:3.5rem}.ui.fitted.slider.checkbox,.ui.fitted.slider.checkbox{width:3.5rem}.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0 !important;left:0 !important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background-color:rgba(0,0,0,0.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-transition:background-color 0.5s linear;transition:background-color 0.5s linear;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#FFFFFF}.ui.segment>.ui.dimmer{border-radius:inherit !important}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,0.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,0.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.35)}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.ui.disabled.dimmer{width:0 !important;height:0 !important}.ui[class*="top aligned"].dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui.page.dimmer{position:fixed;-webkit-transform-style:'';transform-style:'';-webkit-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;transform-origin:center center}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}.blurring.dimmable>:not(.dimmer){-webkit-filter:blur(0px) grayscale(0);filter:blur(0px) grayscale(0);-webkit-transition:800ms -webkit-filter ease;transition:800ms -webkit-filter ease;transition:800ms filter ease;transition:800ms filter ease, 800ms -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer){-webkit-filter:blur(5px) grayscale(0.7);filter:blur(5px) grayscale(0.7)}.blurring.dimmable>.dimmer{background-color:rgba(0,0,0,0.6)}.blurring.dimmable>.inverted.dimmer{background-color:rgba(255,255,255,0.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,0.85)}.ui.inverted.dimmer>.content>*{color:#FFFFFF}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;width:0%;height:0%;z-index:-100;background-color:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,0.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0.85)}.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:none;text-align:left;-webkit-transition:width 0.1s ease, -webkit-box-shadow 0.1s ease;transition:width 0.1s ease, -webkit-box-shadow 0.1s ease;transition:box-shadow 0.1s ease, width 0.1s ease;transition:box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:none;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#FFFFFF;font-size:1em;text-shadow:none;text-align:left;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);border:1px solid rgba(34,36,38,0.15);border-radius:0.28571429rem;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;z-index:11;will-change:transform, opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none !important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:0.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;color:rgba(0,0,0,0.87);padding:0.78571429rem 1.14285714rem !important;font-size:1rem;text-transform:none;font-weight:normal;-webkit-box-shadow:none;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown>.text>[class*="right floated"],.ui.dropdown .menu .item>[class*="right floated"]{float:right !important;margin-right:0 !important;margin-left:1em !important}.ui.dropdown>.text>[class*="left floated"],.ui.dropdown .menu .item>[class*="left floated"]{float:left !important;margin-left:0 !important;margin-right:1em !important}.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0rem 0.75rem;padding:0 1.14285714rem;color:rgba(0,0,0,0.85);font-size:0.78571429em;font-weight:bold;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,0.1);height:0;margin:0.5em 0}.ui.dropdown.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem 0.78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:0.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:0.5em;padding-bottom:0.5em}.ui.dropdown>.text>.description,.ui.dropdown .menu>.item>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,0.4)}.ui.dropdown .menu>.message{padding:0.78571429rem 1.14285714rem;font-weight:normal}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,0.4)}.ui.dropdown .menu .menu{top:0% !important;left:100%;right:auto;margin:0 0 0 -0.5em !important;border-radius:0.28571429rem !important;z-index:21 !important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.icon,.ui.dropdown>.text>.label,.ui.dropdown>.text>.flag,.ui.dropdown>.text>img,.ui.dropdown>.text>.image{margin-top:0}.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown>.text>.icon,.ui.dropdown>.text>.label,.ui.dropdown>.text>.flag,.ui.dropdown>.text>img,.ui.dropdown>.text>.image,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img{margin-left:0;float:none;margin-right:0.78571429rem}.ui.dropdown>.text>img,.ui.dropdown>.text>.image,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img{display:inline-block;vertical-align:top;width:auto;margin-top:-0.5em;margin-bottom:-0.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.menu .right.menu .dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.buttons>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);min-width:14em;min-height:2.71428571em;background:#FFFFFF;display:inline-block;padding:0.78571429em 2.1em 0.78571429em 1em;color:rgba(0,0,0,0.87);-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(34,36,38,0.15);border-radius:0.28571429rem;-webkit-transition:width 0.1s ease, -webkit-box-shadow 0.1s ease;transition:width 0.1s ease, -webkit-box-shadow 0.1s ease;transition:box-shadow 0.1s ease, width 0.1s ease;transition:box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease}.ui.selection.dropdown.visible,.ui.selection.dropdown.active{z-index:10}select.ui.dropdown{height:38px;padding:0.5em;border:1px solid rgba(34,36,38,0.15);visibility:visible}.ui.selection.dropdown>.search.icon,.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:0.78571429em;right:1em;z-index:3;margin:-0.78571429em;padding:0.91666667em;opacity:0.8;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0 !important;width:auto;outline:none;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 0.28571429rem 0.28571429rem;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:0.78571429rem 1.14285714rem}@media only screen and (max-width: 767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width: 768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width: 992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width: 1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #FAFAFA;padding:0.78571429rem 1.14285714rem !important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,0.35);-webkit-box-shadow:none;box-shadow:none}.ui.selection.active.dropdown{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);box-shadow:0 2px 3px 0 rgba(34,36,38,0.15)}.ui.selection.active.dropdown .menu{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);box-shadow:0 2px 3px 0 rgba(34,36,38,0.15)}.ui.selection.dropdown:focus{border-color:#96C8DA;-webkit-box-shadow:none;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);box-shadow:0 2px 3px 0 rgba(34,36,38,0.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:normal;color:rgba(0,0,0,0.8)}.ui.selection.active.dropdown:hover{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);box-shadow:0 2px 3px 0 rgba(34,36,38,0.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96C8DA;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,0.15);box-shadow:0 2px 3px 0 rgba(34,36,38,0.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:1;z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.ui.active.empty.selection.dropdown{border-radius:0.28571429rem !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ui.active.empty.selection.dropdown .menu{border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:text;top:0;left:1px;width:100%;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:0.67857143em 2.1em 0.67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:0.67857143em 2.1em 0.67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .icon,.ui.active.search.dropdown input.search:focus+.text .flag{opacity:0.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,0.87) !important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width: 767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width: 768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width: 992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width: 1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.multiple.dropdown{padding:0.22619048em 2.1em 0.22619048em 0.35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:0.35714286em 0.78571429em;margin:0.14285714rem 0.28571429rem 0.14285714rem 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,0.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:0.45238095em 0 0.45238095em 0.64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label ~ input.search{margin-left:0.14285714em !important}.ui.multiple.dropdown>.label ~ .text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:0.45238095em 0 0.45238095em 0.64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label ~ .text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:0.45238095em 0 0.45238095em 0.64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 0.5em 0 0.21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:bold}.ui.inline.dropdown .menu{cursor:auto;margin-top:0.21428571em;border-radius:0.28571429rem}.ui.dropdown .menu .active.item{background:transparent;font-weight:bold;color:rgba(0,0,0,0.95);-webkit-box-shadow:none;box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em !important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em !important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:0.2em solid rgba(0,0,0,0.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin 0.6s linear;animation:dropdown-spin 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:0.2em}.ui.loading.dropdown.button>i.icon:before,.ui.loading.dropdown.button>i.icon:after{display:none}@-webkit-keyframes dropdown-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dropdown-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.dropdown:not(.button)>.default.text,.ui.default.dropdown:not(.button)>.text{color:rgba(191,191,191,0.87)}.ui.dropdown:not(.button)>input:focus ~ .default.text,.ui.default.dropdown:not(.button)>input:focus ~ .text{color:rgba(115,115,115,0.87)}.ui.loading.dropdown>.text{-webkit-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0 !important;right:auto !important}.ui.dropdown>.menu .loading.menu{left:100% !important;right:auto !important}.ui.dropdown.selected,.ui.dropdown .menu .selected.item{background:rgba(0,0,0,0.03);color:rgba(0,0,0,0.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none !important}.ui.dropdown.error,.ui.dropdown.error>.text,.ui.dropdown.error>.default.text{color:#9F3A38}.ui.selection.dropdown.error{background:#FFF6F6;border-color:#E0B4B4}.ui.selection.dropdown.error:hover{border-color:#E0B4B4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#E0B4B4}.ui.dropdown.error>.menu>.item{color:#9F3A38}.ui.multiple.selection.error.dropdown>.label{border-color:#E0B4B4}.ui.dropdown.error>.menu>.item:hover{background-color:#FFF2F2}.ui.dropdown.error>.menu .active.item{background-color:#FDCFCF}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:0.45}.ui.dropdown .menu{left:0}.ui.dropdown .right.menu>.menu,.ui.dropdown .menu .right.menu{left:100% !important;right:auto !important;border-radius:0.28571429rem !important}.ui.dropdown>.left.menu{left:auto !important;right:0 !important}.ui.dropdown>.left.menu .menu,.ui.dropdown .menu .left.menu{left:auto;right:100%;margin:0 -0.5em 0 0 !important;border-radius:0.28571429rem !important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0 0 0 0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0 0 0 0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.08);box-shadow:0 0 3px 0 rgba(0,0,0,0.08);border-radius:0.28571429rem 0.28571429rem 0 0}.ui.dropdown .upward.menu{top:auto !important;bottom:0 !important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:0.28571429rem 0.28571429rem 0 0 !important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:0.28571429rem 0.28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px !important;border-bottom-width:0 !important;-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,0.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,0.08)}.ui.upward.selection.dropdown:hover{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.05);box-shadow:0 0 2px 0 rgba(0,0,0,0.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 0.28571429rem 0.28571429rem !important}.ui.upward.selection.dropdown.visible{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.08);box-shadow:0 0 3px 0 rgba(0,0,0,0.08);border-radius:0 0 0.28571429rem 0.28571429rem !important}.ui.upward.active.selection.dropdown:hover{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.05);box-shadow:0 0 3px 0 rgba(0,0,0,0.05)}.ui.upward.active.selection.dropdown:hover .menu{-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,0.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,0.08)}.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100% !important;width:auto !important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;-webkit-box-shadow:none !important;box-shadow:none !important;border-radius:0 !important;margin:0 !important;min-width:100% !important;width:auto !important;border-top:1px solid rgba(34,36,38,0.15)}.ui.scrolling.dropdown .menu .item.item.item,.ui.dropdown .scrolling.menu>.item.item.item{border-top:none}.ui.scrolling.dropdown .menu .item:first-child,.ui.dropdown .scrolling.menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast: none){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{min-width:calc(100% - 17px)}}@media only screen and (max-width: 767px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:10.28571429rem}}@media only screen and (min-width: 768px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:15.42857143rem}}@media only screen and (min-width: 992px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:20.57142857rem}}@media only screen and (min-width: 1920px){.ui.scrolling.dropdown .menu,.ui.dropdown .scrolling.menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:before,.ui.simple.dropdown .menu:after{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px !important;opacity:0;width:0;height:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100% !important;opacity:1}.ui.simple.dropdown>.menu>.item:active>.menu,.ui.simple.dropdown:hover>.menu>.item:hover>.menu{overflow:visible;width:auto;height:auto;top:0% !important;left:100% !important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15) !important;box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15) !important;border-radius:0.28571429rem !important}.ui.floating.dropdown>.menu{margin-top:0.5em !important;border-radius:0.28571429rem !important}.ui.pointing.dropdown>.menu{top:100%;margin-top:0.78571429rem;border-radius:0.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:0.5em;height:0.5em;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,0.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,0.15);background:#FFFFFF;z-index:2}.ui.pointing.dropdown>.menu:after{top:-0.25em;left:50%;margin:0 0 0 -0.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0%;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0%;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-0.25em;left:1em;right:auto;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0%;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-0.25em;left:auto !important;right:1em !important;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0%;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-0.25em;margin:0 0 0 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto !important;right:100% !important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-0.25em;margin:0 0 0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0%;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-0.25em;margin:0 0 0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0%;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-0.25em;right:auto;margin:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto !important;bottom:0 !important}.ui.bottom.left.pointing.dropdown>.menu{left:0%;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0%;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto !important;bottom:100% !important;margin:0 0 0.78571429rem;border-radius:0.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100% !important;bottom:auto !important;-webkit-box-shadow:1px 1px 0 0 rgba(34,36,38,0.15);box-shadow:1px 1px 0 0 rgba(34,36,38,0.15);margin:-0.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto !important;bottom:0 !important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto !important;bottom:0 !important;margin:0 0 1em 0;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,0.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,0.15)}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto !important;bottom:0 !important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto !important;bottom:0 !important;margin:0 0 1em 0;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,0.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,0.15)}.ui.embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#DCDDDE;padding-bottom:56.25%}.ui.embed iframe,.ui.embed embed,.ui.embed object{position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.ui.embed>.embed{display:none}.ui.embed>.placeholder{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%;background-color:radial-gradient(transparent 45%, rgba(0,0,0,0.3))}.ui.embed>.icon{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ui.embed>.icon:after{position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:3;content:'';background:-webkit-radial-gradient(transparent 45%, rgba(0,0,0,0.3));background:radial-gradient(transparent 45%, rgba(0,0,0,0.3));opacity:0.5;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.ui.embed>.icon:before{position:absolute;top:50%;left:50%;z-index:4;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#FFFFFF;font-size:6rem;text-shadow:0 2px 10px rgba(34,36,38,0.2);-webkit-transition:opacity 0.5s ease, color 0.5s ease;transition:opacity 0.5s ease, color 0.5s ease;z-index:10}.ui.embed .icon:hover:after{background:-webkit-radial-gradient(transparent 45%, rgba(0,0,0,0.3));background:radial-gradient(transparent 45%, rgba(0,0,0,0.3));opacity:1}.ui.embed .icon:hover:before{color:#FFFFFF}.ui.active.embed>.icon,.ui.active.embed>.placeholder{display:none}.ui.active.embed>.embed{display:block}.ui.square.embed{padding-bottom:100%}.ui[class*="4:3"].embed{padding-bottom:75%}.ui[class*="16:9"].embed{padding-bottom:56.25%}.ui[class*="21:9"].embed{padding-bottom:42.85714286%}.ui.modal{display:none;z-index:1001;text-align:left;background:#FFFFFF;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,0.2),1px 3px 15px 2px rgba(0,0,0,0.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,0.2),1px 3px 15px 2px rgba(0,0,0,0.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:0.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top, left, margin, transform, opacity}.ui.modal>:first-child:not(.icon),.ui.modal>.icon:first-child+*{border-top-left-radius:0.28571429rem;border-top-right-radius:0.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:0.28571429rem;border-bottom-right-radius:0.28571429rem}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:0.8;font-size:1.25em;color:#FFFFFF;width:2.25rem;height:2.25rem;padding:0.625rem 0rem 0rem 0rem}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{display:block;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;background:#FFFFFF;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,0.85);border-bottom:1px solid rgba(34,36,38,0.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:bold}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#FFFFFF}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:'';-ms-flex-item-align:top;align-self:top}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:top;align-self:top}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:middle;align-self:middle}.ui.modal>[class*="stretched"]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:top;align-self:top}.ui.modal>.content>.icon+.description,.ui.modal>.content>.image+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#F9FAFB;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,0.15);text-align:right}.ui.modal .actions>.button{margin-left:0.75em}@media only screen and (max-width: 767px){.ui.modal{width:95%;margin:0 0 0 0}}@media only screen and (min-width: 768px){.ui.modal{width:88%;margin:0 0 0 0}}@media only screen and (min-width: 992px){.ui.modal{width:850px;margin:0 0 0 0}}@media only screen and (min-width: 1200px){.ui.modal{width:900px;margin:0 0 0 0}}@media only screen and (min-width: 1920px){.ui.modal{width:950px;margin:0 0 0 0}}@media only screen and (max-width: 991px){.ui.modal>.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,0.87)}}@media only screen and (max-width: 767px){.ui.modal>.header{padding:0.75rem 1rem !important;padding-right:2.25rem !important}.ui.modal>.content{display:block;padding:1rem !important}.ui.modal>.close{top:0.5rem !important;right:0.5rem !important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal .content>.image{display:block;max-width:100%;margin:0 auto !important;text-align:center;padding:0rem 0rem 1rem !important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal .content>.description{display:block;width:100% !important;margin:0 !important;padding:1rem 0rem !important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0rem !important}.ui.modal .actions>.buttons,.ui.modal .actions>.button{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,0.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,0.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important;color:#FFFFFF}.ui.basic.modal>.header,.ui.basic.modal>.content,.ui.basic.modal>.actions{background-color:transparent}.ui.basic.modal>.header{color:#FFFFFF}.ui.basic.modal>.close{top:1rem;right:1.5rem}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,0.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,0.85)}@media only screen and (max-width: 991px){.ui.basic.modal>.close{color:#FFFFFF}}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer[class*="top aligned"] .modal{margin:5vh auto}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.dimmable>.dimmer{position:fixed}.modals.dimmer .ui.scrolling.modal{margin:1rem auto !important}.scrolling.undetached.dimmable.dimmed{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal{position:absolute;left:50%;margin-top:1rem !important}.ui.modal .scrolling.content{max-height:calc(70vh);overflow:auto}.ui.fullscreen.modal{width:95% !important;left:0 !important;margin:1em auto}.ui.fullscreen.scrolling.modal{left:0 !important}.ui.fullscreen.modal>.header{padding-right:2.25rem}.ui.fullscreen.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,0.87)}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width: 767px){.ui.mini.modal{width:95%;margin:0 0 0 0}}@media only screen and (min-width: 768px){.ui.mini.modal{width:35.2%;margin:0 0 0 0}}@media only screen and (min-width: 992px){.ui.mini.modal{width:340px;margin:0 0 0 0}}@media only screen and (min-width: 1200px){.ui.mini.modal{width:360px;margin:0 0 0 0}}@media only screen and (min-width: 1920px){.ui.mini.modal{width:380px;margin:0 0 0 0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width: 767px){.ui.tiny.modal{width:95%;margin:0 0 0 0}}@media only screen and (min-width: 768px){.ui.tiny.modal{width:52.8%;margin:0 0 0 0}}@media only screen and (min-width: 992px){.ui.tiny.modal{width:510px;margin:0 0 0 0}}@media only screen and (min-width: 1200px){.ui.tiny.modal{width:540px;margin:0 0 0 0}}@media only screen and (min-width: 1920px){.ui.tiny.modal{width:570px;margin:0 0 0 0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width: 767px){.ui.small.modal{width:95%;margin:0 0 0 0}}@media only screen and (min-width: 768px){.ui.small.modal{width:70.4%;margin:0 0 0 0}}@media only screen and (min-width: 992px){.ui.small.modal{width:680px;margin:0 0 0 0}}@media only screen and (min-width: 1200px){.ui.small.modal{width:720px;margin:0 0 0 0}}@media only screen and (min-width: 1920px){.ui.small.modal{width:760px;margin:0 0 0 0}}.ui.large.modal>.header{font-size:1.6em}@media only screen and (max-width: 767px){.ui.large.modal{width:95%;margin:0 0 0 0}}@media only screen and (min-width: 768px){.ui.large.modal{width:88%;margin:0 0 0 0}}@media only screen and (min-width: 992px){.ui.large.modal{width:1020px;margin:0 0 0 0}}@media only screen and (min-width: 1200px){.ui.large.modal{width:1080px;margin:0 0 0 0}}@media only screen and (min-width: 1920px){.ui.large.modal{width:1140px;margin:0 0 0 0}}.ui.nag{display:none;opacity:0.95;position:relative;top:0;left:0;z-index:999;min-height:0;width:100%;margin:0;padding:0.75em 1em;background:#555555;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);font-size:1rem;text-align:center;color:rgba(0,0,0,0.87);border-radius:0 0 0.28571429rem 0.28571429rem;-webkit-transition:0.2s background ease;transition:0.2s background ease}a.ui.nag{cursor:pointer}.ui.nag>.title{display:inline-block;margin:0 0.5em;color:#FFFFFF}.ui.nag>.close.icon{cursor:pointer;opacity:0.4;position:absolute;top:50%;right:1em;font-size:1em;margin:-0.5em 0 0;color:#FFFFFF;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.ui.nag:hover{background:#555555;opacity:1}.ui.nag .close:hover{opacity:1}.ui.overlay.nag{position:absolute;display:block}.ui.fixed.nag{position:fixed}.ui.bottom.nags,.ui.bottom.nag{border-radius:0.28571429rem 0.28571429rem 0 0;top:auto;bottom:0}.ui.inverted.nags .nag,.ui.inverted.nag{background-color:#F3F4F5;color:rgba(0,0,0,0.85)}.ui.inverted.nags .nag .close,.ui.inverted.nags .nag .title,.ui.inverted.nag .close,.ui.inverted.nag .title{color:rgba(0,0,0,0.4)}.ui.nags .nag{border-radius:0 !important}.ui.nags .nag:last-child{border-radius:0 0 0.28571429rem 0.28571429rem}.ui.bottom.nags .nag:last-child{border-radius:0.28571429rem 0.28571429rem 0 0}.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #D4D4D5;line-height:1.4285em;max-width:250px;background:#FFFFFF;padding:0.833em 1em;font-weight:normal;font-style:normal;color:rgba(0,0,0,0.87);border-radius:0.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15)}.ui.popup>.header{padding:0;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:1.14285714em;line-height:1.2;font-weight:bold}.ui.popup>.header+.content{padding-top:0.5em}.ui.popup:before{position:absolute;content:'';width:0.71428571em;height:0.71428571em;background:#FFFFFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;position:absolute;content:'';font-size:1rem;width:0.71428571em;height:0.71428571em;background:#FFFFFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]:after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;white-space:nowrap;font-size:1rem;border:1px solid #D4D4D5;line-height:1.4285em;max-width:none;background:#FFFFFF;padding:0.833em 1em;font-weight:normal;font-style:normal;color:rgba(0,0,0,0.87);border-radius:0.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);z-index:1}[data-tooltip]:not([data-position]):before{top:auto;right:auto;bottom:100%;left:50%;background:#FFFFFF;margin-left:-0.07142857rem;margin-bottom:0.14285714rem}[data-tooltip]:not([data-position]):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;margin-bottom:0.5em}[data-tooltip]:before,[data-tooltip]:after{pointer-events:none;visibility:hidden}[data-tooltip]:before{opacity:0;-webkit-transform:rotate(45deg) scale(0) !important;transform:rotate(45deg) scale(0) !important;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}[data-tooltip]:after{opacity:1;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:all 0.1s ease;transition:all 0.1s ease}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;pointer-events:auto}[data-tooltip]:hover:before{-webkit-transform:rotate(45deg) scale(1) !important;transform:rotate(45deg) scale(1) !important;opacity:1}[data-tooltip]:after,[data-tooltip][data-position="top center"]:after,[data-tooltip][data-position="bottom center"]:after{-webkit-transform:translateX(-50%) scale(0) !important;transform:translateX(-50%) scale(0) !important}[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after{-webkit-transform:translateX(-50%) scale(1) !important;transform:translateX(-50%) scale(1) !important}[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after{-webkit-transform:translateY(-50%) scale(0) !important;transform:translateY(-50%) scale(0) !important}[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after{-webkit-transform:translateY(-50%) scale(1) !important;transform:translateY(-50%) scale(1) !important}[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after,[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after{-webkit-transform:scale(0) !important;transform:scale(0) !important}[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after,[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after{-webkit-transform:scale(1) !important;transform:scale(1) !important}[data-tooltip][data-inverted]:before{-webkit-box-shadow:none !important;box-shadow:none !important}[data-tooltip][data-inverted]:before{background:#1B1C1D}[data-tooltip][data-inverted]:after{background:#1B1C1D;color:#FFFFFF;border:none;-webkit-box-shadow:none;box-shadow:none}[data-tooltip][data-inverted]:after .header{background-color:none;color:#FFFFFF}[data-position="top center"][data-tooltip]:after{top:auto;right:auto;left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:0.5em}[data-position="top center"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:50%;background:#FFFFFF;margin-left:-0.07142857rem;margin-bottom:0.14285714rem}[data-position="top left"][data-tooltip]:after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:0.5em}[data-position="top left"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-0.07142857rem;margin-bottom:0.14285714rem}[data-position="top right"][data-tooltip]:after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:0.5em}[data-position="top right"][data-tooltip]:before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-0.07142857rem;margin-bottom:0.14285714rem}[data-position="bottom center"][data-tooltip]:after{bottom:auto;right:auto;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:0.5em}[data-position="bottom center"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-0.07142857rem;margin-top:0.14285714rem}[data-position="bottom left"][data-tooltip]:after{left:0;top:100%;margin-top:0.5em}[data-position="bottom left"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-0.07142857rem;margin-top:0.14285714rem}[data-position="bottom right"][data-tooltip]:after{right:0;top:100%;margin-top:0.5em}[data-position="bottom right"][data-tooltip]:before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-0.14285714rem;margin-top:0.07142857rem}[data-position="left center"][data-tooltip]:after{right:100%;top:50%;margin-right:0.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="left center"][data-tooltip]:before{right:100%;top:50%;margin-top:-0.14285714rem;margin-right:-0.07142857rem}[data-position="right center"][data-tooltip]:after{left:100%;top:50%;margin-left:0.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="right center"][data-tooltip]:before{left:100%;top:50%;margin-top:-0.07142857rem;margin-left:0.14285714rem}[data-position~="bottom"][data-tooltip]:before{background:#FFFFFF;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-position="left center"][data-tooltip]:before{background:#FFFFFF;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]:before{background:#FFFFFF;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-position~="top"][data-tooltip]:before{background:#FFFFFF}[data-inverted][data-position~="bottom"][data-tooltip]:before{background:#1B1C1D;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]:before{background:#1B1C1D;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]:before{background:#1B1C1D;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~="top"][data-tooltip]:before{background:#1B1C1D}[data-position~="bottom"][data-tooltip]:before{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-position~="bottom"][data-tooltip]:after{-webkit-transform-origin:center top;transform-origin:center top}[data-position="left center"][data-tooltip]:before{-webkit-transform-origin:top center;transform-origin:top center}[data-position="left center"][data-tooltip]:after{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:before{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:after{-webkit-transform-origin:left center;transform-origin:left center}.ui.popup{margin:0}.ui.top.popup{margin:0 0 0.71428571em}.ui.top.left.popup{-webkit-transform-origin:left bottom;transform-origin:left bottom}.ui.top.center.popup{-webkit-transform-origin:center bottom;transform-origin:center bottom}.ui.top.right.popup{-webkit-transform-origin:right bottom;transform-origin:right bottom}.ui.left.center.popup{margin:0 0.71428571em 0 0;-webkit-transform-origin:right 50%;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 0.71428571em;-webkit-transform-origin:left 50%;transform-origin:left 50%}.ui.bottom.popup{margin:0.71428571em 0 0}.ui.bottom.left.popup{-webkit-transform-origin:left top;transform-origin:left top}.ui.bottom.center.popup{-webkit-transform-origin:center top;transform-origin:center top}.ui.bottom.right.popup{-webkit-transform-origin:right top;transform-origin:right top}.ui.bottom.center.popup:before{margin-left:-0.30714286em;top:-0.30714286em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-0.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-0.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup:before{top:auto;right:auto;bottom:-0.30714286em;left:50%;margin-left:-0.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-0.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-0.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-0.30714286em;bottom:auto;left:auto;margin-top:-0.30714286em;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup:before{top:50%;left:-0.30714286em;bottom:auto;right:auto;margin-top:-0.30714286em;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}.ui.bottom.popup:before{background:#FFFFFF}.ui.right.center.popup:before,.ui.left.center.popup:before{background:#FFFFFF}.ui.top.popup:before{background:#FFFFFF}.ui.inverted.bottom.popup:before{background:#1B1C1D}.ui.inverted.right.center.popup:before,.ui.inverted.left.center.popup:before{background:#1B1C1D}.ui.inverted.top.popup:before{background:#1B1C1D}.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-0.7rem -0.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{-webkit-transform:translateZ(0px);transform:translateZ(0px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup:before{display:none}.ui.wide.popup{max-width:350px}.ui[class*="very wide"].popup{max-width:550px}@media only screen and (max-width: 767px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1B1C1D;color:#FFFFFF;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#FFFFFF}.ui.inverted.popup:before{background-color:#1B1C1D;-webkit-box-shadow:none !important;box-shadow:none !important}.ui.flowing.popup{max-width:none}.ui.mini.popup{font-size:0.78571429rem}.ui.tiny.popup{font-size:0.85714286rem}.ui.small.popup{font-size:0.92857143rem}.ui.popup{font-size:1rem}.ui.large.popup{font-size:1.14285714rem}.ui.huge.popup{font-size:1.42857143rem}.ui.progress{position:relative;display:block;max-width:100%;border:none;margin:1em 0 2.5em;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,0.1);padding:0;border-radius:0.28571429rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.progress .bar{display:block;line-height:1;position:relative;width:0%;min-width:2em;background:#888888;border-radius:0.28571429rem;-webkit-transition:width 0.1s ease, background-color 0.1s ease;transition:width 0.1s ease, background-color 0.1s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:0.92857143em;top:50%;right:0.5em;left:auto;bottom:auto;color:rgba(255,255,255,0.7);text-shadow:none;margin-top:-0.5em;font-weight:bold;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0%;bottom:auto;color:rgba(0,0,0,0.87);font-weight:bold;text-shadow:none;margin-top:0.2em;text-align:center;-webkit-transition:color 0.4s ease;transition:color 0.4s ease}.ui.indicating.progress[data-percent^="1"] .bar,.ui.indicating.progress[data-percent^="2"] .bar{background-color:#D95C5C}.ui.indicating.progress[data-percent^="3"] .bar{background-color:#EFBC72}.ui.indicating.progress[data-percent^="4"] .bar,.ui.indicating.progress[data-percent^="5"] .bar{background-color:#E6BB48}.ui.indicating.progress[data-percent^="6"] .bar{background-color:#DDC928}.ui.indicating.progress[data-percent^="7"] .bar,.ui.indicating.progress[data-percent^="8"] .bar{background-color:#B4D95C}.ui.indicating.progress[data-percent^="9"] .bar,.ui.indicating.progress[data-percent^="100"] .bar{background-color:#66DA81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:rgba(0,0,0,0.87)}.ui.indicating.progress[data-percent^="3"] .label{color:rgba(0,0,0,0.87)}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:rgba(0,0,0,0.87)}.ui.indicating.progress[data-percent^="6"] .label{color:rgba(0,0,0,0.87)}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:rgba(0,0,0,0.87)}.ui.indicating.progress[data-percent^="9"] .label,.ui.indicating.progress[data-percent^="100"] .label{color:rgba(0,0,0,0.87)}.ui.indicating.progress[data-percent="1"] .bar,.ui.indicating.progress[data-percent="2"] .bar,.ui.indicating.progress[data-percent="3"] .bar,.ui.indicating.progress[data-percent="4"] .bar,.ui.indicating.progress[data-percent="5"] .bar,.ui.indicating.progress[data-percent="6"] .bar,.ui.indicating.progress[data-percent="7"] .bar,.ui.indicating.progress[data-percent="8"] .bar,.ui.indicating.progress[data-percent="9"] .bar{background-color:#D95C5C}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:rgba(0,0,0,0.87)}.ui.indicating.progress.success .label{color:#1A531B}.ui.progress.success .bar{background-color:#21BA45 !important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none !important;animation:none !important}.ui.progress.success>.label{color:#1A531B}.ui.progress.warning .bar{background-color:#F2C037 !important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none !important;animation:none !important}.ui.progress.warning>.label{color:#794B02}.ui.progress.error .bar{background-color:#DB2828 !important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none !important;animation:none !important}.ui.progress.error>.label{color:#912D2B}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#FFFFFF;border-radius:0.28571429rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite}@-webkit-keyframes progress-active{0%{opacity:0.3;width:0}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:0.3;width:0}100%{opacity:0;width:100%}}.ui.disabled.progress{opacity:0.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none !important;animation:none !important}.ui.inverted.progress{background:rgba(255,255,255,0.08);border:none}.ui.inverted.progress .bar{background:#888888}.ui.inverted.progress .bar>.progress{color:#F9FAFB}.ui.inverted.progress>.label{color:#FFFFFF}.ui.inverted.progress.success>.label{color:#21BA45}.ui.inverted.progress.warning>.label{color:#F2C037}.ui.inverted.progress.error>.label{color:#DB2828}.ui.progress.attached{background:transparent;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:0.2rem;padding:0;overflow:hidden;border-radius:0 0 0.28571429rem 0.28571429rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:0.28571429rem 0.28571429rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.segment>.ui.attached.progress,.ui.card>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.segment>.ui.bottom.attached.progress,.ui.card>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.red.progress .bar{background-color:#DB2828}.ui.red.inverted.progress .bar{background-color:#FF695E}.ui.orange.progress .bar{background-color:#F2711C}.ui.orange.inverted.progress .bar{background-color:#FF851B}.ui.yellow.progress .bar{background-color:#FBBD08}.ui.yellow.inverted.progress .bar{background-color:#FFE21F}.ui.olive.progress .bar{background-color:#B5CC18}.ui.olive.inverted.progress .bar{background-color:#D9E778}.ui.green.progress .bar{background-color:#21BA45}.ui.green.inverted.progress .bar{background-color:#2ECC40}.ui.teal.progress .bar{background-color:#00B5AD}.ui.teal.inverted.progress .bar{background-color:#6DFFFF}.ui.blue.progress .bar{background-color:#2185D0}.ui.blue.inverted.progress .bar{background-color:#54C8FF}.ui.violet.progress .bar{background-color:#6435C9}.ui.violet.inverted.progress .bar{background-color:#A291FB}.ui.purple.progress .bar{background-color:#A333C8}.ui.purple.inverted.progress .bar{background-color:#DC73FF}.ui.pink.progress .bar{background-color:#E03997}.ui.pink.inverted.progress .bar{background-color:#FF8EDF}.ui.brown.progress .bar{background-color:#A5673F}.ui.brown.inverted.progress .bar{background-color:#D67C1C}.ui.grey.progress .bar{background-color:#767676}.ui.grey.inverted.progress .bar{background-color:#DCDDDE}.ui.black.progress .bar{background-color:#1B1C1D}.ui.black.inverted.progress .bar{background-color:#545454}.ui.tiny.progress{font-size:0.85714286rem}.ui.tiny.progress .bar{height:0.5em}.ui.small.progress{font-size:0.92857143rem}.ui.small.progress .bar{height:1em}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em}.ui.search{position:relative}.ui.search>.prompt{margin:0;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-shadow:none;font-style:normal;font-weight:normal;line-height:1.21428571em;padding:0.67857143em 1em;font-size:1em;background:#FFFFFF;border:1px solid rgba(34,36,38,0.15);color:rgba(0,0,0,0.87);-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;transition:background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;transition:background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease}.ui.search .prompt{border-radius:500rem}.ui.search .prompt ~ .search.icon{cursor:pointer}.ui.search>.results{display:none;position:absolute;top:100%;left:0%;-webkit-transform-origin:center top;transform-origin:center top;white-space:normal;background:#FFFFFF;margin-top:0.5em;width:18em;border-radius:0.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);box-shadow:0 2px 4px 0 rgba(34,36,38,0.12),0 2px 10px 0 rgba(34,36,38,0.15);border:1px solid #D4D4D5;z-index:998}.ui.search>.results>:first-child{border-radius:0.28571429rem 0.28571429rem 0 0}.ui.search>.results>:last-child{border-radius:0 0 0.28571429rem 0.28571429rem}.ui.search>.results .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:0.85714286em 1.14285714em;color:rgba(0,0,0,0.87);line-height:1.33;border-bottom:1px solid rgba(34,36,38,0.1)}.ui.search>.results .result:last-child{border-bottom:none !important}.ui.search>.results .result .image{float:right;overflow:hidden;background:none;width:5em;height:3em;border-radius:0.25em}.ui.search>.results .result .image img{display:block;width:auto;height:100%}.ui.search>.results .result .image+.content{margin:0 6em 0 0}.ui.search>.results .result .title{margin:-0.14285714em 0 0;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;font-size:1em;color:rgba(0,0,0,0.85)}.ui.search>.results .result .description{margin-top:0;font-size:0.92857143em;color:rgba(0,0,0,0.4)}.ui.search>.results .result .price{float:right;color:#21BA45}.ui.search>.results>.message{padding:1em 1em}.ui.search>.results>.message .header{font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:1rem;font-weight:bold;color:rgba(0,0,0,0.87)}.ui.search>.results>.message .description{margin-top:0.25rem;font-size:1em;color:rgba(0,0,0,0.87)}.ui.search>.results>.action{display:block;border-top:none;background:#F3F4F5;padding:0.92857143em 1em;color:rgba(0,0,0,0.87);font-weight:bold;text-align:center}.ui.search>.prompt:focus{border-color:rgba(34,36,38,0.35);background:#FFFFFF;color:rgba(0,0,0,0.95)}.ui.loading.search .input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:0.2em solid rgba(0,0,0,0.1)}.ui.loading.search .input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-0.64285714em 0 0 -0.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin 0.6s linear;animation:button-spin 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:0.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.search>.results .result:hover,.ui.category.search>.results .category .result:hover{background:#F9FAFB}.ui.search .action:hover{background:#E0E0E0}.ui.category.search>.results .category.active{background:#F3F4F5}.ui.category.search>.results .category.active>.name{color:rgba(0,0,0,0.87)}.ui.search>.results .result.active,.ui.category.search>.results .category .result.active{position:relative;border-left-color:rgba(34,36,38,0.1);background:#F3F4F5;-webkit-box-shadow:none;box-shadow:none}.ui.search>.results .result.active .title{color:rgba(0,0,0,0.85)}.ui.search>.results .result.active .description{color:rgba(0,0,0,0.85)}.ui.disabled.search{cursor:default;pointer-events:none;opacity:0.45}.ui.search.selection .prompt{border-radius:0.28571429rem}.ui.search.selection>.icon.input>.remove.icon{pointer-events:none;position:absolute;left:auto;opacity:0;color:'';top:0;right:0;-webkit-transition:color 0.1s ease, opacity 0.1s ease;transition:color 0.1s ease, opacity 0.1s ease}.ui.search.selection>.icon.input>.active.remove.icon{cursor:pointer;opacity:0.8;pointer-events:auto}.ui.search.selection>.icon.input:not([class*="left icon"])>.icon ~ .remove.icon{right:1.85714em}.ui.search.selection>.icon.input>.remove.icon:hover{opacity:1;color:#DB2828}.ui.category.search .results{width:28em}.ui.category.search .results.animating,.ui.category.search .results.visible{display:table}.ui.category.search>.results .category{display:table-row;background:#F3F4F5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background 0.1s ease, border-color 0.1s ease;transition:background 0.1s ease, border-color 0.1s ease}.ui.category.search>.results .category:last-child{border-bottom:none}.ui.category.search>.results .category:first-child .name+.result{border-radius:0 0.28571429rem 0 0}.ui.category.search>.results .category:last-child .result:last-child{border-radius:0 0 0.28571429rem 0}.ui.category.search>.results .category>.name{display:table-cell;text-overflow:ellipsis;width:100px;white-space:nowrap;background:transparent;font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size:1em;padding:0.4em 1em;font-weight:bold;color:rgba(0,0,0,0.4);border-bottom:1px solid rgba(34,36,38,0.1)}.ui.category.search>.results .category .results{display:table-cell;background:#FFFFFF;border-left:1px solid rgba(34,36,38,0.15);border-bottom:1px solid rgba(34,36,38,0.1)}.ui.category.search>.results .category .result{border-bottom:1px solid rgba(34,36,38,0.1);-webkit-transition:background 0.1s ease, border-color 0.1s ease;transition:background 0.1s ease, border-color 0.1s ease;padding:0.85714286em 1.14285714em}.ui[class*="left aligned"].search>.results{right:auto;left:0%}.ui[class*="right aligned"].search>.results{right:0%;left:auto}.ui.fluid.search .results{width:100%}.ui.mini.search{font-size:0.78571429em}.ui.small.search{font-size:0.92857143em}.ui.search{font-size:1em}.ui.large.search{font-size:1.14285714em}.ui.big.search{font-size:1.28571429em}.ui.huge.search{font-size:1.42857143em}.ui.massive.search{font-size:1.71428571em}@media only screen and (max-width: 767px){.ui.search .results{max-width:calc(100vw - 2rem)}}.ui.shape{position:relative;vertical-align:top;display:inline-block;-webkit-perspective:2000px;perspective:2000px;-webkit-transition:left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;transition:left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;transition:transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out}.ui.shape .sides{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.ui.shape .side{opacity:1;width:100%;margin:0 !important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.shape .side{display:none}.ui.shape .side *{-webkit-backface-visibility:visible !important;backface-visibility:visible !important}.ui.cube.shape .side{min-width:15em;height:15em;padding:2em;background-color:#E6E6E6;color:rgba(0,0,0,0.87);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3)}.ui.cube.shape .side>.content{width:100%;height:100%;display:table;text-align:center;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.cube.shape .side>.content>div{display:table-cell;vertical-align:middle;font-size:2em}.ui.text.shape.animating .sides{position:static}.ui.text.shape .side{white-space:nowrap}.ui.text.shape .side>*{white-space:normal}.ui.loading.shape{position:absolute;top:-9999px;left:-9999px}.ui.shape .animating.side{position:absolute;top:0;left:0;display:block;z-index:100}.ui.shape .hidden.side{opacity:0.6}.ui.shape.animating .sides{position:absolute}.ui.shape.animating .sides{-webkit-transition:left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;transition:left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;transition:transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out}.ui.shape.animating .side{-webkit-transition:opacity 0.6s ease-in-out;transition:opacity 0.6s ease-in-out}.ui.shape .active.side{display:block}.ui.sidebar{position:fixed;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:none;transition:none;will-change:transform;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:hidden;-webkit-overflow-scrolling:touch;height:100% !important;max-height:100%;border-radius:0 !important;margin:0 !important;overflow-y:auto !important;z-index:102}.ui.sidebar>*{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.left.sidebar{right:auto;left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.ui.right.sidebar{right:0 !important;left:auto !important;-webkit-transform:translate3d(100%, 0%, 0);transform:translate3d(100%, 0%, 0)}.ui.top.sidebar,.ui.bottom.sidebar{width:100% !important;height:auto !important}.ui.top.sidebar{top:0 !important;bottom:auto !important;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}.ui.bottom.sidebar{top:auto !important;bottom:0 !important;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.pushable{height:100%;overflow-x:hidden;padding:0 !important}body.pushable{background:#545454 !important}.pushable:not(body){-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.pushable:not(body)>.ui.sidebar,.pushable:not(body)>.fixed,.pushable:not(body)>.pusher:after{position:absolute}.pushable>.fixed{position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease;will-change:transform;z-index:101}.pushable>.pusher{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;min-height:100%;-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease;z-index:2}body.pushable>.pusher{background:#FFFFFF}.pushable>.pusher{background:inherit}.pushable>.pusher:after{position:fixed;top:0;right:0;content:'';background-color:rgba(0,0,0,0.4);overflow:hidden;opacity:0;-webkit-transition:opacity 500ms;transition:opacity 500ms;will-change:opacity;z-index:1000}.ui.sidebar.menu .item{border-radius:0 !important}.pushable>.pusher.dimmed:after{width:100% !important;height:100% !important;opacity:1 !important}.ui.animating.sidebar{visibility:visible}.ui.visible.sidebar{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.ui.left.visible.sidebar,.ui.right.visible.sidebar{-webkit-box-shadow:0 0 20px rgba(34,36,38,0.15);box-shadow:0 0 20px rgba(34,36,38,0.15)}.ui.top.visible.sidebar,.ui.bottom.visible.sidebar{-webkit-box-shadow:0 0 20px rgba(34,36,38,0.15);box-shadow:0 0 20px rgba(34,36,38,0.15)}.ui.visible.left.sidebar ~ .fixed,.ui.visible.left.sidebar ~ .pusher{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}.ui.visible.right.sidebar ~ .fixed,.ui.visible.right.sidebar ~ .pusher{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}.ui.visible.top.sidebar ~ .fixed,.ui.visible.top.sidebar ~ .pusher{-webkit-transform:translate3d(0, 36px, 0);transform:translate3d(0, 36px, 0)}.ui.visible.bottom.sidebar ~ .fixed,.ui.visible.bottom.sidebar ~ .pusher{-webkit-transform:translate3d(0, -36px, 0);transform:translate3d(0, -36px, 0)}.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.ui.thin.left.sidebar,.ui.thin.right.sidebar{width:150px}.ui[class*="very thin"].left.sidebar,.ui[class*="very thin"].right.sidebar{width:60px}.ui.left.sidebar,.ui.right.sidebar{width:260px}.ui.wide.left.sidebar,.ui.wide.right.sidebar{width:350px}.ui[class*="very wide"].left.sidebar,.ui[class*="very wide"].right.sidebar{width:475px}.ui.visible.thin.left.sidebar ~ .fixed,.ui.visible.thin.left.sidebar ~ .pusher{-webkit-transform:translate3d(150px, 0, 0);transform:translate3d(150px, 0, 0)}.ui.visible[class*="very thin"].left.sidebar ~ .fixed,.ui.visible[class*="very thin"].left.sidebar ~ .pusher{-webkit-transform:translate3d(60px, 0, 0);transform:translate3d(60px, 0, 0)}.ui.visible.wide.left.sidebar ~ .fixed,.ui.visible.wide.left.sidebar ~ .pusher{-webkit-transform:translate3d(350px, 0, 0);transform:translate3d(350px, 0, 0)}.ui.visible[class*="very wide"].left.sidebar ~ .fixed,.ui.visible[class*="very wide"].left.sidebar ~ .pusher{-webkit-transform:translate3d(475px, 0, 0);transform:translate3d(475px, 0, 0)}.ui.visible.thin.right.sidebar ~ .fixed,.ui.visible.thin.right.sidebar ~ .pusher{-webkit-transform:translate3d(-150px, 0, 0);transform:translate3d(-150px, 0, 0)}.ui.visible[class*="very thin"].right.sidebar ~ .fixed,.ui.visible[class*="very thin"].right.sidebar ~ .pusher{-webkit-transform:translate3d(-60px, 0, 0);transform:translate3d(-60px, 0, 0)}.ui.visible.wide.right.sidebar ~ .fixed,.ui.visible.wide.right.sidebar ~ .pusher{-webkit-transform:translate3d(-350px, 0, 0);transform:translate3d(-350px, 0, 0)}.ui.visible[class*="very wide"].right.sidebar ~ .fixed,.ui.visible[class*="very wide"].right.sidebar ~ .pusher{-webkit-transform:translate3d(-475px, 0, 0);transform:translate3d(-475px, 0, 0)}.ui.overlay.sidebar{z-index:102}.ui.left.overlay.sidebar{-webkit-transform:translate3d(-100%, 0%, 0);transform:translate3d(-100%, 0%, 0)}.ui.right.overlay.sidebar{-webkit-transform:translate3d(100%, 0%, 0);transform:translate3d(100%, 0%, 0)}.ui.top.overlay.sidebar{-webkit-transform:translate3d(0%, -100%, 0);transform:translate3d(0%, -100%, 0)}.ui.bottom.overlay.sidebar{-webkit-transform:translate3d(0%, 100%, 0);transform:translate3d(0%, 100%, 0)}.animating.ui.overlay.sidebar,.ui.visible.overlay.sidebar{-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.ui.visible.left.overlay.sidebar{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}.ui.visible.right.overlay.sidebar{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}.ui.visible.top.overlay.sidebar{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}.ui.visible.bottom.overlay.sidebar{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}.ui.visible.overlay.sidebar ~ .fixed,.ui.visible.overlay.sidebar ~ .pusher{-webkit-transform:none !important;transform:none !important}.ui.push.sidebar{-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease;z-index:102}.ui.left.push.sidebar{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.ui.right.push.sidebar{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.ui.top.push.sidebar{-webkit-transform:translate3d(0%, -100%, 0);transform:translate3d(0%, -100%, 0)}.ui.bottom.push.sidebar{-webkit-transform:translate3d(0%, 100%, 0);transform:translate3d(0%, 100%, 0)}.ui.visible.push.sidebar{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.ui.uncover.sidebar{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:1}.ui.visible.uncover.sidebar{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.ui.slide.along.sidebar{z-index:1}.ui.left.slide.along.sidebar{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.ui.right.slide.along.sidebar{-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}.ui.top.slide.along.sidebar{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.ui.bottom.slide.along.sidebar{-webkit-transform:translate3d(0%, 50%, 0);transform:translate3d(0%, 50%, 0)}.ui.animating.slide.along.sidebar{-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.ui.visible.slide.along.sidebar{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.ui.slide.out.sidebar{z-index:1}.ui.left.slide.out.sidebar{-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}.ui.right.slide.out.sidebar{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.ui.top.slide.out.sidebar{-webkit-transform:translate3d(0%, 50%, 0);transform:translate3d(0%, 50%, 0)}.ui.bottom.slide.out.sidebar{-webkit-transform:translate3d(0%, -50%, 0);transform:translate3d(0%, -50%, 0)}.ui.animating.slide.out.sidebar{-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.ui.visible.slide.out.sidebar{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}.ui.scale.down.sidebar{-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease;z-index:102}.ui.left.scale.down.sidebar{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.ui.right.scale.down.sidebar{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.ui.top.scale.down.sidebar{-webkit-transform:translate3d(0%, -100%, 0);transform:translate3d(0%, -100%, 0)}.ui.bottom.scale.down.sidebar{-webkit-transform:translate3d(0%, 100%, 0);transform:translate3d(0%, 100%, 0)}.ui.scale.down.left.sidebar ~ .pusher{-webkit-transform-origin:75% 50%;transform-origin:75% 50%}.ui.scale.down.right.sidebar ~ .pusher{-webkit-transform-origin:25% 50%;transform-origin:25% 50%}.ui.scale.down.top.sidebar ~ .pusher{-webkit-transform-origin:50% 75%;transform-origin:50% 75%}.ui.scale.down.bottom.sidebar ~ .pusher{-webkit-transform-origin:50% 25%;transform-origin:50% 25%}.ui.animating.scale.down>.visible.ui.sidebar{-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.ui.visible.scale.down.sidebar ~ .pusher,.ui.animating.scale.down.sidebar ~ .pusher{display:block !important;width:100%;height:100%;overflow:hidden !important}.ui.visible.scale.down.sidebar{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.ui.visible.scale.down.sidebar ~ .pusher{-webkit-transform:scale(0.75);transform:scale(0.75)}.ui.sticky{position:static;-webkit-transition:none;transition:none;z-index:800}.ui.sticky.bound{position:absolute;left:auto;right:auto}.ui.sticky.fixed{position:fixed;left:auto;right:auto}.ui.sticky.bound.top,.ui.sticky.fixed.top{top:0;bottom:auto}.ui.sticky.bound.bottom,.ui.sticky.fixed.bottom{top:auto;bottom:0}.ui.native.sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.ui.tab{display:none}.ui.tab.active,.ui.tab.open{display:block}.ui.tab.loading{position:relative;overflow:hidden;display:block;min-height:250px}.ui.tab.loading *{position:relative !important;left:-10000px !important}.ui.tab.loading:before,.ui.tab.loading.segment:before{position:absolute;content:'';top:100px;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;border-radius:500rem;border:0.2em solid rgba(0,0,0,0.1)}.ui.tab.loading:after,.ui.tab.loading.segment:after{position:absolute;content:'';top:100px;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;-webkit-animation:button-spin 0.6s linear;animation:button-spin 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:0.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.transition{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animating.transition{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible !important}.loading.transition{position:absolute;top:-99999px;left:-99999px}.hidden.transition{display:none;visibility:hidden}.visible.transition{display:block !important;visibility:visible !important}.disabled.transition{-webkit-animation-play-state:paused;animation-play-state:paused}.looping.transition{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.transition.browse{-webkit-animation-duration:500ms;animation-duration:500ms}.transition.browse.in{-webkit-animation-name:browseIn;animation-name:browseIn}.transition.browse.out,.transition.browse.left.out{-webkit-animation-name:browseOutLeft;animation-name:browseOutLeft}.transition.browse.right.out{-webkit-animation-name:browseOutRight;animation-name:browseOutRight}@-webkit-keyframes browseIn{0%{-webkit-transform:scale(0.8) translateZ(0px);transform:scale(0.8) translateZ(0px);z-index:-1}10%{-webkit-transform:scale(0.8) translateZ(0px);transform:scale(0.8) translateZ(0px);z-index:-1;opacity:0.7}80%{-webkit-transform:scale(1.05) translateZ(0px);transform:scale(1.05) translateZ(0px);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0px);transform:scale(1) translateZ(0px);z-index:999}}@keyframes browseIn{0%{-webkit-transform:scale(0.8) translateZ(0px);transform:scale(0.8) translateZ(0px);z-index:-1}10%{-webkit-transform:scale(0.8) translateZ(0px);transform:scale(0.8) translateZ(0px);z-index:-1;opacity:0.7}80%{-webkit-transform:scale(1.05) translateZ(0px);transform:scale(1.05) translateZ(0px);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0px);transform:scale(1) translateZ(0px);z-index:999}}@-webkit-keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);transform:translateX(0%) rotateY(0deg) rotateX(0deg)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);opacity:0}}@keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);transform:translateX(0%) rotateY(0deg) rotateX(0deg)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);opacity:0}}@-webkit-keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);transform:translateX(0%) rotateY(0deg) rotateX(0deg)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);opacity:0}}@keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg);transform:translateX(0%) rotateY(0deg) rotateX(0deg)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);transform:translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);opacity:0}}.drop.transition{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:cubic-bezier(0.34, 1.61, 0.7, 1);animation-timing-function:cubic-bezier(0.34, 1.61, 0.7, 1)}.drop.transition.in{-webkit-animation-name:dropIn;animation-name:dropIn}.drop.transition.out{-webkit-animation-name:dropOut;animation-name:dropOut}@-webkit-keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.transition.fade.in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.transition[class*="fade up"].in{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.transition[class*="fade down"].in{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.transition[class*="fade left"].in{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.transition[class*="fade right"].in{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.transition.fade.out{-webkit-animation-name:fadeOut;animation-name:fadeOut}.transition[class*="fade up"].out{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.transition[class*="fade down"].out{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}.transition[class*="fade left"].out{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.transition[class*="fade right"].out{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}.flip.transition.in,.flip.transition.out{-webkit-animation-duration:600ms;animation-duration:600ms}.horizontal.flip.transition.in{-webkit-animation-name:horizontalFlipIn;animation-name:horizontalFlipIn}.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlipOut;animation-name:horizontalFlipOut}.vertical.flip.transition.in{-webkit-animation-name:verticalFlipIn;animation-name:verticalFlipIn}.vertical.flip.transition.out{-webkit-animation-name:verticalFlipOut;animation-name:verticalFlipOut}@-webkit-keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0deg);transform:perspective(2000px) rotateY(0deg);opacity:1}}@keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0deg);transform:perspective(2000px) rotateY(0deg);opacity:1}}@-webkit-keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0deg);transform:perspective(2000px) rotateX(0deg);opacity:1}}@keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0deg);transform:perspective(2000px) rotateX(0deg);opacity:1}}@-webkit-keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0deg);transform:perspective(2000px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0deg);transform:perspective(2000px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@-webkit-keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0deg);transform:perspective(2000px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}@keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0deg);transform:perspective(2000px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}.scale.transition.in{-webkit-animation-name:scaleIn;animation-name:scaleIn}.scale.transition.out{-webkit-animation-name:scaleOut;animation-name:scaleOut}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}.transition.fly{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.transition.fly.in{-webkit-animation-name:flyIn;animation-name:flyIn}.transition[class*="fly up"].in{-webkit-animation-name:flyInUp;animation-name:flyInUp}.transition[class*="fly down"].in{-webkit-animation-name:flyInDown;animation-name:flyInDown}.transition[class*="fly left"].in{-webkit-animation-name:flyInLeft;animation-name:flyInLeft}.transition[class*="fly right"].in{-webkit-animation-name:flyInRight;animation-name:flyInRight}.transition.fly.out{-webkit-animation-name:flyOut;animation-name:flyOut}.transition[class*="fly up"].out{-webkit-animation-name:flyOutUp;animation-name:flyOutUp}.transition[class*="fly down"].out{-webkit-animation-name:flyOutDown;animation-name:flyOutDown}.transition[class*="fly left"].out{-webkit-animation-name:flyOutLeft;animation-name:flyOutLeft}.transition[class*="fly right"].out{-webkit-animation-name:flyOutRight;animation-name:flyOutRight}@-webkit-keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0, 1500px, 0);transform:translate3d(0, 1500px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0, 1500px, 0);transform:translate3d(0, 1500px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0, -1500px, 0);transform:translate3d(0, -1500px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0, -1500px, 0);transform:translate3d(0, -1500px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px, 0, 0);transform:translate3d(1500px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px, 0, 0);transform:translate3d(1500px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px, 0, 0);transform:translate3d(-1500px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px, 0, 0);transform:translate3d(-1500px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}@keyframes flyOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}@-webkit-keyframes flyOutUp{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@keyframes flyOutUp{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@-webkit-keyframes flyOutDown{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@keyframes flyOutDown{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@-webkit-keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@-webkit-keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}@keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}.transition.slide.in,.transition[class*="slide down"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center left;transform-origin:center left}.transition.slide.out,.transition[class*="slide down"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}.transition.swing{-webkit-animation-duration:800ms;animation-duration:800ms}.transition[class*="swing down"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center left;transform-origin:center left}.transition.swing.out,.transition[class*="swing down"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}}@keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}}@-webkit-keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@-webkit-keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}@keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}.transition.zoom.in{-webkit-animation-name:zoomIn;animation-name:zoomIn}.transition.zoom.out{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomIn{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}}.flash.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:flash;animation-name:flash}.shake.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:shake;animation-name:shake}.bounce.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:bounce;animation-name:bounce}.tada.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:tada;animation-name:tada}.pulse.transition{-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-name:pulse;animation-name:pulse}.jiggle.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:jiggle;animation-name:jiggle}.transition.glow{-webkit-animation-duration:2000ms;animation-duration:2000ms;-webkit-animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.transition.glow{-webkit-animation-name:glow;animation-name:glow}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes jiggle{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes jiggle{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes glow{0%{background-color:#FCFCFD}30%{background-color:#FFF6CD}100%{background-color:#FCFCFD}}@keyframes glow{0%{background-color:#FCFCFD}30%{background-color:#FFF6CD}100%{background-color:#FCFCFD}} diff --git a/assets/css/important.min.css b/assets/css/important.min.css deleted file mode 100644 index 27e0015b2bfc44d9ddeecb78f9d4b3ef06535c09..0000000000000000000000000000000000000000 --- a/assets/css/important.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/*** uncss> filename: assets/css/important.min1.css ***/ -*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:transparent;-webkit-text-decoration-skip:objects}img{border-style:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body,html{height:100%}html{font-size:14px}body{margin:0;padding:0;overflow-x:hidden;min-width:320px;background:#fff;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4285em;color:rgba(0,0,0,.87);font-smoothing:antialiased}h1,h2,h3,h4{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.28571429em;margin:calc(2rem - .14285714em) 0 1rem;font-weight:700;padding:0}h1{min-height:1rem;font-size:2rem}h2{font-size:1.71428571rem}h3{font-size:1.28571429rem}h4{font-size:1.07142857rem}h1:first-child,h2:first-child,h4:first-child{margin-top:0}p{margin:0 0 1em;line-height:1.4285em}p:first-child{margin-top:0}p:last-child{margin-bottom:0}a{color:#0a70c0;text-decoration:none}a:hover{color:#105a94;text-decoration:none}::-webkit-selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}::-moz-selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}::selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}body ::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:10px}body ::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}body ::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,.25);-webkit-transition:color .2s ease;transition:color .2s ease}body ::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.15)}body ::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,.8)}body .ui.inverted::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}body .ui.inverted::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}body .ui.inverted::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}body .ui.inverted::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;will-change:'';-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:''!important;-webkit-box-shadow:''!important;box-shadow:''!important}.ui.button:focus .icon{opacity:.85}.ui.button:active{background-color:#babbbc;background-image:'';color:rgba(0,0,0,.9);-webkit-box-shadow:0 0 0 1px transparent inset,none;box-shadow:0 0 0 1px transparent inset,none}.ui.button:disabled{cursor:default;opacity:.45!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;pointer-events:none!important}.ui.inverted.button{-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important;background:transparent none;color:#fff;text-shadow:none!important}.ui.inverted.button:hover{background:#fff;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.inverted.button:focus{background:#fff;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.button>.icon:not(.button){height:.85714286em;opacity:.8;margin:0 .42857143em 0 -.21428571em;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;vertical-align:'';color:''}.ui.button{font-size:1rem}.ui.huge.button{font-size:1.42857143rem}.ui.basic.button{background:transparent none!important;color:rgba(0,0,0,.6)!important;font-weight:400;border-radius:.28571429rem;text-transform:none;text-shadow:none!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.basic.button:hover{background:#fff!important;color:rgba(0,0,0,.8)!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:focus{background:#fff!important;color:rgba(0,0,0,.8)!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:active{background:#f8f8f8!important;color:rgba(0,0,0,.9)!important;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.inverted.button{background-color:transparent!important;color:#f9fafb!important;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important}.ui.basic.inverted.button:hover{color:#fff!important;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:focus{color:#fff!important;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:active{background-color:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important}.ui.container{display:block;max-width:100%!important}@media only screen and (max-width:767px){.ui.container{width:auto!important;margin-left:1em!important;margin-right:1em!important}.ui.grid.container{width:auto!important}.ui.relaxed.grid.container{width:auto!important}.ui.very.relaxed.grid.container{width:auto!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.container{width:723px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(723px + 2rem)!important}.ui.relaxed.grid.container{width:calc(723px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(723px + 5rem)!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.container{width:933px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(933px + 2rem)!important}.ui.relaxed.grid.container{width:calc(933px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(933px + 5rem)!important}}@media only screen and (min-width:1200px){.ui.container{width:1127px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(1127px + 2rem)!important}.ui.relaxed.grid.container{width:calc(1127px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)!important}}.ui[class*="center aligned"].container{text-align:center}.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(255,255,255,.1)}.ui.hidden.divider{border-color:transparent!important}.ui.hidden.divider:after,.ui.hidden.divider:before{display:none}.ui.divider.inverted{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(34,36,38,.15)!important;border-left-color:rgba(34,36,38,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important;border-right-color:rgba(255,255,255,.15)!important}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.header{border:none;margin:calc(2rem - .14285714em) 0 1rem;padding:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;line-height:1.28571429em;text-transform:none;color:rgba(0,0,0,.87)}.ui.header:first-child{margin-top:-.14285714em}.ui.header+p{margin-top:0}h1.ui.header{font-size:2rem}h2.ui.header{font-size:1.71428571rem}h3.ui.header{font-size:1.28571429rem}h4.ui.header{font-size:1.07142857rem}.ui.inverted.header{color:#fff}i.icon{display:inline-block;opacity:1;margin:0 .25rem 0 0;width:1.18em;height:1em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.icon:before{background:0 0!important}i.icon{font-size:1em}i.icon.download:before{content:"\f019"}i.icon.github:before{content:"\f09b"}.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.centered.image{margin-left:auto;margin-right:auto}.ui.mini.image{width:35px;height:auto;font-size:.78571429rem}a.ui.active.label:ActiveHover:before{background-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.list,ul.ui.list{list-style-type:none;margin:1em 0;padding:0 0}.ui.list:last-child{margin-bottom:0;padding-bottom:0}.ui.list>.item,ul.ui.list li{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.list>.item:after,ul.ui.list>li:first-child:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.list>.item:first-child,ul.ui.list li:first-child{padding-top:0}.ui.list>.item:last-child,ul.ui.list li:last-child{padding-bottom:0}.ui.list>.item a{cursor:pointer}.ui.list>a.item{cursor:pointer;color:#4183c4}.ui.list>a.item:hover{color:#1e70bf}.ui.inverted.list>a.item{cursor:pointer;color:rgba(255,255,255,.9)}.ui.inverted.list>a.item:hover{color:#1e70bf}.ui.link.list .item,.ui.link.list a.item{color:rgba(0,0,0,.4);-webkit-transition:.1s color ease;transition:.1s color ease}.ui.link.list.list a.item:hover{color:rgba(0,0,0,.8)}.ui.link.list.list a.item:active{color:rgba(0,0,0,.9)}.ui.inverted.link.list .item,.ui.inverted.link.list a.item{color:rgba(255,255,255,.5)}.ui.inverted.link.list.list a.item:hover{color:#fff}.ui.inverted.link.list.list a.item:active{color:#fff}ul.ui.list{margin-left:1.25rem}ul.ui.list li{position:relative}ul.ui.list li:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;top:auto;left:auto;font-weight:400;margin-left:-1.25rem;content:'•';opacity:1;color:inherit;vertical-align:top}ul.ui.list li:before{color:rgba(0,0,0,.87)}.ui.small.list{font-size:.92857143em}.ui.list{font-size:1em}.ui.segment{position:relative;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.segment:last-child{border-bottom:none}.ui.inverted.black.segment{background-color:#1b1c1d!important;color:#fff!important}.ui.inverted.segment{border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.segment{background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.segment{font-size:1rem}.ui.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.ui.grid{margin-top:-1rem;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem}.ui.relaxed.grid{margin-left:-1.5rem;margin-right:-1.5rem}.ui[class*="very relaxed"].grid{margin-left:-2.5rem;margin-right:-2.5rem}.ui.grid>.column:not(.row),.ui.grid>.row>.column{position:relative;display:inline-block;width:6.25%;padding-left:1rem;padding-right:1rem;vertical-align:top}.ui.grid>*{padding-left:1rem;padding-right:1rem}.ui.grid>.row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%!important;padding:0;padding-top:1rem;padding-bottom:1rem}.ui.grid>.column:not(.row){padding-top:1rem;padding-bottom:1rem}.ui.grid>.row>.column{margin-top:0;margin-bottom:0}.ui.grid .row+.ui.divider{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:1rem 1rem}.ui.grid>.row>.column:only-child{width:100%}.ui.grid>[class*="three wide"].column{width:18.75%!important}.ui.grid>.row>[class*="seven wide"].column{width:43.75%!important}.ui.grid>.row>[class*="nine wide"].column{width:56.25%!important}.ui.grid>.centered.row{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.relaxed.grid>.row>.column{padding-left:1.5rem;padding-right:1.5rem}.ui[class*="very relaxed"].grid>.row>.column{padding-left:2.5rem;padding-right:2.5rem}.ui.relaxed.grid .row+.ui.divider{margin-left:1.5rem;margin-right:1.5rem}.ui[class*="very relaxed"].grid .row+.ui.divider{margin-left:2.5rem;margin-right:2.5rem}.ui.grid>.row>[class*="left aligned"].column.column{text-align:left;-ms-flex-item-align:inherit;align-self:inherit}.ui[class*="center aligned"].grid>.row>.column{text-align:center;-ms-flex-item-align:inherit;align-self:inherit}.ui[class*="center aligned"].grid{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:992px){.ui.grid>[class*="computer reversed"].row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media only screen and (max-width:767px){.ui.stackable.grid{width:auto;margin-left:0!important;margin-right:0!important}.ui.stackable.grid>.column:not(.row),.ui.stackable.grid>.row>.column,.ui.stackable.grid>.row>.wide.column,.ui.stackable.grid>.wide.column{width:100%!important;margin:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:1rem 1rem!important}.ui.container>.ui.stackable.grid>.column{padding-left:0!important;padding-right:0!important}}.ui.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;font-weight:400;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem;min-height:2.85714286em}.ui.menu:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.menu:first-child{margin-top:0}.ui.menu:last-child{margin-bottom:0}.ui.menu .menu{margin:0}.ui.menu:not(.vertical)>.menu{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.menu:not(.vertical) .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.menu .item{position:relative;vertical-align:middle;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;padding:.92857143em 1.14285714em;text-transform:none;color:rgba(0,0,0,.87);font-weight:400;-webkit-transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease}.ui.menu>.item:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;height:100%;width:1px;background:rgba(34,36,38,.1)}.ui.menu .item>i.icon{opacity:.9;float:none;margin:0 .35714286em 0 0}.ui.menu a.item:hover{cursor:pointer;background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.menu a.item:active{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.menu .active.item{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);font-weight:400;-webkit-box-shadow:none;box-shadow:none}.ui.menu .active.item>i.icon{opacity:1}.ui.menu .active.item:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.menu:not(.vertical) .right.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto!important}.ui.menu .right.menu>.item::before{right:auto;left:0}.ui.secondary.menu{background:0 0;margin-left:-.35714286em;margin-right:-.35714286em;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.secondary.menu .item{-ms-flex-item-align:center;align-self:center;-webkit-box-shadow:none;box-shadow:none;border:none;padding:.78571429em .92857143em;margin:0 .35714286em;background:0 0;-webkit-transition:color .1s ease;transition:color .1s ease;border-radius:.28571429rem}.ui.secondary.menu .item:before{display:none!important}.ui.secondary.menu a.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.menu .active.item{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);border-radius:.28571429rem}.ui.secondary.menu .active.item:hover{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.inverted.menu a.item{color:rgba(255,255,255,.7)!important}.ui.secondary.inverted.menu a.item:hover{background:rgba(255,255,255,.08);color:#fff!important}.ui.secondary.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.secondary.inverted.menu{background-color:transparent}.ui.inverted.menu{border:0 solid transparent;background:#1b1c1d;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.menu .item{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.menu .item:before{background:rgba(255,255,255,.08)}.ui.inverted.menu a.item:hover{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.menu a.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.inverted.menu .active.item:hover{background:rgba(255,255,255,.15);color:#fff!important}.ui.menu{font-size:1rem}.ui.large.menu{font-size:1.07142857rem}.ui.cards>.card{max-width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:290px;min-height:0;background:#fff;padding:0;border:none;border-radius:.28571429rem;-webkit-box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;-webkit-transition:-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:-webkit-box-shadow .1s ease,-webkit-transform .1s ease;transition:box-shadow .1s ease,transform .1s ease;transition:box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;z-index:''}.ui.cards>.card a{cursor:pointer}.ui.cards{display:-webkit-box;display:-ms-flexbox;display:flex;margin:-.875em -.5em;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.cards>.card{display:-webkit-box;display:-ms-flexbox;display:flex;margin:.875em .5em;float:none}.ui.cards:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.cards>.card>:first-child{border-radius:.28571429rem .28571429rem 0 0!important;border-top:none!important}.ui.cards>.card>:last-child{border-radius:0 0 .28571429rem .28571429rem!important}.ui.cards>.card>:only-child{border-radius:.28571429rem!important}.ui.cards>.card>.image{position:relative;display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0;background:rgba(0,0,0,.05)}.ui.cards>.card>.content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,.1);background:0 0;margin:0;padding:1em 1em;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border-radius:0}.ui.cards>.card>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.centered.cards{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.cards a.card{-webkit-transform:none;transform:none}.ui.cards a.card:hover{cursor:pointer;z-index:5;background:#fff;border:none;-webkit-box-shadow:0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;box-shadow:0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.ui.one.cards{margin-left:0;margin-right:0}.ui.one.cards>.card{width:100%}.ui.four.cards{margin-left:-.75em;margin-right:-.75em}.ui.four.cards>.card{width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}@media only screen and (max-width:767px){.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}}@media only screen and (min-width:768px) and (max-width:991px){.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 2em);margin-left:1em;margin-right:1em}}.ui.cards>.card{font-size:1em} diff --git a/assets/css/semantic.css b/assets/css/semantic.css deleted file mode 100644 index 072977e19cf0dfcec7360ee134ce4525d343af32..0000000000000000000000000000000000000000 --- a/assets/css/semantic.css +++ /dev/null @@ -1,38835 +0,0 @@ -/* - * # Semantic UI - 2.3.1 - * https://github.com/Semantic-Org/Semantic-UI - * http://www.semantic-ui.com/ - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin'); -/*! - * # Semantic UI 2.3.1 - Reset - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Reset -*******************************/ - -/* Border-Box */ - -*, -*:before, -*:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} - -html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -/* iPad Input Shadows */ - -input[type="text"], -input[type="email"], -input[type="search"], -input[type="password"] { - -webkit-appearance: none; - -moz-appearance: none; - /* mobile firefox too! */ -} - -/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ - -html { - line-height: 1.15; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers (opinionated). - */ - -body { - margin: 0; -} - -/** - * Add the correct display in IE 9-. - */ - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in IE. - */ - -figcaption, -figure, -main { - /* 1 */ - display: block; -} - -/** - * Add the correct margin in IE 8. - */ - -figure { - margin: 1em 40px; -} - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - -webkit-box-sizing: content-box; - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ - -a { - background-color: transparent; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ -} - -/** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - /* 2 */ -} - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ - -b, -strong { - font-weight: inherit; -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/** - * Add the correct font style in Android 4.3-. - */ - -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ - -mark { - background-color: #ff0; - color: #000; -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - */ - -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Remove the border on images inside links in IE 10-. - */ - -img { - border-style: none; -} - -/** - * Hide the overflow in IE. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { - /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { - /* 1 */ - text-transform: none; -} - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ - -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - -webkit-box-sizing: border-box; - box-sizing: border-box; - /* 1 */ - color: inherit; - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - white-space: normal; - /* 1 */ -} - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ -} - -/** - * Remove the default vertical scrollbar in IE. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ - -[type="checkbox"], -[type="radio"] { - -webkit-box-sizing: border-box; - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - */ - -details, -menu { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Scripting - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - */ - -canvas { - display: inline-block; -} - -/** - * Add the correct display in IE. - */ - -template { - display: none; -} - -/* Hidden - ========================================================================== */ - -/** - * Add the correct display in IE 10-. - */ - -[hidden] { - display: none; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Site - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Page -*******************************/ - -html, -body { - height: 100%; -} - -html { - font-size: 14px; -} - -body { - margin: 0px; - padding: 0px; - overflow-x: hidden; - min-width: 320px; - background: #FFFFFF; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 14px; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - font-smoothing: antialiased; -} - -/******************************* - Headers -*******************************/ - -h1, -h2, -h3, -h4, -h5 { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - line-height: 1.28571429em; - margin: calc(2rem - 0.14285714em ) 0em 1rem; - font-weight: bold; - padding: 0em; -} - -h1 { - min-height: 1rem; - font-size: 2rem; -} - -h2 { - font-size: 1.71428571rem; -} - -h3 { - font-size: 1.28571429rem; -} - -h4 { - font-size: 1.07142857rem; -} - -h5 { - font-size: 1rem; -} - -h1:first-child, -h2:first-child, -h3:first-child, -h4:first-child, -h5:first-child { - margin-top: 0em; -} - -h1:last-child, -h2:last-child, -h3:last-child, -h4:last-child, -h5:last-child { - margin-bottom: 0em; -} - -/******************************* - Text -*******************************/ - -p { - margin: 0em 0em 1em; - line-height: 1.4285em; -} - -p:first-child { - margin-top: 0em; -} - -p:last-child { - margin-bottom: 0em; -} - -/*------------------- - Links ---------------------*/ - -a { - color: #4183C4; - text-decoration: none; -} - -a:hover { - color: #1e70bf; - text-decoration: none; -} - -/******************************* - Scrollbars -*******************************/ - -/******************************* - Highlighting -*******************************/ - -/* Site */ - -::-webkit-selection { - background-color: #CCE2FF; - color: rgba(0, 0, 0, 0.87); -} - -::-moz-selection { - background-color: #CCE2FF; - color: rgba(0, 0, 0, 0.87); -} - -::selection { - background-color: #CCE2FF; - color: rgba(0, 0, 0, 0.87); -} - -/* Form */ - -textarea::-webkit-selection, -input::-webkit-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} - -textarea::-moz-selection, -input::-moz-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} - -textarea::selection, -input::selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} - -/* Force Simple Scrollbars */ - -body ::-webkit-scrollbar { - -webkit-appearance: none; - width: 10px; - height: 10px; -} - -body ::-webkit-scrollbar-track { - background: rgba(0, 0, 0, 0.1); - border-radius: 0px; -} - -body ::-webkit-scrollbar-thumb { - cursor: pointer; - border-radius: 5px; - background: rgba(0, 0, 0, 0.25); - -webkit-transition: color 0.2s ease; - transition: color 0.2s ease; -} - -body ::-webkit-scrollbar-thumb:window-inactive { - background: rgba(0, 0, 0, 0.15); -} - -body ::-webkit-scrollbar-thumb:hover { - background: rgba(128, 135, 139, 0.8); -} - -/* Inverted UI */ - -body .ui.inverted::-webkit-scrollbar-track { - background: rgba(255, 255, 255, 0.1); -} - -body .ui.inverted::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.25); -} - -body .ui.inverted::-webkit-scrollbar-thumb:window-inactive { - background: rgba(255, 255, 255, 0.15); -} - -body .ui.inverted::-webkit-scrollbar-thumb:hover { - background: rgba(255, 255, 255, 0.35); -} - -/******************************* - Global Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Button - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Button -*******************************/ - -.ui.button { - cursor: pointer; - display: inline-block; - min-height: 1em; - outline: none; - border: none; - vertical-align: baseline; - background: #E0E1E2 none; - color: rgba(0, 0, 0, 0.6); - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - margin: 0em 0.25em 0em 0em; - padding: 0.78571429em 1.5em 0.78571429em; - text-transform: none; - text-shadow: none; - font-weight: bold; - line-height: 1em; - font-style: normal; - text-align: center; - text-decoration: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - will-change: ''; - -webkit-tap-highlight-color: transparent; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.button:hover { - background-color: #CACBCD; - background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - color: rgba(0, 0, 0, 0.8); -} - -.ui.button:hover .icon { - opacity: 0.85; -} - -/*-------------- - Focus ----------------*/ - -.ui.button:focus { - background-color: #CACBCD; - color: rgba(0, 0, 0, 0.8); - background-image: '' !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} - -.ui.button:focus .icon { - opacity: 0.85; -} - -/*-------------- - Down ----------------*/ - -.ui.button:active, -.ui.active.button:active { - background-color: #BABBBC; - background-image: ''; - color: rgba(0, 0, 0, 0.9); - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none; - box-shadow: 0px 0px 0px 1px transparent inset, none; -} - -/*-------------- - Active ----------------*/ - -.ui.active.button { - background-color: #C0C1C2; - background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - box-shadow: 0px 0px 0px 1px transparent inset; - color: rgba(0, 0, 0, 0.95); -} - -.ui.active.button:hover { - background-color: #C0C1C2; - background-image: none; - color: rgba(0, 0, 0, 0.95); -} - -.ui.active.button:active { - background-color: #C0C1C2; - background-image: none; -} - -/*-------------- - Loading ----------------*/ - -/* Specificity hack */ - -.ui.loading.loading.loading.loading.loading.loading.button { - position: relative; - cursor: default; - text-shadow: none !important; - color: transparent !important; - opacity: 1; - pointer-events: auto; - -webkit-transition: all 0s linear, opacity 0.1s ease; - transition: all 0s linear, opacity 0.1s ease; -} - -.ui.loading.button:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.15); -} - -.ui.loading.button:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; - animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #FFFFFF transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -.ui.labeled.icon.loading.button .icon { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -@-webkit-keyframes button-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes button-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -.ui.basic.loading.button:not(.inverted):before { - border-color: rgba(0, 0, 0, 0.1); -} - -.ui.basic.loading.button:not(.inverted):after { - border-top-color: #767676; -} - -/*------------------- - Disabled ---------------------*/ - -.ui.buttons .disabled.button, -.ui.disabled.button, -.ui.button:disabled, -.ui.disabled.button:hover, -.ui.disabled.active.button { - cursor: default; - opacity: 0.45 !important; - background-image: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - pointer-events: none !important; -} - -/* Basic Group With Disabled */ - -.ui.basic.buttons .ui.disabled.button { - border-color: rgba(34, 36, 38, 0.5); -} - -/******************************* - Types -*******************************/ - -/*------------------- - Animated ---------------------*/ - -.ui.animated.button { - position: relative; - overflow: hidden; - padding-right: 0em !important; - vertical-align: middle; - z-index: 1; -} - -.ui.animated.button .content { - will-change: transform, opacity; -} - -.ui.animated.button .visible.content { - position: relative; - margin-right: 1.5em; -} - -.ui.animated.button .hidden.content { - position: absolute; - width: 100%; -} - -/* Horizontal */ - -.ui.animated.button .visible.content, -.ui.animated.button .hidden.content { - -webkit-transition: right 0.3s ease 0s; - transition: right 0.3s ease 0s; -} - -.ui.animated.button .visible.content { - left: auto; - right: 0%; -} - -.ui.animated.button .hidden.content { - top: 50%; - left: auto; - right: -100%; - margin-top: -0.5em; -} - -.ui.animated.button:focus .visible.content, -.ui.animated.button:hover .visible.content { - left: auto; - right: 200%; -} - -.ui.animated.button:focus .hidden.content, -.ui.animated.button:hover .hidden.content { - left: auto; - right: 0%; -} - -/* Vertical */ - -.ui.vertical.animated.button .visible.content, -.ui.vertical.animated.button .hidden.content { - -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; -} - -.ui.vertical.animated.button .visible.content { - -webkit-transform: translateY(0%); - transform: translateY(0%); - right: auto; -} - -.ui.vertical.animated.button .hidden.content { - top: -50%; - left: 0%; - right: auto; -} - -.ui.vertical.animated.button:focus .visible.content, -.ui.vertical.animated.button:hover .visible.content { - -webkit-transform: translateY(200%); - transform: translateY(200%); - right: auto; -} - -.ui.vertical.animated.button:focus .hidden.content, -.ui.vertical.animated.button:hover .hidden.content { - top: 50%; - right: auto; -} - -/* Fade */ - -.ui.fade.animated.button .visible.content, -.ui.fade.animated.button .hidden.content { - -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; -} - -.ui.fade.animated.button .visible.content { - left: auto; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -.ui.fade.animated.button .hidden.content { - opacity: 0; - left: 0%; - right: auto; - -webkit-transform: scale(1.5); - transform: scale(1.5); -} - -.ui.fade.animated.button:focus .visible.content, -.ui.fade.animated.button:hover .visible.content { - left: auto; - right: auto; - opacity: 0; - -webkit-transform: scale(0.75); - transform: scale(0.75); -} - -.ui.fade.animated.button:focus .hidden.content, -.ui.fade.animated.button:hover .hidden.content { - left: 0%; - right: auto; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.button { - -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - background: transparent none; - color: #FFFFFF; - text-shadow: none !important; -} - -/* Group */ - -.ui.inverted.buttons .button { - margin: 0px 0px 0px -2px; -} - -.ui.inverted.buttons .button:first-child { - margin-left: 0em; -} - -.ui.inverted.vertical.buttons .button { - margin: 0px 0px -2px 0px; -} - -.ui.inverted.vertical.buttons .button:first-child { - margin-top: 0em; -} - -/* States */ - -/* Hover */ - -.ui.inverted.button:hover { - background: #FFFFFF; - -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - color: rgba(0, 0, 0, 0.8); -} - -/* Active / Focus */ - -.ui.inverted.button:focus, -.ui.inverted.button.active { - background: #FFFFFF; - -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - color: rgba(0, 0, 0, 0.8); -} - -/* Active Focus */ - -.ui.inverted.button.active:focus { - background: #DCDDDE; - -webkit-box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; - box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; - color: rgba(0, 0, 0, 0.8); -} - -/*------------------- - Labeled Button ---------------------*/ - -.ui.labeled.button:not(.icon) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background: none !important; - padding: 0px !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.ui.labeled.button > .button { - margin: 0px; -} - -.ui.labeled.button > .label { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0px 0px 0px -1px !important; - padding: ''; - font-size: 1em; - border-color: rgba(34, 36, 38, 0.15); -} - -/* Tag */ - -.ui.labeled.button > .tag.label:before { - width: 1.85em; - height: 1.85em; -} - -/* Right */ - -.ui.labeled.button:not([class*="left labeled"]) > .button { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -.ui.labeled.button:not([class*="left labeled"]) > .label { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -/* Left Side */ - -.ui[class*="left labeled"].button > .button { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.ui[class*="left labeled"].button > .label { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -/*------------------- - Social ---------------------*/ - -/* Facebook */ - -.ui.facebook.button { - background-color: #3B5998; - color: #FFFFFF; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.facebook.button:hover { - background-color: #304d8a; - color: #FFFFFF; - text-shadow: none; -} - -.ui.facebook.button:active { - background-color: #2d4373; - color: #FFFFFF; - text-shadow: none; -} - -/* Twitter */ - -.ui.twitter.button { - background-color: #55ACEE; - color: #FFFFFF; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.twitter.button:hover { - background-color: #35a2f4; - color: #FFFFFF; - text-shadow: none; -} - -.ui.twitter.button:active { - background-color: #2795e9; - color: #FFFFFF; - text-shadow: none; -} - -/* Google Plus */ - -.ui.google.plus.button { - background-color: #DD4B39; - color: #FFFFFF; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.google.plus.button:hover { - background-color: #e0321c; - color: #FFFFFF; - text-shadow: none; -} - -.ui.google.plus.button:active { - background-color: #c23321; - color: #FFFFFF; - text-shadow: none; -} - -/* Linked In */ - -.ui.linkedin.button { - background-color: #1F88BE; - color: #FFFFFF; - text-shadow: none; -} - -.ui.linkedin.button:hover { - background-color: #147baf; - color: #FFFFFF; - text-shadow: none; -} - -.ui.linkedin.button:active { - background-color: #186992; - color: #FFFFFF; - text-shadow: none; -} - -/* YouTube */ - -.ui.youtube.button { - background-color: #FF0000; - color: #FFFFFF; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.youtube.button:hover { - background-color: #e60000; - color: #FFFFFF; - text-shadow: none; -} - -.ui.youtube.button:active { - background-color: #cc0000; - color: #FFFFFF; - text-shadow: none; -} - -/* Instagram */ - -.ui.instagram.button { - background-color: #49769C; - color: #FFFFFF; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.instagram.button:hover { - background-color: #3d698e; - color: #FFFFFF; - text-shadow: none; -} - -.ui.instagram.button:active { - background-color: #395c79; - color: #FFFFFF; - text-shadow: none; -} - -/* Pinterest */ - -.ui.pinterest.button { - background-color: #BD081C; - color: #FFFFFF; - text-shadow: none; - background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.pinterest.button:hover { - background-color: #ac0013; - color: #FFFFFF; - text-shadow: none; -} - -.ui.pinterest.button:active { - background-color: #8c0615; - color: #FFFFFF; - text-shadow: none; -} - -/* VK */ - -.ui.vk.button { - background-color: #4D7198; - color: #FFFFFF; - background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.vk.button:hover { - background-color: #41648a; - color: #FFFFFF; -} - -.ui.vk.button:active { - background-color: #3c5876; - color: #FFFFFF; -} - -/*-------------- - Icon ----------------*/ - -.ui.button > .icon:not(.button) { - height: 0.85714286em; - opacity: 0.8; - margin: 0em 0.42857143em 0em -0.21428571em; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; - vertical-align: ''; - color: ''; -} - -.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { - margin: 0em 0.42857143em 0em -0.21428571em; -} - -.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { - margin: 0em -0.21428571em 0em 0.42857143em; -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Floated ---------------------*/ - -.ui[class*="left floated"].buttons, -.ui[class*="left floated"].button { - float: left; - margin-left: 0em; - margin-right: 0.25em; -} - -.ui[class*="right floated"].buttons, -.ui[class*="right floated"].button { - float: right; - margin-right: 0em; - margin-left: 0.25em; -} - -/*------------------- - Compact ---------------------*/ - -.ui.compact.buttons .button, -.ui.compact.button { - padding: 0.58928571em 1.125em 0.58928571em; -} - -.ui.compact.icon.buttons .button, -.ui.compact.icon.button { - padding: 0.58928571em 0.58928571em 0.58928571em; -} - -.ui.compact.labeled.icon.buttons .button, -.ui.compact.labeled.icon.button { - padding: 0.58928571em 3.69642857em 0.58928571em; -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.buttons .button, -.ui.mini.buttons .or, -.ui.mini.button { - font-size: 0.78571429rem; -} - -.ui.tiny.buttons .button, -.ui.tiny.buttons .or, -.ui.tiny.button { - font-size: 0.85714286rem; -} - -.ui.small.buttons .button, -.ui.small.buttons .or, -.ui.small.button { - font-size: 0.92857143rem; -} - -.ui.buttons .button, -.ui.buttons .or, -.ui.button { - font-size: 1rem; -} - -.ui.large.buttons .button, -.ui.large.buttons .or, -.ui.large.button { - font-size: 1.14285714rem; -} - -.ui.big.buttons .button, -.ui.big.buttons .or, -.ui.big.button { - font-size: 1.28571429rem; -} - -.ui.huge.buttons .button, -.ui.huge.buttons .or, -.ui.huge.button { - font-size: 1.42857143rem; -} - -.ui.massive.buttons .button, -.ui.massive.buttons .or, -.ui.massive.button { - font-size: 1.71428571rem; -} - -/*-------------- - Icon Only ----------------*/ - -.ui.icon.buttons .button, -.ui.icon.button { - padding: 0.78571429em 0.78571429em 0.78571429em; -} - -.ui.icon.buttons .button > .icon, -.ui.icon.button > .icon { - opacity: 0.9; - margin: 0em !important; - vertical-align: top; -} - -/*------------------- - Basic ---------------------*/ - -.ui.basic.buttons .button, -.ui.basic.button { - background: transparent none !important; - color: rgba(0, 0, 0, 0.6) !important; - font-weight: normal; - border-radius: 0.28571429rem; - text-transform: none; - text-shadow: none !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; -} - -.ui.basic.buttons { - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; -} - -.ui.basic.buttons .button { - border-radius: 0em; -} - -.ui.basic.buttons .button:hover, -.ui.basic.button:hover { - background: #FFFFFF !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.basic.buttons .button:focus, -.ui.basic.button:focus { - background: #FFFFFF !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.basic.buttons .button:active, -.ui.basic.button:active { - background: #F8F8F8 !important; - color: rgba(0, 0, 0, 0.9) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.basic.buttons .active.button, -.ui.basic.active.button { - background: rgba(0, 0, 0, 0.05) !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.basic.buttons .active.button:hover, -.ui.basic.active.button:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -/* Vertical */ - -.ui.basic.buttons .button:hover { - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; -} - -.ui.basic.buttons .button:active { - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; -} - -.ui.basic.buttons .active.button { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; -} - -/* Standard Basic Inverted */ - -.ui.basic.inverted.buttons .button, -.ui.basic.inverted.button { - background-color: transparent !important; - color: #F9FAFB !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; -} - -.ui.basic.inverted.buttons .button:hover, -.ui.basic.inverted.button:hover { - color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; -} - -.ui.basic.inverted.buttons .button:focus, -.ui.basic.inverted.button:focus { - color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; -} - -.ui.basic.inverted.buttons .button:active, -.ui.basic.inverted.button:active { - background-color: rgba(255, 255, 255, 0.08) !important; - color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; -} - -.ui.basic.inverted.buttons .active.button, -.ui.basic.inverted.active.button { - background-color: rgba(255, 255, 255, 0.08); - color: #FFFFFF; - text-shadow: none; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; -} - -.ui.basic.inverted.buttons .active.button:hover, -.ui.basic.inverted.active.button:hover { - background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; -} - -/* Basic Group */ - -.ui.basic.buttons .button { - border-left: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.basic.vertical.buttons .button { - border-left: none; -} - -.ui.basic.vertical.buttons .button { - border-left-width: 0px; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.basic.vertical.buttons .button:first-child { - border-top-width: 0px; -} - -/*-------------- - Labeled Icon ----------------*/ - -.ui.labeled.icon.buttons .button, -.ui.labeled.icon.button { - position: relative; - padding-left: 4.07142857em !important; - padding-right: 1.5em !important; -} - -/* Left Labeled */ - -.ui.labeled.icon.buttons > .button > .icon, -.ui.labeled.icon.button > .icon { - position: absolute; - height: 100%; - line-height: 1; - border-radius: 0px; - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; - text-align: center; - margin: 0em; - width: 2.57142857em; - background-color: rgba(0, 0, 0, 0.05); - color: ''; - -webkit-box-shadow: -1px 0px 0px 0px transparent inset; - box-shadow: -1px 0px 0px 0px transparent inset; -} - -/* Left Labeled */ - -.ui.labeled.icon.buttons > .button > .icon, -.ui.labeled.icon.button > .icon { - top: 0em; - left: 0em; -} - -/* Right Labeled */ - -.ui[class*="right labeled"].icon.button { - padding-right: 4.07142857em !important; - padding-left: 1.5em !important; -} - -.ui[class*="right labeled"].icon.button > .icon { - left: auto; - right: 0em; - border-radius: 0px; - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; - -webkit-box-shadow: 1px 0px 0px 0px transparent inset; - box-shadow: 1px 0px 0px 0px transparent inset; -} - -.ui.labeled.icon.buttons > .button > .icon:before, -.ui.labeled.icon.button > .icon:before, -.ui.labeled.icon.buttons > .button > .icon:after, -.ui.labeled.icon.button > .icon:after { - display: block; - position: absolute; - width: 100%; - top: 50%; - text-align: center; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} - -.ui.labeled.icon.buttons .button > .icon { - border-radius: 0em; -} - -.ui.labeled.icon.buttons .button:first-child > .icon { - border-top-left-radius: 0.28571429rem; - border-bottom-left-radius: 0.28571429rem; -} - -.ui.labeled.icon.buttons .button:last-child > .icon { - border-top-right-radius: 0.28571429rem; - border-bottom-right-radius: 0.28571429rem; -} - -.ui.vertical.labeled.icon.buttons .button:first-child > .icon { - border-radius: 0em; - border-top-left-radius: 0.28571429rem; -} - -.ui.vertical.labeled.icon.buttons .button:last-child > .icon { - border-radius: 0em; - border-bottom-left-radius: 0.28571429rem; -} - -/* Fluid Labeled */ - -.ui.fluid[class*="left labeled"].icon.button, -.ui.fluid[class*="right labeled"].icon.button { - padding-left: 1.5em !important; - padding-right: 1.5em !important; -} - -/*-------------- - Toggle ----------------*/ - -/* Toggle (Modifies active state to give affordances) */ - -.ui.toggle.buttons .active.button, -.ui.buttons .button.toggle.active, -.ui.button.toggle.active { - background-color: #21BA45 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: none; - color: #FFFFFF !important; -} - -.ui.button.toggle.active:hover { - background-color: #16ab39 !important; - text-shadow: none; - color: #FFFFFF !important; -} - -/*-------------- - Circular ----------------*/ - -.ui.circular.button { - border-radius: 10em; -} - -.ui.circular.button > .icon { - width: 1em; - vertical-align: baseline; -} - -/*------------------- - Or Buttons ---------------------*/ - -.ui.buttons .or { - position: relative; - width: 0.3em; - height: 2.57142857em; - z-index: 3; -} - -.ui.buttons .or:before { - position: absolute; - text-align: center; - border-radius: 500rem; - content: 'or'; - top: 50%; - left: 50%; - background-color: #FFFFFF; - text-shadow: none; - margin-top: -0.89285714em; - margin-left: -0.89285714em; - width: 1.78571429em; - height: 1.78571429em; - line-height: 1.78571429em; - color: rgba(0, 0, 0, 0.4); - font-style: normal; - font-weight: bold; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - box-shadow: 0px 0px 0px 1px transparent inset; -} - -.ui.buttons .or[data-text]:before { - content: attr(data-text); -} - -/* Fluid Or */ - -.ui.fluid.buttons .or { - width: 0em !important; -} - -.ui.fluid.buttons .or:after { - display: none; -} - -/*------------------- - Attached ---------------------*/ - -/* Singular */ - -.ui.attached.button { - position: relative; - display: block; - margin: 0em; - border-radius: 0em; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; -} - -/* Top / Bottom */ - -.ui.attached.top.button { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.attached.bottom.button { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -/* Left / Right */ - -.ui.left.attached.button { - display: inline-block; - border-left: none; - text-align: right; - padding-right: 0.75em; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; -} - -.ui.right.attached.button { - display: inline-block; - text-align: left; - padding-left: 0.75em; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; -} - -/* Plural */ - -.ui.attached.buttons { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - border-radius: 0em; - width: auto !important; - z-index: 2; - margin-left: -1px; - margin-right: -1px; -} - -.ui.attached.buttons .button { - margin: 0em; -} - -.ui.attached.buttons .button:first-child { - border-radius: 0em; -} - -.ui.attached.buttons .button:last-child { - border-radius: 0em; -} - -/* Top / Bottom */ - -.ui[class*="top attached"].buttons { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui[class*="top attached"].buttons .button:first-child { - border-radius: 0.28571429rem 0em 0em 0em; -} - -.ui[class*="top attached"].buttons .button:last-child { - border-radius: 0em 0.28571429rem 0em 0em; -} - -.ui[class*="bottom attached"].buttons { - margin-top: -1px; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui[class*="bottom attached"].buttons .button:first-child { - border-radius: 0em 0em 0em 0.28571429rem; -} - -.ui[class*="bottom attached"].buttons .button:last-child { - border-radius: 0em 0em 0.28571429rem 0em; -} - -/* Left / Right */ - -.ui[class*="left attached"].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-right: 0em; - margin-left: -1px; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; -} - -.ui[class*="left attached"].buttons .button:first-child { - margin-left: -1px; - border-radius: 0em 0.28571429rem 0em 0em; -} - -.ui[class*="left attached"].buttons .button:last-child { - margin-left: -1px; - border-radius: 0em 0em 0.28571429rem 0em; -} - -.ui[class*="right attached"].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-left: 0em; - margin-right: -1px; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; -} - -.ui[class*="right attached"].buttons .button:first-child { - margin-left: -1px; - border-radius: 0.28571429rem 0em 0em 0em; -} - -.ui[class*="right attached"].buttons .button:last-child { - margin-left: -1px; - border-radius: 0em 0em 0em 0.28571429rem; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.fluid.buttons, -.ui.fluid.button { - width: 100%; -} - -.ui.fluid.button { - display: block; -} - -.ui.two.buttons { - width: 100%; -} - -.ui.two.buttons > .button { - width: 50%; -} - -.ui.three.buttons { - width: 100%; -} - -.ui.three.buttons > .button { - width: 33.333%; -} - -.ui.four.buttons { - width: 100%; -} - -.ui.four.buttons > .button { - width: 25%; -} - -.ui.five.buttons { - width: 100%; -} - -.ui.five.buttons > .button { - width: 20%; -} - -.ui.six.buttons { - width: 100%; -} - -.ui.six.buttons > .button { - width: 16.666%; -} - -.ui.seven.buttons { - width: 100%; -} - -.ui.seven.buttons > .button { - width: 14.285%; -} - -.ui.eight.buttons { - width: 100%; -} - -.ui.eight.buttons > .button { - width: 12.500%; -} - -.ui.nine.buttons { - width: 100%; -} - -.ui.nine.buttons > .button { - width: 11.11%; -} - -.ui.ten.buttons { - width: 100%; -} - -.ui.ten.buttons > .button { - width: 10%; -} - -.ui.eleven.buttons { - width: 100%; -} - -.ui.eleven.buttons > .button { - width: 9.09%; -} - -.ui.twelve.buttons { - width: 100%; -} - -.ui.twelve.buttons > .button { - width: 8.3333%; -} - -/* Fluid Vertical Buttons */ - -.ui.fluid.vertical.buttons, -.ui.fluid.vertical.buttons > .button { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: auto; -} - -.ui.two.vertical.buttons > .button { - height: 50%; -} - -.ui.three.vertical.buttons > .button { - height: 33.333%; -} - -.ui.four.vertical.buttons > .button { - height: 25%; -} - -.ui.five.vertical.buttons > .button { - height: 20%; -} - -.ui.six.vertical.buttons > .button { - height: 16.666%; -} - -.ui.seven.vertical.buttons > .button { - height: 14.285%; -} - -.ui.eight.vertical.buttons > .button { - height: 12.500%; -} - -.ui.nine.vertical.buttons > .button { - height: 11.11%; -} - -.ui.ten.vertical.buttons > .button { - height: 10%; -} - -.ui.eleven.vertical.buttons > .button { - height: 9.09%; -} - -.ui.twelve.vertical.buttons > .button { - height: 8.3333%; -} - -/*------------------- - Colors ---------------------*/ - -/*--- Black ---*/ - -.ui.black.buttons .button, -.ui.black.button { - background-color: #1B1C1D; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.black.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.black.buttons .button:hover, -.ui.black.button:hover { - background-color: #27292a; - color: #FFFFFF; - text-shadow: none; -} - -.ui.black.buttons .button:focus, -.ui.black.button:focus { - background-color: #2f3032; - color: #FFFFFF; - text-shadow: none; -} - -.ui.black.buttons .button:active, -.ui.black.button:active { - background-color: #343637; - color: #FFFFFF; - text-shadow: none; -} - -.ui.black.buttons .active.button, -.ui.black.buttons .active.button:active, -.ui.black.active.button, -.ui.black.button .active.button:active { - background-color: #0f0f10; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.black.buttons .button, -.ui.basic.black.button { - -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - color: #1B1C1D !important; -} - -.ui.basic.black.buttons .button:hover, -.ui.basic.black.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #27292a !important; -} - -.ui.basic.black.buttons .button:focus, -.ui.basic.black.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !important; - box-shadow: 0px 0px 0px 1px #2f3032 inset !important; - color: #27292a !important; -} - -.ui.basic.black.buttons .active.button, -.ui.basic.black.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - color: #343637 !important; -} - -.ui.basic.black.buttons .button:active, -.ui.basic.black.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - box-shadow: 0px 0px 0px 1px #343637 inset !important; - color: #343637 !important; -} - -.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.black.buttons .button, -.ui.inverted.black.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - color: #FFFFFF; -} - -.ui.inverted.black.buttons .button:hover, -.ui.inverted.black.button:hover, -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.button:focus, -.ui.inverted.black.buttons .button.active, -.ui.inverted.black.button.active, -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.black.buttons .button:hover, -.ui.inverted.black.button:hover { - background-color: #000000; -} - -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.button:focus { - background-color: #000000; -} - -.ui.inverted.black.buttons .active.button, -.ui.inverted.black.active.button { - background-color: #000000; -} - -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.button:active { - background-color: #000000; -} - -/* Inverted Basic */ - -.ui.inverted.black.basic.buttons .button, -.ui.inverted.black.buttons .basic.button, -.ui.inverted.black.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.black.basic.buttons .button:hover, -.ui.inverted.black.buttons .basic.button:hover, -.ui.inverted.black.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.black.basic.buttons .button:focus, -.ui.inverted.black.basic.buttons .button:focus, -.ui.inverted.black.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #545454 !important; -} - -.ui.inverted.black.basic.buttons .active.button, -.ui.inverted.black.buttons .basic.active.button, -.ui.inverted.black.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.black.basic.buttons .button:active, -.ui.inverted.black.buttons .basic.button:active, -.ui.inverted.black.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #FFFFFF !important; -} - -/*--- Grey ---*/ - -.ui.grey.buttons .button, -.ui.grey.button { - background-color: #767676; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.grey.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.grey.buttons .button:hover, -.ui.grey.button:hover { - background-color: #838383; - color: #FFFFFF; - text-shadow: none; -} - -.ui.grey.buttons .button:focus, -.ui.grey.button:focus { - background-color: #8a8a8a; - color: #FFFFFF; - text-shadow: none; -} - -.ui.grey.buttons .button:active, -.ui.grey.button:active { - background-color: #909090; - color: #FFFFFF; - text-shadow: none; -} - -.ui.grey.buttons .active.button, -.ui.grey.buttons .active.button:active, -.ui.grey.active.button, -.ui.grey.button .active.button:active { - background-color: #696969; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.grey.buttons .button, -.ui.basic.grey.button { - -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important; - box-shadow: 0px 0px 0px 1px #767676 inset !important; - color: #767676 !important; -} - -.ui.basic.grey.buttons .button:hover, -.ui.basic.grey.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !important; - box-shadow: 0px 0px 0px 1px #838383 inset !important; - color: #838383 !important; -} - -.ui.basic.grey.buttons .button:focus, -.ui.basic.grey.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; - box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; - color: #838383 !important; -} - -.ui.basic.grey.buttons .active.button, -.ui.basic.grey.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important; - box-shadow: 0px 0px 0px 1px #696969 inset !important; - color: #909090 !important; -} - -.ui.basic.grey.buttons .button:active, -.ui.basic.grey.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important; - box-shadow: 0px 0px 0px 1px #909090 inset !important; - color: #909090 !important; -} - -.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.grey.buttons .button, -.ui.inverted.grey.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - color: #FFFFFF; -} - -.ui.inverted.grey.buttons .button:hover, -.ui.inverted.grey.button:hover, -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.button:focus, -.ui.inverted.grey.buttons .button.active, -.ui.inverted.grey.button.active, -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.grey.buttons .button:hover, -.ui.inverted.grey.button:hover { - background-color: #cfd0d2; -} - -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.button:focus { - background-color: #c7c9cb; -} - -.ui.inverted.grey.buttons .active.button, -.ui.inverted.grey.active.button { - background-color: #cfd0d2; -} - -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.button:active { - background-color: #c2c4c5; -} - -/* Inverted Basic */ - -.ui.inverted.grey.basic.buttons .button, -.ui.inverted.grey.buttons .basic.button, -.ui.inverted.grey.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.grey.basic.buttons .button:hover, -.ui.inverted.grey.buttons .basic.button:hover, -.ui.inverted.grey.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.grey.basic.buttons .button:focus, -.ui.inverted.grey.basic.buttons .button:focus, -.ui.inverted.grey.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; - box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; - color: #DCDDDE !important; -} - -.ui.inverted.grey.basic.buttons .active.button, -.ui.inverted.grey.buttons .basic.active.button, -.ui.inverted.grey.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.grey.basic.buttons .button:active, -.ui.inverted.grey.buttons .basic.button:active, -.ui.inverted.grey.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; - box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; - color: #FFFFFF !important; -} - -/*--- Brown ---*/ - -.ui.brown.buttons .button, -.ui.brown.button { - background-color: #A5673F; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.brown.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.brown.buttons .button:hover, -.ui.brown.button:hover { - background-color: #975b33; - color: #FFFFFF; - text-shadow: none; -} - -.ui.brown.buttons .button:focus, -.ui.brown.button:focus { - background-color: #90532b; - color: #FFFFFF; - text-shadow: none; -} - -.ui.brown.buttons .button:active, -.ui.brown.button:active { - background-color: #805031; - color: #FFFFFF; - text-shadow: none; -} - -.ui.brown.buttons .active.button, -.ui.brown.buttons .active.button:active, -.ui.brown.active.button, -.ui.brown.button .active.button:active { - background-color: #995a31; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.brown.buttons .button, -.ui.basic.brown.button { - -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset !important; - box-shadow: 0px 0px 0px 1px #A5673F inset !important; - color: #A5673F !important; -} - -.ui.basic.brown.buttons .button:hover, -.ui.basic.brown.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !important; - box-shadow: 0px 0px 0px 1px #975b33 inset !important; - color: #975b33 !important; -} - -.ui.basic.brown.buttons .button:focus, -.ui.basic.brown.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !important; - box-shadow: 0px 0px 0px 1px #90532b inset !important; - color: #975b33 !important; -} - -.ui.basic.brown.buttons .active.button, -.ui.basic.brown.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important; - box-shadow: 0px 0px 0px 1px #995a31 inset !important; - color: #805031 !important; -} - -.ui.basic.brown.buttons .button:active, -.ui.basic.brown.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important; - box-shadow: 0px 0px 0px 1px #805031 inset !important; - color: #805031 !important; -} - -.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.brown.buttons .button, -.ui.inverted.brown.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D67C1C inset !important; - box-shadow: 0px 0px 0px 2px #D67C1C inset !important; - color: #D67C1C; -} - -.ui.inverted.brown.buttons .button:hover, -.ui.inverted.brown.button:hover, -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.button:focus, -.ui.inverted.brown.buttons .button.active, -.ui.inverted.brown.button.active, -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.brown.buttons .button:hover, -.ui.inverted.brown.button:hover { - background-color: #c86f11; -} - -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.button:focus { - background-color: #c16808; -} - -.ui.inverted.brown.buttons .active.button, -.ui.inverted.brown.active.button { - background-color: #cc6f0d; -} - -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.button:active { - background-color: #a96216; -} - -/* Inverted Basic */ - -.ui.inverted.brown.basic.buttons .button, -.ui.inverted.brown.buttons .basic.button, -.ui.inverted.brown.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.brown.basic.buttons .button:hover, -.ui.inverted.brown.buttons .basic.button:hover, -.ui.inverted.brown.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important; - box-shadow: 0px 0px 0px 2px #c86f11 inset !important; - color: #D67C1C !important; -} - -.ui.inverted.brown.basic.buttons .button:focus, -.ui.inverted.brown.basic.buttons .button:focus, -.ui.inverted.brown.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important; - box-shadow: 0px 0px 0px 2px #c16808 inset !important; - color: #D67C1C !important; -} - -.ui.inverted.brown.basic.buttons .active.button, -.ui.inverted.brown.buttons .basic.active.button, -.ui.inverted.brown.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; - box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; - color: #D67C1C !important; -} - -.ui.inverted.brown.basic.buttons .button:active, -.ui.inverted.brown.buttons .basic.button:active, -.ui.inverted.brown.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important; - box-shadow: 0px 0px 0px 2px #a96216 inset !important; - color: #D67C1C !important; -} - -/*--- Blue ---*/ - -.ui.blue.buttons .button, -.ui.blue.button { - background-color: #2185D0; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.blue.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.blue.buttons .button:hover, -.ui.blue.button:hover { - background-color: #1678c2; - color: #FFFFFF; - text-shadow: none; -} - -.ui.blue.buttons .button:focus, -.ui.blue.button:focus { - background-color: #0d71bb; - color: #FFFFFF; - text-shadow: none; -} - -.ui.blue.buttons .button:active, -.ui.blue.button:active { - background-color: #1a69a4; - color: #FFFFFF; - text-shadow: none; -} - -.ui.blue.buttons .active.button, -.ui.blue.buttons .active.button:active, -.ui.blue.active.button, -.ui.blue.button .active.button:active { - background-color: #1279c6; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.blue.buttons .button, -.ui.basic.blue.button { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - color: #2185D0 !important; -} - -.ui.basic.blue.buttons .button:hover, -.ui.basic.blue.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - color: #1678c2 !important; -} - -.ui.basic.blue.buttons .button:focus, -.ui.basic.blue.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - color: #1678c2 !important; -} - -.ui.basic.blue.buttons .active.button, -.ui.basic.blue.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; -} - -.ui.basic.blue.buttons .button:active, -.ui.basic.blue.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - color: #1a69a4 !important; -} - -.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.blue.buttons .button, -.ui.inverted.blue.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - color: #54C8FF; -} - -.ui.inverted.blue.buttons .button:hover, -.ui.inverted.blue.button:hover, -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.button:focus, -.ui.inverted.blue.buttons .button.active, -.ui.inverted.blue.button.active, -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.blue.buttons .button:hover, -.ui.inverted.blue.button:hover { - background-color: #3ac0ff; -} - -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.button:focus { - background-color: #2bbbff; -} - -.ui.inverted.blue.buttons .active.button, -.ui.inverted.blue.active.button { - background-color: #3ac0ff; -} - -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.button:active { - background-color: #21b8ff; -} - -/* Inverted Basic */ - -.ui.inverted.blue.basic.buttons .button, -.ui.inverted.blue.buttons .basic.button, -.ui.inverted.blue.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.blue.basic.buttons .button:hover, -.ui.inverted.blue.buttons .basic.button:hover, -.ui.inverted.blue.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - color: #54C8FF !important; -} - -.ui.inverted.blue.basic.buttons .button:focus, -.ui.inverted.blue.basic.buttons .button:focus, -.ui.inverted.blue.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - color: #54C8FF !important; -} - -.ui.inverted.blue.basic.buttons .active.button, -.ui.inverted.blue.buttons .basic.active.button, -.ui.inverted.blue.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - color: #54C8FF !important; -} - -.ui.inverted.blue.basic.buttons .button:active, -.ui.inverted.blue.buttons .basic.button:active, -.ui.inverted.blue.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - color: #54C8FF !important; -} - -/*--- Green ---*/ - -.ui.green.buttons .button, -.ui.green.button { - background-color: #21BA45; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.green.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.green.buttons .button:hover, -.ui.green.button:hover { - background-color: #16ab39; - color: #FFFFFF; - text-shadow: none; -} - -.ui.green.buttons .button:focus, -.ui.green.button:focus { - background-color: #0ea432; - color: #FFFFFF; - text-shadow: none; -} - -.ui.green.buttons .button:active, -.ui.green.button:active { - background-color: #198f35; - color: #FFFFFF; - text-shadow: none; -} - -.ui.green.buttons .active.button, -.ui.green.buttons .active.button:active, -.ui.green.active.button, -.ui.green.button .active.button:active { - background-color: #13ae38; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.green.buttons .button, -.ui.basic.green.button { - -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - color: #21BA45 !important; -} - -.ui.basic.green.buttons .button:hover, -.ui.basic.green.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - color: #16ab39 !important; -} - -.ui.basic.green.buttons .button:focus, -.ui.basic.green.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - color: #16ab39 !important; -} - -.ui.basic.green.buttons .active.button, -.ui.basic.green.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; -} - -.ui.basic.green.buttons .button:active, -.ui.basic.green.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - box-shadow: 0px 0px 0px 1px #198f35 inset !important; - color: #198f35 !important; -} - -.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.green.buttons .button, -.ui.inverted.green.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; - box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; - color: #2ECC40; -} - -.ui.inverted.green.buttons .button:hover, -.ui.inverted.green.button:hover, -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.button:focus, -.ui.inverted.green.buttons .button.active, -.ui.inverted.green.button.active, -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.green.buttons .button:hover, -.ui.inverted.green.button:hover { - background-color: #22be34; -} - -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.button:focus { - background-color: #19b82b; -} - -.ui.inverted.green.buttons .active.button, -.ui.inverted.green.active.button { - background-color: #1fc231; -} - -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.button:active { - background-color: #25a233; -} - -/* Inverted Basic */ - -.ui.inverted.green.basic.buttons .button, -.ui.inverted.green.buttons .basic.button, -.ui.inverted.green.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.green.basic.buttons .button:hover, -.ui.inverted.green.buttons .basic.button:hover, -.ui.inverted.green.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important; - box-shadow: 0px 0px 0px 2px #22be34 inset !important; - color: #2ECC40 !important; -} - -.ui.inverted.green.basic.buttons .button:focus, -.ui.inverted.green.basic.buttons .button:focus, -.ui.inverted.green.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important; - box-shadow: 0px 0px 0px 2px #19b82b inset !important; - color: #2ECC40 !important; -} - -.ui.inverted.green.basic.buttons .active.button, -.ui.inverted.green.buttons .basic.active.button, -.ui.inverted.green.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important; - box-shadow: 0px 0px 0px 2px #1fc231 inset !important; - color: #2ECC40 !important; -} - -.ui.inverted.green.basic.buttons .button:active, -.ui.inverted.green.buttons .basic.button:active, -.ui.inverted.green.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important; - box-shadow: 0px 0px 0px 2px #25a233 inset !important; - color: #2ECC40 !important; -} - -/*--- Orange ---*/ - -.ui.orange.buttons .button, -.ui.orange.button { - background-color: #F2711C; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.orange.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.orange.buttons .button:hover, -.ui.orange.button:hover { - background-color: #f26202; - color: #FFFFFF; - text-shadow: none; -} - -.ui.orange.buttons .button:focus, -.ui.orange.button:focus { - background-color: #e55b00; - color: #FFFFFF; - text-shadow: none; -} - -.ui.orange.buttons .button:active, -.ui.orange.button:active { - background-color: #cf590c; - color: #FFFFFF; - text-shadow: none; -} - -.ui.orange.buttons .active.button, -.ui.orange.buttons .active.button:active, -.ui.orange.active.button, -.ui.orange.button .active.button:active { - background-color: #f56100; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.orange.buttons .button, -.ui.basic.orange.button { - -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset !important; - box-shadow: 0px 0px 0px 1px #F2711C inset !important; - color: #F2711C !important; -} - -.ui.basic.orange.buttons .button:hover, -.ui.basic.orange.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !important; - box-shadow: 0px 0px 0px 1px #f26202 inset !important; - color: #f26202 !important; -} - -.ui.basic.orange.buttons .button:focus, -.ui.basic.orange.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !important; - box-shadow: 0px 0px 0px 1px #e55b00 inset !important; - color: #f26202 !important; -} - -.ui.basic.orange.buttons .active.button, -.ui.basic.orange.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important; - box-shadow: 0px 0px 0px 1px #f56100 inset !important; - color: #cf590c !important; -} - -.ui.basic.orange.buttons .button:active, -.ui.basic.orange.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important; - box-shadow: 0px 0px 0px 1px #cf590c inset !important; - color: #cf590c !important; -} - -.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.orange.buttons .button, -.ui.inverted.orange.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF851B inset !important; - box-shadow: 0px 0px 0px 2px #FF851B inset !important; - color: #FF851B; -} - -.ui.inverted.orange.buttons .button:hover, -.ui.inverted.orange.button:hover, -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.button:focus, -.ui.inverted.orange.buttons .button.active, -.ui.inverted.orange.button.active, -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.orange.buttons .button:hover, -.ui.inverted.orange.button:hover { - background-color: #ff7701; -} - -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.button:focus { - background-color: #f17000; -} - -.ui.inverted.orange.buttons .active.button, -.ui.inverted.orange.active.button { - background-color: #ff7701; -} - -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.button:active { - background-color: #e76b00; -} - -/* Inverted Basic */ - -.ui.inverted.orange.basic.buttons .button, -.ui.inverted.orange.buttons .basic.button, -.ui.inverted.orange.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.orange.basic.buttons .button:hover, -.ui.inverted.orange.buttons .basic.button:hover, -.ui.inverted.orange.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - color: #FF851B !important; -} - -.ui.inverted.orange.basic.buttons .button:focus, -.ui.inverted.orange.basic.buttons .button:focus, -.ui.inverted.orange.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important; - box-shadow: 0px 0px 0px 2px #f17000 inset !important; - color: #FF851B !important; -} - -.ui.inverted.orange.basic.buttons .active.button, -.ui.inverted.orange.buttons .basic.active.button, -.ui.inverted.orange.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - color: #FF851B !important; -} - -.ui.inverted.orange.basic.buttons .button:active, -.ui.inverted.orange.buttons .basic.button:active, -.ui.inverted.orange.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important; - box-shadow: 0px 0px 0px 2px #e76b00 inset !important; - color: #FF851B !important; -} - -/*--- Pink ---*/ - -.ui.pink.buttons .button, -.ui.pink.button { - background-color: #E03997; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.pink.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.pink.buttons .button:hover, -.ui.pink.button:hover { - background-color: #e61a8d; - color: #FFFFFF; - text-shadow: none; -} - -.ui.pink.buttons .button:focus, -.ui.pink.button:focus { - background-color: #e10f85; - color: #FFFFFF; - text-shadow: none; -} - -.ui.pink.buttons .button:active, -.ui.pink.button:active { - background-color: #c71f7e; - color: #FFFFFF; - text-shadow: none; -} - -.ui.pink.buttons .active.button, -.ui.pink.buttons .active.button:active, -.ui.pink.active.button, -.ui.pink.button .active.button:active { - background-color: #ea158d; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.pink.buttons .button, -.ui.basic.pink.button { - -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset !important; - box-shadow: 0px 0px 0px 1px #E03997 inset !important; - color: #E03997 !important; -} - -.ui.basic.pink.buttons .button:hover, -.ui.basic.pink.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !important; - box-shadow: 0px 0px 0px 1px #e61a8d inset !important; - color: #e61a8d !important; -} - -.ui.basic.pink.buttons .button:focus, -.ui.basic.pink.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !important; - box-shadow: 0px 0px 0px 1px #e10f85 inset !important; - color: #e61a8d !important; -} - -.ui.basic.pink.buttons .active.button, -.ui.basic.pink.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important; - box-shadow: 0px 0px 0px 1px #ea158d inset !important; - color: #c71f7e !important; -} - -.ui.basic.pink.buttons .button:active, -.ui.basic.pink.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important; - box-shadow: 0px 0px 0px 1px #c71f7e inset !important; - color: #c71f7e !important; -} - -.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.pink.buttons .button, -.ui.inverted.pink.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; - box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; - color: #FF8EDF; -} - -.ui.inverted.pink.buttons .button:hover, -.ui.inverted.pink.button:hover, -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.button:focus, -.ui.inverted.pink.buttons .button.active, -.ui.inverted.pink.button.active, -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.pink.buttons .button:hover, -.ui.inverted.pink.button:hover { - background-color: #ff74d8; -} - -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.button:focus { - background-color: #ff65d3; -} - -.ui.inverted.pink.buttons .active.button, -.ui.inverted.pink.active.button { - background-color: #ff74d8; -} - -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.button:active { - background-color: #ff5bd1; -} - -/* Inverted Basic */ - -.ui.inverted.pink.basic.buttons .button, -.ui.inverted.pink.buttons .basic.button, -.ui.inverted.pink.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.pink.basic.buttons .button:hover, -.ui.inverted.pink.buttons .basic.button:hover, -.ui.inverted.pink.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - color: #FF8EDF !important; -} - -.ui.inverted.pink.basic.buttons .button:focus, -.ui.inverted.pink.basic.buttons .button:focus, -.ui.inverted.pink.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; - box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; - color: #FF8EDF !important; -} - -.ui.inverted.pink.basic.buttons .active.button, -.ui.inverted.pink.buttons .basic.active.button, -.ui.inverted.pink.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - color: #FF8EDF !important; -} - -.ui.inverted.pink.basic.buttons .button:active, -.ui.inverted.pink.buttons .basic.button:active, -.ui.inverted.pink.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; - box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; - color: #FF8EDF !important; -} - -/*--- Violet ---*/ - -.ui.violet.buttons .button, -.ui.violet.button { - background-color: #6435C9; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.violet.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.violet.buttons .button:hover, -.ui.violet.button:hover { - background-color: #5829bb; - color: #FFFFFF; - text-shadow: none; -} - -.ui.violet.buttons .button:focus, -.ui.violet.button:focus { - background-color: #4f20b5; - color: #FFFFFF; - text-shadow: none; -} - -.ui.violet.buttons .button:active, -.ui.violet.button:active { - background-color: #502aa1; - color: #FFFFFF; - text-shadow: none; -} - -.ui.violet.buttons .active.button, -.ui.violet.buttons .active.button:active, -.ui.violet.active.button, -.ui.violet.button .active.button:active { - background-color: #5626bf; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.violet.buttons .button, -.ui.basic.violet.button { - -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset !important; - box-shadow: 0px 0px 0px 1px #6435C9 inset !important; - color: #6435C9 !important; -} - -.ui.basic.violet.buttons .button:hover, -.ui.basic.violet.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !important; - box-shadow: 0px 0px 0px 1px #5829bb inset !important; - color: #5829bb !important; -} - -.ui.basic.violet.buttons .button:focus, -.ui.basic.violet.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; - box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; - color: #5829bb !important; -} - -.ui.basic.violet.buttons .active.button, -.ui.basic.violet.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important; - box-shadow: 0px 0px 0px 1px #5626bf inset !important; - color: #502aa1 !important; -} - -.ui.basic.violet.buttons .button:active, -.ui.basic.violet.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important; - box-shadow: 0px 0px 0px 1px #502aa1 inset !important; - color: #502aa1 !important; -} - -.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.violet.buttons .button, -.ui.inverted.violet.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #A291FB inset !important; - box-shadow: 0px 0px 0px 2px #A291FB inset !important; - color: #A291FB; -} - -.ui.inverted.violet.buttons .button:hover, -.ui.inverted.violet.button:hover, -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.button:focus, -.ui.inverted.violet.buttons .button.active, -.ui.inverted.violet.button.active, -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.violet.buttons .button:hover, -.ui.inverted.violet.button:hover { - background-color: #8a73ff; -} - -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.button:focus { - background-color: #7d64ff; -} - -.ui.inverted.violet.buttons .active.button, -.ui.inverted.violet.active.button { - background-color: #8a73ff; -} - -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.button:active { - background-color: #7860f9; -} - -/* Inverted Basic */ - -.ui.inverted.violet.basic.buttons .button, -.ui.inverted.violet.buttons .basic.button, -.ui.inverted.violet.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.violet.basic.buttons .button:hover, -.ui.inverted.violet.buttons .basic.button:hover, -.ui.inverted.violet.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - color: #A291FB !important; -} - -.ui.inverted.violet.basic.buttons .button:focus, -.ui.inverted.violet.basic.buttons .button:focus, -.ui.inverted.violet.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important; - box-shadow: 0px 0px 0px 2px #7d64ff inset !important; - color: #A291FB !important; -} - -.ui.inverted.violet.basic.buttons .active.button, -.ui.inverted.violet.buttons .basic.active.button, -.ui.inverted.violet.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - color: #A291FB !important; -} - -.ui.inverted.violet.basic.buttons .button:active, -.ui.inverted.violet.buttons .basic.button:active, -.ui.inverted.violet.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important; - box-shadow: 0px 0px 0px 2px #7860f9 inset !important; - color: #A291FB !important; -} - -/*--- Purple ---*/ - -.ui.purple.buttons .button, -.ui.purple.button { - background-color: #A333C8; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.purple.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.purple.buttons .button:hover, -.ui.purple.button:hover { - background-color: #9627ba; - color: #FFFFFF; - text-shadow: none; -} - -.ui.purple.buttons .button:focus, -.ui.purple.button:focus { - background-color: #8f1eb4; - color: #FFFFFF; - text-shadow: none; -} - -.ui.purple.buttons .button:active, -.ui.purple.button:active { - background-color: #82299f; - color: #FFFFFF; - text-shadow: none; -} - -.ui.purple.buttons .active.button, -.ui.purple.buttons .active.button:active, -.ui.purple.active.button, -.ui.purple.button .active.button:active { - background-color: #9724be; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.purple.buttons .button, -.ui.basic.purple.button { - -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset !important; - box-shadow: 0px 0px 0px 1px #A333C8 inset !important; - color: #A333C8 !important; -} - -.ui.basic.purple.buttons .button:hover, -.ui.basic.purple.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !important; - box-shadow: 0px 0px 0px 1px #9627ba inset !important; - color: #9627ba !important; -} - -.ui.basic.purple.buttons .button:focus, -.ui.basic.purple.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; - box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; - color: #9627ba !important; -} - -.ui.basic.purple.buttons .active.button, -.ui.basic.purple.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important; - box-shadow: 0px 0px 0px 1px #9724be inset !important; - color: #82299f !important; -} - -.ui.basic.purple.buttons .button:active, -.ui.basic.purple.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important; - box-shadow: 0px 0px 0px 1px #82299f inset !important; - color: #82299f !important; -} - -.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.purple.buttons .button, -.ui.inverted.purple.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #DC73FF inset !important; - box-shadow: 0px 0px 0px 2px #DC73FF inset !important; - color: #DC73FF; -} - -.ui.inverted.purple.buttons .button:hover, -.ui.inverted.purple.button:hover, -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.button:focus, -.ui.inverted.purple.buttons .button.active, -.ui.inverted.purple.button.active, -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.purple.buttons .button:hover, -.ui.inverted.purple.button:hover { - background-color: #d65aff; -} - -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.button:focus { - background-color: #d24aff; -} - -.ui.inverted.purple.buttons .active.button, -.ui.inverted.purple.active.button { - background-color: #d65aff; -} - -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.button:active { - background-color: #cf40ff; -} - -/* Inverted Basic */ - -.ui.inverted.purple.basic.buttons .button, -.ui.inverted.purple.buttons .basic.button, -.ui.inverted.purple.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.purple.basic.buttons .button:hover, -.ui.inverted.purple.buttons .basic.button:hover, -.ui.inverted.purple.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - box-shadow: 0px 0px 0px 2px #d65aff inset !important; - color: #DC73FF !important; -} - -.ui.inverted.purple.basic.buttons .button:focus, -.ui.inverted.purple.basic.buttons .button:focus, -.ui.inverted.purple.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important; - box-shadow: 0px 0px 0px 2px #d24aff inset !important; - color: #DC73FF !important; -} - -.ui.inverted.purple.basic.buttons .active.button, -.ui.inverted.purple.buttons .basic.active.button, -.ui.inverted.purple.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - box-shadow: 0px 0px 0px 2px #d65aff inset !important; - color: #DC73FF !important; -} - -.ui.inverted.purple.basic.buttons .button:active, -.ui.inverted.purple.buttons .basic.button:active, -.ui.inverted.purple.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important; - box-shadow: 0px 0px 0px 2px #cf40ff inset !important; - color: #DC73FF !important; -} - -/*--- Red ---*/ - -.ui.red.buttons .button, -.ui.red.button { - background-color: #DB2828; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.red.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.red.buttons .button:hover, -.ui.red.button:hover { - background-color: #d01919; - color: #FFFFFF; - text-shadow: none; -} - -.ui.red.buttons .button:focus, -.ui.red.button:focus { - background-color: #ca1010; - color: #FFFFFF; - text-shadow: none; -} - -.ui.red.buttons .button:active, -.ui.red.button:active { - background-color: #b21e1e; - color: #FFFFFF; - text-shadow: none; -} - -.ui.red.buttons .active.button, -.ui.red.buttons .active.button:active, -.ui.red.active.button, -.ui.red.button .active.button:active { - background-color: #d41515; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.red.buttons .button, -.ui.basic.red.button { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - color: #DB2828 !important; -} - -.ui.basic.red.buttons .button:hover, -.ui.basic.red.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; - box-shadow: 0px 0px 0px 1px #d01919 inset !important; - color: #d01919 !important; -} - -.ui.basic.red.buttons .button:focus, -.ui.basic.red.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - color: #d01919 !important; -} - -.ui.basic.red.buttons .active.button, -.ui.basic.red.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; -} - -.ui.basic.red.buttons .button:active, -.ui.basic.red.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - color: #b21e1e !important; -} - -.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.red.buttons .button, -.ui.inverted.red.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF695E inset !important; - box-shadow: 0px 0px 0px 2px #FF695E inset !important; - color: #FF695E; -} - -.ui.inverted.red.buttons .button:hover, -.ui.inverted.red.button:hover, -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.button:focus, -.ui.inverted.red.buttons .button.active, -.ui.inverted.red.button.active, -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.inverted.red.buttons .button:hover, -.ui.inverted.red.button:hover { - background-color: #ff5144; -} - -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.button:focus { - background-color: #ff4335; -} - -.ui.inverted.red.buttons .active.button, -.ui.inverted.red.active.button { - background-color: #ff5144; -} - -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.button:active { - background-color: #ff392b; -} - -/* Inverted Basic */ - -.ui.inverted.red.basic.buttons .button, -.ui.inverted.red.buttons .basic.button, -.ui.inverted.red.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.red.basic.buttons .button:hover, -.ui.inverted.red.buttons .basic.button:hover, -.ui.inverted.red.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - color: #FF695E !important; -} - -.ui.inverted.red.basic.buttons .button:focus, -.ui.inverted.red.basic.buttons .button:focus, -.ui.inverted.red.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important; - box-shadow: 0px 0px 0px 2px #ff4335 inset !important; - color: #FF695E !important; -} - -.ui.inverted.red.basic.buttons .active.button, -.ui.inverted.red.buttons .basic.active.button, -.ui.inverted.red.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - color: #FF695E !important; -} - -.ui.inverted.red.basic.buttons .button:active, -.ui.inverted.red.buttons .basic.button:active, -.ui.inverted.red.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important; - box-shadow: 0px 0px 0px 2px #ff392b inset !important; - color: #FF695E !important; -} - -/*--- Teal ---*/ - -.ui.teal.buttons .button, -.ui.teal.button { - background-color: #00B5AD; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.teal.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.teal.buttons .button:hover, -.ui.teal.button:hover { - background-color: #009c95; - color: #FFFFFF; - text-shadow: none; -} - -.ui.teal.buttons .button:focus, -.ui.teal.button:focus { - background-color: #008c86; - color: #FFFFFF; - text-shadow: none; -} - -.ui.teal.buttons .button:active, -.ui.teal.button:active { - background-color: #00827c; - color: #FFFFFF; - text-shadow: none; -} - -.ui.teal.buttons .active.button, -.ui.teal.buttons .active.button:active, -.ui.teal.active.button, -.ui.teal.button .active.button:active { - background-color: #009c95; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.teal.buttons .button, -.ui.basic.teal.button { - -webkit-box-shadow: 0px 0px 0px 1px #00B5AD inset !important; - box-shadow: 0px 0px 0px 1px #00B5AD inset !important; - color: #00B5AD !important; -} - -.ui.basic.teal.buttons .button:hover, -.ui.basic.teal.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; - color: #009c95 !important; -} - -.ui.basic.teal.buttons .button:focus, -.ui.basic.teal.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !important; - box-shadow: 0px 0px 0px 1px #008c86 inset !important; - color: #009c95 !important; -} - -.ui.basic.teal.buttons .active.button, -.ui.basic.teal.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; - color: #00827c !important; -} - -.ui.basic.teal.buttons .button:active, -.ui.basic.teal.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important; - box-shadow: 0px 0px 0px 1px #00827c inset !important; - color: #00827c !important; -} - -.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.teal.buttons .button, -.ui.inverted.teal.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; - box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; - color: #6DFFFF; -} - -.ui.inverted.teal.buttons .button:hover, -.ui.inverted.teal.button:hover, -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.button:focus, -.ui.inverted.teal.buttons .button.active, -.ui.inverted.teal.button.active, -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.teal.buttons .button:hover, -.ui.inverted.teal.button:hover { - background-color: #54ffff; -} - -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.button:focus { - background-color: #44ffff; -} - -.ui.inverted.teal.buttons .active.button, -.ui.inverted.teal.active.button { - background-color: #54ffff; -} - -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.button:active { - background-color: #3affff; -} - -/* Inverted Basic */ - -.ui.inverted.teal.basic.buttons .button, -.ui.inverted.teal.buttons .basic.button, -.ui.inverted.teal.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.teal.basic.buttons .button:hover, -.ui.inverted.teal.buttons .basic.button:hover, -.ui.inverted.teal.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - box-shadow: 0px 0px 0px 2px #54ffff inset !important; - color: #6DFFFF !important; -} - -.ui.inverted.teal.basic.buttons .button:focus, -.ui.inverted.teal.basic.buttons .button:focus, -.ui.inverted.teal.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important; - box-shadow: 0px 0px 0px 2px #44ffff inset !important; - color: #6DFFFF !important; -} - -.ui.inverted.teal.basic.buttons .active.button, -.ui.inverted.teal.buttons .basic.active.button, -.ui.inverted.teal.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - box-shadow: 0px 0px 0px 2px #54ffff inset !important; - color: #6DFFFF !important; -} - -.ui.inverted.teal.basic.buttons .button:active, -.ui.inverted.teal.buttons .basic.button:active, -.ui.inverted.teal.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important; - box-shadow: 0px 0px 0px 2px #3affff inset !important; - color: #6DFFFF !important; -} - -/*--- Olive ---*/ - -.ui.olive.buttons .button, -.ui.olive.button { - background-color: #B5CC18; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.olive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.olive.buttons .button:hover, -.ui.olive.button:hover { - background-color: #a7bd0d; - color: #FFFFFF; - text-shadow: none; -} - -.ui.olive.buttons .button:focus, -.ui.olive.button:focus { - background-color: #a0b605; - color: #FFFFFF; - text-shadow: none; -} - -.ui.olive.buttons .button:active, -.ui.olive.button:active { - background-color: #8d9e13; - color: #FFFFFF; - text-shadow: none; -} - -.ui.olive.buttons .active.button, -.ui.olive.buttons .active.button:active, -.ui.olive.active.button, -.ui.olive.button .active.button:active { - background-color: #aac109; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.olive.buttons .button, -.ui.basic.olive.button { - -webkit-box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; - box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; - color: #B5CC18 !important; -} - -.ui.basic.olive.buttons .button:hover, -.ui.basic.olive.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; - box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; - color: #a7bd0d !important; -} - -.ui.basic.olive.buttons .button:focus, -.ui.basic.olive.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !important; - box-shadow: 0px 0px 0px 1px #a0b605 inset !important; - color: #a7bd0d !important; -} - -.ui.basic.olive.buttons .active.button, -.ui.basic.olive.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important; - box-shadow: 0px 0px 0px 1px #aac109 inset !important; - color: #8d9e13 !important; -} - -.ui.basic.olive.buttons .button:active, -.ui.basic.olive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; - box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; - color: #8d9e13 !important; -} - -.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.olive.buttons .button, -.ui.inverted.olive.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D9E778 inset !important; - box-shadow: 0px 0px 0px 2px #D9E778 inset !important; - color: #D9E778; -} - -.ui.inverted.olive.buttons .button:hover, -.ui.inverted.olive.button:hover, -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.button:focus, -.ui.inverted.olive.buttons .button.active, -.ui.inverted.olive.button.active, -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.olive.buttons .button:hover, -.ui.inverted.olive.button:hover { - background-color: #d8ea5c; -} - -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.button:focus { - background-color: #daef47; -} - -.ui.inverted.olive.buttons .active.button, -.ui.inverted.olive.active.button { - background-color: #daed59; -} - -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.button:active { - background-color: #cddf4d; -} - -/* Inverted Basic */ - -.ui.inverted.olive.basic.buttons .button, -.ui.inverted.olive.buttons .basic.button, -.ui.inverted.olive.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.olive.basic.buttons .button:hover, -.ui.inverted.olive.buttons .basic.button:hover, -.ui.inverted.olive.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; - box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; - color: #D9E778 !important; -} - -.ui.inverted.olive.basic.buttons .button:focus, -.ui.inverted.olive.basic.buttons .button:focus, -.ui.inverted.olive.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important; - box-shadow: 0px 0px 0px 2px #daef47 inset !important; - color: #D9E778 !important; -} - -.ui.inverted.olive.basic.buttons .active.button, -.ui.inverted.olive.buttons .basic.active.button, -.ui.inverted.olive.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important; - box-shadow: 0px 0px 0px 2px #daed59 inset !important; - color: #D9E778 !important; -} - -.ui.inverted.olive.basic.buttons .button:active, -.ui.inverted.olive.buttons .basic.button:active, -.ui.inverted.olive.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important; - box-shadow: 0px 0px 0px 2px #cddf4d inset !important; - color: #D9E778 !important; -} - -/*--- Yellow ---*/ - -.ui.yellow.buttons .button, -.ui.yellow.button { - background-color: #FBBD08; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.yellow.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.yellow.buttons .button:hover, -.ui.yellow.button:hover { - background-color: #eaae00; - color: #FFFFFF; - text-shadow: none; -} - -.ui.yellow.buttons .button:focus, -.ui.yellow.button:focus { - background-color: #daa300; - color: #FFFFFF; - text-shadow: none; -} - -.ui.yellow.buttons .button:active, -.ui.yellow.button:active { - background-color: #cd9903; - color: #FFFFFF; - text-shadow: none; -} - -.ui.yellow.buttons .active.button, -.ui.yellow.buttons .active.button:active, -.ui.yellow.active.button, -.ui.yellow.button .active.button:active { - background-color: #eaae00; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.yellow.buttons .button, -.ui.basic.yellow.button { - -webkit-box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; - box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; - color: #FBBD08 !important; -} - -.ui.basic.yellow.buttons .button:hover, -.ui.basic.yellow.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - color: #eaae00 !important; -} - -.ui.basic.yellow.buttons .button:focus, -.ui.basic.yellow.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !important; - box-shadow: 0px 0px 0px 1px #daa300 inset !important; - color: #eaae00 !important; -} - -.ui.basic.yellow.buttons .active.button, -.ui.basic.yellow.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - color: #cd9903 !important; -} - -.ui.basic.yellow.buttons .button:active, -.ui.basic.yellow.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important; - box-shadow: 0px 0px 0px 1px #cd9903 inset !important; - color: #cd9903 !important; -} - -.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { - margin-left: -1px; -} - -/* Inverted */ - -.ui.inverted.yellow.buttons .button, -.ui.inverted.yellow.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FFE21F inset !important; - box-shadow: 0px 0px 0px 2px #FFE21F inset !important; - color: #FFE21F; -} - -.ui.inverted.yellow.buttons .button:hover, -.ui.inverted.yellow.button:hover, -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.button:focus, -.ui.inverted.yellow.buttons .button.active, -.ui.inverted.yellow.button.active, -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.yellow.buttons .button:hover, -.ui.inverted.yellow.button:hover { - background-color: #ffdf05; -} - -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.button:focus { - background-color: #f5d500; -} - -.ui.inverted.yellow.buttons .active.button, -.ui.inverted.yellow.active.button { - background-color: #ffdf05; -} - -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.button:active { - background-color: #ebcd00; -} - -/* Inverted Basic */ - -.ui.inverted.yellow.basic.buttons .button, -.ui.inverted.yellow.buttons .basic.button, -.ui.inverted.yellow.basic.button { - background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; -} - -.ui.inverted.yellow.basic.buttons .button:hover, -.ui.inverted.yellow.buttons .basic.button:hover, -.ui.inverted.yellow.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - color: #FFE21F !important; -} - -.ui.inverted.yellow.basic.buttons .button:focus, -.ui.inverted.yellow.basic.buttons .button:focus, -.ui.inverted.yellow.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important; - box-shadow: 0px 0px 0px 2px #f5d500 inset !important; - color: #FFE21F !important; -} - -.ui.inverted.yellow.basic.buttons .active.button, -.ui.inverted.yellow.buttons .basic.active.button, -.ui.inverted.yellow.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - color: #FFE21F !important; -} - -.ui.inverted.yellow.basic.buttons .button:active, -.ui.inverted.yellow.buttons .basic.button:active, -.ui.inverted.yellow.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; - box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; - color: #FFE21F !important; -} - -/*------------------- - Primary ---------------------*/ - -/*--- Standard ---*/ - -.ui.primary.buttons .button, -.ui.primary.button { - background-color: #2185D0; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.primary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.primary.buttons .button:hover, -.ui.primary.button:hover { - background-color: #1678c2; - color: #FFFFFF; - text-shadow: none; -} - -.ui.primary.buttons .button:focus, -.ui.primary.button:focus { - background-color: #0d71bb; - color: #FFFFFF; - text-shadow: none; -} - -.ui.primary.buttons .button:active, -.ui.primary.button:active { - background-color: #1a69a4; - color: #FFFFFF; - text-shadow: none; -} - -.ui.primary.buttons .active.button, -.ui.primary.buttons .active.button:active, -.ui.primary.active.button, -.ui.primary.button .active.button:active { - background-color: #1279c6; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.primary.buttons .button, -.ui.basic.primary.button { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - color: #2185D0 !important; -} - -.ui.basic.primary.buttons .button:hover, -.ui.basic.primary.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - color: #1678c2 !important; -} - -.ui.basic.primary.buttons .button:focus, -.ui.basic.primary.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - color: #1678c2 !important; -} - -.ui.basic.primary.buttons .active.button, -.ui.basic.primary.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; -} - -.ui.basic.primary.buttons .button:active, -.ui.basic.primary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - color: #1a69a4 !important; -} - -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} - -/*------------------- - Secondary ---------------------*/ - -/* Standard */ - -.ui.secondary.buttons .button, -.ui.secondary.button { - background-color: #1B1C1D; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.secondary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.secondary.buttons .button:hover, -.ui.secondary.button:hover { - background-color: #27292a; - color: #FFFFFF; - text-shadow: none; -} - -.ui.secondary.buttons .button:focus, -.ui.secondary.button:focus { - background-color: #2e3032; - color: #FFFFFF; - text-shadow: none; -} - -.ui.secondary.buttons .button:active, -.ui.secondary.button:active { - background-color: #343637; - color: #FFFFFF; - text-shadow: none; -} - -.ui.secondary.buttons .active.button, -.ui.secondary.buttons .active.button:active, -.ui.secondary.active.button, -.ui.secondary.button .active.button:active { - background-color: #27292a; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.secondary.buttons .button, -.ui.basic.secondary.button { - -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - color: #1B1C1D !important; -} - -.ui.basic.secondary.buttons .button:hover, -.ui.basic.secondary.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #27292a !important; -} - -.ui.basic.secondary.buttons .button:focus, -.ui.basic.secondary.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !important; - box-shadow: 0px 0px 0px 1px #2e3032 inset !important; - color: #27292a !important; -} - -.ui.basic.secondary.buttons .active.button, -.ui.basic.secondary.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #343637 !important; -} - -.ui.basic.secondary.buttons .button:active, -.ui.basic.secondary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - box-shadow: 0px 0px 0px 1px #343637 inset !important; - color: #343637 !important; -} - -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} - -/*--------------- - Positive -----------------*/ - -/* Standard */ - -.ui.positive.buttons .button, -.ui.positive.button { - background-color: #21BA45; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.positive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.positive.buttons .button:hover, -.ui.positive.button:hover { - background-color: #16ab39; - color: #FFFFFF; - text-shadow: none; -} - -.ui.positive.buttons .button:focus, -.ui.positive.button:focus { - background-color: #0ea432; - color: #FFFFFF; - text-shadow: none; -} - -.ui.positive.buttons .button:active, -.ui.positive.button:active { - background-color: #198f35; - color: #FFFFFF; - text-shadow: none; -} - -.ui.positive.buttons .active.button, -.ui.positive.buttons .active.button:active, -.ui.positive.active.button, -.ui.positive.button .active.button:active { - background-color: #13ae38; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.positive.buttons .button, -.ui.basic.positive.button { - -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - color: #21BA45 !important; -} - -.ui.basic.positive.buttons .button:hover, -.ui.basic.positive.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - color: #16ab39 !important; -} - -.ui.basic.positive.buttons .button:focus, -.ui.basic.positive.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - color: #16ab39 !important; -} - -.ui.basic.positive.buttons .active.button, -.ui.basic.positive.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; -} - -.ui.basic.positive.buttons .button:active, -.ui.basic.positive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - box-shadow: 0px 0px 0px 1px #198f35 inset !important; - color: #198f35 !important; -} - -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} - -/*--------------- - Negative -----------------*/ - -/* Standard */ - -.ui.negative.buttons .button, -.ui.negative.button { - background-color: #DB2828; - color: #FFFFFF; - text-shadow: none; - background-image: none; -} - -.ui.negative.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.negative.buttons .button:hover, -.ui.negative.button:hover { - background-color: #d01919; - color: #FFFFFF; - text-shadow: none; -} - -.ui.negative.buttons .button:focus, -.ui.negative.button:focus { - background-color: #ca1010; - color: #FFFFFF; - text-shadow: none; -} - -.ui.negative.buttons .button:active, -.ui.negative.button:active { - background-color: #b21e1e; - color: #FFFFFF; - text-shadow: none; -} - -.ui.negative.buttons .active.button, -.ui.negative.buttons .active.button:active, -.ui.negative.active.button, -.ui.negative.button .active.button:active { - background-color: #d41515; - color: #FFFFFF; - text-shadow: none; -} - -/* Basic */ - -.ui.basic.negative.buttons .button, -.ui.basic.negative.button { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - color: #DB2828 !important; -} - -.ui.basic.negative.buttons .button:hover, -.ui.basic.negative.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; - box-shadow: 0px 0px 0px 1px #d01919 inset !important; - color: #d01919 !important; -} - -.ui.basic.negative.buttons .button:focus, -.ui.basic.negative.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - color: #d01919 !important; -} - -.ui.basic.negative.buttons .active.button, -.ui.basic.negative.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; -} - -.ui.basic.negative.buttons .button:active, -.ui.basic.negative.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - color: #b21e1e !important; -} - -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { - margin-left: -1px; -} - -/******************************* - Groups -*******************************/ - -.ui.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - font-size: 0em; - vertical-align: baseline; - margin: 0em 0.25em 0em 0em; -} - -.ui.buttons:not(.basic):not(.inverted) { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Clearfix */ - -.ui.buttons:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -/* Standard Group */ - -.ui.buttons .button { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - margin: 0em; - border-radius: 0em; - margin: 0px 0px 0px 0px; -} - -.ui.buttons > .ui.button:not(.basic):not(.inverted), -.ui.buttons:not(.basic):not(.inverted) > .button { - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -} - -.ui.buttons .button:first-child { - border-left: none; - margin-left: 0em; - border-top-left-radius: 0.28571429rem; - border-bottom-left-radius: 0.28571429rem; -} - -.ui.buttons .button:last-child { - border-top-right-radius: 0.28571429rem; - border-bottom-right-radius: 0.28571429rem; -} - -/* Vertical Style */ - -.ui.vertical.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.ui.vertical.buttons .button { - display: block; - float: none; - width: 100%; - margin: 0px 0px 0px 0px; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0em; -} - -.ui.vertical.buttons .button:first-child { - border-top-left-radius: 0.28571429rem; - border-top-right-radius: 0.28571429rem; -} - -.ui.vertical.buttons .button:last-child { - margin-bottom: 0px; - border-bottom-left-radius: 0.28571429rem; - border-bottom-right-radius: 0.28571429rem; -} - -.ui.vertical.buttons .button:only-child { - border-radius: 0.28571429rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Container - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Container -*******************************/ - -/* All Sizes */ - -.ui.container { - display: block; - max-width: 100% !important; -} - -/* Mobile */ - -@media only screen and (max-width: 767px) { - .ui.container { - width: auto !important; - margin-left: 1em !important; - margin-right: 1em !important; - } - - .ui.grid.container { - width: auto !important; - } - - .ui.relaxed.grid.container { - width: auto !important; - } - - .ui.very.relaxed.grid.container { - width: auto !important; - } -} - -/* Tablet */ - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.container { - width: 723px; - margin-left: auto !important; - margin-right: auto !important; - } - - .ui.grid.container { - width: calc( 723px + 2rem ) !important; - } - - .ui.relaxed.grid.container { - width: calc( 723px + 3rem ) !important; - } - - .ui.very.relaxed.grid.container { - width: calc( 723px + 5rem ) !important; - } -} - -/* Small Monitor */ - -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .ui.container { - width: 933px; - margin-left: auto !important; - margin-right: auto !important; - } - - .ui.grid.container { - width: calc( 933px + 2rem ) !important; - } - - .ui.relaxed.grid.container { - width: calc( 933px + 3rem ) !important; - } - - .ui.very.relaxed.grid.container { - width: calc( 933px + 5rem ) !important; - } -} - -/* Large Monitor */ - -@media only screen and (min-width: 1200px) { - .ui.container { - width: 1127px; - margin-left: auto !important; - margin-right: auto !important; - } - - .ui.grid.container { - width: calc( 1127px + 2rem ) !important; - } - - .ui.relaxed.grid.container { - width: calc( 1127px + 3rem ) !important; - } - - .ui.very.relaxed.grid.container { - width: calc( 1127px + 5rem ) !important; - } -} - -/******************************* - Types -*******************************/ - -/* Text Container */ - -.ui.text.container { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - max-width: 700px !important; - line-height: 1.5; -} - -.ui.text.container { - font-size: 1.14285714rem; -} - -/* Fluid */ - -.ui.fluid.container { - width: 100%; -} - -/******************************* - Variations -*******************************/ - -.ui[class*="left aligned"].container { - text-align: left; -} - -.ui[class*="center aligned"].container { - text-align: center; -} - -.ui[class*="right aligned"].container { - text-align: right; -} - -.ui.justified.container { - text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Divider - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Divider -*******************************/ - -.ui.divider { - margin: 1rem 0rem; - line-height: 1; - height: 0em; - font-weight: bold; - text-transform: uppercase; - letter-spacing: 0.05em; - color: rgba(0, 0, 0, 0.85); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/*-------------- - Basic ----------------*/ - -.ui.divider:not(.vertical):not(.horizontal) { - border-top: 1px solid rgba(34, 36, 38, 0.15); - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} - -/*-------------- - Coupling ----------------*/ - -/* Allow divider between each column row */ - -.ui.grid > .column + .divider, -.ui.grid > .row > .column + .divider { - left: auto; -} - -/*-------------- - Horizontal ----------------*/ - -.ui.horizontal.divider { - display: table; - white-space: nowrap; - height: auto; - margin: ''; - line-height: 1; - text-align: center; -} - -.ui.horizontal.divider:before, -.ui.horizontal.divider:after { - content: ''; - display: table-cell; - position: relative; - top: 50%; - width: 50%; - background-repeat: no-repeat; -} - -.ui.horizontal.divider:before { - background-position: right 1em top 50%; -} - -.ui.horizontal.divider:after { - background-position: left 1em top 50%; -} - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.divider { - position: absolute; - z-index: 2; - top: 50%; - left: 50%; - margin: 0rem; - padding: 0em; - width: auto; - height: 50%; - line-height: 0em; - text-align: center; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} - -.ui.vertical.divider:before, -.ui.vertical.divider:after { - position: absolute; - left: 50%; - content: ''; - z-index: 3; - border-left: 1px solid rgba(34, 36, 38, 0.15); - border-right: 1px solid rgba(255, 255, 255, 0.1); - width: 0%; - height: calc(100% - 1rem ); -} - -.ui.vertical.divider:before { - top: -100%; -} - -.ui.vertical.divider:after { - top: auto; - bottom: 0px; -} - -/* Inside grid */ - -@media only screen and (max-width: 767px) { - .ui.stackable.grid .ui.vertical.divider, - .ui.grid .stackable.row .ui.vertical.divider { - display: table; - white-space: nowrap; - height: auto; - margin: ''; - overflow: hidden; - line-height: 1; - text-align: center; - position: static; - top: 0; - left: 0; - -webkit-transform: none; - transform: none; - } - - .ui.stackable.grid .ui.vertical.divider:before, - .ui.grid .stackable.row .ui.vertical.divider:before, - .ui.stackable.grid .ui.vertical.divider:after, - .ui.grid .stackable.row .ui.vertical.divider:after { - position: static; - left: 0; - border-left: none; - border-right: none; - content: ''; - display: table-cell; - position: relative; - top: 50%; - width: 50%; - background-repeat: no-repeat; - } - - .ui.stackable.grid .ui.vertical.divider:before, - .ui.grid .stackable.row .ui.vertical.divider:before { - background-position: right 1em top 50%; - } - - .ui.stackable.grid .ui.vertical.divider:after, - .ui.grid .stackable.row .ui.vertical.divider:after { - background-position: left 1em top 50%; - } -} - -/*-------------- - Icon ----------------*/ - -.ui.divider > .icon { - margin: 0rem; - font-size: 1rem; - height: 1em; - vertical-align: middle; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Hidden ----------------*/ - -.ui.hidden.divider { - border-color: transparent !important; -} - -.ui.hidden.divider:before, -.ui.hidden.divider:after { - display: none; -} - -/*-------------- - Inverted ----------------*/ - -.ui.divider.inverted, -.ui.vertical.inverted.divider, -.ui.horizontal.inverted.divider { - color: #FFFFFF; -} - -.ui.divider.inverted, -.ui.divider.inverted:after, -.ui.divider.inverted:before { - border-top-color: rgba(34, 36, 38, 0.15) !important; - border-left-color: rgba(34, 36, 38, 0.15) !important; - border-bottom-color: rgba(255, 255, 255, 0.15) !important; - border-right-color: rgba(255, 255, 255, 0.15) !important; -} - -/*-------------- - Fitted ----------------*/ - -.ui.fitted.divider { - margin: 0em; -} - -/*-------------- - Clearing ----------------*/ - -.ui.clearing.divider { - clear: both; -} - -/*-------------- - Section ----------------*/ - -.ui.section.divider { - margin-top: 2rem; - margin-bottom: 2rem; -} - -/*-------------- - Sizes ----------------*/ - -.ui.divider { - font-size: 1rem; -} - -/******************************* - Theme Overrides -*******************************/ - -.ui.horizontal.divider:before, -.ui.horizontal.divider:after { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); -} - -@media only screen and (max-width: 767px) { - .ui.stackable.grid .ui.vertical.divider:before, - .ui.grid .stackable.row .ui.vertical.divider:before, - .ui.stackable.grid .ui.vertical.divider:after, - .ui.grid .stackable.row .ui.vertical.divider:after { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); - } -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Flag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Flag -*******************************/ - -i.flag:not(.icon) { - display: inline-block; - width: 16px; - height: 11px; - line-height: 11px; - vertical-align: baseline; - margin: 0em 0.5em 0em 0em; - text-decoration: inherit; - speak: none; - font-smoothing: antialiased; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -/* Sprite */ - -i.flag:not(.icon):before { - display: inline-block; - content: ''; - background: url("./themes/default/assets/images/flags.png") no-repeat -108px -1976px; - width: 16px; - height: 11px; -} - -/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */ - -/******************************* - Theme Overrides -*******************************/ - -i.flag.ad:before, -i.flag.andorra:before { - background-position: 0px 0px; -} - -i.flag.ae:before, -i.flag.united.arab.emirates:before, -i.flag.uae:before { - background-position: 0px -26px; -} - -i.flag.af:before, -i.flag.afghanistan:before { - background-position: 0px -52px; -} - -i.flag.ag:before, -i.flag.antigua:before { - background-position: 0px -78px; -} - -i.flag.ai:before, -i.flag.anguilla:before { - background-position: 0px -104px; -} - -i.flag.al:before, -i.flag.albania:before { - background-position: 0px -130px; -} - -i.flag.am:before, -i.flag.armenia:before { - background-position: 0px -156px; -} - -i.flag.an:before, -i.flag.netherlands.antilles:before { - background-position: 0px -182px; -} - -i.flag.ao:before, -i.flag.angola:before { - background-position: 0px -208px; -} - -i.flag.ar:before, -i.flag.argentina:before { - background-position: 0px -234px; -} - -i.flag.as:before, -i.flag.american.samoa:before { - background-position: 0px -260px; -} - -i.flag.at:before, -i.flag.austria:before { - background-position: 0px -286px; -} - -i.flag.au:before, -i.flag.australia:before { - background-position: 0px -312px; -} - -i.flag.aw:before, -i.flag.aruba:before { - background-position: 0px -338px; -} - -i.flag.ax:before, -i.flag.aland.islands:before { - background-position: 0px -364px; -} - -i.flag.az:before, -i.flag.azerbaijan:before { - background-position: 0px -390px; -} - -i.flag.ba:before, -i.flag.bosnia:before { - background-position: 0px -416px; -} - -i.flag.bb:before, -i.flag.barbados:before { - background-position: 0px -442px; -} - -i.flag.bd:before, -i.flag.bangladesh:before { - background-position: 0px -468px; -} - -i.flag.be:before, -i.flag.belgium:before { - background-position: 0px -494px; -} - -i.flag.bf:before, -i.flag.burkina.faso:before { - background-position: 0px -520px; -} - -i.flag.bg:before, -i.flag.bulgaria:before { - background-position: 0px -546px; -} - -i.flag.bh:before, -i.flag.bahrain:before { - background-position: 0px -572px; -} - -i.flag.bi:before, -i.flag.burundi:before { - background-position: 0px -598px; -} - -i.flag.bj:before, -i.flag.benin:before { - background-position: 0px -624px; -} - -i.flag.bm:before, -i.flag.bermuda:before { - background-position: 0px -650px; -} - -i.flag.bn:before, -i.flag.brunei:before { - background-position: 0px -676px; -} - -i.flag.bo:before, -i.flag.bolivia:before { - background-position: 0px -702px; -} - -i.flag.br:before, -i.flag.brazil:before { - background-position: 0px -728px; -} - -i.flag.bs:before, -i.flag.bahamas:before { - background-position: 0px -754px; -} - -i.flag.bt:before, -i.flag.bhutan:before { - background-position: 0px -780px; -} - -i.flag.bv:before, -i.flag.bouvet.island:before { - background-position: 0px -806px; -} - -i.flag.bw:before, -i.flag.botswana:before { - background-position: 0px -832px; -} - -i.flag.by:before, -i.flag.belarus:before { - background-position: 0px -858px; -} - -i.flag.bz:before, -i.flag.belize:before { - background-position: 0px -884px; -} - -i.flag.ca:before, -i.flag.canada:before { - background-position: 0px -910px; -} - -i.flag.cc:before, -i.flag.cocos.islands:before { - background-position: 0px -962px; -} - -i.flag.cd:before, -i.flag.congo:before { - background-position: 0px -988px; -} - -i.flag.cf:before, -i.flag.central.african.republic:before { - background-position: 0px -1014px; -} - -i.flag.cg:before, -i.flag.congo.brazzaville:before { - background-position: 0px -1040px; -} - -i.flag.ch:before, -i.flag.switzerland:before { - background-position: 0px -1066px; -} - -i.flag.ci:before, -i.flag.cote.divoire:before { - background-position: 0px -1092px; -} - -i.flag.ck:before, -i.flag.cook.islands:before { - background-position: 0px -1118px; -} - -i.flag.cl:before, -i.flag.chile:before { - background-position: 0px -1144px; -} - -i.flag.cm:before, -i.flag.cameroon:before { - background-position: 0px -1170px; -} - -i.flag.cn:before, -i.flag.china:before { - background-position: 0px -1196px; -} - -i.flag.co:before, -i.flag.colombia:before { - background-position: 0px -1222px; -} - -i.flag.cr:before, -i.flag.costa.rica:before { - background-position: 0px -1248px; -} - -i.flag.cs:before, -i.flag.serbia:before { - background-position: 0px -1274px; -} - -i.flag.cu:before, -i.flag.cuba:before { - background-position: 0px -1300px; -} - -i.flag.cv:before, -i.flag.cape.verde:before { - background-position: 0px -1326px; -} - -i.flag.cx:before, -i.flag.christmas.island:before { - background-position: 0px -1352px; -} - -i.flag.cy:before, -i.flag.cyprus:before { - background-position: 0px -1378px; -} - -i.flag.cz:before, -i.flag.czech.republic:before { - background-position: 0px -1404px; -} - -i.flag.de:before, -i.flag.germany:before { - background-position: 0px -1430px; -} - -i.flag.dj:before, -i.flag.djibouti:before { - background-position: 0px -1456px; -} - -i.flag.dk:before, -i.flag.denmark:before { - background-position: 0px -1482px; -} - -i.flag.dm:before, -i.flag.dominica:before { - background-position: 0px -1508px; -} - -i.flag.do:before, -i.flag.dominican.republic:before { - background-position: 0px -1534px; -} - -i.flag.dz:before, -i.flag.algeria:before { - background-position: 0px -1560px; -} - -i.flag.ec:before, -i.flag.ecuador:before { - background-position: 0px -1586px; -} - -i.flag.ee:before, -i.flag.estonia:before { - background-position: 0px -1612px; -} - -i.flag.eg:before, -i.flag.egypt:before { - background-position: 0px -1638px; -} - -i.flag.eh:before, -i.flag.western.sahara:before { - background-position: 0px -1664px; -} - -i.flag.gb.eng:before, -i.flag.england:before { - background-position: 0px -1690px; -} - -i.flag.er:before, -i.flag.eritrea:before { - background-position: 0px -1716px; -} - -i.flag.es:before, -i.flag.spain:before { - background-position: 0px -1742px; -} - -i.flag.et:before, -i.flag.ethiopia:before { - background-position: 0px -1768px; -} - -i.flag.eu:before, -i.flag.european.union:before { - background-position: 0px -1794px; -} - -i.flag.fi:before, -i.flag.finland:before { - background-position: 0px -1846px; -} - -i.flag.fj:before, -i.flag.fiji:before { - background-position: 0px -1872px; -} - -i.flag.fk:before, -i.flag.falkland.islands:before { - background-position: 0px -1898px; -} - -i.flag.fm:before, -i.flag.micronesia:before { - background-position: 0px -1924px; -} - -i.flag.fo:before, -i.flag.faroe.islands:before { - background-position: 0px -1950px; -} - -i.flag.fr:before, -i.flag.france:before { - background-position: 0px -1976px; -} - -i.flag.ga:before, -i.flag.gabon:before { - background-position: -36px 0px; -} - -i.flag.gb:before, -i.flag.united.kingdom:before { - background-position: -36px -26px; -} - -i.flag.gd:before, -i.flag.grenada:before { - background-position: -36px -52px; -} - -i.flag.ge:before, -i.flag.georgia:before { - background-position: -36px -78px; -} - -i.flag.gf:before, -i.flag.french.guiana:before { - background-position: -36px -104px; -} - -i.flag.gh:before, -i.flag.ghana:before { - background-position: -36px -130px; -} - -i.flag.gi:before, -i.flag.gibraltar:before { - background-position: -36px -156px; -} - -i.flag.gl:before, -i.flag.greenland:before { - background-position: -36px -182px; -} - -i.flag.gm:before, -i.flag.gambia:before { - background-position: -36px -208px; -} - -i.flag.gn:before, -i.flag.guinea:before { - background-position: -36px -234px; -} - -i.flag.gp:before, -i.flag.guadeloupe:before { - background-position: -36px -260px; -} - -i.flag.gq:before, -i.flag.equatorial.guinea:before { - background-position: -36px -286px; -} - -i.flag.gr:before, -i.flag.greece:before { - background-position: -36px -312px; -} - -i.flag.gs:before, -i.flag.sandwich.islands:before { - background-position: -36px -338px; -} - -i.flag.gt:before, -i.flag.guatemala:before { - background-position: -36px -364px; -} - -i.flag.gu:before, -i.flag.guam:before { - background-position: -36px -390px; -} - -i.flag.gw:before, -i.flag.guinea-bissau:before { - background-position: -36px -416px; -} - -i.flag.gy:before, -i.flag.guyana:before { - background-position: -36px -442px; -} - -i.flag.hk:before, -i.flag.hong.kong:before { - background-position: -36px -468px; -} - -i.flag.hm:before, -i.flag.heard.island:before { - background-position: -36px -494px; -} - -i.flag.hn:before, -i.flag.honduras:before { - background-position: -36px -520px; -} - -i.flag.hr:before, -i.flag.croatia:before { - background-position: -36px -546px; -} - -i.flag.ht:before, -i.flag.haiti:before { - background-position: -36px -572px; -} - -i.flag.hu:before, -i.flag.hungary:before { - background-position: -36px -598px; -} - -i.flag.id:before, -i.flag.indonesia:before { - background-position: -36px -624px; -} - -i.flag.ie:before, -i.flag.ireland:before { - background-position: -36px -650px; -} - -i.flag.il:before, -i.flag.israel:before { - background-position: -36px -676px; -} - -i.flag.in:before, -i.flag.india:before { - background-position: -36px -702px; -} - -i.flag.io:before, -i.flag.indian.ocean.territory:before { - background-position: -36px -728px; -} - -i.flag.iq:before, -i.flag.iraq:before { - background-position: -36px -754px; -} - -i.flag.ir:before, -i.flag.iran:before { - background-position: -36px -780px; -} - -i.flag.is:before, -i.flag.iceland:before { - background-position: -36px -806px; -} - -i.flag.it:before, -i.flag.italy:before { - background-position: -36px -832px; -} - -i.flag.jm:before, -i.flag.jamaica:before { - background-position: -36px -858px; -} - -i.flag.jo:before, -i.flag.jordan:before { - background-position: -36px -884px; -} - -i.flag.jp:before, -i.flag.japan:before { - background-position: -36px -910px; -} - -i.flag.ke:before, -i.flag.kenya:before { - background-position: -36px -936px; -} - -i.flag.kg:before, -i.flag.kyrgyzstan:before { - background-position: -36px -962px; -} - -i.flag.kh:before, -i.flag.cambodia:before { - background-position: -36px -988px; -} - -i.flag.ki:before, -i.flag.kiribati:before { - background-position: -36px -1014px; -} - -i.flag.km:before, -i.flag.comoros:before { - background-position: -36px -1040px; -} - -i.flag.kn:before, -i.flag.saint.kitts.and.nevis:before { - background-position: -36px -1066px; -} - -i.flag.kp:before, -i.flag.north.korea:before { - background-position: -36px -1092px; -} - -i.flag.kr:before, -i.flag.south.korea:before { - background-position: -36px -1118px; -} - -i.flag.kw:before, -i.flag.kuwait:before { - background-position: -36px -1144px; -} - -i.flag.ky:before, -i.flag.cayman.islands:before { - background-position: -36px -1170px; -} - -i.flag.kz:before, -i.flag.kazakhstan:before { - background-position: -36px -1196px; -} - -i.flag.la:before, -i.flag.laos:before { - background-position: -36px -1222px; -} - -i.flag.lb:before, -i.flag.lebanon:before { - background-position: -36px -1248px; -} - -i.flag.lc:before, -i.flag.saint.lucia:before { - background-position: -36px -1274px; -} - -i.flag.li:before, -i.flag.liechtenstein:before { - background-position: -36px -1300px; -} - -i.flag.lk:before, -i.flag.sri.lanka:before { - background-position: -36px -1326px; -} - -i.flag.lr:before, -i.flag.liberia:before { - background-position: -36px -1352px; -} - -i.flag.ls:before, -i.flag.lesotho:before { - background-position: -36px -1378px; -} - -i.flag.lt:before, -i.flag.lithuania:before { - background-position: -36px -1404px; -} - -i.flag.lu:before, -i.flag.luxembourg:before { - background-position: -36px -1430px; -} - -i.flag.lv:before, -i.flag.latvia:before { - background-position: -36px -1456px; -} - -i.flag.ly:before, -i.flag.libya:before { - background-position: -36px -1482px; -} - -i.flag.ma:before, -i.flag.morocco:before { - background-position: -36px -1508px; -} - -i.flag.mc:before, -i.flag.monaco:before { - background-position: -36px -1534px; -} - -i.flag.md:before, -i.flag.moldova:before { - background-position: -36px -1560px; -} - -i.flag.me:before, -i.flag.montenegro:before { - background-position: -36px -1586px; -} - -i.flag.mg:before, -i.flag.madagascar:before { - background-position: -36px -1613px; -} - -i.flag.mh:before, -i.flag.marshall.islands:before { - background-position: -36px -1639px; -} - -i.flag.mk:before, -i.flag.macedonia:before { - background-position: -36px -1665px; -} - -i.flag.ml:before, -i.flag.mali:before { - background-position: -36px -1691px; -} - -i.flag.mm:before, -i.flag.myanmar:before, -i.flag.burma:before { - background-position: -73px -1821px; -} - -i.flag.mn:before, -i.flag.mongolia:before { - background-position: -36px -1743px; -} - -i.flag.mo:before, -i.flag.macau:before { - background-position: -36px -1769px; -} - -i.flag.mp:before, -i.flag.northern.mariana.islands:before { - background-position: -36px -1795px; -} - -i.flag.mq:before, -i.flag.martinique:before { - background-position: -36px -1821px; -} - -i.flag.mr:before, -i.flag.mauritania:before { - background-position: -36px -1847px; -} - -i.flag.ms:before, -i.flag.montserrat:before { - background-position: -36px -1873px; -} - -i.flag.mt:before, -i.flag.malta:before { - background-position: -36px -1899px; -} - -i.flag.mu:before, -i.flag.mauritius:before { - background-position: -36px -1925px; -} - -i.flag.mv:before, -i.flag.maldives:before { - background-position: -36px -1951px; -} - -i.flag.mw:before, -i.flag.malawi:before { - background-position: -36px -1977px; -} - -i.flag.mx:before, -i.flag.mexico:before { - background-position: -72px 0px; -} - -i.flag.my:before, -i.flag.malaysia:before { - background-position: -72px -26px; -} - -i.flag.mz:before, -i.flag.mozambique:before { - background-position: -72px -52px; -} - -i.flag.na:before, -i.flag.namibia:before { - background-position: -72px -78px; -} - -i.flag.nc:before, -i.flag.new.caledonia:before { - background-position: -72px -104px; -} - -i.flag.ne:before, -i.flag.niger:before { - background-position: -72px -130px; -} - -i.flag.nf:before, -i.flag.norfolk.island:before { - background-position: -72px -156px; -} - -i.flag.ng:before, -i.flag.nigeria:before { - background-position: -72px -182px; -} - -i.flag.ni:before, -i.flag.nicaragua:before { - background-position: -72px -208px; -} - -i.flag.nl:before, -i.flag.netherlands:before { - background-position: -72px -234px; -} - -i.flag.no:before, -i.flag.norway:before { - background-position: -72px -260px; -} - -i.flag.np:before, -i.flag.nepal:before { - background-position: -72px -286px; -} - -i.flag.nr:before, -i.flag.nauru:before { - background-position: -72px -312px; -} - -i.flag.nu:before, -i.flag.niue:before { - background-position: -72px -338px; -} - -i.flag.nz:before, -i.flag.new.zealand:before { - background-position: -72px -364px; -} - -i.flag.om:before, -i.flag.oman:before { - background-position: -72px -390px; -} - -i.flag.pa:before, -i.flag.panama:before { - background-position: -72px -416px; -} - -i.flag.pe:before, -i.flag.peru:before { - background-position: -72px -442px; -} - -i.flag.pf:before, -i.flag.french.polynesia:before { - background-position: -72px -468px; -} - -i.flag.pg:before, -i.flag.new.guinea:before { - background-position: -72px -494px; -} - -i.flag.ph:before, -i.flag.philippines:before { - background-position: -72px -520px; -} - -i.flag.pk:before, -i.flag.pakistan:before { - background-position: -72px -546px; -} - -i.flag.pl:before, -i.flag.poland:before { - background-position: -72px -572px; -} - -i.flag.pm:before, -i.flag.saint.pierre:before { - background-position: -72px -598px; -} - -i.flag.pn:before, -i.flag.pitcairn.islands:before { - background-position: -72px -624px; -} - -i.flag.pr:before, -i.flag.puerto.rico:before { - background-position: -72px -650px; -} - -i.flag.ps:before, -i.flag.palestine:before { - background-position: -72px -676px; -} - -i.flag.pt:before, -i.flag.portugal:before { - background-position: -72px -702px; -} - -i.flag.pw:before, -i.flag.palau:before { - background-position: -72px -728px; -} - -i.flag.py:before, -i.flag.paraguay:before { - background-position: -72px -754px; -} - -i.flag.qa:before, -i.flag.qatar:before { - background-position: -72px -780px; -} - -i.flag.re:before, -i.flag.reunion:before { - background-position: -72px -806px; -} - -i.flag.ro:before, -i.flag.romania:before { - background-position: -72px -832px; -} - -i.flag.rs:before, -i.flag.serbia:before { - background-position: -72px -858px; -} - -i.flag.ru:before, -i.flag.russia:before { - background-position: -72px -884px; -} - -i.flag.rw:before, -i.flag.rwanda:before { - background-position: -72px -910px; -} - -i.flag.sa:before, -i.flag.saudi.arabia:before { - background-position: -72px -936px; -} - -i.flag.sb:before, -i.flag.solomon.islands:before { - background-position: -72px -962px; -} - -i.flag.sc:before, -i.flag.seychelles:before { - background-position: -72px -988px; -} - -i.flag.gb.sct:before, -i.flag.scotland:before { - background-position: -72px -1014px; -} - -i.flag.sd:before, -i.flag.sudan:before { - background-position: -72px -1040px; -} - -i.flag.se:before, -i.flag.sweden:before { - background-position: -72px -1066px; -} - -i.flag.sg:before, -i.flag.singapore:before { - background-position: -72px -1092px; -} - -i.flag.sh:before, -i.flag.saint.helena:before { - background-position: -72px -1118px; -} - -i.flag.si:before, -i.flag.slovenia:before { - background-position: -72px -1144px; -} - -i.flag.sj:before, -i.flag.svalbard:before, -i.flag.jan.mayen:before { - background-position: -72px -1170px; -} - -i.flag.sk:before, -i.flag.slovakia:before { - background-position: -72px -1196px; -} - -i.flag.sl:before, -i.flag.sierra.leone:before { - background-position: -72px -1222px; -} - -i.flag.sm:before, -i.flag.san.marino:before { - background-position: -72px -1248px; -} - -i.flag.sn:before, -i.flag.senegal:before { - background-position: -72px -1274px; -} - -i.flag.so:before, -i.flag.somalia:before { - background-position: -72px -1300px; -} - -i.flag.sr:before, -i.flag.suriname:before { - background-position: -72px -1326px; -} - -i.flag.st:before, -i.flag.sao.tome:before { - background-position: -72px -1352px; -} - -i.flag.sv:before, -i.flag.el.salvador:before { - background-position: -72px -1378px; -} - -i.flag.sy:before, -i.flag.syria:before { - background-position: -72px -1404px; -} - -i.flag.sz:before, -i.flag.swaziland:before { - background-position: -72px -1430px; -} - -i.flag.tc:before, -i.flag.caicos.islands:before { - background-position: -72px -1456px; -} - -i.flag.td:before, -i.flag.chad:before { - background-position: -72px -1482px; -} - -i.flag.tf:before, -i.flag.french.territories:before { - background-position: -72px -1508px; -} - -i.flag.tg:before, -i.flag.togo:before { - background-position: -72px -1534px; -} - -i.flag.th:before, -i.flag.thailand:before { - background-position: -72px -1560px; -} - -i.flag.tj:before, -i.flag.tajikistan:before { - background-position: -72px -1586px; -} - -i.flag.tk:before, -i.flag.tokelau:before { - background-position: -72px -1612px; -} - -i.flag.tl:before, -i.flag.timorleste:before { - background-position: -72px -1638px; -} - -i.flag.tm:before, -i.flag.turkmenistan:before { - background-position: -72px -1664px; -} - -i.flag.tn:before, -i.flag.tunisia:before { - background-position: -72px -1690px; -} - -i.flag.to:before, -i.flag.tonga:before { - background-position: -72px -1716px; -} - -i.flag.tr:before, -i.flag.turkey:before { - background-position: -72px -1742px; -} - -i.flag.tt:before, -i.flag.trinidad:before { - background-position: -72px -1768px; -} - -i.flag.tv:before, -i.flag.tuvalu:before { - background-position: -72px -1794px; -} - -i.flag.tw:before, -i.flag.taiwan:before { - background-position: -72px -1820px; -} - -i.flag.tz:before, -i.flag.tanzania:before { - background-position: -72px -1846px; -} - -i.flag.ua:before, -i.flag.ukraine:before { - background-position: -72px -1872px; -} - -i.flag.ug:before, -i.flag.uganda:before { - background-position: -72px -1898px; -} - -i.flag.um:before, -i.flag.us.minor.islands:before { - background-position: -72px -1924px; -} - -i.flag.us:before, -i.flag.america:before, -i.flag.united.states:before { - background-position: -72px -1950px; -} - -i.flag.uy:before, -i.flag.uruguay:before { - background-position: -72px -1976px; -} - -i.flag.uz:before, -i.flag.uzbekistan:before { - background-position: -108px 0px; -} - -i.flag.va:before, -i.flag.vatican.city:before { - background-position: -108px -26px; -} - -i.flag.vc:before, -i.flag.saint.vincent:before { - background-position: -108px -52px; -} - -i.flag.ve:before, -i.flag.venezuela:before { - background-position: -108px -78px; -} - -i.flag.vg:before, -i.flag.british.virgin.islands:before { - background-position: -108px -104px; -} - -i.flag.vi:before, -i.flag.us.virgin.islands:before { - background-position: -108px -130px; -} - -i.flag.vn:before, -i.flag.vietnam:before { - background-position: -108px -156px; -} - -i.flag.vu:before, -i.flag.vanuatu:before { - background-position: -108px -182px; -} - -i.flag.gb.wls:before, -i.flag.wales:before { - background-position: -108px -208px; -} - -i.flag.wf:before, -i.flag.wallis.and.futuna:before { - background-position: -108px -234px; -} - -i.flag.ws:before, -i.flag.samoa:before { - background-position: -108px -260px; -} - -i.flag.ye:before, -i.flag.yemen:before { - background-position: -108px -286px; -} - -i.flag.yt:before, -i.flag.mayotte:before { - background-position: -108px -312px; -} - -i.flag.za:before, -i.flag.south.africa:before { - background-position: -108px -338px; -} - -i.flag.zm:before, -i.flag.zambia:before { - background-position: -108px -364px; -} - -i.flag.zw:before, -i.flag.zimbabwe:before { - background-position: -108px -390px; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Header - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Header -*******************************/ - -/* Standard */ - -.ui.header { - border: none; - margin: calc(2rem - 0.14285714em ) 0em 1rem; - padding: 0em 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: bold; - line-height: 1.28571429em; - text-transform: none; - color: rgba(0, 0, 0, 0.87); -} - -.ui.header:first-child { - margin-top: -0.14285714em; -} - -.ui.header:last-child { - margin-bottom: 0em; -} - -/*-------------- - Sub Header ----------------*/ - -.ui.header .sub.header { - display: block; - font-weight: normal; - padding: 0em; - margin: 0em; - font-size: 1rem; - line-height: 1.2em; - color: rgba(0, 0, 0, 0.6); -} - -/*-------------- - Icon ----------------*/ - -.ui.header > .icon { - display: table-cell; - opacity: 1; - font-size: 1.5em; - padding-top: 0em; - vertical-align: middle; -} - -/* With Text Node */ - -.ui.header .icon:only-child { - display: inline-block; - padding: 0em; - margin-right: 0.75rem; -} - -/*------------------- - Image ---------------------*/ - -.ui.header > .image:not(.icon), -.ui.header > img { - display: inline-block; - margin-top: 0.14285714em; - width: 2.5em; - height: auto; - vertical-align: middle; -} - -.ui.header > .image:not(.icon):only-child, -.ui.header > img:only-child { - margin-right: 0.75rem; -} - -/*-------------- - Content ----------------*/ - -.ui.header .content { - display: inline-block; - vertical-align: top; -} - -/* After Image */ - -.ui.header > img + .content, -.ui.header > .image + .content { - padding-left: 0.75rem; - vertical-align: middle; -} - -/* After Icon */ - -.ui.header > .icon + .content { - padding-left: 0.75rem; - display: table-cell; - vertical-align: middle; -} - -/*-------------- - Loose Coupling ----------------*/ - -.ui.header .ui.label { - font-size: ''; - margin-left: 0.5rem; - vertical-align: middle; -} - -/* Positioning */ - -.ui.header + p { - margin-top: 0em; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Page ----------------*/ - -h1.ui.header { - font-size: 2rem; -} - -h2.ui.header { - font-size: 1.71428571rem; -} - -h3.ui.header { - font-size: 1.28571429rem; -} - -h4.ui.header { - font-size: 1.07142857rem; -} - -h5.ui.header { - font-size: 1rem; -} - -/* Sub Header */ - -h1.ui.header .sub.header { - font-size: 1.14285714rem; -} - -h2.ui.header .sub.header { - font-size: 1.14285714rem; -} - -h3.ui.header .sub.header { - font-size: 1rem; -} - -h4.ui.header .sub.header { - font-size: 1rem; -} - -h5.ui.header .sub.header { - font-size: 0.92857143rem; -} - -/*-------------- - Content Heading ----------------*/ - -.ui.huge.header { - min-height: 1em; - font-size: 2em; -} - -.ui.large.header { - font-size: 1.71428571em; -} - -.ui.medium.header { - font-size: 1.28571429em; -} - -.ui.small.header { - font-size: 1.07142857em; -} - -.ui.tiny.header { - font-size: 1em; -} - -/* Sub Header */ - -.ui.huge.header .sub.header { - font-size: 1.14285714rem; -} - -.ui.large.header .sub.header { - font-size: 1.14285714rem; -} - -.ui.header .sub.header { - font-size: 1rem; -} - -.ui.small.header .sub.header { - font-size: 1rem; -} - -.ui.tiny.header .sub.header { - font-size: 0.92857143rem; -} - -/*-------------- - Sub Heading ----------------*/ - -.ui.sub.header { - padding: 0em; - margin-bottom: 0.14285714rem; - font-weight: bold; - font-size: 0.85714286em; - text-transform: uppercase; - color: ''; -} - -.ui.small.sub.header { - font-size: 0.78571429em; -} - -.ui.sub.header { - font-size: 0.85714286em; -} - -.ui.large.sub.header { - font-size: 0.92857143em; -} - -.ui.huge.sub.header { - font-size: 1em; -} - -/*------------------- - Icon ---------------------*/ - -.ui.icon.header { - display: inline-block; - text-align: center; - margin: 2rem 0em 1rem; -} - -.ui.icon.header:after { - content: ''; - display: block; - height: 0px; - clear: both; - visibility: hidden; -} - -.ui.icon.header:first-child { - margin-top: 0em; -} - -.ui.icon.header .icon { - float: none; - display: block; - width: auto; - height: auto; - line-height: 1; - padding: 0em; - font-size: 3em; - margin: 0em auto 0.5rem; - opacity: 1; -} - -.ui.icon.header .content { - display: block; - padding: 0em; -} - -.ui.icon.header .circular.icon { - font-size: 2em; -} - -.ui.icon.header .square.icon { - font-size: 2em; -} - -.ui.block.icon.header .icon { - margin-bottom: 0em; -} - -.ui.icon.header.aligned { - margin-left: auto; - margin-right: auto; - display: block; -} - -/******************************* - States -*******************************/ - -.ui.disabled.header { - opacity: 0.45; -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.header { - color: #FFFFFF; -} - -.ui.inverted.header .sub.header { - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.attached.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; - border-color: transparent; -} - -.ui.inverted.block.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.inverted.block.header { - border-bottom: none; -} - -/*------------------- - Colors ---------------------*/ - -/*--- Red ---*/ - -.ui.red.header { - color: #DB2828 !important; -} - -a.ui.red.header:hover { - color: #d01919 !important; -} - -.ui.red.dividing.header { - border-bottom: 2px solid #DB2828; -} - -/* Inverted */ - -.ui.inverted.red.header { - color: #FF695E !important; -} - -a.ui.inverted.red.header:hover { - color: #ff5144 !important; -} - -/*--- Orange ---*/ - -.ui.orange.header { - color: #F2711C !important; -} - -a.ui.orange.header:hover { - color: #f26202 !important; -} - -.ui.orange.dividing.header { - border-bottom: 2px solid #F2711C; -} - -/* Inverted */ - -.ui.inverted.orange.header { - color: #FF851B !important; -} - -a.ui.inverted.orange.header:hover { - color: #ff7701 !important; -} - -/*--- Olive ---*/ - -.ui.olive.header { - color: #B5CC18 !important; -} - -a.ui.olive.header:hover { - color: #a7bd0d !important; -} - -.ui.olive.dividing.header { - border-bottom: 2px solid #B5CC18; -} - -/* Inverted */ - -.ui.inverted.olive.header { - color: #D9E778 !important; -} - -a.ui.inverted.olive.header:hover { - color: #d8ea5c !important; -} - -/*--- Yellow ---*/ - -.ui.yellow.header { - color: #FBBD08 !important; -} - -a.ui.yellow.header:hover { - color: #eaae00 !important; -} - -.ui.yellow.dividing.header { - border-bottom: 2px solid #FBBD08; -} - -/* Inverted */ - -.ui.inverted.yellow.header { - color: #FFE21F !important; -} - -a.ui.inverted.yellow.header:hover { - color: #ffdf05 !important; -} - -/*--- Green ---*/ - -.ui.green.header { - color: #21BA45 !important; -} - -a.ui.green.header:hover { - color: #16ab39 !important; -} - -.ui.green.dividing.header { - border-bottom: 2px solid #21BA45; -} - -/* Inverted */ - -.ui.inverted.green.header { - color: #2ECC40 !important; -} - -a.ui.inverted.green.header:hover { - color: #22be34 !important; -} - -/*--- Teal ---*/ - -.ui.teal.header { - color: #00B5AD !important; -} - -a.ui.teal.header:hover { - color: #009c95 !important; -} - -.ui.teal.dividing.header { - border-bottom: 2px solid #00B5AD; -} - -/* Inverted */ - -.ui.inverted.teal.header { - color: #6DFFFF !important; -} - -a.ui.inverted.teal.header:hover { - color: #54ffff !important; -} - -/*--- Blue ---*/ - -.ui.blue.header { - color: #2185D0 !important; -} - -a.ui.blue.header:hover { - color: #1678c2 !important; -} - -.ui.blue.dividing.header { - border-bottom: 2px solid #2185D0; -} - -/* Inverted */ - -.ui.inverted.blue.header { - color: #54C8FF !important; -} - -a.ui.inverted.blue.header:hover { - color: #3ac0ff !important; -} - -/*--- Violet ---*/ - -.ui.violet.header { - color: #6435C9 !important; -} - -a.ui.violet.header:hover { - color: #5829bb !important; -} - -.ui.violet.dividing.header { - border-bottom: 2px solid #6435C9; -} - -/* Inverted */ - -.ui.inverted.violet.header { - color: #A291FB !important; -} - -a.ui.inverted.violet.header:hover { - color: #8a73ff !important; -} - -/*--- Purple ---*/ - -.ui.purple.header { - color: #A333C8 !important; -} - -a.ui.purple.header:hover { - color: #9627ba !important; -} - -.ui.purple.dividing.header { - border-bottom: 2px solid #A333C8; -} - -/* Inverted */ - -.ui.inverted.purple.header { - color: #DC73FF !important; -} - -a.ui.inverted.purple.header:hover { - color: #d65aff !important; -} - -/*--- Pink ---*/ - -.ui.pink.header { - color: #E03997 !important; -} - -a.ui.pink.header:hover { - color: #e61a8d !important; -} - -.ui.pink.dividing.header { - border-bottom: 2px solid #E03997; -} - -/* Inverted */ - -.ui.inverted.pink.header { - color: #FF8EDF !important; -} - -a.ui.inverted.pink.header:hover { - color: #ff74d8 !important; -} - -/*--- Brown ---*/ - -.ui.brown.header { - color: #A5673F !important; -} - -a.ui.brown.header:hover { - color: #975b33 !important; -} - -.ui.brown.dividing.header { - border-bottom: 2px solid #A5673F; -} - -/* Inverted */ - -.ui.inverted.brown.header { - color: #D67C1C !important; -} - -a.ui.inverted.brown.header:hover { - color: #c86f11 !important; -} - -/*--- Grey ---*/ - -.ui.grey.header { - color: #767676 !important; -} - -a.ui.grey.header:hover { - color: #838383 !important; -} - -.ui.grey.dividing.header { - border-bottom: 2px solid #767676; -} - -/* Inverted */ - -.ui.inverted.grey.header { - color: #DCDDDE !important; -} - -a.ui.inverted.grey.header:hover { - color: #cfd0d2 !important; -} - -/*------------------- - Aligned ---------------------*/ - -.ui.left.aligned.header { - text-align: left; -} - -.ui.right.aligned.header { - text-align: right; -} - -.ui.centered.header, -.ui.center.aligned.header { - text-align: center; -} - -.ui.justified.header { - text-align: justify; -} - -.ui.justified.header:after { - display: inline-block; - content: ''; - width: 100%; -} - -/*------------------- - Floated ---------------------*/ - -.ui.floated.header, -.ui[class*="left floated"].header { - float: left; - margin-top: 0em; - margin-right: 0.5em; -} - -.ui[class*="right floated"].header { - float: right; - margin-top: 0em; - margin-left: 0.5em; -} - -/*------------------- - Fitted ---------------------*/ - -.ui.fitted.header { - padding: 0em; -} - -/*------------------- - Dividing ---------------------*/ - -.ui.dividing.header { - padding-bottom: 0.21428571rem; - border-bottom: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.dividing.header .sub.header { - padding-bottom: 0.21428571rem; -} - -.ui.dividing.header .icon { - margin-bottom: 0em; -} - -.ui.inverted.dividing.header { - border-bottom-color: rgba(255, 255, 255, 0.1); -} - -/*------------------- - Block ---------------------*/ - -.ui.block.header { - background: #F3F4F5; - padding: 0.78571429rem 1rem; - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #D4D4D5; - border-radius: 0.28571429rem; -} - -.ui.tiny.block.header { - font-size: 0.85714286rem; -} - -.ui.small.block.header { - font-size: 0.92857143rem; -} - -.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1rem; -} - -.ui.large.block.header { - font-size: 1.14285714rem; -} - -.ui.huge.block.header { - font-size: 1.42857143rem; -} - -/*------------------- - Attached ---------------------*/ - -.ui.attached.header { - background: #FFFFFF; - padding: 0.78571429rem 1rem; - margin-left: -1px; - margin-right: -1px; - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #D4D4D5; -} - -.ui.attached.block.header { - background: #F3F4F5; -} - -.ui.attached:not(.top):not(.bottom).header { - margin-top: 0em; - margin-bottom: 0em; - border-top: none; - border-radius: 0em; -} - -.ui.top.attached.header { - margin-bottom: 0em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.bottom.attached.header { - margin-top: 0em; - border-top: none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -/* Attached Sizes */ - -.ui.tiny.attached.header { - font-size: 0.85714286em; -} - -.ui.small.attached.header { - font-size: 0.92857143em; -} - -.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1em; -} - -.ui.large.attached.header { - font-size: 1.14285714em; -} - -.ui.huge.attached.header { - font-size: 1.42857143em; -} - -/*------------------- - Sizing ---------------------*/ - -.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1.28571429em; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Icon - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Icon -*******************************/ - -i.icon { - display: inline-block; - opacity: 1; - margin: 0em 0.25rem 0em 0em; - width: 1.18em; - height: 1em; - font-family: 'Icons'; - font-style: normal; - font-weight: normal; - text-decoration: inherit; - text-align: center; - speak: none; - font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -i.icon:before { - background: none !important; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Loading ----------------*/ - -i.icon.loading { - height: 1em; - line-height: 1; - -webkit-animation: icon-loading 2s linear infinite; - animation: icon-loading 2s linear infinite; -} - -@-webkit-keyframes icon-loading { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes icon-loading { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/******************************* - States -*******************************/ - -i.icon.hover { - opacity: 1 !important; -} - -i.icon.active { - opacity: 1 !important; -} - -i.emphasized.icon { - opacity: 1 !important; -} - -i.disabled.icon { - opacity: 0.45 !important; -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Fitted ---------------------*/ - -i.fitted.icon { - width: auto; - margin: 0em !important; -} - -/*------------------- - Link ---------------------*/ - -i.link.icon, -i.link.icons { - cursor: pointer; - opacity: 0.8; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} - -i.link.icon:hover, -i.link.icons:hover { - opacity: 1 !important; -} - -/*------------------- - Circular ---------------------*/ - -i.circular.icon { - border-radius: 500em !important; - line-height: 1 !important; - padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - width: 2em !important; - height: 2em !important; -} - -i.circular.inverted.icon { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -/*------------------- - Flipped ---------------------*/ - -i.flipped.icon, -i.horizontally.flipped.icon { - -webkit-transform: scale(-1, 1); - transform: scale(-1, 1); -} - -i.vertically.flipped.icon { - -webkit-transform: scale(1, -1); - transform: scale(1, -1); -} - -/*------------------- - Rotated ---------------------*/ - -i.rotated.icon, -i.right.rotated.icon, -i.clockwise.rotated.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -i.left.rotated.icon, -i.counterclockwise.rotated.icon { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); -} - -/*------------------- - Bordered ---------------------*/ - -i.bordered.icon { - line-height: 1; - vertical-align: baseline; - width: 2em; - height: 2em; - padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; -} - -i.bordered.inverted.icon { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -/*------------------- - Inverted ---------------------*/ - -/* Inverted Shapes */ - -i.inverted.bordered.icon, -i.inverted.circular.icon { - background-color: #1B1C1D !important; - color: #FFFFFF !important; -} - -i.inverted.icon { - color: #FFFFFF; -} - -/*------------------- - Colors ---------------------*/ - -/* Red */ - -i.red.icon { - color: #DB2828 !important; -} - -i.inverted.red.icon { - color: #FF695E !important; -} - -i.inverted.bordered.red.icon, -i.inverted.circular.red.icon { - background-color: #DB2828 !important; - color: #FFFFFF !important; -} - -/* Orange */ - -i.orange.icon { - color: #F2711C !important; -} - -i.inverted.orange.icon { - color: #FF851B !important; -} - -i.inverted.bordered.orange.icon, -i.inverted.circular.orange.icon { - background-color: #F2711C !important; - color: #FFFFFF !important; -} - -/* Yellow */ - -i.yellow.icon { - color: #FBBD08 !important; -} - -i.inverted.yellow.icon { - color: #FFE21F !important; -} - -i.inverted.bordered.yellow.icon, -i.inverted.circular.yellow.icon { - background-color: #FBBD08 !important; - color: #FFFFFF !important; -} - -/* Olive */ - -i.olive.icon { - color: #B5CC18 !important; -} - -i.inverted.olive.icon { - color: #D9E778 !important; -} - -i.inverted.bordered.olive.icon, -i.inverted.circular.olive.icon { - background-color: #B5CC18 !important; - color: #FFFFFF !important; -} - -/* Green */ - -i.green.icon { - color: #21BA45 !important; -} - -i.inverted.green.icon { - color: #2ECC40 !important; -} - -i.inverted.bordered.green.icon, -i.inverted.circular.green.icon { - background-color: #21BA45 !important; - color: #FFFFFF !important; -} - -/* Teal */ - -i.teal.icon { - color: #00B5AD !important; -} - -i.inverted.teal.icon { - color: #6DFFFF !important; -} - -i.inverted.bordered.teal.icon, -i.inverted.circular.teal.icon { - background-color: #00B5AD !important; - color: #FFFFFF !important; -} - -/* Blue */ - -i.blue.icon { - color: #2185D0 !important; -} - -i.inverted.blue.icon { - color: #54C8FF !important; -} - -i.inverted.bordered.blue.icon, -i.inverted.circular.blue.icon { - background-color: #2185D0 !important; - color: #FFFFFF !important; -} - -/* Violet */ - -i.violet.icon { - color: #6435C9 !important; -} - -i.inverted.violet.icon { - color: #A291FB !important; -} - -i.inverted.bordered.violet.icon, -i.inverted.circular.violet.icon { - background-color: #6435C9 !important; - color: #FFFFFF !important; -} - -/* Purple */ - -i.purple.icon { - color: #A333C8 !important; -} - -i.inverted.purple.icon { - color: #DC73FF !important; -} - -i.inverted.bordered.purple.icon, -i.inverted.circular.purple.icon { - background-color: #A333C8 !important; - color: #FFFFFF !important; -} - -/* Pink */ - -i.pink.icon { - color: #E03997 !important; -} - -i.inverted.pink.icon { - color: #FF8EDF !important; -} - -i.inverted.bordered.pink.icon, -i.inverted.circular.pink.icon { - background-color: #E03997 !important; - color: #FFFFFF !important; -} - -/* Brown */ - -i.brown.icon { - color: #A5673F !important; -} - -i.inverted.brown.icon { - color: #D67C1C !important; -} - -i.inverted.bordered.brown.icon, -i.inverted.circular.brown.icon { - background-color: #A5673F !important; - color: #FFFFFF !important; -} - -/* Grey */ - -i.grey.icon { - color: #767676 !important; -} - -i.inverted.grey.icon { - color: #DCDDDE !important; -} - -i.inverted.bordered.grey.icon, -i.inverted.circular.grey.icon { - background-color: #767676 !important; - color: #FFFFFF !important; -} - -/* Black */ - -i.black.icon { - color: #1B1C1D !important; -} - -i.inverted.black.icon { - color: #545454 !important; -} - -i.inverted.bordered.black.icon, -i.inverted.circular.black.icon { - background-color: #1B1C1D !important; - color: #FFFFFF !important; -} - -/*------------------- - Sizes ---------------------*/ - -i.mini.icon, -i.mini.icons { - line-height: 1; - font-size: 0.4em; -} - -i.tiny.icon, -i.tiny.icons { - line-height: 1; - font-size: 0.5em; -} - -i.small.icon, -i.small.icons { - line-height: 1; - font-size: 0.75em; -} - -i.icon, -i.icons { - font-size: 1em; -} - -i.large.icon, -i.large.icons { - line-height: 1; - vertical-align: middle; - font-size: 1.5em; -} - -i.big.icon, -i.big.icons { - line-height: 1; - vertical-align: middle; - font-size: 2em; -} - -i.huge.icon, -i.huge.icons { - line-height: 1; - vertical-align: middle; - font-size: 4em; -} - -i.massive.icon, -i.massive.icons { - line-height: 1; - vertical-align: middle; - font-size: 8em; -} - -/******************************* - Groups -*******************************/ - -i.icons { - display: inline-block; - position: relative; - line-height: 1; -} - -i.icons .icon { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - margin: 0em; - margin: 0; -} - -i.icons .icon:first-child { - position: static; - width: auto; - height: auto; - vertical-align: top; - -webkit-transform: none; - transform: none; - margin-right: 0.25rem; -} - -/* Corner Icon */ - -i.icons .corner.icon { - top: auto; - left: auto; - right: 0; - bottom: 0; - -webkit-transform: none; - transform: none; - font-size: 0.45em; - text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; -} - -i.icons .top.right.corner.icon { - top: 0; - left: auto; - right: 0; - bottom: auto; -} - -i.icons .top.left.corner.icon { - top: 0; - left: 0; - right: auto; - bottom: auto; -} - -i.icons .bottom.left.corner.icon { - top: auto; - left: 0; - right: auto; - bottom: 0; -} - -i.icons .bottom.right.corner.icon { - top: auto; - left: auto; - right: 0; - bottom: 0; -} - -i.icons .inverted.corner.icon { - text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D; -} - -/* - * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome - * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License) - */ - -/******************************* - -Semantic-UI integration of font-awesome : - -///class names are separated -i.icon.circle => i.icon.circle -i.icon.circle-o => i.icon.circle.outline - -//abbreviation are replaced by full letters: -i.icon.ellipsis-h => i.icon.ellipsis.horizontal -i.icon.ellipsis-v => i.icon.ellipsis.vertical -.alpha => .i.icon.alphabet -.asc => .i.icon.ascending -.desc => .i.icon.descending -.alt =>.alternate - -ASCII order is conserved for easier maintenance. - -Icons that only have one style 'outline', 'square' etc do not require this class -for instance `lemon icon` not `lemon outline icon` since there is only one lemon - -*******************************/ - -/******************************* - Icons -*******************************/ - -/* Icons */ - -i.icon.\35 00px:before { - content: "\f26e"; - } - -i.icon.accessible.icon:before { - content: "\f368"; -} - -i.icon.accusoft:before { - content: "\f369"; -} - -i.icon.address.book:before { - content: "\f2b9"; -} - -i.icon.address.card:before { - content: "\f2bb"; -} - -i.icon.adjust:before { - content: "\f042"; -} - -i.icon.adn:before { - content: "\f170"; -} - -i.icon.adversal:before { - content: "\f36a"; -} - -i.icon.affiliatetheme:before { - content: "\f36b"; -} - -i.icon.algolia:before { - content: "\f36c"; -} - -i.icon.align.center:before { - content: "\f037"; -} - -i.icon.align.justify:before { - content: "\f039"; -} - -i.icon.align.left:before { - content: "\f036"; -} - -i.icon.align.right:before { - content: "\f038"; -} - -i.icon.amazon:before { - content: "\f270"; -} - -i.icon.amazon.pay:before { - content: "\f42c"; -} - -i.icon.ambulance:before { - content: "\f0f9"; -} - -i.icon.american.sign.language.interpreting:before { - content: "\f2a3"; -} - -i.icon.amilia:before { - content: "\f36d"; -} - -i.icon.anchor:before { - content: "\f13d"; -} - -i.icon.android:before { - content: "\f17b"; -} - -i.icon.angellist:before { - content: "\f209"; -} - -i.icon.angle.double.down:before { - content: "\f103"; -} - -i.icon.angle.double.left:before { - content: "\f100"; -} - -i.icon.angle.double.right:before { - content: "\f101"; -} - -i.icon.angle.double.up:before { - content: "\f102"; -} - -i.icon.angle.down:before { - content: "\f107"; -} - -i.icon.angle.left:before { - content: "\f104"; -} - -i.icon.angle.right:before { - content: "\f105"; -} - -i.icon.angle.up:before { - content: "\f106"; -} - -i.icon.angrycreative:before { - content: "\f36e"; -} - -i.icon.angular:before { - content: "\f420"; -} - -i.icon.app.store:before { - content: "\f36f"; -} - -i.icon.app.store.ios:before { - content: "\f370"; -} - -i.icon.apper:before { - content: "\f371"; -} - -i.icon.apple:before { - content: "\f179"; -} - -i.icon.apple.pay:before { - content: "\f415"; -} - -i.icon.archive:before { - content: "\f187"; -} - -i.icon.arrow.alternate.circle.down:before { - content: "\f358"; -} - -i.icon.arrow.alternate.circle.left:before { - content: "\f359"; -} - -i.icon.arrow.alternate.circle.right:before { - content: "\f35a"; -} - -i.icon.arrow.alternate.circle.up:before { - content: "\f35b"; -} - -i.icon.arrow.circle.down:before { - content: "\f0ab"; -} - -i.icon.arrow.circle.left:before { - content: "\f0a8"; -} - -i.icon.arrow.circle.right:before { - content: "\f0a9"; -} - -i.icon.arrow.circle.up:before { - content: "\f0aa"; -} - -i.icon.arrow.down:before { - content: "\f063"; -} - -i.icon.arrow.left:before { - content: "\f060"; -} - -i.icon.arrow.right:before { - content: "\f061"; -} - -i.icon.arrow.up:before { - content: "\f062"; -} - -i.icon.arrows.alternate:before { - content: "\f0b2"; -} - -i.icon.arrows.alternate.horizontal:before { - content: "\f337"; -} - -i.icon.arrows.alternate.vertical:before { - content: "\f338"; -} - -i.icon.assistive.listening.systems:before { - content: "\f2a2"; -} - -i.icon.asterisk:before { - content: "\f069"; -} - -i.icon.asymmetrik:before { - content: "\f372"; -} - -i.icon.at:before { - content: "\f1fa"; -} - -i.icon.audible:before { - content: "\f373"; -} - -i.icon.audio.description:before { - content: "\f29e"; -} - -i.icon.autoprefixer:before { - content: "\f41c"; -} - -i.icon.avianex:before { - content: "\f374"; -} - -i.icon.aviato:before { - content: "\f421"; -} - -i.icon.aws:before { - content: "\f375"; -} - -i.icon.backward:before { - content: "\f04a"; -} - -i.icon.balance.scale:before { - content: "\f24e"; -} - -i.icon.ban:before { - content: "\f05e"; -} - -i.icon.band.aid:before { - content: "\f462"; -} - -i.icon.bandcamp:before { - content: "\f2d5"; -} - -i.icon.barcode:before { - content: "\f02a"; -} - -i.icon.bars:before { - content: "\f0c9"; -} - -i.icon.baseball.ball:before { - content: "\f433"; -} - -i.icon.basketball.ball:before { - content: "\f434"; -} - -i.icon.bath:before { - content: "\f2cd"; -} - -i.icon.battery.empty:before { - content: "\f244"; -} - -i.icon.battery.full:before { - content: "\f240"; -} - -i.icon.battery.half:before { - content: "\f242"; -} - -i.icon.battery.quarter:before { - content: "\f243"; -} - -i.icon.battery.three.quarters:before { - content: "\f241"; -} - -i.icon.bed:before { - content: "\f236"; -} - -i.icon.beer:before { - content: "\f0fc"; -} - -i.icon.behance:before { - content: "\f1b4"; -} - -i.icon.behance.square:before { - content: "\f1b5"; -} - -i.icon.bell:before { - content: "\f0f3"; -} - -i.icon.bell.slash:before { - content: "\f1f6"; -} - -i.icon.bicycle:before { - content: "\f206"; -} - -i.icon.bimobject:before { - content: "\f378"; -} - -i.icon.binoculars:before { - content: "\f1e5"; -} - -i.icon.birthday.cake:before { - content: "\f1fd"; -} - -i.icon.bitbucket:before { - content: "\f171"; -} - -i.icon.bitcoin:before { - content: "\f379"; -} - -i.icon.bity:before { - content: "\f37a"; -} - -i.icon.black.tie:before { - content: "\f27e"; -} - -i.icon.blackberry:before { - content: "\f37b"; -} - -i.icon.blind:before { - content: "\f29d"; -} - -i.icon.blogger:before { - content: "\f37c"; -} - -i.icon.blogger.b:before { - content: "\f37d"; -} - -i.icon.bluetooth:before { - content: "\f293"; -} - -i.icon.bluetooth.b:before { - content: "\f294"; -} - -i.icon.bold:before { - content: "\f032"; -} - -i.icon.bolt:before { - content: "\f0e7"; -} - -i.icon.bomb:before { - content: "\f1e2"; -} - -i.icon.book:before { - content: "\f02d"; -} - -i.icon.bookmark:before { - content: "\f02e"; -} - -i.icon.bowling.ball:before { - content: "\f436"; -} - -i.icon.box:before { - content: "\f466"; -} - -i.icon.boxes:before { - content: "\f468"; -} - -i.icon.braille:before { - content: "\f2a1"; -} - -i.icon.briefcase:before { - content: "\f0b1"; -} - -i.icon.btc:before { - content: "\f15a"; -} - -i.icon.bug:before { - content: "\f188"; -} - -i.icon.building:before { - content: "\f1ad"; -} - -i.icon.bullhorn:before { - content: "\f0a1"; -} - -i.icon.bullseye:before { - content: "\f140"; -} - -i.icon.buromobelexperte:before { - content: "\f37f"; -} - -i.icon.bus:before { - content: "\f207"; -} - -i.icon.buysellads:before { - content: "\f20d"; -} - -i.icon.calculator:before { - content: "\f1ec"; -} - -i.icon.calendar:before { - content: "\f133"; -} - -i.icon.calendar.alternate:before { - content: "\f073"; -} - -i.icon.calendar.check:before { - content: "\f274"; -} - -i.icon.calendar.minus:before { - content: "\f272"; -} - -i.icon.calendar.plus:before { - content: "\f271"; -} - -i.icon.calendar.times:before { - content: "\f273"; -} - -i.icon.camera:before { - content: "\f030"; -} - -i.icon.camera.retro:before { - content: "\f083"; -} - -i.icon.car:before { - content: "\f1b9"; -} - -i.icon.caret.down:before { - content: "\f0d7"; -} - -i.icon.caret.left:before { - content: "\f0d9"; -} - -i.icon.caret.right:before { - content: "\f0da"; -} - -i.icon.caret.square.down:before { - content: "\f150"; -} - -i.icon.caret.square.left:before { - content: "\f191"; -} - -i.icon.caret.square.right:before { - content: "\f152"; -} - -i.icon.caret.square.up:before { - content: "\f151"; -} - -i.icon.caret.up:before { - content: "\f0d8"; -} - -i.icon.cart.arrow.down:before { - content: "\f218"; -} - -i.icon.cart.plus:before { - content: "\f217"; -} - -i.icon.cc.amazon.pay:before { - content: "\f42d"; -} - -i.icon.cc.amex:before { - content: "\f1f3"; -} - -i.icon.cc.apple.pay:before { - content: "\f416"; -} - -i.icon.cc.diners.club:before { - content: "\f24c"; -} - -i.icon.cc.discover:before { - content: "\f1f2"; -} - -i.icon.cc.jcb:before { - content: "\f24b"; -} - -i.icon.cc.mastercard:before { - content: "\f1f1"; -} - -i.icon.cc.paypal:before { - content: "\f1f4"; -} - -i.icon.cc.stripe:before { - content: "\f1f5"; -} - -i.icon.cc.visa:before { - content: "\f1f0"; -} - -i.icon.centercode:before { - content: "\f380"; -} - -i.icon.certificate:before { - content: "\f0a3"; -} - -i.icon.chart.area:before { - content: "\f1fe"; -} - -i.icon.chart.bar:before { - content: "\f080"; -} - -i.icon.chart.line:before { - content: "\f201"; -} - -i.icon.chart.pie:before { - content: "\f200"; -} - -i.icon.check:before { - content: "\f00c"; -} - -i.icon.check.circle:before { - content: "\f058"; -} - -i.icon.check.square:before { - content: "\f14a"; -} - -i.icon.chess:before { - content: "\f439"; -} - -i.icon.chess.bishop:before { - content: "\f43a"; -} - -i.icon.chess.board:before { - content: "\f43c"; -} - -i.icon.chess.king:before { - content: "\f43f"; -} - -i.icon.chess.knight:before { - content: "\f441"; -} - -i.icon.chess.pawn:before { - content: "\f443"; -} - -i.icon.chess.queen:before { - content: "\f445"; -} - -i.icon.chess.rook:before { - content: "\f447"; -} - -i.icon.chevron.circle.down:before { - content: "\f13a"; -} - -i.icon.chevron.circle.left:before { - content: "\f137"; -} - -i.icon.chevron.circle.right:before { - content: "\f138"; -} - -i.icon.chevron.circle.up:before { - content: "\f139"; -} - -i.icon.chevron.down:before { - content: "\f078"; -} - -i.icon.chevron.left:before { - content: "\f053"; -} - -i.icon.chevron.right:before { - content: "\f054"; -} - -i.icon.chevron.up:before { - content: "\f077"; -} - -i.icon.child:before { - content: "\f1ae"; -} - -i.icon.chrome:before { - content: "\f268"; -} - -i.icon.circle:before { - content: "\f111"; -} - -i.icon.circle.notch:before { - content: "\f1ce"; -} - -i.icon.clipboard:before { - content: "\f328"; -} - -i.icon.clipboard.check:before { - content: "\f46c"; -} - -i.icon.clipboard.list:before { - content: "\f46d"; -} - -i.icon.clock:before { - content: "\f017"; -} - -i.icon.clone:before { - content: "\f24d"; -} - -i.icon.closed.captioning:before { - content: "\f20a"; -} - -i.icon.cloud:before { - content: "\f0c2"; -} - -i.icon.cloudscale:before { - content: "\f383"; -} - -i.icon.cloudsmith:before { - content: "\f384"; -} - -i.icon.cloudversify:before { - content: "\f385"; -} - -i.icon.code:before { - content: "\f121"; -} - -i.icon.code.branch:before { - content: "\f126"; -} - -i.icon.codepen:before { - content: "\f1cb"; -} - -i.icon.codiepie:before { - content: "\f284"; -} - -i.icon.coffee:before { - content: "\f0f4"; -} - -i.icon.cog:before { - content: "\f013"; -} - -i.icon.cogs:before { - content: "\f085"; -} - -i.icon.columns:before { - content: "\f0db"; -} - -i.icon.comment:before { - content: "\f075"; -} - -i.icon.comment.alternate:before { - content: "\f27a"; -} - -i.icon.comments:before { - content: "\f086"; -} - -i.icon.compass:before { - content: "\f14e"; -} - -i.icon.compress:before { - content: "\f066"; -} - -i.icon.connectdevelop:before { - content: "\f20e"; -} - -i.icon.contao:before { - content: "\f26d"; -} - -i.icon.copy:before { - content: "\f0c5"; -} - -i.icon.copyright:before { - content: "\f1f9"; -} - -i.icon.cpanel:before { - content: "\f388"; -} - -i.icon.creative.commons:before { - content: "\f25e"; -} - -i.icon.credit.card:before { - content: "\f09d"; -} - -i.icon.crop:before { - content: "\f125"; -} - -i.icon.crosshairs:before { - content: "\f05b"; -} - -i.icon.css3:before { - content: "\f13c"; -} - -i.icon.css3.alternate:before { - content: "\f38b"; -} - -i.icon.cube:before { - content: "\f1b2"; -} - -i.icon.cubes:before { - content: "\f1b3"; -} - -i.icon.cut:before { - content: "\f0c4"; -} - -i.icon.cuttlefish:before { - content: "\f38c"; -} - -i.icon.d.and.d:before { - content: "\f38d"; -} - -i.icon.dashcube:before { - content: "\f210"; -} - -i.icon.database:before { - content: "\f1c0"; -} - -i.icon.deaf:before { - content: "\f2a4"; -} - -i.icon.delicious:before { - content: "\f1a5"; -} - -i.icon.deploydog:before { - content: "\f38e"; -} - -i.icon.deskpro:before { - content: "\f38f"; -} - -i.icon.desktop:before { - content: "\f108"; -} - -i.icon.deviantart:before { - content: "\f1bd"; -} - -i.icon.digg:before { - content: "\f1a6"; -} - -i.icon.digital.ocean:before { - content: "\f391"; -} - -i.icon.discord:before { - content: "\f392"; -} - -i.icon.discourse:before { - content: "\f393"; -} - -i.icon.dna:before { - content: "\f471"; -} - -i.icon.dochub:before { - content: "\f394"; -} - -i.icon.docker:before { - content: "\f395"; -} - -i.icon.dollar.sign:before { - content: "\f155"; -} - -i.icon.dolly:before { - content: "\f472"; -} - -i.icon.dolly.flatbed:before { - content: "\f474"; -} - -i.icon.dot.circle:before { - content: "\f192"; -} - -i.icon.download:before { - content: "\f019"; -} - -i.icon.draft2digital:before { - content: "\f396"; -} - -i.icon.dribbble:before { - content: "\f17d"; -} - -i.icon.dribbble.square:before { - content: "\f397"; -} - -i.icon.dropbox:before { - content: "\f16b"; -} - -i.icon.drupal:before { - content: "\f1a9"; -} - -i.icon.dyalog:before { - content: "\f399"; -} - -i.icon.earlybirds:before { - content: "\f39a"; -} - -i.icon.edge:before { - content: "\f282"; -} - -i.icon.edit:before { - content: "\f044"; -} - -i.icon.eject:before { - content: "\f052"; -} - -i.icon.elementor:before { - content: "\f430"; -} - -i.icon.ellipsis.horizontal:before { - content: "\f141"; -} - -i.icon.ellipsis.vertical:before { - content: "\f142"; -} - -i.icon.ember:before { - content: "\f423"; -} - -i.icon.empire:before { - content: "\f1d1"; -} - -i.icon.envelope:before { - content: "\f0e0"; -} - -i.icon.envelope.open:before { - content: "\f2b6"; -} - -i.icon.envelope.square:before { - content: "\f199"; -} - -i.icon.envira:before { - content: "\f299"; -} - -i.icon.eraser:before { - content: "\f12d"; -} - -i.icon.erlang:before { - content: "\f39d"; -} - -i.icon.ethereum:before { - content: "\f42e"; -} - -i.icon.etsy:before { - content: "\f2d7"; -} - -i.icon.euro.sign:before { - content: "\f153"; -} - -i.icon.exchange.alternate:before { - content: "\f362"; -} - -i.icon.exclamation:before { - content: "\f12a"; -} - -i.icon.exclamation.circle:before { - content: "\f06a"; -} - -i.icon.exclamation.triangle:before { - content: "\f071"; -} - -i.icon.expand:before { - content: "\f065"; -} - -i.icon.expand.arrows.alternate:before { - content: "\f31e"; -} - -i.icon.expeditedssl:before { - content: "\f23e"; -} - -i.icon.external.alternate:before { - content: "\f35d"; -} - -i.icon.external.square.alternate:before { - content: "\f360"; -} - -i.icon.eye:before { - content: "\f06e"; -} - -i.icon.eye.dropper:before { - content: "\f1fb"; -} - -i.icon.eye.slash:before { - content: "\f070"; -} - -i.icon.facebook:before { - content: "\f09a"; -} - -i.icon.facebook.f:before { - content: "\f39e"; -} - -i.icon.facebook.messenger:before { - content: "\f39f"; -} - -i.icon.facebook.square:before { - content: "\f082"; -} - -i.icon.fast.backward:before { - content: "\f049"; -} - -i.icon.fast.forward:before { - content: "\f050"; -} - -i.icon.fax:before { - content: "\f1ac"; -} - -i.icon.female:before { - content: "\f182"; -} - -i.icon.fighter.jet:before { - content: "\f0fb"; -} - -i.icon.file:before { - content: "\f15b"; -} - -i.icon.file.alternate:before { - content: "\f15c"; -} - -i.icon.file.archive:before { - content: "\f1c6"; -} - -i.icon.file.audio:before { - content: "\f1c7"; -} - -i.icon.file.code:before { - content: "\f1c9"; -} - -i.icon.file.excel:before { - content: "\f1c3"; -} - -i.icon.file.image:before { - content: "\f1c5"; -} - -i.icon.file.pdf:before { - content: "\f1c1"; -} - -i.icon.file.powerpoint:before { - content: "\f1c4"; -} - -i.icon.file.video:before { - content: "\f1c8"; -} - -i.icon.file.word:before { - content: "\f1c2"; -} - -i.icon.film:before { - content: "\f008"; -} - -i.icon.filter:before { - content: "\f0b0"; -} - -i.icon.fire:before { - content: "\f06d"; -} - -i.icon.fire.extinguisher:before { - content: "\f134"; -} - -i.icon.firefox:before { - content: "\f269"; -} - -i.icon.first.aid:before { - content: "\f479"; -} - -i.icon.first.order:before { - content: "\f2b0"; -} - -i.icon.firstdraft:before { - content: "\f3a1"; -} - -i.icon.flag:before { - content: "\f024"; -} - -i.icon.flag.checkered:before { - content: "\f11e"; -} - -i.icon.flask:before { - content: "\f0c3"; -} - -i.icon.flickr:before { - content: "\f16e"; -} - -i.icon.flipboard:before { - content: "\f44d"; -} - -i.icon.fly:before { - content: "\f417"; -} - -i.icon.folder:before { - content: "\f07b"; -} - -i.icon.folder.open:before { - content: "\f07c"; -} - -i.icon.font:before { - content: "\f031"; -} - -i.icon.font.awesome:before { - content: "\f2b4"; -} - -i.icon.font.awesome.alternate:before { - content: "\f35c"; -} - -i.icon.font.awesome.flag:before { - content: "\f425"; -} - -i.icon.fonticons:before { - content: "\f280"; -} - -i.icon.fonticons.fi:before { - content: "\f3a2"; -} - -i.icon.football.ball:before { - content: "\f44e"; -} - -i.icon.fort.awesome:before { - content: "\f286"; -} - -i.icon.fort.awesome.alternate:before { - content: "\f3a3"; -} - -i.icon.forumbee:before { - content: "\f211"; -} - -i.icon.forward:before { - content: "\f04e"; -} - -i.icon.foursquare:before { - content: "\f180"; -} - -i.icon.free.code.camp:before { - content: "\f2c5"; -} - -i.icon.freebsd:before { - content: "\f3a4"; -} - -i.icon.frown:before { - content: "\f119"; -} - -i.icon.futbol:before { - content: "\f1e3"; -} - -i.icon.gamepad:before { - content: "\f11b"; -} - -i.icon.gavel:before { - content: "\f0e3"; -} - -i.icon.gem:before { - content: "\f3a5"; -} - -i.icon.genderless:before { - content: "\f22d"; -} - -i.icon.get.pocket:before { - content: "\f265"; -} - -i.icon.gg:before { - content: "\f260"; -} - -i.icon.gg.circle:before { - content: "\f261"; -} - -i.icon.gift:before { - content: "\f06b"; -} - -i.icon.git:before { - content: "\f1d3"; -} - -i.icon.git.square:before { - content: "\f1d2"; -} - -i.icon.github:before { - content: "\f09b"; -} - -i.icon.github.alternate:before { - content: "\f113"; -} - -i.icon.github.square:before { - content: "\f092"; -} - -i.icon.gitkraken:before { - content: "\f3a6"; -} - -i.icon.gitlab:before { - content: "\f296"; -} - -i.icon.gitter:before { - content: "\f426"; -} - -i.icon.glass.martini:before { - content: "\f000"; -} - -i.icon.glide:before { - content: "\f2a5"; -} - -i.icon.glide.g:before { - content: "\f2a6"; -} - -i.icon.globe:before { - content: "\f0ac"; -} - -i.icon.gofore:before { - content: "\f3a7"; -} - -i.icon.golf.ball:before { - content: "\f450"; -} - -i.icon.goodreads:before { - content: "\f3a8"; -} - -i.icon.goodreads.g:before { - content: "\f3a9"; -} - -i.icon.google:before { - content: "\f1a0"; -} - -i.icon.google.drive:before { - content: "\f3aa"; -} - -i.icon.google.play:before { - content: "\f3ab"; -} - -i.icon.google.plus:before { - content: "\f2b3"; -} - -i.icon.google.plus.g:before { - content: "\f0d5"; -} - -i.icon.google.plus.square:before { - content: "\f0d4"; -} - -i.icon.google.wallet:before { - content: "\f1ee"; -} - -i.icon.graduation.cap:before { - content: "\f19d"; -} - -i.icon.gratipay:before { - content: "\f184"; -} - -i.icon.grav:before { - content: "\f2d6"; -} - -i.icon.gripfire:before { - content: "\f3ac"; -} - -i.icon.grunt:before { - content: "\f3ad"; -} - -i.icon.gulp:before { - content: "\f3ae"; -} - -i.icon.h.square:before { - content: "\f0fd"; -} - -i.icon.hacker.news:before { - content: "\f1d4"; -} - -i.icon.hacker.news.square:before { - content: "\f3af"; -} - -i.icon.hand.lizard:before { - content: "\f258"; -} - -i.icon.hand.paper:before { - content: "\f256"; -} - -i.icon.hand.peace:before { - content: "\f25b"; -} - -i.icon.hand.point.down:before { - content: "\f0a7"; -} - -i.icon.hand.point.left:before { - content: "\f0a5"; -} - -i.icon.hand.point.right:before { - content: "\f0a4"; -} - -i.icon.hand.point.up:before { - content: "\f0a6"; -} - -i.icon.hand.pointer:before { - content: "\f25a"; -} - -i.icon.hand.rock:before { - content: "\f255"; -} - -i.icon.hand.scissors:before { - content: "\f257"; -} - -i.icon.hand.spock:before { - content: "\f259"; -} - -i.icon.handshake:before { - content: "\f2b5"; -} - -i.icon.hashtag:before { - content: "\f292"; -} - -i.icon.hdd:before { - content: "\f0a0"; -} - -i.icon.heading:before { - content: "\f1dc"; -} - -i.icon.headphones:before { - content: "\f025"; -} - -i.icon.heart:before { - content: "\f004"; -} - -i.icon.heartbeat:before { - content: "\f21e"; -} - -i.icon.hips:before { - content: "\f452"; -} - -i.icon.hire.a.helper:before { - content: "\f3b0"; -} - -i.icon.history:before { - content: "\f1da"; -} - -i.icon.hockey.puck:before { - content: "\f453"; -} - -i.icon.home:before { - content: "\f015"; -} - -i.icon.hooli:before { - content: "\f427"; -} - -i.icon.hospital:before { - content: "\f0f8"; -} - -i.icon.hospital.symbol:before { - content: "\f47e"; -} - -i.icon.hotjar:before { - content: "\f3b1"; -} - -i.icon.hourglass:before { - content: "\f254"; -} - -i.icon.hourglass.end:before { - content: "\f253"; -} - -i.icon.hourglass.half:before { - content: "\f252"; -} - -i.icon.hourglass.start:before { - content: "\f251"; -} - -i.icon.houzz:before { - content: "\f27c"; -} - -i.icon.html5:before { - content: "\f13b"; -} - -i.icon.hubspot:before { - content: "\f3b2"; -} - -i.icon.i.cursor:before { - content: "\f246"; -} - -i.icon.id.badge:before { - content: "\f2c1"; -} - -i.icon.id.card:before { - content: "\f2c2"; -} - -i.icon.image:before { - content: "\f03e"; -} - -i.icon.images:before { - content: "\f302"; -} - -i.icon.imdb:before { - content: "\f2d8"; -} - -i.icon.inbox:before { - content: "\f01c"; -} - -i.icon.indent:before { - content: "\f03c"; -} - -i.icon.industry:before { - content: "\f275"; -} - -i.icon.info:before { - content: "\f129"; -} - -i.icon.info.circle:before { - content: "\f05a"; -} - -i.icon.instagram:before { - content: "\f16d"; -} - -i.icon.internet.explorer:before { - content: "\f26b"; -} - -i.icon.ioxhost:before { - content: "\f208"; -} - -i.icon.italic:before { - content: "\f033"; -} - -i.icon.itunes:before { - content: "\f3b4"; -} - -i.icon.itunes.note:before { - content: "\f3b5"; -} - -i.icon.jenkins:before { - content: "\f3b6"; -} - -i.icon.joget:before { - content: "\f3b7"; -} - -i.icon.joomla:before { - content: "\f1aa"; -} - -i.icon.js:before { - content: "\f3b8"; -} - -i.icon.js.square:before { - content: "\f3b9"; -} - -i.icon.jsfiddle:before { - content: "\f1cc"; -} - -i.icon.key:before { - content: "\f084"; -} - -i.icon.keyboard:before { - content: "\f11c"; -} - -i.icon.keycdn:before { - content: "\f3ba"; -} - -i.icon.kickstarter:before { - content: "\f3bb"; -} - -i.icon.kickstarter.k:before { - content: "\f3bc"; -} - -i.icon.korvue:before { - content: "\f42f"; -} - -i.icon.language:before { - content: "\f1ab"; -} - -i.icon.laptop:before { - content: "\f109"; -} - -i.icon.laravel:before { - content: "\f3bd"; -} - -i.icon.lastfm:before { - content: "\f202"; -} - -i.icon.lastfm.square:before { - content: "\f203"; -} - -i.icon.leaf:before { - content: "\f06c"; -} - -i.icon.leanpub:before { - content: "\f212"; -} - -i.icon.lemon:before { - content: "\f094"; -} - -i.icon.less:before { - content: "\f41d"; -} - -i.icon.level.down.alternate:before { - content: "\f3be"; -} - -i.icon.level.up.alternate:before { - content: "\f3bf"; -} - -i.icon.life.ring:before { - content: "\f1cd"; -} - -i.icon.lightbulb:before { - content: "\f0eb"; -} - -i.icon.linechat:before { - content: "\f3c0"; -} - -i.icon.linkify:before { - content: "\f0c1"; -} - -i.icon.linkedin:before { - content: "\f08c"; -} - -i.icon.linkedin.in:before { - content: "\f0e1"; -} - -i.icon.linode:before { - content: "\f2b8"; -} - -i.icon.linux:before { - content: "\f17c"; -} - -i.icon.lira.sign:before { - content: "\f195"; -} - -i.icon.list:before { - content: "\f03a"; -} - -i.icon.list.alternate:before { - content: "\f022"; -} - -i.icon.list.ol:before { - content: "\f0cb"; -} - -i.icon.list.ul:before { - content: "\f0ca"; -} - -i.icon.location.arrow:before { - content: "\f124"; -} - -i.icon.lock:before { - content: "\f023"; -} - -i.icon.lock.open:before { - content: "\f3c1"; -} - -i.icon.long.arrow.alternate.down:before { - content: "\f309"; -} - -i.icon.long.arrow.alternate.left:before { - content: "\f30a"; -} - -i.icon.long.arrow.alternate.right:before { - content: "\f30b"; -} - -i.icon.long.arrow.alternate.up:before { - content: "\f30c"; -} - -i.icon.low.vision:before { - content: "\f2a8"; -} - -i.icon.lyft:before { - content: "\f3c3"; -} - -i.icon.magento:before { - content: "\f3c4"; -} - -i.icon.magic:before { - content: "\f0d0"; -} - -i.icon.magnet:before { - content: "\f076"; -} - -i.icon.male:before { - content: "\f183"; -} - -i.icon.map:before { - content: "\f279"; -} - -i.icon.map.marker:before { - content: "\f041"; -} - -i.icon.map.marker.alternate:before { - content: "\f3c5"; -} - -i.icon.map.pin:before { - content: "\f276"; -} - -i.icon.map.signs:before { - content: "\f277"; -} - -i.icon.mars:before { - content: "\f222"; -} - -i.icon.mars.double:before { - content: "\f227"; -} - -i.icon.mars.stroke:before { - content: "\f229"; -} - -i.icon.mars.stroke.horizontal:before { - content: "\f22b"; -} - -i.icon.mars.stroke.vertical:before { - content: "\f22a"; -} - -i.icon.maxcdn:before { - content: "\f136"; -} - -i.icon.medapps:before { - content: "\f3c6"; -} - -i.icon.medium:before { - content: "\f23a"; -} - -i.icon.medium.m:before { - content: "\f3c7"; -} - -i.icon.medkit:before { - content: "\f0fa"; -} - -i.icon.medrt:before { - content: "\f3c8"; -} - -i.icon.meetup:before { - content: "\f2e0"; -} - -i.icon.meh:before { - content: "\f11a"; -} - -i.icon.mercury:before { - content: "\f223"; -} - -i.icon.microchip:before { - content: "\f2db"; -} - -i.icon.microphone:before { - content: "\f130"; -} - -i.icon.microphone.slash:before { - content: "\f131"; -} - -i.icon.microsoft:before { - content: "\f3ca"; -} - -i.icon.minus:before { - content: "\f068"; -} - -i.icon.minus.circle:before { - content: "\f056"; -} - -i.icon.minus.square:before { - content: "\f146"; -} - -i.icon.mix:before { - content: "\f3cb"; -} - -i.icon.mixcloud:before { - content: "\f289"; -} - -i.icon.mizuni:before { - content: "\f3cc"; -} - -i.icon.mobile:before { - content: "\f10b"; -} - -i.icon.mobile.alternate:before { - content: "\f3cd"; -} - -i.icon.modx:before { - content: "\f285"; -} - -i.icon.monero:before { - content: "\f3d0"; -} - -i.icon.money.bill.alternate:before { - content: "\f3d1"; -} - -i.icon.moon:before { - content: "\f186"; -} - -i.icon.motorcycle:before { - content: "\f21c"; -} - -i.icon.mouse.pointer:before { - content: "\f245"; -} - -i.icon.music:before { - content: "\f001"; -} - -i.icon.napster:before { - content: "\f3d2"; -} - -i.icon.neuter:before { - content: "\f22c"; -} - -i.icon.newspaper:before { - content: "\f1ea"; -} - -i.icon.nintendo.switch:before { - content: "\f418"; -} - -i.icon.node:before { - content: "\f419"; -} - -i.icon.node.js:before { - content: "\f3d3"; -} - -i.icon.npm:before { - content: "\f3d4"; -} - -i.icon.ns8:before { - content: "\f3d5"; -} - -i.icon.nutritionix:before { - content: "\f3d6"; -} - -i.icon.object.group:before { - content: "\f247"; -} - -i.icon.object.ungroup:before { - content: "\f248"; -} - -i.icon.odnoklassniki:before { - content: "\f263"; -} - -i.icon.odnoklassniki.square:before { - content: "\f264"; -} - -i.icon.opencart:before { - content: "\f23d"; -} - -i.icon.openid:before { - content: "\f19b"; -} - -i.icon.opera:before { - content: "\f26a"; -} - -i.icon.optin.monster:before { - content: "\f23c"; -} - -i.icon.osi:before { - content: "\f41a"; -} - -i.icon.outdent:before { - content: "\f03b"; -} - -i.icon.page4:before { - content: "\f3d7"; -} - -i.icon.pagelines:before { - content: "\f18c"; -} - -i.icon.paint.brush:before { - content: "\f1fc"; -} - -i.icon.palfed:before { - content: "\f3d8"; -} - -i.icon.pallet:before { - content: "\f482"; -} - -i.icon.paper.plane:before { - content: "\f1d8"; -} - -i.icon.paperclip:before { - content: "\f0c6"; -} - -i.icon.paragraph:before { - content: "\f1dd"; -} - -i.icon.paste:before { - content: "\f0ea"; -} - -i.icon.patreon:before { - content: "\f3d9"; -} - -i.icon.pause:before { - content: "\f04c"; -} - -i.icon.pause.circle:before { - content: "\f28b"; -} - -i.icon.paw:before { - content: "\f1b0"; -} - -i.icon.paypal:before { - content: "\f1ed"; -} - -i.icon.pen.square:before { - content: "\f14b"; -} - -i.icon.pencil.alternate:before { - content: "\f303"; -} - -i.icon.percent:before { - content: "\f295"; -} - -i.icon.periscope:before { - content: "\f3da"; -} - -i.icon.phabricator:before { - content: "\f3db"; -} - -i.icon.phoenix.framework:before { - content: "\f3dc"; -} - -i.icon.phone:before { - content: "\f095"; -} - -i.icon.phone.square:before { - content: "\f098"; -} - -i.icon.phone.volume:before { - content: "\f2a0"; -} - -i.icon.php:before { - content: "\f457"; -} - -i.icon.pied.piper:before { - content: "\f2ae"; -} - -i.icon.pied.piper.alternate:before { - content: "\f1a8"; -} - -i.icon.pied.piper.pp:before { - content: "\f1a7"; -} - -i.icon.pills:before { - content: "\f484"; -} - -i.icon.pinterest:before { - content: "\f0d2"; -} - -i.icon.pinterest.p:before { - content: "\f231"; -} - -i.icon.pinterest.square:before { - content: "\f0d3"; -} - -i.icon.plane:before { - content: "\f072"; -} - -i.icon.play:before { - content: "\f04b"; -} - -i.icon.play.circle:before { - content: "\f144"; -} - -i.icon.playstation:before { - content: "\f3df"; -} - -i.icon.plug:before { - content: "\f1e6"; -} - -i.icon.plus:before { - content: "\f067"; -} - -i.icon.plus.circle:before { - content: "\f055"; -} - -i.icon.plus.square:before { - content: "\f0fe"; -} - -i.icon.podcast:before { - content: "\f2ce"; -} - -i.icon.pound.sign:before { - content: "\f154"; -} - -i.icon.power.off:before { - content: "\f011"; -} - -i.icon.print:before { - content: "\f02f"; -} - -i.icon.product.hunt:before { - content: "\f288"; -} - -i.icon.pushed:before { - content: "\f3e1"; -} - -i.icon.puzzle.piece:before { - content: "\f12e"; -} - -i.icon.python:before { - content: "\f3e2"; -} - -i.icon.qq:before { - content: "\f1d6"; -} - -i.icon.qrcode:before { - content: "\f029"; -} - -i.icon.question:before { - content: "\f128"; -} - -i.icon.question.circle:before { - content: "\f059"; -} - -i.icon.quidditch:before { - content: "\f458"; -} - -i.icon.quinscape:before { - content: "\f459"; -} - -i.icon.quora:before { - content: "\f2c4"; -} - -i.icon.quote.left:before { - content: "\f10d"; -} - -i.icon.quote.right:before { - content: "\f10e"; -} - -i.icon.random:before { - content: "\f074"; -} - -i.icon.ravelry:before { - content: "\f2d9"; -} - -i.icon.react:before { - content: "\f41b"; -} - -i.icon.rebel:before { - content: "\f1d0"; -} - -i.icon.recycle:before { - content: "\f1b8"; -} - -i.icon.redriver:before { - content: "\f3e3"; -} - -i.icon.reddit:before { - content: "\f1a1"; -} - -i.icon.reddit.alien:before { - content: "\f281"; -} - -i.icon.reddit.square:before { - content: "\f1a2"; -} - -i.icon.redo:before { - content: "\f01e"; -} - -i.icon.redo.alternate:before { - content: "\f2f9"; -} - -i.icon.registered:before { - content: "\f25d"; -} - -i.icon.rendact:before { - content: "\f3e4"; -} - -i.icon.renren:before { - content: "\f18b"; -} - -i.icon.reply:before { - content: "\f3e5"; -} - -i.icon.reply.all:before { - content: "\f122"; -} - -i.icon.replyd:before { - content: "\f3e6"; -} - -i.icon.resolving:before { - content: "\f3e7"; -} - -i.icon.retweet:before { - content: "\f079"; -} - -i.icon.road:before { - content: "\f018"; -} - -i.icon.rocket:before { - content: "\f135"; -} - -i.icon.rocketchat:before { - content: "\f3e8"; -} - -i.icon.rockrms:before { - content: "\f3e9"; -} - -i.icon.rss:before { - content: "\f09e"; -} - -i.icon.rss.square:before { - content: "\f143"; -} - -i.icon.ruble.sign:before { - content: "\f158"; -} - -i.icon.rupee.sign:before { - content: "\f156"; -} - -i.icon.safari:before { - content: "\f267"; -} - -i.icon.sass:before { - content: "\f41e"; -} - -i.icon.save:before { - content: "\f0c7"; -} - -i.icon.schlix:before { - content: "\f3ea"; -} - -i.icon.scribd:before { - content: "\f28a"; -} - -i.icon.search:before { - content: "\f002"; -} - -i.icon.search.minus:before { - content: "\f010"; -} - -i.icon.search.plus:before { - content: "\f00e"; -} - -i.icon.searchengin:before { - content: "\f3eb"; -} - -i.icon.sellcast:before { - content: "\f2da"; -} - -i.icon.sellsy:before { - content: "\f213"; -} - -i.icon.server:before { - content: "\f233"; -} - -i.icon.servicestack:before { - content: "\f3ec"; -} - -i.icon.share:before { - content: "\f064"; -} - -i.icon.share.alternate:before { - content: "\f1e0"; -} - -i.icon.share.alternate.square:before { - content: "\f1e1"; -} - -i.icon.share.square:before { - content: "\f14d"; -} - -i.icon.shekel.sign:before { - content: "\f20b"; -} - -i.icon.shield.alternate:before { - content: "\f3ed"; -} - -i.icon.ship:before { - content: "\f21a"; -} - -i.icon.shipping.fast:before { - content: "\f48b"; -} - -i.icon.shirtsinbulk:before { - content: "\f214"; -} - -i.icon.shopping.bag:before { - content: "\f290"; -} - -i.icon.shopping.basket:before { - content: "\f291"; -} - -i.icon.shopping.cart:before { - content: "\f07a"; -} - -i.icon.shower:before { - content: "\f2cc"; -} - -i.icon.sign.in.alternate:before { - content: "\f2f6"; -} - -i.icon.sign.language:before { - content: "\f2a7"; -} - -i.icon.sign.out.alternate:before { - content: "\f2f5"; -} - -i.icon.signal:before { - content: "\f012"; -} - -i.icon.simplybuilt:before { - content: "\f215"; -} - -i.icon.sistrix:before { - content: "\f3ee"; -} - -i.icon.sitemap:before { - content: "\f0e8"; -} - -i.icon.skyatlas:before { - content: "\f216"; -} - -i.icon.skype:before { - content: "\f17e"; -} - -i.icon.slack:before { - content: "\f198"; -} - -i.icon.slack.hash:before { - content: "\f3ef"; -} - -i.icon.sliders.horizontal:before { - content: "\f1de"; -} - -i.icon.slideshare:before { - content: "\f1e7"; -} - -i.icon.smile:before { - content: "\f118"; -} - -i.icon.snapchat:before { - content: "\f2ab"; -} - -i.icon.snapchat.ghost:before { - content: "\f2ac"; -} - -i.icon.snapchat.square:before { - content: "\f2ad"; -} - -i.icon.snowflake:before { - content: "\f2dc"; -} - -i.icon.sort:before { - content: "\f0dc"; -} - -i.icon.sort.alphabet.down:before { - content: "\f15d"; -} - -i.icon.sort.alphabet.up:before { - content: "\f15e"; -} - -i.icon.sort.amount.down:before { - content: "\f160"; -} - -i.icon.sort.amount.up:before { - content: "\f161"; -} - -i.icon.sort.down:before { - content: "\f0dd"; -} - -i.icon.sort.numeric.down:before { - content: "\f162"; -} - -i.icon.sort.numeric.up:before { - content: "\f163"; -} - -i.icon.sort.up:before { - content: "\f0de"; -} - -i.icon.soundcloud:before { - content: "\f1be"; -} - -i.icon.space.shuttle:before { - content: "\f197"; -} - -i.icon.speakap:before { - content: "\f3f3"; -} - -i.icon.spinner:before { - content: "\f110"; -} - -i.icon.spotify:before { - content: "\f1bc"; -} - -i.icon.square:before { - content: "\f0c8"; -} - -i.icon.square.full:before { - content: "\f45c"; -} - -i.icon.stack.exchange:before { - content: "\f18d"; -} - -i.icon.stack.overflow:before { - content: "\f16c"; -} - -i.icon.star:before { - content: "\f005"; -} - -i.icon.star.half:before { - content: "\f089"; -} - -i.icon.staylinked:before { - content: "\f3f5"; -} - -i.icon.steam:before { - content: "\f1b6"; -} - -i.icon.steam.square:before { - content: "\f1b7"; -} - -i.icon.steam.symbol:before { - content: "\f3f6"; -} - -i.icon.step.backward:before { - content: "\f048"; -} - -i.icon.step.forward:before { - content: "\f051"; -} - -i.icon.stethoscope:before { - content: "\f0f1"; -} - -i.icon.sticker.mule:before { - content: "\f3f7"; -} - -i.icon.sticky.note:before { - content: "\f249"; -} - -i.icon.stop:before { - content: "\f04d"; -} - -i.icon.stop.circle:before { - content: "\f28d"; -} - -i.icon.stopwatch:before { - content: "\f2f2"; -} - -i.icon.strava:before { - content: "\f428"; -} - -i.icon.street.view:before { - content: "\f21d"; -} - -i.icon.strikethrough:before { - content: "\f0cc"; -} - -i.icon.stripe:before { - content: "\f429"; -} - -i.icon.stripe.s:before { - content: "\f42a"; -} - -i.icon.studiovinari:before { - content: "\f3f8"; -} - -i.icon.stumbleupon:before { - content: "\f1a4"; -} - -i.icon.stumbleupon.circle:before { - content: "\f1a3"; -} - -i.icon.subscript:before { - content: "\f12c"; -} - -i.icon.subway:before { - content: "\f239"; -} - -i.icon.suitcase:before { - content: "\f0f2"; -} - -i.icon.sun:before { - content: "\f185"; -} - -i.icon.superpowers:before { - content: "\f2dd"; -} - -i.icon.superscript:before { - content: "\f12b"; -} - -i.icon.supple:before { - content: "\f3f9"; -} - -i.icon.sync:before { - content: "\f021"; -} - -i.icon.sync.alternate:before { - content: "\f2f1"; -} - -i.icon.syringe:before { - content: "\f48e"; -} - -i.icon.table:before { - content: "\f0ce"; -} - -i.icon.table.tennis:before { - content: "\f45d"; -} - -i.icon.tablet:before { - content: "\f10a"; -} - -i.icon.tablet.alternate:before { - content: "\f3fa"; -} - -i.icon.tachometer.alternate:before { - content: "\f3fd"; -} - -i.icon.tag:before { - content: "\f02b"; -} - -i.icon.tags:before { - content: "\f02c"; -} - -i.icon.tasks:before { - content: "\f0ae"; -} - -i.icon.taxi:before { - content: "\f1ba"; -} - -i.icon.telegram:before { - content: "\f2c6"; -} - -i.icon.telegram.plane:before { - content: "\f3fe"; -} - -i.icon.tencent.weibo:before { - content: "\f1d5"; -} - -i.icon.terminal:before { - content: "\f120"; -} - -i.icon.text.height:before { - content: "\f034"; -} - -i.icon.text.width:before { - content: "\f035"; -} - -i.icon.th:before { - content: "\f00a"; -} - -i.icon.th.large:before { - content: "\f009"; -} - -i.icon.th.list:before { - content: "\f00b"; -} - -i.icon.themeisle:before { - content: "\f2b2"; -} - -i.icon.thermometer:before { - content: "\f491"; -} - -i.icon.thermometer.empty:before { - content: "\f2cb"; -} - -i.icon.thermometer.full:before { - content: "\f2c7"; -} - -i.icon.thermometer.half:before { - content: "\f2c9"; -} - -i.icon.thermometer.quarter:before { - content: "\f2ca"; -} - -i.icon.thermometer.three.quarters:before { - content: "\f2c8"; -} - -i.icon.thumbs.down:before { - content: "\f165"; -} - -i.icon.thumbs.up:before { - content: "\f164"; -} - -i.icon.thumbtack:before { - content: "\f08d"; -} - -i.icon.ticket.alternate:before { - content: "\f3ff"; -} - -i.icon.times:before { - content: "\f00d"; -} - -i.icon.times.circle:before { - content: "\f057"; -} - -i.icon.tint:before { - content: "\f043"; -} - -i.icon.toggle.off:before { - content: "\f204"; -} - -i.icon.toggle.on:before { - content: "\f205"; -} - -i.icon.trademark:before { - content: "\f25c"; -} - -i.icon.train:before { - content: "\f238"; -} - -i.icon.transgender:before { - content: "\f224"; -} - -i.icon.transgender.alternate:before { - content: "\f225"; -} - -i.icon.trash:before { - content: "\f1f8"; -} - -i.icon.trash.alternate:before { - content: "\f2ed"; -} - -i.icon.tree:before { - content: "\f1bb"; -} - -i.icon.trello:before { - content: "\f181"; -} - -i.icon.tripadvisor:before { - content: "\f262"; -} - -i.icon.trophy:before { - content: "\f091"; -} - -i.icon.truck:before { - content: "\f0d1"; -} - -i.icon.tty:before { - content: "\f1e4"; -} - -i.icon.tumblr:before { - content: "\f173"; -} - -i.icon.tumblr.square:before { - content: "\f174"; -} - -i.icon.tv:before { - content: "\f26c"; -} - -i.icon.twitch:before { - content: "\f1e8"; -} - -i.icon.twitter:before { - content: "\f099"; -} - -i.icon.twitter.square:before { - content: "\f081"; -} - -i.icon.typo3:before { - content: "\f42b"; -} - -i.icon.uber:before { - content: "\f402"; -} - -i.icon.uikit:before { - content: "\f403"; -} - -i.icon.umbrella:before { - content: "\f0e9"; -} - -i.icon.underline:before { - content: "\f0cd"; -} - -i.icon.undo:before { - content: "\f0e2"; -} - -i.icon.undo.alternate:before { - content: "\f2ea"; -} - -i.icon.uniregistry:before { - content: "\f404"; -} - -i.icon.universal.access:before { - content: "\f29a"; -} - -i.icon.university:before { - content: "\f19c"; -} - -i.icon.unlink:before { - content: "\f127"; -} - -i.icon.unlock:before { - content: "\f09c"; -} - -i.icon.unlock.alternate:before { - content: "\f13e"; -} - -i.icon.untappd:before { - content: "\f405"; -} - -i.icon.upload:before { - content: "\f093"; -} - -i.icon.usb:before { - content: "\f287"; -} - -i.icon.user:before { - content: "\f007"; -} - -i.icon.user.circle:before { - content: "\f2bd"; -} - -i.icon.user.md:before { - content: "\f0f0"; -} - -i.icon.user.plus:before { - content: "\f234"; -} - -i.icon.user.secret:before { - content: "\f21b"; -} - -i.icon.user.times:before { - content: "\f235"; -} - -i.icon.users:before { - content: "\f0c0"; -} - -i.icon.ussunnah:before { - content: "\f407"; -} - -i.icon.utensil.spoon:before { - content: "\f2e5"; -} - -i.icon.utensils:before { - content: "\f2e7"; -} - -i.icon.vaadin:before { - content: "\f408"; -} - -i.icon.venus:before { - content: "\f221"; -} - -i.icon.venus.double:before { - content: "\f226"; -} - -i.icon.venus.mars:before { - content: "\f228"; -} - -i.icon.viacoin:before { - content: "\f237"; -} - -i.icon.viadeo:before { - content: "\f2a9"; -} - -i.icon.viadeo.square:before { - content: "\f2aa"; -} - -i.icon.viber:before { - content: "\f409"; -} - -i.icon.video:before { - content: "\f03d"; -} - -i.icon.vimeo:before { - content: "\f40a"; -} - -i.icon.vimeo.square:before { - content: "\f194"; -} - -i.icon.vimeo.v:before { - content: "\f27d"; -} - -i.icon.vine:before { - content: "\f1ca"; -} - -i.icon.vk:before { - content: "\f189"; -} - -i.icon.vnv:before { - content: "\f40b"; -} - -i.icon.volleyball.ball:before { - content: "\f45f"; -} - -i.icon.volume.down:before { - content: "\f027"; -} - -i.icon.volume.off:before { - content: "\f026"; -} - -i.icon.volume.up:before { - content: "\f028"; -} - -i.icon.vuejs:before { - content: "\f41f"; -} - -i.icon.warehouse:before { - content: "\f494"; -} - -i.icon.weibo:before { - content: "\f18a"; -} - -i.icon.weight:before { - content: "\f496"; -} - -i.icon.weixin:before { - content: "\f1d7"; -} - -i.icon.whatsapp:before { - content: "\f232"; -} - -i.icon.whatsapp.square:before { - content: "\f40c"; -} - -i.icon.wheelchair:before { - content: "\f193"; -} - -i.icon.whmcs:before { - content: "\f40d"; -} - -i.icon.wifi:before { - content: "\f1eb"; -} - -i.icon.wikipedia.w:before { - content: "\f266"; -} - -i.icon.window.close:before { - content: "\f410"; -} - -i.icon.window.maximize:before { - content: "\f2d0"; -} - -i.icon.window.minimize:before { - content: "\f2d1"; -} - -i.icon.window.restore:before { - content: "\f2d2"; -} - -i.icon.windows:before { - content: "\f17a"; -} - -i.icon.won.sign:before { - content: "\f159"; -} - -i.icon.wordpress:before { - content: "\f19a"; -} - -i.icon.wordpress.simple:before { - content: "\f411"; -} - -i.icon.wpbeginner:before { - content: "\f297"; -} - -i.icon.wpexplorer:before { - content: "\f2de"; -} - -i.icon.wpforms:before { - content: "\f298"; -} - -i.icon.wrench:before { - content: "\f0ad"; -} - -i.icon.xbox:before { - content: "\f412"; -} - -i.icon.xing:before { - content: "\f168"; -} - -i.icon.xing.square:before { - content: "\f169"; -} - -i.icon.y.combinator:before { - content: "\f23b"; -} - -i.icon.yahoo:before { - content: "\f19e"; -} - -i.icon.yandex:before { - content: "\f413"; -} - -i.icon.yandex.international:before { - content: "\f414"; -} - -i.icon.yelp:before { - content: "\f1e9"; -} - -i.icon.yen.sign:before { - content: "\f157"; -} - -i.icon.yoast:before { - content: "\f2b1"; -} - -i.icon.youtube:before { - content: "\f167"; -} - -i.icon.youtube.square:before { - content: "\f431"; -} - -/* Aliases */ - -i.icon.chess.rock:before { - content: "\f447"; -} - -i.icon.ordered.list:before { - content: "\f0cb"; -} - -i.icon.unordered.list:before { - content: "\f0ca"; -} - -i.icon.user.doctor:before { - content: "\f0f0"; -} - -i.icon.shield:before { - content: "\f3ed"; -} - -i.icon.puzzle:before { - content: "\f12e"; -} - -i.icon.credit.card.amazon.pay:before { - content: "\f42d"; -} - -i.icon.credit.card.american.express:before { - content: "\f1f3"; -} - -i.icon.credit.card.diners.club:before { - content: "\f24c"; -} - -i.icon.credit.card.discover:before { - content: "\f1f2"; -} - -i.icon.credit.card.jcb:before { - content: "\f24b"; -} - -i.icon.credit.card.mastercard:before { - content: "\f1f1"; -} - -i.icon.credit.card.paypal:before { - content: "\f1f4"; -} - -i.icon.credit.card.stripe:before { - content: "\f1f5"; -} - -i.icon.credit.card.visa:before { - content: "\f1f0"; -} - -i.icon.add.circle:before { - content: "\f055"; -} - -i.icon.add.square:before { - content: "\f0fe"; -} - -i.icon.add.to.calendar:before { - content: "\f271"; -} - -i.icon.add.to.cart:before { - content: "\f217"; -} - -i.icon.add.user:before { - content: "\f234"; -} - -i.icon.add:before { - content: "\f067"; -} - -i.icon.alarm.mute:before { - content: "\f1f6"; -} - -i.icon.alarm:before { - content: "\f0f3"; -} - -i.icon.ald:before { - content: "\f2a2"; -} - -i.icon.als:before { - content: "\f2a2"; -} - -i.icon.american.express.card:before { - content: "\f1f3"; -} - -i.icon.american.express:before { - content: "\f1f3"; -} - -i.icon.amex:before { - content: "\f1f3"; -} - -i.icon.announcement:before { - content: "\f0a1"; -} - -i.icon.area.chart:before { - content: "\f1fe"; -} - -i.icon.area.graph:before { - content: "\f1fe"; -} - -i.icon.arrow.down.cart:before { - content: "\f218"; -} - -i.icon.asexual:before { - content: "\f22d"; -} - -i.icon.asl.interpreting:before { - content: "\f2a3"; -} - -i.icon.asl:before { - content: "\f2a3"; -} - -i.icon.assistive.listening.devices:before { - content: "\f2a2"; -} - -i.icon.attach:before { - content: "\f0c6"; -} - -i.icon.attention:before { - content: "\f06a"; -} - -i.icon.balance:before { - content: "\f24e"; -} - -i.icon.bar:before { - content: "\f0fc"; -} - -i.icon.bathtub:before { - content: "\f2cd"; -} - -i.icon.battery.four:before { - content: "\f240"; -} - -i.icon.battery.high:before { - content: "\f241"; -} - -i.icon.battery.low:before { - content: "\f243"; -} - -i.icon.battery.medium:before { - content: "\f242"; -} - -i.icon.battery.one:before { - content: "\f243"; -} - -i.icon.battery.three:before { - content: "\f241"; -} - -i.icon.battery.two:before { - content: "\f242"; -} - -i.icon.battery.zero:before { - content: "\f244"; -} - -i.icon.birthday:before { - content: "\f1fd"; -} - -i.icon.block.layout:before { - content: "\f009"; -} - -i.icon.bluetooth.alternative:before { - content: "\f294"; -} - -i.icon.broken.chain:before { - content: "\f127"; -} - -i.icon.browser:before { - content: "\f022"; -} - -i.icon.call.square:before { - content: "\f098"; -} - -i.icon.call:before { - content: "\f095"; -} - -i.icon.cancel:before { - content: "\f00d"; -} - -i.icon.cart:before { - content: "\f07a"; -} - -i.icon.cc:before { - content: "\f20a"; -} - -i.icon.chain:before { - content: "\f0c1"; -} - -i.icon.chat:before { - content: "\f075"; -} - -i.icon.checked.calendar:before { - content: "\f274"; -} - -i.icon.checkmark:before { - content: "\f00c"; -} - -i.icon.circle.notched:before { - content: "\f1ce"; -} - -i.icon.close:before { - content: "\f00d"; -} - -i.icon.cny:before { - content: "\f157"; -} - -i.icon.cocktail:before { - content: "\f000"; -} - -i.icon.commenting:before { - content: "\f27a"; -} - -i.icon.computer:before { - content: "\f108"; -} - -i.icon.configure:before { - content: "\f0ad"; -} - -i.icon.content:before { - content: "\f0c9"; -} - -i.icon.deafness:before { - content: "\f2a4"; -} - -i.icon.delete.calendar:before { - content: "\f273"; -} - -i.icon.delete:before { - content: "\f00d"; -} - -i.icon.detective:before { - content: "\f21b"; -} - -i.icon.diners.club.card:before { - content: "\f24c"; -} - -i.icon.diners.club:before { - content: "\f24c"; -} - -i.icon.discover.card:before { - content: "\f1f2"; -} - -i.icon.discover:before { - content: "\f1f2"; -} - -i.icon.discussions:before { - content: "\f086"; -} - -i.icon.doctor:before { - content: "\f0f0"; -} - -i.icon.dollar:before { - content: "\f155"; -} - -i.icon.dont:before { - content: "\f05e"; -} - -i.icon.dribble:before { - content: "\f17d"; -} - -i.icon.drivers.license:before { - content: "\f2c2"; -} - -i.icon.dropdown:before { - content: "\f0d7"; -} - -i.icon.eercast:before { - content: "\f2da"; -} - -i.icon.emergency:before { - content: "\f0f9"; -} - -i.icon.envira.gallery:before { - content: "\f299"; -} - -i.icon.erase:before { - content: "\f12d"; -} - -i.icon.eur:before { - content: "\f153"; -} - -i.icon.euro:before { - content: "\f153"; -} - -i.icon.eyedropper:before { - content: "\f1fb"; -} - -i.icon.fa:before { - content: "\f2b4"; -} - -i.icon.factory:before { - content: "\f275"; -} - -i.icon.favorite:before { - content: "\f005"; -} - -i.icon.feed:before { - content: "\f09e"; -} - -i.icon.female.homosexual:before { - content: "\f226"; -} - -i.icon.file.text:before { - content: "\f15c"; -} - -i.icon.find:before { - content: "\f1e5"; -} - -i.icon.first.aid:before { - content: "\f0fa"; -} - -i.icon.five.hundred.pixels:before { - content: "\f26e"; -} - -i.icon.fork:before { - content: "\f126"; -} - -i.icon.game:before { - content: "\f11b"; -} - -i.icon.gay:before { - content: "\f227"; -} - -i.icon.gbp:before { - content: "\f154"; -} - -i.icon.gittip:before { - content: "\f184"; -} - -i.icon.google.plus.circle:before { - content: "\f2b3"; -} - -i.icon.google.plus.official:before { - content: "\f2b3"; -} - -i.icon.grab:before { - content: "\f255"; -} - -i.icon.graduation:before { - content: "\f19d"; -} - -i.icon.grid.layout:before { - content: "\f00a"; -} - -i.icon.group:before { - content: "\f0c0"; -} - -i.icon.h:before { - content: "\f0fd"; -} - -i.icon.hand.victory:before { - content: "\f25b"; -} - -i.icon.handicap:before { - content: "\f193"; -} - -i.icon.hard.of.hearing:before { - content: "\f2a4"; -} - -i.icon.header:before { - content: "\f1dc"; -} - -i.icon.help.circle:before { - content: "\f059"; -} - -i.icon.help:before { - content: "\f128"; -} - -i.icon.heterosexual:before { - content: "\f228"; -} - -i.icon.hide:before { - content: "\f070"; -} - -i.icon.hotel:before { - content: "\f236"; -} - -i.icon.hourglass.four:before { - content: "\f254"; -} - -i.icon.hourglass.full:before { - content: "\f254"; -} - -i.icon.hourglass.one:before { - content: "\f251"; -} - -i.icon.hourglass.three:before { - content: "\f253"; -} - -i.icon.hourglass.two:before { - content: "\f252"; -} - -i.icon.idea:before { - content: "\f0eb"; -} - -i.icon.ils:before { - content: "\f20b"; -} - -i.icon.in.cart:before { - content: "\f218"; -} - -i.icon.inr:before { - content: "\f156"; -} - -i.icon.intergender:before { - content: "\f224"; -} - -i.icon.intersex:before { - content: "\f224"; -} - -i.icon.japan.credit.bureau.card:before { - content: "\f24b"; -} - -i.icon.japan.credit.bureau:before { - content: "\f24b"; -} - -i.icon.jcb:before { - content: "\f24b"; -} - -i.icon.jpy:before { - content: "\f157"; -} - -i.icon.krw:before { - content: "\f159"; -} - -i.icon.lab:before { - content: "\f0c3"; -} - -i.icon.law:before { - content: "\f24e"; -} - -i.icon.legal:before { - content: "\f0e3"; -} - -i.icon.lesbian:before { - content: "\f226"; -} - -i.icon.lightning:before { - content: "\f0e7"; -} - -i.icon.like:before { - content: "\f004"; -} - -i.icon.line.graph:before { - content: "\f201"; -} - -i.icon.linkedin.square:before { - content: "\f08c"; -} - -i.icon.linkify:before { - content: "\f0c1"; -} - -i.icon.lira:before { - content: "\f195"; -} - -i.icon.list.layout:before { - content: "\f00b"; -} - -i.icon.magnify:before { - content: "\f00e"; -} - -i.icon.mail.forward:before { - content: "\f064"; -} - -i.icon.mail.square:before { - content: "\f199"; -} - -i.icon.mail:before { - content: "\f0e0"; -} - -i.icon.male.homosexual:before { - content: "\f227"; -} - -i.icon.man:before { - content: "\f222"; -} - -i.icon.marker:before { - content: "\f041"; -} - -i.icon.mars.alternate:before { - content: "\f229"; -} - -i.icon.mars.horizontal:before { - content: "\f22b"; -} - -i.icon.mars.vertical:before { - content: "\f22a"; -} - -i.icon.mastercard.card:before { - content: "\f1f1"; -} - -i.icon.mastercard:before { - content: "\f1f1"; -} - -i.icon.microsoft.edge:before { - content: "\f282"; -} - -i.icon.military:before { - content: "\f0fb"; -} - -i.icon.ms.edge:before { - content: "\f282"; -} - -i.icon.mute:before { - content: "\f131"; -} - -i.icon.new.pied.piper:before { - content: "\f2ae"; -} - -i.icon.non.binary.transgender:before { - content: "\f223"; -} - -i.icon.numbered.list:before { - content: "\f0cb"; -} - -i.icon.optinmonster:before { - content: "\f23c"; -} - -i.icon.options:before { - content: "\f1de"; -} - -i.icon.other.gender.horizontal:before { - content: "\f22b"; -} - -i.icon.other.gender.vertical:before { - content: "\f22a"; -} - -i.icon.other.gender:before { - content: "\f229"; -} - -i.icon.payment:before { - content: "\f09d"; -} - -i.icon.paypal.card:before { - content: "\f1f4"; -} - -i.icon.pencil.square:before { - content: "\f14b"; -} - -i.icon.photo:before { - content: "\f030"; -} - -i.icon.picture:before { - content: "\f03e"; -} - -i.icon.pie.chart:before { - content: "\f200"; -} - -i.icon.pie.graph:before { - content: "\f200"; -} - -i.icon.pied.piper.hat:before { - content: "\f2ae"; -} - -i.icon.pin:before { - content: "\f08d"; -} - -i.icon.plus.cart:before { - content: "\f217"; -} - -i.icon.pocket:before { - content: "\f265"; -} - -i.icon.point:before { - content: "\f041"; -} - -i.icon.pointing.down:before { - content: "\f0a7"; -} - -i.icon.pointing.left:before { - content: "\f0a5"; -} - -i.icon.pointing.right:before { - content: "\f0a4"; -} - -i.icon.pointing.up:before { - content: "\f0a6"; -} - -i.icon.pound:before { - content: "\f154"; -} - -i.icon.power.cord:before { - content: "\f1e6"; -} - -i.icon.power:before { - content: "\f011"; -} - -i.icon.privacy:before { - content: "\f084"; -} - -i.icon.r.circle:before { - content: "\f25d"; -} - -i.icon.rain:before { - content: "\f0e9"; -} - -i.icon.record:before { - content: "\f03d"; -} - -i.icon.refresh:before { - content: "\f021"; -} - -i.icon.remove.circle:before { - content: "\f057"; -} - -i.icon.remove.from.calendar:before { - content: "\f272"; -} - -i.icon.remove.user:before { - content: "\f235"; -} - -i.icon.remove:before { - content: "\f00d"; -} - -i.icon.repeat:before { - content: "\f01e"; -} - -i.icon.rmb:before { - content: "\f157"; -} - -i.icon.rouble:before { - content: "\f158"; -} - -i.icon.rub:before { - content: "\f158"; -} - -i.icon.ruble:before { - content: "\f158"; -} - -i.icon.rupee:before { - content: "\f156"; -} - -i.icon.s15:before { - content: "\f2cd"; -} - -i.icon.selected.radio:before { - content: "\f192"; -} - -i.icon.send:before { - content: "\f1d8"; -} - -i.icon.setting:before { - content: "\f013"; -} - -i.icon.settings:before { - content: "\f085"; -} - -i.icon.shekel:before { - content: "\f20b"; -} - -i.icon.sheqel:before { - content: "\f20b"; -} - -i.icon.shipping:before { - content: "\f0d1"; -} - -i.icon.shop:before { - content: "\f07a"; -} - -i.icon.shuffle:before { - content: "\f074"; -} - -i.icon.shutdown:before { - content: "\f011"; -} - -i.icon.sidebar:before { - content: "\f0c9"; -} - -i.icon.signing:before { - content: "\f2a7"; -} - -i.icon.signup:before { - content: "\f044"; -} - -i.icon.sliders:before { - content: "\f1de"; -} - -i.icon.soccer:before { - content: "\f1e3"; -} - -i.icon.sort.alphabet.ascending:before { - content: "\f15d"; -} - -i.icon.sort.alphabet.descending:before { - content: "\f15e"; -} - -i.icon.sort.ascending:before { - content: "\f0de"; -} - -i.icon.sort.content.ascending:before { - content: "\f160"; -} - -i.icon.sort.content.descending:before { - content: "\f161"; -} - -i.icon.sort.descending:before { - content: "\f0dd"; -} - -i.icon.sort.numeric.ascending:before { - content: "\f162"; -} - -i.icon.sort.numeric.descending:before { - content: "\f163"; -} - -i.icon.sound:before { - content: "\f025"; -} - -i.icon.spy:before { - content: "\f21b"; -} - -i.icon.stripe.card:before { - content: "\f1f5"; -} - -i.icon.student:before { - content: "\f19d"; -} - -i.icon.talk:before { - content: "\f27a"; -} - -i.icon.target:before { - content: "\f140"; -} - -i.icon.teletype:before { - content: "\f1e4"; -} - -i.icon.television:before { - content: "\f26c"; -} - -i.icon.text.cursor:before { - content: "\f246"; -} - -i.icon.text.telephone:before { - content: "\f1e4"; -} - -i.icon.theme.isle:before { - content: "\f2b2"; -} - -i.icon.theme:before { - content: "\f043"; -} - -i.icon.thermometer:before { - content: "\f2c7"; -} - -i.icon.thumb.tack:before { - content: "\f08d"; -} - -i.icon.time:before { - content: "\f017"; -} - -i.icon.tm:before { - content: "\f25c"; -} - -i.icon.toggle.down:before { - content: "\f150"; -} - -i.icon.toggle.left:before { - content: "\f191"; -} - -i.icon.toggle.right:before { - content: "\f152"; -} - -i.icon.toggle.up:before { - content: "\f151"; -} - -i.icon.translate:before { - content: "\f1ab"; -} - -i.icon.travel:before { - content: "\f0b1"; -} - -i.icon.treatment:before { - content: "\f0f1"; -} - -i.icon.triangle.down:before { - content: "\f0d7"; -} - -i.icon.triangle.left:before { - content: "\f0d9"; -} - -i.icon.triangle.right:before { - content: "\f0da"; -} - -i.icon.triangle.up:before { - content: "\f0d8"; -} - -i.icon.try:before { - content: "\f195"; -} - -i.icon.unhide:before { - content: "\f06e"; -} - -i.icon.unlinkify:before { - content: "\f127"; -} - -i.icon.unmute:before { - content: "\f130"; -} - -i.icon.usd:before { - content: "\f155"; -} - -i.icon.user.cancel:before { - content: "\f235"; -} - -i.icon.user.close:before { - content: "\f235"; -} - -i.icon.user.delete:before { - content: "\f235"; -} - -i.icon.user.x:before { - content: "\f235"; -} - -i.icon.vcard:before { - content: "\f2bb"; -} - -i.icon.video.camera:before { - content: "\f03d"; -} - -i.icon.video.play:before { - content: "\f144"; -} - -i.icon.visa.card:before { - content: "\f1f0"; -} - -i.icon.visa:before { - content: "\f1f0"; -} - -i.icon.volume.control.phone:before { - content: "\f2a0"; -} - -i.icon.wait:before { - content: "\f017"; -} - -i.icon.warning.circle:before { - content: "\f06a"; -} - -i.icon.warning.sign:before { - content: "\f071"; -} - -i.icon.warning:before { - content: "\f12a"; -} - -i.icon.wechat:before { - content: "\f1d7"; -} - -i.icon.wi-fi:before { - content: "\f1eb"; -} - -i.icon.wikipedia:before { - content: "\f266"; -} - -i.icon.winner:before { - content: "\f091"; -} - -i.icon.wizard:before { - content: "\f0d0"; -} - -i.icon.woman:before { - content: "\f221"; -} - -i.icon.won:before { - content: "\f159"; -} - -i.icon.wordpress.beginner:before { - content: "\f297"; -} - -i.icon.wordpress.forms:before { - content: "\f298"; -} - -i.icon.world:before { - content: "\f0ac"; -} - -i.icon.write.square:before { - content: "\f14b"; -} - -i.icon.x:before { - content: "\f00d"; -} - -i.icon.yc:before { - content: "\f23b"; -} - -i.icon.ycombinator:before { - content: "\f23b"; -} - -i.icon.yen:before { - content: "\f157"; -} - -i.icon.zip:before { - content: "\f187"; -} - -i.icon.zoom.in:before { - content: "\f00e"; -} - -i.icon.zoom.out:before { - content: "\f010"; -} - -i.icon.zoom:before { - content: "\f00e"; -} - -i.icon.bitbucket.square:before { - content: "\f171"; -} - -i.icon.checkmark.box:before { - content: "\f14a"; -} - -i.icon.circle.thin:before { - content: "\f111"; -} - -i.icon.cloud.download:before { - content: "\f381"; -} - -i.icon.cloud.upload:before { - content: "\f382"; -} - -i.icon.compose:before { - content: "\f303"; -} - -i.icon.conversation:before { - content: "\f086"; -} - -i.icon.credit.card.alternative:before { - content: "\f09d"; -} - -i.icon.currency:before { - content: "\f3d1"; -} - -i.icon.dashboard:before { - content: "\f3fd"; -} - -i.icon.diamond:before { - content: "\f3a5"; -} - -i.icon.disk:before { - content: "\f0a0"; -} - -i.icon.exchange:before { - content: "\f362"; -} - -i.icon.external.share:before { - content: "\f14d"; -} - -i.icon.external.square:before { - content: "\f360"; -} - -i.icon.external:before { - content: "\f35d"; -} - -i.icon.facebook.official:before { - content: "\f082"; -} - -i.icon.food:before { - content: "\f2e7"; -} - -i.icon.hourglass.zero:before { - content: "\f253"; -} - -i.icon.level.down:before { - content: "\f3be"; -} - -i.icon.level.up:before { - content: "\f3bf"; -} - -i.icon.log.out:before { - content: "\f2f5"; -} - -i.icon.meanpath:before { - content: "\f0c8"; -} - -i.icon.money:before { - content: "\f3d1"; -} - -i.icon.move:before { - content: "\f0b2"; -} - -i.icon.pencil:before { - content: "\f303"; -} - -i.icon.protect:before { - content: "\f023"; -} - -i.icon.radio:before { - content: "\f192"; -} - -i.icon.remove.bookmark:before { - content: "\f02e"; -} - -i.icon.resize.horizontal:before { - content: "\f337"; -} - -i.icon.resize.vertical:before { - content: "\f338"; -} - -i.icon.sign.in:before { - content: "\f2f6"; -} - -i.icon.sign.out:before { - content: "\f2f5"; -} - -i.icon.spoon:before { - content: "\f2e5"; -} - -i.icon.star.half.empty:before { - content: "\f089"; -} - -i.icon.star.half.full:before { - content: "\f089"; -} - -i.icon.ticket:before { - content: "\f3ff"; -} - -i.icon.times.rectangle:before { - content: "\f410"; -} - -i.icon.write:before { - content: "\f303"; -} - -i.icon.youtube.play:before { - content: "\f167"; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Image - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Image -*******************************/ - -.ui.image { - position: relative; - display: inline-block; - vertical-align: middle; - max-width: 100%; - background-color: transparent; -} - -img.ui.image { - display: block; -} - -.ui.image svg, -.ui.image img { - display: block; - max-width: 100%; - height: auto; -} - -/******************************* - States -*******************************/ - -.ui.hidden.images, -.ui.hidden.image { - display: none; -} - -.ui.hidden.transition.images, -.ui.hidden.transition.image { - display: block; - visibility: hidden; -} - -.ui.images > .hidden.transition { - display: inline-block; - visibility: hidden; -} - -.ui.disabled.images, -.ui.disabled.image { - cursor: default; - opacity: 0.45; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Inline ----------------*/ - -.ui.inline.image, -.ui.inline.image svg, -.ui.inline.image img { - display: inline-block; -} - -/*------------------ - Vertical Aligned --------------------*/ - -.ui.top.aligned.images .image, -.ui.top.aligned.image, -.ui.top.aligned.image svg, -.ui.top.aligned.image img { - display: inline-block; - vertical-align: top; -} - -.ui.middle.aligned.images .image, -.ui.middle.aligned.image, -.ui.middle.aligned.image svg, -.ui.middle.aligned.image img { - display: inline-block; - vertical-align: middle; -} - -.ui.bottom.aligned.images .image, -.ui.bottom.aligned.image, -.ui.bottom.aligned.image svg, -.ui.bottom.aligned.image img { - display: inline-block; - vertical-align: bottom; -} - -/*-------------- - Rounded ----------------*/ - -.ui.rounded.images .image, -.ui.rounded.image, -.ui.rounded.images .image > *, -.ui.rounded.image > * { - border-radius: 0.3125em; -} - -/*-------------- - Bordered ----------------*/ - -.ui.bordered.images .image, -.ui.bordered.images img, -.ui.bordered.images svg, -.ui.bordered.image img, -.ui.bordered.image svg, -img.ui.bordered.image { - border: 1px solid rgba(0, 0, 0, 0.1); -} - -/*-------------- - Circular ----------------*/ - -.ui.circular.images, -.ui.circular.image { - overflow: hidden; -} - -.ui.circular.images .image, -.ui.circular.image, -.ui.circular.images .image > *, -.ui.circular.image > * { - border-radius: 500rem; -} - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.images, -.ui.fluid.image, -.ui.fluid.images img, -.ui.fluid.images svg, -.ui.fluid.image svg, -.ui.fluid.image img { - display: block; - width: 100%; - height: auto; -} - -/*-------------- - Avatar ----------------*/ - -.ui.avatar.images .image, -.ui.avatar.images img, -.ui.avatar.images svg, -.ui.avatar.image img, -.ui.avatar.image svg, -.ui.avatar.image { - margin-right: 0.25em; - display: inline-block; - width: 2em; - height: 2em; - border-radius: 500rem; -} - -/*------------------- - Spaced ---------------------*/ - -.ui.spaced.image { - display: inline-block !important; - margin-left: 0.5em; - margin-right: 0.5em; -} - -.ui[class*="left spaced"].image { - margin-left: 0.5em; - margin-right: 0em; -} - -.ui[class*="right spaced"].image { - margin-left: 0em; - margin-right: 0.5em; -} - -/*------------------- - Floated ---------------------*/ - -.ui.floated.image, -.ui.floated.images { - float: left; - margin-right: 1em; - margin-bottom: 1em; -} - -.ui.right.floated.images, -.ui.right.floated.image { - float: right; - margin-right: 0em; - margin-bottom: 1em; - margin-left: 1em; -} - -.ui.floated.images:last-child, -.ui.floated.image:last-child { - margin-bottom: 0em; -} - -.ui.centered.images, -.ui.centered.image { - margin-left: auto; - margin-right: auto; -} - -/*-------------- - Sizes ----------------*/ - -.ui.mini.images .image, -.ui.mini.images img, -.ui.mini.images svg, -.ui.mini.image { - width: 35px; - height: auto; - font-size: 0.78571429rem; -} - -.ui.tiny.images .image, -.ui.tiny.images img, -.ui.tiny.images svg, -.ui.tiny.image { - width: 80px; - height: auto; - font-size: 0.85714286rem; -} - -.ui.small.images .image, -.ui.small.images img, -.ui.small.images svg, -.ui.small.image { - width: 150px; - height: auto; - font-size: 0.92857143rem; -} - -.ui.medium.images .image, -.ui.medium.images img, -.ui.medium.images svg, -.ui.medium.image { - width: 300px; - height: auto; - font-size: 1rem; -} - -.ui.large.images .image, -.ui.large.images img, -.ui.large.images svg, -.ui.large.image { - width: 450px; - height: auto; - font-size: 1.14285714rem; -} - -.ui.big.images .image, -.ui.big.images img, -.ui.big.images svg, -.ui.big.image { - width: 600px; - height: auto; - font-size: 1.28571429rem; -} - -.ui.huge.images .image, -.ui.huge.images img, -.ui.huge.images svg, -.ui.huge.image { - width: 800px; - height: auto; - font-size: 1.42857143rem; -} - -.ui.massive.images .image, -.ui.massive.images img, -.ui.massive.images svg, -.ui.massive.image { - width: 960px; - height: auto; - font-size: 1.71428571rem; -} - -/******************************* - Groups -*******************************/ - -.ui.images { - font-size: 0em; - margin: 0em -0.25rem 0rem; -} - -.ui.images .image, -.ui.images > img, -.ui.images > svg { - display: inline-block; - margin: 0em 0.25rem 0.5rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Input - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -/*-------------------- - Inputs ----------------------*/ - -.ui.input { - position: relative; - font-weight: normal; - font-style: normal; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - color: rgba(0, 0, 0, 0.87); -} - -.ui.input > input { - margin: 0em; - max-width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - outline: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-align: left; - line-height: 1.21428571em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - padding: 0.67857143em 1em; - background: #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-box-shadow: none; - box-shadow: none; -} - -/*-------------------- - Placeholder ----------------------*/ - -/* browsers require these rules separate */ - -.ui.input > input::-webkit-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} - -.ui.input > input::-moz-placeholder { - color: rgba(191, 191, 191, 0.87); -} - -.ui.input > input:-ms-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} - -/******************************* - States -*******************************/ - -/*-------------------- - Disabled ----------------------*/ - -.ui.disabled.input, -.ui.input:not(.disabled) input[disabled] { - opacity: 0.45; -} - -.ui.disabled.input > input, -.ui.input:not(.disabled) input[disabled] { - pointer-events: none; -} - -/*-------------------- - Active ----------------------*/ - -.ui.input > input:active, -.ui.input.down input { - border-color: rgba(0, 0, 0, 0.3); - background: #FAFAFA; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} - -/*-------------------- - Loading ----------------------*/ - -.ui.loading.loading.input > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.1); -} - -.ui.loading.loading.input > i.icon:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; - animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/*-------------------- - Focus ----------------------*/ - -.ui.input.focus > input, -.ui.input > input:focus { - border-color: #85B7D9; - background: #FFFFFF; - color: rgba(0, 0, 0, 0.8); - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.input.focus > input::-webkit-input-placeholder, -.ui.input > input:focus::-webkit-input-placeholder { - color: rgba(115, 115, 115, 0.87); -} - -.ui.input.focus > input::-moz-placeholder, -.ui.input > input:focus::-moz-placeholder { - color: rgba(115, 115, 115, 0.87); -} - -.ui.input.focus > input:-ms-input-placeholder, -.ui.input > input:focus:-ms-input-placeholder { - color: rgba(115, 115, 115, 0.87); -} - -/*-------------------- - Error ----------------------*/ - -.ui.input.error > input { - background-color: #FFF6F6; - border-color: #E0B4B4; - color: #9F3A38; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Error Placeholder */ - -.ui.input.error > input::-webkit-input-placeholder { - color: #e7bdbc; -} - -.ui.input.error > input::-moz-placeholder { - color: #e7bdbc; -} - -.ui.input.error > input:-ms-input-placeholder { - color: #e7bdbc !important; -} - -/* Focused Error Placeholder */ - -.ui.input.error > input:focus::-webkit-input-placeholder { - color: #da9796; -} - -.ui.input.error > input:focus::-moz-placeholder { - color: #da9796; -} - -.ui.input.error > input:focus:-ms-input-placeholder { - color: #da9796 !important; -} - -/******************************* - Variations -*******************************/ - -/*-------------------- - Transparent ----------------------*/ - -.ui.transparent.input > input { - border-color: transparent !important; - background-color: transparent !important; - padding: 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-radius: 0px !important; -} - -/* Transparent Icon */ - -.ui.transparent.icon.input > i.icon { - width: 1.1em; -} - -.ui.transparent.icon.input > input { - padding-left: 0em !important; - padding-right: 2em !important; -} - -.ui.transparent[class*="left icon"].input > input { - padding-left: 2em !important; - padding-right: 0em !important; -} - -/* Transparent Inverted */ - -.ui.transparent.inverted.input { - color: #FFFFFF; -} - -.ui.transparent.inverted.input > input { - color: inherit; -} - -.ui.transparent.inverted.input > input::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.5); -} - -.ui.transparent.inverted.input > input::-moz-placeholder { - color: rgba(255, 255, 255, 0.5); -} - -.ui.transparent.inverted.input > input:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.5); -} - -/*-------------------- - Icon ----------------------*/ - -.ui.icon.input > i.icon { - cursor: default; - position: absolute; - line-height: 1; - text-align: center; - top: 0px; - right: 0px; - margin: 0em; - height: 100%; - width: 2.67142857em; - opacity: 0.5; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} - -.ui.icon.input > i.icon:not(.link) { - pointer-events: none; -} - -.ui.icon.input > input { - padding-right: 2.67142857em !important; -} - -.ui.icon.input > i.icon:before, -.ui.icon.input > i.icon:after { - left: 0; - position: absolute; - text-align: center; - top: 50%; - width: 100%; - margin-top: -0.5em; -} - -.ui.icon.input > i.link.icon { - cursor: pointer; -} - -.ui.icon.input > i.circular.icon { - top: 0.35em; - right: 0.5em; -} - -/* Left Icon Input */ - -.ui[class*="left icon"].input > i.icon { - right: auto; - left: 1px; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; -} - -.ui[class*="left icon"].input > i.circular.icon { - right: auto; - left: 0.5em; -} - -.ui[class*="left icon"].input > input { - padding-left: 2.67142857em !important; - padding-right: 1em !important; -} - -/* Focus */ - -.ui.icon.input > input:focus ~ i.icon { - opacity: 1; -} - -/*-------------------- - Labeled ----------------------*/ - -/* Adjacent Label */ - -.ui.labeled.input > .label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0; - font-size: 1em; -} - -.ui.labeled.input > .label:not(.corner) { - padding-top: 0.78571429em; - padding-bottom: 0.78571429em; -} - -/* Regular Label on Left */ - -.ui.labeled.input:not([class*="corner labeled"]) .label:first-child { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - border-left-color: transparent; -} - -.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { - border-left-color: #85B7D9; -} - -/* Regular Label on Right */ - -.ui[class*="right labeled"].input > input { - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; - border-right-color: transparent !important; -} - -.ui[class*="right labeled"].input > input + .label { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -.ui[class*="right labeled"].input > input:focus { - border-right-color: #85B7D9 !important; -} - -/* Corner Label */ - -.ui.labeled.input .corner.label { - top: 1px; - right: 1px; - font-size: 0.64285714em; - border-radius: 0em 0.28571429rem 0em 0em; -} - -/* Spacing with corner label */ - -.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input { - padding-right: 2.5em !important; -} - -.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input { - padding-right: 3.25em !important; -} - -.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon { - margin-right: 1.25em; -} - -/* Left Labeled */ - -.ui[class*="left corner labeled"].labeled.input > input { - padding-left: 2.5em !important; -} - -.ui[class*="left corner labeled"].icon.input > input { - padding-left: 3.25em !important; -} - -.ui[class*="left corner labeled"].icon.input > .icon { - margin-left: 1.25em; -} - -/* Corner Label Position */ - -.ui.input > .ui.corner.label { - top: 1px; - right: 1px; -} - -.ui.input > .ui.left.corner.label { - right: auto; - left: 1px; -} - -/*-------------------- - Action ----------------------*/ - -.ui.action.input > .button, -.ui.action.input > .buttons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; -} - -.ui.action.input > .button, -.ui.action.input > .buttons > .button { - padding-top: 0.78571429em; - padding-bottom: 0.78571429em; - margin: 0; -} - -/* Button on Right */ - -.ui.action.input:not([class*="left action"]) > input { - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; - border-right-color: transparent !important; -} - -.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child), -.ui.action.input:not([class*="left action"]) > .button:not(:first-child), -.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button { - border-radius: 0px; -} - -.ui.action.input:not([class*="left action"]) > .dropdown:last-child, -.ui.action.input:not([class*="left action"]) > .button:last-child, -.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button { - border-radius: 0px 0.28571429rem 0.28571429rem 0px; -} - -/* Input Focus */ - -.ui.action.input:not([class*="left action"]) > input:focus { - border-right-color: #85B7D9 !important; -} - -/* Button on Left */ - -.ui[class*="left action"].input > input { - border-top-left-radius: 0px !important; - border-bottom-left-radius: 0px !important; - border-left-color: transparent !important; -} - -.ui[class*="left action"].input > .dropdown, -.ui[class*="left action"].input > .button, -.ui[class*="left action"].input > .buttons > .button { - border-radius: 0px; -} - -.ui[class*="left action"].input > .dropdown:first-child, -.ui[class*="left action"].input > .button:first-child, -.ui[class*="left action"].input > .buttons:first-child > .button { - border-radius: 0.28571429rem 0px 0px 0.28571429rem; -} - -/* Input Focus */ - -.ui[class*="left action"].input > input:focus { - border-left-color: #85B7D9 !important; -} - -/*-------------------- - Inverted ----------------------*/ - -/* Standard */ - -.ui.inverted.input > input { - border: none; -} - -/*-------------------- - Fluid ----------------------*/ - -.ui.fluid.input { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -.ui.fluid.input > input { - width: 0px !important; -} - -/*-------------------- - Size ----------------------*/ - -.ui.mini.input { - font-size: 0.78571429em; -} - -.ui.small.input { - font-size: 0.92857143em; -} - -.ui.input { - font-size: 1em; -} - -.ui.large.input { - font-size: 1.14285714em; -} - -.ui.big.input { - font-size: 1.28571429em; -} - -.ui.huge.input { - font-size: 1.42857143em; -} - -.ui.massive.input { - font-size: 1.71428571em; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Label - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Label -*******************************/ - -.ui.label { - display: inline-block; - line-height: 1; - vertical-align: baseline; - margin: 0em 0.14285714em; - background-color: #E8E8E8; - background-image: none; - padding: 0.5833em 0.833em; - color: rgba(0, 0, 0, 0.6); - text-transform: none; - font-weight: bold; - border: 0px solid transparent; - border-radius: 0.28571429rem; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} - -.ui.label:first-child { - margin-left: 0em; -} - -.ui.label:last-child { - margin-right: 0em; -} - -/* Link */ - -a.ui.label { - cursor: pointer; -} - -/* Inside Link */ - -.ui.label > a { - cursor: pointer; - color: inherit; - opacity: 0.5; - -webkit-transition: 0.1s opacity ease; - transition: 0.1s opacity ease; -} - -.ui.label > a:hover { - opacity: 1; -} - -/* Image */ - -.ui.label > img { - width: auto !important; - vertical-align: middle; - height: 2.1666em !important; -} - -/* Icon */ - -.ui.label > .icon { - width: auto; - margin: 0em 0.75em 0em 0em; -} - -/* Detail */ - -.ui.label > .detail { - display: inline-block; - vertical-align: top; - font-weight: bold; - margin-left: 1em; - opacity: 0.8; -} - -.ui.label > .detail .icon { - margin: 0em 0.25em 0em 0em; -} - -/* Removable label */ - -.ui.label > .close.icon, -.ui.label > .delete.icon { - cursor: pointer; - margin-right: 0em; - margin-left: 0.5em; - font-size: 0.92857143em; - opacity: 0.5; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} - -.ui.label > .delete.icon:hover { - opacity: 1; -} - -/*------------------- - Group ---------------------*/ - -.ui.labels > .label { - margin: 0em 0.5em 0.5em 0em; -} - -/*------------------- - Coupling ---------------------*/ - -.ui.header > .ui.label { - margin-top: -0.29165em; -} - -/* Remove border radius on attached segment */ - -.ui.attached.segment > .ui.top.left.attached.label, -.ui.bottom.attached.segment > .ui.top.left.attached.label { - border-top-left-radius: 0; -} - -.ui.attached.segment > .ui.top.right.attached.label, -.ui.bottom.attached.segment > .ui.top.right.attached.label { - border-top-right-radius: 0; -} - -.ui.top.attached.segment > .ui.bottom.left.attached.label { - border-bottom-left-radius: 0; -} - -.ui.top.attached.segment > .ui.bottom.right.attached.label { - border-bottom-right-radius: 0; -} - -/* Padding on next content after a label */ - -.ui.top.attached.label:first-child + :not(.attached), -.ui.top.attached.label + [class*="right floated"] + * { - margin-top: 2rem !important; -} - -.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { - margin-top: 0em; - margin-bottom: 2rem !important; -} - -/******************************* - Types -*******************************/ - -.ui.image.label { - width: auto !important; - margin-top: 0em; - margin-bottom: 0em; - max-width: 9999px; - vertical-align: baseline; - text-transform: none; - background: #E8E8E8; - padding: 0.5833em 0.833em 0.5833em 0.5em; - border-radius: 0.28571429rem; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.image.label img { - display: inline-block; - vertical-align: top; - height: 2.1666em; - margin: -0.5833em 0.5em -0.5833em -0.5em; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; -} - -.ui.image.label .detail { - background: rgba(0, 0, 0, 0.1); - margin: -0.5833em -0.833em -0.5833em 0.5em; - padding: 0.5833em 0.833em; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; -} - -/*------------------- - Tag ---------------------*/ - -.ui.tag.labels .label, -.ui.tag.label { - margin-left: 1em; - position: relative; - padding-left: 1.5em; - padding-right: 1.5em; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; - -webkit-transition: none; - transition: none; -} - -.ui.tag.labels .label:before, -.ui.tag.label:before { - position: absolute; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); - top: 50%; - right: 100%; - content: ''; - background-color: inherit; - background-image: none; - width: 1.56em; - height: 1.56em; - -webkit-transition: none; - transition: none; -} - -.ui.tag.labels .label:after, -.ui.tag.label:after { - position: absolute; - content: ''; - top: 50%; - left: -0.25em; - margin-top: -0.25em; - background-color: #FFFFFF !important; - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - border-radius: 500rem; -} - -/*------------------- - Corner Label ---------------------*/ - -.ui.corner.label { - position: absolute; - top: 0em; - right: 0em; - margin: 0em; - padding: 0em; - text-align: center; - border-color: #E8E8E8; - width: 4em; - height: 4em; - z-index: 1; - -webkit-transition: border-color 0.1s ease; - transition: border-color 0.1s ease; -} - -/* Icon Label */ - -.ui.corner.label { - background-color: transparent !important; -} - -.ui.corner.label:after { - position: absolute; - content: ""; - right: 0em; - top: 0em; - z-index: -1; - width: 0em; - height: 0em; - background-color: transparent !important; - border-top: 0em solid transparent; - border-right: 4em solid transparent; - border-bottom: 4em solid transparent; - border-left: 0em solid transparent; - border-right-color: inherit; - -webkit-transition: border-color 0.1s ease; - transition: border-color 0.1s ease; -} - -.ui.corner.label .icon { - cursor: default; - position: relative; - top: 0.64285714em; - left: 0.78571429em; - font-size: 1.14285714em; - margin: 0em; -} - -/* Left Corner */ - -.ui.left.corner.label, -.ui.left.corner.label:after { - right: auto; - left: 0em; -} - -.ui.left.corner.label:after { - border-top: 4em solid transparent; - border-right: 4em solid transparent; - border-bottom: 0em solid transparent; - border-left: 0em solid transparent; - border-top-color: inherit; -} - -.ui.left.corner.label .icon { - left: -0.78571429em; -} - -/* Segment */ - -.ui.segment > .ui.corner.label { - top: -1px; - right: -1px; -} - -.ui.segment > .ui.left.corner.label { - right: auto; - left: -1px; -} - -/*------------------- - Ribbon ---------------------*/ - -.ui.ribbon.label { - position: relative; - margin: 0em; - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; - border-color: rgba(0, 0, 0, 0.15); -} - -.ui.ribbon.label:after { - position: absolute; - content: ''; - top: 100%; - left: 0%; - background-color: transparent !important; - border-style: solid; - border-width: 0em 1.2em 1.2em 0em; - border-color: transparent; - border-right-color: inherit; - width: 0em; - height: 0em; -} - -/* Positioning */ - -.ui.ribbon.label { - left: calc( -1rem - 1.2em ); - margin-right: -1.2em; - padding-left: calc( 1rem + 1.2em ); - padding-right: 1.2em; -} - -.ui[class*="right ribbon"].label { - left: calc(100% + 1rem + 1.2em ); - padding-left: 1.2em; - padding-right: calc( 1rem + 1.2em ); -} - -/* Right Ribbon */ - -.ui[class*="right ribbon"].label { - text-align: left; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - border-radius: 0.28571429rem 0em 0em 0.28571429rem; -} - -.ui[class*="right ribbon"].label:after { - left: auto; - right: 0%; - border-style: solid; - border-width: 1.2em 1.2em 0em 0em; - border-color: transparent; - border-top-color: inherit; -} - -/* Inside Table */ - -.ui.image > .ribbon.label, -.ui.card .image > .ribbon.label { - position: absolute; - top: 1rem; -} - -.ui.card .image > .ui.ribbon.label, -.ui.image > .ui.ribbon.label { - left: calc( 0.05rem - 1.2em ); -} - -.ui.card .image > .ui[class*="right ribbon"].label, -.ui.image > .ui[class*="right ribbon"].label { - left: calc(100% + -0.05rem + 1.2em ); - padding-left: 0.833em; -} - -/* Inside Table */ - -.ui.table td > .ui.ribbon.label { - left: calc( -0.78571429em - 1.2em ); -} - -.ui.table td > .ui[class*="right ribbon"].label { - left: calc(100% + 0.78571429em + 1.2em ); - padding-left: 0.833em; -} - -/*------------------- - Attached ---------------------*/ - -.ui[class*="top attached"].label, -.ui.attached.label { - width: 100%; - position: absolute; - margin: 0em; - top: 0em; - left: 0em; - padding: 0.75em 1em; - border-radius: 0.21428571rem 0.21428571rem 0em 0em; -} - -.ui[class*="bottom attached"].label { - top: auto; - bottom: 0em; - border-radius: 0em 0em 0.21428571rem 0.21428571rem; -} - -.ui[class*="top left attached"].label { - width: auto; - margin-top: 0em !important; - border-radius: 0.21428571rem 0em 0.28571429rem 0em; -} - -.ui[class*="top right attached"].label { - width: auto; - left: auto; - right: 0em; - border-radius: 0em 0.21428571rem 0em 0.28571429rem; -} - -.ui[class*="bottom left attached"].label { - width: auto; - top: auto; - bottom: 0em; - border-radius: 0em 0.28571429rem 0em 0.21428571rem; -} - -.ui[class*="bottom right attached"].label { - top: auto; - bottom: 0em; - left: auto; - right: 0em; - width: auto; - border-radius: 0.28571429rem 0em 0.21428571rem 0em; -} - -/******************************* - States -*******************************/ - -/*------------------- - Disabled ---------------------*/ - -.ui.label.disabled { - opacity: 0.5; -} - -/*------------------- - Hover ---------------------*/ - -a.ui.labels .label:hover, -a.ui.label:hover { - background-color: #E0E0E0; - border-color: #E0E0E0; - background-image: none; - color: rgba(0, 0, 0, 0.8); -} - -.ui.labels a.label:hover:before, -a.ui.label:hover:before { - color: rgba(0, 0, 0, 0.8); -} - -/*------------------- - Active ---------------------*/ - -.ui.active.label { - background-color: #D0D0D0; - border-color: #D0D0D0; - background-image: none; - color: rgba(0, 0, 0, 0.95); -} - -.ui.active.label:before { - background-color: #D0D0D0; - background-image: none; - color: rgba(0, 0, 0, 0.95); -} - -/*------------------- - Active Hover ---------------------*/ - -a.ui.labels .active.label:hover, -a.ui.active.label:hover { - background-color: #C8C8C8; - border-color: #C8C8C8; - background-image: none; - color: rgba(0, 0, 0, 0.95); -} - -.ui.labels a.active.label:ActiveHover:before, -a.ui.active.label:ActiveHover:before { - background-color: #C8C8C8; - background-image: none; - color: rgba(0, 0, 0, 0.95); -} - -/*------------------- - Visible ---------------------*/ - -.ui.labels.visible .label, -.ui.label.visible:not(.dropdown) { - display: inline-block !important; -} - -/*------------------- - Hidden ---------------------*/ - -.ui.labels.hidden .label, -.ui.label.hidden { - display: none !important; -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Colors ---------------------*/ - -/*--- Red ---*/ - -.ui.red.labels .label, -.ui.red.label { - background-color: #DB2828 !important; - border-color: #DB2828 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.red.labels .label:hover, -a.ui.red.label:hover { - background-color: #d01919 !important; - border-color: #d01919 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.red.corner.label, -.ui.red.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.red.ribbon.label { - border-color: #b21e1e !important; -} - -/* Basic */ - -.ui.basic.red.label { - background-color: #FFFFFF !important; - color: #DB2828 !important; - border-color: #DB2828 !important; -} - -.ui.basic.red.labels a.label:hover, -a.ui.basic.red.label:hover { - background-color: #FFFFFF !important; - color: #d01919 !important; - border-color: #d01919 !important; -} - -/*--- Orange ---*/ - -.ui.orange.labels .label, -.ui.orange.label { - background-color: #F2711C !important; - border-color: #F2711C !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.orange.labels .label:hover, -a.ui.orange.label:hover { - background-color: #f26202 !important; - border-color: #f26202 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.orange.corner.label, -.ui.orange.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.orange.ribbon.label { - border-color: #cf590c !important; -} - -/* Basic */ - -.ui.basic.orange.label { - background-color: #FFFFFF !important; - color: #F2711C !important; - border-color: #F2711C !important; -} - -.ui.basic.orange.labels a.label:hover, -a.ui.basic.orange.label:hover { - background-color: #FFFFFF !important; - color: #f26202 !important; - border-color: #f26202 !important; -} - -/*--- Yellow ---*/ - -.ui.yellow.labels .label, -.ui.yellow.label { - background-color: #FBBD08 !important; - border-color: #FBBD08 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.yellow.labels .label:hover, -a.ui.yellow.label:hover { - background-color: #eaae00 !important; - border-color: #eaae00 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.yellow.corner.label, -.ui.yellow.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.yellow.ribbon.label { - border-color: #cd9903 !important; -} - -/* Basic */ - -.ui.basic.yellow.label { - background-color: #FFFFFF !important; - color: #FBBD08 !important; - border-color: #FBBD08 !important; -} - -.ui.basic.yellow.labels a.label:hover, -a.ui.basic.yellow.label:hover { - background-color: #FFFFFF !important; - color: #eaae00 !important; - border-color: #eaae00 !important; -} - -/*--- Olive ---*/ - -.ui.olive.labels .label, -.ui.olive.label { - background-color: #B5CC18 !important; - border-color: #B5CC18 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.olive.labels .label:hover, -a.ui.olive.label:hover { - background-color: #a7bd0d !important; - border-color: #a7bd0d !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.olive.corner.label, -.ui.olive.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.olive.ribbon.label { - border-color: #198f35 !important; -} - -/* Basic */ - -.ui.basic.olive.label { - background-color: #FFFFFF !important; - color: #B5CC18 !important; - border-color: #B5CC18 !important; -} - -.ui.basic.olive.labels a.label:hover, -a.ui.basic.olive.label:hover { - background-color: #FFFFFF !important; - color: #a7bd0d !important; - border-color: #a7bd0d !important; -} - -/*--- Green ---*/ - -.ui.green.labels .label, -.ui.green.label { - background-color: #21BA45 !important; - border-color: #21BA45 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.green.labels .label:hover, -a.ui.green.label:hover { - background-color: #16ab39 !important; - border-color: #16ab39 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.green.corner.label, -.ui.green.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.green.ribbon.label { - border-color: #198f35 !important; -} - -/* Basic */ - -.ui.basic.green.label { - background-color: #FFFFFF !important; - color: #21BA45 !important; - border-color: #21BA45 !important; -} - -.ui.basic.green.labels a.label:hover, -a.ui.basic.green.label:hover { - background-color: #FFFFFF !important; - color: #16ab39 !important; - border-color: #16ab39 !important; -} - -/*--- Teal ---*/ - -.ui.teal.labels .label, -.ui.teal.label { - background-color: #00B5AD !important; - border-color: #00B5AD !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.teal.labels .label:hover, -a.ui.teal.label:hover { - background-color: #009c95 !important; - border-color: #009c95 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.teal.corner.label, -.ui.teal.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.teal.ribbon.label { - border-color: #00827c !important; -} - -/* Basic */ - -.ui.basic.teal.label { - background-color: #FFFFFF !important; - color: #00B5AD !important; - border-color: #00B5AD !important; -} - -.ui.basic.teal.labels a.label:hover, -a.ui.basic.teal.label:hover { - background-color: #FFFFFF !important; - color: #009c95 !important; - border-color: #009c95 !important; -} - -/*--- Blue ---*/ - -.ui.blue.labels .label, -.ui.blue.label { - background-color: #2185D0 !important; - border-color: #2185D0 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.blue.labels .label:hover, -a.ui.blue.label:hover { - background-color: #1678c2 !important; - border-color: #1678c2 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.blue.corner.label, -.ui.blue.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.blue.ribbon.label { - border-color: #1a69a4 !important; -} - -/* Basic */ - -.ui.basic.blue.label { - background-color: #FFFFFF !important; - color: #2185D0 !important; - border-color: #2185D0 !important; -} - -.ui.basic.blue.labels a.label:hover, -a.ui.basic.blue.label:hover { - background-color: #FFFFFF !important; - color: #1678c2 !important; - border-color: #1678c2 !important; -} - -/*--- Violet ---*/ - -.ui.violet.labels .label, -.ui.violet.label { - background-color: #6435C9 !important; - border-color: #6435C9 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.violet.labels .label:hover, -a.ui.violet.label:hover { - background-color: #5829bb !important; - border-color: #5829bb !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.violet.corner.label, -.ui.violet.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.violet.ribbon.label { - border-color: #502aa1 !important; -} - -/* Basic */ - -.ui.basic.violet.label { - background-color: #FFFFFF !important; - color: #6435C9 !important; - border-color: #6435C9 !important; -} - -.ui.basic.violet.labels a.label:hover, -a.ui.basic.violet.label:hover { - background-color: #FFFFFF !important; - color: #5829bb !important; - border-color: #5829bb !important; -} - -/*--- Purple ---*/ - -.ui.purple.labels .label, -.ui.purple.label { - background-color: #A333C8 !important; - border-color: #A333C8 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.purple.labels .label:hover, -a.ui.purple.label:hover { - background-color: #9627ba !important; - border-color: #9627ba !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.purple.corner.label, -.ui.purple.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.purple.ribbon.label { - border-color: #82299f !important; -} - -/* Basic */ - -.ui.basic.purple.label { - background-color: #FFFFFF !important; - color: #A333C8 !important; - border-color: #A333C8 !important; -} - -.ui.basic.purple.labels a.label:hover, -a.ui.basic.purple.label:hover { - background-color: #FFFFFF !important; - color: #9627ba !important; - border-color: #9627ba !important; -} - -/*--- Pink ---*/ - -.ui.pink.labels .label, -.ui.pink.label { - background-color: #E03997 !important; - border-color: #E03997 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.pink.labels .label:hover, -a.ui.pink.label:hover { - background-color: #e61a8d !important; - border-color: #e61a8d !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.pink.corner.label, -.ui.pink.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.pink.ribbon.label { - border-color: #c71f7e !important; -} - -/* Basic */ - -.ui.basic.pink.label { - background-color: #FFFFFF !important; - color: #E03997 !important; - border-color: #E03997 !important; -} - -.ui.basic.pink.labels a.label:hover, -a.ui.basic.pink.label:hover { - background-color: #FFFFFF !important; - color: #e61a8d !important; - border-color: #e61a8d !important; -} - -/*--- Brown ---*/ - -.ui.brown.labels .label, -.ui.brown.label { - background-color: #A5673F !important; - border-color: #A5673F !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.brown.labels .label:hover, -a.ui.brown.label:hover { - background-color: #975b33 !important; - border-color: #975b33 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.brown.corner.label, -.ui.brown.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.brown.ribbon.label { - border-color: #805031 !important; -} - -/* Basic */ - -.ui.basic.brown.label { - background-color: #FFFFFF !important; - color: #A5673F !important; - border-color: #A5673F !important; -} - -.ui.basic.brown.labels a.label:hover, -a.ui.basic.brown.label:hover { - background-color: #FFFFFF !important; - color: #975b33 !important; - border-color: #975b33 !important; -} - -/*--- Grey ---*/ - -.ui.grey.labels .label, -.ui.grey.label { - background-color: #767676 !important; - border-color: #767676 !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.grey.labels .label:hover, -a.ui.grey.label:hover { - background-color: #838383 !important; - border-color: #838383 !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.grey.corner.label, -.ui.grey.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.grey.ribbon.label { - border-color: #805031 !important; -} - -/* Basic */ - -.ui.basic.grey.label { - background-color: #FFFFFF !important; - color: #767676 !important; - border-color: #767676 !important; -} - -.ui.basic.grey.labels a.label:hover, -a.ui.basic.grey.label:hover { - background-color: #FFFFFF !important; - color: #838383 !important; - border-color: #838383 !important; -} - -/*--- Black ---*/ - -.ui.black.labels .label, -.ui.black.label { - background-color: #1B1C1D !important; - border-color: #1B1C1D !important; - color: #FFFFFF !important; -} - -/* Link */ - -.ui.black.labels .label:hover, -a.ui.black.label:hover { - background-color: #27292a !important; - border-color: #27292a !important; - color: #FFFFFF !important; -} - -/* Corner */ - -.ui.black.corner.label, -.ui.black.corner.label:hover { - background-color: transparent !important; -} - -/* Ribbon */ - -.ui.black.ribbon.label { - border-color: #805031 !important; -} - -/* Basic */ - -.ui.basic.black.label { - background-color: #FFFFFF !important; - color: #1B1C1D !important; - border-color: #1B1C1D !important; -} - -.ui.basic.black.labels a.label:hover, -a.ui.basic.black.label:hover { - background-color: #FFFFFF !important; - color: #27292a !important; - border-color: #27292a !important; -} - -/*------------------- - Basic ---------------------*/ - -.ui.basic.label { - background: none #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Link */ - -a.ui.basic.label:hover { - text-decoration: none; - background: none #FFFFFF; - color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Pointing */ - -.ui.basic.pointing.label:before { - border-color: inherit; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.label.fluid, -.ui.fluid.labels > .label { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.labels .label, -.ui.inverted.label { - color: rgba(255, 255, 255, 0.9) !important; -} - -/*------------------- - Horizontal ---------------------*/ - -.ui.horizontal.labels .label, -.ui.horizontal.label { - margin: 0em 0.5em 0em 0em; - padding: 0.4em 0.833em; - min-width: 3em; - text-align: center; -} - -/*------------------- - Circular ---------------------*/ - -.ui.circular.labels .label, -.ui.circular.label { - min-width: 2em; - min-height: 2em; - padding: 0.5em !important; - line-height: 1em; - text-align: center; - border-radius: 500rem; -} - -.ui.empty.circular.labels .label, -.ui.empty.circular.label { - min-width: 0em; - min-height: 0em; - overflow: hidden; - width: 0.5em; - height: 0.5em; - vertical-align: baseline; -} - -/*------------------- - Pointing ---------------------*/ - -.ui.pointing.label { - position: relative; -} - -.ui.attached.pointing.label { - position: absolute; -} - -.ui.pointing.label:before { - background-color: inherit; - background-image: inherit; - border-width: none; - border-style: solid; - border-color: inherit; -} - -/* Arrow */ - -.ui.pointing.label:before { - position: absolute; - content: ''; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - background-image: none; - z-index: 2; - width: 0.6666em; - height: 0.6666em; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} - -/*--- Above ---*/ - -.ui.pointing.label, -.ui[class*="pointing above"].label { - margin-top: 1em; -} - -.ui.pointing.label:before, -.ui[class*="pointing above"].label:before { - border-width: 1px 0px 0px 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 0%; - left: 50%; -} - -/*--- Below ---*/ - -.ui[class*="bottom pointing"].label, -.ui[class*="pointing below"].label { - margin-top: 0em; - margin-bottom: 1em; -} - -.ui[class*="bottom pointing"].label:before, -.ui[class*="pointing below"].label:before { - border-width: 0px 1px 1px 0px; - top: auto; - right: auto; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 100%; - left: 50%; -} - -/*--- Left ---*/ - -.ui[class*="left pointing"].label { - margin-top: 0em; - margin-left: 0.6666em; -} - -.ui[class*="left pointing"].label:before { - border-width: 0px 0px 1px 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - bottom: auto; - right: auto; - top: 50%; - left: 0em; -} - -/*--- Right ---*/ - -.ui[class*="right pointing"].label { - margin-top: 0em; - margin-right: 0.6666em; -} - -.ui[class*="right pointing"].label:before { - border-width: 1px 1px 0px 0px; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); - top: 50%; - right: 0%; - bottom: auto; - left: auto; -} - -/* Basic Pointing */ - -/*--- Above ---*/ - -.ui.basic.pointing.label:before, -.ui.basic[class*="pointing above"].label:before { - margin-top: -1px; -} - -/*--- Below ---*/ - -.ui.basic[class*="bottom pointing"].label:before, -.ui.basic[class*="pointing below"].label:before { - bottom: auto; - top: 100%; - margin-top: 1px; -} - -/*--- Left ---*/ - -.ui.basic[class*="left pointing"].label:before { - top: 50%; - left: -1px; -} - -/*--- Right ---*/ - -.ui.basic[class*="right pointing"].label:before { - top: 50%; - right: -1px; -} - -/*------------------ - Floating Label --------------------*/ - -.ui.floating.label { - position: absolute; - z-index: 100; - top: -1em; - left: 100%; - margin: 0em 0em 0em -1.5em !important; -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.labels .label, -.ui.mini.label { - font-size: 0.64285714rem; -} - -.ui.tiny.labels .label, -.ui.tiny.label { - font-size: 0.71428571rem; -} - -.ui.small.labels .label, -.ui.small.label { - font-size: 0.78571429rem; -} - -.ui.labels .label, -.ui.label { - font-size: 0.85714286rem; -} - -.ui.large.labels .label, -.ui.large.label { - font-size: 1rem; -} - -.ui.big.labels .label, -.ui.big.label { - font-size: 1.28571429rem; -} - -.ui.huge.labels .label, -.ui.huge.label { - font-size: 1.42857143rem; -} - -.ui.massive.labels .label, -.ui.massive.label { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - List - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - List -*******************************/ - -ul.ui.list, -ol.ui.list, -.ui.list { - list-style-type: none; - margin: 1em 0em; - padding: 0em 0em; -} - -ul.ui.list:first-child, -ol.ui.list:first-child, -.ui.list:first-child { - margin-top: 0em; - padding-top: 0em; -} - -ul.ui.list:last-child, -ol.ui.list:last-child, -.ui.list:last-child { - margin-bottom: 0em; - padding-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/* List Item */ - -ul.ui.list li, -ol.ui.list li, -.ui.list > .item, -.ui.list .list > .item { - display: list-item; - table-layout: fixed; - list-style-type: none; - list-style-position: outside; - padding: 0.21428571em 0em; - line-height: 1.14285714em; -} - -ul.ui.list > li:first-child:after, -ol.ui.list > li:first-child:after, -.ui.list > .list > .item, -.ui.list > .item:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -ul.ui.list li:first-child, -ol.ui.list li:first-child, -.ui.list .list > .item:first-child, -.ui.list > .item:first-child { - padding-top: 0em; -} - -ul.ui.list li:last-child, -ol.ui.list li:last-child, -.ui.list .list > .item:last-child, -.ui.list > .item:last-child { - padding-bottom: 0em; -} - -/* Child List */ - -ul.ui.list ul, -ol.ui.list ol, -.ui.list .list { - clear: both; - margin: 0em; - padding: 0.75em 0em 0.25em 0.5em; -} - -/* Child Item */ - -ul.ui.list ul li, -ol.ui.list ol li, -.ui.list .list > .item { - padding: 0.14285714em 0em; - line-height: inherit; -} - -/* Icon */ - -.ui.list .list > .item > i.icon, -.ui.list > .item > i.icon { - display: table-cell; - margin: 0em; - padding-top: 0em; - padding-right: 0.28571429em; - vertical-align: top; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.list .list > .item > i.icon:only-child, -.ui.list > .item > i.icon:only-child { - display: inline-block; - vertical-align: top; -} - -/* Image */ - -.ui.list .list > .item > .image, -.ui.list > .item > .image { - display: table-cell; - background-color: transparent; - margin: 0em; - vertical-align: top; -} - -.ui.list .list > .item > .image:not(:only-child):not(img), -.ui.list > .item > .image:not(:only-child):not(img) { - padding-right: 0.5em; -} - -.ui.list .list > .item > .image img, -.ui.list > .item > .image img { - vertical-align: top; -} - -.ui.list .list > .item > img.image, -.ui.list .list > .item > .image:only-child, -.ui.list > .item > img.image, -.ui.list > .item > .image:only-child { - display: inline-block; -} - -/* Content */ - -.ui.list .list > .item > .content, -.ui.list > .item > .content { - line-height: 1.14285714em; -} - -.ui.list .list > .item > .image + .content, -.ui.list .list > .item > .icon + .content, -.ui.list > .item > .image + .content, -.ui.list > .item > .icon + .content { - display: table-cell; - padding: 0em 0em 0em 0.5em; - vertical-align: top; -} - -.ui.list .list > .item > img.image + .content, -.ui.list > .item > img.image + .content { - display: inline-block; -} - -.ui.list .list > .item > .content > .list, -.ui.list > .item > .content > .list { - margin-left: 0em; - padding-left: 0em; -} - -/* Header */ - -.ui.list .list > .item .header, -.ui.list > .item .header { - display: block; - margin: 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: bold; - color: rgba(0, 0, 0, 0.87); -} - -/* Description */ - -.ui.list .list > .item .description, -.ui.list > .item .description { - display: block; - color: rgba(0, 0, 0, 0.7); -} - -/* Child Link */ - -.ui.list > .item a, -.ui.list .list > .item a { - cursor: pointer; -} - -/* Linking Item */ - -.ui.list .list > a.item, -.ui.list > a.item { - cursor: pointer; - color: #4183C4; -} - -.ui.list .list > a.item:hover, -.ui.list > a.item:hover { - color: #1e70bf; -} - -/* Linked Item Icons */ - -.ui.list .list > a.item i.icon, -.ui.list > a.item i.icon { - color: rgba(0, 0, 0, 0.4); -} - -/* Header Link */ - -.ui.list .list > .item a.header, -.ui.list > .item a.header { - cursor: pointer; - color: #4183C4 !important; -} - -.ui.list .list > .item a.header:hover, -.ui.list > .item a.header:hover { - color: #1e70bf !important; -} - -/* Floated Content */ - -.ui[class*="left floated"].list { - float: left; -} - -.ui[class*="right floated"].list { - float: right; -} - -.ui.list .list > .item [class*="left floated"], -.ui.list > .item [class*="left floated"] { - float: left; - margin: 0em 1em 0em 0em; -} - -.ui.list .list > .item [class*="right floated"], -.ui.list > .item [class*="right floated"] { - float: right; - margin: 0em 0em 0em 1em; -} - -/******************************* - Coupling -*******************************/ - -.ui.menu .ui.list > .item, -.ui.menu .ui.list .list > .item { - display: list-item; - table-layout: fixed; - background-color: transparent; - list-style-type: none; - list-style-position: outside; - padding: 0.21428571em 0em; - line-height: 1.14285714em; -} - -.ui.menu .ui.list .list > .item:before, -.ui.menu .ui.list > .item:before { - border: none; - background: none; -} - -.ui.menu .ui.list .list > .item:first-child, -.ui.menu .ui.list > .item:first-child { - padding-top: 0em; -} - -.ui.menu .ui.list .list > .item:last-child, -.ui.menu .ui.list > .item:last-child { - padding-bottom: 0em; -} - -/******************************* - Types -*******************************/ - -/*------------------- - Horizontal ---------------------*/ - -.ui.horizontal.list { - display: inline-block; - font-size: 0em; -} - -.ui.horizontal.list > .item { - display: inline-block; - margin-left: 1em; - font-size: 1rem; -} - -.ui.horizontal.list:not(.celled) > .item:first-child { - margin-left: 0em !important; - padding-left: 0em !important; -} - -.ui.horizontal.list .list { - padding-left: 0em; - padding-bottom: 0em; -} - -.ui.horizontal.list > .item > .image, -.ui.horizontal.list .list > .item > .image, -.ui.horizontal.list > .item > .icon, -.ui.horizontal.list .list > .item > .icon, -.ui.horizontal.list > .item > .content, -.ui.horizontal.list .list > .item > .content { - vertical-align: middle; -} - -/* Padding on all elements */ - -.ui.horizontal.list > .item:first-child, -.ui.horizontal.list > .item:last-child { - padding-top: 0.21428571em; - padding-bottom: 0.21428571em; -} - -/* Horizontal List */ - -.ui.horizontal.list > .item > i.icon { - margin: 0em; - padding: 0em 0.25em 0em 0em; -} - -.ui.horizontal.list > .item > .icon, -.ui.horizontal.list > .item > .icon + .content { - float: none; - display: inline-block; -} - -/******************************* - States -*******************************/ - -/*------------------- - Disabled ---------------------*/ - -.ui.list .list > .disabled.item, -.ui.list > .disabled.item { - pointer-events: none; - color: rgba(40, 40, 40, 0.3) !important; -} - -.ui.inverted.list .list > .disabled.item, -.ui.inverted.list > .disabled.item { - color: rgba(225, 225, 225, 0.3) !important; -} - -/*------------------- - Hover ---------------------*/ - -.ui.list .list > a.item:hover .icon, -.ui.list > a.item:hover .icon { - color: rgba(0, 0, 0, 0.87); -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.list .list > a.item > .icon, -.ui.inverted.list > a.item > .icon { - color: rgba(255, 255, 255, 0.7); -} - -.ui.inverted.list .list > .item .header, -.ui.inverted.list > .item .header { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.list .list > .item .description, -.ui.inverted.list > .item .description { - color: rgba(255, 255, 255, 0.7); -} - -/* Item Link */ - -.ui.inverted.list .list > a.item, -.ui.inverted.list > a.item { - cursor: pointer; - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.list .list > a.item:hover, -.ui.inverted.list > a.item:hover { - color: #1e70bf; -} - -/* Linking Content */ - -.ui.inverted.list .item a:not(.ui) { - color: rgba(255, 255, 255, 0.9) !important; -} - -.ui.inverted.list .item a:not(.ui):hover { - color: #1e70bf !important; -} - -/*------------------- - Aligned ---------------------*/ - -.ui.list[class*="top aligned"] .image, -.ui.list[class*="top aligned"] .content, -.ui.list [class*="top aligned"] { - vertical-align: top !important; -} - -.ui.list[class*="middle aligned"] .image, -.ui.list[class*="middle aligned"] .content, -.ui.list [class*="middle aligned"] { - vertical-align: middle !important; -} - -.ui.list[class*="bottom aligned"] .image, -.ui.list[class*="bottom aligned"] .content, -.ui.list [class*="bottom aligned"] { - vertical-align: bottom !important; -} - -/*------------------- - Link ---------------------*/ - -.ui.link.list .item, -.ui.link.list a.item, -.ui.link.list .item a:not(.ui) { - color: rgba(0, 0, 0, 0.4); - -webkit-transition: 0.1s color ease; - transition: 0.1s color ease; -} - -.ui.link.list.list a.item:hover, -.ui.link.list.list .item a:not(.ui):hover { - color: rgba(0, 0, 0, 0.8); -} - -.ui.link.list.list a.item:active, -.ui.link.list.list .item a:not(.ui):active { - color: rgba(0, 0, 0, 0.9); -} - -.ui.link.list.list .active.item, -.ui.link.list.list .active.item a:not(.ui) { - color: rgba(0, 0, 0, 0.95); -} - -/* Inverted */ - -.ui.inverted.link.list .item, -.ui.inverted.link.list a.item, -.ui.inverted.link.list .item a:not(.ui) { - color: rgba(255, 255, 255, 0.5); -} - -.ui.inverted.link.list.list a.item:hover, -.ui.inverted.link.list.list .item a:not(.ui):hover { - color: #ffffff; -} - -.ui.inverted.link.list.list a.item:active, -.ui.inverted.link.list.list .item a:not(.ui):active { - color: #ffffff; -} - -.ui.inverted.link.list.list a.active.item, -.ui.inverted.link.list.list .active.item a:not(.ui) { - color: #ffffff; -} - -/*------------------- - Selection ---------------------*/ - -.ui.selection.list .list > .item, -.ui.selection.list > .item { - cursor: pointer; - background: transparent; - padding: 0.5em 0.5em; - margin: 0em; - color: rgba(0, 0, 0, 0.4); - border-radius: 0.5em; - -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; - transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; -} - -.ui.selection.list .list > .item:last-child, -.ui.selection.list > .item:last-child { - margin-bottom: 0em; -} - -.ui.selection.list.list > .item:hover, -.ui.selection.list > .item:hover { - background: rgba(0, 0, 0, 0.03); - color: rgba(0, 0, 0, 0.8); -} - -.ui.selection.list .list > .item:active, -.ui.selection.list > .item:active { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.9); -} - -.ui.selection.list .list > .item.active, -.ui.selection.list > .item.active { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} - -/* Inverted */ - -.ui.inverted.selection.list > .item, -.ui.inverted.selection.list > .item { - background: transparent; - color: rgba(255, 255, 255, 0.5); -} - -.ui.inverted.selection.list > .item:hover, -.ui.inverted.selection.list > .item:hover { - background: rgba(255, 255, 255, 0.02); - color: #ffffff; -} - -.ui.inverted.selection.list > .item:active, -.ui.inverted.selection.list > .item:active { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -.ui.inverted.selection.list > .item.active, -.ui.inverted.selection.list > .item.active { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -/* Celled / Divided Selection List */ - -.ui.celled.selection.list .list > .item, -.ui.divided.selection.list .list > .item, -.ui.celled.selection.list > .item, -.ui.divided.selection.list > .item { - border-radius: 0em; -} - -/*------------------- - Animated ---------------------*/ - -.ui.animated.list > .item { - -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; - transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; -} - -.ui.animated.list:not(.horizontal) > .item:hover { - padding-left: 1em; -} - -/*------------------- - Fitted ---------------------*/ - -.ui.fitted.list:not(.selection) .list > .item, -.ui.fitted.list:not(.selection) > .item { - padding-left: 0em; - padding-right: 0em; -} - -.ui.fitted.selection.list .list > .item, -.ui.fitted.selection.list > .item { - margin-left: -0.5em; - margin-right: -0.5em; -} - -/*------------------- - Bulleted ---------------------*/ - -ul.ui.list, -.ui.bulleted.list { - margin-left: 1.25rem; -} - -ul.ui.list li, -.ui.bulleted.list .list > .item, -.ui.bulleted.list > .item { - position: relative; -} - -ul.ui.list li:before, -.ui.bulleted.list .list > .item:before, -.ui.bulleted.list > .item:before { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - position: absolute; - top: auto; - left: auto; - font-weight: normal; - margin-left: -1.25rem; - content: '•'; - opacity: 1; - color: inherit; - vertical-align: top; -} - -ul.ui.list li:before, -.ui.bulleted.list .list > a.item:before, -.ui.bulleted.list > a.item:before { - color: rgba(0, 0, 0, 0.87); -} - -ul.ui.list ul, -.ui.bulleted.list .list { - padding-left: 1.25rem; -} - -/* Horizontal Bulleted */ - -ul.ui.horizontal.bulleted.list, -.ui.horizontal.bulleted.list { - margin-left: 0em; -} - -ul.ui.horizontal.bulleted.list li, -.ui.horizontal.bulleted.list > .item { - margin-left: 1.75rem; -} - -ul.ui.horizontal.bulleted.list li:first-child, -.ui.horizontal.bulleted.list > .item:first-child { - margin-left: 0em; -} - -ul.ui.horizontal.bulleted.list li::before, -.ui.horizontal.bulleted.list > .item::before { - color: rgba(0, 0, 0, 0.87); -} - -ul.ui.horizontal.bulleted.list li:first-child::before, -.ui.horizontal.bulleted.list > .item:first-child::before { - display: none; -} - -/*------------------- - Ordered ---------------------*/ - -ol.ui.list, -.ui.ordered.list, -.ui.ordered.list .list, -ol.ui.list ol { - counter-reset: ordered; - margin-left: 1.25rem; - list-style-type: none; -} - -ol.ui.list li, -.ui.ordered.list .list > .item, -.ui.ordered.list > .item { - list-style-type: none; - position: relative; -} - -ol.ui.list li:before, -.ui.ordered.list .list > .item:before, -.ui.ordered.list > .item:before { - position: absolute; - top: auto; - left: auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - margin-left: -1.25rem; - counter-increment: ordered; - content: counters(ordered, ".") " "; - text-align: right; - color: rgba(0, 0, 0, 0.87); - vertical-align: middle; - opacity: 0.8; -} - -ol.ui.inverted.list li:before, -.ui.ordered.inverted.list .list > .item:before, -.ui.ordered.inverted.list > .item:before { - color: rgba(255, 255, 255, 0.7); -} - -/* Value */ - -.ui.ordered.list > .list > .item[data-value], -.ui.ordered.list > .item[data-value] { - content: attr(data-value); -} - -ol.ui.list li[value]:before { - content: attr(value); -} - -/* Child Lists */ - -ol.ui.list ol, -.ui.ordered.list .list { - margin-left: 1em; -} - -ol.ui.list ol li:before, -.ui.ordered.list .list > .item:before { - margin-left: -2em; -} - -/* Horizontal Ordered */ - -ol.ui.horizontal.list, -.ui.ordered.horizontal.list { - margin-left: 0em; -} - -ol.ui.horizontal.list li:before, -.ui.ordered.horizontal.list .list > .item:before, -.ui.ordered.horizontal.list > .item:before { - position: static; - margin: 0em 0.5em 0em 0em; -} - -/*------------------- - Divided ---------------------*/ - -.ui.divided.list > .item { - border-top: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.divided.list .list > .item { - border-top: none; -} - -.ui.divided.list .item .list > .item { - border-top: none; -} - -.ui.divided.list .list > .item:first-child, -.ui.divided.list > .item:first-child { - border-top: none; -} - -/* Sub Menu */ - -.ui.divided.list:not(.horizontal) .list > .item:first-child { - border-top-width: 1px; -} - -/* Divided bulleted */ - -.ui.divided.bulleted.list:not(.horizontal), -.ui.divided.bulleted.list .list { - margin-left: 0em; - padding-left: 0em; -} - -.ui.divided.bulleted.list > .item:not(.horizontal) { - padding-left: 1.25rem; -} - -/* Divided Ordered */ - -.ui.divided.ordered.list { - margin-left: 0em; -} - -.ui.divided.ordered.list .list > .item, -.ui.divided.ordered.list > .item { - padding-left: 1.25rem; -} - -.ui.divided.ordered.list .item .list { - margin-left: 0em; - margin-right: 0em; - padding-bottom: 0.21428571em; -} - -.ui.divided.ordered.list .item .list > .item { - padding-left: 1em; -} - -/* Divided Selection */ - -.ui.divided.selection.list .list > .item, -.ui.divided.selection.list > .item { - margin: 0em; - border-radius: 0em; -} - -/* Divided horizontal */ - -.ui.divided.horizontal.list { - margin-left: 0em; -} - -.ui.divided.horizontal.list > .item:not(:first-child) { - padding-left: 0.5em; -} - -.ui.divided.horizontal.list > .item:not(:last-child) { - padding-right: 0.5em; -} - -.ui.divided.horizontal.list > .item { - border-top: none; - border-left: 1px solid rgba(34, 36, 38, 0.15); - margin: 0em; - line-height: 0.6; -} - -.ui.horizontal.divided.list > .item:first-child { - border-left: none; -} - -/* Inverted */ - -.ui.divided.inverted.list > .item, -.ui.divided.inverted.list > .list, -.ui.divided.inverted.horizontal.list > .item { - border-color: rgba(255, 255, 255, 0.1); -} - -/*------------------- - Celled ---------------------*/ - -.ui.celled.list > .item, -.ui.celled.list > .list { - border-top: 1px solid rgba(34, 36, 38, 0.15); - padding-left: 0.5em; - padding-right: 0.5em; -} - -.ui.celled.list > .item:last-child { - border-bottom: 1px solid rgba(34, 36, 38, 0.15); -} - -/* Padding on all elements */ - -.ui.celled.list > .item:first-child, -.ui.celled.list > .item:last-child { - padding-top: 0.21428571em; - padding-bottom: 0.21428571em; -} - -/* Sub Menu */ - -.ui.celled.list .item .list > .item { - border-width: 0px; -} - -.ui.celled.list .list > .item:first-child { - border-top-width: 0px; -} - -/* Celled Bulleted */ - -.ui.celled.bulleted.list { - margin-left: 0em; -} - -.ui.celled.bulleted.list .list > .item, -.ui.celled.bulleted.list > .item { - padding-left: 1.25rem; -} - -.ui.celled.bulleted.list .item .list { - margin-left: -1.25rem; - margin-right: -1.25rem; - padding-bottom: 0.21428571em; -} - -/* Celled Ordered */ - -.ui.celled.ordered.list { - margin-left: 0em; -} - -.ui.celled.ordered.list .list > .item, -.ui.celled.ordered.list > .item { - padding-left: 1.25rem; -} - -.ui.celled.ordered.list .item .list { - margin-left: 0em; - margin-right: 0em; - padding-bottom: 0.21428571em; -} - -.ui.celled.ordered.list .list > .item { - padding-left: 1em; -} - -/* Celled Horizontal */ - -.ui.horizontal.celled.list { - margin-left: 0em; -} - -.ui.horizontal.celled.list .list > .item, -.ui.horizontal.celled.list > .item { - border-top: none; - border-left: 1px solid rgba(34, 36, 38, 0.15); - margin: 0em; - padding-left: 0.5em; - padding-right: 0.5em; - line-height: 0.6; -} - -.ui.horizontal.celled.list .list > .item:last-child, -.ui.horizontal.celled.list > .item:last-child { - border-bottom: none; - border-right: 1px solid rgba(34, 36, 38, 0.15); -} - -/* Inverted */ - -.ui.celled.inverted.list > .item, -.ui.celled.inverted.list > .list { - border-color: 1px solid rgba(255, 255, 255, 0.1); -} - -.ui.celled.inverted.horizontal.list .list > .item, -.ui.celled.inverted.horizontal.list > .item { - border-color: 1px solid rgba(255, 255, 255, 0.1); -} - -/*------------------- - Relaxed ---------------------*/ - -.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) { - padding-top: 0.42857143em; -} - -.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) { - padding-bottom: 0.42857143em; -} - -.ui.horizontal.relaxed.list .list > .item:not(:first-child), -.ui.horizontal.relaxed.list > .item:not(:first-child) { - padding-left: 1rem; -} - -.ui.horizontal.relaxed.list .list > .item:not(:last-child), -.ui.horizontal.relaxed.list > .item:not(:last-child) { - padding-right: 1rem; -} - -/* Very Relaxed */ - -.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) { - padding-top: 0.85714286em; -} - -.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) { - padding-bottom: 0.85714286em; -} - -.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child), -.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) { - padding-left: 1.5rem; -} - -.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child), -.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) { - padding-right: 1.5rem; -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.list { - font-size: 0.78571429em; -} - -.ui.tiny.list { - font-size: 0.85714286em; -} - -.ui.small.list { - font-size: 0.92857143em; -} - -.ui.list { - font-size: 1em; -} - -.ui.large.list { - font-size: 1.14285714em; -} - -.ui.big.list { - font-size: 1.28571429em; -} - -.ui.huge.list { - font-size: 1.42857143em; -} - -.ui.massive.list { - font-size: 1.71428571em; -} - -.ui.mini.horizontal.list .list > .item, -.ui.mini.horizontal.list > .item { - font-size: 0.78571429rem; -} - -.ui.tiny.horizontal.list .list > .item, -.ui.tiny.horizontal.list > .item { - font-size: 0.85714286rem; -} - -.ui.small.horizontal.list .list > .item, -.ui.small.horizontal.list > .item { - font-size: 0.92857143rem; -} - -.ui.horizontal.list .list > .item, -.ui.horizontal.list > .item { - font-size: 1rem; -} - -.ui.large.horizontal.list .list > .item, -.ui.large.horizontal.list > .item { - font-size: 1.14285714rem; -} - -.ui.big.horizontal.list .list > .item, -.ui.big.horizontal.list > .item { - font-size: 1.28571429rem; -} - -.ui.huge.horizontal.list .list > .item, -.ui.huge.horizontal.list > .item { - font-size: 1.42857143rem; -} - -.ui.massive.horizontal.list .list > .item, -.ui.massive.horizontal.list > .item { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Loader - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Loader -*******************************/ - -/* Standard Size */ - -.ui.loader { - display: none; - position: absolute; - top: 50%; - left: 50%; - margin: 0px; - text-align: center; - z-index: 1000; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} - -/* Static Shape */ - -.ui.loader:before { - position: absolute; - content: ''; - top: 0%; - left: 50%; - width: 100%; - height: 100%; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.1); -} - -/* Active Shape */ - -.ui.loader:after { - position: absolute; - content: ''; - top: 0%; - left: 50%; - width: 100%; - height: 100%; - -webkit-animation: loader 0.6s linear; - animation: loader 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/* Active Animation */ - -@-webkit-keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/* Sizes */ - -.ui.mini.loader:before, -.ui.mini.loader:after { - width: 1rem; - height: 1rem; - margin: 0em 0em 0em -0.5rem; -} - -.ui.tiny.loader:before, -.ui.tiny.loader:after { - width: 1.14285714rem; - height: 1.14285714rem; - margin: 0em 0em 0em -0.57142857rem; -} - -.ui.small.loader:before, -.ui.small.loader:after { - width: 1.71428571rem; - height: 1.71428571rem; - margin: 0em 0em 0em -0.85714286rem; -} - -.ui.loader:before, -.ui.loader:after { - width: 2.28571429rem; - height: 2.28571429rem; - margin: 0em 0em 0em -1.14285714rem; -} - -.ui.large.loader:before, -.ui.large.loader:after { - width: 3.42857143rem; - height: 3.42857143rem; - margin: 0em 0em 0em -1.71428571rem; -} - -.ui.big.loader:before, -.ui.big.loader:after { - width: 3.71428571rem; - height: 3.71428571rem; - margin: 0em 0em 0em -1.85714286rem; -} - -.ui.huge.loader:before, -.ui.huge.loader:after { - width: 4.14285714rem; - height: 4.14285714rem; - margin: 0em 0em 0em -2.07142857rem; -} - -.ui.massive.loader:before, -.ui.massive.loader:after { - width: 4.57142857rem; - height: 4.57142857rem; - margin: 0em 0em 0em -2.28571429rem; -} - -/*------------------- - Coupling ---------------------*/ - -/* Show inside active dimmer */ - -.ui.dimmer .loader { - display: block; -} - -/* Black Dimmer */ - -.ui.dimmer .ui.loader { - color: rgba(255, 255, 255, 0.9); -} - -.ui.dimmer .ui.loader:before { - border-color: rgba(255, 255, 255, 0.15); -} - -.ui.dimmer .ui.loader:after { - border-color: #FFFFFF transparent transparent; -} - -/* White Dimmer (Inverted) */ - -.ui.inverted.dimmer .ui.loader { - color: rgba(0, 0, 0, 0.87); -} - -.ui.inverted.dimmer .ui.loader:before { - border-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.dimmer .ui.loader:after { - border-color: #767676 transparent transparent; -} - -/******************************* - Types -*******************************/ - -/*------------------- - Text ---------------------*/ - -.ui.text.loader { - width: auto !important; - height: auto !important; - text-align: center; - font-style: normal; -} - -/******************************* - States -*******************************/ - -.ui.indeterminate.loader:after { - animation-direction: reverse; - -webkit-animation-duration: 1.2s; - animation-duration: 1.2s; -} - -.ui.loader.active, -.ui.loader.visible { - display: block; -} - -.ui.loader.disabled, -.ui.loader.hidden { - display: none; -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Sizes ---------------------*/ - -/* Loader */ - -.ui.inverted.dimmer .ui.mini.loader, -.ui.mini.loader { - width: 1rem; - height: 1rem; - font-size: 0.78571429em; -} - -.ui.inverted.dimmer .ui.tiny.loader, -.ui.tiny.loader { - width: 1.14285714rem; - height: 1.14285714rem; - font-size: 0.85714286em; -} - -.ui.inverted.dimmer .ui.small.loader, -.ui.small.loader { - width: 1.71428571rem; - height: 1.71428571rem; - font-size: 0.92857143em; -} - -.ui.inverted.dimmer .ui.loader, -.ui.loader { - width: 2.28571429rem; - height: 2.28571429rem; - font-size: 1em; -} - -.ui.inverted.dimmer .ui.large.loader, -.ui.large.loader { - width: 3.42857143rem; - height: 3.42857143rem; - font-size: 1.14285714em; -} - -.ui.inverted.dimmer .ui.big.loader, -.ui.big.loader { - width: 3.71428571rem; - height: 3.71428571rem; - font-size: 1.28571429em; -} - -.ui.inverted.dimmer .ui.huge.loader, -.ui.huge.loader { - width: 4.14285714rem; - height: 4.14285714rem; - font-size: 1.42857143em; -} - -.ui.inverted.dimmer .ui.massive.loader, -.ui.massive.loader { - width: 4.57142857rem; - height: 4.57142857rem; - font-size: 1.71428571em; -} - -/* Text Loader */ - -.ui.mini.text.loader { - min-width: 1rem; - padding-top: 1.78571429rem; -} - -.ui.tiny.text.loader { - min-width: 1.14285714rem; - padding-top: 1.92857143rem; -} - -.ui.small.text.loader { - min-width: 1.71428571rem; - padding-top: 2.5rem; -} - -.ui.text.loader { - min-width: 2.28571429rem; - padding-top: 3.07142857rem; -} - -.ui.large.text.loader { - min-width: 3.42857143rem; - padding-top: 4.21428571rem; -} - -.ui.big.text.loader { - min-width: 3.71428571rem; - padding-top: 4.5rem; -} - -.ui.huge.text.loader { - min-width: 4.14285714rem; - padding-top: 4.92857143rem; -} - -.ui.massive.text.loader { - min-width: 4.57142857rem; - padding-top: 5.35714286rem; -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.loader { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.loader:before { - border-color: rgba(255, 255, 255, 0.15); -} - -.ui.inverted.loader:after { - border-top-color: #FFFFFF; -} - -/*------------------- - Inline ---------------------*/ - -.ui.inline.loader { - position: relative; - vertical-align: middle; - margin: 0em; - left: 0em; - top: 0em; - -webkit-transform: none; - transform: none; -} - -.ui.inline.loader.active, -.ui.inline.loader.visible { - display: inline-block; -} - -/* Centered Inline */ - -.ui.centered.inline.loader.active, -.ui.centered.inline.loader.visible { - display: block; - margin-left: auto; - margin-right: auto; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Rail - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Rails -*******************************/ - -.ui.rail { - position: absolute; - top: 0%; - width: 300px; - height: 100%; -} - -.ui.left.rail { - left: auto; - right: 100%; - padding: 0em 2rem 0em 0em; - margin: 0em 2rem 0em 0em; -} - -.ui.right.rail { - left: 100%; - right: auto; - padding: 0em 0em 0em 2rem; - margin: 0em 0em 0em 2rem; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Internal ----------------*/ - -.ui.left.internal.rail { - left: 0%; - right: auto; - padding: 0em 0em 0em 2rem; - margin: 0em 0em 0em 2rem; -} - -.ui.right.internal.rail { - left: auto; - right: 0%; - padding: 0em 2rem 0em 0em; - margin: 0em 2rem 0em 0em; -} - -/*-------------- - Dividing ----------------*/ - -.ui.dividing.rail { - width: 302.5px; -} - -.ui.left.dividing.rail { - padding: 0em 2.5rem 0em 0em; - margin: 0em 2.5rem 0em 0em; - border-right: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.right.dividing.rail { - border-left: 1px solid rgba(34, 36, 38, 0.15); - padding: 0em 0em 0em 2.5rem; - margin: 0em 0em 0em 2.5rem; -} - -/*-------------- - Distance ----------------*/ - -.ui.close.rail { - width: calc( 300px + 1em ); -} - -.ui.close.left.rail { - padding: 0em 1em 0em 0em; - margin: 0em 1em 0em 0em; -} - -.ui.close.right.rail { - padding: 0em 0em 0em 1em; - margin: 0em 0em 0em 1em; -} - -.ui.very.close.rail { - width: calc( 300px + 0.5em ); -} - -.ui.very.close.left.rail { - padding: 0em 0.5em 0em 0em; - margin: 0em 0.5em 0em 0em; -} - -.ui.very.close.right.rail { - padding: 0em 0em 0em 0.5em; - margin: 0em 0em 0em 0.5em; -} - -/*-------------- - Attached ----------------*/ - -.ui.attached.left.rail, -.ui.attached.right.rail { - padding: 0em; - margin: 0em; -} - -/*-------------- - Sizing ----------------*/ - -.ui.mini.rail { - font-size: 0.78571429rem; -} - -.ui.tiny.rail { - font-size: 0.85714286rem; -} - -.ui.small.rail { - font-size: 0.92857143rem; -} - -.ui.rail { - font-size: 1rem; -} - -.ui.large.rail { - font-size: 1.14285714rem; -} - -.ui.big.rail { - font-size: 1.28571429rem; -} - -.ui.huge.rail { - font-size: 1.42857143rem; -} - -.ui.massive.rail { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Reveal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Reveal -*******************************/ - -.ui.reveal { - display: inherit; - position: relative !important; - font-size: 0em !important; -} - -.ui.reveal > .visible.content { - position: absolute !important; - top: 0em !important; - left: 0em !important; - z-index: 3 !important; - -webkit-transition: all 0.5s ease 0.1s; - transition: all 0.5s ease 0.1s; -} - -.ui.reveal > .hidden.content { - position: relative !important; - z-index: 2 !important; -} - -/* Make sure hovered element is on top of other reveal */ - -.ui.active.reveal .visible.content, -.ui.reveal:hover .visible.content { - z-index: 4 !important; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Slide ----------------*/ - -.ui.slide.reveal { - position: relative !important; - overflow: hidden !important; - white-space: nowrap; -} - -.ui.slide.reveal > .content { - display: block; - width: 100%; - white-space: normal; - float: left; - margin: 0em; - -webkit-transition: -webkit-transform 0.5s ease 0.1s; - transition: -webkit-transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s; -} - -.ui.slide.reveal > .visible.content { - position: relative !important; -} - -.ui.slide.reveal > .hidden.content { - position: absolute !important; - left: 0% !important; - width: 100% !important; - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} - -.ui.slide.active.reveal > .visible.content, -.ui.slide.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} - -.ui.slide.active.reveal > .hidden.content, -.ui.slide.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} - -.ui.slide.right.reveal > .visible.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} - -.ui.slide.right.reveal > .hidden.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} - -.ui.slide.right.active.reveal > .visible.content, -.ui.slide.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} - -.ui.slide.right.active.reveal > .hidden.content, -.ui.slide.right.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; -} - -.ui.slide.up.reveal > .hidden.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} - -.ui.slide.up.active.reveal > .visible.content, -.ui.slide.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} - -.ui.slide.up.active.reveal > .hidden.content, -.ui.slide.up.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - transform: translateY(0%) !important; -} - -.ui.slide.down.reveal > .hidden.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} - -.ui.slide.down.active.reveal > .visible.content, -.ui.slide.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} - -.ui.slide.down.active.reveal > .hidden.content, -.ui.slide.down.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - transform: translateY(0%) !important; -} - -/*-------------- - Fade ----------------*/ - -.ui.fade.reveal > .visible.content { - opacity: 1; -} - -.ui.fade.active.reveal > .visible.content, -.ui.fade.reveal:hover > .visible.content { - opacity: 0; -} - -/*-------------- - Move ----------------*/ - -.ui.move.reveal { - position: relative !important; - overflow: hidden !important; - white-space: nowrap; -} - -.ui.move.reveal > .content { - display: block; - float: left; - white-space: normal; - margin: 0em; - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; -} - -.ui.move.reveal > .visible.content { - position: relative !important; -} - -.ui.move.reveal > .hidden.content { - position: absolute !important; - left: 0% !important; - width: 100% !important; -} - -.ui.move.active.reveal > .visible.content, -.ui.move.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; -} - -.ui.move.right.active.reveal > .visible.content, -.ui.move.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; -} - -.ui.move.up.active.reveal > .visible.content, -.ui.move.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; -} - -.ui.move.down.active.reveal > .visible.content, -.ui.move.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; -} - -/*-------------- - Rotate ----------------*/ - -.ui.rotate.reveal > .visible.content { - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); -} - -.ui.rotate.reveal > .visible.content, -.ui.rotate.right.reveal > .visible.content { - -webkit-transform-origin: bottom right; - transform-origin: bottom right; -} - -.ui.rotate.active.reveal > .visible.content, -.ui.rotate.reveal:hover > .visible.content, -.ui.rotate.right.active.reveal > .visible.content, -.ui.rotate.right.reveal:hover > .visible.content { - -webkit-transform: rotate(110deg); - transform: rotate(110deg); -} - -.ui.rotate.left.reveal > .visible.content { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; -} - -.ui.rotate.left.active.reveal > .visible.content, -.ui.rotate.left.reveal:hover > .visible.content { - -webkit-transform: rotate(-110deg); - transform: rotate(-110deg); -} - -/******************************* - States -*******************************/ - -.ui.disabled.reveal:hover > .visible.visible.content { - position: static !important; - display: block !important; - opacity: 1 !important; - top: 0 !important; - left: 0 !important; - right: auto !important; - bottom: auto !important; - -webkit-transform: none !important; - transform: none !important; -} - -.ui.disabled.reveal:hover > .hidden.hidden.content { - display: none !important; -} - -/******************************* - Coupling -*******************************/ - -.ui.reveal > .ui.ribbon.label { - z-index: 5; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Visible ----------------*/ - -.ui.visible.reveal { - overflow: visible; -} - -/*-------------- - Instant ----------------*/ - -.ui.instant.reveal > .content { - -webkit-transition-delay: 0s !important; - transition-delay: 0s !important; -} - -/*-------------- - Sizing ----------------*/ - -.ui.reveal > .content { - font-size: 1rem !important; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Segment - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Segment -*******************************/ - -.ui.segment { - position: relative; - background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0em; - padding: 1em 1em; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.segment:first-child { - margin-top: 0em; -} - -.ui.segment:last-child { - margin-bottom: 0em; -} - -/* Vertical */ - -.ui.vertical.segment { - margin: 0em; - padding-left: 0em; - padding-right: 0em; - background: none transparent; - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - border-bottom: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.vertical.segment:last-child { - border-bottom: none; -} - -/*------------------- - Loose Coupling ---------------------*/ - -/* Header */ - -.ui.inverted.segment > .ui.header { - color: #FFFFFF; -} - -/* Label */ - -.ui[class*="bottom attached"].segment > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; -} - -.ui[class*="top attached"].segment > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; -} - -.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; -} - -.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; -} - -/* Grid */ - -.ui.page.grid.segment, -.ui.grid > .row > .ui.segment.column, -.ui.grid > .ui.segment.column { - padding-top: 2em; - padding-bottom: 2em; -} - -.ui.grid.segment { - margin: 1rem 0em; - border-radius: 0.28571429rem; -} - -/* Table */ - -.ui.basic.table.segment { - background: #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); -} - -.ui[class*="very basic"].table.segment { - padding: 1em 1em; -} - -/******************************* - Types -*******************************/ - -/*------------------- - Piled ---------------------*/ - -.ui.piled.segments, -.ui.piled.segment { - margin: 3em 0em; - -webkit-box-shadow: ''; - box-shadow: ''; - z-index: auto; -} - -.ui.piled.segment:first-child { - margin-top: 0em; -} - -.ui.piled.segment:last-child { - margin-bottom: 0em; -} - -.ui.piled.segments:after, -.ui.piled.segments:before, -.ui.piled.segment:after, -.ui.piled.segment:before { - background-color: #FFFFFF; - visibility: visible; - content: ''; - display: block; - height: 100%; - left: 0px; - position: absolute; - width: 100%; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: ''; - box-shadow: ''; -} - -.ui.piled.segments:before, -.ui.piled.segment:before { - -webkit-transform: rotate(-1.2deg); - transform: rotate(-1.2deg); - top: 0; - z-index: -2; -} - -.ui.piled.segments:after, -.ui.piled.segment:after { - -webkit-transform: rotate(1.2deg); - transform: rotate(1.2deg); - top: 0; - z-index: -1; -} - -/* Piled Attached */ - -.ui[class*="top attached"].piled.segment { - margin-top: 3em; - margin-bottom: 0em; -} - -.ui.piled.segment[class*="top attached"]:first-child { - margin-top: 0em; -} - -.ui.piled.segment[class*="bottom attached"] { - margin-top: 0em; - margin-bottom: 3em; -} - -.ui.piled.segment[class*="bottom attached"]:last-child { - margin-bottom: 0em; -} - -/*------------------- - Stacked ---------------------*/ - -.ui.stacked.segment { - padding-bottom: 1.4em; -} - -.ui.stacked.segments:before, -.ui.stacked.segments:after, -.ui.stacked.segment:before, -.ui.stacked.segment:after { - content: ''; - position: absolute; - bottom: -3px; - left: 0%; - border-top: 1px solid rgba(34, 36, 38, 0.15); - background: rgba(0, 0, 0, 0.03); - width: 100%; - height: 6px; - visibility: visible; -} - -.ui.stacked.segments:before, -.ui.stacked.segment:before { - display: none; -} - -/* Add additional page */ - -.ui.tall.stacked.segments:before, -.ui.tall.stacked.segment:before { - display: block; - bottom: 0px; -} - -/* Inverted */ - -.ui.stacked.inverted.segments:before, -.ui.stacked.inverted.segments:after, -.ui.stacked.inverted.segment:before, -.ui.stacked.inverted.segment:after { - background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(34, 36, 38, 0.35); -} - -/*------------------- - Padded ---------------------*/ - -.ui.padded.segment { - padding: 1.5em; -} - -.ui[class*="very padded"].segment { - padding: 3em; -} - -/* Padded vertical */ - -.ui.padded.segment.vertical.segment, -.ui[class*="very padded"].vertical.segment { - padding-left: 0px; - padding-right: 0px; -} - -/*------------------- - Compact ---------------------*/ - -.ui.compact.segment { - display: table; -} - -/* Compact Group */ - -.ui.compact.segments { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.ui.compact.segments .segment, -.ui.segments .compact.segment { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; -} - -/*------------------- - Circular ---------------------*/ - -.ui.circular.segment { - display: table-cell; - padding: 2em; - text-align: center; - vertical-align: middle; - border-radius: 500em; -} - -/*------------------- - Raised ---------------------*/ - -.ui.raised.segments, -.ui.raised.segment { - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); -} - -/******************************* - Groups -*******************************/ - -/* Group */ - -.ui.segments { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - margin: 1rem 0em; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; -} - -.ui.segments:first-child { - margin-top: 0em; -} - -.ui.segments:last-child { - margin-bottom: 0em; -} - -/* Nested Segment */ - -.ui.segments > .segment { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em; - width: auto; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.segments:not(.horizontal) > .segment:first-child { - border-top: none; - margin-top: 0em; - bottom: 0px; - margin-bottom: 0em; - top: 0px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -/* Bottom */ - -.ui.segments:not(.horizontal) > .segment:last-child { - top: 0px; - bottom: 0px; - margin-top: 0em; - margin-bottom: 0em; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -/* Only */ - -.ui.segments:not(.horizontal) > .segment:only-child { - border-radius: 0.28571429rem; -} - -/* Nested Group */ - -.ui.segments > .ui.segments { - border-top: 1px solid rgba(34, 36, 38, 0.15); - margin: 1rem 1rem; -} - -.ui.segments > .segments:first-child { - border-top: none; -} - -.ui.segments > .segment + .segments:not(.horizontal) { - margin-top: 0em; -} - -/* Horizontal Group */ - -.ui.horizontal.segments { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background-color: transparent; - border-radius: 0px; - padding: 0em; - background-color: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0em; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} - -/* Nested Horizontal Group */ - -.ui.segments > .horizontal.segments { - margin: 0em; - background-color: transparent; - border-radius: 0px; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} - -/* Horizontal Segment */ - -.ui.horizontal.segments > .segment { - -webkit-box-flex: 1; - flex: 1 1 auto; - -ms-flex: 1 1 0px; - /* Solves #2550 MS Flex */ - margin: 0em; - min-width: 0px; - background-color: transparent; - border-radius: 0px; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-left: 1px solid rgba(34, 36, 38, 0.15); -} - -/* Border Fixes */ - -.ui.segments > .horizontal.segments:first-child { - border-top: none; -} - -.ui.horizontal.segments > .segment:first-child { - border-left: none; -} - -/******************************* - States -*******************************/ - -/*-------------- - Disabled ----------------*/ - -.ui.disabled.segment { - opacity: 0.45; - color: rgba(40, 40, 40, 0.3); -} - -/*-------------- - Loading ----------------*/ - -.ui.loading.segment { - position: relative; - cursor: default; - pointer-events: none; - text-shadow: none !important; - color: transparent !important; - -webkit-transition: all 0s linear; - transition: all 0s linear; -} - -.ui.loading.segment:before { - position: absolute; - content: ''; - top: 0%; - left: 0%; - background: rgba(255, 255, 255, 0.8); - width: 100%; - height: 100%; - border-radius: 0.28571429rem; - z-index: 100; -} - -.ui.loading.segment:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -1.5em 0em 0em -1.5em; - width: 3em; - height: 3em; - -webkit-animation: segment-spin 0.6s linear; - animation: segment-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: 101; -} - -@-webkit-keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Basic ---------------------*/ - -.ui.basic.segment { - background: none transparent; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - border-radius: 0px; -} - -/*------------------- - Clearing ---------------------*/ - -.ui.clearing.segment:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -/*------------------- - Colors ---------------------*/ - -/* Red */ - -.ui.red.segment:not(.inverted) { - border-top: 2px solid #DB2828 !important; -} - -.ui.inverted.red.segment { - background-color: #DB2828 !important; - color: #FFFFFF !important; -} - -/* Orange */ - -.ui.orange.segment:not(.inverted) { - border-top: 2px solid #F2711C !important; -} - -.ui.inverted.orange.segment { - background-color: #F2711C !important; - color: #FFFFFF !important; -} - -/* Yellow */ - -.ui.yellow.segment:not(.inverted) { - border-top: 2px solid #FBBD08 !important; -} - -.ui.inverted.yellow.segment { - background-color: #FBBD08 !important; - color: #FFFFFF !important; -} - -/* Olive */ - -.ui.olive.segment:not(.inverted) { - border-top: 2px solid #B5CC18 !important; -} - -.ui.inverted.olive.segment { - background-color: #B5CC18 !important; - color: #FFFFFF !important; -} - -/* Green */ - -.ui.green.segment:not(.inverted) { - border-top: 2px solid #21BA45 !important; -} - -.ui.inverted.green.segment { - background-color: #21BA45 !important; - color: #FFFFFF !important; -} - -/* Teal */ - -.ui.teal.segment:not(.inverted) { - border-top: 2px solid #00B5AD !important; -} - -.ui.inverted.teal.segment { - background-color: #00B5AD !important; - color: #FFFFFF !important; -} - -/* Blue */ - -.ui.blue.segment:not(.inverted) { - border-top: 2px solid #2185D0 !important; -} - -.ui.inverted.blue.segment { - background-color: #2185D0 !important; - color: #FFFFFF !important; -} - -/* Violet */ - -.ui.violet.segment:not(.inverted) { - border-top: 2px solid #6435C9 !important; -} - -.ui.inverted.violet.segment { - background-color: #6435C9 !important; - color: #FFFFFF !important; -} - -/* Purple */ - -.ui.purple.segment:not(.inverted) { - border-top: 2px solid #A333C8 !important; -} - -.ui.inverted.purple.segment { - background-color: #A333C8 !important; - color: #FFFFFF !important; -} - -/* Pink */ - -.ui.pink.segment:not(.inverted) { - border-top: 2px solid #E03997 !important; -} - -.ui.inverted.pink.segment { - background-color: #E03997 !important; - color: #FFFFFF !important; -} - -/* Brown */ - -.ui.brown.segment:not(.inverted) { - border-top: 2px solid #A5673F !important; -} - -.ui.inverted.brown.segment { - background-color: #A5673F !important; - color: #FFFFFF !important; -} - -/* Grey */ - -.ui.grey.segment:not(.inverted) { - border-top: 2px solid #767676 !important; -} - -.ui.inverted.grey.segment { - background-color: #767676 !important; - color: #FFFFFF !important; -} - -/* Black */ - -.ui.black.segment:not(.inverted) { - border-top: 2px solid #1B1C1D !important; -} - -.ui.inverted.black.segment { - background-color: #1B1C1D !important; - color: #FFFFFF !important; -} - -/*------------------- - Aligned ---------------------*/ - -.ui[class*="left aligned"].segment { - text-align: left; -} - -.ui[class*="right aligned"].segment { - text-align: right; -} - -.ui[class*="center aligned"].segment { - text-align: center; -} - -/*------------------- - Floated ---------------------*/ - -.ui.floated.segment, -.ui[class*="left floated"].segment { - float: left; - margin-right: 1em; -} - -.ui[class*="right floated"].segment { - float: right; - margin-left: 1em; -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.segment { - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.inverted.segment, -.ui.primary.inverted.segment { - background: #1B1C1D; - color: rgba(255, 255, 255, 0.9); -} - -/* Nested */ - -.ui.inverted.segment .segment { - color: rgba(0, 0, 0, 0.87); -} - -.ui.inverted.segment .inverted.segment { - color: rgba(255, 255, 255, 0.9); -} - -/* Attached */ - -.ui.inverted.attached.segment { - border-color: #555555; -} - -/*------------------- - Emphasis ---------------------*/ - -/* Secondary */ - -.ui.secondary.segment { - background: #F3F4F5; - color: rgba(0, 0, 0, 0.6); -} - -.ui.secondary.inverted.segment { - background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); - background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); - color: rgba(255, 255, 255, 0.8); -} - -/* Tertiary */ - -.ui.tertiary.segment { - background: #DCDDDE; - color: rgba(0, 0, 0, 0.6); -} - -.ui.tertiary.inverted.segment { - background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); - background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); - color: rgba(255, 255, 255, 0.8); -} - -/*------------------- - Attached ---------------------*/ - -/* Middle */ - -.ui.attached.segment { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em -1px; - width: calc(100% + 2px ); - max-width: calc(100% + 2px ); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #D4D4D5; -} - -.ui.attached:not(.message) + .ui.attached.segment:not(.top) { - border-top: none; -} - -/* Top */ - -.ui[class*="top attached"].segment { - bottom: 0px; - margin-bottom: 0em; - top: 0px; - margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.segment[class*="top attached"]:first-child { - margin-top: 0em; -} - -/* Bottom */ - -.ui.segment[class*="bottom attached"] { - bottom: 0px; - margin-top: 0em; - top: 0px; - margin-bottom: 1rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui.segment[class*="bottom attached"]:last-child { - margin-bottom: 0em; -} - -/*------------------- - Size ---------------------*/ - -.ui.mini.segments .segment, -.ui.mini.segment { - font-size: 0.78571429rem; -} - -.ui.tiny.segments .segment, -.ui.tiny.segment { - font-size: 0.85714286rem; -} - -.ui.small.segments .segment, -.ui.small.segment { - font-size: 0.92857143rem; -} - -.ui.segments .segment, -.ui.segment { - font-size: 1rem; -} - -.ui.large.segments .segment, -.ui.large.segment { - font-size: 1.14285714rem; -} - -.ui.big.segments .segment, -.ui.big.segment { - font-size: 1.28571429rem; -} - -.ui.huge.segments .segment, -.ui.huge.segment { - font-size: 1.42857143rem; -} - -.ui.massive.segments .segment, -.ui.massive.segment { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Step - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Plural -*******************************/ - -.ui.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - margin: 1em 0em; - background: ''; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.14285714em; - border-radius: 0.28571429rem; - border: 1px solid rgba(34, 36, 38, 0.15); -} - -/* First Steps */ - -.ui.steps:first-child { - margin-top: 0em; -} - -/* Last Steps */ - -.ui.steps:last-child { - margin-bottom: 0em; -} - -/******************************* - Singular -*******************************/ - -.ui.steps .step { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - vertical-align: middle; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0em 0em; - padding: 1.14285714em 2em; - background: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0em; - border: none; - border-right: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; -} - -/* Arrow */ - -.ui.steps .step:after { - display: none; - position: absolute; - z-index: 2; - content: ''; - top: 50%; - right: 0%; - border: medium none; - background-color: #FFFFFF; - width: 1.14285714em; - height: 1.14285714em; - border-style: solid; - border-color: rgba(34, 36, 38, 0.15); - border-width: 0px 1px 1px 0px; - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); -} - -/* First Step */ - -.ui.steps .step:first-child { - padding-left: 2em; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; -} - -/* Last Step */ - -.ui.steps .step:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; -} - -.ui.steps .step:last-child { - border-right: none; - margin-right: 0em; -} - -/* Only Step */ - -.ui.steps .step:only-child { - border-radius: 0.28571429rem; -} - -/******************************* - Content -*******************************/ - -/* Title */ - -.ui.steps .step .title { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1.14285714em; - font-weight: bold; -} - -.ui.steps .step > .title { - width: 100%; -} - -/* Description */ - -.ui.steps .step .description { - font-weight: normal; - font-size: 0.92857143em; - color: rgba(0, 0, 0, 0.87); -} - -.ui.steps .step > .description { - width: 100%; -} - -.ui.steps .step .title ~ .description { - margin-top: 0.25em; -} - -/* Icon */ - -.ui.steps .step > .icon { - line-height: 1; - font-size: 2.5em; - margin: 0em 1rem 0em 0em; -} - -.ui.steps .step > .icon, -.ui.steps .step > .icon ~ .content { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -ms-flex-item-align: middle; - align-self: middle; -} - -.ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - flex-grow: 1 0 auto; -} - -/* Horizontal Icon */ - -.ui.steps:not(.vertical) .step > .icon { - width: auto; -} - -/* Link */ - -.ui.steps .link.step, -.ui.steps a.step { - cursor: pointer; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Ordered ----------------*/ - -.ui.ordered.steps { - counter-reset: ordered; -} - -.ui.ordered.steps .step:before { - display: block; - position: static; - text-align: center; - content: counters(ordered, "."); - -ms-flex-item-align: middle; - align-self: middle; - margin-right: 1rem; - font-size: 2.5em; - counter-increment: ordered; - font-family: inherit; - font-weight: bold; -} - -.ui.ordered.steps .step > * { - display: block; - -ms-flex-item-align: middle; - align-self: middle; -} - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - overflow: visible; -} - -.ui.vertical.steps .step { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - border-radius: 0em; - padding: 1.14285714em 2em; - border-right: none; - border-bottom: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.vertical.steps .step:first-child { - padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.vertical.steps .step:last-child { - border-bottom: none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui.vertical.steps .step:only-child { - border-radius: 0.28571429rem; -} - -/* Arrow */ - -.ui.vertical.steps .step:after { - display: none; -} - -.ui.vertical.steps .step:after { - top: 50%; - right: 0%; - border-width: 0px 1px 1px 0px; -} - -.ui.vertical.steps .step:after { - display: none; -} - -.ui.vertical.steps .active.step:after { - display: block; -} - -.ui.vertical.steps .step:last-child:after { - display: none; -} - -.ui.vertical.steps .active.step:last-child:after { - display: block; -} - -/*--------------- - Responsive -----------------*/ - -/* Mobile (Default) */ - -@media only screen and (max-width: 767px) { - .ui.steps:not(.unstackable) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - - .ui.steps:not(.unstackable) .step { - width: 100% !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 0em; - padding: 1.14285714em 2em; - } - - .ui.steps:not(.unstackable) .step:first-child { - padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; - } - - .ui.steps:not(.unstackable) .step:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - } - - /* Arrow */ - - .ui.steps:not(.unstackable) .step:after { - display: none !important; - } - - /* Content */ - - .ui.steps:not(.unstackable) .step .content { - text-align: center; - } - - /* Icon */ - - .ui.steps:not(.unstackable) .step > .icon, - .ui.ordered.steps:not(.unstackable) .step:before { - margin: 0em 0em 1rem 0em; - } -} - -/******************************* - States -*******************************/ - -/* Link Hover */ - -.ui.steps .link.step:hover::after, -.ui.steps .link.step:hover, -.ui.steps a.step:hover::after, -.ui.steps a.step:hover { - background: #F9FAFB; - color: rgba(0, 0, 0, 0.8); -} - -/* Link Down */ - -.ui.steps .link.step:active::after, -.ui.steps .link.step:active, -.ui.steps a.step:active::after, -.ui.steps a.step:active { - background: #F3F4F5; - color: rgba(0, 0, 0, 0.9); -} - -/* Active */ - -.ui.steps .step.active { - cursor: auto; - background: #F3F4F5; -} - -.ui.steps .step.active:after { - background: #F3F4F5; -} - -.ui.steps .step.active .title { - color: #4183C4; -} - -.ui.ordered.steps .step.active:before, -.ui.steps .active.step .icon { - color: rgba(0, 0, 0, 0.85); -} - -/* Active Arrow */ - -.ui.steps .step:after { - display: block; -} - -.ui.steps .active.step:after { - display: block; -} - -.ui.steps .step:last-child:after { - display: none; -} - -.ui.steps .active.step:last-child:after { - display: none; -} - -/* Active Hover */ - -.ui.steps .link.active.step:hover::after, -.ui.steps .link.active.step:hover, -.ui.steps a.active.step:hover::after, -.ui.steps a.active.step:hover { - cursor: pointer; - background: #DCDDDE; - color: rgba(0, 0, 0, 0.87); -} - -/* Completed */ - -.ui.steps .step.completed > .icon:before, -.ui.ordered.steps .step.completed:before { - color: #21BA45; -} - -/* Disabled */ - -.ui.steps .disabled.step { - cursor: auto; - background: #FFFFFF; - pointer-events: none; -} - -.ui.steps .disabled.step, -.ui.steps .disabled.step .title, -.ui.steps .disabled.step .description { - color: rgba(40, 40, 40, 0.3); -} - -.ui.steps .disabled.step:after { - background: #FFFFFF; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Stackable ----------------*/ - -/* Tablet Or Below */ - -@media only screen and (max-width: 991px) { - .ui[class*="tablet stackable"].steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - - /* Steps */ - - .ui[class*="tablet stackable"].steps .step { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 0em; - padding: 1.14285714em 2em; - } - - .ui[class*="tablet stackable"].steps .step:first-child { - padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; - } - - .ui[class*="tablet stackable"].steps .step:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - } - - /* Arrow */ - - .ui[class*="tablet stackable"].steps .step:after { - display: none !important; - } - - /* Content */ - - .ui[class*="tablet stackable"].steps .step .content { - text-align: center; - } - - /* Icon */ - - .ui[class*="tablet stackable"].steps .step > .icon, - .ui[class*="tablet stackable"].ordered.steps .step:before { - margin: 0em 0em 1rem 0em; - } -} - -/*-------------- - Fluid ----------------*/ - -/* Fluid */ - -.ui.fluid.steps { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; -} - -/*-------------- - Attached ----------------*/ - -/* Top */ - -.ui.attached.steps { - width: calc(100% + 2px ) !important; - margin: 0em -1px 0; - max-width: calc(100% + 2px ); - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.attached.steps .step:first-child { - border-radius: 0.28571429rem 0em 0em 0em; -} - -.ui.attached.steps .step:last-child { - border-radius: 0em 0.28571429rem 0em 0em; -} - -/* Bottom */ - -.ui.bottom.attached.steps { - margin: 0 -1px 0em; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui.bottom.attached.steps .step:first-child { - border-radius: 0em 0em 0em 0.28571429rem; -} - -.ui.bottom.attached.steps .step:last-child { - border-radius: 0em 0em 0.28571429rem 0em; -} - -/*------------------- - Evenly Divided ---------------------*/ - -.ui.one.steps, -.ui.two.steps, -.ui.three.steps, -.ui.four.steps, -.ui.five.steps, -.ui.six.steps, -.ui.seven.steps, -.ui.eight.steps { - width: 100%; -} - -.ui.one.steps > .step, -.ui.two.steps > .step, -.ui.three.steps > .step, -.ui.four.steps > .step, -.ui.five.steps > .step, -.ui.six.steps > .step, -.ui.seven.steps > .step, -.ui.eight.steps > .step { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; -} - -.ui.one.steps > .step { - width: 100%; -} - -.ui.two.steps > .step { - width: 50%; -} - -.ui.three.steps > .step { - width: 33.333%; -} - -.ui.four.steps > .step { - width: 25%; -} - -.ui.five.steps > .step { - width: 20%; -} - -.ui.six.steps > .step { - width: 16.666%; -} - -.ui.seven.steps > .step { - width: 14.285%; -} - -.ui.eight.steps > .step { - width: 12.500%; -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.steps .step, -.ui.mini.step { - font-size: 0.78571429rem; -} - -.ui.tiny.steps .step, -.ui.tiny.step { - font-size: 0.85714286rem; -} - -.ui.small.steps .step, -.ui.small.step { - font-size: 0.92857143rem; -} - -.ui.steps .step, -.ui.step { - font-size: 1rem; -} - -.ui.large.steps .step, -.ui.large.step { - font-size: 1.14285714rem; -} - -.ui.big.steps .step, -.ui.big.step { - font-size: 1.28571429rem; -} - -.ui.huge.steps .step, -.ui.huge.step { - font-size: 1.42857143rem; -} - -.ui.massive.steps .step, -.ui.massive.step { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -@font-face { - font-family: 'Step'; - src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGB - QWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/ -pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff'); -} - -.ui.steps .step.completed > .icon:before, -.ui.ordered.steps .step.completed:before { - font-family: 'Step'; - content: '\e800'; - /* 'î €' */ -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Breadcrumb - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Breadcrumb -*******************************/ - -.ui.breadcrumb { - line-height: 1; - display: inline-block; - margin: 0em 0em; - vertical-align: middle; -} - -.ui.breadcrumb:first-child { - margin-top: 0em; -} - -.ui.breadcrumb:last-child { - margin-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/* Divider */ - -.ui.breadcrumb .divider { - display: inline-block; - opacity: 0.7; - margin: 0em 0.21428571rem 0em; - font-size: 0.92857143em; - color: rgba(0, 0, 0, 0.4); - vertical-align: baseline; -} - -/* Link */ - -.ui.breadcrumb a { - color: #4183C4; -} - -.ui.breadcrumb a:hover { - color: #1e70bf; -} - -/* Icon Divider */ - -.ui.breadcrumb .icon.divider { - font-size: 0.85714286em; - vertical-align: baseline; -} - -/* Section */ - -.ui.breadcrumb a.section { - cursor: pointer; -} - -.ui.breadcrumb .section { - display: inline-block; - margin: 0em; - padding: 0em; -} - -/* Loose Coupling */ - -.ui.breadcrumb.segment { - display: inline-block; - padding: 0.78571429em 1em; -} - -/******************************* - States -*******************************/ - -.ui.breadcrumb .active.section { - font-weight: bold; -} - -/******************************* - Variations -*******************************/ - -.ui.mini.breadcrumb { - font-size: 0.78571429rem; -} - -.ui.tiny.breadcrumb { - font-size: 0.85714286rem; -} - -.ui.small.breadcrumb { - font-size: 0.92857143rem; -} - -.ui.breadcrumb { - font-size: 1rem; -} - -.ui.large.breadcrumb { - font-size: 1.14285714rem; -} - -.ui.big.breadcrumb { - font-size: 1.28571429rem; -} - -.ui.huge.breadcrumb { - font-size: 1.42857143rem; -} - -.ui.massive.breadcrumb { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Form - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Elements -*******************************/ - -/*-------------------- - Form ----------------------*/ - -.ui.form { - position: relative; - max-width: 100%; -} - -/*-------------------- - Content ----------------------*/ - -.ui.form > p { - margin: 1em 0em; -} - -/*-------------------- - Field ----------------------*/ - -.ui.form .field { - clear: both; - margin: 0em 0em 1em; -} - -.ui.form .field:last-child, -.ui.form .fields:last-child .field { - margin-bottom: 0em; -} - -.ui.form .fields .field { - clear: both; - margin: 0em; -} - -/*-------------------- - Labels ----------------------*/ - -.ui.form .field > label { - display: block; - margin: 0em 0em 0.28571429rem 0em; - color: rgba(0, 0, 0, 0.87); - font-size: 0.92857143em; - font-weight: bold; - text-transform: none; -} - -/*-------------------- - Standard Inputs ----------------------*/ - -.ui.form textarea, -.ui.form input:not([type]), -.ui.form input[type="date"], -.ui.form input[type="datetime-local"], -.ui.form input[type="email"], -.ui.form input[type="number"], -.ui.form input[type="password"], -.ui.form input[type="search"], -.ui.form input[type="tel"], -.ui.form input[type="time"], -.ui.form input[type="text"], -.ui.form input[type="file"], -.ui.form input[type="url"] { - width: 100%; - vertical-align: top; -} - -/* Set max height on unusual input */ - -.ui.form ::-webkit-datetime-edit, -.ui.form ::-webkit-inner-spin-button { - height: 1.21428571em; -} - -.ui.form input:not([type]), -.ui.form input[type="date"], -.ui.form input[type="datetime-local"], -.ui.form input[type="email"], -.ui.form input[type="number"], -.ui.form input[type="password"], -.ui.form input[type="search"], -.ui.form input[type="tel"], -.ui.form input[type="time"], -.ui.form input[type="text"], -.ui.form input[type="file"], -.ui.form input[type="url"] { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - margin: 0em; - outline: none; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - line-height: 1.21428571em; - padding: 0.67857143em 1em; - font-size: 1em; - background: #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - transition: color 0.1s ease, border-color 0.1s ease; -} - -/* Text Area */ - -.ui.form textarea { - margin: 0em; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - padding: 0.78571429em 1em; - background: #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - outline: none; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - transition: color 0.1s ease, border-color 0.1s ease; - font-size: 1em; - line-height: 1.2857; - resize: vertical; -} - -.ui.form textarea:not([rows]) { - height: 12em; - min-height: 8em; - max-height: 24em; -} - -.ui.form textarea, -.ui.form input[type="checkbox"] { - vertical-align: top; -} - -/*-------------------------- - Input w/ attached Button ----------------------------*/ - -.ui.form input.attached { - width: auto; -} - -/*-------------------- - Basic Select ----------------------*/ - -.ui.form select { - display: block; - height: auto; - width: 100%; - background: #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - padding: 0.62em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease, border-color 0.1s ease; - transition: color 0.1s ease, border-color 0.1s ease; -} - -/*-------------------- - Dropdown ----------------------*/ - -/* Block */ - -.ui.form .field > .selection.dropdown { - width: 100%; -} - -.ui.form .field > .selection.dropdown > .dropdown.icon { - float: right; -} - -/* Inline */ - -.ui.form .inline.fields .field > .selection.dropdown, -.ui.form .inline.field > .selection.dropdown { - width: auto; -} - -.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon, -.ui.form .inline.field > .selection.dropdown > .dropdown.icon { - float: none; -} - -/*-------------------- - UI Input ----------------------*/ - -/* Block */ - -.ui.form .field .ui.input, -.ui.form .fields .field .ui.input, -.ui.form .wide.field .ui.input { - width: 100%; -} - -/* Inline */ - -.ui.form .inline.fields .field:not(.wide) .ui.input, -.ui.form .inline.field:not(.wide) .ui.input { - width: auto; - vertical-align: middle; -} - -/* Auto Input */ - -.ui.form .fields .field .ui.input input, -.ui.form .field .ui.input input { - width: auto; -} - -/* Full Width Input */ - -.ui.form .ten.fields .ui.input input, -.ui.form .nine.fields .ui.input input, -.ui.form .eight.fields .ui.input input, -.ui.form .seven.fields .ui.input input, -.ui.form .six.fields .ui.input input, -.ui.form .five.fields .ui.input input, -.ui.form .four.fields .ui.input input, -.ui.form .three.fields .ui.input input, -.ui.form .two.fields .ui.input input, -.ui.form .wide.field .ui.input input { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - width: 0px; -} - -/*-------------------- - Types of Messages ----------------------*/ - -.ui.form .success.message, -.ui.form .warning.message, -.ui.form .error.message { - display: none; -} - -/* Assumptions */ - -.ui.form .message:first-child { - margin-top: 0px; -} - -/*-------------------- - Validation Prompt ----------------------*/ - -.ui.form .field .prompt.label { - white-space: normal; - background: #FFFFFF !important; - border: 1px solid #E0B4B4 !important; - color: #9F3A38 !important; -} - -.ui.form .inline.fields .field .prompt, -.ui.form .inline.field .prompt { - vertical-align: top; - margin: -0.25em 0em -0.5em 0.5em; -} - -.ui.form .inline.fields .field .prompt:before, -.ui.form .inline.field .prompt:before { - border-width: 0px 0px 1px 1px; - bottom: auto; - right: auto; - top: 50%; - left: 0em; -} - -/******************************* - States -*******************************/ - -/*-------------------- - Autofilled ----------------------*/ - -.ui.form .field.field input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - border-color: #E5DFA1 !important; -} - -/* Focus */ - -.ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - border-color: #D5C315 !important; -} - -/* Error */ - -.ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; - border-color: #E0B4B4 !important; -} - -/*-------------------- - Placeholder ----------------------*/ - -/* browsers require these rules separate */ - -.ui.form ::-webkit-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} - -.ui.form :-ms-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} - -.ui.form ::-moz-placeholder { - color: rgba(191, 191, 191, 0.87); -} - -.ui.form :focus::-webkit-input-placeholder { - color: rgba(115, 115, 115, 0.87); -} - -.ui.form :focus:-ms-input-placeholder { - color: rgba(115, 115, 115, 0.87); -} - -.ui.form :focus::-moz-placeholder { - color: rgba(115, 115, 115, 0.87); -} - -/* Error Placeholder */ - -.ui.form .error ::-webkit-input-placeholder { - color: #e7bdbc; -} - -.ui.form .error :-ms-input-placeholder { - color: #e7bdbc !important; -} - -.ui.form .error ::-moz-placeholder { - color: #e7bdbc; -} - -.ui.form .error :focus::-webkit-input-placeholder { - color: #da9796; -} - -.ui.form .error :focus:-ms-input-placeholder { - color: #da9796 !important; -} - -.ui.form .error :focus::-moz-placeholder { - color: #da9796; -} - -/*-------------------- - Focus ----------------------*/ - -.ui.form input:not([type]):focus, -.ui.form input[type="date"]:focus, -.ui.form input[type="datetime-local"]:focus, -.ui.form input[type="email"]:focus, -.ui.form input[type="number"]:focus, -.ui.form input[type="password"]:focus, -.ui.form input[type="search"]:focus, -.ui.form input[type="tel"]:focus, -.ui.form input[type="time"]:focus, -.ui.form input[type="text"]:focus, -.ui.form input[type="file"]:focus, -.ui.form input[type="url"]:focus { - color: rgba(0, 0, 0, 0.95); - border-color: #85B7D9; - border-radius: 0.28571429rem; - background: #FFFFFF; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; -} - -.ui.form textarea:focus { - color: rgba(0, 0, 0, 0.95); - border-color: #85B7D9; - border-radius: 0.28571429rem; - background: #FFFFFF; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - -webkit-appearance: none; -} - -/*-------------------- - Success ----------------------*/ - -/* On Form */ - -.ui.form.success .success.message:not(:empty) { - display: block; -} - -.ui.form.success .compact.success.message:not(:empty) { - display: inline-block; -} - -.ui.form.success .icon.success.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------------- - Warning ----------------------*/ - -/* On Form */ - -.ui.form.warning .warning.message:not(:empty) { - display: block; -} - -.ui.form.warning .compact.warning.message:not(:empty) { - display: inline-block; -} - -.ui.form.warning .icon.warning.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------------- - Error ----------------------*/ - -/* On Form */ - -.ui.form.error .error.message:not(:empty) { - display: block; -} - -.ui.form.error .compact.error.message:not(:empty) { - display: inline-block; -} - -.ui.form.error .icon.error.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/* On Field(s) */ - -.ui.form .fields.error .field label, -.ui.form .field.error label, -.ui.form .fields.error .field .input, -.ui.form .field.error .input { - color: #9F3A38; -} - -.ui.form .fields.error .field .corner.label, -.ui.form .field.error .corner.label { - border-color: #9F3A38; - color: #FFFFFF; -} - -.ui.form .fields.error .field textarea, -.ui.form .fields.error .field select, -.ui.form .fields.error .field input:not([type]), -.ui.form .fields.error .field input[type="date"], -.ui.form .fields.error .field input[type="datetime-local"], -.ui.form .fields.error .field input[type="email"], -.ui.form .fields.error .field input[type="number"], -.ui.form .fields.error .field input[type="password"], -.ui.form .fields.error .field input[type="search"], -.ui.form .fields.error .field input[type="tel"], -.ui.form .fields.error .field input[type="time"], -.ui.form .fields.error .field input[type="text"], -.ui.form .fields.error .field input[type="file"], -.ui.form .fields.error .field input[type="url"], -.ui.form .field.error textarea, -.ui.form .field.error select, -.ui.form .field.error input:not([type]), -.ui.form .field.error input[type="date"], -.ui.form .field.error input[type="datetime-local"], -.ui.form .field.error input[type="email"], -.ui.form .field.error input[type="number"], -.ui.form .field.error input[type="password"], -.ui.form .field.error input[type="search"], -.ui.form .field.error input[type="tel"], -.ui.form .field.error input[type="time"], -.ui.form .field.error input[type="text"], -.ui.form .field.error input[type="file"], -.ui.form .field.error input[type="url"] { - background: #FFF6F6; - border-color: #E0B4B4; - color: #9F3A38; - border-radius: ''; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.form .field.error textarea:focus, -.ui.form .field.error select:focus, -.ui.form .field.error input:not([type]):focus, -.ui.form .field.error input[type="date"]:focus, -.ui.form .field.error input[type="datetime-local"]:focus, -.ui.form .field.error input[type="email"]:focus, -.ui.form .field.error input[type="number"]:focus, -.ui.form .field.error input[type="password"]:focus, -.ui.form .field.error input[type="search"]:focus, -.ui.form .field.error input[type="tel"]:focus, -.ui.form .field.error input[type="time"]:focus, -.ui.form .field.error input[type="text"]:focus, -.ui.form .field.error input[type="file"]:focus, -.ui.form .field.error input[type="url"]:focus { - background: #FFF6F6; - border-color: #E0B4B4; - color: #9F3A38; - -webkit-appearance: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Preserve Native Select Stylings */ - -.ui.form .field.error select { - -webkit-appearance: menulist-button; -} - -/*------------------ - Dropdown Error ---------------------*/ - -.ui.form .fields.error .field .ui.dropdown, -.ui.form .fields.error .field .ui.dropdown .item, -.ui.form .field.error .ui.dropdown, -.ui.form .field.error .ui.dropdown .text, -.ui.form .field.error .ui.dropdown .item { - background: #FFF6F6; - color: #9F3A38; -} - -.ui.form .fields.error .field .ui.dropdown, -.ui.form .field.error .ui.dropdown { - border-color: #E0B4B4 !important; -} - -.ui.form .fields.error .field .ui.dropdown:hover, -.ui.form .field.error .ui.dropdown:hover { - border-color: #E0B4B4 !important; -} - -.ui.form .fields.error .field .ui.dropdown:hover .menu, -.ui.form .field.error .ui.dropdown:hover .menu { - border-color: #E0B4B4; -} - -.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label, -.ui.form .field.error .ui.multiple.selection.dropdown > .label { - background-color: #EACBCB; - color: #9F3A38; -} - -/* Hover */ - -.ui.form .fields.error .field .ui.dropdown .menu .item:hover, -.ui.form .field.error .ui.dropdown .menu .item:hover { - background-color: #FBE7E7; -} - -/* Selected */ - -.ui.form .fields.error .field .ui.dropdown .menu .selected.item, -.ui.form .field.error .ui.dropdown .menu .selected.item { - background-color: #FBE7E7; -} - -/* Active */ - -.ui.form .fields.error .field .ui.dropdown .menu .active.item, -.ui.form .field.error .ui.dropdown .menu .active.item { - background-color: #FDCFCF !important; -} - -/*-------------------- - Checkbox Error ----------------------*/ - -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) label, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box { - color: #9F3A38; -} - -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before { - background: #FFF6F6; - border-color: #E0B4B4; -} - -.ui.form .fields.error .field .checkbox label:after, -.ui.form .field.error .checkbox label:after, -.ui.form .fields.error .field .checkbox .box:after, -.ui.form .field.error .checkbox .box:after { - color: #9F3A38; -} - -/*-------------------- - Disabled ----------------------*/ - -.ui.form .disabled.fields .field, -.ui.form .disabled.field, -.ui.form .field :disabled { - pointer-events: none; - opacity: 0.45; -} - -.ui.form .field.disabled > label, -.ui.form .fields.disabled > label { - opacity: 0.45; -} - -.ui.form .field.disabled :disabled { - opacity: 1; -} - -/*-------------- - Loading ----------------*/ - -.ui.loading.form { - position: relative; - cursor: default; - pointer-events: none; -} - -.ui.loading.form:before { - position: absolute; - content: ''; - top: 0%; - left: 0%; - background: rgba(255, 255, 255, 0.8); - width: 100%; - height: 100%; - z-index: 100; -} - -.ui.loading.form:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -1.5em 0em 0em -1.5em; - width: 3em; - height: 3em; - -webkit-animation: form-spin 0.6s linear; - animation: form-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: 101; -} - -@-webkit-keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/******************************* - Element Types -*******************************/ - -/*-------------------- - Required Field ----------------------*/ - -.ui.form .required.fields:not(.grouped) > .field > label:after, -.ui.form .required.fields.grouped > label:after, -.ui.form .required.field > label:after, -.ui.form .required.fields:not(.grouped) > .field > .checkbox:after, -.ui.form .required.field > .checkbox:after { - margin: -0.2em 0em 0em 0.2em; - content: '*'; - color: #DB2828; -} - -.ui.form .required.fields:not(.grouped) > .field > label:after, -.ui.form .required.fields.grouped > label:after, -.ui.form .required.field > label:after { - display: inline-block; - vertical-align: top; -} - -.ui.form .required.fields:not(.grouped) > .field > .checkbox:after, -.ui.form .required.field > .checkbox:after { - position: absolute; - top: 0%; - left: 100%; -} - -/******************************* - Variations -*******************************/ - -/*-------------------- - Inverted Colors ----------------------*/ - -.ui.inverted.form label, -.ui.form .inverted.segment label, -.ui.form .inverted.segment .ui.checkbox label, -.ui.form .inverted.segment .ui.checkbox .box, -.ui.inverted.form .ui.checkbox label, -.ui.inverted.form .ui.checkbox .box, -.ui.inverted.form .inline.fields > label, -.ui.inverted.form .inline.fields .field > label, -.ui.inverted.form .inline.fields .field > p, -.ui.inverted.form .inline.field > label, -.ui.inverted.form .inline.field > p { - color: rgba(255, 255, 255, 0.9); -} - -/* Inverted Field */ - -.ui.inverted.form input:not([type]), -.ui.inverted.form input[type="date"], -.ui.inverted.form input[type="datetime-local"], -.ui.inverted.form input[type="email"], -.ui.inverted.form input[type="number"], -.ui.inverted.form input[type="password"], -.ui.inverted.form input[type="search"], -.ui.inverted.form input[type="tel"], -.ui.inverted.form input[type="time"], -.ui.inverted.form input[type="text"], -.ui.inverted.form input[type="file"], -.ui.inverted.form input[type="url"] { - background: #FFFFFF; - border-color: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; -} - -/*-------------------- - Field Groups ----------------------*/ - -/* Grouped Vertically */ - -.ui.form .grouped.fields { - display: block; - margin: 0em 0em 1em; -} - -.ui.form .grouped.fields:last-child { - margin-bottom: 0em; -} - -.ui.form .grouped.fields > label { - margin: 0em 0em 0.28571429rem 0em; - color: rgba(0, 0, 0, 0.87); - font-size: 0.92857143em; - font-weight: bold; - text-transform: none; -} - -.ui.form .grouped.fields .field, -.ui.form .grouped.inline.fields .field { - display: block; - margin: 0.5em 0em; - padding: 0em; -} - -/*-------------------- - Fields ----------------------*/ - -/* Split fields */ - -.ui.form .fields { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - margin: 0em -0.5em 1em; -} - -.ui.form .fields > .field { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - padding-left: 0.5em; - padding-right: 0.5em; -} - -.ui.form .fields > .field:first-child { - border-left: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Other Combinations */ - -.ui.form .two.fields > .fields, -.ui.form .two.fields > .field { - width: 50%; -} - -.ui.form .three.fields > .fields, -.ui.form .three.fields > .field { - width: 33.33333333%; -} - -.ui.form .four.fields > .fields, -.ui.form .four.fields > .field { - width: 25%; -} - -.ui.form .five.fields > .fields, -.ui.form .five.fields > .field { - width: 20%; -} - -.ui.form .six.fields > .fields, -.ui.form .six.fields > .field { - width: 16.66666667%; -} - -.ui.form .seven.fields > .fields, -.ui.form .seven.fields > .field { - width: 14.28571429%; -} - -.ui.form .eight.fields > .fields, -.ui.form .eight.fields > .field { - width: 12.5%; -} - -.ui.form .nine.fields > .fields, -.ui.form .nine.fields > .field { - width: 11.11111111%; -} - -.ui.form .ten.fields > .fields, -.ui.form .ten.fields > .field { - width: 10%; -} - -/* Swap to full width on mobile */ - -@media only screen and (max-width: 767px) { - .ui.form .fields { - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - - .ui[class*="equal width"].form:not(.unstackable) .fields > .field, - .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field { - width: 100% !important; - margin: 0em 0em 1em; - } -} - -/* Sizing Combinations */ - -.ui.form .fields .wide.field { - width: 6.25%; - padding-left: 0.5em; - padding-right: 0.5em; -} - -.ui.form .one.wide.field { - width: 6.25% !important; -} - -.ui.form .two.wide.field { - width: 12.5% !important; -} - -.ui.form .three.wide.field { - width: 18.75% !important; -} - -.ui.form .four.wide.field { - width: 25% !important; -} - -.ui.form .five.wide.field { - width: 31.25% !important; -} - -.ui.form .six.wide.field { - width: 37.5% !important; -} - -.ui.form .seven.wide.field { - width: 43.75% !important; -} - -.ui.form .eight.wide.field { - width: 50% !important; -} - -.ui.form .nine.wide.field { - width: 56.25% !important; -} - -.ui.form .ten.wide.field { - width: 62.5% !important; -} - -.ui.form .eleven.wide.field { - width: 68.75% !important; -} - -.ui.form .twelve.wide.field { - width: 75% !important; -} - -.ui.form .thirteen.wide.field { - width: 81.25% !important; -} - -.ui.form .fourteen.wide.field { - width: 87.5% !important; -} - -.ui.form .fifteen.wide.field { - width: 93.75% !important; -} - -.ui.form .sixteen.wide.field { - width: 100% !important; -} - -/* Swap to full width on mobile */ - -@media only screen and (max-width: 767px) { - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, - .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, - .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field { - width: 100% !important; - } - - .ui.form .fields { - margin-bottom: 0em; - } -} - -/*-------------------- - Equal Width ----------------------*/ - -.ui[class*="equal width"].form .fields > .field, -.ui.form [class*="equal width"].fields > .field { - width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -/*-------------------- - Inline Fields ----------------------*/ - -.ui.form .inline.fields { - margin: 0em 0em 1em; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.form .inline.fields .field { - margin: 0em; - padding: 0em 1em 0em 0em; -} - -/* Inline Label */ - -.ui.form .inline.fields > label, -.ui.form .inline.fields .field > label, -.ui.form .inline.fields .field > p, -.ui.form .inline.field > label, -.ui.form .inline.field > p { - display: inline-block; - width: auto; - margin-top: 0em; - margin-bottom: 0em; - vertical-align: baseline; - font-size: 0.92857143em; - font-weight: bold; - color: rgba(0, 0, 0, 0.87); - text-transform: none; -} - -/* Grouped Inline Label */ - -.ui.form .inline.fields > label { - margin: 0.035714em 1em 0em 0em; -} - -/* Inline Input */ - -.ui.form .inline.fields .field > input, -.ui.form .inline.fields .field > select, -.ui.form .inline.field > input, -.ui.form .inline.field > select { - display: inline-block; - width: auto; - margin-top: 0em; - margin-bottom: 0em; - vertical-align: middle; - font-size: 1em; -} - -/* Label */ - -.ui.form .inline.fields .field > :first-child, -.ui.form .inline.field > :first-child { - margin: 0em 0.85714286em 0em 0em; -} - -.ui.form .inline.fields .field > :only-child, -.ui.form .inline.field > :only-child { - margin: 0em; -} - -/* Wide */ - -.ui.form .inline.fields .wide.field { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.form .inline.fields .wide.field > input, -.ui.form .inline.fields .wide.field > select { - width: 100%; -} - -/*-------------------- - Sizes ----------------------*/ - -.ui.mini.form { - font-size: 0.78571429rem; -} - -.ui.tiny.form { - font-size: 0.85714286rem; -} - -.ui.small.form { - font-size: 0.92857143rem; -} - -.ui.form { - font-size: 1rem; -} - -.ui.large.form { - font-size: 1.14285714rem; -} - -.ui.big.form { - font-size: 1.28571429rem; -} - -.ui.huge.form { - font-size: 1.42857143rem; -} - -.ui.massive.form { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Grid - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -.ui.grid { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - padding: 0em; -} - -/*---------------------- - Remove Gutters ------------------------*/ - -.ui.grid { - margin-top: -1rem; - margin-bottom: -1rem; - margin-left: -1rem; - margin-right: -1rem; -} - -.ui.relaxed.grid { - margin-left: -1.5rem; - margin-right: -1.5rem; -} - -.ui[class*="very relaxed"].grid { - margin-left: -2.5rem; - margin-right: -2.5rem; -} - -/* Preserve Rows Spacing on Consecutive Grids */ - -.ui.grid + .grid { - margin-top: 1rem; -} - -/*------------------- - Columns ---------------------*/ - -/* Standard 16 column */ - -.ui.grid > .column:not(.row), -.ui.grid > .row > .column { - position: relative; - display: inline-block; - width: 6.25%; - padding-left: 1rem; - padding-right: 1rem; - vertical-align: top; -} - -.ui.grid > * { - padding-left: 1rem; - padding-right: 1rem; -} - -/*------------------- - Rows ---------------------*/ - -.ui.grid > .row { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: inherit; - -ms-flex-pack: inherit; - justify-content: inherit; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - width: 100% !important; - padding: 0rem; - padding-top: 1rem; - padding-bottom: 1rem; -} - -/*------------------- - Columns ---------------------*/ - -/* Vertical padding when no rows */ - -.ui.grid > .column:not(.row) { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.ui.grid > .row > .column { - margin-top: 0em; - margin-bottom: 0em; -} - -/*------------------- - Content ---------------------*/ - -.ui.grid > .row > img, -.ui.grid > .row > .column > img { - max-width: 100%; -} - -/*------------------- - Loose Coupling ---------------------*/ - -/* Collapse Margin on Consecutive Grid */ - -.ui.grid > .ui.grid:first-child { - margin-top: 0em; -} - -.ui.grid > .ui.grid:last-child { - margin-bottom: 0em; -} - -/* Segment inside Aligned Grid */ - -.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached), -.ui.aligned.grid .column > .segment:not(.compact):not(.attached) { - width: 100%; -} - -/* Align Dividers with Gutter */ - -.ui.grid .row + .ui.divider { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 1rem 1rem; -} - -.ui.grid .column + .ui.vertical.divider { - height: calc(50% - 1rem ); -} - -/* Remove Border on Last Horizontal Segment */ - -.ui.grid > .row > .column:last-child > .horizontal.segment, -.ui.grid > .column:last-child > .horizontal.segment { - -webkit-box-shadow: none; - box-shadow: none; -} - -/******************************* - Variations -*******************************/ - -/*----------------------- - Page Grid --------------------------*/ - -@media only screen and (max-width: 767px) { - .ui.page.grid { - width: auto; - padding-left: 0em; - padding-right: 0em; - margin-left: 0em; - margin-right: 0em; - } -} - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.page.grid { - width: auto; - margin-left: 0em; - margin-right: 0em; - padding-left: 2em; - padding-right: 2em; - } -} - -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .ui.page.grid { - width: auto; - margin-left: 0em; - margin-right: 0em; - padding-left: 3%; - padding-right: 3%; - } -} - -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.page.grid { - width: auto; - margin-left: 0em; - margin-right: 0em; - padding-left: 15%; - padding-right: 15%; - } -} - -@media only screen and (min-width: 1920px) { - .ui.page.grid { - width: auto; - margin-left: 0em; - margin-right: 0em; - padding-left: 23%; - padding-right: 23%; - } -} - -/*------------------- - Column Count ---------------------*/ - -/* Assume full width with one column */ - -.ui.grid > .column:only-child, -.ui.grid > .row > .column:only-child { - width: 100%; -} - -/* Grid Based */ - -.ui[class*="one column"].grid > .row > .column, -.ui[class*="one column"].grid > .column:not(.row) { - width: 100%; -} - -.ui[class*="two column"].grid > .row > .column, -.ui[class*="two column"].grid > .column:not(.row) { - width: 50%; -} - -.ui[class*="three column"].grid > .row > .column, -.ui[class*="three column"].grid > .column:not(.row) { - width: 33.33333333%; -} - -.ui[class*="four column"].grid > .row > .column, -.ui[class*="four column"].grid > .column:not(.row) { - width: 25%; -} - -.ui[class*="five column"].grid > .row > .column, -.ui[class*="five column"].grid > .column:not(.row) { - width: 20%; -} - -.ui[class*="six column"].grid > .row > .column, -.ui[class*="six column"].grid > .column:not(.row) { - width: 16.66666667%; -} - -.ui[class*="seven column"].grid > .row > .column, -.ui[class*="seven column"].grid > .column:not(.row) { - width: 14.28571429%; -} - -.ui[class*="eight column"].grid > .row > .column, -.ui[class*="eight column"].grid > .column:not(.row) { - width: 12.5%; -} - -.ui[class*="nine column"].grid > .row > .column, -.ui[class*="nine column"].grid > .column:not(.row) { - width: 11.11111111%; -} - -.ui[class*="ten column"].grid > .row > .column, -.ui[class*="ten column"].grid > .column:not(.row) { - width: 10%; -} - -.ui[class*="eleven column"].grid > .row > .column, -.ui[class*="eleven column"].grid > .column:not(.row) { - width: 9.09090909%; -} - -.ui[class*="twelve column"].grid > .row > .column, -.ui[class*="twelve column"].grid > .column:not(.row) { - width: 8.33333333%; -} - -.ui[class*="thirteen column"].grid > .row > .column, -.ui[class*="thirteen column"].grid > .column:not(.row) { - width: 7.69230769%; -} - -.ui[class*="fourteen column"].grid > .row > .column, -.ui[class*="fourteen column"].grid > .column:not(.row) { - width: 7.14285714%; -} - -.ui[class*="fifteen column"].grid > .row > .column, -.ui[class*="fifteen column"].grid > .column:not(.row) { - width: 6.66666667%; -} - -.ui[class*="sixteen column"].grid > .row > .column, -.ui[class*="sixteen column"].grid > .column:not(.row) { - width: 6.25%; -} - -/* Row Based Overrides */ - -.ui.grid > [class*="one column"].row > .column { - width: 100% !important; -} - -.ui.grid > [class*="two column"].row > .column { - width: 50% !important; -} - -.ui.grid > [class*="three column"].row > .column { - width: 33.33333333% !important; -} - -.ui.grid > [class*="four column"].row > .column { - width: 25% !important; -} - -.ui.grid > [class*="five column"].row > .column { - width: 20% !important; -} - -.ui.grid > [class*="six column"].row > .column { - width: 16.66666667% !important; -} - -.ui.grid > [class*="seven column"].row > .column { - width: 14.28571429% !important; -} - -.ui.grid > [class*="eight column"].row > .column { - width: 12.5% !important; -} - -.ui.grid > [class*="nine column"].row > .column { - width: 11.11111111% !important; -} - -.ui.grid > [class*="ten column"].row > .column { - width: 10% !important; -} - -.ui.grid > [class*="eleven column"].row > .column { - width: 9.09090909% !important; -} - -.ui.grid > [class*="twelve column"].row > .column { - width: 8.33333333% !important; -} - -.ui.grid > [class*="thirteen column"].row > .column { - width: 7.69230769% !important; -} - -.ui.grid > [class*="fourteen column"].row > .column { - width: 7.14285714% !important; -} - -.ui.grid > [class*="fifteen column"].row > .column { - width: 6.66666667% !important; -} - -.ui.grid > [class*="sixteen column"].row > .column { - width: 6.25% !important; -} - -/* Celled Page */ - -.ui.celled.page.grid { - -webkit-box-shadow: none; - box-shadow: none; -} - -/*------------------- - Column Width ---------------------*/ - -/* Sizing Combinations */ - -.ui.grid > .row > [class*="one wide"].column, -.ui.grid > .column.row > [class*="one wide"].column, -.ui.grid > [class*="one wide"].column, -.ui.column.grid > [class*="one wide"].column { - width: 6.25% !important; -} - -.ui.grid > .row > [class*="two wide"].column, -.ui.grid > .column.row > [class*="two wide"].column, -.ui.grid > [class*="two wide"].column, -.ui.column.grid > [class*="two wide"].column { - width: 12.5% !important; -} - -.ui.grid > .row > [class*="three wide"].column, -.ui.grid > .column.row > [class*="three wide"].column, -.ui.grid > [class*="three wide"].column, -.ui.column.grid > [class*="three wide"].column { - width: 18.75% !important; -} - -.ui.grid > .row > [class*="four wide"].column, -.ui.grid > .column.row > [class*="four wide"].column, -.ui.grid > [class*="four wide"].column, -.ui.column.grid > [class*="four wide"].column { - width: 25% !important; -} - -.ui.grid > .row > [class*="five wide"].column, -.ui.grid > .column.row > [class*="five wide"].column, -.ui.grid > [class*="five wide"].column, -.ui.column.grid > [class*="five wide"].column { - width: 31.25% !important; -} - -.ui.grid > .row > [class*="six wide"].column, -.ui.grid > .column.row > [class*="six wide"].column, -.ui.grid > [class*="six wide"].column, -.ui.column.grid > [class*="six wide"].column { - width: 37.5% !important; -} - -.ui.grid > .row > [class*="seven wide"].column, -.ui.grid > .column.row > [class*="seven wide"].column, -.ui.grid > [class*="seven wide"].column, -.ui.column.grid > [class*="seven wide"].column { - width: 43.75% !important; -} - -.ui.grid > .row > [class*="eight wide"].column, -.ui.grid > .column.row > [class*="eight wide"].column, -.ui.grid > [class*="eight wide"].column, -.ui.column.grid > [class*="eight wide"].column { - width: 50% !important; -} - -.ui.grid > .row > [class*="nine wide"].column, -.ui.grid > .column.row > [class*="nine wide"].column, -.ui.grid > [class*="nine wide"].column, -.ui.column.grid > [class*="nine wide"].column { - width: 56.25% !important; -} - -.ui.grid > .row > [class*="ten wide"].column, -.ui.grid > .column.row > [class*="ten wide"].column, -.ui.grid > [class*="ten wide"].column, -.ui.column.grid > [class*="ten wide"].column { - width: 62.5% !important; -} - -.ui.grid > .row > [class*="eleven wide"].column, -.ui.grid > .column.row > [class*="eleven wide"].column, -.ui.grid > [class*="eleven wide"].column, -.ui.column.grid > [class*="eleven wide"].column { - width: 68.75% !important; -} - -.ui.grid > .row > [class*="twelve wide"].column, -.ui.grid > .column.row > [class*="twelve wide"].column, -.ui.grid > [class*="twelve wide"].column, -.ui.column.grid > [class*="twelve wide"].column { - width: 75% !important; -} - -.ui.grid > .row > [class*="thirteen wide"].column, -.ui.grid > .column.row > [class*="thirteen wide"].column, -.ui.grid > [class*="thirteen wide"].column, -.ui.column.grid > [class*="thirteen wide"].column { - width: 81.25% !important; -} - -.ui.grid > .row > [class*="fourteen wide"].column, -.ui.grid > .column.row > [class*="fourteen wide"].column, -.ui.grid > [class*="fourteen wide"].column, -.ui.column.grid > [class*="fourteen wide"].column { - width: 87.5% !important; -} - -.ui.grid > .row > [class*="fifteen wide"].column, -.ui.grid > .column.row > [class*="fifteen wide"].column, -.ui.grid > [class*="fifteen wide"].column, -.ui.column.grid > [class*="fifteen wide"].column { - width: 93.75% !important; -} - -.ui.grid > .row > [class*="sixteen wide"].column, -.ui.grid > .column.row > [class*="sixteen wide"].column, -.ui.grid > [class*="sixteen wide"].column, -.ui.column.grid > [class*="sixteen wide"].column { - width: 100% !important; -} - -/*---------------------- - Width per Device ------------------------*/ - -/* Mobile Sizing Combinations */ - -@media only screen and (min-width: 320px) and (max-width: 767px) { - .ui.grid > .row > [class*="one wide mobile"].column, - .ui.grid > .column.row > [class*="one wide mobile"].column, - .ui.grid > [class*="one wide mobile"].column, - .ui.column.grid > [class*="one wide mobile"].column { - width: 6.25% !important; - } - - .ui.grid > .row > [class*="two wide mobile"].column, - .ui.grid > .column.row > [class*="two wide mobile"].column, - .ui.grid > [class*="two wide mobile"].column, - .ui.column.grid > [class*="two wide mobile"].column { - width: 12.5% !important; - } - - .ui.grid > .row > [class*="three wide mobile"].column, - .ui.grid > .column.row > [class*="three wide mobile"].column, - .ui.grid > [class*="three wide mobile"].column, - .ui.column.grid > [class*="three wide mobile"].column { - width: 18.75% !important; - } - - .ui.grid > .row > [class*="four wide mobile"].column, - .ui.grid > .column.row > [class*="four wide mobile"].column, - .ui.grid > [class*="four wide mobile"].column, - .ui.column.grid > [class*="four wide mobile"].column { - width: 25% !important; - } - - .ui.grid > .row > [class*="five wide mobile"].column, - .ui.grid > .column.row > [class*="five wide mobile"].column, - .ui.grid > [class*="five wide mobile"].column, - .ui.column.grid > [class*="five wide mobile"].column { - width: 31.25% !important; - } - - .ui.grid > .row > [class*="six wide mobile"].column, - .ui.grid > .column.row > [class*="six wide mobile"].column, - .ui.grid > [class*="six wide mobile"].column, - .ui.column.grid > [class*="six wide mobile"].column { - width: 37.5% !important; - } - - .ui.grid > .row > [class*="seven wide mobile"].column, - .ui.grid > .column.row > [class*="seven wide mobile"].column, - .ui.grid > [class*="seven wide mobile"].column, - .ui.column.grid > [class*="seven wide mobile"].column { - width: 43.75% !important; - } - - .ui.grid > .row > [class*="eight wide mobile"].column, - .ui.grid > .column.row > [class*="eight wide mobile"].column, - .ui.grid > [class*="eight wide mobile"].column, - .ui.column.grid > [class*="eight wide mobile"].column { - width: 50% !important; - } - - .ui.grid > .row > [class*="nine wide mobile"].column, - .ui.grid > .column.row > [class*="nine wide mobile"].column, - .ui.grid > [class*="nine wide mobile"].column, - .ui.column.grid > [class*="nine wide mobile"].column { - width: 56.25% !important; - } - - .ui.grid > .row > [class*="ten wide mobile"].column, - .ui.grid > .column.row > [class*="ten wide mobile"].column, - .ui.grid > [class*="ten wide mobile"].column, - .ui.column.grid > [class*="ten wide mobile"].column { - width: 62.5% !important; - } - - .ui.grid > .row > [class*="eleven wide mobile"].column, - .ui.grid > .column.row > [class*="eleven wide mobile"].column, - .ui.grid > [class*="eleven wide mobile"].column, - .ui.column.grid > [class*="eleven wide mobile"].column { - width: 68.75% !important; - } - - .ui.grid > .row > [class*="twelve wide mobile"].column, - .ui.grid > .column.row > [class*="twelve wide mobile"].column, - .ui.grid > [class*="twelve wide mobile"].column, - .ui.column.grid > [class*="twelve wide mobile"].column { - width: 75% !important; - } - - .ui.grid > .row > [class*="thirteen wide mobile"].column, - .ui.grid > .column.row > [class*="thirteen wide mobile"].column, - .ui.grid > [class*="thirteen wide mobile"].column, - .ui.column.grid > [class*="thirteen wide mobile"].column { - width: 81.25% !important; - } - - .ui.grid > .row > [class*="fourteen wide mobile"].column, - .ui.grid > .column.row > [class*="fourteen wide mobile"].column, - .ui.grid > [class*="fourteen wide mobile"].column, - .ui.column.grid > [class*="fourteen wide mobile"].column { - width: 87.5% !important; - } - - .ui.grid > .row > [class*="fifteen wide mobile"].column, - .ui.grid > .column.row > [class*="fifteen wide mobile"].column, - .ui.grid > [class*="fifteen wide mobile"].column, - .ui.column.grid > [class*="fifteen wide mobile"].column { - width: 93.75% !important; - } - - .ui.grid > .row > [class*="sixteen wide mobile"].column, - .ui.grid > .column.row > [class*="sixteen wide mobile"].column, - .ui.grid > [class*="sixteen wide mobile"].column, - .ui.column.grid > [class*="sixteen wide mobile"].column { - width: 100% !important; - } -} - -/* Tablet Sizing Combinations */ - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.grid > .row > [class*="one wide tablet"].column, - .ui.grid > .column.row > [class*="one wide tablet"].column, - .ui.grid > [class*="one wide tablet"].column, - .ui.column.grid > [class*="one wide tablet"].column { - width: 6.25% !important; - } - - .ui.grid > .row > [class*="two wide tablet"].column, - .ui.grid > .column.row > [class*="two wide tablet"].column, - .ui.grid > [class*="two wide tablet"].column, - .ui.column.grid > [class*="two wide tablet"].column { - width: 12.5% !important; - } - - .ui.grid > .row > [class*="three wide tablet"].column, - .ui.grid > .column.row > [class*="three wide tablet"].column, - .ui.grid > [class*="three wide tablet"].column, - .ui.column.grid > [class*="three wide tablet"].column { - width: 18.75% !important; - } - - .ui.grid > .row > [class*="four wide tablet"].column, - .ui.grid > .column.row > [class*="four wide tablet"].column, - .ui.grid > [class*="four wide tablet"].column, - .ui.column.grid > [class*="four wide tablet"].column { - width: 25% !important; - } - - .ui.grid > .row > [class*="five wide tablet"].column, - .ui.grid > .column.row > [class*="five wide tablet"].column, - .ui.grid > [class*="five wide tablet"].column, - .ui.column.grid > [class*="five wide tablet"].column { - width: 31.25% !important; - } - - .ui.grid > .row > [class*="six wide tablet"].column, - .ui.grid > .column.row > [class*="six wide tablet"].column, - .ui.grid > [class*="six wide tablet"].column, - .ui.column.grid > [class*="six wide tablet"].column { - width: 37.5% !important; - } - - .ui.grid > .row > [class*="seven wide tablet"].column, - .ui.grid > .column.row > [class*="seven wide tablet"].column, - .ui.grid > [class*="seven wide tablet"].column, - .ui.column.grid > [class*="seven wide tablet"].column { - width: 43.75% !important; - } - - .ui.grid > .row > [class*="eight wide tablet"].column, - .ui.grid > .column.row > [class*="eight wide tablet"].column, - .ui.grid > [class*="eight wide tablet"].column, - .ui.column.grid > [class*="eight wide tablet"].column { - width: 50% !important; - } - - .ui.grid > .row > [class*="nine wide tablet"].column, - .ui.grid > .column.row > [class*="nine wide tablet"].column, - .ui.grid > [class*="nine wide tablet"].column, - .ui.column.grid > [class*="nine wide tablet"].column { - width: 56.25% !important; - } - - .ui.grid > .row > [class*="ten wide tablet"].column, - .ui.grid > .column.row > [class*="ten wide tablet"].column, - .ui.grid > [class*="ten wide tablet"].column, - .ui.column.grid > [class*="ten wide tablet"].column { - width: 62.5% !important; - } - - .ui.grid > .row > [class*="eleven wide tablet"].column, - .ui.grid > .column.row > [class*="eleven wide tablet"].column, - .ui.grid > [class*="eleven wide tablet"].column, - .ui.column.grid > [class*="eleven wide tablet"].column { - width: 68.75% !important; - } - - .ui.grid > .row > [class*="twelve wide tablet"].column, - .ui.grid > .column.row > [class*="twelve wide tablet"].column, - .ui.grid > [class*="twelve wide tablet"].column, - .ui.column.grid > [class*="twelve wide tablet"].column { - width: 75% !important; - } - - .ui.grid > .row > [class*="thirteen wide tablet"].column, - .ui.grid > .column.row > [class*="thirteen wide tablet"].column, - .ui.grid > [class*="thirteen wide tablet"].column, - .ui.column.grid > [class*="thirteen wide tablet"].column { - width: 81.25% !important; - } - - .ui.grid > .row > [class*="fourteen wide tablet"].column, - .ui.grid > .column.row > [class*="fourteen wide tablet"].column, - .ui.grid > [class*="fourteen wide tablet"].column, - .ui.column.grid > [class*="fourteen wide tablet"].column { - width: 87.5% !important; - } - - .ui.grid > .row > [class*="fifteen wide tablet"].column, - .ui.grid > .column.row > [class*="fifteen wide tablet"].column, - .ui.grid > [class*="fifteen wide tablet"].column, - .ui.column.grid > [class*="fifteen wide tablet"].column { - width: 93.75% !important; - } - - .ui.grid > .row > [class*="sixteen wide tablet"].column, - .ui.grid > .column.row > [class*="sixteen wide tablet"].column, - .ui.grid > [class*="sixteen wide tablet"].column, - .ui.column.grid > [class*="sixteen wide tablet"].column { - width: 100% !important; - } -} - -/* Computer/Desktop Sizing Combinations */ - -@media only screen and (min-width: 992px) { - .ui.grid > .row > [class*="one wide computer"].column, - .ui.grid > .column.row > [class*="one wide computer"].column, - .ui.grid > [class*="one wide computer"].column, - .ui.column.grid > [class*="one wide computer"].column { - width: 6.25% !important; - } - - .ui.grid > .row > [class*="two wide computer"].column, - .ui.grid > .column.row > [class*="two wide computer"].column, - .ui.grid > [class*="two wide computer"].column, - .ui.column.grid > [class*="two wide computer"].column { - width: 12.5% !important; - } - - .ui.grid > .row > [class*="three wide computer"].column, - .ui.grid > .column.row > [class*="three wide computer"].column, - .ui.grid > [class*="three wide computer"].column, - .ui.column.grid > [class*="three wide computer"].column { - width: 18.75% !important; - } - - .ui.grid > .row > [class*="four wide computer"].column, - .ui.grid > .column.row > [class*="four wide computer"].column, - .ui.grid > [class*="four wide computer"].column, - .ui.column.grid > [class*="four wide computer"].column { - width: 25% !important; - } - - .ui.grid > .row > [class*="five wide computer"].column, - .ui.grid > .column.row > [class*="five wide computer"].column, - .ui.grid > [class*="five wide computer"].column, - .ui.column.grid > [class*="five wide computer"].column { - width: 31.25% !important; - } - - .ui.grid > .row > [class*="six wide computer"].column, - .ui.grid > .column.row > [class*="six wide computer"].column, - .ui.grid > [class*="six wide computer"].column, - .ui.column.grid > [class*="six wide computer"].column { - width: 37.5% !important; - } - - .ui.grid > .row > [class*="seven wide computer"].column, - .ui.grid > .column.row > [class*="seven wide computer"].column, - .ui.grid > [class*="seven wide computer"].column, - .ui.column.grid > [class*="seven wide computer"].column { - width: 43.75% !important; - } - - .ui.grid > .row > [class*="eight wide computer"].column, - .ui.grid > .column.row > [class*="eight wide computer"].column, - .ui.grid > [class*="eight wide computer"].column, - .ui.column.grid > [class*="eight wide computer"].column { - width: 50% !important; - } - - .ui.grid > .row > [class*="nine wide computer"].column, - .ui.grid > .column.row > [class*="nine wide computer"].column, - .ui.grid > [class*="nine wide computer"].column, - .ui.column.grid > [class*="nine wide computer"].column { - width: 56.25% !important; - } - - .ui.grid > .row > [class*="ten wide computer"].column, - .ui.grid > .column.row > [class*="ten wide computer"].column, - .ui.grid > [class*="ten wide computer"].column, - .ui.column.grid > [class*="ten wide computer"].column { - width: 62.5% !important; - } - - .ui.grid > .row > [class*="eleven wide computer"].column, - .ui.grid > .column.row > [class*="eleven wide computer"].column, - .ui.grid > [class*="eleven wide computer"].column, - .ui.column.grid > [class*="eleven wide computer"].column { - width: 68.75% !important; - } - - .ui.grid > .row > [class*="twelve wide computer"].column, - .ui.grid > .column.row > [class*="twelve wide computer"].column, - .ui.grid > [class*="twelve wide computer"].column, - .ui.column.grid > [class*="twelve wide computer"].column { - width: 75% !important; - } - - .ui.grid > .row > [class*="thirteen wide computer"].column, - .ui.grid > .column.row > [class*="thirteen wide computer"].column, - .ui.grid > [class*="thirteen wide computer"].column, - .ui.column.grid > [class*="thirteen wide computer"].column { - width: 81.25% !important; - } - - .ui.grid > .row > [class*="fourteen wide computer"].column, - .ui.grid > .column.row > [class*="fourteen wide computer"].column, - .ui.grid > [class*="fourteen wide computer"].column, - .ui.column.grid > [class*="fourteen wide computer"].column { - width: 87.5% !important; - } - - .ui.grid > .row > [class*="fifteen wide computer"].column, - .ui.grid > .column.row > [class*="fifteen wide computer"].column, - .ui.grid > [class*="fifteen wide computer"].column, - .ui.column.grid > [class*="fifteen wide computer"].column { - width: 93.75% !important; - } - - .ui.grid > .row > [class*="sixteen wide computer"].column, - .ui.grid > .column.row > [class*="sixteen wide computer"].column, - .ui.grid > [class*="sixteen wide computer"].column, - .ui.column.grid > [class*="sixteen wide computer"].column { - width: 100% !important; - } -} - -/* Large Monitor Sizing Combinations */ - -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui.grid > .row > [class*="one wide large screen"].column, - .ui.grid > .column.row > [class*="one wide large screen"].column, - .ui.grid > [class*="one wide large screen"].column, - .ui.column.grid > [class*="one wide large screen"].column { - width: 6.25% !important; - } - - .ui.grid > .row > [class*="two wide large screen"].column, - .ui.grid > .column.row > [class*="two wide large screen"].column, - .ui.grid > [class*="two wide large screen"].column, - .ui.column.grid > [class*="two wide large screen"].column { - width: 12.5% !important; - } - - .ui.grid > .row > [class*="three wide large screen"].column, - .ui.grid > .column.row > [class*="three wide large screen"].column, - .ui.grid > [class*="three wide large screen"].column, - .ui.column.grid > [class*="three wide large screen"].column { - width: 18.75% !important; - } - - .ui.grid > .row > [class*="four wide large screen"].column, - .ui.grid > .column.row > [class*="four wide large screen"].column, - .ui.grid > [class*="four wide large screen"].column, - .ui.column.grid > [class*="four wide large screen"].column { - width: 25% !important; - } - - .ui.grid > .row > [class*="five wide large screen"].column, - .ui.grid > .column.row > [class*="five wide large screen"].column, - .ui.grid > [class*="five wide large screen"].column, - .ui.column.grid > [class*="five wide large screen"].column { - width: 31.25% !important; - } - - .ui.grid > .row > [class*="six wide large screen"].column, - .ui.grid > .column.row > [class*="six wide large screen"].column, - .ui.grid > [class*="six wide large screen"].column, - .ui.column.grid > [class*="six wide large screen"].column { - width: 37.5% !important; - } - - .ui.grid > .row > [class*="seven wide large screen"].column, - .ui.grid > .column.row > [class*="seven wide large screen"].column, - .ui.grid > [class*="seven wide large screen"].column, - .ui.column.grid > [class*="seven wide large screen"].column { - width: 43.75% !important; - } - - .ui.grid > .row > [class*="eight wide large screen"].column, - .ui.grid > .column.row > [class*="eight wide large screen"].column, - .ui.grid > [class*="eight wide large screen"].column, - .ui.column.grid > [class*="eight wide large screen"].column { - width: 50% !important; - } - - .ui.grid > .row > [class*="nine wide large screen"].column, - .ui.grid > .column.row > [class*="nine wide large screen"].column, - .ui.grid > [class*="nine wide large screen"].column, - .ui.column.grid > [class*="nine wide large screen"].column { - width: 56.25% !important; - } - - .ui.grid > .row > [class*="ten wide large screen"].column, - .ui.grid > .column.row > [class*="ten wide large screen"].column, - .ui.grid > [class*="ten wide large screen"].column, - .ui.column.grid > [class*="ten wide large screen"].column { - width: 62.5% !important; - } - - .ui.grid > .row > [class*="eleven wide large screen"].column, - .ui.grid > .column.row > [class*="eleven wide large screen"].column, - .ui.grid > [class*="eleven wide large screen"].column, - .ui.column.grid > [class*="eleven wide large screen"].column { - width: 68.75% !important; - } - - .ui.grid > .row > [class*="twelve wide large screen"].column, - .ui.grid > .column.row > [class*="twelve wide large screen"].column, - .ui.grid > [class*="twelve wide large screen"].column, - .ui.column.grid > [class*="twelve wide large screen"].column { - width: 75% !important; - } - - .ui.grid > .row > [class*="thirteen wide large screen"].column, - .ui.grid > .column.row > [class*="thirteen wide large screen"].column, - .ui.grid > [class*="thirteen wide large screen"].column, - .ui.column.grid > [class*="thirteen wide large screen"].column { - width: 81.25% !important; - } - - .ui.grid > .row > [class*="fourteen wide large screen"].column, - .ui.grid > .column.row > [class*="fourteen wide large screen"].column, - .ui.grid > [class*="fourteen wide large screen"].column, - .ui.column.grid > [class*="fourteen wide large screen"].column { - width: 87.5% !important; - } - - .ui.grid > .row > [class*="fifteen wide large screen"].column, - .ui.grid > .column.row > [class*="fifteen wide large screen"].column, - .ui.grid > [class*="fifteen wide large screen"].column, - .ui.column.grid > [class*="fifteen wide large screen"].column { - width: 93.75% !important; - } - - .ui.grid > .row > [class*="sixteen wide large screen"].column, - .ui.grid > .column.row > [class*="sixteen wide large screen"].column, - .ui.grid > [class*="sixteen wide large screen"].column, - .ui.column.grid > [class*="sixteen wide large screen"].column { - width: 100% !important; - } -} - -/* Widescreen Sizing Combinations */ - -@media only screen and (min-width: 1920px) { - .ui.grid > .row > [class*="one wide widescreen"].column, - .ui.grid > .column.row > [class*="one wide widescreen"].column, - .ui.grid > [class*="one wide widescreen"].column, - .ui.column.grid > [class*="one wide widescreen"].column { - width: 6.25% !important; - } - - .ui.grid > .row > [class*="two wide widescreen"].column, - .ui.grid > .column.row > [class*="two wide widescreen"].column, - .ui.grid > [class*="two wide widescreen"].column, - .ui.column.grid > [class*="two wide widescreen"].column { - width: 12.5% !important; - } - - .ui.grid > .row > [class*="three wide widescreen"].column, - .ui.grid > .column.row > [class*="three wide widescreen"].column, - .ui.grid > [class*="three wide widescreen"].column, - .ui.column.grid > [class*="three wide widescreen"].column { - width: 18.75% !important; - } - - .ui.grid > .row > [class*="four wide widescreen"].column, - .ui.grid > .column.row > [class*="four wide widescreen"].column, - .ui.grid > [class*="four wide widescreen"].column, - .ui.column.grid > [class*="four wide widescreen"].column { - width: 25% !important; - } - - .ui.grid > .row > [class*="five wide widescreen"].column, - .ui.grid > .column.row > [class*="five wide widescreen"].column, - .ui.grid > [class*="five wide widescreen"].column, - .ui.column.grid > [class*="five wide widescreen"].column { - width: 31.25% !important; - } - - .ui.grid > .row > [class*="six wide widescreen"].column, - .ui.grid > .column.row > [class*="six wide widescreen"].column, - .ui.grid > [class*="six wide widescreen"].column, - .ui.column.grid > [class*="six wide widescreen"].column { - width: 37.5% !important; - } - - .ui.grid > .row > [class*="seven wide widescreen"].column, - .ui.grid > .column.row > [class*="seven wide widescreen"].column, - .ui.grid > [class*="seven wide widescreen"].column, - .ui.column.grid > [class*="seven wide widescreen"].column { - width: 43.75% !important; - } - - .ui.grid > .row > [class*="eight wide widescreen"].column, - .ui.grid > .column.row > [class*="eight wide widescreen"].column, - .ui.grid > [class*="eight wide widescreen"].column, - .ui.column.grid > [class*="eight wide widescreen"].column { - width: 50% !important; - } - - .ui.grid > .row > [class*="nine wide widescreen"].column, - .ui.grid > .column.row > [class*="nine wide widescreen"].column, - .ui.grid > [class*="nine wide widescreen"].column, - .ui.column.grid > [class*="nine wide widescreen"].column { - width: 56.25% !important; - } - - .ui.grid > .row > [class*="ten wide widescreen"].column, - .ui.grid > .column.row > [class*="ten wide widescreen"].column, - .ui.grid > [class*="ten wide widescreen"].column, - .ui.column.grid > [class*="ten wide widescreen"].column { - width: 62.5% !important; - } - - .ui.grid > .row > [class*="eleven wide widescreen"].column, - .ui.grid > .column.row > [class*="eleven wide widescreen"].column, - .ui.grid > [class*="eleven wide widescreen"].column, - .ui.column.grid > [class*="eleven wide widescreen"].column { - width: 68.75% !important; - } - - .ui.grid > .row > [class*="twelve wide widescreen"].column, - .ui.grid > .column.row > [class*="twelve wide widescreen"].column, - .ui.grid > [class*="twelve wide widescreen"].column, - .ui.column.grid > [class*="twelve wide widescreen"].column { - width: 75% !important; - } - - .ui.grid > .row > [class*="thirteen wide widescreen"].column, - .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, - .ui.grid > [class*="thirteen wide widescreen"].column, - .ui.column.grid > [class*="thirteen wide widescreen"].column { - width: 81.25% !important; - } - - .ui.grid > .row > [class*="fourteen wide widescreen"].column, - .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, - .ui.grid > [class*="fourteen wide widescreen"].column, - .ui.column.grid > [class*="fourteen wide widescreen"].column { - width: 87.5% !important; - } - - .ui.grid > .row > [class*="fifteen wide widescreen"].column, - .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, - .ui.grid > [class*="fifteen wide widescreen"].column, - .ui.column.grid > [class*="fifteen wide widescreen"].column { - width: 93.75% !important; - } - - .ui.grid > .row > [class*="sixteen wide widescreen"].column, - .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, - .ui.grid > [class*="sixteen wide widescreen"].column, - .ui.column.grid > [class*="sixteen wide widescreen"].column { - width: 100% !important; - } -} - -/*---------------------- - Centered ------------------------*/ - -.ui.centered.grid, -.ui.centered.grid > .row, -.ui.grid > .centered.row { - text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} - -.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), -.ui.centered.grid > .row > .column:not(.aligned):not(.justified), -.ui.grid .centered.row > .column:not(.aligned):not(.justified) { - text-align: left; -} - -.ui.grid > .centered.column, -.ui.grid > .row > .centered.column { - display: block; - margin-left: auto; - margin-right: auto; -} - -/*---------------------- - Relaxed ------------------------*/ - -.ui.relaxed.grid > .column:not(.row), -.ui.relaxed.grid > .row > .column, -.ui.grid > .relaxed.row > .column { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.ui[class*="very relaxed"].grid > .column:not(.row), -.ui[class*="very relaxed"].grid > .row > .column, -.ui.grid > [class*="very relaxed"].row > .column { - padding-left: 2.5rem; - padding-right: 2.5rem; -} - -/* Coupling with UI Divider */ - -.ui.relaxed.grid .row + .ui.divider, -.ui.grid .relaxed.row + .ui.divider { - margin-left: 1.5rem; - margin-right: 1.5rem; -} - -.ui[class*="very relaxed"].grid .row + .ui.divider, -.ui.grid [class*="very relaxed"].row + .ui.divider { - margin-left: 2.5rem; - margin-right: 2.5rem; -} - -/*---------------------- - Padded ------------------------*/ - -.ui.padded.grid:not(.vertically):not(.horizontally) { - margin: 0em !important; -} - -[class*="horizontally padded"].ui.grid { - margin-left: 0em !important; - margin-right: 0em !important; -} - -[class*="vertically padded"].ui.grid { - margin-top: 0em !important; - margin-bottom: 0em !important; -} - -/*---------------------- - "Floated" ------------------------*/ - -.ui.grid [class*="left floated"].column { - margin-right: auto; -} - -.ui.grid [class*="right floated"].column { - margin-left: auto; -} - -/*---------------------- - Divided ------------------------*/ - -.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), -.ui.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); -} - -/* Swap from padding to margin on columns to have dividers align */ - -.ui[class*="vertically divided"].grid > .column:not(.row), -.ui[class*="vertically divided"].grid > .row > .column { - margin-top: 1rem; - margin-bottom: 1rem; - padding-top: 0rem; - padding-bottom: 0rem; -} - -.ui[class*="vertically divided"].grid > .row { - margin-top: 0em; - margin-bottom: 0em; -} - -/* No divider on first column on row */ - -.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, -.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* No space on top of first row */ - -.ui[class*="vertically divided"].grid > .row:first-child > .column { - margin-top: 0em; -} - -/* Divided Row */ - -.ui.grid > .divided.row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); -} - -.ui.grid > .divided.row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Vertically Divided */ - -.ui[class*="vertically divided"].grid > .row { - position: relative; -} - -.ui[class*="vertically divided"].grid > .row:before { - position: absolute; - content: ""; - top: 0em; - left: 0px; - width: calc(100% - 2rem ); - height: 1px; - margin: 0% 1rem; - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); -} - -/* Padded Horizontally Divided */ - -[class*="horizontally padded"].ui.divided.grid, -.ui.padded.divided.grid:not(.vertically):not(.horizontally) { - width: 100%; -} - -/* First Row Vertically Divided */ - -.ui[class*="vertically divided"].grid > .row:first-child:before { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Inverted Divided */ - -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); - box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); -} - -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.inverted[class*="vertically divided"].grid > .row:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); - box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); -} - -/* Relaxed */ - -.ui.relaxed[class*="vertically divided"].grid > .row:before { - margin-left: 1.5rem; - margin-right: 1.5rem; - width: calc(100% - 3rem ); -} - -.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before { - margin-left: 5rem; - margin-right: 5rem; - width: calc(100% - 5rem ); -} - -/*---------------------- - Celled ------------------------*/ - -.ui.celled.grid { - width: 100%; - margin: 1em 0em; - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5; -} - -.ui.celled.grid > .row { - width: 100% !important; - margin: 0em; - padding: 0em; - -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5; - box-shadow: 0px -1px 0px 0px #D4D4D5; -} - -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; -} - -.ui.celled.grid > .column:first-child, -.ui.celled.grid > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - padding: 1em; -} - -.ui.relaxed.celled.grid > .column:not(.row), -.ui.relaxed.celled.grid > .row > .column { - padding: 1.5em; -} - -.ui[class*="very relaxed"].celled.grid > .column:not(.row), -.ui[class*="very relaxed"].celled.grid > .row > .column { - padding: 2em; -} - -/* Internally Celled */ - -.ui[class*="internally celled"].grid { - -webkit-box-shadow: none; - box-shadow: none; - margin: 0em; -} - -.ui[class*="internally celled"].grid > .row:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui[class*="internally celled"].grid > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; -} - -/*---------------------- - Vertically Aligned ------------------------*/ - -/* Top Aligned */ - -.ui[class*="top aligned"].grid > .column:not(.row), -.ui[class*="top aligned"].grid > .row > .column, -.ui.grid > [class*="top aligned"].row > .column, -.ui.grid > [class*="top aligned"].column:not(.row), -.ui.grid > .row > [class*="top aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: top; - -ms-flex-item-align: start !important; - align-self: flex-start !important; -} - -/* Middle Aligned */ - -.ui[class*="middle aligned"].grid > .column:not(.row), -.ui[class*="middle aligned"].grid > .row > .column, -.ui.grid > [class*="middle aligned"].row > .column, -.ui.grid > [class*="middle aligned"].column:not(.row), -.ui.grid > .row > [class*="middle aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: middle; - -ms-flex-item-align: center !important; - align-self: center !important; -} - -/* Bottom Aligned */ - -.ui[class*="bottom aligned"].grid > .column:not(.row), -.ui[class*="bottom aligned"].grid > .row > .column, -.ui.grid > [class*="bottom aligned"].row > .column, -.ui.grid > [class*="bottom aligned"].column:not(.row), -.ui.grid > .row > [class*="bottom aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - vertical-align: bottom; - -ms-flex-item-align: end !important; - align-self: flex-end !important; -} - -/* Stretched */ - -.ui.stretched.grid > .row > .column, -.ui.stretched.grid > .column, -.ui.grid > .stretched.row > .column, -.ui.grid > .stretched.column:not(.row), -.ui.grid > .row > .stretched.column { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -.ui.stretched.grid > .row > .column > *, -.ui.stretched.grid > .column > *, -.ui.grid > .stretched.row > .column > *, -.ui.grid > .stretched.column:not(.row) > *, -.ui.grid > .row > .stretched.column > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -/*---------------------- - Horizontally Centered ------------------------*/ - -/* Left Aligned */ - -.ui[class*="left aligned"].grid > .column, -.ui[class*="left aligned"].grid > .row > .column, -.ui.grid > [class*="left aligned"].row > .column, -.ui.grid > [class*="left aligned"].column.column, -.ui.grid > .row > [class*="left aligned"].column.column { - text-align: left; - -ms-flex-item-align: inherit; - align-self: inherit; -} - -/* Center Aligned */ - -.ui[class*="center aligned"].grid > .column, -.ui[class*="center aligned"].grid > .row > .column, -.ui.grid > [class*="center aligned"].row > .column, -.ui.grid > [class*="center aligned"].column.column, -.ui.grid > .row > [class*="center aligned"].column.column { - text-align: center; - -ms-flex-item-align: inherit; - align-self: inherit; -} - -.ui[class*="center aligned"].grid { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} - -/* Right Aligned */ - -.ui[class*="right aligned"].grid > .column, -.ui[class*="right aligned"].grid > .row > .column, -.ui.grid > [class*="right aligned"].row > .column, -.ui.grid > [class*="right aligned"].column.column, -.ui.grid > .row > [class*="right aligned"].column.column { - text-align: right; - -ms-flex-item-align: inherit; - align-self: inherit; -} - -/* Justified */ - -.ui.justified.grid > .column, -.ui.justified.grid > .row > .column, -.ui.grid > .justified.row > .column, -.ui.grid > .justified.column.column, -.ui.grid > .row > .justified.column.column { - text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; -} - -/*---------------------- - Colored ------------------------*/ - -.ui.grid > .row > .red.column, -.ui.grid > .row > .orange.column, -.ui.grid > .row > .yellow.column, -.ui.grid > .row > .olive.column, -.ui.grid > .row > .green.column, -.ui.grid > .row > .teal.column, -.ui.grid > .row > .blue.column, -.ui.grid > .row > .violet.column, -.ui.grid > .row > .purple.column, -.ui.grid > .row > .pink.column, -.ui.grid > .row > .brown.column, -.ui.grid > .row > .grey.column, -.ui.grid > .row > .black.column { - margin-top: -1rem; - margin-bottom: -1rem; - padding-top: 1rem; - padding-bottom: 1rem; -} - -/* Red */ - -.ui.grid > .red.row, -.ui.grid > .red.column, -.ui.grid > .row > .red.column { - background-color: #DB2828 !important; - color: #FFFFFF; -} - -/* Orange */ - -.ui.grid > .orange.row, -.ui.grid > .orange.column, -.ui.grid > .row > .orange.column { - background-color: #F2711C !important; - color: #FFFFFF; -} - -/* Yellow */ - -.ui.grid > .yellow.row, -.ui.grid > .yellow.column, -.ui.grid > .row > .yellow.column { - background-color: #FBBD08 !important; - color: #FFFFFF; -} - -/* Olive */ - -.ui.grid > .olive.row, -.ui.grid > .olive.column, -.ui.grid > .row > .olive.column { - background-color: #B5CC18 !important; - color: #FFFFFF; -} - -/* Green */ - -.ui.grid > .green.row, -.ui.grid > .green.column, -.ui.grid > .row > .green.column { - background-color: #21BA45 !important; - color: #FFFFFF; -} - -/* Teal */ - -.ui.grid > .teal.row, -.ui.grid > .teal.column, -.ui.grid > .row > .teal.column { - background-color: #00B5AD !important; - color: #FFFFFF; -} - -/* Blue */ - -.ui.grid > .blue.row, -.ui.grid > .blue.column, -.ui.grid > .row > .blue.column { - background-color: #2185D0 !important; - color: #FFFFFF; -} - -/* Violet */ - -.ui.grid > .violet.row, -.ui.grid > .violet.column, -.ui.grid > .row > .violet.column { - background-color: #6435C9 !important; - color: #FFFFFF; -} - -/* Purple */ - -.ui.grid > .purple.row, -.ui.grid > .purple.column, -.ui.grid > .row > .purple.column { - background-color: #A333C8 !important; - color: #FFFFFF; -} - -/* Pink */ - -.ui.grid > .pink.row, -.ui.grid > .pink.column, -.ui.grid > .row > .pink.column { - background-color: #E03997 !important; - color: #FFFFFF; -} - -/* Brown */ - -.ui.grid > .brown.row, -.ui.grid > .brown.column, -.ui.grid > .row > .brown.column { - background-color: #A5673F !important; - color: #FFFFFF; -} - -/* Grey */ - -.ui.grid > .grey.row, -.ui.grid > .grey.column, -.ui.grid > .row > .grey.column { - background-color: #767676 !important; - color: #FFFFFF; -} - -/* Black */ - -.ui.grid > .black.row, -.ui.grid > .black.column, -.ui.grid > .row > .black.column { - background-color: #1B1C1D !important; - color: #FFFFFF; -} - -/*---------------------- - Equal Width ------------------------*/ - -.ui[class*="equal width"].grid > .column:not(.row), -.ui[class*="equal width"].grid > .row > .column, -.ui.grid > [class*="equal width"].row > .column { - display: inline-block; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.ui[class*="equal width"].grid > .wide.column, -.ui[class*="equal width"].grid > .row > .wide.column, -.ui.grid > [class*="equal width"].row > .wide.column { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; -} - -/*---------------------- - Reverse ------------------------*/ - -/* Mobile */ - -@media only screen and (max-width: 767px) { - .ui[class*="mobile reversed"].grid, - .ui[class*="mobile reversed"].grid > .row, - .ui.grid > [class*="mobile reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .ui[class*="mobile vertically reversed"].grid, - .ui.stackable[class*="mobile reversed"] { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - - /* Divided Reversed */ - - .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, - .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - } - - .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, - .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - - .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - } - - .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - - .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; - } - - .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} - -/* Tablet */ - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui[class*="tablet reversed"].grid, - .ui[class*="tablet reversed"].grid > .row, - .ui.grid > [class*="tablet reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .ui[class*="tablet vertically reversed"].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - - /* Divided Reversed */ - - .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, - .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - } - - .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, - .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - - .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - } - - .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - - .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; - } - - .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} - -/* Computer */ - -@media only screen and (min-width: 992px) { - .ui[class*="computer reversed"].grid, - .ui[class*="computer reversed"].grid > .row, - .ui.grid > [class*="computer reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .ui[class*="computer vertically reversed"].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; - } - - /* Divided Reversed */ - - .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, - .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - } - - .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, - .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Vertically Divided Reversed */ - - .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - } - - .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Celled Reversed */ - - .ui[class*="computer reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; - } - - .ui[class*="computer reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; - } -} - -/*------------------- - Doubling ---------------------*/ - -/* Tablet Only */ - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.doubling.grid { - width: auto; - } - - .ui.grid > .doubling.row, - .ui.doubling.grid > .row { - margin: 0em !important; - padding: 0em !important; - } - - .ui.grid > .doubling.row > .column, - .ui.doubling.grid > .row > .column { - display: inline-block !important; - padding-top: 1rem !important; - padding-bottom: 1rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - margin: 0em; - } - - .ui[class*="two column"].doubling.grid > .row > .column, - .ui[class*="two column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="two column"].doubling.row.row > .column { - width: 100% !important; - } - - .ui[class*="three column"].doubling.grid > .row > .column, - .ui[class*="three column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="three column"].doubling.row.row > .column { - width: 50% !important; - } - - .ui[class*="four column"].doubling.grid > .row > .column, - .ui[class*="four column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="four column"].doubling.row.row > .column { - width: 50% !important; - } - - .ui[class*="five column"].doubling.grid > .row > .column, - .ui[class*="five column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="five column"].doubling.row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="six column"].doubling.grid > .row > .column, - .ui[class*="six column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="six column"].doubling.row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="seven column"].doubling.grid > .row > .column, - .ui[class*="seven column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="seven column"].doubling.row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="eight column"].doubling.grid > .row > .column, - .ui[class*="eight column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="eight column"].doubling.row.row > .column { - width: 25% !important; - } - - .ui[class*="nine column"].doubling.grid > .row > .column, - .ui[class*="nine column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="nine column"].doubling.row.row > .column { - width: 25% !important; - } - - .ui[class*="ten column"].doubling.grid > .row > .column, - .ui[class*="ten column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="ten column"].doubling.row.row > .column { - width: 20% !important; - } - - .ui[class*="eleven column"].doubling.grid > .row > .column, - .ui[class*="eleven column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="eleven column"].doubling.row.row > .column { - width: 20% !important; - } - - .ui[class*="twelve column"].doubling.grid > .row > .column, - .ui[class*="twelve column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="twelve column"].doubling.row.row > .column { - width: 16.66666667% !important; - } - - .ui[class*="thirteen column"].doubling.grid > .row > .column, - .ui[class*="thirteen column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="thirteen column"].doubling.row.row > .column { - width: 16.66666667% !important; - } - - .ui[class*="fourteen column"].doubling.grid > .row > .column, - .ui[class*="fourteen column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="fourteen column"].doubling.row.row > .column { - width: 14.28571429% !important; - } - - .ui[class*="fifteen column"].doubling.grid > .row > .column, - .ui[class*="fifteen column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="fifteen column"].doubling.row.row > .column { - width: 14.28571429% !important; - } - - .ui[class*="sixteen column"].doubling.grid > .row > .column, - .ui[class*="sixteen column"].doubling.grid > .column:not(.row), - .ui.grid > [class*="sixteen column"].doubling.row.row > .column { - width: 12.5% !important; - } -} - -/* Mobile Only */ - -@media only screen and (max-width: 767px) { - .ui.grid > .doubling.row, - .ui.doubling.grid > .row { - margin: 0em !important; - padding: 0em !important; - } - - .ui.grid > .doubling.row > .column, - .ui.doubling.grid > .row > .column { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - margin: 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column { - width: 100% !important; - } - - .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column { - width: 50% !important; - } - - .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column { - width: 50% !important; - } - - .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column { - width: 50% !important; - } - - .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column { - width: 50% !important; - } - - .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column { - width: 50% !important; - } - - .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column { - width: 50% !important; - } - - .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column { - width: 33.33333333% !important; - } - - .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column { - width: 25% !important; - } - - .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column { - width: 25% !important; - } - - .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), - .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column { - width: 25% !important; - } -} - -/*------------------- - Stackable ---------------------*/ - -@media only screen and (max-width: 767px) { - .ui.stackable.grid { - width: auto; - margin-left: 0em !important; - margin-right: 0em !important; - } - - .ui.stackable.grid > .row > .wide.column, - .ui.stackable.grid > .wide.column, - .ui.stackable.grid > .column.grid > .column, - .ui.stackable.grid > .column.row > .column, - .ui.stackable.grid > .row > .column, - .ui.stackable.grid > .column:not(.row), - .ui.grid > .stackable.stackable.row > .column { - width: 100% !important; - margin: 0em 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding: 1rem 1rem !important; - } - - .ui.stackable.grid:not(.vertically) > .row { - margin: 0em; - padding: 0em; - } - - /* Coupling */ - - .ui.container > .ui.stackable.grid > .column, - .ui.container > .ui.stackable.grid > .row > .column { - padding-left: 0em !important; - padding-right: 0em !important; - } - - /* Don't pad inside segment or nested grid */ - - .ui.grid .ui.stackable.grid, - .ui.segment:not(.vertical) .ui.stackable.page.grid { - margin-left: -1rem !important; - margin-right: -1rem !important; - } - - /* Divided Stackable */ - - .ui.stackable.divided.grid > .row:first-child > .column:first-child, - .ui.stackable.celled.grid > .row:first-child > .column:first-child, - .ui.stackable.divided.grid > .column:not(.row):first-child, - .ui.stackable.celled.grid > .column:not(.row):first-child { - border-top: none !important; - } - - .ui.inverted.stackable.celled.grid > .column:not(.row), - .ui.inverted.stackable.divided.grid > .column:not(.row), - .ui.inverted.stackable.celled.grid > .row > .column, - .ui.inverted.stackable.divided.grid > .row > .column { - border-top: 1px solid rgba(255, 255, 255, 0.1); - } - - .ui.stackable.celled.grid > .column:not(.row), - .ui.stackable.divided:not(.vertically).grid > .column:not(.row), - .ui.stackable.celled.grid > .row > .column, - .ui.stackable.divided:not(.vertically).grid > .row > .column { - border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none !important; - box-shadow: none !important; - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - - .ui.stackable.celled.grid > .row { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - .ui.stackable.divided:not(.vertically).grid > .column:not(.row), - .ui.stackable.divided:not(.vertically).grid > .row > .column { - padding-left: 0em !important; - padding-right: 0em !important; - } -} - -/*---------------------- - Only (Device) ------------------------*/ - -/* These include arbitrary class repetitions for forced specificity */ - -/* Mobile Only Hide */ - -@media only screen and (max-width: 767px) { - .ui[class*="tablet only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) { - display: none !important; - } - - .ui[class*="computer only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) { - display: none !important; - } - - .ui[class*="large screen only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { - display: none !important; - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { - display: none !important; - } -} - -/* Tablet Only Hide */ - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui[class*="mobile only"].grid.grid.grid:not(.tablet), - .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), - .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), - .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) { - display: none !important; - } - - .ui[class*="computer only"].grid.grid.grid:not(.tablet), - .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), - .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), - .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) { - display: none !important; - } - - .ui[class*="large screen only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { - display: none !important; - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { - display: none !important; - } -} - -/* Computer Only Hide */ - -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .ui[class*="mobile only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { - display: none !important; - } - - .ui[class*="tablet only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { - display: none !important; - } - - .ui[class*="large screen only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { - display: none !important; - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { - display: none !important; - } -} - -/* Large Screen Only Hide */ - -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - .ui[class*="mobile only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { - display: none !important; - } - - .ui[class*="tablet only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { - display: none !important; - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { - display: none !important; - } -} - -/* Widescreen Only Hide */ - -@media only screen and (min-width: 1920px) { - .ui[class*="mobile only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { - display: none !important; - } - - .ui[class*="tablet only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { - display: none !important; - } -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/* - * # Semantic - Menu - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2015 Contributor - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -/*-------------- - Menu ----------------*/ - -.ui.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1rem 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #FFFFFF; - font-weight: normal; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - min-height: 2.85714286em; -} - -.ui.menu:after { - content: ''; - display: block; - height: 0px; - clear: both; - visibility: hidden; -} - -.ui.menu:first-child { - margin-top: 0rem; -} - -.ui.menu:last-child { - margin-bottom: 0rem; -} - -/*-------------- - Sub-Menu ----------------*/ - -.ui.menu .menu { - margin: 0em; -} - -.ui.menu:not(.vertical) > .menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------- - Item ----------------*/ - -.ui.menu:not(.vertical) .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.menu .item { - position: relative; - vertical-align: middle; - line-height: 1; - text-decoration: none; - -webkit-tap-highlight-color: transparent; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: none; - padding: 0.92857143em 1.14285714em; - text-transform: none; - color: rgba(0, 0, 0, 0.87); - font-weight: normal; - -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; -} - -.ui.menu > .item:first-child { - border-radius: 0.28571429rem 0px 0px 0.28571429rem; -} - -/* Border */ - -.ui.menu .item:before { - position: absolute; - content: ''; - top: 0%; - right: 0px; - height: 100%; - width: 1px; - background: rgba(34, 36, 38, 0.1); -} - -/*-------------- - Text Content ----------------*/ - -.ui.menu .text.item > *, -.ui.menu .item > a:not(.ui), -.ui.menu .item > p:only-child { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - line-height: 1.3; -} - -.ui.menu .item > p:first-child { - margin-top: 0; -} - -.ui.menu .item > p:last-child { - margin-bottom: 0; -} - -/*-------------- - Icons ----------------*/ - -.ui.menu .item > i.icon { - opacity: 0.9; - float: none; - margin: 0em 0.35714286em 0em 0em; -} - -/*-------------- - Button ----------------*/ - -.ui.menu:not(.vertical) .item > .button { - position: relative; - top: 0em; - margin: -0.5em 0em; - padding-bottom: 0.78571429em; - padding-top: 0.78571429em; - font-size: 1em; -} - -/*---------------- - Grid / Container ------------------*/ - -.ui.menu > .grid, -.ui.menu > .container { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: inherit; - -ms-flex-align: inherit; - align-items: inherit; - -webkit-box-orient: inherit; - -webkit-box-direction: inherit; - -ms-flex-direction: inherit; - flex-direction: inherit; -} - -/*-------------- - Inputs ----------------*/ - -.ui.menu .item > .input { - width: 100%; -} - -.ui.menu:not(.vertical) .item > .input { - position: relative; - top: 0em; - margin: -0.5em 0em; -} - -.ui.menu .item > .input input { - font-size: 1em; - padding-top: 0.57142857em; - padding-bottom: 0.57142857em; -} - -/*-------------- - Header ----------------*/ - -.ui.menu .header.item, -.ui.vertical.menu .header.item { - margin: 0em; - background: ''; - text-transform: normal; - font-weight: bold; -} - -.ui.vertical.menu .item > .header:not(.ui) { - margin: 0em 0em 0.5em; - font-size: 1em; - font-weight: bold; -} - -/*-------------- - Dropdowns ----------------*/ - -/* Dropdown Icon */ - -.ui.menu .item > i.dropdown.icon { - padding: 0em; - float: right; - margin: 0em 0em 0em 1em; -} - -/* Menu */ - -.ui.menu .dropdown.item .menu { - min-width: calc(100% - 1px); - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - background: #FFFFFF; - margin: 0em 0px 0px; - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; -} - -/* Menu Items */ - -.ui.menu .ui.dropdown .menu > .item { - margin: 0; - text-align: left; - font-size: 1em !important; - padding: 0.78571429em 1.14285714em !important; - background: transparent !important; - color: rgba(0, 0, 0, 0.87) !important; - text-transform: none !important; - font-weight: normal !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transition: none !important; - transition: none !important; -} - -.ui.menu .ui.dropdown .menu > .item:hover { - background: rgba(0, 0, 0, 0.05) !important; - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.menu .ui.dropdown .menu > .selected.item { - background: rgba(0, 0, 0, 0.05) !important; - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.menu .ui.dropdown .menu > .active.item { - background: rgba(0, 0, 0, 0.03) !important; - font-weight: bold !important; - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.menu .ui.dropdown.item .menu .item:not(.filtered) { - display: block; -} - -.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) { - display: inline-block; - font-size: 1em !important; - float: none; - margin: 0em 0.75em 0em 0em; -} - -/* Secondary */ - -.ui.secondary.menu .dropdown.item > .menu, -.ui.text.menu .dropdown.item > .menu { - border-radius: 0.28571429rem; - margin-top: 0.35714286em; -} - -/* Pointing */ - -.ui.menu .pointing.dropdown.item .menu { - margin-top: 0.75em; -} - -/* Inverted */ - -.ui.inverted.menu .search.dropdown.item > .search, -.ui.inverted.menu .search.dropdown.item > .text { - color: rgba(255, 255, 255, 0.9); -} - -/* Vertical */ - -.ui.vertical.menu .dropdown.item > .icon { - float: right; - content: "\f0da"; - margin-left: 1em; -} - -.ui.vertical.menu .dropdown.item .menu { - left: 100%; - min-width: 0; - margin: 0em 0em 0em 0em; - -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); - border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem; -} - -.ui.vertical.menu .dropdown.item.upward .menu { - bottom: 0; -} - -.ui.vertical.menu .dropdown.item:not(.upward) .menu { - top: 0; -} - -.ui.vertical.menu .active.dropdown.item { - border-top-right-radius: 0em; - border-bottom-right-radius: 0em; -} - -.ui.vertical.menu .dropdown.active.item { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Evenly Divided */ - -.ui.item.menu .dropdown .menu .item { - width: 100%; -} - -/*-------------- - Labels ----------------*/ - -.ui.menu .item > .label { - background: #999999; - color: #FFFFFF; - margin-left: 1em; - padding: 0.3em 0.78571429em; -} - -.ui.vertical.menu .item > .label { - background: #999999; - color: #FFFFFF; - margin-top: -0.15em; - margin-bottom: -0.15em; - padding: 0.3em 0.78571429em; -} - -.ui.menu .item > .floating.label { - padding: 0.3em 0.78571429em; -} - -/*-------------- - Images ----------------*/ - -.ui.menu .item > img:not(.ui) { - display: inline-block; - vertical-align: middle; - margin: -0.3em 0em; - width: 2.5em; -} - -.ui.vertical.menu .item > img:not(.ui):only-child { - display: block; - max-width: 100%; - width: auto; -} - -/******************************* - Coupling -*******************************/ - -/*-------------- - List ----------------*/ - -/* Menu divider shouldnt apply */ - -.ui.menu .list .item:before { - background: none !important; -} - -/*-------------- - Sidebar ----------------*/ - -/* Show vertical dividers below last */ - -.ui.vertical.sidebar.menu > .item:first-child:before { - display: block !important; -} - -.ui.vertical.sidebar.menu > .item::before { - top: auto; - bottom: 0px; -} - -/*-------------- - Container ----------------*/ - -@media only screen and (max-width: 767px) { - .ui.menu > .ui.container { - width: 100% !important; - margin-left: 0em !important; - margin-right: 0em !important; - } -} - -@media only screen and (min-width: 768px) { - .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child { - border-left: 1px solid rgba(34, 36, 38, 0.1); - } -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.link.menu .item:hover, -.ui.menu .dropdown.item:hover, -.ui.menu .link.item:hover, -.ui.menu a.item:hover { - cursor: pointer; - background: rgba(0, 0, 0, 0.03); - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Pressed ----------------*/ - -.ui.link.menu .item:active, -.ui.menu .link.item:active, -.ui.menu a.item:active { - background: rgba(0, 0, 0, 0.03); - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Active ----------------*/ - -.ui.menu .active.item { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - font-weight: normal; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.menu .active.item > i.icon { - opacity: 1; -} - -/*-------------- - Active Hover ----------------*/ - -.ui.menu .active.item:hover, -.ui.vertical.menu .active.item:hover { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Disabled ----------------*/ - -.ui.menu .item.disabled, -.ui.menu .item.disabled:hover { - cursor: default !important; - background-color: transparent !important; - color: rgba(40, 40, 40, 0.3) !important; -} - -/******************************* - Types -*******************************/ - -/*------------------ -Floated Menu / Item --------------------*/ - -/* Left Floated */ - -.ui.menu:not(.vertical) .left.item, -.ui.menu:not(.vertical) .left.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-right: auto !important; -} - -/* Right Floated */ - -.ui.menu:not(.vertical) .right.item, -.ui.menu:not(.vertical) .right.menu { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-left: auto !important; -} - -/* Swapped Borders */ - -.ui.menu .right.item::before, -.ui.menu .right.menu > .item::before { - right: auto; - left: 0; -} - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.menu { - display: block; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); -} - -/*--- Item ---*/ - -.ui.vertical.menu .item { - display: block; - background: none; - border-top: none; - border-right: none; -} - -.ui.vertical.menu > .item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0px 0px; -} - -.ui.vertical.menu > .item:last-child { - border-radius: 0px 0px 0.28571429rem 0.28571429rem; -} - -/*--- Label ---*/ - -.ui.vertical.menu .item > .label { - float: right; - text-align: center; -} - -/*--- Icon ---*/ - -.ui.vertical.menu .item > i.icon { - width: 1.18em; - float: right; - margin: 0em 0em 0em 0.5em; -} - -.ui.vertical.menu .item > .label + i.icon { - float: none; - margin: 0em 0.5em 0em 0em; -} - -/*--- Border ---*/ - -.ui.vertical.menu .item:before { - position: absolute; - content: ''; - top: 0%; - left: 0px; - width: 100%; - height: 1px; - background: rgba(34, 36, 38, 0.1); -} - -.ui.vertical.menu .item:first-child:before { - display: none !important; -} - -/*--- Sub Menu ---*/ - -.ui.vertical.menu .item > .menu { - margin: 0.5em -1.14285714em 0em; -} - -.ui.vertical.menu .menu .item { - background: none; - padding: 0.5em 1.33333333em; - font-size: 0.85714286em; - color: rgba(0, 0, 0, 0.5); -} - -.ui.vertical.menu .item .menu a.item:hover, -.ui.vertical.menu .item .menu .link.item:hover { - color: rgba(0, 0, 0, 0.85); -} - -.ui.vertical.menu .menu .item:before { - display: none; -} - -/* Vertical Active */ - -.ui.vertical.menu .active.item { - background: rgba(0, 0, 0, 0.05); - border-radius: 0em; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.vertical.menu > .active.item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.vertical.menu > .active.item:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui.vertical.menu > .active.item:only-child { - border-radius: 0.28571429rem; -} - -.ui.vertical.menu .active.item .menu .active.item { - border-left: none; -} - -.ui.vertical.menu .item .menu .active.item { - background-color: transparent; - font-weight: bold; - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Tabular ----------------*/ - -.ui.tabular.menu { - border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none; - background: none transparent; - border-bottom: 1px solid #D4D4D5; -} - -.ui.tabular.fluid.menu { - width: calc(100% + 2px ) !important; -} - -.ui.tabular.menu .item { - background: transparent; - border-bottom: none; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 2px solid transparent; - padding: 0.92857143em 1.42857143em; - color: rgba(0, 0, 0, 0.87); -} - -.ui.tabular.menu .item:before { - display: none; -} - -/* Hover */ - -.ui.tabular.menu .item:hover { - background-color: transparent; - color: rgba(0, 0, 0, 0.8); -} - -/* Active */ - -.ui.tabular.menu .active.item { - background: none #FFFFFF; - color: rgba(0, 0, 0, 0.95); - border-top-width: 1px; - border-color: #D4D4D5; - font-weight: bold; - margin-bottom: -1px; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0.28571429rem 0.28571429rem 0px 0px !important; -} - -/* Coupling with segment for attachment */ - -.ui.tabular.menu + .attached:not(.top).segment, -.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { - border-top: none; - margin-left: 0px; - margin-top: 0px; - margin-right: 0px; - width: 100%; -} - -.top.attached.segment + .ui.bottom.tabular.menu { - position: relative; - width: calc(100% + 2px ); - left: -1px; -} - -/* Bottom Vertical Tabular */ - -.ui.bottom.tabular.menu { - background: none transparent; - border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-top: 1px solid #D4D4D5; -} - -.ui.bottom.tabular.menu .item { - background: none; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-bottom: 1px solid transparent; - border-top: none; -} - -.ui.bottom.tabular.menu .active.item { - background: none #FFFFFF; - color: rgba(0, 0, 0, 0.95); - border-color: #D4D4D5; - margin: -1px 0px 0px 0px; - border-radius: 0px 0px 0.28571429rem 0.28571429rem !important; -} - -/* Vertical Tabular (Left) */ - -.ui.vertical.tabular.menu { - background: none transparent; - border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-right: 1px solid #D4D4D5; -} - -.ui.vertical.tabular.menu .item { - background: none; - border-left: 1px solid transparent; - border-bottom: 1px solid transparent; - border-top: 1px solid transparent; - border-right: none; -} - -.ui.vertical.tabular.menu .active.item { - background: none #FFFFFF; - color: rgba(0, 0, 0, 0.95); - border-color: #D4D4D5; - margin: 0px -1px 0px 0px; - border-radius: 0.28571429rem 0px 0px 0.28571429rem !important; -} - -/* Vertical Right Tabular */ - -.ui.vertical.right.tabular.menu { - background: none transparent; - border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-bottom: none; - border-right: none; - border-left: 1px solid #D4D4D5; -} - -.ui.vertical.right.tabular.menu .item { - background: none; - border-right: 1px solid transparent; - border-bottom: 1px solid transparent; - border-top: 1px solid transparent; - border-left: none; -} - -.ui.vertical.right.tabular.menu .active.item { - background: none #FFFFFF; - color: rgba(0, 0, 0, 0.95); - border-color: #D4D4D5; - margin: 0px 0px 0px -1px; - border-radius: 0px 0.28571429rem 0.28571429rem 0px !important; -} - -/* Dropdown */ - -.ui.tabular.menu .active.dropdown.item { - margin-bottom: 0px; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 2px solid transparent; - border-bottom: none; -} - -/*-------------- - Pagination ----------------*/ - -.ui.pagination.menu { - margin: 0em; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: middle; -} - -.ui.pagination.menu .item:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; -} - -.ui.compact.menu .item:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; -} - -.ui.pagination.menu .item:last-child:before { - display: none; -} - -.ui.pagination.menu .item { - min-width: 3em; - text-align: center; -} - -.ui.pagination.menu .icon.item i.icon { - vertical-align: top; -} - -/* Active */ - -.ui.pagination.menu .active.item { - border-top: none; - padding-top: 0.92857143em; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; - box-shadow: none; -} - -/*-------------- - Secondary ----------------*/ - -.ui.secondary.menu { - background: none; - margin-left: -0.35714286em; - margin-right: -0.35714286em; - border-radius: 0em; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Item */ - -.ui.secondary.menu .item { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - padding: 0.78571429em 0.92857143em; - margin: 0em 0.35714286em; - background: none; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; - border-radius: 0.28571429rem; -} - -/* No Divider */ - -.ui.secondary.menu .item:before { - display: none !important; -} - -/* Header */ - -.ui.secondary.menu .header.item { - border-radius: 0em; - border-right: none; - background: none transparent; -} - -/* Image */ - -.ui.secondary.menu .item > img:not(.ui) { - margin: 0em; -} - -/* Hover */ - -.ui.secondary.menu .dropdown.item:hover, -.ui.secondary.menu .link.item:hover, -.ui.secondary.menu a.item:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} - -/* Active */ - -.ui.secondary.menu .active.item { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - border-radius: 0.28571429rem; -} - -/* Active Hover */ - -.ui.secondary.menu .active.item:hover { - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} - -/* Inverted */ - -.ui.secondary.inverted.menu .link.item, -.ui.secondary.inverted.menu a.item { - color: rgba(255, 255, 255, 0.7) !important; -} - -.ui.secondary.inverted.menu .dropdown.item:hover, -.ui.secondary.inverted.menu .link.item:hover, -.ui.secondary.inverted.menu a.item:hover { - background: rgba(255, 255, 255, 0.08); - color: #ffffff !important; -} - -.ui.secondary.inverted.menu .active.item { - background: rgba(255, 255, 255, 0.15); - color: #ffffff !important; -} - -/* Fix item margins */ - -.ui.secondary.item.menu { - margin-left: 0em; - margin-right: 0em; -} - -.ui.secondary.item.menu .item:last-child { - margin-right: 0em; -} - -.ui.secondary.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Sub Menu */ - -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu { - margin: 0em -0.92857143em; -} - -.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item { - margin: 0em; - padding: 0.5em 1.33333333em; -} - -/*--------------------- - Secondary Vertical ------------------------*/ - -.ui.secondary.vertical.menu > .item { - border: none; - margin: 0em 0em 0.35714286em; - border-radius: 0.28571429rem !important; -} - -.ui.secondary.vertical.menu > .header.item { - border-radius: 0em; -} - -/* Sub Menu */ - -.ui.vertical.secondary.menu .item > .menu .item { - background-color: transparent; -} - -/* Inverted */ - -.ui.secondary.inverted.menu { - background-color: transparent; -} - -/*--------------------- - Secondary Pointing ------------------------*/ - -.ui.secondary.pointing.menu { - margin-left: 0em; - margin-right: 0em; - border-bottom: 2px solid rgba(34, 36, 38, 0.15); -} - -.ui.secondary.pointing.menu .item { - border-bottom-color: transparent; - border-bottom-style: solid; - border-radius: 0em; - -ms-flex-item-align: end; - align-self: flex-end; - margin: 0em 0em -2px; - padding: 0.85714286em 1.14285714em; - border-bottom-width: 2px; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -/* Item Types */ - -.ui.secondary.pointing.menu .header.item { - color: rgba(0, 0, 0, 0.85) !important; -} - -.ui.secondary.pointing.menu .text.item { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.ui.secondary.pointing.menu .item:after { - display: none; -} - -/* Hover */ - -.ui.secondary.pointing.menu .dropdown.item:hover, -.ui.secondary.pointing.menu .link.item:hover, -.ui.secondary.pointing.menu a.item:hover { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -/* Pressed */ - -.ui.secondary.pointing.menu .dropdown.item:active, -.ui.secondary.pointing.menu .link.item:active, -.ui.secondary.pointing.menu a.item:active { - background-color: transparent; - border-color: rgba(34, 36, 38, 0.15); -} - -/* Active */ - -.ui.secondary.pointing.menu .active.item { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - border-color: #1B1C1D; - font-weight: bold; - color: rgba(0, 0, 0, 0.95); -} - -/* Active Hover */ - -.ui.secondary.pointing.menu .active.item:hover { - border-color: #1B1C1D; - color: rgba(0, 0, 0, 0.95); -} - -/* Active Dropdown */ - -.ui.secondary.pointing.menu .active.dropdown.item { - border-color: transparent; -} - -/* Vertical Pointing */ - -.ui.secondary.vertical.pointing.menu { - border-bottom-width: 0px; - border-right-width: 2px; - border-right-style: solid; - border-right-color: rgba(34, 36, 38, 0.15); -} - -.ui.secondary.vertical.pointing.menu .item { - border-bottom: none; - border-right-style: solid; - border-right-color: transparent; - border-radius: 0em !important; - margin: 0em -2px 0em 0em; - border-right-width: 2px; -} - -/* Vertical Active */ - -.ui.secondary.vertical.pointing.menu .active.item { - border-color: #1B1C1D; -} - -/* Inverted */ - -.ui.secondary.inverted.pointing.menu { - border-color: rgba(255, 255, 255, 0.1); -} - -.ui.secondary.inverted.pointing.menu { - border-width: 2px; - border-color: rgba(34, 36, 38, 0.15); -} - -.ui.secondary.inverted.pointing.menu .item { - color: rgba(255, 255, 255, 0.9); -} - -.ui.secondary.inverted.pointing.menu .header.item { - color: #FFFFFF !important; -} - -/* Hover */ - -.ui.secondary.inverted.pointing.menu .link.item:hover, -.ui.secondary.inverted.pointing.menu a.item:hover { - color: rgba(0, 0, 0, 0.95); -} - -/* Active */ - -.ui.secondary.inverted.pointing.menu .active.item { - border-color: #FFFFFF; - color: #ffffff; -} - -/*-------------- - Text Menu ----------------*/ - -.ui.text.menu { - background: none transparent; - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - margin: 1em -0.5em; -} - -.ui.text.menu .item { - border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - -ms-flex-item-align: center; - align-self: center; - margin: 0em 0em; - padding: 0.35714286em 0.5em; - font-weight: normal; - color: rgba(0, 0, 0, 0.6); - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} - -/* Border */ - -.ui.text.menu .item:before, -.ui.text.menu .menu .item:before { - display: none !important; -} - -/* Header */ - -.ui.text.menu .header.item { - background-color: transparent; - opacity: 1; - color: rgba(0, 0, 0, 0.85); - font-size: 0.92857143em; - text-transform: uppercase; - font-weight: bold; -} - -/* Image */ - -.ui.text.menu .item > img:not(.ui) { - margin: 0em; -} - -/*--- fluid text ---*/ - -.ui.text.item.menu .item { - margin: 0em; -} - -/*--- vertical text ---*/ - -.ui.vertical.text.menu { - margin: 1em 0em; -} - -.ui.vertical.text.menu:first-child { - margin-top: 0rem; -} - -.ui.vertical.text.menu:last-child { - margin-bottom: 0rem; -} - -.ui.vertical.text.menu .item { - margin: 0.57142857em 0em; - padding-left: 0em; - padding-right: 0em; -} - -.ui.vertical.text.menu .item > i.icon { - float: none; - margin: 0em 0.35714286em 0em 0em; -} - -.ui.vertical.text.menu .header.item { - margin: 0.57142857em 0em 0.71428571em; -} - -/* Vertical Sub Menu */ - -.ui.vertical.text.menu .item:not(.dropdown) > .menu { - margin: 0em; -} - -.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item { - margin: 0em; - padding: 0.5em 0em; -} - -/*--- hover ---*/ - -.ui.text.menu .item:hover { - opacity: 1; - background-color: transparent; -} - -/*--- active ---*/ - -.ui.text.menu .active.item { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: normal; - color: rgba(0, 0, 0, 0.95); -} - -/*--- active hover ---*/ - -.ui.text.menu .active.item:hover { - background-color: transparent; -} - -/* Disable Bariations */ - -.ui.text.pointing.menu .active.item:after { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.text.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Inverted */ - -.ui.inverted.text.menu, -.ui.inverted.text.menu .item, -.ui.inverted.text.menu .item:hover, -.ui.inverted.text.menu .active.item { - background-color: transparent !important; -} - -/* Fluid */ - -.ui.fluid.text.menu { - margin-left: 0em; - margin-right: 0em; -} - -/*-------------- - Icon Only ----------------*/ - -/* Vertical Menu */ - -.ui.vertical.icon.menu { - display: inline-block; - width: auto; -} - -/* Item */ - -.ui.icon.menu .item { - height: auto; - text-align: center; - color: #1B1C1D; -} - -/* Icon */ - -.ui.icon.menu .item > .icon:not(.dropdown) { - margin: 0; - opacity: 1; -} - -/* Icon Gylph */ - -.ui.icon.menu .icon:before { - opacity: 1; -} - -/* (x) Item Icon */ - -.ui.menu .icon.item > .icon { - width: auto; - margin: 0em auto; -} - -/* Vertical Icon */ - -.ui.vertical.icon.menu .item > .icon:not(.dropdown) { - display: block; - opacity: 1; - margin: 0em auto; - float: none; -} - -/* Inverted */ - -.ui.inverted.icon.menu .item { - color: #FFFFFF; -} - -/*-------------- - Labeled Icon ----------------*/ - -/* Menu */ - -.ui.labeled.icon.menu { - text-align: center; -} - -/* Item */ - -.ui.labeled.icon.menu .item { - min-width: 6em; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -/* Icon */ - -.ui.labeled.icon.menu .item > .icon:not(.dropdown) { - height: 1em; - display: block; - font-size: 1.71428571em !important; - margin: 0em auto 0.5rem !important; -} - -/* Fluid */ - -.ui.fluid.labeled.icon.menu > .item { - min-width: 0em; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Stackable ----------------*/ - -@media only screen and (max-width: 767px) { - .ui.stackable.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - - .ui.stackable.menu .item { - width: 100% !important; - } - - .ui.stackable.menu .item:before { - position: absolute; - content: ''; - top: auto; - bottom: 0px; - left: 0px; - width: 100%; - height: 1px; - background: rgba(34, 36, 38, 0.1); - } - - .ui.stackable.menu .left.menu, - .ui.stackable.menu .left.item { - margin-right: 0 !important; - } - - .ui.stackable.menu .right.menu, - .ui.stackable.menu .right.item { - margin-left: 0 !important; - } - - .ui.stackable.menu .right.menu, - .ui.stackable.menu .left.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } -} - -/*-------------- - Colors ----------------*/ - -/*--- Standard Colors ---*/ - -.ui.menu .red.active.item, -.ui.red.menu .active.item { - border-color: #DB2828 !important; - color: #DB2828 !important; -} - -.ui.menu .orange.active.item, -.ui.orange.menu .active.item { - border-color: #F2711C !important; - color: #F2711C !important; -} - -.ui.menu .yellow.active.item, -.ui.yellow.menu .active.item { - border-color: #FBBD08 !important; - color: #FBBD08 !important; -} - -.ui.menu .olive.active.item, -.ui.olive.menu .active.item { - border-color: #B5CC18 !important; - color: #B5CC18 !important; -} - -.ui.menu .green.active.item, -.ui.green.menu .active.item { - border-color: #21BA45 !important; - color: #21BA45 !important; -} - -.ui.menu .teal.active.item, -.ui.teal.menu .active.item { - border-color: #00B5AD !important; - color: #00B5AD !important; -} - -.ui.menu .blue.active.item, -.ui.blue.menu .active.item { - border-color: #2185D0 !important; - color: #2185D0 !important; -} - -.ui.menu .violet.active.item, -.ui.violet.menu .active.item { - border-color: #6435C9 !important; - color: #6435C9 !important; -} - -.ui.menu .purple.active.item, -.ui.purple.menu .active.item { - border-color: #A333C8 !important; - color: #A333C8 !important; -} - -.ui.menu .pink.active.item, -.ui.pink.menu .active.item { - border-color: #E03997 !important; - color: #E03997 !important; -} - -.ui.menu .brown.active.item, -.ui.brown.menu .active.item { - border-color: #A5673F !important; - color: #A5673F !important; -} - -.ui.menu .grey.active.item, -.ui.grey.menu .active.item { - border-color: #767676 !important; - color: #767676 !important; -} - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.menu { - border: 0px solid transparent; - background: #1B1C1D; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Menu Item */ - -.ui.inverted.menu .item, -.ui.inverted.menu .item > a:not(.ui) { - background: transparent; - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.menu .item.menu { - background: transparent; -} - -/*--- Border ---*/ - -.ui.inverted.menu .item:before { - background: rgba(255, 255, 255, 0.08); -} - -.ui.vertical.inverted.menu .item:before { - background: rgba(255, 255, 255, 0.08); -} - -/* Sub Menu */ - -.ui.vertical.inverted.menu .menu .item, -.ui.vertical.inverted.menu .menu .item a:not(.ui) { - color: rgba(255, 255, 255, 0.5); -} - -/* Header */ - -.ui.inverted.menu .header.item { - margin: 0em; - background: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Disabled */ - -.ui.inverted.menu .item.disabled, -.ui.inverted.menu .item.disabled:hover { - color: rgba(225, 225, 225, 0.3); -} - -/*--- Hover ---*/ - -.ui.link.inverted.menu .item:hover, -.ui.inverted.menu .dropdown.item:hover, -.ui.inverted.menu .link.item:hover, -.ui.inverted.menu a.item:hover { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -.ui.vertical.inverted.menu .item .menu a.item:hover, -.ui.vertical.inverted.menu .item .menu .link.item:hover { - background: transparent; - color: #ffffff; -} - -/*--- Pressed ---*/ - -.ui.inverted.menu a.item:active, -.ui.inverted.menu .link.item:active { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -/*--- Active ---*/ - -.ui.inverted.menu .active.item { - background: rgba(255, 255, 255, 0.15); - color: #ffffff !important; -} - -.ui.inverted.vertical.menu .item .menu .active.item { - background: transparent; - color: #FFFFFF; -} - -.ui.inverted.pointing.menu .active.item:after { - background: #3D3E3F !important; - margin: 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border: none !important; -} - -/*--- Active Hover ---*/ - -.ui.inverted.menu .active.item:hover { - background: rgba(255, 255, 255, 0.15); - color: #FFFFFF !important; -} - -.ui.inverted.pointing.menu .active.item:hover:after { - background: #3D3E3F !important; -} - -/*-------------- - Floated ----------------*/ - -.ui.floated.menu { - float: left; - margin: 0rem 0.5rem 0rem 0rem; -} - -.ui.floated.menu .item:last-child:before { - display: none; -} - -.ui.right.floated.menu { - float: right; - margin: 0rem 0rem 0rem 0.5rem; -} - -/*-------------- - Inverted ----------------*/ - -/* Red */ - -.ui.inverted.menu .red.active.item, -.ui.inverted.red.menu { - background-color: #DB2828; -} - -.ui.inverted.red.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.red.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Orange */ - -.ui.inverted.menu .orange.active.item, -.ui.inverted.orange.menu { - background-color: #F2711C; -} - -.ui.inverted.orange.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.orange.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Yellow */ - -.ui.inverted.menu .yellow.active.item, -.ui.inverted.yellow.menu { - background-color: #FBBD08; -} - -.ui.inverted.yellow.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.yellow.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Olive */ - -.ui.inverted.menu .olive.active.item, -.ui.inverted.olive.menu { - background-color: #B5CC18; -} - -.ui.inverted.olive.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.olive.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Green */ - -.ui.inverted.menu .green.active.item, -.ui.inverted.green.menu { - background-color: #21BA45; -} - -.ui.inverted.green.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.green.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Teal */ - -.ui.inverted.menu .teal.active.item, -.ui.inverted.teal.menu { - background-color: #00B5AD; -} - -.ui.inverted.teal.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.teal.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Blue */ - -.ui.inverted.menu .blue.active.item, -.ui.inverted.blue.menu { - background-color: #2185D0; -} - -.ui.inverted.blue.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.blue.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Violet */ - -.ui.inverted.menu .violet.active.item, -.ui.inverted.violet.menu { - background-color: #6435C9; -} - -.ui.inverted.violet.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.violet.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Purple */ - -.ui.inverted.menu .purple.active.item, -.ui.inverted.purple.menu { - background-color: #A333C8; -} - -.ui.inverted.purple.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.purple.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Pink */ - -.ui.inverted.menu .pink.active.item, -.ui.inverted.pink.menu { - background-color: #E03997; -} - -.ui.inverted.pink.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.pink.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Brown */ - -.ui.inverted.menu .brown.active.item, -.ui.inverted.brown.menu { - background-color: #A5673F; -} - -.ui.inverted.brown.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.brown.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/* Grey */ - -.ui.inverted.menu .grey.active.item, -.ui.inverted.grey.menu { - background-color: #767676; -} - -.ui.inverted.grey.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.inverted.grey.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; -} - -/*-------------- - Fitted ----------------*/ - -.ui.fitted.menu .item, -.ui.fitted.menu .item .menu .item, -.ui.menu .fitted.item { - padding: 0em; -} - -.ui.horizontally.fitted.menu .item, -.ui.horizontally.fitted.menu .item .menu .item, -.ui.menu .horizontally.fitted.item { - padding-top: 0.92857143em; - padding-bottom: 0.92857143em; -} - -.ui.vertically.fitted.menu .item, -.ui.vertically.fitted.menu .item .menu .item, -.ui.menu .vertically.fitted.item { - padding-left: 1.14285714em; - padding-right: 1.14285714em; -} - -/*-------------- - Borderless ----------------*/ - -.ui.borderless.menu .item:before, -.ui.borderless.menu .item .menu .item:before, -.ui.menu .borderless.item:before { - background: none !important; -} - -/*------------------- - Compact ---------------------*/ - -.ui.compact.menu { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0em; - vertical-align: middle; -} - -.ui.compact.vertical.menu { - display: inline-block; -} - -.ui.compact.menu .item:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; -} - -.ui.compact.menu .item:last-child:before { - display: none; -} - -.ui.compact.vertical.menu { - width: auto !important; -} - -.ui.compact.vertical.menu .item:last-child::before { - display: block; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.menu.fluid, -.ui.vertical.menu.fluid { - width: 100% !important; -} - -/*------------------- - Evenly Sized ---------------------*/ - -.ui.item.menu, -.ui.item.menu .item { - width: 100%; - padding-left: 0em !important; - padding-right: 0em !important; - margin-left: 0em !important; - margin-right: 0em !important; - text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} - -.ui.attached.item.menu { - margin: 0em -1px !important; -} - -.ui.item.menu .item:last-child:before { - display: none; -} - -.ui.menu.two.item .item { - width: 50%; -} - -.ui.menu.three.item .item { - width: 33.333%; -} - -.ui.menu.four.item .item { - width: 25%; -} - -.ui.menu.five.item .item { - width: 20%; -} - -.ui.menu.six.item .item { - width: 16.666%; -} - -.ui.menu.seven.item .item { - width: 14.285%; -} - -.ui.menu.eight.item .item { - width: 12.500%; -} - -.ui.menu.nine.item .item { - width: 11.11%; -} - -.ui.menu.ten.item .item { - width: 10.0%; -} - -.ui.menu.eleven.item .item { - width: 9.09%; -} - -.ui.menu.twelve.item .item { - width: 8.333%; -} - -/*-------------- - Fixed ----------------*/ - -.ui.menu.fixed { - position: fixed; - z-index: 101; - margin: 0em; - width: 100%; -} - -.ui.menu.fixed, -.ui.menu.fixed .item:first-child, -.ui.menu.fixed .item:last-child { - border-radius: 0px !important; -} - -.ui.fixed.menu, -.ui[class*="top fixed"].menu { - top: 0px; - left: 0px; - right: auto; - bottom: auto; -} - -.ui[class*="top fixed"].menu { - border-top: none; - border-left: none; - border-right: none; -} - -.ui[class*="right fixed"].menu { - border-top: none; - border-bottom: none; - border-right: none; - top: 0px; - right: 0px; - left: auto; - bottom: auto; - width: auto; - height: 100%; -} - -.ui[class*="bottom fixed"].menu { - border-bottom: none; - border-left: none; - border-right: none; - bottom: 0px; - left: 0px; - top: auto; - right: auto; -} - -.ui[class*="left fixed"].menu { - border-top: none; - border-bottom: none; - border-left: none; - top: 0px; - left: 0px; - right: auto; - bottom: auto; - width: auto; - height: 100%; -} - -/* Coupling with Grid */ - -.ui.fixed.menu + .ui.grid { - padding-top: 2.75rem; -} - -/*------------------- - Pointing ---------------------*/ - -.ui.pointing.menu .item:after { - visibility: hidden; - position: absolute; - content: ''; - top: 100%; - left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - background: none; - margin: 0.5px 0em 0em; - width: 0.57142857em; - height: 0.57142857em; - border: none; - border-bottom: 1px solid #D4D4D5; - border-right: 1px solid #D4D4D5; - z-index: 2; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; -} - -.ui.vertical.pointing.menu .item:after { - position: absolute; - top: 50%; - right: 0%; - bottom: auto; - left: auto; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); - margin: 0em -0.5px 0em 0em; - border: none; - border-top: 1px solid #D4D4D5; - border-right: 1px solid #D4D4D5; -} - -/* Active */ - -.ui.pointing.menu .active.item:after { - visibility: visible; -} - -.ui.pointing.menu .active.dropdown.item:after { - visibility: hidden; -} - -/* Don't double up pointers */ - -.ui.pointing.menu .dropdown.active.item:after, -.ui.pointing.menu .active.item .menu .active.item:after { - display: none; -} - -/* Colors */ - -.ui.pointing.menu .active.item:hover:after { - background-color: #F2F2F2; -} - -.ui.pointing.menu .active.item:after { - background-color: #F2F2F2; -} - -.ui.pointing.menu .active.item:hover:after { - background-color: #F2F2F2; -} - -.ui.vertical.pointing.menu .active.item:hover:after { - background-color: #F2F2F2; -} - -.ui.vertical.pointing.menu .active.item:after { - background-color: #F2F2F2; -} - -.ui.vertical.pointing.menu .menu .active.item:after { - background-color: #FFFFFF; -} - -/*-------------- - Attached ----------------*/ - -/* Middle */ - -.ui.attached.menu { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em -1px; - width: calc(100% + 2px ); - max-width: calc(100% + 2px ); - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.attached + .ui.attached.menu:not(.top) { - border-top: none; -} - -/* Top */ - -.ui[class*="top attached"].menu { - bottom: 0px; - margin-bottom: 0em; - top: 0px; - margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.menu[class*="top attached"]:first-child { - margin-top: 0em; -} - -/* Bottom */ - -.ui[class*="bottom attached"].menu { - bottom: 0px; - margin-top: 0em; - top: 0px; - margin-bottom: 1rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui[class*="bottom attached"].menu:last-child { - margin-bottom: 0em; -} - -/* Attached Menu Item */ - -.ui.top.attached.menu > .item:first-child { - border-radius: 0.28571429rem 0em 0em 0em; -} - -.ui.bottom.attached.menu > .item:first-child { - border-radius: 0em 0em 0em 0.28571429rem; -} - -/* Tabular Attached */ - -.ui.attached.menu:not(.tabular) { - border: 1px solid #D4D4D5; -} - -.ui.attached.inverted.menu { - border: none; -} - -.ui.attached.tabular.menu { - margin-left: 0; - margin-right: 0; - width: 100%; -} - -/*-------------- - Sizes ----------------*/ - -/* Mini */ - -.ui.mini.menu { - font-size: 0.78571429rem; -} - -.ui.mini.vertical.menu { - width: 9rem; -} - -/* Tiny */ - -.ui.tiny.menu { - font-size: 0.85714286rem; -} - -.ui.tiny.vertical.menu { - width: 11rem; -} - -/* Small */ - -.ui.small.menu { - font-size: 0.92857143rem; -} - -.ui.small.vertical.menu { - width: 13rem; -} - -/* Medium */ - -.ui.menu { - font-size: 1rem; -} - -.ui.vertical.menu { - width: 15rem; -} - -/* Large */ - -.ui.large.menu { - font-size: 1.07142857rem; -} - -.ui.large.vertical.menu { - width: 18rem; -} - -/* Huge */ - -.ui.huge.menu { - font-size: 1.21428571rem; -} - -.ui.huge.vertical.menu { - width: 22rem; -} - -/* Big */ - -.ui.big.menu { - font-size: 1.14285714rem; -} - -.ui.big.vertical.menu { - width: 20rem; -} - -/* Massive */ - -.ui.massive.menu { - font-size: 1.28571429rem; -} - -.ui.massive.vertical.menu { - width: 25rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Message - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Message -*******************************/ - -.ui.message { - position: relative; - min-height: 1em; - margin: 1em 0em; - background: #F8F8F9; - padding: 1em 1.5em; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.message:first-child { - margin-top: 0em; -} - -.ui.message:last-child { - margin-bottom: 0em; -} - -/*-------------- - Content ----------------*/ - -/* Header */ - -.ui.message .header { - display: block; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: bold; - margin: -0.14285714em 0em 0rem 0em; -} - -/* Default font size */ - -.ui.message .header:not(.ui) { - font-size: 1.14285714em; -} - -/* Paragraph */ - -.ui.message p { - opacity: 0.85; - margin: 0.75em 0em; -} - -.ui.message p:first-child { - margin-top: 0em; -} - -.ui.message p:last-child { - margin-bottom: 0em; -} - -.ui.message .header + p { - margin-top: 0.25em; -} - -/* List */ - -.ui.message .list:not(.ui) { - text-align: left; - padding: 0em; - opacity: 0.85; - list-style-position: inside; - margin: 0.5em 0em 0em; -} - -.ui.message .list:not(.ui):first-child { - margin-top: 0em; -} - -.ui.message .list:not(.ui):last-child { - margin-bottom: 0em; -} - -.ui.message .list:not(.ui) li { - position: relative; - list-style-type: none; - margin: 0em 0em 0.3em 1em; - padding: 0em; -} - -.ui.message .list:not(.ui) li:before { - position: absolute; - content: '•'; - left: -1em; - height: 100%; - vertical-align: baseline; -} - -.ui.message .list:not(.ui) li:last-child { - margin-bottom: 0em; -} - -/* Icon */ - -.ui.message > .icon { - margin-right: 0.6em; -} - -/* Close Icon */ - -.ui.message > .close.icon { - cursor: pointer; - position: absolute; - margin: 0em; - top: 0.78575em; - right: 0.5em; - opacity: 0.7; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} - -.ui.message > .close.icon:hover { - opacity: 1; -} - -/* First / Last Element */ - -.ui.message > :first-child { - margin-top: 0em; -} - -.ui.message > :last-child { - margin-bottom: 0em; -} - -/******************************* - Coupling -*******************************/ - -.ui.dropdown .menu > .message { - margin: 0px -1px; -} - -/******************************* - States -*******************************/ - -/*-------------- - Visible ----------------*/ - -.ui.visible.visible.visible.visible.message { - display: block; -} - -.ui.icon.visible.visible.visible.visible.message { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} - -/*-------------- - Hidden ----------------*/ - -.ui.hidden.hidden.hidden.hidden.message { - display: none; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Compact ----------------*/ - -.ui.compact.message { - display: inline-block; -} - -.ui.compact.icon.message { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; -} - -/*-------------- - Attached ----------------*/ - -.ui.attached.message { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; - margin-left: -1px; - margin-right: -1px; -} - -.ui.attached + .ui.attached.message:not(.top):not(.bottom) { - margin-top: -1px; - border-radius: 0em; -} - -.ui.bottom.attached.message { - margin-top: -1px; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); -} - -.ui.bottom.attached.message:not(:last-child) { - margin-bottom: 1em; -} - -.ui.attached.icon.message { - width: auto; -} - -/*-------------- - Icon ----------------*/ - -.ui.icon.message { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.icon.message > .icon:not(.close) { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - line-height: 1; - vertical-align: middle; - font-size: 3em; - opacity: 0.8; -} - -.ui.icon.message > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - vertical-align: middle; -} - -.ui.icon.message .icon:not(.close) + .content { - padding-left: 0rem; -} - -.ui.icon.message .circular.icon { - width: 1em; -} - -/*-------------- - Floating ----------------*/ - -.ui.floating.message { - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); -} - -/*-------------- - Colors ----------------*/ - -.ui.black.message { - background-color: #1B1C1D; - color: rgba(255, 255, 255, 0.9); -} - -/*-------------- - Types ----------------*/ - -/* Positive */ - -.ui.positive.message { - background-color: #FCFFF5; - color: #2C662D; -} - -.ui.positive.message, -.ui.attached.positive.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.positive.message .header { - color: #1A531B; -} - -/* Negative */ - -.ui.negative.message { - background-color: #FFF6F6; - color: #9F3A38; -} - -.ui.negative.message, -.ui.attached.negative.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.negative.message .header { - color: #912D2B; -} - -/* Info */ - -.ui.info.message { - background-color: #F8FFFF; - color: #276F86; -} - -.ui.info.message, -.ui.attached.info.message { - -webkit-box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.info.message .header { - color: #0E566C; -} - -/* Warning */ - -.ui.warning.message { - background-color: #FFFAF3; - color: #573A08; -} - -.ui.warning.message, -.ui.attached.warning.message { - -webkit-box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.warning.message .header { - color: #794B02; -} - -/* Error */ - -.ui.error.message { - background-color: #FFF6F6; - color: #9F3A38; -} - -.ui.error.message, -.ui.attached.error.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.error.message .header { - color: #912D2B; -} - -/* Success */ - -.ui.success.message { - background-color: #FCFFF5; - color: #2C662D; -} - -.ui.success.message, -.ui.attached.success.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.success.message .header { - color: #1A531B; -} - -/* Colors */ - -.ui.inverted.message, -.ui.black.message { - background-color: #1B1C1D; - color: rgba(255, 255, 255, 0.9); -} - -.ui.red.message { - background-color: #FFE8E6; - color: #DB2828; - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.red.message .header { - color: #c82121; -} - -.ui.orange.message { - background-color: #FFEDDE; - color: #F2711C; - -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.orange.message .header { - color: #e7640d; -} - -.ui.yellow.message { - background-color: #FFF8DB; - color: #B58105; - -webkit-box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.yellow.message .header { - color: #9c6f04; -} - -.ui.olive.message { - background-color: #FBFDEF; - color: #8ABC1E; - -webkit-box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.olive.message .header { - color: #7aa61a; -} - -.ui.green.message { - background-color: #E5F9E7; - color: #1EBC30; - -webkit-box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.green.message .header { - color: #1aa62a; -} - -.ui.teal.message { - background-color: #E1F7F7; - color: #10A3A3; - -webkit-box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.teal.message .header { - color: #0e8c8c; -} - -.ui.blue.message { - background-color: #DFF0FF; - color: #2185D0; - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.blue.message .header { - color: #1e77ba; -} - -.ui.violet.message { - background-color: #EAE7FF; - color: #6435C9; - -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.violet.message .header { - color: #5a30b5; -} - -.ui.purple.message { - background-color: #F6E7FF; - color: #A333C8; - -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.purple.message .header { - color: #922eb4; -} - -.ui.pink.message { - background-color: #FFE3FB; - color: #E03997; - -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.pink.message .header { - color: #dd238b; -} - -.ui.brown.message { - background-color: #F1E2D3; - color: #A5673F; - -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); -} - -.ui.brown.message .header { - color: #935b38; -} - -/*-------------- - Sizes ----------------*/ - -.ui.mini.message { - font-size: 0.78571429em; -} - -.ui.tiny.message { - font-size: 0.85714286em; -} - -.ui.small.message { - font-size: 0.92857143em; -} - -.ui.message { - font-size: 1em; -} - -.ui.large.message { - font-size: 1.14285714em; -} - -.ui.big.message { - font-size: 1.28571429em; -} - -.ui.huge.message { - font-size: 1.42857143em; -} - -.ui.massive.message { - font-size: 1.71428571em; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Table - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Table -*******************************/ - -/* Prototype */ - -.ui.table { - width: 100%; - background: #FFFFFF; - margin: 1em 0em; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0.28571429rem; - text-align: left; - color: rgba(0, 0, 0, 0.87); - border-collapse: separate; - border-spacing: 0px; -} - -.ui.table:first-child { - margin-top: 0em; -} - -.ui.table:last-child { - margin-bottom: 0em; -} - -/******************************* - Parts -*******************************/ - -/* Table Content */ - -.ui.table th, -.ui.table td { - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} - -/* Headers */ - -.ui.table thead { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.table thead th { - cursor: auto; - background: #F9FAFB; - text-align: inherit; - color: rgba(0, 0, 0, 0.87); - padding: 0.92857143em 0.78571429em; - vertical-align: inherit; - font-style: none; - font-weight: bold; - text-transform: none; - border-bottom: 1px solid rgba(34, 36, 38, 0.1); - border-left: none; -} - -.ui.table thead tr > th:first-child { - border-left: none; -} - -.ui.table thead tr:first-child > th:first-child { - border-radius: 0.28571429rem 0em 0em 0em; -} - -.ui.table thead tr:first-child > th:last-child { - border-radius: 0em 0.28571429rem 0em 0em; -} - -.ui.table thead tr:first-child > th:only-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -/* Footer */ - -.ui.table tfoot { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.table tfoot th { - cursor: auto; - border-top: 1px solid rgba(34, 36, 38, 0.15); - background: #F9FAFB; - text-align: inherit; - color: rgba(0, 0, 0, 0.87); - padding: 0.78571429em 0.78571429em; - vertical-align: middle; - font-style: normal; - font-weight: normal; - text-transform: none; -} - -.ui.table tfoot tr > th:first-child { - border-left: none; -} - -.ui.table tfoot tr:first-child > th:first-child { - border-radius: 0em 0em 0em 0.28571429rem; -} - -.ui.table tfoot tr:first-child > th:last-child { - border-radius: 0em 0em 0.28571429rem 0em; -} - -.ui.table tfoot tr:first-child > th:only-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -/* Table Row */ - -.ui.table tr td { - border-top: 1px solid rgba(34, 36, 38, 0.1); -} - -.ui.table tr:first-child td { - border-top: none; -} - -/* Repeated tbody */ - -.ui.table tbody + tbody tr:first-child td { - border-top: 1px solid rgba(34, 36, 38, 0.1); -} - -/* Table Cells */ - -.ui.table td { - padding: 0.78571429em 0.78571429em; - text-align: inherit; -} - -/* Icons */ - -.ui.table > .icon { - vertical-align: baseline; -} - -.ui.table > .icon:only-child { - margin: 0em; -} - -/* Table Segment */ - -.ui.table.segment { - padding: 0em; -} - -.ui.table.segment:after { - display: none; -} - -.ui.table.segment.stacked:after { - display: block; -} - -/* Responsive */ - -@media only screen and (max-width: 767px) { - .ui.table:not(.unstackable) { - width: 100%; - } - - .ui.table:not(.unstackable) tbody, - .ui.table:not(.unstackable) tr, - .ui.table:not(.unstackable) tr > th, - .ui.table:not(.unstackable) tr > td { - width: auto !important; - display: block !important; - } - - .ui.table:not(.unstackable) { - padding: 0em; - } - - .ui.table:not(.unstackable) thead { - display: block; - } - - .ui.table:not(.unstackable) tfoot { - display: block; - } - - .ui.table:not(.unstackable) tr { - padding-top: 1em; - padding-bottom: 1em; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - } - - .ui.table:not(.unstackable) tr > th, - .ui.table:not(.unstackable) tr > td { - background: none; - border: none !important; - padding: 0.25em 0.75em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - .ui.table:not(.unstackable) th:first-child, - .ui.table:not(.unstackable) td:first-child { - font-weight: bold; - } - - /* Definition Table */ - - .ui.definition.table:not(.unstackable) thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} - -/******************************* - Coupling -*******************************/ - -/* UI Image */ - -.ui.table th .image, -.ui.table th .image img, -.ui.table td .image, -.ui.table td .image img { - max-width: none; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Complex ----------------*/ - -.ui.structured.table { - border-collapse: collapse; -} - -.ui.structured.table thead th { - border-left: none; - border-right: none; -} - -.ui.structured.sortable.table thead th { - border-left: 1px solid rgba(34, 36, 38, 0.15); - border-right: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.structured.basic.table th { - border-left: none; - border-right: none; -} - -.ui.structured.celled.table tr th, -.ui.structured.celled.table tr td { - border-left: 1px solid rgba(34, 36, 38, 0.1); - border-right: 1px solid rgba(34, 36, 38, 0.1); -} - -/*-------------- - Definition ----------------*/ - -.ui.definition.table thead:not(.full-width) th:first-child { - pointer-events: none; - background: transparent; - font-weight: normal; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: -1px -1px 0px 1px #FFFFFF; - box-shadow: -1px -1px 0px 1px #FFFFFF; -} - -.ui.definition.table tfoot:not(.full-width) th:first-child { - pointer-events: none; - background: transparent; - font-weight: rgba(0, 0, 0, 0.4); - color: normal; - -webkit-box-shadow: 1px 1px 0px 1px #FFFFFF; - box-shadow: 1px 1px 0px 1px #FFFFFF; -} - -/* Remove Border */ - -.ui.celled.definition.table thead:not(.full-width) th:first-child { - -webkit-box-shadow: 0px -1px 0px 1px #FFFFFF; - box-shadow: 0px -1px 0px 1px #FFFFFF; -} - -.ui.celled.definition.table tfoot:not(.full-width) th:first-child { - -webkit-box-shadow: 0px 1px 0px 1px #FFFFFF; - box-shadow: 0px 1px 0px 1px #FFFFFF; -} - -/* Highlight Defining Column */ - -.ui.definition.table tr td:first-child:not(.ignored), -.ui.definition.table tr td.definition { - background: rgba(0, 0, 0, 0.03); - font-weight: bold; - color: rgba(0, 0, 0, 0.95); - text-transform: ''; - -webkit-box-shadow: ''; - box-shadow: ''; - text-align: ''; - font-size: 1em; - padding-left: ''; - padding-right: ''; -} - -/* Fix 2nd Column */ - -.ui.definition.table thead:not(.full-width) th:nth-child(2) { - border-left: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.definition.table tfoot:not(.full-width) th:nth-child(2) { - border-left: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.definition.table td:nth-child(2) { - border-left: 1px solid rgba(34, 36, 38, 0.15); -} - -/******************************* - States -*******************************/ - -/*-------------- - Positive ----------------*/ - -.ui.table tr.positive, -.ui.table td.positive { - -webkit-box-shadow: 0px 0px 0px #A3C293 inset; - box-shadow: 0px 0px 0px #A3C293 inset; -} - -.ui.table tr.positive, -.ui.table td.positive { - background: #FCFFF5 !important; - color: #2C662D !important; -} - -/*-------------- - Negative ----------------*/ - -.ui.table tr.negative, -.ui.table td.negative { - -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset; - box-shadow: 0px 0px 0px #E0B4B4 inset; -} - -.ui.table tr.negative, -.ui.table td.negative { - background: #FFF6F6 !important; - color: #9F3A38 !important; -} - -/*-------------- - Error ----------------*/ - -.ui.table tr.error, -.ui.table td.error { - -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset; - box-shadow: 0px 0px 0px #E0B4B4 inset; -} - -.ui.table tr.error, -.ui.table td.error { - background: #FFF6F6 !important; - color: #9F3A38 !important; -} - -/*-------------- - Warning ----------------*/ - -.ui.table tr.warning, -.ui.table td.warning { - -webkit-box-shadow: 0px 0px 0px #C9BA9B inset; - box-shadow: 0px 0px 0px #C9BA9B inset; -} - -.ui.table tr.warning, -.ui.table td.warning { - background: #FFFAF3 !important; - color: #573A08 !important; -} - -/*-------------- - Active ----------------*/ - -.ui.table tr.active, -.ui.table td.active { - -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; - box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; -} - -.ui.table tr.active, -.ui.table td.active { - background: #E0E0E0 !important; - color: rgba(0, 0, 0, 0.87) !important; -} - -/*-------------- - Disabled ----------------*/ - -.ui.table tr.disabled td, -.ui.table tr td.disabled, -.ui.table tr.disabled:hover, -.ui.table tr:hover td.disabled { - pointer-events: none; - color: rgba(40, 40, 40, 0.3); -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Stackable ----------------*/ - -@media only screen and (max-width: 991px) { - .ui[class*="tablet stackable"].table, - .ui[class*="tablet stackable"].table tbody, - .ui[class*="tablet stackable"].table tr, - .ui[class*="tablet stackable"].table tr > th, - .ui[class*="tablet stackable"].table tr > td { - width: 100% !important; - display: block !important; - } - - .ui[class*="tablet stackable"].table { - padding: 0em; - } - - .ui[class*="tablet stackable"].table thead { - display: block; - } - - .ui[class*="tablet stackable"].table tfoot { - display: block; - } - - .ui[class*="tablet stackable"].table tr { - padding-top: 1em; - padding-bottom: 1em; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - } - - .ui[class*="tablet stackable"].table tr > th, - .ui[class*="tablet stackable"].table tr > td { - background: none; - border: none !important; - padding: 0.25em 0.75em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - /* Definition Table */ - - .ui.definition[class*="tablet stackable"].table thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } -} - -/*-------------- - Text Alignment ----------------*/ - -.ui.table[class*="left aligned"], -.ui.table [class*="left aligned"] { - text-align: left; -} - -.ui.table[class*="center aligned"], -.ui.table [class*="center aligned"] { - text-align: center; -} - -.ui.table[class*="right aligned"], -.ui.table [class*="right aligned"] { - text-align: right; -} - -/*------------------ - Vertical Alignment -------------------*/ - -.ui.table[class*="top aligned"], -.ui.table [class*="top aligned"] { - vertical-align: top; -} - -.ui.table[class*="middle aligned"], -.ui.table [class*="middle aligned"] { - vertical-align: middle; -} - -.ui.table[class*="bottom aligned"], -.ui.table [class*="bottom aligned"] { - vertical-align: bottom; -} - -/*-------------- - Collapsing ----------------*/ - -.ui.table th.collapsing, -.ui.table td.collapsing { - width: 1px; - white-space: nowrap; -} - -/*-------------- - Fixed ----------------*/ - -.ui.fixed.table { - table-layout: fixed; -} - -.ui.fixed.table th, -.ui.fixed.table td { - overflow: hidden; - text-overflow: ellipsis; -} - -/*-------------- - Selectable ----------------*/ - -.ui.selectable.table tbody tr:hover, -.ui.table tbody tr td.selectable:hover { - background: rgba(0, 0, 0, 0.05) !important; - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.selectable.inverted.table tbody tr:hover, -.ui.inverted.table tbody tr td.selectable:hover { - background: rgba(255, 255, 255, 0.08) !important; - color: #ffffff !important; -} - -/* Selectable Cell Link */ - -.ui.table tbody tr td.selectable { - padding: 0em; -} - -.ui.table tbody tr td.selectable > a:not(.ui) { - display: block; - color: inherit; - padding: 0.78571429em 0.78571429em; -} - -/* Other States */ - -.ui.selectable.table tr.error:hover, -.ui.table tr td.selectable.error:hover, -.ui.selectable.table tr:hover td.error { - background: #ffe7e7 !important; - color: #943634 !important; -} - -.ui.selectable.table tr.warning:hover, -.ui.table tr td.selectable.warning:hover, -.ui.selectable.table tr:hover td.warning { - background: #fff4e4 !important; - color: #493107 !important; -} - -.ui.selectable.table tr.active:hover, -.ui.table tr td.selectable.active:hover, -.ui.selectable.table tr:hover td.active { - background: #E0E0E0 !important; - color: rgba(0, 0, 0, 0.87) !important; -} - -.ui.selectable.table tr.positive:hover, -.ui.table tr td.selectable.positive:hover, -.ui.selectable.table tr:hover td.positive { - background: #f7ffe6 !important; - color: #275b28 !important; -} - -.ui.selectable.table tr.negative:hover, -.ui.table tr td.selectable.negative:hover, -.ui.selectable.table tr:hover td.negative { - background: #ffe7e7 !important; - color: #943634 !important; -} - -/*------------------- - Attached ---------------------*/ - -/* Middle */ - -.ui.attached.table { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em -1px; - width: calc(100% + 2px ); - max-width: calc(100% + 2px ); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #D4D4D5; -} - -.ui.attached + .ui.attached.table:not(.top) { - border-top: none; -} - -/* Top */ - -.ui[class*="top attached"].table { - bottom: 0px; - margin-bottom: 0em; - top: 0px; - margin-top: 1em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.table[class*="top attached"]:first-child { - margin-top: 0em; -} - -/* Bottom */ - -.ui[class*="bottom attached"].table { - bottom: 0px; - margin-top: 0em; - top: 0px; - margin-bottom: 1em; - -webkit-box-shadow: none, none; - box-shadow: none, none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui[class*="bottom attached"].table:last-child { - margin-bottom: 0em; -} - -/*-------------- - Striped ----------------*/ - -/* Table Striping */ - -.ui.striped.table > tr:nth-child(2n), -.ui.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 50, 0.02); -} - -/* Stripes */ - -.ui.inverted.striped.table > tr:nth-child(2n), -.ui.inverted.striped.table tbody tr:nth-child(2n) { - background-color: rgba(255, 255, 255, 0.05); -} - -/* Allow striped active hover */ - -.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { - background: #EFEFEF !important; - color: rgba(0, 0, 0, 0.95) !important; -} - -/*-------------- - Single Line ----------------*/ - -.ui.table[class*="single line"], -.ui.table [class*="single line"] { - white-space: nowrap; -} - -.ui.table[class*="single line"], -.ui.table [class*="single line"] { - white-space: nowrap; -} - -/*------------------- - Colors ---------------------*/ - -/* Red */ - -.ui.red.table { - border-top: 0.2em solid #DB2828; -} - -.ui.inverted.red.table { - background-color: #DB2828 !important; - color: #FFFFFF !important; -} - -/* Orange */ - -.ui.orange.table { - border-top: 0.2em solid #F2711C; -} - -.ui.inverted.orange.table { - background-color: #F2711C !important; - color: #FFFFFF !important; -} - -/* Yellow */ - -.ui.yellow.table { - border-top: 0.2em solid #FBBD08; -} - -.ui.inverted.yellow.table { - background-color: #FBBD08 !important; - color: #FFFFFF !important; -} - -/* Olive */ - -.ui.olive.table { - border-top: 0.2em solid #B5CC18; -} - -.ui.inverted.olive.table { - background-color: #B5CC18 !important; - color: #FFFFFF !important; -} - -/* Green */ - -.ui.green.table { - border-top: 0.2em solid #21BA45; -} - -.ui.inverted.green.table { - background-color: #21BA45 !important; - color: #FFFFFF !important; -} - -/* Teal */ - -.ui.teal.table { - border-top: 0.2em solid #00B5AD; -} - -.ui.inverted.teal.table { - background-color: #00B5AD !important; - color: #FFFFFF !important; -} - -/* Blue */ - -.ui.blue.table { - border-top: 0.2em solid #2185D0; -} - -.ui.inverted.blue.table { - background-color: #2185D0 !important; - color: #FFFFFF !important; -} - -/* Violet */ - -.ui.violet.table { - border-top: 0.2em solid #6435C9; -} - -.ui.inverted.violet.table { - background-color: #6435C9 !important; - color: #FFFFFF !important; -} - -/* Purple */ - -.ui.purple.table { - border-top: 0.2em solid #A333C8; -} - -.ui.inverted.purple.table { - background-color: #A333C8 !important; - color: #FFFFFF !important; -} - -/* Pink */ - -.ui.pink.table { - border-top: 0.2em solid #E03997; -} - -.ui.inverted.pink.table { - background-color: #E03997 !important; - color: #FFFFFF !important; -} - -/* Brown */ - -.ui.brown.table { - border-top: 0.2em solid #A5673F; -} - -.ui.inverted.brown.table { - background-color: #A5673F !important; - color: #FFFFFF !important; -} - -/* Grey */ - -.ui.grey.table { - border-top: 0.2em solid #767676; -} - -.ui.inverted.grey.table { - background-color: #767676 !important; - color: #FFFFFF !important; -} - -/* Black */ - -.ui.black.table { - border-top: 0.2em solid #1B1C1D; -} - -.ui.inverted.black.table { - background-color: #1B1C1D !important; - color: #FFFFFF !important; -} - -/*-------------- - Column Count ----------------*/ - -/* Grid Based */ - -.ui.one.column.table td { - width: 100%; -} - -.ui.two.column.table td { - width: 50%; -} - -.ui.three.column.table td { - width: 33.33333333%; -} - -.ui.four.column.table td { - width: 25%; -} - -.ui.five.column.table td { - width: 20%; -} - -.ui.six.column.table td { - width: 16.66666667%; -} - -.ui.seven.column.table td { - width: 14.28571429%; -} - -.ui.eight.column.table td { - width: 12.5%; -} - -.ui.nine.column.table td { - width: 11.11111111%; -} - -.ui.ten.column.table td { - width: 10%; -} - -.ui.eleven.column.table td { - width: 9.09090909%; -} - -.ui.twelve.column.table td { - width: 8.33333333%; -} - -.ui.thirteen.column.table td { - width: 7.69230769%; -} - -.ui.fourteen.column.table td { - width: 7.14285714%; -} - -.ui.fifteen.column.table td { - width: 6.66666667%; -} - -.ui.sixteen.column.table td { - width: 6.25%; -} - -/* Column Width */ - -.ui.table th.one.wide, -.ui.table td.one.wide { - width: 6.25%; -} - -.ui.table th.two.wide, -.ui.table td.two.wide { - width: 12.5%; -} - -.ui.table th.three.wide, -.ui.table td.three.wide { - width: 18.75%; -} - -.ui.table th.four.wide, -.ui.table td.four.wide { - width: 25%; -} - -.ui.table th.five.wide, -.ui.table td.five.wide { - width: 31.25%; -} - -.ui.table th.six.wide, -.ui.table td.six.wide { - width: 37.5%; -} - -.ui.table th.seven.wide, -.ui.table td.seven.wide { - width: 43.75%; -} - -.ui.table th.eight.wide, -.ui.table td.eight.wide { - width: 50%; -} - -.ui.table th.nine.wide, -.ui.table td.nine.wide { - width: 56.25%; -} - -.ui.table th.ten.wide, -.ui.table td.ten.wide { - width: 62.5%; -} - -.ui.table th.eleven.wide, -.ui.table td.eleven.wide { - width: 68.75%; -} - -.ui.table th.twelve.wide, -.ui.table td.twelve.wide { - width: 75%; -} - -.ui.table th.thirteen.wide, -.ui.table td.thirteen.wide { - width: 81.25%; -} - -.ui.table th.fourteen.wide, -.ui.table td.fourteen.wide { - width: 87.5%; -} - -.ui.table th.fifteen.wide, -.ui.table td.fifteen.wide { - width: 93.75%; -} - -.ui.table th.sixteen.wide, -.ui.table td.sixteen.wide { - width: 100%; -} - -/*-------------- - Sortable ----------------*/ - -.ui.sortable.table thead th { - cursor: pointer; - white-space: nowrap; - border-left: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); -} - -.ui.sortable.table thead th:first-child { - border-left: none; -} - -.ui.sortable.table thead th.sorted, -.ui.sortable.table thead th.sorted:hover { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.ui.sortable.table thead th:after { - display: none; - font-style: normal; - font-weight: normal; - text-decoration: inherit; - content: ''; - height: 1em; - width: auto; - opacity: 0.8; - margin: 0em 0em 0em 0.5em; - font-family: 'Icons'; -} - -.ui.sortable.table thead th.ascending:after { - content: '\f0d8'; -} - -.ui.sortable.table thead th.descending:after { - content: '\f0d7'; -} - -/* Hover */ - -.ui.sortable.table th.disabled:hover { - cursor: auto; - color: rgba(40, 40, 40, 0.3); -} - -.ui.sortable.table thead th:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.8); -} - -/* Sorted */ - -.ui.sortable.table thead th.sorted { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} - -.ui.sortable.table thead th.sorted:after { - display: inline-block; -} - -/* Sorted Hover */ - -.ui.sortable.table thead th.sorted:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); -} - -/* Inverted */ - -.ui.inverted.sortable.table thead th.sorted { - background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - color: #ffffff; -} - -.ui.inverted.sortable.table thead th:hover { - background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - color: #ffffff; -} - -.ui.inverted.sortable.table thead th { - border-left-color: transparent; - border-right-color: transparent; -} - -/*-------------- - Inverted ----------------*/ - -/* Text Color */ - -.ui.inverted.table { - background: #333333; - color: rgba(255, 255, 255, 0.9); - border: none; -} - -.ui.inverted.table th { - background-color: rgba(0, 0, 0, 0.15); - border-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.9) !important; -} - -.ui.inverted.table tr td { - border-color: rgba(255, 255, 255, 0.1) !important; -} - -.ui.inverted.table tr.disabled td, -.ui.inverted.table tr td.disabled, -.ui.inverted.table tr.disabled:hover td, -.ui.inverted.table tr:hover td.disabled { - pointer-events: none; - color: rgba(225, 225, 225, 0.3); -} - -/* Definition */ - -.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, -.ui.inverted.definition.table thead:not(.full-width) th:first-child { - background: #FFFFFF; -} - -.ui.inverted.definition.table tr td:first-child { - background: rgba(255, 255, 255, 0.02); - color: #ffffff; -} - -/*-------------- - Collapsing ----------------*/ - -.ui.collapsing.table { - width: auto; -} - -/*-------------- - Basic ----------------*/ - -.ui.basic.table { - background: transparent; - border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.basic.table thead, -.ui.basic.table tfoot { - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.basic.table th { - background: transparent; - border-left: none; -} - -.ui.basic.table tbody tr { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.ui.basic.table td { - background: transparent; -} - -.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -/* Very Basic */ - -.ui[class*="very basic"].table { - border: none; -} - -.ui[class*="very basic"].table:not(.sortable):not(.striped) th, -.ui[class*="very basic"].table:not(.sortable):not(.striped) td { - padding: ''; -} - -.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, -.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { - padding-left: 0em; -} - -.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, -.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { - padding-right: 0em; -} - -.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { - padding-top: 0em; -} - -/*-------------- - Celled ----------------*/ - -.ui.celled.table tr th, -.ui.celled.table tr td { - border-left: 1px solid rgba(34, 36, 38, 0.1); -} - -.ui.celled.table tr th:first-child, -.ui.celled.table tr td:first-child { - border-left: none; -} - -/*-------------- - Padded ----------------*/ - -.ui.padded.table th { - padding-left: 1em; - padding-right: 1em; -} - -.ui.padded.table th, -.ui.padded.table td { - padding: 1em 1em; -} - -/* Very */ - -.ui[class*="very padded"].table th { - padding-left: 1.5em; - padding-right: 1.5em; -} - -.ui[class*="very padded"].table td { - padding: 1.5em 1.5em; -} - -/*-------------- - Compact ----------------*/ - -.ui.compact.table th { - padding-left: 0.7em; - padding-right: 0.7em; -} - -.ui.compact.table td { - padding: 0.5em 0.7em; -} - -/* Very */ - -.ui[class*="very compact"].table th { - padding-left: 0.6em; - padding-right: 0.6em; -} - -.ui[class*="very compact"].table td { - padding: 0.4em 0.6em; -} - -/*-------------- - Sizes ----------------*/ - -/* Small */ - -.ui.small.table { - font-size: 0.9em; -} - -/* Standard */ - -.ui.table { - font-size: 1em; -} - -/* Large */ - -.ui.large.table { - font-size: 1.1em; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Ad - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2013 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Advertisement -*******************************/ - -.ui.ad { - display: block; - overflow: hidden; - margin: 1em 0em; -} - -.ui.ad:first-child { - margin: 0em; -} - -.ui.ad:last-child { - margin: 0em; -} - -.ui.ad iframe { - margin: 0em; - padding: 0em; - border: none; - overflow: hidden; -} - -/*-------------- - Common ----------------*/ - -/* Leaderboard */ - -.ui.leaderboard.ad { - width: 728px; - height: 90px; -} - -/* Medium Rectangle */ - -.ui[class*="medium rectangle"].ad { - width: 300px; - height: 250px; -} - -/* Large Rectangle */ - -.ui[class*="large rectangle"].ad { - width: 336px; - height: 280px; -} - -/* Half Page */ - -.ui[class*="half page"].ad { - width: 300px; - height: 600px; -} - -/*-------------- - Square ----------------*/ - -/* Square */ - -.ui.square.ad { - width: 250px; - height: 250px; -} - -/* Small Square */ - -.ui[class*="small square"].ad { - width: 200px; - height: 200px; -} - -/*-------------- - Rectangle ----------------*/ - -/* Small Rectangle */ - -.ui[class*="small rectangle"].ad { - width: 180px; - height: 150px; -} - -/* Vertical Rectangle */ - -.ui[class*="vertical rectangle"].ad { - width: 240px; - height: 400px; -} - -/*-------------- - Button ----------------*/ - -.ui.button.ad { - width: 120px; - height: 90px; -} - -.ui[class*="square button"].ad { - width: 125px; - height: 125px; -} - -.ui[class*="small button"].ad { - width: 120px; - height: 60px; -} - -/*-------------- - Skyscrapers ----------------*/ - -/* Skyscraper */ - -.ui.skyscraper.ad { - width: 120px; - height: 600px; -} - -/* Wide Skyscraper */ - -.ui[class*="wide skyscraper"].ad { - width: 160px; -} - -/*-------------- - Banners ----------------*/ - -/* Banner */ - -.ui.banner.ad { - width: 468px; - height: 60px; -} - -/* Vertical Banner */ - -.ui[class*="vertical banner"].ad { - width: 120px; - height: 240px; -} - -/* Top Banner */ - -.ui[class*="top banner"].ad { - width: 930px; - height: 180px; -} - -/* Half Banner */ - -.ui[class*="half banner"].ad { - width: 234px; - height: 60px; -} - -/*-------------- - Boards ----------------*/ - -/* Leaderboard */ - -.ui[class*="large leaderboard"].ad { - width: 970px; - height: 90px; -} - -/* Billboard */ - -.ui.billboard.ad { - width: 970px; - height: 250px; -} - -/*-------------- - Panorama ----------------*/ - -/* Panorama */ - -.ui.panorama.ad { - width: 980px; - height: 120px; -} - -/*-------------- - Netboard ----------------*/ - -/* Netboard */ - -.ui.netboard.ad { - width: 580px; - height: 400px; -} - -/*-------------- - Mobile ----------------*/ - -/* Large Mobile Banner */ - -.ui[class*="large mobile banner"].ad { - width: 320px; - height: 100px; -} - -/* Mobile Leaderboard */ - -.ui[class*="mobile leaderboard"].ad { - width: 320px; - height: 50px; -} - -/******************************* - Types -*******************************/ - -/* Mobile Sizes */ - -.ui.mobile.ad { - display: none; -} - -@media only screen and (max-width: 767px) { - .ui.mobile.ad { - display: block; - } -} - -/******************************* - Variations -*******************************/ - -.ui.centered.ad { - margin-left: auto; - margin-right: auto; -} - -.ui.test.ad { - position: relative; - background: #545454; -} - -.ui.test.ad:after { - position: absolute; - top: 50%; - left: 50%; - width: 100%; - text-align: center; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - content: 'Ad'; - color: #FFFFFF; - font-size: 1em; - font-weight: bold; -} - -.ui.mobile.test.ad:after { - font-size: 0.85714286em; -} - -.ui.test.ad[data-text]:after { - content: attr(data-text); -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -/*-------------- - Card ----------------*/ - -.ui.cards > .card, -.ui.card { - max-width: 100%; - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - width: 290px; - min-height: 0px; - background: #FFFFFF; - padding: 0em; - border: none; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5; - -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - z-index: ''; -} - -.ui.card { - margin: 1em 0em; -} - -.ui.cards > .card a, -.ui.card a { - cursor: pointer; -} - -.ui.card:first-child { - margin-top: 0em; -} - -.ui.card:last-child { - margin-bottom: 0em; -} - -/*-------------- - Cards ----------------*/ - -.ui.cards { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: -0.875em -0.5em; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.ui.cards > .card { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 0.875em 0.5em; - float: none; -} - -/* Clearing */ - -.ui.cards:after, -.ui.card:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} - -/* Consecutive Card Groups Preserve Row Spacing */ - -.ui.cards ~ .ui.cards { - margin-top: 0.875em; -} - -/*-------------- - Rounded Edges ----------------*/ - -.ui.cards > .card > :first-child, -.ui.card > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; - border-top: none !important; -} - -.ui.cards > .card > :last-child, -.ui.card > :last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; -} - -.ui.cards > .card > :only-child, -.ui.card > :only-child { - border-radius: 0.28571429rem !important; -} - -/*-------------- - Images ----------------*/ - -.ui.cards > .card > .image, -.ui.card > .image { - position: relative; - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0em; - background: rgba(0, 0, 0, 0.05); -} - -.ui.cards > .card > .image > img, -.ui.card > .image > img { - display: block; - width: 100%; - height: auto; - border-radius: inherit; -} - -.ui.cards > .card > .image:not(.ui) > img, -.ui.card > .image:not(.ui) > img { - border: none; -} - -/*-------------- - Content ----------------*/ - -.ui.cards > .card > .content, -.ui.card > .content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border: none; - border-top: 1px solid rgba(34, 36, 38, 0.1); - background: none; - margin: 0em; - padding: 1em 1em; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 1em; - border-radius: 0em; -} - -.ui.cards > .card > .content:after, -.ui.card > .content:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} - -.ui.cards > .card > .content > .header, -.ui.card > .content > .header { - display: block; - margin: ''; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - color: rgba(0, 0, 0, 0.85); -} - -/* Default Header Size */ - -.ui.cards > .card > .content > .header:not(.ui), -.ui.card > .content > .header:not(.ui) { - font-weight: bold; - font-size: 1.28571429em; - margin-top: -0.21425em; - line-height: 1.28571429em; -} - -.ui.cards > .card > .content > .meta + .description, -.ui.cards > .card > .content > .header + .description, -.ui.card > .content > .meta + .description, -.ui.card > .content > .header + .description { - margin-top: 0.5em; -} - -/*---------------- - Floated Content ------------------*/ - -.ui.cards > .card [class*="left floated"], -.ui.card [class*="left floated"] { - float: left; -} - -.ui.cards > .card [class*="right floated"], -.ui.card [class*="right floated"] { - float: right; -} - -/*-------------- - Aligned ----------------*/ - -.ui.cards > .card [class*="left aligned"], -.ui.card [class*="left aligned"] { - text-align: left; -} - -.ui.cards > .card [class*="center aligned"], -.ui.card [class*="center aligned"] { - text-align: center; -} - -.ui.cards > .card [class*="right aligned"], -.ui.card [class*="right aligned"] { - text-align: right; -} - -/*-------------- - Content Image ----------------*/ - -.ui.cards > .card .content img, -.ui.card .content img { - display: inline-block; - vertical-align: middle; - width: ''; -} - -.ui.cards > .card img.avatar, -.ui.cards > .card .avatar img, -.ui.card img.avatar, -.ui.card .avatar img { - width: 2em; - height: 2em; - border-radius: 500rem; -} - -/*-------------- - Description ----------------*/ - -.ui.cards > .card > .content > .description, -.ui.card > .content > .description { - clear: both; - color: rgba(0, 0, 0, 0.68); -} - -/*-------------- - Paragraph ----------------*/ - -.ui.cards > .card > .content p, -.ui.card > .content p { - margin: 0em 0em 0.5em; -} - -.ui.cards > .card > .content p:last-child, -.ui.card > .content p:last-child { - margin-bottom: 0em; -} - -/*-------------- - Meta ----------------*/ - -.ui.cards > .card .meta, -.ui.card .meta { - font-size: 1em; - color: rgba(0, 0, 0, 0.4); -} - -.ui.cards > .card .meta *, -.ui.card .meta * { - margin-right: 0.3em; -} - -.ui.cards > .card .meta :last-child, -.ui.card .meta :last-child { - margin-right: 0em; -} - -.ui.cards > .card .meta [class*="right floated"], -.ui.card .meta [class*="right floated"] { - margin-right: 0em; - margin-left: 0.3em; -} - -/*-------------- - Links ----------------*/ - -/* Generic */ - -.ui.cards > .card > .content a:not(.ui), -.ui.card > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.cards > .card > .content a:not(.ui):hover, -.ui.card > .content a:not(.ui):hover { - color: ''; -} - -/* Header */ - -.ui.cards > .card > .content > a.header, -.ui.card > .content > a.header { - color: rgba(0, 0, 0, 0.85); -} - -.ui.cards > .card > .content > a.header:hover, -.ui.card > .content > a.header:hover { - color: #1e70bf; -} - -/* Meta */ - -.ui.cards > .card .meta > a:not(.ui), -.ui.card .meta > a:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} - -.ui.cards > .card .meta > a:not(.ui):hover, -.ui.card .meta > a:not(.ui):hover { - color: rgba(0, 0, 0, 0.87); -} - -/*-------------- - Buttons ----------------*/ - -.ui.cards > .card > .buttons, -.ui.card > .buttons, -.ui.cards > .card > .button, -.ui.card > .button { - margin: 0px -1px; - width: calc(100% + 2px ); -} - -/*-------------- - Dimmer ----------------*/ - -.ui.cards > .card .dimmer, -.ui.card .dimmer { - background-color: ''; - z-index: 10; -} - -/*-------------- - Labels ----------------*/ - -/*-----Star----- */ - -/* Icon */ - -.ui.cards > .card > .content .star.icon, -.ui.card > .content .star.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.cards > .card > .content .star.icon:hover, -.ui.card > .content .star.icon:hover { - opacity: 1; - color: #FFB70A; -} - -.ui.cards > .card > .content .active.star.icon, -.ui.card > .content .active.star.icon { - color: #FFE623; -} - -/*-----Like----- */ - -/* Icon */ - -.ui.cards > .card > .content .like.icon, -.ui.card > .content .like.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.cards > .card > .content .like.icon:hover, -.ui.card > .content .like.icon:hover { - opacity: 1; - color: #FF2733; -} - -.ui.cards > .card > .content .active.like.icon, -.ui.card > .content .active.like.icon { - color: #FF2733; -} - -/*---------------- - Extra Content ------------------*/ - -.ui.cards > .card > .extra, -.ui.card > .extra { - max-width: 100%; - min-height: 0em !important; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - border-top: 1px solid rgba(0, 0, 0, 0.05) !important; - position: static; - background: none; - width: auto; - margin: 0em 0em; - padding: 0.75em 1em; - top: 0em; - left: 0em; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.cards > .card > .extra a:not(.ui), -.ui.card > .extra a:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} - -.ui.cards > .card > .extra a:not(.ui):hover, -.ui.card > .extra a:not(.ui):hover { - color: #1e70bf; -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Raised ---------------------*/ - -.ui.raised.cards > .card, -.ui.raised.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); -} - -.ui.raised.cards a.card:hover, -.ui.link.cards .raised.card:hover, -a.ui.raised.card:hover, -.ui.link.raised.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); -} - -.ui.raised.cards > .card, -.ui.raised.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); -} - -/*------------------- - Centered ---------------------*/ - -.ui.centered.cards { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; -} - -.ui.centered.card { - margin-left: auto; - margin-right: auto; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.fluid.card { - width: 100%; - max-width: 9999px; -} - -/*------------------- - Link ---------------------*/ - -.ui.cards a.card, -.ui.link.cards .card, -a.ui.card, -.ui.link.card { - -webkit-transform: none; - transform: none; -} - -.ui.cards a.card:hover, -.ui.link.cards .card:hover, -a.ui.card:hover, -.ui.link.card:hover { - cursor: pointer; - z-index: 5; - background: #FFFFFF; - border: none; - -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; - -webkit-transform: translateY(-3px); - transform: translateY(-3px); -} - -/*------------------- - Colors ---------------------*/ - -/* Red */ - -.ui.red.cards > .card, -.ui.cards > .red.card, -.ui.red.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; -} - -.ui.red.cards > .card:hover, -.ui.cards > .red.card:hover, -.ui.red.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; -} - -/* Orange */ - -.ui.orange.cards > .card, -.ui.cards > .orange.card, -.ui.orange.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; -} - -.ui.orange.cards > .card:hover, -.ui.cards > .orange.card:hover, -.ui.orange.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; -} - -/* Yellow */ - -.ui.yellow.cards > .card, -.ui.cards > .yellow.card, -.ui.yellow.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; -} - -.ui.yellow.cards > .card:hover, -.ui.cards > .yellow.card:hover, -.ui.yellow.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; -} - -/* Olive */ - -.ui.olive.cards > .card, -.ui.cards > .olive.card, -.ui.olive.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; -} - -.ui.olive.cards > .card:hover, -.ui.cards > .olive.card:hover, -.ui.olive.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; -} - -/* Green */ - -.ui.green.cards > .card, -.ui.cards > .green.card, -.ui.green.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; -} - -.ui.green.cards > .card:hover, -.ui.cards > .green.card:hover, -.ui.green.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; -} - -/* Teal */ - -.ui.teal.cards > .card, -.ui.cards > .teal.card, -.ui.teal.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; -} - -.ui.teal.cards > .card:hover, -.ui.cards > .teal.card:hover, -.ui.teal.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; -} - -/* Blue */ - -.ui.blue.cards > .card, -.ui.cards > .blue.card, -.ui.blue.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; -} - -.ui.blue.cards > .card:hover, -.ui.cards > .blue.card:hover, -.ui.blue.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; -} - -/* Violet */ - -.ui.violet.cards > .card, -.ui.cards > .violet.card, -.ui.violet.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; -} - -.ui.violet.cards > .card:hover, -.ui.cards > .violet.card:hover, -.ui.violet.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; -} - -/* Purple */ - -.ui.purple.cards > .card, -.ui.cards > .purple.card, -.ui.purple.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; -} - -.ui.purple.cards > .card:hover, -.ui.cards > .purple.card:hover, -.ui.purple.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; -} - -/* Pink */ - -.ui.pink.cards > .card, -.ui.cards > .pink.card, -.ui.pink.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; -} - -.ui.pink.cards > .card:hover, -.ui.cards > .pink.card:hover, -.ui.pink.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; -} - -/* Brown */ - -.ui.brown.cards > .card, -.ui.cards > .brown.card, -.ui.brown.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; -} - -.ui.brown.cards > .card:hover, -.ui.cards > .brown.card:hover, -.ui.brown.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; -} - -/* Grey */ - -.ui.grey.cards > .card, -.ui.cards > .grey.card, -.ui.grey.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; -} - -.ui.grey.cards > .card:hover, -.ui.cards > .grey.card:hover, -.ui.grey.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; -} - -/* Black */ - -.ui.black.cards > .card, -.ui.cards > .black.card, -.ui.black.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; -} - -.ui.black.cards > .card:hover, -.ui.cards > .black.card:hover, -.ui.black.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; -} - -/*-------------- - Card Count ----------------*/ - -.ui.one.cards { - margin-left: 0em; - margin-right: 0em; -} - -.ui.one.cards > .card { - width: 100%; -} - -.ui.two.cards { - margin-left: -1em; - margin-right: -1em; -} - -.ui.two.cards > .card { - width: calc( 50% - 2em ); - margin-left: 1em; - margin-right: 1em; -} - -.ui.three.cards { - margin-left: -1em; - margin-right: -1em; -} - -.ui.three.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; -} - -.ui.four.cards { - margin-left: -0.75em; - margin-right: -0.75em; -} - -.ui.four.cards > .card { - width: calc( 25% - 1.5em ); - margin-left: 0.75em; - margin-right: 0.75em; -} - -.ui.five.cards { - margin-left: -0.75em; - margin-right: -0.75em; -} - -.ui.five.cards > .card { - width: calc( 20% - 1.5em ); - margin-left: 0.75em; - margin-right: 0.75em; -} - -.ui.six.cards { - margin-left: -0.75em; - margin-right: -0.75em; -} - -.ui.six.cards > .card { - width: calc( 16.66666667% - 1.5em ); - margin-left: 0.75em; - margin-right: 0.75em; -} - -.ui.seven.cards { - margin-left: -0.5em; - margin-right: -0.5em; -} - -.ui.seven.cards > .card { - width: calc( 14.28571429% - 1em ); - margin-left: 0.5em; - margin-right: 0.5em; -} - -.ui.eight.cards { - margin-left: -0.5em; - margin-right: -0.5em; -} - -.ui.eight.cards > .card { - width: calc( 12.5% - 1em ); - margin-left: 0.5em; - margin-right: 0.5em; - font-size: 11px; -} - -.ui.nine.cards { - margin-left: -0.5em; - margin-right: -0.5em; -} - -.ui.nine.cards > .card { - width: calc( 11.11111111% - 1em ); - margin-left: 0.5em; - margin-right: 0.5em; - font-size: 10px; -} - -.ui.ten.cards { - margin-left: -0.5em; - margin-right: -0.5em; -} - -.ui.ten.cards > .card { - width: calc( 10% - 1em ); - margin-left: 0.5em; - margin-right: 0.5em; -} - -/*------------------- - Doubling ---------------------*/ - -/* Mobile Only */ - -@media only screen and (max-width: 767px) { - .ui.two.doubling.cards { - margin-left: 0em; - margin-right: 0em; - } - - .ui.two.doubling.cards > .card { - width: 100%; - margin-left: 0em; - margin-right: 0em; - } - - .ui.three.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.three.doubling.cards > .card { - width: calc( 50% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.four.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.four.doubling.cards > .card { - width: calc( 50% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.five.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.five.doubling.cards > .card { - width: calc( 50% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.six.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.six.doubling.cards > .card { - width: calc( 50% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.seven.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.seven.doubling.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.eight.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.eight.doubling.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.nine.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.nine.doubling.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.ten.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.ten.doubling.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; - } -} - -/* Tablet Only */ - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.two.doubling.cards { - margin-left: 0em; - margin-right: 0em; - } - - .ui.two.doubling.cards > .card { - width: 100%; - margin-left: 0em; - margin-right: 0em; - } - - .ui.three.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.three.doubling.cards > .card { - width: calc( 50% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.four.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.four.doubling.cards > .card { - width: calc( 50% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.five.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.five.doubling.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.six.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.six.doubling.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.eight.doubling.cards { - margin-left: -1em; - margin-right: -1em; - } - - .ui.eight.doubling.cards > .card { - width: calc( 33.33333333% - 2em ); - margin-left: 1em; - margin-right: 1em; - } - - .ui.eight.doubling.cards { - margin-left: -0.75em; - margin-right: -0.75em; - } - - .ui.eight.doubling.cards > .card { - width: calc( 25% - 1.5em ); - margin-left: 0.75em; - margin-right: 0.75em; - } - - .ui.nine.doubling.cards { - margin-left: -0.75em; - margin-right: -0.75em; - } - - .ui.nine.doubling.cards > .card { - width: calc( 25% - 1.5em ); - margin-left: 0.75em; - margin-right: 0.75em; - } - - .ui.ten.doubling.cards { - margin-left: -0.75em; - margin-right: -0.75em; - } - - .ui.ten.doubling.cards > .card { - width: calc( 20% - 1.5em ); - margin-left: 0.75em; - margin-right: 0.75em; - } -} - -/*------------------- - Stackable ---------------------*/ - -@media only screen and (max-width: 767px) { - .ui.stackable.cards { - display: block !important; - } - - .ui.stackable.cards .card:first-child { - margin-top: 0em !important; - } - - .ui.stackable.cards > .card { - display: block !important; - height: auto !important; - margin: 1em 1em; - padding: 0 !important; - width: calc( 100% - 2em ) !important; - } -} - -/*-------------- - Size ----------------*/ - -.ui.cards > .card { - font-size: 1em; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Comment - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -/*-------------- - Comments ----------------*/ - -.ui.comments { - margin: 1.5em 0em; - max-width: 650px; -} - -.ui.comments:first-child { - margin-top: 0em; -} - -.ui.comments:last-child { - margin-bottom: 0em; -} - -/*-------------- - Comment ----------------*/ - -.ui.comments .comment { - position: relative; - background: none; - margin: 0.5em 0em 0em; - padding: 0.5em 0em 0em; - border: none; - border-top: none; - line-height: 1.2; -} - -.ui.comments .comment:first-child { - margin-top: 0em; - padding-top: 0em; -} - -/*-------------------- - Nested Comments ----------------------*/ - -.ui.comments .comment .comments { - margin: 0em 0em 0.5em 0.5em; - padding: 1em 0em 1em 1em; -} - -.ui.comments .comment .comments:before { - position: absolute; - top: 0px; - left: 0px; -} - -.ui.comments .comment .comments .comment { - border: none; - border-top: none; - background: none; -} - -/*-------------- - Avatar ----------------*/ - -.ui.comments .comment .avatar { - display: block; - width: 2.5em; - height: auto; - float: left; - margin: 0.2em 0em 0em; -} - -.ui.comments .comment img.avatar, -.ui.comments .comment .avatar img { - display: block; - margin: 0em auto; - width: 100%; - height: 100%; - border-radius: 0.25rem; -} - -/*-------------- - Content ----------------*/ - -.ui.comments .comment > .content { - display: block; -} - -/* If there is an avatar move content over */ - -.ui.comments .comment > .avatar ~ .content { - margin-left: 3.5em; -} - -/*-------------- - Author ----------------*/ - -.ui.comments .comment .author { - font-size: 1em; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; -} - -.ui.comments .comment a.author { - cursor: pointer; -} - -.ui.comments .comment a.author:hover { - color: #1e70bf; -} - -/*-------------- - Metadata ----------------*/ - -.ui.comments .comment .metadata { - display: inline-block; - margin-left: 0.5em; - color: rgba(0, 0, 0, 0.4); - font-size: 0.875em; -} - -.ui.comments .comment .metadata > * { - display: inline-block; - margin: 0em 0.5em 0em 0em; -} - -.ui.comments .comment .metadata > :last-child { - margin-right: 0em; -} - -/*-------------------- - Comment Text ----------------------*/ - -.ui.comments .comment .text { - margin: 0.25em 0em 0.5em; - font-size: 1em; - word-wrap: break-word; - color: rgba(0, 0, 0, 0.87); - line-height: 1.3; -} - -/*-------------------- - User Actions ----------------------*/ - -.ui.comments .comment .actions { - font-size: 0.875em; -} - -.ui.comments .comment .actions a { - cursor: pointer; - display: inline-block; - margin: 0em 0.75em 0em 0em; - color: rgba(0, 0, 0, 0.4); -} - -.ui.comments .comment .actions a:last-child { - margin-right: 0em; -} - -.ui.comments .comment .actions a.active, -.ui.comments .comment .actions a:hover { - color: rgba(0, 0, 0, 0.8); -} - -/*-------------------- - Reply Form ----------------------*/ - -.ui.comments > .reply.form { - margin-top: 1em; -} - -.ui.comments .comment .reply.form { - width: 100%; - margin-top: 1em; -} - -.ui.comments .reply.form textarea { - font-size: 1em; - height: 12em; -} - -/******************************* - State -*******************************/ - -.ui.collapsed.comments, -.ui.comments .collapsed.comments, -.ui.comments .collapsed.comment { - display: none; -} - -/******************************* - Variations -*******************************/ - -/*-------------------- - Threaded ----------------------*/ - -.ui.threaded.comments .comment .comments { - margin: -1.5em 0 -1em 1.25em; - padding: 3em 0em 2em 2.25em; - -webkit-box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); -} - -/*-------------------- - Minimal ----------------------*/ - -.ui.minimal.comments .comment .actions { - opacity: 0; - position: absolute; - top: 0px; - right: 0px; - left: auto; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; -} - -.ui.minimal.comments .comment > .content:hover > .actions { - opacity: 1; -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.comments { - font-size: 0.78571429rem; -} - -.ui.tiny.comments { - font-size: 0.85714286rem; -} - -.ui.small.comments { - font-size: 0.92857143rem; -} - -.ui.comments { - font-size: 1rem; -} - -.ui.large.comments { - font-size: 1.14285714rem; -} - -.ui.big.comments { - font-size: 1.28571429rem; -} - -.ui.huge.comments { - font-size: 1.42857143rem; -} - -.ui.massive.comments { - font-size: 1.71428571rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Feed - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Activity Feed -*******************************/ - -.ui.feed { - margin: 1em 0em; -} - -.ui.feed:first-child { - margin-top: 0em; -} - -.ui.feed:last-child { - margin-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/* Event */ - -.ui.feed > .event { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - width: 100%; - padding: 0.21428571rem 0em; - margin: 0em; - background: none; - border-top: none; -} - -.ui.feed > .event:first-child { - border-top: 0px; - padding-top: 0em; -} - -.ui.feed > .event:last-child { - padding-bottom: 0em; -} - -/* Event Label */ - -.ui.feed > .event > .label { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 2.5em; - height: auto; - -ms-flex-item-align: stretch; - align-self: stretch; - text-align: left; -} - -.ui.feed > .event > .label .icon { - opacity: 1; - font-size: 1.5em; - width: 100%; - padding: 0.25em; - background: none; - border: none; - border-radius: none; - color: rgba(0, 0, 0, 0.6); -} - -.ui.feed > .event > .label img { - width: 100%; - height: auto; - border-radius: 500rem; -} - -.ui.feed > .event > .label + .content { - margin: 0.5em 0em 0.35714286em 1.14285714em; -} - -/*-------------- - Content ----------------*/ - -/* Content */ - -.ui.feed > .event > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-item-align: stretch; - align-self: stretch; - text-align: left; - word-wrap: break-word; -} - -.ui.feed > .event:last-child > .content { - padding-bottom: 0em; -} - -/* Link */ - -.ui.feed > .event > .content a { - cursor: pointer; -} - -/*-------------- - Date ----------------*/ - -.ui.feed > .event > .content .date { - margin: -0.5rem 0em 0em; - padding: 0em; - font-weight: normal; - font-size: 1em; - font-style: normal; - color: rgba(0, 0, 0, 0.4); -} - -/*-------------- - Summary ----------------*/ - -.ui.feed > .event > .content .summary { - margin: 0em; - font-size: 1em; - font-weight: bold; - color: rgba(0, 0, 0, 0.87); -} - -/* Summary Image */ - -.ui.feed > .event > .content .summary img { - display: inline-block; - width: auto; - height: 10em; - margin: -0.25em 0.25em 0em 0em; - border-radius: 0.25em; - vertical-align: middle; -} - -/*-------------- - User ----------------*/ - -.ui.feed > .event > .content .user { - display: inline-block; - font-weight: bold; - margin-right: 0em; - vertical-align: baseline; -} - -.ui.feed > .event > .content .user img { - margin: -0.25em 0.25em 0em 0em; - width: auto; - height: 10em; - vertical-align: middle; -} - -/*-------------- - Inline Date ----------------*/ - -/* Date inside Summary */ - -.ui.feed > .event > .content .summary > .date { - display: inline-block; - float: none; - font-weight: normal; - font-size: 0.85714286em; - font-style: normal; - margin: 0em 0em 0em 0.5em; - padding: 0em; - color: rgba(0, 0, 0, 0.4); -} - -/*-------------- - Extra Summary ----------------*/ - -.ui.feed > .event > .content .extra { - margin: 0.5em 0em 0em; - background: none; - padding: 0em; - color: rgba(0, 0, 0, 0.87); -} - -/* Images */ - -.ui.feed > .event > .content .extra.images img { - display: inline-block; - margin: 0em 0.25em 0em 0em; - width: 6em; -} - -/* Text */ - -.ui.feed > .event > .content .extra.text { - padding: 0em; - border-left: none; - font-size: 1em; - max-width: 500px; - line-height: 1.4285em; -} - -/*-------------- - Meta ----------------*/ - -.ui.feed > .event > .content .meta { - display: inline-block; - font-size: 0.85714286em; - margin: 0.5em 0em 0em; - background: none; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - padding: 0em; - color: rgba(0, 0, 0, 0.6); -} - -.ui.feed > .event > .content .meta > * { - position: relative; - margin-left: 0.75em; -} - -.ui.feed > .event > .content .meta > *:after { - content: ''; - color: rgba(0, 0, 0, 0.2); - top: 0em; - left: -1em; - opacity: 1; - position: absolute; - vertical-align: top; -} - -.ui.feed > .event > .content .meta .like { - color: ''; - -webkit-transition: 0.2s color ease; - transition: 0.2s color ease; -} - -.ui.feed > .event > .content .meta .like:hover .icon { - color: #FF2733; -} - -.ui.feed > .event > .content .meta .active.like .icon { - color: #EF404A; -} - -/* First element */ - -.ui.feed > .event > .content .meta > :first-child { - margin-left: 0em; -} - -.ui.feed > .event > .content .meta > :first-child::after { - display: none; -} - -/* Action */ - -.ui.feed > .event > .content .meta a, -.ui.feed > .event > .content .meta > .icon { - cursor: pointer; - opacity: 1; - color: rgba(0, 0, 0, 0.5); - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.feed > .event > .content .meta a:hover, -.ui.feed > .event > .content .meta a:hover .icon, -.ui.feed > .event > .content .meta > .icon:hover { - color: rgba(0, 0, 0, 0.95); -} - -/******************************* - Variations -*******************************/ - -.ui.small.feed { - font-size: 0.92857143rem; -} - -.ui.feed { - font-size: 1rem; -} - -.ui.large.feed { - font-size: 1.14285714rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Item - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Standard -*******************************/ - -/*-------------- - Item ----------------*/ - -.ui.items > .item { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em 0em; - width: 100%; - min-height: 0px; - background: transparent; - padding: 0em; - border: none; - border-radius: 0rem; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.1s ease; - transition: -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - z-index: ''; -} - -.ui.items > .item a { - cursor: pointer; -} - -/*-------------- - Items ----------------*/ - -.ui.items { - margin: 1.5em 0em; -} - -.ui.items:first-child { - margin-top: 0em !important; -} - -.ui.items:last-child { - margin-bottom: 0em !important; -} - -/*-------------- - Item ----------------*/ - -.ui.items > .item:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} - -.ui.items > .item:first-child { - margin-top: 0em; -} - -.ui.items > .item:last-child { - margin-bottom: 0em; -} - -/*-------------- - Images ----------------*/ - -.ui.items > .item > .image { - position: relative; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: block; - float: none; - margin: 0em; - padding: 0em; - max-height: ''; - -ms-flex-item-align: top; - align-self: top; -} - -.ui.items > .item > .image > img { - display: block; - width: 100%; - height: auto; - border-radius: 0.125rem; - border: none; -} - -.ui.items > .item > .image:only-child > img { - border-radius: 0rem; -} - -/*-------------- - Content ----------------*/ - -.ui.items > .item > .content { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - background: none; - margin: 0em; - padding: 0em; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 1em; - border: none; - border-radius: 0em; -} - -.ui.items > .item > .content:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} - -.ui.items > .item > .image + .content { - min-width: 0; - width: auto; - display: block; - margin-left: 0em; - -ms-flex-item-align: top; - align-self: top; - padding-left: 1.5em; -} - -.ui.items > .item > .content > .header { - display: inline-block; - margin: -0.21425em 0em 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: bold; - color: rgba(0, 0, 0, 0.85); -} - -/* Default Header Size */ - -.ui.items > .item > .content > .header:not(.ui) { - font-size: 1.28571429em; -} - -/*-------------- - Floated ----------------*/ - -.ui.items > .item [class*="left floated"] { - float: left; -} - -.ui.items > .item [class*="right floated"] { - float: right; -} - -/*-------------- - Content Image ----------------*/ - -.ui.items > .item .content img { - -ms-flex-item-align: middle; - align-self: middle; - width: ''; -} - -.ui.items > .item img.avatar, -.ui.items > .item .avatar img { - width: ''; - height: ''; - border-radius: 500rem; -} - -/*-------------- - Description ----------------*/ - -.ui.items > .item > .content > .description { - margin-top: 0.6em; - max-width: auto; - font-size: 1em; - line-height: 1.4285em; - color: rgba(0, 0, 0, 0.87); -} - -/*-------------- - Paragraph ----------------*/ - -.ui.items > .item > .content p { - margin: 0em 0em 0.5em; -} - -.ui.items > .item > .content p:last-child { - margin-bottom: 0em; -} - -/*-------------- - Meta ----------------*/ - -.ui.items > .item .meta { - margin: 0.5em 0em 0.5em; - font-size: 1em; - line-height: 1em; - color: rgba(0, 0, 0, 0.6); -} - -.ui.items > .item .meta * { - margin-right: 0.3em; -} - -.ui.items > .item .meta :last-child { - margin-right: 0em; -} - -.ui.items > .item .meta [class*="right floated"] { - margin-right: 0em; - margin-left: 0.3em; -} - -/*-------------- - Links ----------------*/ - -/* Generic */ - -.ui.items > .item > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.items > .item > .content a:not(.ui):hover { - color: ''; -} - -/* Header */ - -.ui.items > .item > .content > a.header { - color: rgba(0, 0, 0, 0.85); -} - -.ui.items > .item > .content > a.header:hover { - color: #1e70bf; -} - -/* Meta */ - -.ui.items > .item .meta > a:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} - -.ui.items > .item .meta > a:not(.ui):hover { - color: rgba(0, 0, 0, 0.87); -} - -/*-------------- - Labels ----------------*/ - -/*-----Star----- */ - -/* Icon */ - -.ui.items > .item > .content .favorite.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.items > .item > .content .favorite.icon:hover { - opacity: 1; - color: #FFB70A; -} - -.ui.items > .item > .content .active.favorite.icon { - color: #FFE623; -} - -/*-----Like----- */ - -/* Icon */ - -.ui.items > .item > .content .like.icon { - cursor: pointer; - opacity: 0.75; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -.ui.items > .item > .content .like.icon:hover { - opacity: 1; - color: #FF2733; -} - -.ui.items > .item > .content .active.like.icon { - color: #FF2733; -} - -/*---------------- - Extra Content ------------------*/ - -.ui.items > .item .extra { - display: block; - position: relative; - background: none; - margin: 0.5rem 0em 0em; - width: 100%; - padding: 0em 0em 0em; - top: 0em; - left: 0em; - color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; - border-top: none; -} - -.ui.items > .item .extra > * { - margin: 0.25rem 0.5rem 0.25rem 0em; -} - -.ui.items > .item .extra > [class*="right floated"] { - margin: 0.25rem 0em 0.25rem 0.5rem; -} - -.ui.items > .item .extra:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} - -/******************************* - Responsive -*******************************/ - -/* Default Image Width */ - -.ui.items > .item > .image:not(.ui) { - width: 175px; -} - -/* Tablet Only */ - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .ui.items > .item { - margin: 1em 0em; - } - - .ui.items > .item > .image:not(.ui) { - width: 150px; - } - - .ui.items > .item > .image + .content { - display: block; - padding: 0em 0em 0em 1em; - } -} - -/* Mobile Only */ - -@media only screen and (max-width: 767px) { - .ui.items:not(.unstackable) > .item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 2em 0em; - } - - .ui.items:not(.unstackable) > .item > .image { - display: block; - margin-left: auto; - margin-right: auto; - } - - .ui.items:not(.unstackable) > .item > .image, - .ui.items:not(.unstackable) > .item > .image > img { - max-width: 100% !important; - width: auto !important; - max-height: 250px !important; - } - - .ui.items:not(.unstackable) > .item > .image + .content { - display: block; - padding: 1.5em 0em 0em; - } -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Aligned ---------------------*/ - -.ui.items > .item > .image + [class*="top aligned"].content { - -ms-flex-item-align: start; - align-self: flex-start; -} - -.ui.items > .item > .image + [class*="middle aligned"].content { - -ms-flex-item-align: center; - align-self: center; -} - -.ui.items > .item > .image + [class*="bottom aligned"].content { - -ms-flex-item-align: end; - align-self: flex-end; -} - -/*-------------- - Relaxed ----------------*/ - -.ui.relaxed.items > .item { - margin: 1.5em 0em; -} - -.ui[class*="very relaxed"].items > .item { - margin: 2em 0em; -} - -/*------------------- - Divided ---------------------*/ - -.ui.divided.items > .item { - border-top: 1px solid rgba(34, 36, 38, 0.15); - margin: 0em; - padding: 1em 0em; -} - -.ui.divided.items > .item:first-child { - border-top: none; - margin-top: 0em !important; - padding-top: 0em !important; -} - -.ui.divided.items > .item:last-child { - margin-bottom: 0em !important; - padding-bottom: 0em !important; -} - -/* Relaxed Divided */ - -.ui.relaxed.divided.items > .item { - margin: 0em; - padding: 1.5em 0em; -} - -.ui[class*="very relaxed"].divided.items > .item { - margin: 0em; - padding: 2em 0em; -} - -/*------------------- - Link ---------------------*/ - -.ui.items a.item:hover, -.ui.link.items > .item:hover { - cursor: pointer; -} - -.ui.items a.item:hover .content .header, -.ui.link.items > .item:hover .content .header { - color: #1e70bf; -} - -/*-------------- - Size ----------------*/ - -.ui.items > .item { - font-size: 1em; -} - -/*--------------- - Unstackable -----------------*/ - -@media only screen and (max-width: 767px) { - .ui.unstackable.items > .item > .image, - .ui.unstackable.items > .item > .image > img { - width: 125px !important; - } -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Statistic - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Statistic -*******************************/ - -/* Standalone */ - -.ui.statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 1em 0em; - max-width: auto; -} - -.ui.statistic + .ui.statistic { - margin: 0em 0em 0em 1.5em; -} - -.ui.statistic:first-child { - margin-top: 0em; -} - -.ui.statistic:last-child { - margin-bottom: 0em; -} - -/******************************* - Group -*******************************/ - -/* Grouped */ - -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.ui.statistics > .statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0em 1.5em 2em; - max-width: auto; -} - -.ui.statistics { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1em -1.5em -2em; -} - -/* Clearing */ - -.ui.statistics:after { - display: block; - content: ' '; - height: 0px; - clear: both; - overflow: hidden; - visibility: hidden; -} - -.ui.statistics:first-child { - margin-top: 0em; -} - -.ui.statistics:last-child { - margin-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/*-------------- - Value ----------------*/ - -.ui.statistics .statistic > .value, -.ui.statistic > .value { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 4rem; - font-weight: normal; - line-height: 1em; - color: #1B1C1D; - text-transform: uppercase; - text-align: center; -} - -/*-------------- - Label ----------------*/ - -.ui.statistics .statistic > .label, -.ui.statistic > .label { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - font-weight: bold; - color: rgba(0, 0, 0, 0.87); - text-transform: uppercase; - text-align: center; -} - -/* Top Label */ - -.ui.statistics .statistic > .label ~ .value, -.ui.statistic > .label ~ .value { - margin-top: 0rem; -} - -/* Bottom Label */ - -.ui.statistics .statistic > .value ~ .label, -.ui.statistic > .value ~ .label { - margin-top: 0rem; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Icon Value ----------------*/ - -.ui.statistics .statistic > .value .icon, -.ui.statistic > .value .icon { - opacity: 1; - width: auto; - margin: 0em; -} - -/*-------------- - Text Value ----------------*/ - -.ui.statistics .statistic > .text.value, -.ui.statistic > .text.value { - line-height: 1em; - min-height: 2em; - font-weight: bold; - text-align: center; -} - -.ui.statistics .statistic > .text.value + .label, -.ui.statistic > .text.value + .label { - text-align: center; -} - -/*-------------- - Image Value ----------------*/ - -.ui.statistics .statistic > .value img, -.ui.statistic > .value img { - max-height: 3rem; - vertical-align: baseline; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Count ----------------*/ - -.ui.ten.statistics { - margin: 0em 0em -2em; -} - -.ui.ten.statistics .statistic { - min-width: 10%; - margin: 0em 0em 2em; -} - -.ui.nine.statistics { - margin: 0em 0em -2em; -} - -.ui.nine.statistics .statistic { - min-width: 11.11111111%; - margin: 0em 0em 2em; -} - -.ui.eight.statistics { - margin: 0em 0em -2em; -} - -.ui.eight.statistics .statistic { - min-width: 12.5%; - margin: 0em 0em 2em; -} - -.ui.seven.statistics { - margin: 0em 0em -2em; -} - -.ui.seven.statistics .statistic { - min-width: 14.28571429%; - margin: 0em 0em 2em; -} - -.ui.six.statistics { - margin: 0em 0em -2em; -} - -.ui.six.statistics .statistic { - min-width: 16.66666667%; - margin: 0em 0em 2em; -} - -.ui.five.statistics { - margin: 0em 0em -2em; -} - -.ui.five.statistics .statistic { - min-width: 20%; - margin: 0em 0em 2em; -} - -.ui.four.statistics { - margin: 0em 0em -2em; -} - -.ui.four.statistics .statistic { - min-width: 25%; - margin: 0em 0em 2em; -} - -.ui.three.statistics { - margin: 0em 0em -2em; -} - -.ui.three.statistics .statistic { - min-width: 33.33333333%; - margin: 0em 0em 2em; -} - -.ui.two.statistics { - margin: 0em 0em -2em; -} - -.ui.two.statistics .statistic { - min-width: 50%; - margin: 0em 0em 2em; -} - -.ui.one.statistics { - margin: 0em 0em -2em; -} - -.ui.one.statistics .statistic { - min-width: 100%; - margin: 0em 0em 2em; -} - -/*-------------- - Horizontal ----------------*/ - -.ui.horizontal.statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.ui.horizontal.statistics { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 0em; - max-width: none; -} - -.ui.horizontal.statistics .statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - max-width: none; - margin: 1em 0em; -} - -.ui.horizontal.statistic > .text.value, -.ui.horizontal.statistics > .statistic > .text.value { - min-height: 0em !important; -} - -.ui.horizontal.statistics .statistic > .value .icon, -.ui.horizontal.statistic > .value .icon { - width: 1.18em; -} - -.ui.horizontal.statistics .statistic > .value, -.ui.horizontal.statistic > .value { - display: inline-block; - vertical-align: middle; -} - -.ui.horizontal.statistics .statistic > .label, -.ui.horizontal.statistic > .label { - display: inline-block; - vertical-align: middle; - margin: 0em 0em 0em 0.75em; -} - -/*-------------- - Colors ----------------*/ - -.ui.red.statistics .statistic > .value, -.ui.statistics .red.statistic > .value, -.ui.red.statistic > .value { - color: #DB2828; -} - -.ui.orange.statistics .statistic > .value, -.ui.statistics .orange.statistic > .value, -.ui.orange.statistic > .value { - color: #F2711C; -} - -.ui.yellow.statistics .statistic > .value, -.ui.statistics .yellow.statistic > .value, -.ui.yellow.statistic > .value { - color: #FBBD08; -} - -.ui.olive.statistics .statistic > .value, -.ui.statistics .olive.statistic > .value, -.ui.olive.statistic > .value { - color: #B5CC18; -} - -.ui.green.statistics .statistic > .value, -.ui.statistics .green.statistic > .value, -.ui.green.statistic > .value { - color: #21BA45; -} - -.ui.teal.statistics .statistic > .value, -.ui.statistics .teal.statistic > .value, -.ui.teal.statistic > .value { - color: #00B5AD; -} - -.ui.blue.statistics .statistic > .value, -.ui.statistics .blue.statistic > .value, -.ui.blue.statistic > .value { - color: #2185D0; -} - -.ui.violet.statistics .statistic > .value, -.ui.statistics .violet.statistic > .value, -.ui.violet.statistic > .value { - color: #6435C9; -} - -.ui.purple.statistics .statistic > .value, -.ui.statistics .purple.statistic > .value, -.ui.purple.statistic > .value { - color: #A333C8; -} - -.ui.pink.statistics .statistic > .value, -.ui.statistics .pink.statistic > .value, -.ui.pink.statistic > .value { - color: #E03997; -} - -.ui.brown.statistics .statistic > .value, -.ui.statistics .brown.statistic > .value, -.ui.brown.statistic > .value { - color: #A5673F; -} - -.ui.grey.statistics .statistic > .value, -.ui.statistics .grey.statistic > .value, -.ui.grey.statistic > .value { - color: #767676; -} - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.statistics .statistic > .value, -.ui.inverted.statistic .value { - color: #FFFFFF; -} - -.ui.inverted.statistics .statistic > .label, -.ui.inverted.statistic .label { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.red.statistics .statistic > .value, -.ui.statistics .inverted.red.statistic > .value, -.ui.inverted.red.statistic > .value { - color: #FF695E; -} - -.ui.inverted.orange.statistics .statistic > .value, -.ui.statistics .inverted.orange.statistic > .value, -.ui.inverted.orange.statistic > .value { - color: #FF851B; -} - -.ui.inverted.yellow.statistics .statistic > .value, -.ui.statistics .inverted.yellow.statistic > .value, -.ui.inverted.yellow.statistic > .value { - color: #FFE21F; -} - -.ui.inverted.olive.statistics .statistic > .value, -.ui.statistics .inverted.olive.statistic > .value, -.ui.inverted.olive.statistic > .value { - color: #D9E778; -} - -.ui.inverted.green.statistics .statistic > .value, -.ui.statistics .inverted.green.statistic > .value, -.ui.inverted.green.statistic > .value { - color: #2ECC40; -} - -.ui.inverted.teal.statistics .statistic > .value, -.ui.statistics .inverted.teal.statistic > .value, -.ui.inverted.teal.statistic > .value { - color: #6DFFFF; -} - -.ui.inverted.blue.statistics .statistic > .value, -.ui.statistics .inverted.blue.statistic > .value, -.ui.inverted.blue.statistic > .value { - color: #54C8FF; -} - -.ui.inverted.violet.statistics .statistic > .value, -.ui.statistics .inverted.violet.statistic > .value, -.ui.inverted.violet.statistic > .value { - color: #A291FB; -} - -.ui.inverted.purple.statistics .statistic > .value, -.ui.statistics .inverted.purple.statistic > .value, -.ui.inverted.purple.statistic > .value { - color: #DC73FF; -} - -.ui.inverted.pink.statistics .statistic > .value, -.ui.statistics .inverted.pink.statistic > .value, -.ui.inverted.pink.statistic > .value { - color: #FF8EDF; -} - -.ui.inverted.brown.statistics .statistic > .value, -.ui.statistics .inverted.brown.statistic > .value, -.ui.inverted.brown.statistic > .value { - color: #D67C1C; -} - -.ui.inverted.grey.statistics .statistic > .value, -.ui.statistics .inverted.grey.statistic > .value, -.ui.inverted.grey.statistic > .value { - color: #DCDDDE; -} - -/*-------------- - Floated ----------------*/ - -.ui[class*="left floated"].statistic { - float: left; - margin: 0em 2em 1em 0em; -} - -.ui[class*="right floated"].statistic { - float: right; - margin: 0em 0em 1em 2em; -} - -.ui.floated.statistic:last-child { - margin-bottom: 0em; -} - -/*-------------- - Sizes ----------------*/ - -/* Mini */ - -.ui.mini.statistics .statistic > .value, -.ui.mini.statistic > .value { - font-size: 1.5rem !important; -} - -.ui.mini.horizontal.statistics .statistic > .value, -.ui.mini.horizontal.statistic > .value { - font-size: 1.5rem !important; -} - -.ui.mini.statistics .statistic > .text.value, -.ui.mini.statistic > .text.value { - font-size: 1rem !important; -} - -/* Tiny */ - -.ui.tiny.statistics .statistic > .value, -.ui.tiny.statistic > .value { - font-size: 2rem !important; -} - -.ui.tiny.horizontal.statistics .statistic > .value, -.ui.tiny.horizontal.statistic > .value { - font-size: 2rem !important; -} - -.ui.tiny.statistics .statistic > .text.value, -.ui.tiny.statistic > .text.value { - font-size: 1rem !important; -} - -/* Small */ - -.ui.small.statistics .statistic > .value, -.ui.small.statistic > .value { - font-size: 3rem !important; -} - -.ui.small.horizontal.statistics .statistic > .value, -.ui.small.horizontal.statistic > .value { - font-size: 2rem !important; -} - -.ui.small.statistics .statistic > .text.value, -.ui.small.statistic > .text.value { - font-size: 1rem !important; -} - -/* Medium */ - -.ui.statistics .statistic > .value, -.ui.statistic > .value { - font-size: 4rem !important; -} - -.ui.horizontal.statistics .statistic > .value, -.ui.horizontal.statistic > .value { - font-size: 3rem !important; -} - -.ui.statistics .statistic > .text.value, -.ui.statistic > .text.value { - font-size: 2rem !important; -} - -/* Large */ - -.ui.large.statistics .statistic > .value, -.ui.large.statistic > .value { - font-size: 5rem !important; -} - -.ui.large.horizontal.statistics .statistic > .value, -.ui.large.horizontal.statistic > .value { - font-size: 4rem !important; -} - -.ui.large.statistics .statistic > .text.value, -.ui.large.statistic > .text.value { - font-size: 2.5rem !important; -} - -/* Huge */ - -.ui.huge.statistics .statistic > .value, -.ui.huge.statistic > .value { - font-size: 6rem !important; -} - -.ui.huge.horizontal.statistics .statistic > .value, -.ui.huge.horizontal.statistic > .value { - font-size: 5rem !important; -} - -.ui.huge.statistics .statistic > .text.value, -.ui.huge.statistic > .text.value { - font-size: 2.5rem !important; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Variable Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Accordion - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Accordion -*******************************/ - -.ui.accordion, -.ui.accordion .accordion { - max-width: 100%; -} - -.ui.accordion .accordion { - margin: 1em 0em 0em; - padding: 0em; -} - -/* Title */ - -.ui.accordion .title, -.ui.accordion .accordion .title { - cursor: pointer; -} - -/* Default Styling */ - -.ui.accordion .title:not(.ui) { - padding: 0.5em 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - color: rgba(0, 0, 0, 0.87); -} - -/* Content */ - -.ui.accordion .title ~ .content, -.ui.accordion .accordion .title ~ .content { - display: none; -} - -/* Default Styling */ - -.ui.accordion:not(.styled) .title ~ .content:not(.ui), -.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { - margin: ''; - padding: 0.5em 0em 1em; -} - -.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { - padding-bottom: 0em; -} - -/* Arrow */ - -.ui.accordion .title .dropdown.icon, -.ui.accordion .accordion .title .dropdown.icon { - display: inline-block; - float: none; - opacity: 1; - width: 1.25em; - height: 1em; - margin: 0em 0.25rem 0em 0rem; - padding: 0em; - font-size: 1em; - -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease; - vertical-align: baseline; - -webkit-transform: none; - transform: none; -} - -/*-------------- - Coupling ----------------*/ - -/* Menu */ - -.ui.accordion.menu .item .title { - display: block; - padding: 0em; -} - -.ui.accordion.menu .item .title > .dropdown.icon { - float: right; - margin: 0.21425em 0em 0em 1em; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} - -/* Header */ - -.ui.accordion .ui.header .dropdown.icon { - font-size: 1em; - margin: 0em 0.25rem 0em 0rem; -} - -/******************************* - States -*******************************/ - -.ui.accordion .active.title .dropdown.icon, -.ui.accordion .accordion .active.title .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -.ui.accordion.menu .item .active.title > .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} - -/******************************* - Types -*******************************/ - -/*-------------- - Styled ----------------*/ - -.ui.styled.accordion { - width: 600px; -} - -.ui.styled.accordion, -.ui.styled.accordion .accordion { - border-radius: 0.28571429rem; - background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); -} - -.ui.styled.accordion .title, -.ui.styled.accordion .accordion .title { - margin: 0em; - padding: 0.75em 1em; - color: rgba(0, 0, 0, 0.4); - font-weight: bold; - border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, color 0.1s ease; -} - -.ui.styled.accordion > .title:first-child, -.ui.styled.accordion .accordion .title:first-child { - border-top: none; -} - -/* Content */ - -.ui.styled.accordion .content, -.ui.styled.accordion .accordion .content { - margin: 0em; - padding: 0.5em 1em 1.5em; -} - -.ui.styled.accordion .accordion .content { - padding: 0em; - padding: 0.5em 1em 1.5em; -} - -/* Hover */ - -.ui.styled.accordion .title:hover, -.ui.styled.accordion .active.title, -.ui.styled.accordion .accordion .title:hover, -.ui.styled.accordion .accordion .active.title { - background: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.ui.styled.accordion .accordion .title:hover, -.ui.styled.accordion .accordion .active.title { - background: transparent; - color: rgba(0, 0, 0, 0.87); -} - -/* Active */ - -.ui.styled.accordion .active.title { - background: transparent; - color: rgba(0, 0, 0, 0.95); -} - -.ui.styled.accordion .accordion .active.title { - background: transparent; - color: rgba(0, 0, 0, 0.95); -} - -/******************************* - States -*******************************/ - -/*-------------- - Active ----------------*/ - -.ui.accordion .active.content, -.ui.accordion .accordion .active.content { - display: block; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.accordion, -.ui.fluid.accordion .accordion { - width: 100%; -} - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.accordion .title:not(.ui) { - color: rgba(255, 255, 255, 0.9); -} - -/******************************* - Theme Overrides -*******************************/ - -@font-face { - font-family: 'Accordion'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); - font-weight: normal; - font-style: normal; -} - -/* Dropdown Icon */ - -.ui.accordion .title .dropdown.icon, -.ui.accordion .accordion .title .dropdown.icon { - font-family: Accordion; - line-height: 1; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - font-weight: normal; - font-style: normal; - text-align: center; -} - -.ui.accordion .title .dropdown.icon:before, -.ui.accordion .accordion .title .dropdown.icon:before { - content: '\f0da' ; -} - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Checkbox - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Checkbox -*******************************/ - -/*-------------- - Content ----------------*/ - -.ui.checkbox { - position: relative; - display: inline-block; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - outline: none; - vertical-align: baseline; - font-style: normal; - min-height: 17px; - font-size: 1rem; - line-height: 17px; - min-width: 17px; -} - -/* HTML Checkbox */ - -.ui.checkbox input[type="checkbox"], -.ui.checkbox input[type="radio"] { - cursor: pointer; - position: absolute; - top: 0px; - left: 0px; - opacity: 0 !important; - outline: none; - z-index: 3; - width: 17px; - height: 17px; -} - -/*-------------- - Box ----------------*/ - -.ui.checkbox .box, -.ui.checkbox label { - cursor: auto; - position: relative; - display: block; - padding-left: 1.85714em; - outline: none; - font-size: 1em; -} - -.ui.checkbox .box:before, -.ui.checkbox label:before { - position: absolute; - top: 0px; - left: 0px; - width: 17px; - height: 17px; - content: ''; - background: #FFFFFF; - border-radius: 0.21428571rem; - -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - border: 1px solid #D4D4D5; -} - -/*-------------- - Checkmark ----------------*/ - -.ui.checkbox .box:after, -.ui.checkbox label:after { - position: absolute; - font-size: 14px; - top: 0px; - left: 0px; - width: 17px; - height: 17px; - text-align: center; - opacity: 0; - color: rgba(0, 0, 0, 0.87); - -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; -} - -/*-------------- - Label ----------------*/ - -/* Inside */ - -.ui.checkbox label, -.ui.checkbox + label { - color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; -} - -/* Outside */ - -.ui.checkbox + label { - vertical-align: middle; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.checkbox .box:hover::before, -.ui.checkbox label:hover::before { - background: #FFFFFF; - border-color: rgba(34, 36, 38, 0.35); -} - -.ui.checkbox label:hover, -.ui.checkbox + label:hover { - color: rgba(0, 0, 0, 0.8); -} - -/*-------------- - Down ----------------*/ - -.ui.checkbox .box:active::before, -.ui.checkbox label:active::before { - background: #F9FAFB; - border-color: rgba(34, 36, 38, 0.35); -} - -.ui.checkbox .box:active::after, -.ui.checkbox label:active::after { - color: rgba(0, 0, 0, 0.95); -} - -.ui.checkbox input:active ~ label { - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Focus ----------------*/ - -.ui.checkbox input:focus ~ .box:before, -.ui.checkbox input:focus ~ label:before { - background: #FFFFFF; - border-color: #96C8DA; -} - -.ui.checkbox input:focus ~ .box:after, -.ui.checkbox input:focus ~ label:after { - color: rgba(0, 0, 0, 0.95); -} - -.ui.checkbox input:focus ~ label { - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Active ----------------*/ - -.ui.checkbox input:checked ~ .box:before, -.ui.checkbox input:checked ~ label:before { - background: #FFFFFF; - border-color: rgba(34, 36, 38, 0.35); -} - -.ui.checkbox input:checked ~ .box:after, -.ui.checkbox input:checked ~ label:after { - opacity: 1; - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Indeterminate ----------------*/ - -.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, -.ui.checkbox input:not([type=radio]):indeterminate ~ label:before { - background: #FFFFFF; - border-color: rgba(34, 36, 38, 0.35); -} - -.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, -.ui.checkbox input:not([type=radio]):indeterminate ~ label:after { - opacity: 1; - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Active Focus ----------------*/ - -.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, -.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before, -.ui.checkbox input:checked:focus ~ .box:before, -.ui.checkbox input:checked:focus ~ label:before { - background: #FFFFFF; - border-color: #96C8DA; -} - -.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, -.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after, -.ui.checkbox input:checked:focus ~ .box:after, -.ui.checkbox input:checked:focus ~ label:after { - color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Read-Only ----------------*/ - -.ui.read-only.checkbox, -.ui.read-only.checkbox label { - cursor: default; -} - -/*-------------- - Disabled ----------------*/ - -.ui.disabled.checkbox .box:after, -.ui.disabled.checkbox label, -.ui.checkbox input[disabled] ~ .box:after, -.ui.checkbox input[disabled] ~ label { - cursor: default !important; - opacity: 0.5; - color: #000000; -} - -/*-------------- - Hidden ----------------*/ - -/* Initialized checkbox moves input below element - to prevent manually triggering */ - -.ui.checkbox input.hidden { - z-index: -1; -} - -/* Selectable Label */ - -.ui.checkbox input.hidden + label { - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Radio ----------------*/ - -.ui.radio.checkbox { - min-height: 15px; -} - -.ui.radio.checkbox .box, -.ui.radio.checkbox label { - padding-left: 1.85714em; -} - -/* Box */ - -.ui.radio.checkbox .box:before, -.ui.radio.checkbox label:before { - content: ''; - -webkit-transform: none; - transform: none; - width: 15px; - height: 15px; - border-radius: 500rem; - top: 1px; - left: 0px; -} - -/* Bullet */ - -.ui.radio.checkbox .box:after, -.ui.radio.checkbox label:after { - border: none; - content: '' !important; - width: 15px; - height: 15px; - line-height: 15px; -} - -/* Radio Checkbox */ - -.ui.radio.checkbox .box:after, -.ui.radio.checkbox label:after { - top: 1px; - left: 0px; - width: 15px; - height: 15px; - border-radius: 500rem; - -webkit-transform: scale(0.46666667); - transform: scale(0.46666667); - background-color: rgba(0, 0, 0, 0.87); -} - -/* Focus */ - -.ui.radio.checkbox input:focus ~ .box:before, -.ui.radio.checkbox input:focus ~ label:before { - background-color: #FFFFFF; -} - -.ui.radio.checkbox input:focus ~ .box:after, -.ui.radio.checkbox input:focus ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} - -/* Indeterminate */ - -.ui.radio.checkbox input:indeterminate ~ .box:after, -.ui.radio.checkbox input:indeterminate ~ label:after { - opacity: 0; -} - -/* Active */ - -.ui.radio.checkbox input:checked ~ .box:before, -.ui.radio.checkbox input:checked ~ label:before { - background-color: #FFFFFF; -} - -.ui.radio.checkbox input:checked ~ .box:after, -.ui.radio.checkbox input:checked ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} - -/* Active Focus */ - -.ui.radio.checkbox input:focus:checked ~ .box:before, -.ui.radio.checkbox input:focus:checked ~ label:before { - background-color: #FFFFFF; -} - -.ui.radio.checkbox input:focus:checked ~ .box:after, -.ui.radio.checkbox input:focus:checked ~ label:after { - background-color: rgba(0, 0, 0, 0.95); -} - -/*-------------- - Slider ----------------*/ - -.ui.slider.checkbox { - min-height: 1.25rem; -} - -/* Input */ - -.ui.slider.checkbox input { - width: 3.5rem; - height: 1.25rem; -} - -/* Label */ - -.ui.slider.checkbox .box, -.ui.slider.checkbox label { - padding-left: 4.5rem; - line-height: 1rem; - color: rgba(0, 0, 0, 0.4); -} - -/* Line */ - -.ui.slider.checkbox .box:before, -.ui.slider.checkbox label:before { - display: block; - position: absolute; - content: ''; - border: none !important; - left: 0em; - z-index: 1; - top: 0.4rem; - background-color: rgba(0, 0, 0, 0.05); - width: 3.5rem; - height: 0.21428571rem; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: background 0.3s ease; - transition: background 0.3s ease; -} - -/* Handle */ - -.ui.slider.checkbox .box:after, -.ui.slider.checkbox label:after { - background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - width: 1.5rem; - height: 1.5rem; - top: -0.25rem; - left: 0em; - -webkit-transform: none; - transform: none; - border-radius: 500rem; - -webkit-transition: left 0.3s ease; - transition: left 0.3s ease; -} - -/* Focus */ - -.ui.slider.checkbox input:focus ~ .box:before, -.ui.slider.checkbox input:focus ~ label:before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} - -/* Hover */ - -.ui.slider.checkbox .box:hover, -.ui.slider.checkbox label:hover { - color: rgba(0, 0, 0, 0.8); -} - -.ui.slider.checkbox .box:hover::before, -.ui.slider.checkbox label:hover::before { - background: rgba(0, 0, 0, 0.15); -} - -/* Active */ - -.ui.slider.checkbox input:checked ~ .box, -.ui.slider.checkbox input:checked ~ label { - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.slider.checkbox input:checked ~ .box:before, -.ui.slider.checkbox input:checked ~ label:before { - background-color: #545454 !important; -} - -.ui.slider.checkbox input:checked ~ .box:after, -.ui.slider.checkbox input:checked ~ label:after { - left: 2rem; -} - -/* Active Focus */ - -.ui.slider.checkbox input:focus:checked ~ .box, -.ui.slider.checkbox input:focus:checked ~ label { - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.slider.checkbox input:focus:checked ~ .box:before, -.ui.slider.checkbox input:focus:checked ~ label:before { - background-color: #000000 !important; -} - -/*-------------- - Toggle ----------------*/ - -.ui.toggle.checkbox { - min-height: 1.5rem; -} - -/* Input */ - -.ui.toggle.checkbox input { - width: 3.5rem; - height: 1.5rem; -} - -/* Label */ - -.ui.toggle.checkbox .box, -.ui.toggle.checkbox label { - min-height: 1.5rem; - padding-left: 4.5rem; - color: rgba(0, 0, 0, 0.87); -} - -.ui.toggle.checkbox label { - padding-top: 0.15em; -} - -/* Switch */ - -.ui.toggle.checkbox .box:before, -.ui.toggle.checkbox label:before { - display: block; - position: absolute; - content: ''; - z-index: 1; - -webkit-transform: none; - transform: none; - border: none; - top: 0rem; - background: rgba(0, 0, 0, 0.05); - -webkit-box-shadow: none; - box-shadow: none; - width: 3.5rem; - height: 1.5rem; - border-radius: 500rem; -} - -/* Handle */ - -.ui.toggle.checkbox .box:after, -.ui.toggle.checkbox label:after { - background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - position: absolute; - content: '' !important; - opacity: 1; - z-index: 2; - border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - width: 1.5rem; - height: 1.5rem; - top: 0rem; - left: 0em; - border-radius: 500rem; - -webkit-transition: background 0.3s ease, left 0.3s ease; - transition: background 0.3s ease, left 0.3s ease; -} - -.ui.toggle.checkbox input ~ .box:after, -.ui.toggle.checkbox input ~ label:after { - left: -0.05rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; -} - -/* Focus */ - -.ui.toggle.checkbox input:focus ~ .box:before, -.ui.toggle.checkbox input:focus ~ label:before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} - -/* Hover */ - -.ui.toggle.checkbox .box:hover::before, -.ui.toggle.checkbox label:hover::before { - background-color: rgba(0, 0, 0, 0.15); - border: none; -} - -/* Active */ - -.ui.toggle.checkbox input:checked ~ .box, -.ui.toggle.checkbox input:checked ~ label { - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.toggle.checkbox input:checked ~ .box:before, -.ui.toggle.checkbox input:checked ~ label:before { - background-color: #2185D0 !important; -} - -.ui.toggle.checkbox input:checked ~ .box:after, -.ui.toggle.checkbox input:checked ~ label:after { - left: 2.15rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; -} - -/* Active Focus */ - -.ui.toggle.checkbox input:focus:checked ~ .box, -.ui.toggle.checkbox input:focus:checked ~ label { - color: rgba(0, 0, 0, 0.95) !important; -} - -.ui.toggle.checkbox input:focus:checked ~ .box:before, -.ui.toggle.checkbox input:focus:checked ~ label:before { - background-color: #0d71bb !important; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Fitted ----------------*/ - -.ui.fitted.checkbox .box, -.ui.fitted.checkbox label { - padding-left: 0em !important; -} - -.ui.fitted.toggle.checkbox, -.ui.fitted.toggle.checkbox { - width: 3.5rem; -} - -.ui.fitted.slider.checkbox, -.ui.fitted.slider.checkbox { - width: 3.5rem; -} - -/******************************* - Theme Overrides -*******************************/ - -@font-face { - font-family: 'Checkbox'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'); -} - -/* Checkmark */ - -.ui.checkbox label:after, -.ui.checkbox .box:after { - font-family: 'Checkbox'; -} - -/* Checked */ - -.ui.checkbox input:checked ~ .box:after, -.ui.checkbox input:checked ~ label:after { - content: '\e800'; -} - -/* Indeterminate */ - -.ui.checkbox input:indeterminate ~ .box:after, -.ui.checkbox input:indeterminate ~ label:after { - font-size: 12px; - content: '\e801'; -} - -/* UTF Reference -.check:before { content: '\e800'; } -.dash:before { content: '\e801'; } -.plus:before { content: '\e802'; } -*/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Dimmer - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Dimmer -*******************************/ - -.dimmable:not(body) { - position: relative; -} - -.ui.dimmer { - display: none; - position: absolute; - top: 0em !important; - left: 0em !important; - width: 100%; - height: 100%; - text-align: center; - vertical-align: middle; - padding: 1em; - background-color: rgba(0, 0, 0, 0.85); - opacity: 0; - line-height: 1; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-transition: background-color 0.5s linear; - transition: background-color 0.5s linear; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - will-change: opacity; - z-index: 1000; -} - -/* Dimmer Content */ - -.ui.dimmer > .content { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - color: #FFFFFF; -} - -/* Loose Coupling */ - -.ui.segment > .ui.dimmer { - border-radius: inherit !important; -} - -/* Scrollbars */ - -.ui.dimmer:not(.inverted)::-webkit-scrollbar-track { - background: rgba(255, 255, 255, 0.1); -} - -.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.25); -} - -.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { - background: rgba(255, 255, 255, 0.15); -} - -.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { - background: rgba(255, 255, 255, 0.35); -} - -/******************************* - States -*******************************/ - -/* Animating */ - -.animating.dimmable:not(body), -.dimmed.dimmable:not(body) { - overflow: hidden; -} - -/* Animating / Active / Visible */ - -.dimmed.dimmable > .ui.animating.dimmer, -.dimmed.dimmable > .ui.visible.dimmer, -.ui.active.dimmer { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - opacity: 1; -} - -/* Disabled */ - -.ui.disabled.dimmer { - width: 0 !important; - height: 0 !important; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Alignment ----------------*/ - -.ui[class*="top aligned"].dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} - -.ui[class*="bottom aligned"].dimmer { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; -} - -/*-------------- - Page ----------------*/ - -.ui.page.dimmer { - position: fixed; - -webkit-transform-style: ''; - transform-style: ''; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transform-origin: center center; - transform-origin: center center; -} - -body.animating.in.dimmable, -body.dimmed.dimmable { - overflow: hidden; -} - -body.dimmable > .dimmer { - position: fixed; -} - -/*-------------- - Blurring ----------------*/ - -.blurring.dimmable > :not(.dimmer) { - -webkit-filter: blur(0px) grayscale(0); - filter: blur(0px) grayscale(0); - -webkit-transition: 800ms -webkit-filter ease; - transition: 800ms -webkit-filter ease; - transition: 800ms filter ease; - transition: 800ms filter ease, 800ms -webkit-filter ease; -} - -.blurring.dimmed.dimmable > :not(.dimmer) { - -webkit-filter: blur(5px) grayscale(0.7); - filter: blur(5px) grayscale(0.7); -} - -/* Dimmer Color */ - -.blurring.dimmable > .dimmer { - background-color: rgba(0, 0, 0, 0.6); -} - -.blurring.dimmable > .inverted.dimmer { - background-color: rgba(255, 255, 255, 0.6); -} - -/*-------------- - Aligned ----------------*/ - -.ui.dimmer > .top.aligned.content > * { - vertical-align: top; -} - -.ui.dimmer > .bottom.aligned.content > * { - vertical-align: bottom; -} - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.dimmer { - background-color: rgba(255, 255, 255, 0.85); -} - -.ui.inverted.dimmer > .content > * { - color: #FFFFFF; -} - -/*-------------- - Simple ----------------*/ - -/* Displays without javascript */ - -.ui.simple.dimmer { - display: block; - overflow: hidden; - opacity: 1; - width: 0%; - height: 0%; - z-index: -100; - background-color: rgba(0, 0, 0, 0); -} - -.dimmed.dimmable > .ui.simple.dimmer { - overflow: visible; - opacity: 1; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.85); - z-index: 1; -} - -.ui.simple.inverted.dimmer { - background-color: rgba(255, 255, 255, 0); -} - -.dimmed.dimmable > .ui.simple.inverted.dimmer { - background-color: rgba(255, 255, 255, 0.85); -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Dropdown - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Dropdown -*******************************/ - -.ui.dropdown { - cursor: pointer; - position: relative; - display: inline-block; - outline: none; - text-align: left; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/******************************* - Content -*******************************/ - -/*-------------- - Menu ----------------*/ - -.ui.dropdown .menu { - cursor: auto; - position: absolute; - display: none; - outline: none; - top: 100%; - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - margin: 0em; - padding: 0em 0em; - background: #FFFFFF; - font-size: 1em; - text-shadow: none; - text-align: left; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; - z-index: 11; - will-change: transform, opacity; -} - -.ui.dropdown .menu > * { - white-space: nowrap; -} - -/*-------------- - Hidden Input ----------------*/ - -.ui.dropdown > input:not(.search):first-child, -.ui.dropdown > select { - display: none !important; -} - -/*-------------- - Dropdown Icon ----------------*/ - -.ui.dropdown > .dropdown.icon { - position: relative; - width: auto; - font-size: 0.85714286em; - margin: 0em 0em 0em 1em; -} - -.ui.dropdown .menu > .item .dropdown.icon { - width: auto; - float: right; - margin: 0em 0em 0em 1em; -} - -.ui.dropdown .menu > .item .dropdown.icon + .text { - margin-right: 1em; -} - -/*-------------- - Text ----------------*/ - -.ui.dropdown > .text { - display: inline-block; - -webkit-transition: none; - transition: none; -} - -/*-------------- - Menu Item ----------------*/ - -.ui.dropdown .menu > .item { - position: relative; - cursor: pointer; - display: block; - border: none; - height: auto; - text-align: left; - border-top: none; - line-height: 1em; - color: rgba(0, 0, 0, 0.87); - padding: 0.78571429rem 1.14285714rem !important; - font-size: 1rem; - text-transform: none; - font-weight: normal; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-touch-callout: none; -} - -.ui.dropdown .menu > .item:first-child { - border-top-width: 0px; -} - -/*-------------- - Floated Content ----------------*/ - -.ui.dropdown > .text > [class*="right floated"], -.ui.dropdown .menu .item > [class*="right floated"] { - float: right !important; - margin-right: 0em !important; - margin-left: 1em !important; -} - -.ui.dropdown > .text > [class*="left floated"], -.ui.dropdown .menu .item > [class*="left floated"] { - float: left !important; - margin-left: 0em !important; - margin-right: 1em !important; -} - -.ui.dropdown .menu .item > .icon.floated, -.ui.dropdown .menu .item > .flag.floated, -.ui.dropdown .menu .item > .image.floated, -.ui.dropdown .menu .item > img.floated { - margin-top: 0em; -} - -/*-------------- - Menu Divider ----------------*/ - -.ui.dropdown .menu > .header { - margin: 1rem 0rem 0.75rem; - padding: 0em 1.14285714rem; - color: rgba(0, 0, 0, 0.85); - font-size: 0.78571429em; - font-weight: bold; - text-transform: uppercase; -} - -.ui.dropdown .menu > .divider { - border-top: 1px solid rgba(34, 36, 38, 0.1); - height: 0em; - margin: 0.5em 0em; -} - -.ui.dropdown.dropdown .menu > .input { - width: auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin: 1.14285714rem 0.78571429rem; - min-width: 10rem; -} - -.ui.dropdown .menu > .header + .input { - margin-top: 0em; -} - -.ui.dropdown .menu > .input:not(.transparent) input { - padding: 0.5em 1em; -} - -.ui.dropdown .menu > .input:not(.transparent) .button, -.ui.dropdown .menu > .input:not(.transparent) .icon, -.ui.dropdown .menu > .input:not(.transparent) .label { - padding-top: 0.5em; - padding-bottom: 0.5em; -} - -/*----------------- - Item Description --------------------*/ - -.ui.dropdown > .text > .description, -.ui.dropdown .menu > .item > .description { - float: right; - margin: 0em 0em 0em 1em; - color: rgba(0, 0, 0, 0.4); -} - -/*----------------- - Message --------------------*/ - -.ui.dropdown .menu > .message { - padding: 0.78571429rem 1.14285714rem; - font-weight: normal; -} - -.ui.dropdown .menu > .message:not(.ui) { - color: rgba(0, 0, 0, 0.4); -} - -/*-------------- - Sub Menu ----------------*/ - -.ui.dropdown .menu .menu { - top: 0% !important; - left: 100%; - right: auto; - margin: 0em 0em 0em -0.5em !important; - border-radius: 0.28571429rem !important; - z-index: 21 !important; -} - -/* Hide Arrow */ - -.ui.dropdown .menu .menu:after { - display: none; -} - -/*-------------- - Sub Elements ----------------*/ - -/* Icons / Flags / Labels / Image */ - -.ui.dropdown > .text > .icon, -.ui.dropdown > .text > .label, -.ui.dropdown > .text > .flag, -.ui.dropdown > .text > img, -.ui.dropdown > .text > .image { - margin-top: 0em; -} - -.ui.dropdown .menu > .item > .icon, -.ui.dropdown .menu > .item > .label, -.ui.dropdown .menu > .item > .flag, -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > img { - margin-top: 0em; -} - -.ui.dropdown > .text > .icon, -.ui.dropdown > .text > .label, -.ui.dropdown > .text > .flag, -.ui.dropdown > .text > img, -.ui.dropdown > .text > .image, -.ui.dropdown .menu > .item > .icon, -.ui.dropdown .menu > .item > .label, -.ui.dropdown .menu > .item > .flag, -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > img { - margin-left: 0em; - float: none; - margin-right: 0.78571429rem; -} - -/*-------------- - Image ----------------*/ - -.ui.dropdown > .text > img, -.ui.dropdown > .text > .image, -.ui.dropdown .menu > .item > .image, -.ui.dropdown .menu > .item > img { - display: inline-block; - vertical-align: top; - width: auto; - margin-top: -0.5em; - margin-bottom: -0.5em; - max-height: 2em; -} - -/******************************* - Coupling -*******************************/ - -/*-------------- - Menu ----------------*/ - -/* Remove Menu Item Divider */ - -.ui.dropdown .ui.menu > .item:before, -.ui.menu .ui.dropdown .menu > .item:before { - display: none; -} - -/* Prevent Menu Item Border */ - -.ui.menu .ui.dropdown .menu .active.item { - border-left: none; -} - -/* Automatically float dropdown menu right on last menu item */ - -.ui.menu .right.menu .dropdown:last-child .menu, -.ui.menu .right.dropdown.item .menu, -.ui.buttons > .ui.dropdown:last-child .menu { - left: auto; - right: 0em; -} - -/*-------------- - Label ----------------*/ - -/* Dropdown Menu */ - -.ui.label.dropdown .menu { - min-width: 100%; -} - -/*-------------- - Button ----------------*/ - -/* No Margin On Icon Button */ - -.ui.dropdown.icon.button > .dropdown.icon { - margin: 0em; -} - -.ui.button.dropdown .menu { - min-width: 100%; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Selection ----------------*/ - -/* Displays like a select box */ - -.ui.selection.dropdown { - cursor: pointer; - word-wrap: break-word; - line-height: 1em; - white-space: normal; - outline: 0; - -webkit-transform: rotateZ(0deg); - transform: rotateZ(0deg); - min-width: 14em; - min-height: 2.71428571em; - background: #FFFFFF; - display: inline-block; - padding: 0.78571429em 2.1em 0.78571429em 1em; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid rgba(34, 36, 38, 0.15); - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; -} - -.ui.selection.dropdown.visible, -.ui.selection.dropdown.active { - z-index: 10; -} - -select.ui.dropdown { - height: 38px; - padding: 0.5em; - border: 1px solid rgba(34, 36, 38, 0.15); - visibility: visible; -} - -.ui.selection.dropdown > .search.icon, -.ui.selection.dropdown > .delete.icon, -.ui.selection.dropdown > .dropdown.icon { - cursor: pointer; - position: absolute; - width: auto; - height: auto; - line-height: 1.21428571em; - top: 0.78571429em; - right: 1em; - z-index: 3; - margin: -0.78571429em; - padding: 0.91666667em; - opacity: 0.8; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} - -/* Compact */ - -.ui.compact.selection.dropdown { - min-width: 0px; -} - -/* Selection Menu */ - -.ui.selection.dropdown .menu { - overflow-x: hidden; - overflow-y: auto; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - border-top-width: 0px !important; - width: auto; - outline: none; - margin: 0px -1px; - min-width: calc(100% + 2px ); - width: calc(100% + 2px ); - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} - -.ui.selection.dropdown .menu:after, -.ui.selection.dropdown .menu:before { - display: none; -} - -/*-------------- - Message ----------------*/ - -.ui.selection.dropdown .menu > .message { - padding: 0.78571429rem 1.14285714rem; -} - -@media only screen and (max-width: 767px) { - .ui.selection.dropdown .menu { - max-height: 8.01428571rem; - } -} - -@media only screen and (min-width: 768px) { - .ui.selection.dropdown .menu { - max-height: 10.68571429rem; - } -} - -@media only screen and (min-width: 992px) { - .ui.selection.dropdown .menu { - max-height: 16.02857143rem; - } -} - -@media only screen and (min-width: 1920px) { - .ui.selection.dropdown .menu { - max-height: 21.37142857rem; - } -} - -/* Menu Item */ - -.ui.selection.dropdown .menu > .item { - border-top: 1px solid #FAFAFA; - padding: 0.78571429rem 1.14285714rem !important; - white-space: normal; - word-wrap: normal; -} - -/* User Item */ - -.ui.selection.dropdown .menu > .hidden.addition.item { - display: none; -} - -/* Hover */ - -.ui.selection.dropdown:hover { - border-color: rgba(34, 36, 38, 0.35); - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Active */ - -.ui.selection.active.dropdown { - border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -.ui.selection.active.dropdown .menu { - border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -/* Focus */ - -.ui.selection.dropdown:focus { - border-color: #96C8DA; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.selection.dropdown:focus .menu { - border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -/* Visible */ - -.ui.selection.visible.dropdown > .text:not(.default) { - font-weight: normal; - color: rgba(0, 0, 0, 0.8); -} - -/* Visible Hover */ - -.ui.selection.active.dropdown:hover { - border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -.ui.selection.active.dropdown:hover .menu { - border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); -} - -/* Dropdown Icon */ - -.ui.active.selection.dropdown > .dropdown.icon, -.ui.visible.selection.dropdown > .dropdown.icon { - opacity: 1; - z-index: 3; -} - -/* Connecting Border */ - -.ui.active.selection.dropdown { - border-bottom-left-radius: 0em !important; - border-bottom-right-radius: 0em !important; -} - -/* Empty Connecting Border */ - -.ui.active.empty.selection.dropdown { - border-radius: 0.28571429rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -.ui.active.empty.selection.dropdown .menu { - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -/*-------------- - Searchable ----------------*/ - -/* Search Selection */ - -.ui.search.dropdown { - min-width: ''; -} - -/* Search Dropdown */ - -.ui.search.dropdown > input.search { - background: none transparent !important; - border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - cursor: text; - top: 0em; - left: 1px; - width: 100%; - outline: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - padding: inherit; -} - -/* Text Layering */ - -.ui.search.dropdown > input.search { - position: absolute; - z-index: 2; -} - -.ui.search.dropdown > .text { - cursor: text; - position: relative; - left: 1px; - z-index: 3; -} - -/* Search Selection */ - -.ui.search.selection.dropdown > input.search { - line-height: 1.21428571em; - padding: 0.67857143em 2.1em 0.67857143em 1em; -} - -/* Used to size multi select input to character width */ - -.ui.search.selection.dropdown > span.sizer { - line-height: 1.21428571em; - padding: 0.67857143em 2.1em 0.67857143em 1em; - display: none; - white-space: pre; -} - -/* Active/Visible Search */ - -.ui.search.dropdown.active > input.search, -.ui.search.dropdown.visible > input.search { - cursor: auto; -} - -.ui.search.dropdown.active > .text, -.ui.search.dropdown.visible > .text { - pointer-events: none; -} - -/* Filtered Text */ - -.ui.active.search.dropdown input.search:focus + .text .icon, -.ui.active.search.dropdown input.search:focus + .text .flag { - opacity: 0.45; -} - -.ui.active.search.dropdown input.search:focus + .text { - color: rgba(115, 115, 115, 0.87) !important; -} - -/* Search Menu */ - -.ui.search.dropdown .menu { - overflow-x: hidden; - overflow-y: auto; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-overflow-scrolling: touch; -} - -@media only screen and (max-width: 767px) { - .ui.search.dropdown .menu { - max-height: 8.01428571rem; - } -} - -@media only screen and (min-width: 768px) { - .ui.search.dropdown .menu { - max-height: 10.68571429rem; - } -} - -@media only screen and (min-width: 992px) { - .ui.search.dropdown .menu { - max-height: 16.02857143rem; - } -} - -@media only screen and (min-width: 1920px) { - .ui.search.dropdown .menu { - max-height: 21.37142857rem; - } -} - -/*-------------- - Multiple ----------------*/ - -/* Multiple Selection */ - -.ui.multiple.dropdown { - padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; -} - -.ui.multiple.dropdown .menu { - cursor: auto; -} - -/* Multiple Search Selection */ - -.ui.multiple.search.dropdown, -.ui.multiple.search.dropdown > input.search { - cursor: text; -} - -/* Selection Label */ - -.ui.multiple.dropdown > .label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - display: inline-block; - vertical-align: top; - white-space: normal; - font-size: 1em; - padding: 0.35714286em 0.78571429em; - margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; -} - -/* Dropdown Icon */ - -.ui.multiple.dropdown .dropdown.icon { - margin: ''; - padding: ''; -} - -/* Text */ - -.ui.multiple.dropdown > .text { - position: static; - padding: 0; - max-width: 100%; - margin: 0.45238095em 0em 0.45238095em 0.64285714em; - line-height: 1.21428571em; -} - -.ui.multiple.dropdown > .label ~ input.search { - margin-left: 0.14285714em !important; -} - -.ui.multiple.dropdown > .label ~ .text { - display: none; -} - -/*----------------- - Multiple Search ------------------*/ - -/* Prompt Text */ - -.ui.multiple.search.dropdown > .text { - display: inline-block; - position: absolute; - top: 0; - left: 0; - padding: inherit; - margin: 0.45238095em 0em 0.45238095em 0.64285714em; - line-height: 1.21428571em; -} - -.ui.multiple.search.dropdown > .label ~ .text { - display: none; -} - -/* Search */ - -.ui.multiple.search.dropdown > input.search { - position: static; - padding: 0; - max-width: 100%; - margin: 0.45238095em 0em 0.45238095em 0.64285714em; - width: 2.2em; - line-height: 1.21428571em; -} - -/*-------------- - Inline ----------------*/ - -.ui.inline.dropdown { - cursor: pointer; - display: inline-block; - color: inherit; -} - -.ui.inline.dropdown .dropdown.icon { - margin: 0em 0.5em 0em 0.21428571em; - vertical-align: baseline; -} - -.ui.inline.dropdown > .text { - font-weight: bold; -} - -.ui.inline.dropdown .menu { - cursor: auto; - margin-top: 0.21428571em; - border-radius: 0.28571429rem; -} - -/******************************* - States -*******************************/ - -/*-------------------- - Active -----------------------*/ - -/* Menu Item Active */ - -.ui.dropdown .menu .active.item { - background: transparent; - font-weight: bold; - color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; - box-shadow: none; - z-index: 12; -} - -/*-------------------- - Hover -----------------------*/ - -/* Menu Item Hover */ - -.ui.dropdown .menu > .item:hover { - background: rgba(0, 0, 0, 0.05); - color: rgba(0, 0, 0, 0.95); - z-index: 13; -} - -/*-------------------- - Loading ----------------------*/ - -.ui.loading.dropdown > i.icon { - height: 1em !important; -} - -.ui.loading.selection.dropdown > i.icon { - padding: 1.5em 1.28571429em !important; -} - -.ui.loading.dropdown > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.1); -} - -.ui.loading.dropdown > i.icon:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - -webkit-animation: dropdown-spin 0.6s linear; - animation: dropdown-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; -} - -/* Coupling */ - -.ui.loading.dropdown.button > i.icon:before, -.ui.loading.dropdown.button > i.icon:after { - display: none; -} - -@-webkit-keyframes dropdown-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes dropdown-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -/*-------------------- - Default Text -----------------------*/ - -.ui.dropdown:not(.button) > .default.text, -.ui.default.dropdown:not(.button) > .text { - color: rgba(191, 191, 191, 0.87); -} - -.ui.dropdown:not(.button) > input:focus ~ .default.text, -.ui.default.dropdown:not(.button) > input:focus ~ .text { - color: rgba(115, 115, 115, 0.87); -} - -/*-------------------- - Loading -----------------------*/ - -.ui.loading.dropdown > .text { - -webkit-transition: none; - transition: none; -} - -/* Used To Check Position */ - -.ui.dropdown .loading.menu { - display: block; - visibility: hidden; - z-index: -1; -} - -.ui.dropdown > .loading.menu { - left: 0px !important; - right: auto !important; -} - -.ui.dropdown > .menu .loading.menu { - left: 100% !important; - right: auto !important; -} - -/*-------------------- - Keyboard Select -----------------------*/ - -/* Selected Item */ - -.ui.dropdown.selected, -.ui.dropdown .menu .selected.item { - background: rgba(0, 0, 0, 0.03); - color: rgba(0, 0, 0, 0.95); -} - -/*-------------------- - Search Filtered -----------------------*/ - -/* Filtered Item */ - -.ui.dropdown > .filtered.text { - visibility: hidden; -} - -.ui.dropdown .filtered.item { - display: none !important; -} - -/*-------------------- - Error -----------------------*/ - -.ui.dropdown.error, -.ui.dropdown.error > .text, -.ui.dropdown.error > .default.text { - color: #9F3A38; -} - -.ui.selection.dropdown.error { - background: #FFF6F6; - border-color: #E0B4B4; -} - -.ui.selection.dropdown.error:hover { - border-color: #E0B4B4; -} - -.ui.dropdown.error > .menu, -.ui.dropdown.error > .menu .menu { - border-color: #E0B4B4; -} - -.ui.dropdown.error > .menu > .item { - color: #9F3A38; -} - -.ui.multiple.selection.error.dropdown > .label { - border-color: #E0B4B4; -} - -/* Item Hover */ - -.ui.dropdown.error > .menu > .item:hover { - background-color: #FFF2F2; -} - -/* Item Active */ - -.ui.dropdown.error > .menu .active.item { - background-color: #FDCFCF; -} - -/*-------------------- - Disabled -----------------------*/ - -/* Disabled */ - -.ui.disabled.dropdown, -.ui.dropdown .menu > .disabled.item { - cursor: default; - pointer-events: none; - opacity: 0.45; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Direction ----------------*/ - -/* Flyout Direction */ - -.ui.dropdown .menu { - left: 0px; -} - -/* Default Side (Right) */ - -.ui.dropdown .right.menu > .menu, -.ui.dropdown .menu .right.menu { - left: 100% !important; - right: auto !important; - border-radius: 0.28571429rem !important; -} - -/* Leftward Opening Menu */ - -.ui.dropdown > .left.menu { - left: auto !important; - right: 0px !important; -} - -.ui.dropdown > .left.menu .menu, -.ui.dropdown .menu .left.menu { - left: auto; - right: 100%; - margin: 0em -0.5em 0em 0em !important; - border-radius: 0.28571429rem !important; -} - -.ui.dropdown .item .left.dropdown.icon, -.ui.dropdown .left.menu .item .dropdown.icon { - width: auto; - float: left; - margin: 0em 0em 0em 0em; -} - -.ui.dropdown .item .left.dropdown.icon, -.ui.dropdown .left.menu .item .dropdown.icon { - width: auto; - float: left; - margin: 0em 0em 0em 0em; -} - -.ui.dropdown .item .left.dropdown.icon + .text, -.ui.dropdown .left.menu .item .dropdown.icon + .text { - margin-left: 1em; - margin-right: 0em; -} - -/*-------------- - Upward ----------------*/ - -/* Upward Main Menu */ - -.ui.upward.dropdown > .menu { - top: auto; - bottom: 100%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -/* Upward Sub Menu */ - -.ui.dropdown .upward.menu { - top: auto !important; - bottom: 0 !important; -} - -/* Active Upward */ - -.ui.simple.upward.active.dropdown, -.ui.simple.upward.dropdown:hover { - border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; -} - -.ui.upward.dropdown.button:not(.pointing):not(.floating).active { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -/* Selection */ - -.ui.upward.selection.dropdown .menu { - border-top-width: 1px !important; - border-bottom-width: 0px !important; - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); -} - -.ui.upward.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); -} - -/* Active Upward */ - -.ui.active.upward.selection.dropdown { - border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; -} - -/* Visible Upward */ - -.ui.upward.selection.dropdown.visible { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; -} - -/* Visible Hover Upward */ - -.ui.upward.active.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); -} - -.ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); -} - -/*-------------- - Simple ----------------*/ - -/* Selection Menu */ - -.ui.scrolling.dropdown .menu, -.ui.dropdown .scrolling.menu { - overflow-x: hidden; - overflow-y: auto; -} - -.ui.scrolling.dropdown .menu { - overflow-x: hidden; - overflow-y: auto; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-overflow-scrolling: touch; - min-width: 100% !important; - width: auto !important; -} - -.ui.dropdown .scrolling.menu { - position: static; - overflow-y: auto; - border: none; - -webkit-box-shadow: none !important; - box-shadow: none !important; - border-radius: 0 !important; - margin: 0 !important; - min-width: 100% !important; - width: auto !important; - border-top: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.scrolling.dropdown .menu .item.item.item, -.ui.dropdown .scrolling.menu > .item.item.item { - border-top: none; -} - -.ui.scrolling.dropdown .menu .item:first-child, -.ui.dropdown .scrolling.menu .item:first-child { - border-top: none; -} - -.ui.dropdown > .animating.menu .scrolling.menu, -.ui.dropdown > .visible.menu .scrolling.menu { - display: block; -} - -/* Scrollbar in IE */ - -@media all and (-ms-high-contrast: none) { - .ui.scrolling.dropdown .menu, - .ui.dropdown .scrolling.menu { - min-width: calc(100% - 17px ); - } -} - -@media only screen and (max-width: 767px) { - .ui.scrolling.dropdown .menu, - .ui.dropdown .scrolling.menu { - max-height: 10.28571429rem; - } -} - -@media only screen and (min-width: 768px) { - .ui.scrolling.dropdown .menu, - .ui.dropdown .scrolling.menu { - max-height: 15.42857143rem; - } -} - -@media only screen and (min-width: 992px) { - .ui.scrolling.dropdown .menu, - .ui.dropdown .scrolling.menu { - max-height: 20.57142857rem; - } -} - -@media only screen and (min-width: 1920px) { - .ui.scrolling.dropdown .menu, - .ui.dropdown .scrolling.menu { - max-height: 20.57142857rem; - } -} - -/*-------------- - Simple ----------------*/ - -/* Displays without javascript */ - -.ui.simple.dropdown .menu:before, -.ui.simple.dropdown .menu:after { - display: none; -} - -.ui.simple.dropdown .menu { - position: absolute; - display: block; - overflow: hidden; - top: -9999px !important; - opacity: 0; - width: 0; - height: 0; - -webkit-transition: opacity 0.1s ease; - transition: opacity 0.1s ease; -} - -.ui.simple.active.dropdown, -.ui.simple.dropdown:hover { - border-bottom-left-radius: 0em !important; - border-bottom-right-radius: 0em !important; -} - -.ui.simple.active.dropdown > .menu, -.ui.simple.dropdown:hover > .menu { - overflow: visible; - width: auto; - height: auto; - top: 100% !important; - opacity: 1; -} - -.ui.simple.dropdown > .menu > .item:active > .menu, -.ui.simple.dropdown:hover > .menu > .item:hover > .menu { - overflow: visible; - width: auto; - height: auto; - top: 0% !important; - left: 100% !important; - opacity: 1; -} - -.ui.simple.disabled.dropdown:hover .menu { - display: none; - height: 0px; - width: 0px; - overflow: hidden; -} - -/* Visible */ - -.ui.simple.visible.dropdown > .menu { - display: block; -} - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.dropdown { - display: block; - width: 100%; - min-width: 0em; -} - -.ui.fluid.dropdown > .dropdown.icon { - float: right; -} - -/*-------------- - Floating ----------------*/ - -.ui.floating.dropdown .menu { - left: 0; - right: auto; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; - border-radius: 0.28571429rem !important; -} - -.ui.floating.dropdown > .menu { - margin-top: 0.5em !important; - border-radius: 0.28571429rem !important; -} - -/*-------------- - Pointing ----------------*/ - -.ui.pointing.dropdown > .menu { - top: 100%; - margin-top: 0.78571429rem; - border-radius: 0.28571429rem; -} - -.ui.pointing.dropdown > .menu:after { - display: block; - position: absolute; - pointer-events: none; - content: ''; - visibility: visible; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - width: 0.5em; - height: 0.5em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - background: #FFFFFF; - z-index: 2; -} - -.ui.pointing.dropdown > .menu:after { - top: -0.25em; - left: 50%; - margin: 0em 0em 0em -0.25em; -} - -/* Top Left Pointing */ - -.ui.top.left.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - left: 0%; - right: auto; - margin: 1em 0em 0em; -} - -.ui.top.left.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - left: 0%; - right: auto; - margin: 1em 0em 0em; -} - -.ui.top.left.pointing.dropdown > .menu:after { - top: -0.25em; - left: 1em; - right: auto; - margin: 0em; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} - -/* Top Right Pointing */ - -.ui.top.right.pointing.dropdown > .menu { - top: 100%; - bottom: auto; - right: 0%; - left: auto; - margin: 1em 0em 0em; -} - -.ui.top.pointing.dropdown > .left.menu:after, -.ui.top.right.pointing.dropdown > .menu:after { - top: -0.25em; - left: auto !important; - right: 1em !important; - margin: 0em; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} - -/* Left Pointing */ - -.ui.left.pointing.dropdown > .menu { - top: 0%; - left: 100%; - right: auto; - margin: 0em 0em 0em 1em; -} - -.ui.left.pointing.dropdown > .menu:after { - top: 1em; - left: -0.25em; - margin: 0em 0em 0em 0em; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} - -.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { - left: auto !important; - right: 100% !important; - margin: 0em 1em 0em 0em; -} - -.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { - top: 1em; - left: auto; - right: -0.25em; - margin: 0em 0em 0em 0em; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); -} - -/* Right Pointing */ - -.ui.right.pointing.dropdown > .menu { - top: 0%; - left: auto; - right: 100%; - margin: 0em 1em 0em 0em; -} - -.ui.right.pointing.dropdown > .menu:after { - top: 1em; - left: auto; - right: -0.25em; - margin: 0em 0em 0em 0em; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); -} - -/* Bottom Pointing */ - -.ui.bottom.pointing.dropdown > .menu { - top: auto; - bottom: 100%; - left: 0%; - right: auto; - margin: 0em 0em 1em; -} - -.ui.bottom.pointing.dropdown > .menu:after { - top: auto; - bottom: -0.25em; - right: auto; - margin: 0em; - -webkit-transform: rotate(-135deg); - transform: rotate(-135deg); -} - -/* Reverse Sub-Menu Direction */ - -.ui.bottom.pointing.dropdown > .menu .menu { - top: auto !important; - bottom: 0px !important; -} - -/* Bottom Left */ - -.ui.bottom.left.pointing.dropdown > .menu { - left: 0%; - right: auto; -} - -.ui.bottom.left.pointing.dropdown > .menu:after { - left: 1em; - right: auto; -} - -/* Bottom Right */ - -.ui.bottom.right.pointing.dropdown > .menu { - right: 0%; - left: auto; -} - -.ui.bottom.right.pointing.dropdown > .menu:after { - left: auto; - right: 1em; -} - -/* Upward pointing */ - -.ui.pointing.upward.dropdown .menu, -.ui.top.pointing.upward.dropdown .menu { - top: auto !important; - bottom: 100% !important; - margin: 0em 0em 0.78571429rem; - border-radius: 0.28571429rem; -} - -.ui.pointing.upward.dropdown .menu:after, -.ui.top.pointing.upward.dropdown .menu:after { - top: 100% !important; - bottom: auto !important; - -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); - margin: -0.25em 0em 0em; -} - -/* Right Pointing Upward */ - -.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { - top: auto !important; - bottom: 0 !important; - margin: 0em 1em 0em 0em; -} - -.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { - top: auto !important; - bottom: 0 !important; - margin: 0em 0em 1em 0em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); -} - -/* Left Pointing Upward */ - -.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { - top: auto !important; - bottom: 0 !important; - margin: 0em 0em 0em 1em; -} - -.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { - top: auto !important; - bottom: 0 !important; - margin: 0em 0em 1em 0em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); -} - -/******************************* - Theme Overrides -*******************************/ - -/* Dropdown Carets */ - -@font-face { - font-family: 'Dropdown'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); - font-weight: normal; - font-style: normal; -} - -.ui.dropdown > .dropdown.icon { - font-family: 'Dropdown'; - line-height: 1; - height: 1em; - width: 1.23em; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - font-weight: normal; - font-style: normal; - text-align: center; -} - -.ui.dropdown > .dropdown.icon { - width: auto; -} - -.ui.dropdown > .dropdown.icon:before { - content: '\f0d7'; -} - -/* Sub Menu */ - -.ui.dropdown .menu .item .dropdown.icon:before { - content: '\f0da' ; -} - -.ui.dropdown .item .left.dropdown.icon:before, -.ui.dropdown .left.menu .item .dropdown.icon:before { - content: "\f0d9" ; -} - -/* Vertical Menu Dropdown */ - -.ui.vertical.menu .dropdown.item > .dropdown.icon:before { - content: "\f0da" ; -} - -/* Icons for Reference -.dropdown.down.icon { - content: "\f0d7"; -} -.dropdown.up.icon { - content: "\f0d8"; -} -.dropdown.left.icon { - content: "\f0d9"; -} -.dropdown.icon.icon { - content: "\f0da"; -} -*/ - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Video - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Types -*******************************/ - -.ui.embed { - position: relative; - max-width: 100%; - height: 0px; - overflow: hidden; - background: #DCDDDE; - padding-bottom: 56.25%; -} - -/*----------------- - Embedded Content -------------------*/ - -.ui.embed iframe, -.ui.embed embed, -.ui.embed object { - position: absolute; - border: none; - width: 100%; - height: 100%; - top: 0px; - left: 0px; - margin: 0em; - padding: 0em; -} - -/*----------------- - Embed -------------------*/ - -.ui.embed > .embed { - display: none; -} - -/*-------------- - Placeholder ----------------*/ - -.ui.embed > .placeholder { - position: absolute; - cursor: pointer; - top: 0px; - left: 0px; - display: block; - width: 100%; - height: 100%; - background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); -} - -/*-------------- - Icon ----------------*/ - -.ui.embed > .icon { - cursor: pointer; - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - z-index: 2; -} - -.ui.embed > .icon:after { - position: absolute; - top: 0%; - left: 0%; - width: 100%; - height: 100%; - z-index: 3; - content: ''; - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 0.5; - -webkit-transition: opacity 0.5s ease; - transition: opacity 0.5s ease; -} - -.ui.embed > .icon:before { - position: absolute; - top: 50%; - left: 50%; - z-index: 4; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); - color: #FFFFFF; - font-size: 6rem; - text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2); - -webkit-transition: opacity 0.5s ease, color 0.5s ease; - transition: opacity 0.5s ease, color 0.5s ease; - z-index: 10; -} - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.embed .icon:hover:after { - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); - opacity: 1; -} - -.ui.embed .icon:hover:before { - color: #FFFFFF; -} - -/*-------------- - Active ----------------*/ - -.ui.active.embed > .icon, -.ui.active.embed > .placeholder { - display: none; -} - -.ui.active.embed > .embed { - display: block; -} - -/******************************* - Video Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ - -/******************************* - Variations -*******************************/ - -.ui.square.embed { - padding-bottom: 100%; -} - -.ui[class*="4:3"].embed { - padding-bottom: 75%; -} - -.ui[class*="16:9"].embed { - padding-bottom: 56.25%; -} - -.ui[class*="21:9"].embed { - padding-bottom: 42.85714286%; -} -/*! - * # Semantic UI 2.3.1 - Modal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Modal -*******************************/ - -.ui.modal { - display: none; - z-index: 1001; - text-align: left; - background: #FFFFFF; - border: none; - -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - border-radius: 0.28571429rem; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - will-change: top, left, margin, transform, opacity; -} - -.ui.modal > :first-child:not(.icon), -.ui.modal > .icon:first-child + * { - border-top-left-radius: 0.28571429rem; - border-top-right-radius: 0.28571429rem; -} - -.ui.modal > :last-child { - border-bottom-left-radius: 0.28571429rem; - border-bottom-right-radius: 0.28571429rem; -} - -/******************************* - Content -*******************************/ - -/*-------------- - Close ----------------*/ - -.ui.modal > .close { - cursor: pointer; - position: absolute; - top: -2.5rem; - right: -2.5rem; - z-index: 1; - opacity: 0.8; - font-size: 1.25em; - color: #FFFFFF; - width: 2.25rem; - height: 2.25rem; - padding: 0.625rem 0rem 0rem 0rem; -} - -.ui.modal > .close:hover { - opacity: 1; -} - -/*-------------- - Header ----------------*/ - -.ui.modal > .header { - display: block; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - background: #FFFFFF; - margin: 0em; - padding: 1.25rem 1.5rem; - -webkit-box-shadow: none; - box-shadow: none; - color: rgba(0, 0, 0, 0.85); - border-bottom: 1px solid rgba(34, 36, 38, 0.15); -} - -.ui.modal > .header:not(.ui) { - font-size: 1.42857143rem; - line-height: 1.28571429em; - font-weight: bold; -} - -/*-------------- - Content ----------------*/ - -.ui.modal > .content { - display: block; - width: 100%; - font-size: 1em; - line-height: 1.4; - padding: 1.5rem; - background: #FFFFFF; -} - -.ui.modal > .image.content { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; -} - -/* Image */ - -.ui.modal > .content > .image { - display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - width: ''; - -ms-flex-item-align: top; - align-self: top; -} - -.ui.modal > [class*="top aligned"] { - -ms-flex-item-align: top; - align-self: top; -} - -.ui.modal > [class*="middle aligned"] { - -ms-flex-item-align: middle; - align-self: middle; -} - -.ui.modal > [class*="stretched"] { - -ms-flex-item-align: stretch; - align-self: stretch; -} - -/* Description */ - -.ui.modal > .content > .description { - display: block; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - min-width: 0px; - -ms-flex-item-align: top; - align-self: top; -} - -.ui.modal > .content > .icon + .description, -.ui.modal > .content > .image + .description { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - min-width: ''; - width: auto; - padding-left: 2em; -} - -/*rtl:ignore*/ - -.ui.modal > .content > .image > i.icon { - margin: 0em; - opacity: 1; - width: auto; - line-height: 1; - font-size: 8rem; -} - -/*-------------- - Actions ----------------*/ - -.ui.modal > .actions { - background: #F9FAFB; - padding: 1rem 1rem; - border-top: 1px solid rgba(34, 36, 38, 0.15); - text-align: right; -} - -.ui.modal .actions > .button { - margin-left: 0.75em; -} - -/*------------------- - Responsive ---------------------*/ - -/* Modal Width */ - -@media only screen and (max-width: 767px) { - .ui.modal { - width: 95%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 768px) { - .ui.modal { - width: 88%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 992px) { - .ui.modal { - width: 850px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1200px) { - .ui.modal { - width: 900px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1920px) { - .ui.modal { - width: 950px; - margin: 0em 0em 0em 0em; - } -} - -/* Tablet and Mobile */ - -@media only screen and (max-width: 991px) { - .ui.modal > .header { - padding-right: 2.25rem; - } - - .ui.modal > .close { - top: 1.0535rem; - right: 1rem; - color: rgba(0, 0, 0, 0.87); - } -} - -/* Mobile */ - -@media only screen and (max-width: 767px) { - .ui.modal > .header { - padding: 0.75rem 1rem !important; - padding-right: 2.25rem !important; - } - - .ui.modal > .content { - display: block; - padding: 1rem !important; - } - - .ui.modal > .close { - top: 0.5rem !important; - right: 0.5rem !important; - } - - /*rtl:ignore*/ - - .ui.modal .image.content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - } - - .ui.modal .content > .image { - display: block; - max-width: 100%; - margin: 0em auto !important; - text-align: center; - padding: 0rem 0rem 1rem !important; - } - - .ui.modal > .content > .image > i.icon { - font-size: 5rem; - text-align: center; - } - - /*rtl:ignore*/ - - .ui.modal .content > .description { - display: block; - width: 100% !important; - margin: 0em !important; - padding: 1rem 0rem !important; - -webkit-box-shadow: none; - box-shadow: none; - } - - /* Let Buttons Stack */ - - .ui.modal > .actions { - padding: 1rem 1rem 0rem !important; - } - - .ui.modal .actions > .buttons, - .ui.modal .actions > .button { - margin-bottom: 1rem; - } -} - -/*-------------- - Coupling ----------------*/ - -.ui.inverted.dimmer > .ui.modal { - -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); -} - -/******************************* - Types -*******************************/ - -.ui.basic.modal { - background-color: transparent; - border: none; - border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; -} - -.ui.basic.modal > .header, -.ui.basic.modal > .content, -.ui.basic.modal > .actions { - background-color: transparent; -} - -.ui.basic.modal > .header { - color: #FFFFFF; -} - -.ui.basic.modal > .close { - top: 1rem; - right: 1.5rem; -} - -.ui.inverted.dimmer > .basic.modal { - color: rgba(0, 0, 0, 0.87); -} - -.ui.inverted.dimmer > .ui.basic.modal > .header { - color: rgba(0, 0, 0, 0.85); -} - -/* Tablet and Mobile */ - -@media only screen and (max-width: 991px) { - .ui.basic.modal > .close { - color: #FFFFFF; - } -} - -/******************************* - States -*******************************/ - -.ui.loading.modal { - display: block; - visibility: hidden; - z-index: -1; -} - -.ui.active.modal { - display: block; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Top Aligned ----------------*/ - -/* Top Aligned Modal */ - -.modals.dimmer[class*="top aligned"] .modal { - margin: 5vh auto; -} - -/*-------------- - Scrolling ----------------*/ - -/* Scrolling Dimmer */ - -.scrolling.dimmable.dimmed { - overflow: hidden; -} - -.scrolling.dimmable > .dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; -} - -.scrolling.dimmable.dimmed > .dimmer { - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -.scrolling.dimmable > .dimmer { - position: fixed; -} - -.modals.dimmer .ui.scrolling.modal { - margin: 1rem auto !important; -} - -/* Undetached Scrolling */ - -.scrolling.undetached.dimmable.dimmed { - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -.scrolling.undetached.dimmable.dimmed > .dimmer { - overflow: hidden; -} - -.scrolling.undetached.dimmable .ui.scrolling.modal { - position: absolute; - left: 50%; - margin-top: 1rem !important; -} - -/* Scrolling Content */ - -.ui.modal .scrolling.content { - max-height: calc(70vh); - overflow: auto; -} - -/*-------------- - Full Screen ----------------*/ - -.ui.fullscreen.modal { - width: 95% !important; - left: 0em !important; - margin: 1em auto; -} - -.ui.fullscreen.scrolling.modal { - left: 0em !important; -} - -.ui.fullscreen.modal > .header { - padding-right: 2.25rem; -} - -.ui.fullscreen.modal > .close { - top: 1.0535rem; - right: 1rem; - color: rgba(0, 0, 0, 0.87); -} - -/*-------------- - Size ----------------*/ - -.ui.modal { - font-size: 1rem; -} - -/* Mini */ - -.ui.mini.modal > .header:not(.ui) { - font-size: 1.3em; -} - -/* Mini Modal Width */ - -@media only screen and (max-width: 767px) { - .ui.mini.modal { - width: 95%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 768px) { - .ui.mini.modal { - width: 35.2%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 992px) { - .ui.mini.modal { - width: 340px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1200px) { - .ui.mini.modal { - width: 360px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1920px) { - .ui.mini.modal { - width: 380px; - margin: 0em 0em 0em 0em; - } -} - -/* mini */ - -.ui.small.modal > .header:not(.ui) { - font-size: 1.3em; -} - -/* Tiny Modal Width */ - -@media only screen and (max-width: 767px) { - .ui.tiny.modal { - width: 95%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 768px) { - .ui.tiny.modal { - width: 52.8%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 992px) { - .ui.tiny.modal { - width: 510px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1200px) { - .ui.tiny.modal { - width: 540px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1920px) { - .ui.tiny.modal { - width: 570px; - margin: 0em 0em 0em 0em; - } -} - -/* Small */ - -.ui.small.modal > .header:not(.ui) { - font-size: 1.3em; -} - -/* Small Modal Width */ - -@media only screen and (max-width: 767px) { - .ui.small.modal { - width: 95%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 768px) { - .ui.small.modal { - width: 70.4%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 992px) { - .ui.small.modal { - width: 680px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1200px) { - .ui.small.modal { - width: 720px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1920px) { - .ui.small.modal { - width: 760px; - margin: 0em 0em 0em 0em; - } -} - -/* Large Modal Width */ - -.ui.large.modal > .header { - font-size: 1.6em; -} - -@media only screen and (max-width: 767px) { - .ui.large.modal { - width: 95%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 768px) { - .ui.large.modal { - width: 88%; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 992px) { - .ui.large.modal { - width: 1020px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1200px) { - .ui.large.modal { - width: 1080px; - margin: 0em 0em 0em 0em; - } -} - -@media only screen and (min-width: 1920px) { - .ui.large.modal { - width: 1140px; - margin: 0em 0em 0em 0em; - } -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Nag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Nag -*******************************/ - -.ui.nag { - display: none; - opacity: 0.95; - position: relative; - top: 0em; - left: 0px; - z-index: 999; - min-height: 0em; - width: 100%; - margin: 0em; - padding: 0.75em 1em; - background: #555555; - -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); - font-size: 1rem; - text-align: center; - color: rgba(0, 0, 0, 0.87); - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-transition: 0.2s background ease; - transition: 0.2s background ease; -} - -a.ui.nag { - cursor: pointer; -} - -.ui.nag > .title { - display: inline-block; - margin: 0em 0.5em; - color: #FFFFFF; -} - -.ui.nag > .close.icon { - cursor: pointer; - opacity: 0.4; - position: absolute; - top: 50%; - right: 1em; - font-size: 1em; - margin: -0.5em 0em 0em; - color: #FFFFFF; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; -} - -/******************************* - States -*******************************/ - -/* Hover */ - -.ui.nag:hover { - background: #555555; - opacity: 1; -} - -.ui.nag .close:hover { - opacity: 1; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Static ----------------*/ - -.ui.overlay.nag { - position: absolute; - display: block; -} - -/*-------------- - Fixed ----------------*/ - -.ui.fixed.nag { - position: fixed; -} - -/*-------------- - Bottom ----------------*/ - -.ui.bottom.nags, -.ui.bottom.nag { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; - top: auto; - bottom: 0em; -} - -/*-------------- - White ----------------*/ - -.ui.inverted.nags .nag, -.ui.inverted.nag { - background-color: #F3F4F5; - color: rgba(0, 0, 0, 0.85); -} - -.ui.inverted.nags .nag .close, -.ui.inverted.nags .nag .title, -.ui.inverted.nag .close, -.ui.inverted.nag .title { - color: rgba(0, 0, 0, 0.4); -} - -/******************************* - Groups -*******************************/ - -.ui.nags .nag { - border-radius: 0em !important; -} - -.ui.nags .nag:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui.bottom.nags .nag:last-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Popup - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Popup -*******************************/ - -.ui.popup { - display: none; - position: absolute; - top: 0px; - right: 0px; - /* Fixes content being squished when inline (moz only) */ - min-width: -webkit-min-content; - min-width: -moz-min-content; - min-width: min-content; - z-index: 1900; - border: 1px solid #D4D4D5; - line-height: 1.4285em; - max-width: 250px; - background: #FFFFFF; - padding: 0.833em 1em; - font-weight: normal; - font-style: normal; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); -} - -.ui.popup > .header { - padding: 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1.14285714em; - line-height: 1.2; - font-weight: bold; -} - -.ui.popup > .header + .content { - padding-top: 0.5em; -} - -.ui.popup:before { - position: absolute; - content: ''; - width: 0.71428571em; - height: 0.71428571em; - background: #FFFFFF; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - box-shadow: 1px 1px 0px 0px #bababc; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Tooltip ----------------*/ - -/* Content */ - -[data-tooltip] { - position: relative; -} - -/* Arrow */ - -[data-tooltip]:before { - pointer-events: none; - position: absolute; - content: ''; - font-size: 1rem; - width: 0.71428571em; - height: 0.71428571em; - background: #FFFFFF; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - box-shadow: 1px 1px 0px 0px #bababc; -} - -/* Popup */ - -[data-tooltip]:after { - pointer-events: none; - content: attr(data-tooltip); - position: absolute; - text-transform: none; - text-align: left; - white-space: nowrap; - font-size: 1rem; - border: 1px solid #D4D4D5; - line-height: 1.4285em; - max-width: none; - background: #FFFFFF; - padding: 0.833em 1em; - font-weight: normal; - font-style: normal; - color: rgba(0, 0, 0, 0.87); - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - z-index: 1; -} - -/* Default Position (Top Center) */ - -[data-tooltip]:not([data-position]):before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #FFFFFF; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} - -[data-tooltip]:not([data-position]):after { - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - bottom: 100%; - margin-bottom: 0.5em; -} - -/* Animation */ - -[data-tooltip]:before, -[data-tooltip]:after { - pointer-events: none; - visibility: hidden; -} - -[data-tooltip]:before { - opacity: 0; - -webkit-transform: rotate(45deg) scale(0) !important; - transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} - -[data-tooltip]:after { - opacity: 1; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-transition: all 0.1s ease; - transition: all 0.1s ease; -} - -[data-tooltip]:hover:before, -[data-tooltip]:hover:after { - visibility: visible; - pointer-events: auto; -} - -[data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; - transform: rotate(45deg) scale(1) !important; - opacity: 1; -} - -/* Animation Position */ - -[data-tooltip]:after, -[data-tooltip][data-position="top center"]:after, -[data-tooltip][data-position="bottom center"]:after { - -webkit-transform: translateX(-50%) scale(0) !important; - transform: translateX(-50%) scale(0) !important; -} - -[data-tooltip]:hover:after, -[data-tooltip][data-position="bottom center"]:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; - transform: translateX(-50%) scale(1) !important; -} - -[data-tooltip][data-position="left center"]:after, -[data-tooltip][data-position="right center"]:after { - -webkit-transform: translateY(-50%) scale(0) !important; - transform: translateY(-50%) scale(0) !important; -} - -[data-tooltip][data-position="left center"]:hover:after, -[data-tooltip][data-position="right center"]:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; - transform: translateY(-50%) scale(1) !important; -} - -[data-tooltip][data-position="top left"]:after, -[data-tooltip][data-position="top right"]:after, -[data-tooltip][data-position="bottom left"]:after, -[data-tooltip][data-position="bottom right"]:after { - -webkit-transform: scale(0) !important; - transform: scale(0) !important; -} - -[data-tooltip][data-position="top left"]:hover:after, -[data-tooltip][data-position="top right"]:hover:after, -[data-tooltip][data-position="bottom left"]:hover:after, -[data-tooltip][data-position="bottom right"]:hover:after { - -webkit-transform: scale(1) !important; - transform: scale(1) !important; -} - -/*-------------- - Inverted ----------------*/ - -/* Arrow */ - -[data-tooltip][data-inverted]:before { - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -/* Arrow Position */ - -[data-tooltip][data-inverted]:before { - background: #1B1C1D; -} - -/* Popup */ - -[data-tooltip][data-inverted]:after { - background: #1B1C1D; - color: #FFFFFF; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -[data-tooltip][data-inverted]:after .header { - background-color: none; - color: #FFFFFF; -} - -/*-------------- - Position ----------------*/ - -/* Top Center */ - -[data-position="top center"][data-tooltip]:after { - top: auto; - right: auto; - left: 50%; - bottom: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - margin-bottom: 0.5em; -} - -[data-position="top center"][data-tooltip]:before { - top: auto; - right: auto; - bottom: 100%; - left: 50%; - background: #FFFFFF; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} - -/* Top Left */ - -[data-position="top left"][data-tooltip]:after { - top: auto; - right: auto; - left: 0; - bottom: 100%; - margin-bottom: 0.5em; -} - -[data-position="top left"][data-tooltip]:before { - top: auto; - right: auto; - bottom: 100%; - left: 1em; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} - -/* Top Right */ - -[data-position="top right"][data-tooltip]:after { - top: auto; - left: auto; - right: 0; - bottom: 100%; - margin-bottom: 0.5em; -} - -[data-position="top right"][data-tooltip]:before { - top: auto; - left: auto; - bottom: 100%; - right: 1em; - margin-left: -0.07142857rem; - margin-bottom: 0.14285714rem; -} - -/* Bottom Center */ - -[data-position="bottom center"][data-tooltip]:after { - bottom: auto; - right: auto; - left: 50%; - top: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - margin-top: 0.5em; -} - -[data-position="bottom center"][data-tooltip]:before { - bottom: auto; - right: auto; - top: 100%; - left: 50%; - margin-left: -0.07142857rem; - margin-top: 0.14285714rem; -} - -/* Bottom Left */ - -[data-position="bottom left"][data-tooltip]:after { - left: 0; - top: 100%; - margin-top: 0.5em; -} - -[data-position="bottom left"][data-tooltip]:before { - bottom: auto; - right: auto; - top: 100%; - left: 1em; - margin-left: -0.07142857rem; - margin-top: 0.14285714rem; -} - -/* Bottom Right */ - -[data-position="bottom right"][data-tooltip]:after { - right: 0; - top: 100%; - margin-top: 0.5em; -} - -[data-position="bottom right"][data-tooltip]:before { - bottom: auto; - left: auto; - top: 100%; - right: 1em; - margin-left: -0.14285714rem; - margin-top: 0.07142857rem; -} - -/* Left Center */ - -[data-position="left center"][data-tooltip]:after { - right: 100%; - top: 50%; - margin-right: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} - -[data-position="left center"][data-tooltip]:before { - right: 100%; - top: 50%; - margin-top: -0.14285714rem; - margin-right: -0.07142857rem; -} - -/* Right Center */ - -[data-position="right center"][data-tooltip]:after { - left: 100%; - top: 50%; - margin-left: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} - -[data-position="right center"][data-tooltip]:before { - left: 100%; - top: 50%; - margin-top: -0.07142857rem; - margin-left: 0.14285714rem; -} - -/* Arrow */ - -[data-position~="bottom"][data-tooltip]:before { - background: #FFFFFF; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} - -[data-position="left center"][data-tooltip]:before { - background: #FFFFFF; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; -} - -[data-position="right center"][data-tooltip]:before { - background: #FFFFFF; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; -} - -[data-position~="top"][data-tooltip]:before { - background: #FFFFFF; -} - -/* Inverted Arrow Color */ - -[data-inverted][data-position~="bottom"][data-tooltip]:before { - background: #1B1C1D; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} - -[data-inverted][data-position="left center"][data-tooltip]:before { - background: #1B1C1D; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; -} - -[data-inverted][data-position="right center"][data-tooltip]:before { - background: #1B1C1D; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; -} - -[data-inverted][data-position~="top"][data-tooltip]:before { - background: #1B1C1D; -} - -[data-position~="bottom"][data-tooltip]:before { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} - -[data-position~="bottom"][data-tooltip]:after { - -webkit-transform-origin: center top; - transform-origin: center top; -} - -[data-position="left center"][data-tooltip]:before { - -webkit-transform-origin: top center; - transform-origin: top center; -} - -[data-position="left center"][data-tooltip]:after { - -webkit-transform-origin: right center; - transform-origin: right center; -} - -[data-position="right center"][data-tooltip]:before { - -webkit-transform-origin: right center; - transform-origin: right center; -} - -[data-position="right center"][data-tooltip]:after { - -webkit-transform-origin: left center; - transform-origin: left center; -} - -/*-------------- - Spacing ----------------*/ - -.ui.popup { - margin: 0em; -} - -/* Extending from Top */ - -.ui.top.popup { - margin: 0em 0em 0.71428571em; -} - -.ui.top.left.popup { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; -} - -.ui.top.center.popup { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; -} - -.ui.top.right.popup { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; -} - -/* Extending from Vertical Center */ - -.ui.left.center.popup { - margin: 0em 0.71428571em 0em 0em; - -webkit-transform-origin: right 50%; - transform-origin: right 50%; -} - -.ui.right.center.popup { - margin: 0em 0em 0em 0.71428571em; - -webkit-transform-origin: left 50%; - transform-origin: left 50%; -} - -/* Extending from Bottom */ - -.ui.bottom.popup { - margin: 0.71428571em 0em 0em; -} - -.ui.bottom.left.popup { - -webkit-transform-origin: left top; - transform-origin: left top; -} - -.ui.bottom.center.popup { - -webkit-transform-origin: center top; - transform-origin: center top; -} - -.ui.bottom.right.popup { - -webkit-transform-origin: right top; - transform-origin: right top; -} - -/*-------------- - Pointer ----------------*/ - -/*--- Below ---*/ - -.ui.bottom.center.popup:before { - margin-left: -0.30714286em; - top: -0.30714286em; - left: 50%; - right: auto; - bottom: auto; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} - -.ui.bottom.left.popup { - margin-left: 0em; -} - -/*rtl:rename*/ - -.ui.bottom.left.popup:before { - top: -0.30714286em; - left: 1em; - right: auto; - bottom: auto; - margin-left: 0em; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} - -.ui.bottom.right.popup { - margin-right: 0em; -} - -/*rtl:rename*/ - -.ui.bottom.right.popup:before { - top: -0.30714286em; - right: 1em; - bottom: auto; - left: auto; - margin-left: 0em; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; -} - -/*--- Above ---*/ - -.ui.top.center.popup:before { - top: auto; - right: auto; - bottom: -0.30714286em; - left: 50%; - margin-left: -0.30714286em; -} - -.ui.top.left.popup { - margin-left: 0em; -} - -/*rtl:rename*/ - -.ui.top.left.popup:before { - bottom: -0.30714286em; - left: 1em; - top: auto; - right: auto; - margin-left: 0em; -} - -.ui.top.right.popup { - margin-right: 0em; -} - -/*rtl:rename*/ - -.ui.top.right.popup:before { - bottom: -0.30714286em; - right: 1em; - top: auto; - left: auto; - margin-left: 0em; -} - -/*--- Left Center ---*/ - -/*rtl:rename*/ - -.ui.left.center.popup:before { - top: 50%; - right: -0.30714286em; - bottom: auto; - left: auto; - margin-top: -0.30714286em; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; -} - -/*--- Right Center ---*/ - -/*rtl:rename*/ - -.ui.right.center.popup:before { - top: 50%; - left: -0.30714286em; - bottom: auto; - right: auto; - margin-top: -0.30714286em; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; -} - -/* Arrow Color By Location */ - -.ui.bottom.popup:before { - background: #FFFFFF; -} - -.ui.right.center.popup:before, -.ui.left.center.popup:before { - background: #FFFFFF; -} - -.ui.top.popup:before { - background: #FFFFFF; -} - -/* Inverted Arrow Color */ - -.ui.inverted.bottom.popup:before { - background: #1B1C1D; -} - -.ui.inverted.right.center.popup:before, -.ui.inverted.left.center.popup:before { - background: #1B1C1D; -} - -.ui.inverted.top.popup:before { - background: #1B1C1D; -} - -/******************************* - Coupling -*******************************/ - -/* Immediate Nested Grid */ - -.ui.popup > .ui.grid:not(.padded) { - width: calc(100% + 1.75rem); - margin: -0.7rem -0.875rem; -} - -/******************************* - States -*******************************/ - -.ui.loading.popup { - display: block; - visibility: hidden; - z-index: -1; -} - -.ui.animating.popup, -.ui.visible.popup { - display: block; -} - -.ui.visible.popup { - -webkit-transform: translateZ(0px); - transform: translateZ(0px); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Basic ----------------*/ - -.ui.basic.popup:before { - display: none; -} - -/*-------------- - Wide ----------------*/ - -.ui.wide.popup { - max-width: 350px; -} - -.ui[class*="very wide"].popup { - max-width: 550px; -} - -@media only screen and (max-width: 767px) { - .ui.wide.popup, - .ui[class*="very wide"].popup { - max-width: 250px; - } -} - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.popup { - width: 100%; - max-width: none; -} - -/*-------------- - Colors ----------------*/ - -/* Inverted colors */ - -.ui.inverted.popup { - background: #1B1C1D; - color: #FFFFFF; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.inverted.popup .header { - background-color: none; - color: #FFFFFF; -} - -.ui.inverted.popup:before { - background-color: #1B1C1D; - -webkit-box-shadow: none !important; - box-shadow: none !important; -} - -/*-------------- - Flowing ----------------*/ - -.ui.flowing.popup { - max-width: none; -} - -/*-------------- - Sizes ----------------*/ - -.ui.mini.popup { - font-size: 0.78571429rem; -} - -.ui.tiny.popup { - font-size: 0.85714286rem; -} - -.ui.small.popup { - font-size: 0.92857143rem; -} - -.ui.popup { - font-size: 1rem; -} - -.ui.large.popup { - font-size: 1.14285714rem; -} - -.ui.huge.popup { - font-size: 1.42857143rem; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Progress Bar - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Progress -*******************************/ - -.ui.progress { - position: relative; - display: block; - max-width: 100%; - border: none; - margin: 1em 0em 2.5em; - -webkit-box-shadow: none; - box-shadow: none; - background: rgba(0, 0, 0, 0.1); - padding: 0em; - border-radius: 0.28571429rem; -} - -.ui.progress:first-child { - margin: 0em 0em 2.5em; -} - -.ui.progress:last-child { - margin: 0em 0em 1.5em; -} - -/******************************* - Content -*******************************/ - -/* Activity Bar */ - -.ui.progress .bar { - display: block; - line-height: 1; - position: relative; - width: 0%; - min-width: 2em; - background: #888888; - border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, background-color 0.1s ease; - transition: width 0.1s ease, background-color 0.1s ease; -} - -/* Percent Complete */ - -.ui.progress .bar > .progress { - white-space: nowrap; - position: absolute; - width: auto; - font-size: 0.92857143em; - top: 50%; - right: 0.5em; - left: auto; - bottom: auto; - color: rgba(255, 255, 255, 0.7); - text-shadow: none; - margin-top: -0.5em; - font-weight: bold; - text-align: left; -} - -/* Label */ - -.ui.progress > .label { - position: absolute; - width: 100%; - font-size: 1em; - top: 100%; - right: auto; - left: 0%; - bottom: auto; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - text-shadow: none; - margin-top: 0.2em; - text-align: center; - -webkit-transition: color 0.4s ease; - transition: color 0.4s ease; -} - -/******************************* - Types -*******************************/ - -/* Indicating */ - -.ui.indicating.progress[data-percent^="1"] .bar, -.ui.indicating.progress[data-percent^="2"] .bar { - background-color: #D95C5C; -} - -.ui.indicating.progress[data-percent^="3"] .bar { - background-color: #EFBC72; -} - -.ui.indicating.progress[data-percent^="4"] .bar, -.ui.indicating.progress[data-percent^="5"] .bar { - background-color: #E6BB48; -} - -.ui.indicating.progress[data-percent^="6"] .bar { - background-color: #DDC928; -} - -.ui.indicating.progress[data-percent^="7"] .bar, -.ui.indicating.progress[data-percent^="8"] .bar { - background-color: #B4D95C; -} - -.ui.indicating.progress[data-percent^="9"] .bar, -.ui.indicating.progress[data-percent^="100"] .bar { - background-color: #66DA81; -} - -/* Indicating Label */ - -.ui.indicating.progress[data-percent^="1"] .label, -.ui.indicating.progress[data-percent^="2"] .label { - color: rgba(0, 0, 0, 0.87); -} - -.ui.indicating.progress[data-percent^="3"] .label { - color: rgba(0, 0, 0, 0.87); -} - -.ui.indicating.progress[data-percent^="4"] .label, -.ui.indicating.progress[data-percent^="5"] .label { - color: rgba(0, 0, 0, 0.87); -} - -.ui.indicating.progress[data-percent^="6"] .label { - color: rgba(0, 0, 0, 0.87); -} - -.ui.indicating.progress[data-percent^="7"] .label, -.ui.indicating.progress[data-percent^="8"] .label { - color: rgba(0, 0, 0, 0.87); -} - -.ui.indicating.progress[data-percent^="9"] .label, -.ui.indicating.progress[data-percent^="100"] .label { - color: rgba(0, 0, 0, 0.87); -} - -/* Single Digits */ - -.ui.indicating.progress[data-percent="1"] .bar, -.ui.indicating.progress[data-percent="2"] .bar, -.ui.indicating.progress[data-percent="3"] .bar, -.ui.indicating.progress[data-percent="4"] .bar, -.ui.indicating.progress[data-percent="5"] .bar, -.ui.indicating.progress[data-percent="6"] .bar, -.ui.indicating.progress[data-percent="7"] .bar, -.ui.indicating.progress[data-percent="8"] .bar, -.ui.indicating.progress[data-percent="9"] .bar { - background-color: #D95C5C; -} - -.ui.indicating.progress[data-percent="1"] .label, -.ui.indicating.progress[data-percent="2"] .label, -.ui.indicating.progress[data-percent="3"] .label, -.ui.indicating.progress[data-percent="4"] .label, -.ui.indicating.progress[data-percent="5"] .label, -.ui.indicating.progress[data-percent="6"] .label, -.ui.indicating.progress[data-percent="7"] .label, -.ui.indicating.progress[data-percent="8"] .label, -.ui.indicating.progress[data-percent="9"] .label { - color: rgba(0, 0, 0, 0.87); -} - -/* Indicating Success */ - -.ui.indicating.progress.success .label { - color: #1A531B; -} - -/******************************* - States -*******************************/ - -/*-------------- - Success ----------------*/ - -.ui.progress.success .bar { - background-color: #21BA45 !important; -} - -.ui.progress.success .bar, -.ui.progress.success .bar::after { - -webkit-animation: none !important; - animation: none !important; -} - -.ui.progress.success > .label { - color: #1A531B; -} - -/*-------------- - Warning ----------------*/ - -.ui.progress.warning .bar { - background-color: #F2C037 !important; -} - -.ui.progress.warning .bar, -.ui.progress.warning .bar::after { - -webkit-animation: none !important; - animation: none !important; -} - -.ui.progress.warning > .label { - color: #794B02; -} - -/*-------------- - Error ----------------*/ - -.ui.progress.error .bar { - background-color: #DB2828 !important; -} - -.ui.progress.error .bar, -.ui.progress.error .bar::after { - -webkit-animation: none !important; - animation: none !important; -} - -.ui.progress.error > .label { - color: #912D2B; -} - -/*-------------- - Active ----------------*/ - -.ui.active.progress .bar { - position: relative; - min-width: 2em; -} - -.ui.active.progress .bar::after { - content: ''; - opacity: 0; - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - background: #FFFFFF; - border-radius: 0.28571429rem; - -webkit-animation: progress-active 2s ease infinite; - animation: progress-active 2s ease infinite; -} - -@-webkit-keyframes progress-active { - 0% { - opacity: 0.3; - width: 0; - } - - 100% { - opacity: 0; - width: 100%; - } -} - -@keyframes progress-active { - 0% { - opacity: 0.3; - width: 0; - } - - 100% { - opacity: 0; - width: 100%; - } -} - -/*-------------- - Disabled ----------------*/ - -.ui.disabled.progress { - opacity: 0.35; -} - -.ui.disabled.progress .bar, -.ui.disabled.progress .bar::after { - -webkit-animation: none !important; - animation: none !important; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.progress { - background: rgba(255, 255, 255, 0.08); - border: none; -} - -.ui.inverted.progress .bar { - background: #888888; -} - -.ui.inverted.progress .bar > .progress { - color: #F9FAFB; -} - -.ui.inverted.progress > .label { - color: #FFFFFF; -} - -.ui.inverted.progress.success > .label { - color: #21BA45; -} - -.ui.inverted.progress.warning > .label { - color: #F2C037; -} - -.ui.inverted.progress.error > .label { - color: #DB2828; -} - -/*-------------- - Attached ----------------*/ - -/* bottom attached */ - -.ui.progress.attached { - background: transparent; - position: relative; - border: none; - margin: 0em; -} - -.ui.progress.attached, -.ui.progress.attached .bar { - display: block; - height: 0.2rem; - padding: 0px; - overflow: hidden; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -.ui.progress.attached .bar { - border-radius: 0em; -} - -/* top attached */ - -.ui.progress.top.attached, -.ui.progress.top.attached .bar { - top: 0px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.progress.top.attached .bar { - border-radius: 0em; -} - -/* Coupling */ - -.ui.segment > .ui.attached.progress, -.ui.card > .ui.attached.progress { - position: absolute; - top: auto; - left: 0; - bottom: 100%; - width: 100%; -} - -.ui.segment > .ui.bottom.attached.progress, -.ui.card > .ui.bottom.attached.progress { - top: 100%; - bottom: auto; -} - -/*-------------- - Colors ----------------*/ - -/* Red */ - -.ui.red.progress .bar { - background-color: #DB2828; -} - -.ui.red.inverted.progress .bar { - background-color: #FF695E; -} - -/* Orange */ - -.ui.orange.progress .bar { - background-color: #F2711C; -} - -.ui.orange.inverted.progress .bar { - background-color: #FF851B; -} - -/* Yellow */ - -.ui.yellow.progress .bar { - background-color: #FBBD08; -} - -.ui.yellow.inverted.progress .bar { - background-color: #FFE21F; -} - -/* Olive */ - -.ui.olive.progress .bar { - background-color: #B5CC18; -} - -.ui.olive.inverted.progress .bar { - background-color: #D9E778; -} - -/* Green */ - -.ui.green.progress .bar { - background-color: #21BA45; -} - -.ui.green.inverted.progress .bar { - background-color: #2ECC40; -} - -/* Teal */ - -.ui.teal.progress .bar { - background-color: #00B5AD; -} - -.ui.teal.inverted.progress .bar { - background-color: #6DFFFF; -} - -/* Blue */ - -.ui.blue.progress .bar { - background-color: #2185D0; -} - -.ui.blue.inverted.progress .bar { - background-color: #54C8FF; -} - -/* Violet */ - -.ui.violet.progress .bar { - background-color: #6435C9; -} - -.ui.violet.inverted.progress .bar { - background-color: #A291FB; -} - -/* Purple */ - -.ui.purple.progress .bar { - background-color: #A333C8; -} - -.ui.purple.inverted.progress .bar { - background-color: #DC73FF; -} - -/* Pink */ - -.ui.pink.progress .bar { - background-color: #E03997; -} - -.ui.pink.inverted.progress .bar { - background-color: #FF8EDF; -} - -/* Brown */ - -.ui.brown.progress .bar { - background-color: #A5673F; -} - -.ui.brown.inverted.progress .bar { - background-color: #D67C1C; -} - -/* Grey */ - -.ui.grey.progress .bar { - background-color: #767676; -} - -.ui.grey.inverted.progress .bar { - background-color: #DCDDDE; -} - -/* Black */ - -.ui.black.progress .bar { - background-color: #1B1C1D; -} - -.ui.black.inverted.progress .bar { - background-color: #545454; -} - -/*-------------- - Sizes ----------------*/ - -.ui.tiny.progress { - font-size: 0.85714286rem; -} - -.ui.tiny.progress .bar { - height: 0.5em; -} - -.ui.small.progress { - font-size: 0.92857143rem; -} - -.ui.small.progress .bar { - height: 1em; -} - -.ui.progress { - font-size: 1rem; -} - -.ui.progress .bar { - height: 1.75em; -} - -.ui.large.progress { - font-size: 1.14285714rem; -} - -.ui.large.progress .bar { - height: 2.5em; -} - -.ui.big.progress { - font-size: 1.28571429rem; -} - -.ui.big.progress .bar { - height: 3.5em; -} - -/******************************* - Progress -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Rating - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Rating -*******************************/ - -.ui.rating { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - white-space: nowrap; - vertical-align: baseline; -} - -.ui.rating:last-child { - margin-right: 0em; -} - -/* Icon */ - -.ui.rating .icon { - padding: 0em; - margin: 0em; - text-align: center; - font-weight: normal; - font-style: normal; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - cursor: pointer; - width: 1.25em; - height: auto; - -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; - transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; -} - -/******************************* - Types -*******************************/ - -/*------------------- - Standard ---------------------*/ - -/* Inactive Icon */ - -.ui.rating .icon { - background: transparent; - color: rgba(0, 0, 0, 0.15); -} - -/* Active Icon */ - -.ui.rating .active.icon { - background: transparent; - color: rgba(0, 0, 0, 0.85); -} - -/* Selected Icon */ - -.ui.rating .icon.selected, -.ui.rating .icon.selected.active { - background: transparent; - color: rgba(0, 0, 0, 0.87); -} - -/*------------------- - Star ---------------------*/ - -/* Inactive */ - -.ui.star.rating .icon { - width: 1.25em; - height: auto; - background: transparent; - color: rgba(0, 0, 0, 0.15); - text-shadow: none; -} - -/* Active Star */ - -.ui.star.rating .active.icon { - background: transparent !important; - color: #FFE623 !important; - text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important; -} - -/* Selected Star */ - -.ui.star.rating .icon.selected, -.ui.star.rating .icon.selected.active { - background: transparent !important; - color: #FFCC00 !important; - text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important; -} - -/*------------------- - Heart ---------------------*/ - -.ui.heart.rating .icon { - width: 1.4em; - height: auto; - background: transparent; - color: rgba(0, 0, 0, 0.15); - text-shadow: none !important; -} - -/* Active Heart */ - -.ui.heart.rating .active.icon { - background: transparent !important; - color: #FF6D75 !important; - text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important; -} - -/* Selected Heart */ - -.ui.heart.rating .icon.selected, -.ui.heart.rating .icon.selected.active { - background: transparent !important; - color: #FF3000 !important; - text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important; -} - -/******************************* - States -*******************************/ - -/*------------------- - Disabled ---------------------*/ - -/* disabled rating */ - -.ui.disabled.rating .icon { - cursor: default; -} - -/*------------------- - User Interactive ---------------------*/ - -/* Selected Rating */ - -.ui.rating.selected .active.icon { - opacity: 1; -} - -.ui.rating.selected .icon.selected, -.ui.rating .icon.selected { - opacity: 1; -} - -/******************************* - Variations -*******************************/ - -.ui.mini.rating { - font-size: 0.78571429rem; -} - -.ui.tiny.rating { - font-size: 0.85714286rem; -} - -.ui.small.rating { - font-size: 0.92857143rem; -} - -.ui.rating { - font-size: 1rem; -} - -.ui.large.rating { - font-size: 1.14285714rem; -} - -.ui.huge.rating { - font-size: 1.42857143rem; -} - -.ui.massive.rating { - font-size: 2rem; -} - -/******************************* - Theme Overrides -*******************************/ - -@font-face { - font-family: 'Rating'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkE - AQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/ -4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/ -jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); - font-weight: normal; - font-style: normal; -} - -.ui.rating .icon { - font-family: 'Rating'; - line-height: 1; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - font-weight: normal; - font-style: normal; - text-align: center; -} - -/* Empty Star */ - -.ui.rating .icon:before { - content: '\f005'; -} - -/* Active Star */ - -.ui.rating .active.icon:before { - content: '\f005'; -} - -/*------------------- - Star ---------------------*/ - -/* Unfilled Star */ - -.ui.star.rating .icon:before { - content: '\f005'; -} - -/* Active Star */ - -.ui.star.rating .active.icon:before { - content: '\f005'; -} - -/* Partial */ - -.ui.star.rating .partial.icon:before { - content: '\f006'; -} - -.ui.star.rating .partial.icon { - content: '\f005'; -} - -/*------------------- - Heart ---------------------*/ - -/* Empty Heart -.ui.heart.rating .icon:before { - content: '\f08a'; -} -*/ - -.ui.heart.rating .icon:before { - content: '\f004'; -} - -/* Active */ - -.ui.heart.rating .active.icon:before { - content: '\f004'; -} - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Search - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Search -*******************************/ - -.ui.search { - position: relative; -} - -.ui.search > .prompt { - margin: 0em; - outline: none; - -webkit-appearance: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-shadow: none; - font-style: normal; - font-weight: normal; - line-height: 1.21428571em; - padding: 0.67857143em 1em; - font-size: 1em; - background: #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; -} - -.ui.search .prompt { - border-radius: 500rem; -} - -/*-------------- - Icon ----------------*/ - -.ui.search .prompt ~ .search.icon { - cursor: pointer; -} - -/*-------------- - Results ----------------*/ - -.ui.search > .results { - display: none; - position: absolute; - top: 100%; - left: 0%; - -webkit-transform-origin: center top; - transform-origin: center top; - white-space: normal; - background: #FFFFFF; - margin-top: 0.5em; - width: 18em; - border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - border: 1px solid #D4D4D5; - z-index: 998; -} - -.ui.search > .results > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; -} - -.ui.search > .results > :last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; -} - -/*-------------- - Result ----------------*/ - -.ui.search > .results .result { - cursor: pointer; - display: block; - overflow: hidden; - font-size: 1em; - padding: 0.85714286em 1.14285714em; - color: rgba(0, 0, 0, 0.87); - line-height: 1.33; - border-bottom: 1px solid rgba(34, 36, 38, 0.1); -} - -.ui.search > .results .result:last-child { - border-bottom: none !important; -} - -/* Image */ - -.ui.search > .results .result .image { - float: right; - overflow: hidden; - background: none; - width: 5em; - height: 3em; - border-radius: 0.25em; -} - -.ui.search > .results .result .image img { - display: block; - width: auto; - height: 100%; -} - -/*-------------- - Info ----------------*/ - -.ui.search > .results .result .image + .content { - margin: 0em 6em 0em 0em; -} - -.ui.search > .results .result .title { - margin: -0.14285714em 0em 0em; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: bold; - font-size: 1em; - color: rgba(0, 0, 0, 0.85); -} - -.ui.search > .results .result .description { - margin-top: 0; - font-size: 0.92857143em; - color: rgba(0, 0, 0, 0.4); -} - -.ui.search > .results .result .price { - float: right; - color: #21BA45; -} - -/*-------------- - Message ----------------*/ - -.ui.search > .results > .message { - padding: 1em 1em; -} - -.ui.search > .results > .message .header { - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1rem; - font-weight: bold; - color: rgba(0, 0, 0, 0.87); -} - -.ui.search > .results > .message .description { - margin-top: 0.25rem; - font-size: 1em; - color: rgba(0, 0, 0, 0.87); -} - -/* View All Results */ - -.ui.search > .results > .action { - display: block; - border-top: none; - background: #F3F4F5; - padding: 0.92857143em 1em; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; - text-align: center; -} - -/******************************* - States -*******************************/ - -/*-------------------- - Focus ----------------------*/ - -.ui.search > .prompt:focus { - border-color: rgba(34, 36, 38, 0.35); - background: #FFFFFF; - color: rgba(0, 0, 0, 0.95); -} - -/*-------------------- - Loading ----------------------*/ - -.ui.loading.search .input > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.1); -} - -.ui.loading.search .input > i.icon:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; - width: 1.28571429em; - height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; - animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/*-------------- - Hover ----------------*/ - -.ui.search > .results .result:hover, -.ui.category.search > .results .category .result:hover { - background: #F9FAFB; -} - -.ui.search .action:hover { - background: #E0E0E0; -} - -/*-------------- - Active ----------------*/ - -.ui.category.search > .results .category.active { - background: #F3F4F5; -} - -.ui.category.search > .results .category.active > .name { - color: rgba(0, 0, 0, 0.87); -} - -.ui.search > .results .result.active, -.ui.category.search > .results .category .result.active { - position: relative; - border-left-color: rgba(34, 36, 38, 0.1); - background: #F3F4F5; - -webkit-box-shadow: none; - box-shadow: none; -} - -.ui.search > .results .result.active .title { - color: rgba(0, 0, 0, 0.85); -} - -.ui.search > .results .result.active .description { - color: rgba(0, 0, 0, 0.85); -} - -/*-------------------- - Disabled -----------------------*/ - -/* Disabled */ - -.ui.disabled.search { - cursor: default; - pointer-events: none; - opacity: 0.45; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Selection ----------------*/ - -.ui.search.selection .prompt { - border-radius: 0.28571429rem; -} - -/* Remove input */ - -.ui.search.selection > .icon.input > .remove.icon { - pointer-events: none; - position: absolute; - left: auto; - opacity: 0; - color: ''; - top: 0em; - right: 0em; - -webkit-transition: color 0.1s ease, opacity 0.1s ease; - transition: color 0.1s ease, opacity 0.1s ease; -} - -.ui.search.selection > .icon.input > .active.remove.icon { - cursor: pointer; - opacity: 0.8; - pointer-events: auto; -} - -.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon { - right: 1.85714em; -} - -.ui.search.selection > .icon.input > .remove.icon:hover { - opacity: 1; - color: #DB2828; -} - -/*-------------- - Category ----------------*/ - -.ui.category.search .results { - width: 28em; -} - -.ui.category.search .results.animating, -.ui.category.search .results.visible { - display: table; -} - -/* Category */ - -.ui.category.search > .results .category { - display: table-row; - background: #F3F4F5; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - transition: background 0.1s ease, border-color 0.1s ease; -} - -/* Last Category */ - -.ui.category.search > .results .category:last-child { - border-bottom: none; -} - -/* First / Last */ - -.ui.category.search > .results .category:first-child .name + .result { - border-radius: 0em 0.28571429rem 0em 0em; -} - -.ui.category.search > .results .category:last-child .result:last-child { - border-radius: 0em 0em 0.28571429rem 0em; -} - -/* Category Result Name */ - -.ui.category.search > .results .category > .name { - display: table-cell; - text-overflow: ellipsis; - width: 100px; - white-space: nowrap; - background: transparent; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 1em; - padding: 0.4em 1em; - font-weight: bold; - color: rgba(0, 0, 0, 0.4); - border-bottom: 1px solid rgba(34, 36, 38, 0.1); -} - -/* Category Result */ - -.ui.category.search > .results .category .results { - display: table-cell; - background: #FFFFFF; - border-left: 1px solid rgba(34, 36, 38, 0.15); - border-bottom: 1px solid rgba(34, 36, 38, 0.1); -} - -.ui.category.search > .results .category .result { - border-bottom: 1px solid rgba(34, 36, 38, 0.1); - -webkit-transition: background 0.1s ease, border-color 0.1s ease; - transition: background 0.1s ease, border-color 0.1s ease; - padding: 0.85714286em 1.14285714em; -} - -/******************************* - Variations -*******************************/ - -/*------------------- - Left / Right ---------------------*/ - -.ui[class*="left aligned"].search > .results { - right: auto; - left: 0%; -} - -.ui[class*="right aligned"].search > .results { - right: 0%; - left: auto; -} - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.search .results { - width: 100%; -} - -/*-------------- - Sizes ----------------*/ - -.ui.mini.search { - font-size: 0.78571429em; -} - -.ui.small.search { - font-size: 0.92857143em; -} - -.ui.search { - font-size: 1em; -} - -.ui.large.search { - font-size: 1.14285714em; -} - -.ui.big.search { - font-size: 1.28571429em; -} - -.ui.huge.search { - font-size: 1.42857143em; -} - -.ui.massive.search { - font-size: 1.71428571em; -} - -/*-------------- - Mobile ----------------*/ - -@media only screen and (max-width: 767px) { - .ui.search .results { - max-width: calc(100vw - 2rem); - } -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Shape - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Shape -*******************************/ - -.ui.shape { - position: relative; - vertical-align: top; - display: inline-block; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; -} - -.ui.shape .sides { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; -} - -.ui.shape .side { - opacity: 1; - width: 100%; - margin: 0em !important; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.ui.shape .side { - display: none; -} - -.ui.shape .side * { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; -} - -/******************************* - Types -*******************************/ - -.ui.cube.shape .side { - min-width: 15em; - height: 15em; - padding: 2em; - background-color: #E6E6E6; - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -} - -.ui.cube.shape .side > .content { - width: 100%; - height: 100%; - display: table; - text-align: center; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; -} - -.ui.cube.shape .side > .content > div { - display: table-cell; - vertical-align: middle; - font-size: 2em; -} - -/******************************* - Variations -*******************************/ - -.ui.text.shape.animating .sides { - position: static; -} - -.ui.text.shape .side { - white-space: nowrap; -} - -.ui.text.shape .side > * { - white-space: normal; -} - -/******************************* - States -*******************************/ - -/*-------------- - Loading ----------------*/ - -.ui.loading.shape { - position: absolute; - top: -9999px; - left: -9999px; -} - -/*-------------- - Animating ----------------*/ - -.ui.shape .animating.side { - position: absolute; - top: 0px; - left: 0px; - display: block; - z-index: 100; -} - -.ui.shape .hidden.side { - opacity: 0.6; -} - -/*-------------- - CSS ----------------*/ - -.ui.shape.animating .sides { - position: absolute; -} - -.ui.shape.animating .sides { - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; -} - -.ui.shape.animating .side { - -webkit-transition: opacity 0.6s ease-in-out; - transition: opacity 0.6s ease-in-out; -} - -/*-------------- - Active ----------------*/ - -.ui.shape .active.side { - display: block; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Sidebar - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Sidebar -*******************************/ - -/* Sidebar Menu */ - -.ui.sidebar { - position: fixed; - top: 0; - left: 0; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition: none; - transition: none; - will-change: transform; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - visibility: hidden; - -webkit-overflow-scrolling: touch; - height: 100% !important; - max-height: 100%; - border-radius: 0em !important; - margin: 0em !important; - overflow-y: auto !important; - z-index: 102; -} - -/* GPU Layers for Child Elements */ - -.ui.sidebar > * { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -/*-------------- - Direction ----------------*/ - -.ui.left.sidebar { - right: auto; - left: 0px; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} - -.ui.right.sidebar { - right: 0px !important; - left: auto !important; - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); -} - -.ui.top.sidebar, -.ui.bottom.sidebar { - width: 100% !important; - height: auto !important; -} - -.ui.top.sidebar { - top: 0px !important; - bottom: auto !important; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); -} - -.ui.bottom.sidebar { - top: auto !important; - bottom: 0px !important; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} - -/*-------------- - Pushable ----------------*/ - -.pushable { - height: 100%; - overflow-x: hidden; - padding: 0em !important; -} - -/* Whole Page */ - -body.pushable { - background: #545454 !important; -} - -/* Page Context */ - -.pushable:not(body) { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.pushable:not(body) > .ui.sidebar, -.pushable:not(body) > .fixed, -.pushable:not(body) > .pusher:after { - position: absolute; -} - -/*-------------- - Fixed ----------------*/ - -.pushable > .fixed { - position: fixed; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - will-change: transform; - z-index: 101; -} - -/*-------------- - Page ----------------*/ - -.pushable > .pusher { - position: relative; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - overflow: hidden; - min-height: 100%; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - z-index: 2; -} - -body.pushable > .pusher { - background: #FFFFFF; -} - -/* Pusher should inherit background from context */ - -.pushable > .pusher { - background: inherit; -} - -/*-------------- - Dimmer ----------------*/ - -.pushable > .pusher:after { - position: fixed; - top: 0px; - right: 0px; - content: ''; - background-color: rgba(0, 0, 0, 0.4); - overflow: hidden; - opacity: 0; - -webkit-transition: opacity 500ms; - transition: opacity 500ms; - will-change: opacity; - z-index: 1000; -} - -/*-------------- - Coupling ----------------*/ - -.ui.sidebar.menu .item { - border-radius: 0em !important; -} - -/******************************* - States -*******************************/ - -/*-------------- - Dimmed ----------------*/ - -.pushable > .pusher.dimmed:after { - width: 100% !important; - height: 100% !important; - opacity: 1 !important; -} - -/*-------------- - Animating ----------------*/ - -.ui.animating.sidebar { - visibility: visible; -} - -/*-------------- - Visible ----------------*/ - -.ui.visible.sidebar { - visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -/* Shadow Direction */ - -.ui.left.visible.sidebar, -.ui.right.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); -} - -.ui.top.visible.sidebar, -.ui.bottom.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); -} - -/* Visible On Load */ - -.ui.visible.left.sidebar ~ .fixed, -.ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); -} - -.ui.visible.right.sidebar ~ .fixed, -.ui.visible.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); -} - -.ui.visible.top.sidebar ~ .fixed, -.ui.visible.top.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 36px, 0); - transform: translate3d(0, 36px, 0); -} - -.ui.visible.bottom.sidebar ~ .fixed, -.ui.visible.bottom.sidebar ~ .pusher { - -webkit-transform: translate3d(0, -36px, 0); - transform: translate3d(0, -36px, 0); -} - -/* opposite sides visible forces content overlay */ - -.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, -.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, -.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, -.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -/*-------------- - iOS ----------------*/ - -/******************************* - Variations -*******************************/ - -/*-------------- - Width ----------------*/ - -/* Left / Right */ - -.ui.thin.left.sidebar, -.ui.thin.right.sidebar { - width: 150px; -} - -.ui[class*="very thin"].left.sidebar, -.ui[class*="very thin"].right.sidebar { - width: 60px; -} - -.ui.left.sidebar, -.ui.right.sidebar { - width: 260px; -} - -.ui.wide.left.sidebar, -.ui.wide.right.sidebar { - width: 350px; -} - -.ui[class*="very wide"].left.sidebar, -.ui[class*="very wide"].right.sidebar { - width: 475px; -} - -/* Left Visible */ - -.ui.visible.thin.left.sidebar ~ .fixed, -.ui.visible.thin.left.sidebar ~ .pusher { - -webkit-transform: translate3d(150px, 0, 0); - transform: translate3d(150px, 0, 0); -} - -.ui.visible[class*="very thin"].left.sidebar ~ .fixed, -.ui.visible[class*="very thin"].left.sidebar ~ .pusher { - -webkit-transform: translate3d(60px, 0, 0); - transform: translate3d(60px, 0, 0); -} - -.ui.visible.wide.left.sidebar ~ .fixed, -.ui.visible.wide.left.sidebar ~ .pusher { - -webkit-transform: translate3d(350px, 0, 0); - transform: translate3d(350px, 0, 0); -} - -.ui.visible[class*="very wide"].left.sidebar ~ .fixed, -.ui.visible[class*="very wide"].left.sidebar ~ .pusher { - -webkit-transform: translate3d(475px, 0, 0); - transform: translate3d(475px, 0, 0); -} - -/* Right Visible */ - -.ui.visible.thin.right.sidebar ~ .fixed, -.ui.visible.thin.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-150px, 0, 0); - transform: translate3d(-150px, 0, 0); -} - -.ui.visible[class*="very thin"].right.sidebar ~ .fixed, -.ui.visible[class*="very thin"].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-60px, 0, 0); - transform: translate3d(-60px, 0, 0); -} - -.ui.visible.wide.right.sidebar ~ .fixed, -.ui.visible.wide.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-350px, 0, 0); - transform: translate3d(-350px, 0, 0); -} - -.ui.visible[class*="very wide"].right.sidebar ~ .fixed, -.ui.visible[class*="very wide"].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-475px, 0, 0); - transform: translate3d(-475px, 0, 0); -} - -/******************************* - Animations -*******************************/ - -/*-------------- - Overlay ----------------*/ - -/* Set-up */ - -.ui.overlay.sidebar { - z-index: 102; -} - -/* Initial */ - -.ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0%, 0); - transform: translate3d(-100%, 0%, 0); -} - -.ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); -} - -.ui.top.overlay.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} - -.ui.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* Animation */ - -.animating.ui.overlay.sidebar, -.ui.visible.overlay.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End - Sidebar */ - -.ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -.ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -.ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -.ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); -} - -/* End - Pusher */ - -.ui.visible.overlay.sidebar ~ .fixed, -.ui.visible.overlay.sidebar ~ .pusher { - -webkit-transform: none !important; - transform: none !important; -} - -/*-------------- - Push ----------------*/ - -/* Initial */ - -.ui.push.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - z-index: 102; -} - -/* Sidebar - Initial */ - -.ui.left.push.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} - -.ui.right.push.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} - -.ui.top.push.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} - -.ui.bottom.push.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* End */ - -.ui.visible.push.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Uncover ----------------*/ - -/* Initial */ - -.ui.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - z-index: 1; -} - -/* End */ - -.ui.visible.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/*-------------- - Slide Along ----------------*/ - -/* Initial */ - -.ui.slide.along.sidebar { - z-index: 1; -} - -/* Sidebar - Initial */ - -.ui.left.slide.along.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} - -.ui.right.slide.along.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} - -.ui.top.slide.along.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} - -.ui.bottom.slide.along.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); -} - -/* Animation */ - -.ui.animating.slide.along.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End */ - -.ui.visible.slide.along.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Slide Out ----------------*/ - -/* Initial */ - -.ui.slide.out.sidebar { - z-index: 1; -} - -/* Sidebar - Initial */ - -.ui.left.slide.out.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); -} - -.ui.right.slide.out.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); -} - -.ui.top.slide.out.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); -} - -.ui.bottom.slide.out.sidebar { - -webkit-transform: translate3d(0%, -50%, 0); - transform: translate3d(0%, -50%, 0); -} - -/* Animation */ - -.ui.animating.slide.out.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -/* End */ - -.ui.visible.slide.out.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); -} - -/*-------------- - Scale Down ----------------*/ - -/* Initial */ - -.ui.scale.down.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; - z-index: 102; -} - -/* Sidebar - Initial */ - -.ui.left.scale.down.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} - -.ui.right.scale.down.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} - -.ui.top.scale.down.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); -} - -.ui.bottom.scale.down.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); -} - -/* Pusher - Initial */ - -.ui.scale.down.left.sidebar ~ .pusher { - -webkit-transform-origin: 75% 50%; - transform-origin: 75% 50%; -} - -.ui.scale.down.right.sidebar ~ .pusher { - -webkit-transform-origin: 25% 50%; - transform-origin: 25% 50%; -} - -.ui.scale.down.top.sidebar ~ .pusher { - -webkit-transform-origin: 50% 75%; - transform-origin: 50% 75%; -} - -.ui.scale.down.bottom.sidebar ~ .pusher { - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; -} - -/* Animation */ - -.ui.animating.scale.down > .visible.ui.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; - transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; -} - -.ui.visible.scale.down.sidebar ~ .pusher, -.ui.animating.scale.down.sidebar ~ .pusher { - display: block !important; - width: 100%; - height: 100%; - overflow: hidden !important; -} - -/* End */ - -.ui.visible.scale.down.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.ui.visible.scale.down.sidebar ~ .pusher { - -webkit-transform: scale(0.75); - transform: scale(0.75); -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Sticky - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Sticky -*******************************/ - -.ui.sticky { - position: static; - -webkit-transition: none; - transition: none; - z-index: 800; -} - -/******************************* - States -*******************************/ - -/* Bound */ - -.ui.sticky.bound { - position: absolute; - left: auto; - right: auto; -} - -/* Fixed */ - -.ui.sticky.fixed { - position: fixed; - left: auto; - right: auto; -} - -/* Bound/Fixed Position */ - -.ui.sticky.bound.top, -.ui.sticky.fixed.top { - top: 0px; - bottom: auto; -} - -.ui.sticky.bound.bottom, -.ui.sticky.fixed.bottom { - top: auto; - bottom: 0px; -} - -/******************************* - Types -*******************************/ - -.ui.native.sticky { - position: -webkit-sticky; - position: -moz-sticky; - position: -ms-sticky; - position: -o-sticky; - position: sticky; -} - -/******************************* - Theme Overrides -*******************************/ - -/******************************* - Site Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Tab - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - UI Tabs -*******************************/ - -.ui.tab { - display: none; -} - -/******************************* - States -*******************************/ - -/*-------------------- - Active ----------------------*/ - -.ui.tab.active, -.ui.tab.open { - display: block; -} - -/*-------------------- - Loading ----------------------*/ - -.ui.tab.loading { - position: relative; - overflow: hidden; - display: block; - min-height: 250px; -} - -.ui.tab.loading * { - position: relative !important; - left: -10000px !important; -} - -.ui.tab.loading:before, -.ui.tab.loading.segment:before { - position: absolute; - content: ''; - top: 100px; - left: 50%; - margin: -1.25em 0em 0em -1.25em; - width: 2.5em; - height: 2.5em; - border-radius: 500rem; - border: 0.2em solid rgba(0, 0, 0, 0.1); -} - -.ui.tab.loading:after, -.ui.tab.loading.segment:after { - position: absolute; - content: ''; - top: 100px; - left: 50%; - margin: -1.25em 0em 0em -1.25em; - width: 2.5em; - height: 2.5em; - -webkit-animation: button-spin 0.6s linear; - animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; - border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; -} - -/******************************* - Tab Overrides -*******************************/ - -/******************************* - User Overrides -*******************************/ -/*! - * # Semantic UI 2.3.1 - Transition - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Transitions -*******************************/ - -.transition { - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-duration: 300ms; - animation-duration: 300ms; - -webkit-animation-timing-function: ease; - animation-timing-function: ease; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -/******************************* - States -*******************************/ - -/* Animating */ - -.animating.transition { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - visibility: visible !important; -} - -/* Loading */ - -.loading.transition { - position: absolute; - top: -99999px; - left: -99999px; -} - -/* Hidden */ - -.hidden.transition { - display: none; - visibility: hidden; -} - -/* Visible */ - -.visible.transition { - display: block !important; - visibility: visible !important; - /* backface-visibility: @backfaceVisibility; - transform: @use3DAcceleration;*/ -} - -/* Disabled */ - -.disabled.transition { - -webkit-animation-play-state: paused; - animation-play-state: paused; -} - -/******************************* - Variations -*******************************/ - -.looping.transition { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; -} - -/******************************* - Transitions -*******************************/ - -/* - Some transitions adapted from Animate CSS - https://github.com/daneden/animate.css - - Additional transitions adapted from Glide - by Nick Pettit - https://github.com/nickpettit/glide -*/ - -/*-------------- - Browse ----------------*/ - -.transition.browse { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; -} - -.transition.browse.in { - -webkit-animation-name: browseIn; - animation-name: browseIn; -} - -.transition.browse.out, -.transition.browse.left.out { - -webkit-animation-name: browseOutLeft; - animation-name: browseOutLeft; -} - -.transition.browse.right.out { - -webkit-animation-name: browseOutRight; - animation-name: browseOutRight; -} - -/* In */ - -@-webkit-keyframes browseIn { - 0% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); - z-index: -1; - } - - 10% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); - z-index: -1; - opacity: 0.7; - } - - 80% { - -webkit-transform: scale(1.05) translateZ(0px); - transform: scale(1.05) translateZ(0px); - opacity: 1; - z-index: 999; - } - - 100% { - -webkit-transform: scale(1) translateZ(0px); - transform: scale(1) translateZ(0px); - z-index: 999; - } -} - -@keyframes browseIn { - 0% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); - z-index: -1; - } - - 10% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); - z-index: -1; - opacity: 0.7; - } - - 80% { - -webkit-transform: scale(1.05) translateZ(0px); - transform: scale(1.05) translateZ(0px); - opacity: 1; - z-index: 999; - } - - 100% { - -webkit-transform: scale(1) translateZ(0px); - transform: scale(1) translateZ(0px); - z-index: 999; - } -} - -/* Out */ - -@-webkit-keyframes browseOutLeft { - 0% { - z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); - } - - 50% { - z-index: -1; - -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - } - - 80% { - opacity: 1; - } - - 100% { - z-index: -1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - opacity: 0; - } -} - -@keyframes browseOutLeft { - 0% { - z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); - } - - 50% { - z-index: -1; - -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - } - - 80% { - opacity: 1; - } - - 100% { - z-index: -1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - opacity: 0; - } -} - -@-webkit-keyframes browseOutRight { - 0% { - z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); - } - - 50% { - z-index: 1; - -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - } - - 80% { - opacity: 1; - } - - 100% { - z-index: 1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - opacity: 0; - } -} - -@keyframes browseOutRight { - 0% { - z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); - } - - 50% { - z-index: 1; - -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - } - - 80% { - opacity: 1; - } - - 100% { - z-index: 1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - opacity: 0; - } -} - -/*-------------- - Drop ----------------*/ - -.drop.transition { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-duration: 400ms; - animation-duration: 400ms; - -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); - animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); -} - -.drop.transition.in { - -webkit-animation-name: dropIn; - animation-name: dropIn; -} - -.drop.transition.out { - -webkit-animation-name: dropOut; - animation-name: dropOut; -} - -/* Drop */ - -@-webkit-keyframes dropIn { - 0% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - } - - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes dropIn { - 0% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - } - - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes dropOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@keyframes dropOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - } -} - -/*-------------- - Fade ----------------*/ - -.transition.fade.in { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; -} - -.transition[class*="fade up"].in { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; -} - -.transition[class*="fade down"].in { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; -} - -.transition[class*="fade left"].in { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; -} - -.transition[class*="fade right"].in { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; -} - -.transition.fade.out { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; -} - -.transition[class*="fade up"].out { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; -} - -.transition[class*="fade down"].out { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; -} - -.transition[class*="fade left"].out { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} - -.transition[class*="fade right"].out { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} - -/* In */ - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(10%); - transform: translateY(10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(10%); - transform: translateY(10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-10%); - transform: translateY(-10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-10%); - transform: translateY(-10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(10%); - transform: translateX(10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(10%); - transform: translateX(10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(-10%); - transform: translateX(-10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(-10%); - transform: translateX(-10%); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} - -/* Out */ - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(5%); - transform: translateY(5%); - } -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(5%); - transform: translateY(5%); - } -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-5%); - transform: translateY(-5%); - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateY(-5%); - transform: translateY(-5%); - } -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(5%); - transform: translateX(5%); - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(5%); - transform: translateX(5%); - } -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-5%); - transform: translateX(-5%); - } -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-5%); - transform: translateX(-5%); - } -} - -/*-------------- - Flips ----------------*/ - -.flip.transition.in, -.flip.transition.out { - -webkit-animation-duration: 600ms; - animation-duration: 600ms; -} - -.horizontal.flip.transition.in { - -webkit-animation-name: horizontalFlipIn; - animation-name: horizontalFlipIn; -} - -.horizontal.flip.transition.out { - -webkit-animation-name: horizontalFlipOut; - animation-name: horizontalFlipOut; -} - -.vertical.flip.transition.in { - -webkit-animation-name: verticalFlipIn; - animation-name: verticalFlipIn; -} - -.vertical.flip.transition.out { - -webkit-animation-name: verticalFlipOut; - animation-name: verticalFlipOut; -} - -/* In */ - -@-webkit-keyframes horizontalFlipIn { - 0% { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); - opacity: 1; - } -} - -@keyframes horizontalFlipIn { - 0% { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); - opacity: 1; - } -} - -@-webkit-keyframes verticalFlipIn { - 0% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); - opacity: 1; - } -} - -@keyframes verticalFlipIn { - 0% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; - } - - 100% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); - opacity: 1; - } -} - -/* Out */ - -@-webkit-keyframes horizontalFlipOut { - 0% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - opacity: 0; - } -} - -@keyframes horizontalFlipOut { - 0% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - opacity: 0; - } -} - -@-webkit-keyframes verticalFlipOut { - 0% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; - } -} - -@keyframes verticalFlipOut { - 0% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; - } -} - -/*-------------- - Scale ----------------*/ - -.scale.transition.in { - -webkit-animation-name: scaleIn; - animation-name: scaleIn; -} - -.scale.transition.out { - -webkit-animation-name: scaleOut; - animation-name: scaleOut; -} - -@-webkit-keyframes scaleIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes scaleIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -/* Out */ - -@-webkit-keyframes scaleOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(0.9); - transform: scale(0.9); - } -} - -@keyframes scaleOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 0; - -webkit-transform: scale(0.9); - transform: scale(0.9); - } -} - -/*-------------- - Fly ----------------*/ - -/* Inward */ - -.transition.fly { - -webkit-animation-duration: 0.6s; - animation-duration: 0.6s; - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -} - -.transition.fly.in { - -webkit-animation-name: flyIn; - animation-name: flyIn; -} - -.transition[class*="fly up"].in { - -webkit-animation-name: flyInUp; - animation-name: flyInUp; -} - -.transition[class*="fly down"].in { - -webkit-animation-name: flyInDown; - animation-name: flyInDown; -} - -.transition[class*="fly left"].in { - -webkit-animation-name: flyInLeft; - animation-name: flyInLeft; -} - -.transition[class*="fly right"].in { - -webkit-animation-name: flyInRight; - animation-name: flyInRight; -} - -/* Outward */ - -.transition.fly.out { - -webkit-animation-name: flyOut; - animation-name: flyOut; -} - -.transition[class*="fly up"].out { - -webkit-animation-name: flyOutUp; - animation-name: flyOutUp; -} - -.transition[class*="fly down"].out { - -webkit-animation-name: flyOutDown; - animation-name: flyOutDown; -} - -.transition[class*="fly left"].out { - -webkit-animation-name: flyOutLeft; - animation-name: flyOutLeft; -} - -.transition[class*="fly right"].out { - -webkit-animation-name: flyOutRight; - animation-name: flyOutRight; -} - -/* In */ - -@-webkit-keyframes flyIn { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes flyIn { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@-webkit-keyframes flyInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 1500px, 0); - transform: translate3d(0, 1500px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@keyframes flyInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 1500px, 0); - transform: translate3d(0, 1500px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} - -@-webkit-keyframes flyInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -1500px, 0); - transform: translate3d(0, -1500px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes flyInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -1500px, 0); - transform: translate3d(0, -1500px, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@-webkit-keyframes flyInLeft { - 0% { - opacity: 0; - -webkit-transform: translate3d(1500px, 0, 0); - transform: translate3d(1500px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes flyInLeft { - 0% { - opacity: 0; - -webkit-transform: translate3d(1500px, 0, 0); - transform: translate3d(1500px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@-webkit-keyframes flyInRight { - 0% { - opacity: 0; - -webkit-transform: translate3d(-1500px, 0, 0); - transform: translate3d(-1500px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -@keyframes flyInRight { - 0% { - opacity: 0; - -webkit-transform: translate3d(-1500px, 0, 0); - transform: translate3d(-1500px, 0, 0); - } - - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - - 100% { - -webkit-transform: none; - transform: none; - } -} - -/* Out */ - -@-webkit-keyframes flyOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} - -@keyframes flyOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - - 100% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} - -@-webkit-keyframes flyOutUp { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@keyframes flyOutUp { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); - } -} - -@-webkit-keyframes flyOutDown { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@keyframes flyOutDown { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} - -@-webkit-keyframes flyOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@keyframes flyOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} - -@-webkit-keyframes flyOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -@keyframes flyOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} - -/*-------------- - Slide ----------------*/ - -.transition.slide.in, -.transition[class*="slide down"].in { - -webkit-animation-name: slideInY; - animation-name: slideInY; - -webkit-transform-origin: top center; - transform-origin: top center; -} - -.transition[class*="slide up"].in { - -webkit-animation-name: slideInY; - animation-name: slideInY; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; -} - -.transition[class*="slide left"].in { - -webkit-animation-name: slideInX; - animation-name: slideInX; - -webkit-transform-origin: center right; - transform-origin: center right; -} - -.transition[class*="slide right"].in { - -webkit-animation-name: slideInX; - animation-name: slideInX; - -webkit-transform-origin: center left; - transform-origin: center left; -} - -.transition.slide.out, -.transition[class*="slide down"].out { - -webkit-animation-name: slideOutY; - animation-name: slideOutY; - -webkit-transform-origin: top center; - transform-origin: top center; -} - -.transition[class*="slide up"].out { - -webkit-animation-name: slideOutY; - animation-name: slideOutY; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; -} - -.transition[class*="slide left"].out { - -webkit-animation-name: slideOutX; - animation-name: slideOutX; - -webkit-transform-origin: center right; - transform-origin: center right; -} - -.transition[class*="slide right"].out { - -webkit-animation-name: slideOutX; - animation-name: slideOutX; - -webkit-transform-origin: center left; - transform-origin: center left; -} - -/* In */ - -@-webkit-keyframes slideInY { - 0% { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); - } - - 100% { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - } -} - -@keyframes slideInY { - 0% { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); - } - - 100% { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - } -} - -@-webkit-keyframes slideInX { - 0% { - opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); - } - - 100% { - opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} - -@keyframes slideInX { - 0% { - opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); - } - - 100% { - opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} - -/* Out */ - -@-webkit-keyframes slideOutY { - 0% { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - } - - 100% { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); - } -} - -@keyframes slideOutY { - 0% { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - } - - 100% { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); - } -} - -@-webkit-keyframes slideOutX { - 0% { - opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - - 100% { - opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); - } -} - -@keyframes slideOutX { - 0% { - opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - - 100% { - opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); - } -} - -/*-------------- - Swing ----------------*/ - -.transition.swing { - -webkit-animation-duration: 800ms; - animation-duration: 800ms; -} - -.transition[class*="swing down"].in { - -webkit-animation-name: swingInX; - animation-name: swingInX; - -webkit-transform-origin: top center; - transform-origin: top center; -} - -.transition[class*="swing up"].in { - -webkit-animation-name: swingInX; - animation-name: swingInX; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; -} - -.transition[class*="swing left"].in { - -webkit-animation-name: swingInY; - animation-name: swingInY; - -webkit-transform-origin: center right; - transform-origin: center right; -} - -.transition[class*="swing right"].in { - -webkit-animation-name: swingInY; - animation-name: swingInY; - -webkit-transform-origin: center left; - transform-origin: center left; -} - -.transition.swing.out, -.transition[class*="swing down"].out { - -webkit-animation-name: swingOutX; - animation-name: swingOutX; - -webkit-transform-origin: top center; - transform-origin: top center; -} - -.transition[class*="swing up"].out { - -webkit-animation-name: swingOutX; - animation-name: swingOutX; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; -} - -.transition[class*="swing left"].out { - -webkit-animation-name: swingOutY; - animation-name: swingOutY; - -webkit-transform-origin: center right; - transform-origin: center right; -} - -.transition[class*="swing right"].out { - -webkit-animation-name: swingOutY; - animation-name: swingOutY; - -webkit-transform-origin: center left; - transform-origin: center left; -} - -/* In */ - -@-webkit-keyframes swingInX { - 0% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); - opacity: 1; - } - - 60% { - -webkit-transform: perspective(1000px) rotateX(15deg); - transform: perspective(1000px) rotateX(15deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); - } - - 100% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); - } -} - -@keyframes swingInX { - 0% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); - opacity: 1; - } - - 60% { - -webkit-transform: perspective(1000px) rotateX(15deg); - transform: perspective(1000px) rotateX(15deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); - } - - 100% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); - } -} - -@-webkit-keyframes swingInY { - 0% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); - opacity: 1; - } - - 60% { - -webkit-transform: perspective(1000px) rotateY(-17.5deg); - transform: perspective(1000px) rotateY(-17.5deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); - } - - 100% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); - } -} - -@keyframes swingInY { - 0% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); - opacity: 0; - } - - 40% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); - opacity: 1; - } - - 60% { - -webkit-transform: perspective(1000px) rotateY(-17.5deg); - transform: perspective(1000px) rotateY(-17.5deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); - } - - 100% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); - } -} - -/* Out */ - -@-webkit-keyframes swingOutX { - 0% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); - } - - 40% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); - } - - 60% { - -webkit-transform: perspective(1000px) rotateX(17.5deg); - transform: perspective(1000px) rotateX(17.5deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); - opacity: 0; - } -} - -@keyframes swingOutX { - 0% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); - } - - 40% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); - } - - 60% { - -webkit-transform: perspective(1000px) rotateX(17.5deg); - transform: perspective(1000px) rotateX(17.5deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); - opacity: 0; - } -} - -@-webkit-keyframes swingOutY { - 0% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); - } - - 40% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); - } - - 60% { - -webkit-transform: perspective(1000px) rotateY(-10deg); - transform: perspective(1000px) rotateY(-10deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); - opacity: 0; - } -} - -@keyframes swingOutY { - 0% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); - } - - 40% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); - } - - 60% { - -webkit-transform: perspective(1000px) rotateY(-10deg); - transform: perspective(1000px) rotateY(-10deg); - } - - 80% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); - opacity: 1; - } - - 100% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); - opacity: 0; - } -} - -/*-------------- - Zoom ----------------*/ - -.transition.zoom.in { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; -} - -.transition.zoom.out { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; -} - -@-webkit-keyframes zoomIn { - 0% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); - } - - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@keyframes zoomIn { - 0% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); - } - - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes zoomOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@keyframes zoomOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); - } -} - -/******************************* - Static Animations -*******************************/ - -/*-------------- - Emphasis ----------------*/ - -.flash.transition { - -webkit-animation-duration: 750ms; - animation-duration: 750ms; - -webkit-animation-name: flash; - animation-name: flash; -} - -.shake.transition { - -webkit-animation-duration: 750ms; - animation-duration: 750ms; - -webkit-animation-name: shake; - animation-name: shake; -} - -.bounce.transition { - -webkit-animation-duration: 750ms; - animation-duration: 750ms; - -webkit-animation-name: bounce; - animation-name: bounce; -} - -.tada.transition { - -webkit-animation-duration: 750ms; - animation-duration: 750ms; - -webkit-animation-name: tada; - animation-name: tada; -} - -.pulse.transition { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; - -webkit-animation-name: pulse; - animation-name: pulse; -} - -.jiggle.transition { - -webkit-animation-duration: 750ms; - animation-duration: 750ms; - -webkit-animation-name: jiggle; - animation-name: jiggle; -} - -.transition.glow { - -webkit-animation-duration: 2000ms; - animation-duration: 2000ms; - -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); - animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -} - -.transition.glow { - -webkit-animation-name: glow; - animation-name: glow; -} - -/* Flash */ - -@-webkit-keyframes flash { - 0%, 50%, 100% { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -@keyframes flash { - 0%, 50%, 100% { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -/* Shake */ - -@-webkit-keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); - } -} - -@keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - } - - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); - } -} - -/* Bounce */ - -@-webkit-keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); - } - - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); - } -} - -@keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); - } - - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); - } -} - -/* Tada */ - -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); - } - - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); - } -} - -@keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); - } - - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); - } - - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); - } - - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); - } -} - -/* Pulse */ - -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - } - - 50% { - -webkit-transform: scale(0.9); - transform: scale(0.9); - opacity: 0.7; - } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - } -} - -@keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - } - - 50% { - -webkit-transform: scale(0.9); - transform: scale(0.9); - opacity: 0.7; - } - - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - } -} - -/* Jiggle */ - -@-webkit-keyframes jiggle { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -@keyframes jiggle { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} - -/* Glow */ - -@-webkit-keyframes glow { - 0% { - background-color: #FCFCFD; - } - - 30% { - background-color: #FFF6CD; - } - - 100% { - background-color: #FCFCFD; - } -} - -@keyframes glow { - 0% { - background-color: #FCFCFD; - } - - 30% { - background-color: #FFF6CD; - } - - 100% { - background-color: #FCFCFD; - } -} - -/******************************* - Site Overrides -*******************************/ \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index 3af958ea10ec0b663d976e2e6958f1fd6ec9aad5..0000000000000000000000000000000000000000 --- a/assets/css/style.css +++ /dev/null @@ -1 +0,0 @@ -body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container .phone,#image_container .phone img{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container .tablet,#image_container .tablet img{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}body:not(.noscript) .responsive.placeholder picture:not(.loaded){filter:blur(20px)}body:not(.noscript) .responsive.placeholder picture:not(.loaded) img{opacity:0}.responsive.placeholder{position:relative;background-size:100% 100%;transition:filter 100ms}.responsive.placeholder img{position:absolute;width:100%;height:100%;top:0;left:0;transition:opacity 50ms}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}.pusher>.footer .renewable{font-size:0.8em}.pusher>.footer .renewable img{max-height:1em;max-width:1em;vertical-align:top;margin-right:4px}.pusher>.footer .renewable span{color:#7CB342}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 540px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(30vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.introduction{display:inline-block !important;margin:0 !important}.masthead.segment .ui.container{display:flex;align-items:center;justify-content:space-evenly}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}i.icon{font-family:'IconFont'}i.icon.download:before{content:"\e800"}i.icon.github:before{content:"\f09b"} diff --git a/assets/images/Makefile b/assets/images/Makefile deleted file mode 100644 index 594fc183b3ab348702ce2cfd1485e76a8074044f..0000000000000000000000000000000000000000 --- a/assets/images/Makefile +++ /dev/null @@ -1,292 +0,0 @@ -RESOLUTION = $(shell pwd)/generate_resolution.sh -RESOLUTION_WEBP = $(shell pwd)/generate_resolution_webp.sh -THUMB = $(shell pwd)/generate_thumb.sh -all: material_light@220.png material_light@220.webp material_light@266.png material_light@266.webp material_light@335.png material_light@335.webp material_light@352.png material_light@352.webp material_light@532.png material_light@532.webp material_light@thumb.jpg material_dark@220.png material_dark@220.webp material_dark@266.png material_dark@266.webp material_dark@335.png material_dark@335.webp material_dark@352.png material_dark@352.webp material_dark@532.png material_dark@532.webp material_dark@thumb.jpg solarized_light@220.png solarized_light@220.webp solarized_light@266.png solarized_light@266.webp solarized_light@335.png solarized_light@335.webp solarized_light@352.png solarized_light@352.webp solarized_light@532.png solarized_light@532.webp solarized_light@thumb.jpg solarized_dark@220.png solarized_dark@220.webp solarized_dark@266.png solarized_dark@266.webp solarized_dark@335.png solarized_dark@335.webp solarized_dark@352.png solarized_dark@352.webp solarized_dark@532.png solarized_dark@532.webp solarized_dark@thumb.jpg gruvbox_light@220.png gruvbox_light@220.webp gruvbox_light@266.png gruvbox_light@266.webp gruvbox_light@335.png gruvbox_light@335.webp gruvbox_light@352.png gruvbox_light@352.webp gruvbox_light@532.png gruvbox_light@532.webp gruvbox_light@thumb.jpg gruvbox_dark@220.png gruvbox_dark@220.webp gruvbox_dark@266.png gruvbox_dark@266.webp gruvbox_dark@335.png gruvbox_dark@335.webp gruvbox_dark@352.png gruvbox_dark@352.webp gruvbox_dark@532.png gruvbox_dark@532.webp gruvbox_dark@thumb.jpg amoled@220.png amoled@220.webp amoled@266.png amoled@266.webp amoled@335.png amoled@335.webp amoled@352.png amoled@352.webp amoled@532.png amoled@532.webp amoled@thumb.jpg dracula@220.png dracula@220.webp dracula@266.png dracula@266.webp dracula@335.png dracula@335.webp dracula@352.png dracula@352.webp dracula@532.png dracula@532.webp dracula@thumb.jpg phone@220.png phone@220.webp phone@300.png phone@300.webp phone@400.png phone@400.webp phone@520.png phone@520.webp phone@640.png phone@640.webp phone@800.png phone@800.webp phone@1000.png phone@1000.webp phone@1220.png phone@1220.webp phone@thumb.png tablet@545.png tablet@545.webp tablet@640.png tablet@640.webp tablet@720.png tablet@720.webp tablet@800.png tablet@800.webp tablet@880.png tablet@880.webp tablet@960.png tablet@960.webp tablet@1090.png tablet@1090.webp tablet@1635.png tablet@1635.webp tablet@2180.png tablet@2180.webp tablet@thumb.png notifications@363.png notifications@363.webp notifications@474.png notifications@474.webp notifications@590.png notifications@590.webp notifications@thumb.jpg desktop@363.png desktop@363.webp desktop@474.png desktop@474.webp desktop@590.png desktop@590.webp desktop@726.png desktop@726.webp desktop@948.png desktop@948.webp desktop@1180.png desktop@1180.webp desktop@thumb.jpg -material_light@220.png: material_light.png - $(RESOLUTION) material_light 220 85 -material_light@220.webp: material_light@220.png - $(RESOLUTION_WEBP) material_light 220 85 -material_light@266.png: material_light.png - $(RESOLUTION) material_light 266 85 -material_light@266.webp: material_light@266.png - $(RESOLUTION_WEBP) material_light 266 85 -material_light@335.png: material_light.png - $(RESOLUTION) material_light 335 85 -material_light@335.webp: material_light@335.png - $(RESOLUTION_WEBP) material_light 335 85 -material_light@352.png: material_light.png - $(RESOLUTION) material_light 352 85 -material_light@352.webp: material_light@352.png - $(RESOLUTION_WEBP) material_light 352 85 -material_light@532.png: material_light.png - $(RESOLUTION) material_light 532 85 -material_light@532.webp: material_light@532.png - $(RESOLUTION_WEBP) material_light 532 85 -material_light@thumb.jpg: material_light.png - $(THUMB) material_light 16x 50 jpg -material_dark@220.png: material_dark.png - $(RESOLUTION) material_dark 220 85 -material_dark@220.webp: material_dark@220.png - $(RESOLUTION_WEBP) material_dark 220 85 -material_dark@266.png: material_dark.png - $(RESOLUTION) material_dark 266 85 -material_dark@266.webp: material_dark@266.png - $(RESOLUTION_WEBP) material_dark 266 85 -material_dark@335.png: material_dark.png - $(RESOLUTION) material_dark 335 85 -material_dark@335.webp: material_dark@335.png - $(RESOLUTION_WEBP) material_dark 335 85 -material_dark@352.png: material_dark.png - $(RESOLUTION) material_dark 352 85 -material_dark@352.webp: material_dark@352.png - $(RESOLUTION_WEBP) material_dark 352 85 -material_dark@532.png: material_dark.png - $(RESOLUTION) material_dark 532 85 -material_dark@532.webp: material_dark@532.png - $(RESOLUTION_WEBP) material_dark 532 85 -material_dark@thumb.jpg: material_dark.png - $(THUMB) material_dark 16x 50 jpg -solarized_light@220.png: solarized_light.png - $(RESOLUTION) solarized_light 220 85 -solarized_light@220.webp: solarized_light@220.png - $(RESOLUTION_WEBP) solarized_light 220 85 -solarized_light@266.png: solarized_light.png - $(RESOLUTION) solarized_light 266 85 -solarized_light@266.webp: solarized_light@266.png - $(RESOLUTION_WEBP) solarized_light 266 85 -solarized_light@335.png: solarized_light.png - $(RESOLUTION) solarized_light 335 85 -solarized_light@335.webp: solarized_light@335.png - $(RESOLUTION_WEBP) solarized_light 335 85 -solarized_light@352.png: solarized_light.png - $(RESOLUTION) solarized_light 352 85 -solarized_light@352.webp: solarized_light@352.png - $(RESOLUTION_WEBP) solarized_light 352 85 -solarized_light@532.png: solarized_light.png - $(RESOLUTION) solarized_light 532 85 -solarized_light@532.webp: solarized_light@532.png - $(RESOLUTION_WEBP) solarized_light 532 85 -solarized_light@thumb.jpg: solarized_light.png - $(THUMB) solarized_light 16x 50 jpg -solarized_dark@220.png: solarized_dark.png - $(RESOLUTION) solarized_dark 220 85 -solarized_dark@220.webp: solarized_dark@220.png - $(RESOLUTION_WEBP) solarized_dark 220 85 -solarized_dark@266.png: solarized_dark.png - $(RESOLUTION) solarized_dark 266 85 -solarized_dark@266.webp: solarized_dark@266.png - $(RESOLUTION_WEBP) solarized_dark 266 85 -solarized_dark@335.png: solarized_dark.png - $(RESOLUTION) solarized_dark 335 85 -solarized_dark@335.webp: solarized_dark@335.png - $(RESOLUTION_WEBP) solarized_dark 335 85 -solarized_dark@352.png: solarized_dark.png - $(RESOLUTION) solarized_dark 352 85 -solarized_dark@352.webp: solarized_dark@352.png - $(RESOLUTION_WEBP) solarized_dark 352 85 -solarized_dark@532.png: solarized_dark.png - $(RESOLUTION) solarized_dark 532 85 -solarized_dark@532.webp: solarized_dark@532.png - $(RESOLUTION_WEBP) solarized_dark 532 85 -solarized_dark@thumb.jpg: solarized_dark.png - $(THUMB) solarized_dark 16x 50 jpg -gruvbox_light@220.png: gruvbox_light.png - $(RESOLUTION) gruvbox_light 220 85 -gruvbox_light@220.webp: gruvbox_light@220.png - $(RESOLUTION_WEBP) gruvbox_light 220 85 -gruvbox_light@266.png: gruvbox_light.png - $(RESOLUTION) gruvbox_light 266 85 -gruvbox_light@266.webp: gruvbox_light@266.png - $(RESOLUTION_WEBP) gruvbox_light 266 85 -gruvbox_light@335.png: gruvbox_light.png - $(RESOLUTION) gruvbox_light 335 85 -gruvbox_light@335.webp: gruvbox_light@335.png - $(RESOLUTION_WEBP) gruvbox_light 335 85 -gruvbox_light@352.png: gruvbox_light.png - $(RESOLUTION) gruvbox_light 352 85 -gruvbox_light@352.webp: gruvbox_light@352.png - $(RESOLUTION_WEBP) gruvbox_light 352 85 -gruvbox_light@532.png: gruvbox_light.png - $(RESOLUTION) gruvbox_light 532 85 -gruvbox_light@532.webp: gruvbox_light@532.png - $(RESOLUTION_WEBP) gruvbox_light 532 85 -gruvbox_light@thumb.jpg: gruvbox_light.png - $(THUMB) gruvbox_light 16x 50 jpg -gruvbox_dark@220.png: gruvbox_dark.png - $(RESOLUTION) gruvbox_dark 220 85 -gruvbox_dark@220.webp: gruvbox_dark@220.png - $(RESOLUTION_WEBP) gruvbox_dark 220 85 -gruvbox_dark@266.png: gruvbox_dark.png - $(RESOLUTION) gruvbox_dark 266 85 -gruvbox_dark@266.webp: gruvbox_dark@266.png - $(RESOLUTION_WEBP) gruvbox_dark 266 85 -gruvbox_dark@335.png: gruvbox_dark.png - $(RESOLUTION) gruvbox_dark 335 85 -gruvbox_dark@335.webp: gruvbox_dark@335.png - $(RESOLUTION_WEBP) gruvbox_dark 335 85 -gruvbox_dark@352.png: gruvbox_dark.png - $(RESOLUTION) gruvbox_dark 352 85 -gruvbox_dark@352.webp: gruvbox_dark@352.png - $(RESOLUTION_WEBP) gruvbox_dark 352 85 -gruvbox_dark@532.png: gruvbox_dark.png - $(RESOLUTION) gruvbox_dark 532 85 -gruvbox_dark@532.webp: gruvbox_dark@532.png - $(RESOLUTION_WEBP) gruvbox_dark 532 85 -gruvbox_dark@thumb.jpg: gruvbox_dark.png - $(THUMB) gruvbox_dark 16x 50 jpg -amoled@220.png: amoled.png - $(RESOLUTION) amoled 220 85 -amoled@220.webp: amoled@220.png - $(RESOLUTION_WEBP) amoled 220 85 -amoled@266.png: amoled.png - $(RESOLUTION) amoled 266 85 -amoled@266.webp: amoled@266.png - $(RESOLUTION_WEBP) amoled 266 85 -amoled@335.png: amoled.png - $(RESOLUTION) amoled 335 85 -amoled@335.webp: amoled@335.png - $(RESOLUTION_WEBP) amoled 335 85 -amoled@352.png: amoled.png - $(RESOLUTION) amoled 352 85 -amoled@352.webp: amoled@352.png - $(RESOLUTION_WEBP) amoled 352 85 -amoled@532.png: amoled.png - $(RESOLUTION) amoled 532 85 -amoled@532.webp: amoled@532.png - $(RESOLUTION_WEBP) amoled 532 85 -amoled@thumb.jpg: amoled.png - $(THUMB) amoled 16x 50 jpg -dracula@220.png: dracula.png - $(RESOLUTION) dracula 220 85 -dracula@220.webp: dracula@220.png - $(RESOLUTION_WEBP) dracula 220 85 -dracula@266.png: dracula.png - $(RESOLUTION) dracula 266 85 -dracula@266.webp: dracula@266.png - $(RESOLUTION_WEBP) dracula 266 85 -dracula@335.png: dracula.png - $(RESOLUTION) dracula 335 85 -dracula@335.webp: dracula@335.png - $(RESOLUTION_WEBP) dracula 335 85 -dracula@352.png: dracula.png - $(RESOLUTION) dracula 352 85 -dracula@352.webp: dracula@352.png - $(RESOLUTION_WEBP) dracula 352 85 -dracula@532.png: dracula.png - $(RESOLUTION) dracula 532 85 -dracula@532.webp: dracula@532.png - $(RESOLUTION_WEBP) dracula 532 85 -dracula@thumb.jpg: dracula.png - $(THUMB) dracula 16x 50 jpg -phone@220.png: phone.png - $(RESOLUTION) phone 220 85 -phone@220.webp: phone@220.png - $(RESOLUTION_WEBP) phone 220 85 -phone@300.png: phone.png - $(RESOLUTION) phone 300 85 -phone@300.webp: phone@300.png - $(RESOLUTION_WEBP) phone 300 85 -phone@400.png: phone.png - $(RESOLUTION) phone 400 85 -phone@400.webp: phone@400.png - $(RESOLUTION_WEBP) phone 400 85 -phone@520.png: phone.png - $(RESOLUTION) phone 520 85 -phone@520.webp: phone@520.png - $(RESOLUTION_WEBP) phone 520 85 -phone@640.png: phone.png - $(RESOLUTION) phone 640 85 -phone@640.webp: phone@640.png - $(RESOLUTION_WEBP) phone 640 85 -phone@800.png: phone.png - $(RESOLUTION) phone 800 85 -phone@800.webp: phone@800.png - $(RESOLUTION_WEBP) phone 800 85 -phone@1000.png: phone.png - $(RESOLUTION) phone 1000 85 -phone@1000.webp: phone@1000.png - $(RESOLUTION_WEBP) phone 1000 85 -phone@1220.png: phone.png - $(RESOLUTION) phone 1220 85 -phone@1220.webp: phone@1220.png - $(RESOLUTION_WEBP) phone 1220 85 -phone@thumb.png: phone.png - $(THUMB) phone 16x16 0 none -tablet@545.png: tablet.png - $(RESOLUTION) tablet 545 85 -tablet@545.webp: tablet@545.png - $(RESOLUTION_WEBP) tablet 545 85 -tablet@640.png: tablet.png - $(RESOLUTION) tablet 640 85 -tablet@640.webp: tablet@640.png - $(RESOLUTION_WEBP) tablet 640 85 -tablet@720.png: tablet.png - $(RESOLUTION) tablet 720 85 -tablet@720.webp: tablet@720.png - $(RESOLUTION_WEBP) tablet 720 85 -tablet@800.png: tablet.png - $(RESOLUTION) tablet 800 85 -tablet@800.webp: tablet@800.png - $(RESOLUTION_WEBP) tablet 800 85 -tablet@880.png: tablet.png - $(RESOLUTION) tablet 880 85 -tablet@880.webp: tablet@880.png - $(RESOLUTION_WEBP) tablet 880 85 -tablet@960.png: tablet.png - $(RESOLUTION) tablet 960 85 -tablet@960.webp: tablet@960.png - $(RESOLUTION_WEBP) tablet 960 85 -tablet@1090.png: tablet.png - $(RESOLUTION) tablet 1090 85 -tablet@1090.webp: tablet@1090.png - $(RESOLUTION_WEBP) tablet 1090 85 -tablet@1635.png: tablet.png - $(RESOLUTION) tablet 1635 85 -tablet@1635.webp: tablet@1635.png - $(RESOLUTION_WEBP) tablet 1635 85 -tablet@2180.png: tablet.png - $(RESOLUTION) tablet 2180 85 -tablet@2180.webp: tablet@2180.png - $(RESOLUTION_WEBP) tablet 2180 85 -tablet@thumb.png: tablet.png - $(THUMB) tablet 16x16 0 none -notifications@363.png: notifications.png - $(RESOLUTION) notifications 363 85 -notifications@363.webp: notifications@363.png - $(RESOLUTION_WEBP) notifications 363 85 -notifications@474.png: notifications.png - $(RESOLUTION) notifications 474 85 -notifications@474.webp: notifications@474.png - $(RESOLUTION_WEBP) notifications 474 85 -notifications@590.png: notifications.png - $(RESOLUTION) notifications 590 85 -notifications@590.webp: notifications@590.png - $(RESOLUTION_WEBP) notifications 590 85 -notifications@thumb.jpg: notifications.png - $(THUMB) notifications 16x 50 jpg -desktop@363.png: desktop.png - $(RESOLUTION) desktop 363 85 -desktop@363.webp: desktop@363.png - $(RESOLUTION_WEBP) desktop 363 85 -desktop@474.png: desktop.png - $(RESOLUTION) desktop 474 85 -desktop@474.webp: desktop@474.png - $(RESOLUTION_WEBP) desktop 474 85 -desktop@590.png: desktop.png - $(RESOLUTION) desktop 590 85 -desktop@590.webp: desktop@590.png - $(RESOLUTION_WEBP) desktop 590 85 -desktop@726.png: desktop.png - $(RESOLUTION) desktop 726 85 -desktop@726.webp: desktop@726.png - $(RESOLUTION_WEBP) desktop 726 85 -desktop@948.png: desktop.png - $(RESOLUTION) desktop 948 85 -desktop@948.webp: desktop@948.png - $(RESOLUTION_WEBP) desktop 948 85 -desktop@1180.png: desktop.png - $(RESOLUTION) desktop 1180 85 -desktop@1180.webp: desktop@1180.png - $(RESOLUTION_WEBP) desktop 1180 85 -desktop@thumb.jpg: desktop.png - $(THUMB) desktop 16x 50 jpg diff --git a/assets/images/amoled@220.png b/assets/images/amoled@220.png deleted file mode 100644 index 0b24e7bbbdec51ea6b6555f5aec97e1b2f93b76d..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@220.png and /dev/null differ diff --git a/assets/images/amoled@220.webp b/assets/images/amoled@220.webp deleted file mode 100644 index bad90c0a2fde055250fd3703c26450f387c11527..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@220.webp and /dev/null differ diff --git a/assets/images/amoled@266.png b/assets/images/amoled@266.png deleted file mode 100644 index 64ca9ce02d1d7b689318af71699a69a8fa2ee571..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@266.png and /dev/null differ diff --git a/assets/images/amoled@266.webp b/assets/images/amoled@266.webp deleted file mode 100644 index c8749ed034aef0fe7f2050c3c2e53202ececea10..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@266.webp and /dev/null differ diff --git a/assets/images/amoled@335.png b/assets/images/amoled@335.png deleted file mode 100644 index ff61f173ecedec57274ba09902870c2dd809778c..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@335.png and /dev/null differ diff --git a/assets/images/amoled@335.webp b/assets/images/amoled@335.webp deleted file mode 100644 index 4b6a1b0a3b9079ba462c91063946633573e06daf..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@335.webp and /dev/null differ diff --git a/assets/images/amoled@352.png b/assets/images/amoled@352.png deleted file mode 100644 index 7b424467f27c8fbc771d961682f4d9ee9a5e8555..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@352.png and /dev/null differ diff --git a/assets/images/amoled@352.webp b/assets/images/amoled@352.webp deleted file mode 100644 index 089d3068d0934b954867cf85502689a88b5d61ba..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@352.webp and /dev/null differ diff --git a/assets/images/amoled@532.png b/assets/images/amoled@532.png deleted file mode 100644 index 07c1f95b489a62d806c9f65a29cf70ab7372207c..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@532.png and /dev/null differ diff --git a/assets/images/amoled@532.webp b/assets/images/amoled@532.webp deleted file mode 100644 index 9e918ff8671ecb465394716d91a0f01404b0cd24..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@532.webp and /dev/null differ diff --git a/assets/images/amoled@thumb.jpg b/assets/images/amoled@thumb.jpg deleted file mode 100644 index 29fe17bd4948d4f0ce26f2e48c601a199882c6fd..0000000000000000000000000000000000000000 Binary files a/assets/images/amoled@thumb.jpg and /dev/null differ diff --git a/assets/images/desktop@1180.png b/assets/images/desktop@1180.png deleted file mode 100644 index 1ff1ff4225eaf9a087cd7255bb28026f640cf67d..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@1180.png and /dev/null differ diff --git a/assets/images/desktop@1180.webp b/assets/images/desktop@1180.webp deleted file mode 100644 index 75afbc7f9a35317c558786b663a1909764cf6480..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@1180.webp and /dev/null differ diff --git a/assets/images/desktop@363.png b/assets/images/desktop@363.png deleted file mode 100644 index b614c5ecca9070965aa00ed2dd38665d90b393c1..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@363.png and /dev/null differ diff --git a/assets/images/desktop@363.webp b/assets/images/desktop@363.webp deleted file mode 100644 index 9a51d4402206269bbd4f0714fa7da078fb769be8..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@363.webp and /dev/null differ diff --git a/assets/images/desktop@474.png b/assets/images/desktop@474.png deleted file mode 100644 index 6e5ecfc2bb85ebe189558f4fd2a319ed6988282f..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@474.png and /dev/null differ diff --git a/assets/images/desktop@474.webp b/assets/images/desktop@474.webp deleted file mode 100644 index 20393466ca083ed1c48f5bb2c9875590414ab361..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@474.webp and /dev/null differ diff --git a/assets/images/desktop@590.png b/assets/images/desktop@590.png deleted file mode 100644 index 6380dcbe56fb16328eb11187d401dbc9c707adc0..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@590.png and /dev/null differ diff --git a/assets/images/desktop@590.webp b/assets/images/desktop@590.webp deleted file mode 100644 index cae4403a74b751583ddb66c83d9269992923399a..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@590.webp and /dev/null differ diff --git a/assets/images/desktop@726.png b/assets/images/desktop@726.png deleted file mode 100644 index 4851d744dfee0d8539f243d5b8e3d85f8fac972b..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@726.png and /dev/null differ diff --git a/assets/images/desktop@726.webp b/assets/images/desktop@726.webp deleted file mode 100644 index cd9d4e99427ba8234be8dfaf8b5b977dda8705d3..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@726.webp and /dev/null differ diff --git a/assets/images/desktop@948.png b/assets/images/desktop@948.png deleted file mode 100644 index 6eff013d1ccb10a1cd7e954c0012d93e727ce415..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@948.png and /dev/null differ diff --git a/assets/images/desktop@948.webp b/assets/images/desktop@948.webp deleted file mode 100644 index 99bf85db47bdeacd6d6bc55a8da7d17672ec1231..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@948.webp and /dev/null differ diff --git a/assets/images/desktop@thumb.jpg b/assets/images/desktop@thumb.jpg deleted file mode 100644 index b111510021fe172bdfc68f260bc64c68a749686a..0000000000000000000000000000000000000000 Binary files a/assets/images/desktop@thumb.jpg and /dev/null differ diff --git a/assets/images/dracula@220.png b/assets/images/dracula@220.png deleted file mode 100644 index 9607398f0e327b7389181cb0fd81ee598ee0cf73..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@220.png and /dev/null differ diff --git a/assets/images/dracula@220.webp b/assets/images/dracula@220.webp deleted file mode 100644 index 3122f4f9ac89ee77cd538374fb42cfb66b863b4c..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@220.webp and /dev/null differ diff --git a/assets/images/dracula@266.png b/assets/images/dracula@266.png deleted file mode 100644 index e7b71a4b19f41bc6622532e9da376411969d632a..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@266.png and /dev/null differ diff --git a/assets/images/dracula@266.webp b/assets/images/dracula@266.webp deleted file mode 100644 index 1c6731345db434482d1cbcc5b06442308d2b557e..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@266.webp and /dev/null differ diff --git a/assets/images/dracula@335.png b/assets/images/dracula@335.png deleted file mode 100644 index 83df76116ab85d381cf5b8a8f1d1c472c45c0a7d..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@335.png and /dev/null differ diff --git a/assets/images/dracula@335.webp b/assets/images/dracula@335.webp deleted file mode 100644 index 980f0050dd87d4092ddd7bfe247c4ac6a1a342ec..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@335.webp and /dev/null differ diff --git a/assets/images/dracula@352.png b/assets/images/dracula@352.png deleted file mode 100644 index 025d2672cdc0371ebb0d634ca488f5b865f617f4..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@352.png and /dev/null differ diff --git a/assets/images/dracula@352.webp b/assets/images/dracula@352.webp deleted file mode 100644 index 6d17f6e0399b501d8c27bc0654cc2676d9b3dc9f..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@352.webp and /dev/null differ diff --git a/assets/images/dracula@532.png b/assets/images/dracula@532.png deleted file mode 100644 index 664ebf55a10d90cc82fb68aa0051cd0b6a372dc0..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@532.png and /dev/null differ diff --git a/assets/images/dracula@532.webp b/assets/images/dracula@532.webp deleted file mode 100644 index 3ce039834259b2833e8d4d3a87a9386d025afdff..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@532.webp and /dev/null differ diff --git a/assets/images/dracula@thumb.jpg b/assets/images/dracula@thumb.jpg deleted file mode 100644 index fb3bfc8fa80446e7bae2e6e3157839762afe84fe..0000000000000000000000000000000000000000 Binary files a/assets/images/dracula@thumb.jpg and /dev/null differ diff --git a/assets/images/generate_image.sh b/assets/images/generate_image.sh deleted file mode 100755 index c735e817314805c58e6aeb2fb9473f86bd810de3..0000000000000000000000000000000000000000 --- a/assets/images/generate_image.sh +++ /dev/null @@ -1,15 +0,0 @@ -#!/bin/bash - -cd $(dirname $(realpath -s ${0})) - -image=${1} -resolutions=${2} -default_resolution=${3} -quality=${4} -thumb_quality=${5} -thumb_format=${6} - -for resolution in ${resolutions}; do - ./generate_resolution ${image} ${resolution} ${quality} -done -./generate_thumb ${image} ${default_resolution} ${thumb_quality} ${thumb_format} \ No newline at end of file diff --git a/assets/images/generate_images.sh b/assets/images/generate_images.sh deleted file mode 100755 index 5f1acd9e035bc189c3240332462e5b7a1f57d93e..0000000000000000000000000000000000000000 --- a/assets/images/generate_images.sh +++ /dev/null @@ -1,17 +0,0 @@ -#!/bin/bash -QUALITY=85 -THUMB_QUALITY_PNG=70 -THUMB_QUALITY_JPG=50 - -cd $(dirname $(realpath -s ${0})) - -# Generate Images -themes="material_light material_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled" -for image in ${themes}; do - ./generate_image ${image} "220 266 335 352 532" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg -done -./generate_image phone "220 300 400 520 640 800 1000 1220" 400 ${QUALITY} ${THUMB_QUALITY_PNG} png -./generate_image tablet "545 640 720 800 880 960 1090 1635 2180" 400 ${QUALITY} ${THUMB_QUALITY_PNG} none -./generate_image notifications "363 474 590" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg -./generate_image desktop "363 474 590 726 948 1180" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg -./generate_image themes "363 474 590 726 948 1180" 16 ${QUALITY} ${THUMB_QUALITY_JPG} jpg diff --git a/assets/images/generate_makefile.sh b/assets/images/generate_makefile.sh deleted file mode 100755 index 9a40f19f1869f56fd357419184841cd12973d154..0000000000000000000000000000000000000000 --- a/assets/images/generate_makefile.sh +++ /dev/null @@ -1,76 +0,0 @@ -#!/bin/bash -QUALITY=85 -THUMB_QUALITY_PNG=70 -THUMB_QUALITY_JPG=50 - -cd $(dirname $(realpath -s ${0})) - -RULES=() - -function generate_rule() { - image=${1} - resolutions=${2} - default_resolution=${3} - quality=${4} - thumb_quality=${5} - thumb_format=${6} - - for resolution in ${resolutions}; do - RULES+=("${image}@${resolution}.png") - echo "${image}@${resolution}.png: ${image}.png" >> Makefile.wip - echo " \$(RESOLUTION) ${image} ${resolution} ${quality}" >> Makefile.wip - - RULES+=("${image}@${resolution}.webp") - echo "${image}@${resolution}.webp: ${image}@${resolution}.png" >> Makefile.wip - echo " \$(RESOLUTION_WEBP) ${image} ${resolution} ${quality}" >> Makefile.wip - done - - case ${thumb_format} in - "png") - RULES+=("${image}@thumb.png") - echo "${image}@thumb.png: ${image}.png" >> Makefile.wip - echo " \$(THUMB) ${image} ${default_resolution} ${thumb_quality} png" >> Makefile.wip - ;; - "jpg") - RULES+=("${image}@thumb.jpg") - echo "${image}@thumb.jpg: ${image}.png" >> Makefile.wip - echo " \$(THUMB) ${image} ${default_resolution} ${thumb_quality} jpg" >> Makefile.wip - ;; - "none") - RULES+=("${image}@thumb.png") - echo "${image}@thumb.png: ${image}.png" >> Makefile.wip - echo " \$(THUMB) ${image} ${default_resolution} ${thumb_quality} none" >> Makefile.wip - ;; - *) - echo "Unknown format: $thumb_format" - exit 1 - ;; - esac -} - -function finalize() { - echo -n "all:" >> Makefile - for rule in "${RULES[@]}"; do - echo -n " $rule" >> Makefile - done - echo >> Makefile - cat Makefile.wip >> Makefile - rm Makefile.wip -} - -cat <<EOF > Makefile -RESOLUTION = \$(shell pwd)/generate_resolution.sh -RESOLUTION_WEBP = \$(shell pwd)/generate_resolution_webp.sh -THUMB = \$(shell pwd)/generate_thumb.sh -EOF -# Generate Images -themes="material_light material_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled dracula" -for image in ${themes}; do - generate_rule ${image} "220 266 335 352 532" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg -done -generate_rule phone "220 300 400 520 640 800 1000 1220" 16x16 ${QUALITY} 0 none -generate_rule tablet "545 640 720 800 880 960 1090 1635 2180" 16x16 ${QUALITY} 0 none -generate_rule notifications "363 474 590" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg -generate_rule desktop "363 474 590 726 948 1180" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg - -finalize diff --git a/assets/images/generate_resolution.sh b/assets/images/generate_resolution.sh deleted file mode 100755 index 6ae775d8e2628ba81e9a550c10dee98c599ec32f..0000000000000000000000000000000000000000 --- a/assets/images/generate_resolution.sh +++ /dev/null @@ -1,11 +0,0 @@ -#!/bin/bash - -cd $(dirname $(realpath -s ${0})) - -image=${1} -resolution=${2} -quality=${3} - -convert ${image}.png -colorspace RGB -filter Lanczos -distort Resize ${resolution}x -colorspace sRGB ${image}@${resolution}.png -pngquant --quality ${quality} ${image}@${resolution}.png -mv ${image}@${resolution}-fs8.png ${image}@${resolution}.png diff --git a/assets/images/generate_resolution_webp.sh b/assets/images/generate_resolution_webp.sh deleted file mode 100755 index e1217f66ab77b644f668369886021b2360e27bd1..0000000000000000000000000000000000000000 --- a/assets/images/generate_resolution_webp.sh +++ /dev/null @@ -1,9 +0,0 @@ -#!/bin/bash - -cd $(dirname $(realpath -s ${0})) - -image=${1} -resolution=${2} -quality=${3} - -cwebp -lossless ${image}@${resolution}.png -o ${image}@${resolution}.webp diff --git a/assets/images/generate_thumb.sh b/assets/images/generate_thumb.sh deleted file mode 100755 index 21532a945aa2cff7f60d121fd2c2ca1221d32d6c..0000000000000000000000000000000000000000 --- a/assets/images/generate_thumb.sh +++ /dev/null @@ -1,55 +0,0 @@ -#!/bin/bash - -cd $(dirname $(realpath -s ${0})) - -function generate_thumb_jpg() { - image=${1} - default_resolution=${2} - quality=${3} - - convert ${image}.png -colorspace RGB -filter Lanczos -distort Resize 16x -colorspace sRGB ${image}@thumb.png - convert ${image}@thumb.png -colorspace RGB -filter Lanczos -distort Resize ${default_resolution} -colorspace sRGB -quality ${quality} ${image}@thumb.jpg - rm ${image}@thumb.png -} - -function generate_thumb_png() { - image=${1} - default_resolution=${2} - quality=${3} - - convert ${image}.png -colorspace RGB -filter Lanczos -distort Resize 16x -colorspace sRGB ${image}@thumb.png - convert ${image}@thumb.png -colorspace RGB -filter Lanczos -distort Resize ${default_resolution} -colorspace sRGB ${image}@thumb.png - pngquant --quality ${quality} ${image}@thumb.png - mv ${image}@thumb-fs8.png ${image}@thumb.png -} - -function generate_thumb_none() { - image=${1} - default_resolution=${2} - quality=${3} - - convert -size ${default_resolution} xc:none ${image}@thumb.png - pngquant --quality ${quality} ${image}@thumb.png - mv ${image}@thumb-fs8.png ${image}@thumb.png -} - -image=${1} -default_resolution=${2} -quality=${3} -format=${4} - -case ${format} in -"png") - generate_thumb_png ${image} ${default_resolution} ${quality} - ;; -"jpg") - generate_thumb_jpg ${image} ${default_resolution} ${quality} - ;; -"none") - generate_thumb_none ${image} ${default_resolution} ${quality} - ;; -*) - echo "Unknown format: $format" - exit 1 - ;; -esac \ No newline at end of file diff --git a/assets/images/gruvbox_dark@220.png b/assets/images/gruvbox_dark@220.png deleted file mode 100644 index ce209d26a37447cf92b8388c25606c54986021ed..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@220.png and /dev/null differ diff --git a/assets/images/gruvbox_dark@220.webp b/assets/images/gruvbox_dark@220.webp deleted file mode 100644 index 19fd778887d4423e23ffcbe5048372943594fb4c..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@220.webp and /dev/null differ diff --git a/assets/images/gruvbox_dark@266.png b/assets/images/gruvbox_dark@266.png deleted file mode 100644 index bca963676d95a56fb4e5e839cee673f42945fd9f..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@266.png and /dev/null differ diff --git a/assets/images/gruvbox_dark@266.webp b/assets/images/gruvbox_dark@266.webp deleted file mode 100644 index e9de3f6ba3b6d2b2eb6c20326936de2ec628b691..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@266.webp and /dev/null differ diff --git a/assets/images/gruvbox_dark@335.png b/assets/images/gruvbox_dark@335.png deleted file mode 100644 index 787e795045366b7a6d143acf196036c968963e2d..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@335.png and /dev/null differ diff --git a/assets/images/gruvbox_dark@335.webp b/assets/images/gruvbox_dark@335.webp deleted file mode 100644 index c61270e4d25edfb8771b7b06ee37d333d7030d12..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@335.webp and /dev/null differ diff --git a/assets/images/gruvbox_dark@352.png b/assets/images/gruvbox_dark@352.png deleted file mode 100644 index b3fca794be5dc6d5934cd1700820102748c0ad87..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@352.png and /dev/null differ diff --git a/assets/images/gruvbox_dark@352.webp b/assets/images/gruvbox_dark@352.webp deleted file mode 100644 index 92810f734901905e8d07d5fc51a2b56b1f9186d4..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@352.webp and /dev/null differ diff --git a/assets/images/gruvbox_dark@532.png b/assets/images/gruvbox_dark@532.png deleted file mode 100644 index 88ecce6e7edd9c37797c27f1211b141f55af42cf..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@532.png and /dev/null differ diff --git a/assets/images/gruvbox_dark@532.webp b/assets/images/gruvbox_dark@532.webp deleted file mode 100644 index 91be8199efea159d3591c61b90c9c999bb47a2d0..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@532.webp and /dev/null differ diff --git a/assets/images/gruvbox_dark@thumb.jpg b/assets/images/gruvbox_dark@thumb.jpg deleted file mode 100644 index 89854458ccaf5c821e9ea2d32e80afb068d20d75..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_dark@thumb.jpg and /dev/null differ diff --git a/assets/images/gruvbox_light@220.png b/assets/images/gruvbox_light@220.png deleted file mode 100644 index 70809eff4cf91f968c963aaef7d0876a512d2dfd..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@220.png and /dev/null differ diff --git a/assets/images/gruvbox_light@220.webp b/assets/images/gruvbox_light@220.webp deleted file mode 100644 index 7cb1077244e8dbb2b47ea81f45e3218d2a7dfdab..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@220.webp and /dev/null differ diff --git a/assets/images/gruvbox_light@266.png b/assets/images/gruvbox_light@266.png deleted file mode 100644 index 48cbb8acf82f4c832e1587a240bdf70508698659..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@266.png and /dev/null differ diff --git a/assets/images/gruvbox_light@266.webp b/assets/images/gruvbox_light@266.webp deleted file mode 100644 index d458a2d0373e5e668cf054ce853afed9d4e49834..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@266.webp and /dev/null differ diff --git a/assets/images/gruvbox_light@335.png b/assets/images/gruvbox_light@335.png deleted file mode 100644 index b2212a892246bf55c02e0454db2f98d8d86b4aed..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@335.png and /dev/null differ diff --git a/assets/images/gruvbox_light@335.webp b/assets/images/gruvbox_light@335.webp deleted file mode 100644 index 45f73cb81b9e98286c64861ed9169dcc44cdfd27..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@335.webp and /dev/null differ diff --git a/assets/images/gruvbox_light@352.png b/assets/images/gruvbox_light@352.png deleted file mode 100644 index e64217860240cb14f81fa81ce7f5b4377b68320b..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@352.png and /dev/null differ diff --git a/assets/images/gruvbox_light@352.webp b/assets/images/gruvbox_light@352.webp deleted file mode 100644 index 2e067c3f7a793372b06010d3b78638071b8a9cab..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@352.webp and /dev/null differ diff --git a/assets/images/gruvbox_light@532.png b/assets/images/gruvbox_light@532.png deleted file mode 100644 index c81fa1b89e82a497c1e3315fa80bf986b2a716c6..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@532.png and /dev/null differ diff --git a/assets/images/gruvbox_light@532.webp b/assets/images/gruvbox_light@532.webp deleted file mode 100644 index 384be9e85ba681fa0c86be52743c257315ef06b3..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@532.webp and /dev/null differ diff --git a/assets/images/gruvbox_light@thumb.jpg b/assets/images/gruvbox_light@thumb.jpg deleted file mode 100644 index 81983b18966826836d4acf19e41547ebd6dcfec4..0000000000000000000000000000000000000000 Binary files a/assets/images/gruvbox_light@thumb.jpg and /dev/null differ diff --git a/assets/images/material_dark@220.png b/assets/images/material_dark@220.png deleted file mode 100644 index bc1b84914b76f56768225f6b7917c8cd74a1fcb9..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@220.png and /dev/null differ diff --git a/assets/images/material_dark@220.webp b/assets/images/material_dark@220.webp deleted file mode 100644 index d9754b93a27b929e21b9233ad1313742314dba76..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@220.webp and /dev/null differ diff --git a/assets/images/material_dark@266.png b/assets/images/material_dark@266.png deleted file mode 100644 index 5547f2cd514f5d6eb3665a2f0e1752ccb71d25d9..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@266.png and /dev/null differ diff --git a/assets/images/material_dark@266.webp b/assets/images/material_dark@266.webp deleted file mode 100644 index ed973007fe518770fa9d14cb83850a16c866b815..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@266.webp and /dev/null differ diff --git a/assets/images/material_dark@335.png b/assets/images/material_dark@335.png deleted file mode 100644 index 5134c758b89b54384a95f16324d271ff643a0601..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@335.png and /dev/null differ diff --git a/assets/images/material_dark@335.webp b/assets/images/material_dark@335.webp deleted file mode 100644 index b19ebdcf5278799a9d2ac8b003108888b86c9f4f..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@335.webp and /dev/null differ diff --git a/assets/images/material_dark@352.png b/assets/images/material_dark@352.png deleted file mode 100644 index 130c479e21880120f06e699420d5d86db2f4fe3f..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@352.png and /dev/null differ diff --git a/assets/images/material_dark@352.webp b/assets/images/material_dark@352.webp deleted file mode 100644 index d73396599b0b0067fa0ce6ade6dd7f516a687711..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@352.webp and /dev/null differ diff --git a/assets/images/material_dark@532.png b/assets/images/material_dark@532.png deleted file mode 100644 index efafc613d32e889f3c9a9531bc74620975d92d0d..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@532.png and /dev/null differ diff --git a/assets/images/material_dark@532.webp b/assets/images/material_dark@532.webp deleted file mode 100644 index 2d57e96acda18a0dbd97f15317e88c42066bf1be..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@532.webp and /dev/null differ diff --git a/assets/images/material_dark@thumb.jpg b/assets/images/material_dark@thumb.jpg deleted file mode 100644 index e4f55a8d86babf8a614c6e31130e4224396b2fa5..0000000000000000000000000000000000000000 Binary files a/assets/images/material_dark@thumb.jpg and /dev/null differ diff --git a/assets/images/material_light@220.png b/assets/images/material_light@220.png deleted file mode 100644 index 3b654e991a3db7339a562a3a612a939de0a4a458..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@220.png and /dev/null differ diff --git a/assets/images/material_light@220.webp b/assets/images/material_light@220.webp deleted file mode 100644 index 97e60f49f613b137eeae18dd6065bde57f763d07..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@220.webp and /dev/null differ diff --git a/assets/images/material_light@266.png b/assets/images/material_light@266.png deleted file mode 100644 index 30ecb7a8e5411fb619b45b511500522ffbc2c930..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@266.png and /dev/null differ diff --git a/assets/images/material_light@266.webp b/assets/images/material_light@266.webp deleted file mode 100644 index 5ffd86d71bf7794e1602a3fc1756618f5a940f21..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@266.webp and /dev/null differ diff --git a/assets/images/material_light@335.png b/assets/images/material_light@335.png deleted file mode 100644 index 318e6c026b0ddd9f16f063ec8b4cb07570a4ab96..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@335.png and /dev/null differ diff --git a/assets/images/material_light@335.webp b/assets/images/material_light@335.webp deleted file mode 100644 index 0d681c7fff1913c3b463333f833d261845deb597..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@335.webp and /dev/null differ diff --git a/assets/images/material_light@352.png b/assets/images/material_light@352.png deleted file mode 100644 index 0fe67797218edda587923724a83648ee2ef1782f..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@352.png and /dev/null differ diff --git a/assets/images/material_light@352.webp b/assets/images/material_light@352.webp deleted file mode 100644 index a54e386deb290683ca6eefb3d73a8a49c478ea1c..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@352.webp and /dev/null differ diff --git a/assets/images/material_light@532.png b/assets/images/material_light@532.png deleted file mode 100644 index 041496707f52b37d321bdbcd2e67fb391511e5f3..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@532.png and /dev/null differ diff --git a/assets/images/material_light@532.webp b/assets/images/material_light@532.webp deleted file mode 100644 index 5229b30f270452e50c153b9bcce05d8f27cb58e3..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@532.webp and /dev/null differ diff --git a/assets/images/material_light@thumb.jpg b/assets/images/material_light@thumb.jpg deleted file mode 100644 index 5ea61fd67cd5865b24a2c5c45dceb496fefebc7a..0000000000000000000000000000000000000000 Binary files a/assets/images/material_light@thumb.jpg and /dev/null differ diff --git a/assets/images/notifications@363.png b/assets/images/notifications@363.png deleted file mode 100644 index 3297ebdbc61063d9f7d8d8bda7b613582a6bf0f6..0000000000000000000000000000000000000000 Binary files a/assets/images/notifications@363.png and /dev/null differ diff --git a/assets/images/notifications@363.webp b/assets/images/notifications@363.webp deleted file mode 100644 index ad2bc780e78c7ddace62df85ddb7e7c67f0d9fb0..0000000000000000000000000000000000000000 Binary files a/assets/images/notifications@363.webp and /dev/null differ diff --git a/assets/images/notifications@474.png b/assets/images/notifications@474.png deleted file mode 100644 index 2bfa57071ad67c9b65d683d17c51bdd89b94bacf..0000000000000000000000000000000000000000 Binary files a/assets/images/notifications@474.png and /dev/null differ diff --git a/assets/images/notifications@474.webp b/assets/images/notifications@474.webp deleted file mode 100644 index 2a00f39a08b337e74dc86171baf32626bd54329b..0000000000000000000000000000000000000000 Binary files a/assets/images/notifications@474.webp and /dev/null differ diff --git a/assets/images/notifications@590.png b/assets/images/notifications@590.png deleted file mode 100644 index 203d3199bd2f031945a066714ca20065f0c592dd..0000000000000000000000000000000000000000 Binary files a/assets/images/notifications@590.png and /dev/null differ diff --git a/assets/images/notifications@590.webp b/assets/images/notifications@590.webp deleted file mode 100644 index 6f0ac6e4cb94bbbaffa54957ef02414246907d35..0000000000000000000000000000000000000000 Binary files a/assets/images/notifications@590.webp and /dev/null differ diff --git a/assets/images/notifications@thumb.jpg b/assets/images/notifications@thumb.jpg deleted file mode 100644 index a049b1fb412205afc72e79f4f6efb06dc0472946..0000000000000000000000000000000000000000 Binary files a/assets/images/notifications@thumb.jpg and /dev/null differ diff --git a/assets/images/phone@1000.png b/assets/images/phone@1000.png deleted file mode 100644 index 1f1b570856d9a45054ae04180cf8793b3a3d3966..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@1000.png and /dev/null differ diff --git a/assets/images/phone@1000.webp b/assets/images/phone@1000.webp deleted file mode 100644 index db33c4156193a63848b7632c3c270bc099a08af0..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@1000.webp and /dev/null differ diff --git a/assets/images/phone@1220.png b/assets/images/phone@1220.png deleted file mode 100644 index d0b96828aecb22ac00960c00f89d0f41265172ee..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@1220.png and /dev/null differ diff --git a/assets/images/phone@1220.webp b/assets/images/phone@1220.webp deleted file mode 100644 index ad8afefcd0a483ea7ebca01f9bb1af1da8f7c50d..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@1220.webp and /dev/null differ diff --git a/assets/images/phone@220.png b/assets/images/phone@220.png deleted file mode 100644 index 89744215e7998c3f681a000cd0f4bfda9a5d73fc..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@220.png and /dev/null differ diff --git a/assets/images/phone@220.webp b/assets/images/phone@220.webp deleted file mode 100644 index 2becc3baa77c9be79902eb464a1a113f96e22c91..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@220.webp and /dev/null differ diff --git a/assets/images/phone@300.png b/assets/images/phone@300.png deleted file mode 100644 index 526f37731799932fa661e759510428aad7e63568..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@300.png and /dev/null differ diff --git a/assets/images/phone@300.webp b/assets/images/phone@300.webp deleted file mode 100644 index 3e16790cb8d8b40ce309a32b2d303beaec74511e..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@300.webp and /dev/null differ diff --git a/assets/images/phone@400.png b/assets/images/phone@400.png deleted file mode 100644 index 61cb879165de510dd99e1496602c1de0bd7d64b0..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@400.png and /dev/null differ diff --git a/assets/images/phone@400.webp b/assets/images/phone@400.webp deleted file mode 100644 index 479eb9eb58f3451fcedb6f07e9ed275eb7c60c61..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@400.webp and /dev/null differ diff --git a/assets/images/phone@520.png b/assets/images/phone@520.png deleted file mode 100644 index ef587b1ff5e7eae18d091233132d20038b4461ab..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@520.png and /dev/null differ diff --git a/assets/images/phone@520.webp b/assets/images/phone@520.webp deleted file mode 100644 index abc0bc0b76b26df843f7f4012cd94b6c8813c1c8..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@520.webp and /dev/null differ diff --git a/assets/images/phone@640.png b/assets/images/phone@640.png deleted file mode 100644 index f46005848b080f7ae506cd87b8f92b90856f0ffe..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@640.png and /dev/null differ diff --git a/assets/images/phone@640.webp b/assets/images/phone@640.webp deleted file mode 100644 index 35fc83879c92d0e0346f9d3d4c9bfdd4fe23b1ab..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@640.webp and /dev/null differ diff --git a/assets/images/phone@800.png b/assets/images/phone@800.png deleted file mode 100644 index 89d8f500c5fc4be0deac8518b18c5f43e3a7c21d..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@800.png and /dev/null differ diff --git a/assets/images/phone@800.webp b/assets/images/phone@800.webp deleted file mode 100644 index a3f292388a64072df4de1b1064e3a7ab9d64c794..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@800.webp and /dev/null differ diff --git a/assets/images/phone@thumb.png b/assets/images/phone@thumb.png deleted file mode 100644 index ef2b681b91a9e7f0625dfd274efdecd72b768a69..0000000000000000000000000000000000000000 Binary files a/assets/images/phone@thumb.png and /dev/null differ diff --git a/assets/images/solarized_dark@220.png b/assets/images/solarized_dark@220.png deleted file mode 100644 index 61aed32fedf69b3f15f5dc6e607fc2ea8a213fcf..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@220.png and /dev/null differ diff --git a/assets/images/solarized_dark@220.webp b/assets/images/solarized_dark@220.webp deleted file mode 100644 index 8f1938c2b8624159b8434a346d9422e618214a11..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@220.webp and /dev/null differ diff --git a/assets/images/solarized_dark@266.png b/assets/images/solarized_dark@266.png deleted file mode 100644 index e20b5776f588910d7d6f890fdf8bf5c84677d7df..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@266.png and /dev/null differ diff --git a/assets/images/solarized_dark@266.webp b/assets/images/solarized_dark@266.webp deleted file mode 100644 index 5a6e62bd89041fa848fddb01df0022629ab57c08..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@266.webp and /dev/null differ diff --git a/assets/images/solarized_dark@335.png b/assets/images/solarized_dark@335.png deleted file mode 100644 index 13271c23dee6973fd49e3a9ff25baac225371952..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@335.png and /dev/null differ diff --git a/assets/images/solarized_dark@335.webp b/assets/images/solarized_dark@335.webp deleted file mode 100644 index 36f008686a0260994cfc893ff35fefaaa83d17fc..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@335.webp and /dev/null differ diff --git a/assets/images/solarized_dark@352.png b/assets/images/solarized_dark@352.png deleted file mode 100644 index 8cd49e21cdd0f09756249374cd2c856649704944..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@352.png and /dev/null differ diff --git a/assets/images/solarized_dark@352.webp b/assets/images/solarized_dark@352.webp deleted file mode 100644 index ad2855897e844b3f536e27821f5a834b310e6423..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@352.webp and /dev/null differ diff --git a/assets/images/solarized_dark@532.png b/assets/images/solarized_dark@532.png deleted file mode 100644 index 644ded8e8ddf393976232d05005a27c2e41a7e0c..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@532.png and /dev/null differ diff --git a/assets/images/solarized_dark@532.webp b/assets/images/solarized_dark@532.webp deleted file mode 100644 index eade9fc99fdb64c72e4fbb202864ba8047de155c..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@532.webp and /dev/null differ diff --git a/assets/images/solarized_dark@thumb.jpg b/assets/images/solarized_dark@thumb.jpg deleted file mode 100644 index edce5db554658388007e687553d555a1e1d604c6..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_dark@thumb.jpg and /dev/null differ diff --git a/assets/images/solarized_light@220.png b/assets/images/solarized_light@220.png deleted file mode 100644 index 75b373faf08743d8ed8e1dc2c0c1f2fb046bc478..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@220.png and /dev/null differ diff --git a/assets/images/solarized_light@220.webp b/assets/images/solarized_light@220.webp deleted file mode 100644 index 9c891a9922e957263f7379d2e257c9574321998d..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@220.webp and /dev/null differ diff --git a/assets/images/solarized_light@266.png b/assets/images/solarized_light@266.png deleted file mode 100644 index 94c3cc7a307a0eefaab58f06c4c4f0b52844b832..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@266.png and /dev/null differ diff --git a/assets/images/solarized_light@266.webp b/assets/images/solarized_light@266.webp deleted file mode 100644 index 02a08a5ef41fc8baa1df99bc499a455dc2471983..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@266.webp and /dev/null differ diff --git a/assets/images/solarized_light@335.png b/assets/images/solarized_light@335.png deleted file mode 100644 index f219a9443d9dd8fd7514252fd7fa19ff73cc9dd4..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@335.png and /dev/null differ diff --git a/assets/images/solarized_light@335.webp b/assets/images/solarized_light@335.webp deleted file mode 100644 index 7015feda2ea1f4084aff591c4b59899a357bf6bc..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@335.webp and /dev/null differ diff --git a/assets/images/solarized_light@352.png b/assets/images/solarized_light@352.png deleted file mode 100644 index d9826ee048e5e8c167fcbc280dd7638fe3d5934d..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@352.png and /dev/null differ diff --git a/assets/images/solarized_light@352.webp b/assets/images/solarized_light@352.webp deleted file mode 100644 index b6934c31df418af04f168ae3205d7e51332d232e..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@352.webp and /dev/null differ diff --git a/assets/images/solarized_light@532.png b/assets/images/solarized_light@532.png deleted file mode 100644 index 97298e511d2b0ed40144ce8fa6ecd23cfc8735bd..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@532.png and /dev/null differ diff --git a/assets/images/solarized_light@532.webp b/assets/images/solarized_light@532.webp deleted file mode 100644 index aba1cbf040cf198363b7e29067b8028a8822a9eb..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@532.webp and /dev/null differ diff --git a/assets/images/solarized_light@thumb.jpg b/assets/images/solarized_light@thumb.jpg deleted file mode 100644 index 2cb57ce3c13ce86240da15fec59d495d794cb89a..0000000000000000000000000000000000000000 Binary files a/assets/images/solarized_light@thumb.jpg and /dev/null differ diff --git a/assets/images/sprout.svg b/assets/images/sprout.svg deleted file mode 100644 index 7be120390ae78b56f79b0ffbbb321e2aac29291c..0000000000000000000000000000000000000000 --- a/assets/images/sprout.svg +++ /dev/null @@ -1,4 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> -<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"> - <path fill="#7CB342" d="M2,22V20C2,20 7,18 12,18C17,18 22,20 22,20V22H2M11.3,9.1C10.1,5.2 4,6.1 4,6.1C4,6.1 4.2,13.9 9.9,12.7C9.5,9.8 8,9 8,9C10.8,9 11,12.4 11,12.4V17C11.3,17 11.7,17 12,17C12.3,17 12.7,17 13,17V12.8C13,12.8 13,8.9 16,7.9C16,7.9 14,10.9 14,12.9C21,13.6 21,4 21,4C21,4 12.1,3 11.3,9.1Z"/> -</svg> \ No newline at end of file diff --git a/assets/images/tablet@1090.png b/assets/images/tablet@1090.png deleted file mode 100644 index ee6e2eb9e23b486785fe5c094cb9d26be3ca4f17..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@1090.png and /dev/null differ diff --git a/assets/images/tablet@1090.webp b/assets/images/tablet@1090.webp deleted file mode 100644 index 9433de1b5db60d21ecb92d1d1cdf1edd579e77b1..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@1090.webp and /dev/null differ diff --git a/assets/images/tablet@1635.png b/assets/images/tablet@1635.png deleted file mode 100644 index 608208304a4e6d2ecba7b023c1871408a7c3f21e..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@1635.png and /dev/null differ diff --git a/assets/images/tablet@1635.webp b/assets/images/tablet@1635.webp deleted file mode 100644 index a43c309fbeb25416e15b7a4ba42c21e0290938ce..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@1635.webp and /dev/null differ diff --git a/assets/images/tablet@2180.png b/assets/images/tablet@2180.png deleted file mode 100644 index b0f13c0cc6c26091146deb780b6450ce3c72ba55..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@2180.png and /dev/null differ diff --git a/assets/images/tablet@2180.webp b/assets/images/tablet@2180.webp deleted file mode 100644 index 1c8f9698797d04429578eb5f116e64380c75b500..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@2180.webp and /dev/null differ diff --git a/assets/images/tablet@545.png b/assets/images/tablet@545.png deleted file mode 100644 index 98f9f7cdd3b9903d2dbadaa83d784299b513425f..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@545.png and /dev/null differ diff --git a/assets/images/tablet@545.webp b/assets/images/tablet@545.webp deleted file mode 100644 index dc0481e8eb7d42ef8cd604f565f5b6c0a625a7a4..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@545.webp and /dev/null differ diff --git a/assets/images/tablet@640.png b/assets/images/tablet@640.png deleted file mode 100644 index 75108702d9d341f518472af944fddd2874122a63..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@640.png and /dev/null differ diff --git a/assets/images/tablet@640.webp b/assets/images/tablet@640.webp deleted file mode 100644 index ae907c09c1c1ef23975b8cfda1528a08f3a36391..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@640.webp and /dev/null differ diff --git a/assets/images/tablet@720.png b/assets/images/tablet@720.png deleted file mode 100644 index 14333786681edac21ab9732fa44122a684236358..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@720.png and /dev/null differ diff --git a/assets/images/tablet@720.webp b/assets/images/tablet@720.webp deleted file mode 100644 index 2e894208dce00b331ba629a07da5d623fd3dc18f..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@720.webp and /dev/null differ diff --git a/assets/images/tablet@800.png b/assets/images/tablet@800.png deleted file mode 100644 index 5f6e4e7df8b1eb15803707031af3188cd00f54ec..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@800.png and /dev/null differ diff --git a/assets/images/tablet@800.webp b/assets/images/tablet@800.webp deleted file mode 100644 index d5b07a0b638a659ed38eb6969ffbf0835033fd5a..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@800.webp and /dev/null differ diff --git a/assets/images/tablet@880.png b/assets/images/tablet@880.png deleted file mode 100644 index 57c78e8c29b4a196f922f9e0b9827ef5879d0380..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@880.png and /dev/null differ diff --git a/assets/images/tablet@880.webp b/assets/images/tablet@880.webp deleted file mode 100644 index b8c250bff1bcf7c86aa47e2ac33a6f0543a63f8c..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@880.webp and /dev/null differ diff --git a/assets/images/tablet@960.png b/assets/images/tablet@960.png deleted file mode 100644 index 4e16fc3f93c4c00f2edb616e65e99fce96d11493..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@960.png and /dev/null differ diff --git a/assets/images/tablet@960.webp b/assets/images/tablet@960.webp deleted file mode 100644 index dfe030d0c4dffdb8ad97d6ff2cedb0c0decd7b93..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@960.webp and /dev/null differ diff --git a/assets/images/tablet@thumb.png b/assets/images/tablet@thumb.png deleted file mode 100644 index f0b7e9610c452302c1dda6ff13695090d97217dc..0000000000000000000000000000000000000000 Binary files a/assets/images/tablet@thumb.png and /dev/null differ diff --git a/assets/js/intersectionobserver.js b/assets/js/intersectionobserver.js deleted file mode 100644 index a70170eb305824ae592b608be7122f9e6231aed6..0000000000000000000000000000000000000000 --- a/assets/js/intersectionobserver.js +++ /dev/null @@ -1,724 +0,0 @@ -/** - * Copyright 2016 Google Inc. All Rights Reserved. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -(function(window, document) { - 'use strict'; - - -// Exits early if all IntersectionObserver and IntersectionObserverEntry -// features are natively supported. - if ('IntersectionObserver' in window && - 'IntersectionObserverEntry' in window && - 'intersectionRatio' in window.IntersectionObserverEntry.prototype) { - - // Minimal polyfill for Edge 15's lack of `isIntersecting` - // See: https://github.com/w3c/IntersectionObserver/issues/211 - if (!('isIntersecting' in window.IntersectionObserverEntry.prototype)) { - Object.defineProperty(window.IntersectionObserverEntry.prototype, - 'isIntersecting', { - get: function () { - return this.intersectionRatio > 0; - } - }); - } - return; - } - - - /** - * An IntersectionObserver registry. This registry exists to hold a strong - * reference to IntersectionObserver instances currently observering a target - * element. Without this registry, instances without another reference may be - * garbage collected. - */ - var registry = []; - - - /** - * Creates the global IntersectionObserverEntry constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry - * @param {Object} entry A dictionary of instance properties. - * @constructor - */ - function IntersectionObserverEntry(entry) { - this.time = entry.time; - this.target = entry.target; - this.rootBounds = entry.rootBounds; - this.boundingClientRect = entry.boundingClientRect; - this.intersectionRect = entry.intersectionRect || getEmptyRect(); - this.isIntersecting = !!entry.intersectionRect; - - // Calculates the intersection ratio. - var targetRect = this.boundingClientRect; - var targetArea = targetRect.width * targetRect.height; - var intersectionRect = this.intersectionRect; - var intersectionArea = intersectionRect.width * intersectionRect.height; - - // Sets intersection ratio. - if (targetArea) { - this.intersectionRatio = intersectionArea / targetArea; - } else { - // If area is zero and is intersecting, sets to 1, otherwise to 0 - this.intersectionRatio = this.isIntersecting ? 1 : 0; - } - } - - - /** - * Creates the global IntersectionObserver constructor. - * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface - * @param {Function} callback The function to be invoked after intersection - * changes have queued. The function is not invoked if the queue has - * been emptied by calling the `takeRecords` method. - * @param {Object=} opt_options Optional configuration options. - * @constructor - */ - function IntersectionObserver(callback, opt_options) { - - var options = opt_options || {}; - - if (typeof callback != 'function') { - throw new Error('callback must be a function'); - } - - if (options.root && options.root.nodeType != 1) { - throw new Error('root must be an Element'); - } - - // Binds and throttles `this._checkForIntersections`. - this._checkForIntersections = throttle( - this._checkForIntersections.bind(this), this.THROTTLE_TIMEOUT); - - // Private properties. - this._callback = callback; - this._observationTargets = []; - this._queuedEntries = []; - this._rootMarginValues = this._parseRootMargin(options.rootMargin); - - // Public properties. - this.thresholds = this._initThresholds(options.threshold); - this.root = options.root || null; - this.rootMargin = this._rootMarginValues.map(function(margin) { - return margin.value + margin.unit; - }).join(' '); - } - - - /** - * The minimum interval within which the document will be checked for - * intersection changes. - */ - IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100; - - - /** - * The frequency in which the polyfill polls for intersection changes. - * this can be updated on a per instance basis and must be set prior to - * calling `observe` on the first target. - */ - IntersectionObserver.prototype.POLL_INTERVAL = null; - - - /** - * Starts observing a target element for intersection changes based on - * the thresholds values. - * @param {Element} target The DOM element to observe. - */ - IntersectionObserver.prototype.observe = function(target) { - // If the target is already being observed, do nothing. - if (this._observationTargets.some(function(item) { - return item.element == target; - })) { - return; - } - - if (!(target && target.nodeType == 1)) { - throw new Error('target must be an Element'); - } - - this._registerInstance(); - this._observationTargets.push({element: target, entry: null}); - this._monitorIntersections(); - this._checkForIntersections(); - }; - - - /** - * Stops observing a target element for intersection changes. - * @param {Element} target The DOM element to observe. - */ - IntersectionObserver.prototype.unobserve = function(target) { - this._observationTargets = - this._observationTargets.filter(function(item) { - - return item.element != target; - }); - if (!this._observationTargets.length) { - this._unmonitorIntersections(); - this._unregisterInstance(); - } - }; - - - /** - * Stops observing all target elements for intersection changes. - */ - IntersectionObserver.prototype.disconnect = function() { - this._observationTargets = []; - this._unmonitorIntersections(); - this._unregisterInstance(); - }; - - - /** - * Returns any queue entries that have not yet been reported to the - * callback and clears the queue. This can be used in conjunction with the - * callback to obtain the absolute most up-to-date intersection information. - * @return {Array} The currently queued entries. - */ - IntersectionObserver.prototype.takeRecords = function() { - var records = this._queuedEntries.slice(); - this._queuedEntries = []; - return records; - }; - - - /** - * Accepts the threshold value from the user configuration object and - * returns a sorted array of unique threshold values. If a value is not - * between 0 and 1 and error is thrown. - * @private - * @param {Array|number=} opt_threshold An optional threshold value or - * a list of threshold values, defaulting to [0]. - * @return {Array} A sorted list of unique and valid threshold values. - */ - IntersectionObserver.prototype._initThresholds = function(opt_threshold) { - var threshold = opt_threshold || [0]; - if (!Array.isArray(threshold)) threshold = [threshold]; - - return threshold.sort().filter(function(t, i, a) { - if (typeof t != 'number' || isNaN(t) || t < 0 || t > 1) { - throw new Error('threshold must be a number between 0 and 1 inclusively'); - } - return t !== a[i - 1]; - }); - }; - - - /** - * Accepts the rootMargin value from the user configuration object - * and returns an array of the four margin values as an object containing - * the value and unit properties. If any of the values are not properly - * formatted or use a unit other than px or %, and error is thrown. - * @private - * @param {string=} opt_rootMargin An optional rootMargin value, - * defaulting to '0px'. - * @return {Array<Object>} An array of margin objects with the keys - * value and unit. - */ - IntersectionObserver.prototype._parseRootMargin = function(opt_rootMargin) { - var marginString = opt_rootMargin || '0px'; - var margins = marginString.split(/\s+/).map(function(margin) { - var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); - if (!parts) { - throw new Error('rootMargin must be specified in pixels or percent'); - } - return {value: parseFloat(parts[1]), unit: parts[2]}; - }); - - // Handles shorthand. - margins[1] = margins[1] || margins[0]; - margins[2] = margins[2] || margins[0]; - margins[3] = margins[3] || margins[1]; - - return margins; - }; - - - /** - * Starts polling for intersection changes if the polling is not already - * happening, and if the page's visibilty state is visible. - * @private - */ - IntersectionObserver.prototype._monitorIntersections = function() { - if (!this._monitoringIntersections) { - this._monitoringIntersections = true; - - // If a poll interval is set, use polling instead of listening to - // resize and scroll events or DOM mutations. - if (this.POLL_INTERVAL) { - this._monitoringInterval = setInterval( - this._checkForIntersections, this.POLL_INTERVAL); - } - else { - addEvent(window, 'resize', this._checkForIntersections, true); - addEvent(document, 'scroll', this._checkForIntersections, true); - - if ('MutationObserver' in window) { - this._domObserver = new MutationObserver(this._checkForIntersections); - this._domObserver.observe(document, { - attributes: true, - childList: true, - characterData: true, - subtree: true - }); - } - } - } - }; - - - /** - * Stops polling for intersection changes. - * @private - */ - IntersectionObserver.prototype._unmonitorIntersections = function() { - if (this._monitoringIntersections) { - this._monitoringIntersections = false; - - clearInterval(this._monitoringInterval); - this._monitoringInterval = null; - - removeEvent(window, 'resize', this._checkForIntersections, true); - removeEvent(document, 'scroll', this._checkForIntersections, true); - - if (this._domObserver) { - this._domObserver.disconnect(); - this._domObserver = null; - } - } - }; - - - /** - * Scans each observation target for intersection changes and adds them - * to the internal entries queue. If new entries are found, it - * schedules the callback to be invoked. - * @private - */ - IntersectionObserver.prototype._checkForIntersections = function() { - var rootIsInDom = this._rootIsInDom(); - var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); - - this._observationTargets.forEach(function(item) { - var target = item.element; - var targetRect = getBoundingClientRect(target); - var rootContainsTarget = this._rootContainsTarget(target); - var oldEntry = item.entry; - var intersectionRect = rootIsInDom && rootContainsTarget && - this._computeTargetAndRootIntersection(target, rootRect); - - var newEntry = item.entry = new IntersectionObserverEntry({ - time: now(), - target: target, - boundingClientRect: targetRect, - rootBounds: rootRect, - intersectionRect: intersectionRect - }); - - if (!oldEntry) { - this._queuedEntries.push(newEntry); - } else if (rootIsInDom && rootContainsTarget) { - // If the new entry intersection ratio has crossed any of the - // thresholds, add a new entry. - if (this._hasCrossedThreshold(oldEntry, newEntry)) { - this._queuedEntries.push(newEntry); - } - } else { - // If the root is not in the DOM or target is not contained within - // root but the previous entry for this target had an intersection, - // add a new record indicating removal. - if (oldEntry && oldEntry.isIntersecting) { - this._queuedEntries.push(newEntry); - } - } - }, this); - - if (this._queuedEntries.length) { - this._callback(this.takeRecords(), this); - } - }; - - - /** - * Accepts a target and root rect computes the intersection between then - * following the algorithm in the spec. - * TODO(philipwalton): at this time clip-path is not considered. - * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo - * @param {Element} target The target DOM element - * @param {Object} rootRect The bounding rect of the root after being - * expanded by the rootMargin value. - * @return {?Object} The final intersection rect object or undefined if no - * intersection is found. - * @private - */ - IntersectionObserver.prototype._computeTargetAndRootIntersection = - function(target, rootRect) { - - // If the element isn't displayed, an intersection can't happen. - if (window.getComputedStyle(target).display == 'none') return; - - var targetRect = getBoundingClientRect(target); - var intersectionRect = targetRect; - var parent = getParentNode(target); - var atRoot = false; - - while (!atRoot) { - var parentRect = null; - var parentComputedStyle = parent.nodeType == 1 ? - window.getComputedStyle(parent) : {}; - - // If the parent isn't displayed, an intersection can't happen. - if (parentComputedStyle.display == 'none') return; - - if (parent == this.root || parent == document) { - atRoot = true; - parentRect = rootRect; - } else { - // If the element has a non-visible overflow, and it's not the <body> - // or <html> element, update the intersection rect. - // Note: <body> and <html> cannot be clipped to a rect that's not also - // the document rect, so no need to compute a new intersection. - if (parent != document.body && - parent != document.documentElement && - parentComputedStyle.overflow != 'visible') { - parentRect = getBoundingClientRect(parent); - } - } - - // If either of the above conditionals set a new parentRect, - // calculate new intersection data. - if (parentRect) { - intersectionRect = computeRectIntersection(parentRect, intersectionRect); - - if (!intersectionRect) break; - } - parent = getParentNode(parent); - } - return intersectionRect; - }; - - - /** - * Returns the root rect after being expanded by the rootMargin value. - * @return {Object} The expanded root rect. - * @private - */ - IntersectionObserver.prototype._getRootRect = function() { - var rootRect; - if (this.root) { - rootRect = getBoundingClientRect(this.root); - } else { - // Use <html>/<body> instead of window since scroll bars affect size. - var html = document.documentElement; - var body = document.body; - rootRect = { - top: 0, - left: 0, - right: html.clientWidth || body.clientWidth, - width: html.clientWidth || body.clientWidth, - bottom: html.clientHeight || body.clientHeight, - height: html.clientHeight || body.clientHeight - }; - } - return this._expandRectByRootMargin(rootRect); - }; - - - /** - * Accepts a rect and expands it by the rootMargin value. - * @param {Object} rect The rect object to expand. - * @return {Object} The expanded rect. - * @private - */ - IntersectionObserver.prototype._expandRectByRootMargin = function(rect) { - var margins = this._rootMarginValues.map(function(margin, i) { - return margin.unit == 'px' ? margin.value : - margin.value * (i % 2 ? rect.width : rect.height) / 100; - }); - var newRect = { - top: rect.top - margins[0], - right: rect.right + margins[1], - bottom: rect.bottom + margins[2], - left: rect.left - margins[3] - }; - newRect.width = newRect.right - newRect.left; - newRect.height = newRect.bottom - newRect.top; - - return newRect; - }; - - - /** - * Accepts an old and new entry and returns true if at least one of the - * threshold values has been crossed. - * @param {?IntersectionObserverEntry} oldEntry The previous entry for a - * particular target element or null if no previous entry exists. - * @param {IntersectionObserverEntry} newEntry The current entry for a - * particular target element. - * @return {boolean} Returns true if a any threshold has been crossed. - * @private - */ - IntersectionObserver.prototype._hasCrossedThreshold = - function(oldEntry, newEntry) { - - // To make comparing easier, an entry that has a ratio of 0 - // but does not actually intersect is given a value of -1 - var oldRatio = oldEntry && oldEntry.isIntersecting ? - oldEntry.intersectionRatio || 0 : -1; - var newRatio = newEntry.isIntersecting ? - newEntry.intersectionRatio || 0 : -1; - - // Ignore unchanged ratios - if (oldRatio === newRatio) return; - - for (var i = 0; i < this.thresholds.length; i++) { - var threshold = this.thresholds[i]; - - // Return true if an entry matches a threshold or if the new ratio - // and the old ratio are on the opposite sides of a threshold. - if (threshold == oldRatio || threshold == newRatio || - threshold < oldRatio !== threshold < newRatio) { - return true; - } - } - }; - - - /** - * Returns whether or not the root element is an element and is in the DOM. - * @return {boolean} True if the root element is an element and is in the DOM. - * @private - */ - IntersectionObserver.prototype._rootIsInDom = function() { - return !this.root || containsDeep(document, this.root); - }; - - - /** - * Returns whether or not the target element is a child of root. - * @param {Element} target The target element to check. - * @return {boolean} True if the target element is a child of root. - * @private - */ - IntersectionObserver.prototype._rootContainsTarget = function(target) { - return containsDeep(this.root || document, target); - }; - - - /** - * Adds the instance to the global IntersectionObserver registry if it isn't - * already present. - * @private - */ - IntersectionObserver.prototype._registerInstance = function() { - if (registry.indexOf(this) < 0) { - registry.push(this); - } - }; - - - /** - * Removes the instance from the global IntersectionObserver registry. - * @private - */ - IntersectionObserver.prototype._unregisterInstance = function() { - var index = registry.indexOf(this); - if (index != -1) registry.splice(index, 1); - }; - - - /** - * Returns the result of the performance.now() method or null in browsers - * that don't support the API. - * @return {number} The elapsed time since the page was requested. - */ - function now() { - return window.performance && performance.now && performance.now(); - } - - - /** - * Throttles a function and delays its executiong, so it's only called at most - * once within a given time period. - * @param {Function} fn The function to throttle. - * @param {number} timeout The amount of time that must pass before the - * function can be called again. - * @return {Function} The throttled function. - */ - function throttle(fn, timeout) { - var timer = null; - return function () { - if (!timer) { - timer = setTimeout(function() { - fn(); - timer = null; - }, timeout); - } - }; - } - - - /** - * Adds an event handler to a DOM node ensuring cross-browser compatibility. - * @param {Node} node The DOM node to add the event handler to. - * @param {string} event The event name. - * @param {Function} fn The event handler to add. - * @param {boolean} opt_useCapture Optionally adds the even to the capture - * phase. Note: this only works in modern browsers. - */ - function addEvent(node, event, fn, opt_useCapture) { - if (typeof node.addEventListener == 'function') { - node.addEventListener(event, fn, opt_useCapture || false); - } - else if (typeof node.attachEvent == 'function') { - node.attachEvent('on' + event, fn); - } - } - - - /** - * Removes a previously added event handler from a DOM node. - * @param {Node} node The DOM node to remove the event handler from. - * @param {string} event The event name. - * @param {Function} fn The event handler to remove. - * @param {boolean} opt_useCapture If the event handler was added with this - * flag set to true, it should be set to true here in order to remove it. - */ - function removeEvent(node, event, fn, opt_useCapture) { - if (typeof node.removeEventListener == 'function') { - node.removeEventListener(event, fn, opt_useCapture || false); - } - else if (typeof node.detatchEvent == 'function') { - node.detatchEvent('on' + event, fn); - } - } - - - /** - * Returns the intersection between two rect objects. - * @param {Object} rect1 The first rect. - * @param {Object} rect2 The second rect. - * @return {?Object} The intersection rect or undefined if no intersection - * is found. - */ - function computeRectIntersection(rect1, rect2) { - var top = Math.max(rect1.top, rect2.top); - var bottom = Math.min(rect1.bottom, rect2.bottom); - var left = Math.max(rect1.left, rect2.left); - var right = Math.min(rect1.right, rect2.right); - var width = right - left; - var height = bottom - top; - - return (width >= 0 && height >= 0) && { - top: top, - bottom: bottom, - left: left, - right: right, - width: width, - height: height - }; - } - - - /** - * Shims the native getBoundingClientRect for compatibility with older IE. - * @param {Element} el The element whose bounding rect to get. - * @return {Object} The (possibly shimmed) rect of the element. - */ - function getBoundingClientRect(el) { - var rect; - - try { - rect = el.getBoundingClientRect(); - } catch (err) { - // Ignore Windows 7 IE11 "Unspecified error" - // https://github.com/w3c/IntersectionObserver/pull/205 - } - - if (!rect) return getEmptyRect(); - - // Older IE - if (!(rect.width && rect.height)) { - rect = { - top: rect.top, - right: rect.right, - bottom: rect.bottom, - left: rect.left, - width: rect.right - rect.left, - height: rect.bottom - rect.top - }; - } - return rect; - } - - - /** - * Returns an empty rect object. An empty rect is returned when an element - * is not in the DOM. - * @return {Object} The empty rect. - */ - function getEmptyRect() { - return { - top: 0, - bottom: 0, - left: 0, - right: 0, - width: 0, - height: 0 - }; - } - - /** - * Checks to see if a parent element contains a child elemnt (including inside - * shadow DOM). - * @param {Node} parent The parent element. - * @param {Node} child The child element. - * @return {boolean} True if the parent node contains the child node. - */ - function containsDeep(parent, child) { - var node = child; - while (node) { - if (node == parent) return true; - - node = getParentNode(node); - } - return false; - } - - - /** - * Gets the parent node of an element or its host element if the parent node - * is a shadow root. - * @param {Node} node The node whose parent to get. - * @return {Node|null} The parent node or null if no parent exists. - */ - function getParentNode(node) { - var parent = node.parentNode; - - if (parent && parent.nodeType == 11 && parent.host) { - // If the parent is a shadow root, return the host element. - return parent.host; - } - return parent; - } - - -// Exposes the constructors globally. - window.IntersectionObserver = IntersectionObserver; - window.IntersectionObserverEntry = IntersectionObserverEntry; - -}(window, document)); \ No newline at end of file diff --git a/assets/js/intersectionobserver.min.js b/assets/js/intersectionobserver.min.js deleted file mode 100644 index b0f190bd0b18fda86580f8aea72b695cd1fe51ee..0000000000000000000000000000000000000000 --- a/assets/js/intersectionobserver.min.js +++ /dev/null @@ -1 +0,0 @@ -(function(window,document){'use strict';if('IntersectionObserver'in window&&'IntersectionObserverEntry'in window&&'intersectionRatio'in window.IntersectionObserverEntry.prototype){if(!('isIntersecting'in window.IntersectionObserverEntry.prototype)){Object.defineProperty(window.IntersectionObserverEntry.prototype,'isIntersecting',{get:function(){return this.intersectionRatio>0;}});}return;}var registry=[];function IntersectionObserverEntry(entry){this.time=entry.time;this.target=entry.target;this.rootBounds=entry.rootBounds;this.boundingClientRect=entry.boundingClientRect;this.intersectionRect=entry.intersectionRect||getEmptyRect();this.isIntersecting=!!entry.intersectionRect;var targetRect=this.boundingClientRect;var targetArea=targetRect.width*targetRect.height;var intersectionRect=this.intersectionRect;var intersectionArea=intersectionRect.width*intersectionRect.height;if(targetArea){this.intersectionRatio=intersectionArea/targetArea;}else{this.intersectionRatio=this.isIntersecting?1:0;}}function IntersectionObserver(callback,opt_options){var options=opt_options||{};if(typeof callback!='function'){throw new Error('callback must be a function');}if(options.root&&options.root.nodeType!=1){throw new Error('root must be an Element');}this._checkForIntersections=throttle(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT);this._callback=callback;this._observationTargets=[];this._queuedEntries=[];this._rootMarginValues=this._parseRootMargin(options.rootMargin);this.thresholds=this._initThresholds(options.threshold);this.root=options.root||null;this.rootMargin=this._rootMarginValues.map(function(margin){return margin.value+margin.unit;}).join(' ');}IntersectionObserver.prototype.THROTTLE_TIMEOUT=100;IntersectionObserver.prototype.POLL_INTERVAL=null;IntersectionObserver.prototype.observe=function(target){if(this._observationTargets.some(function(item){return item.element==target;})){return;}if(!(target&&target.nodeType==1)){throw new Error('target must be an Element');}this._registerInstance();this._observationTargets.push({element:target,entry:null});this._monitorIntersections();this._checkForIntersections();};IntersectionObserver.prototype.unobserve=function(target){this._observationTargets=this._observationTargets.filter(function(item){return item.element!=target;});if(!this._observationTargets.length){this._unmonitorIntersections();this._unregisterInstance();}};IntersectionObserver.prototype.disconnect=function(){this._observationTargets=[];this._unmonitorIntersections();this._unregisterInstance();};IntersectionObserver.prototype.takeRecords=function(){var records=this._queuedEntries.slice();this._queuedEntries=[];return records;};IntersectionObserver.prototype._initThresholds=function(opt_threshold){var threshold=opt_threshold||[0];if(!Array.isArray(threshold))threshold=[threshold];return threshold.sort().filter(function(t,i,a){if(typeof t!='number'||isNaN(t)||t<0||t>1){throw new Error('threshold must be a number between 0 and 1 inclusively');}return t!==a[i-1];});};IntersectionObserver.prototype._parseRootMargin=function(opt_rootMargin){var marginString=opt_rootMargin||'0px';var margins=marginString.split(/\s+/).map(function(margin){var parts=/^(-?\d*\.?\d+)(px|%)$/.exec(margin);if(!parts){throw new Error('rootMargin must be specified in pixels or percent');}return{value:parseFloat(parts[1]),unit:parts[2]};});margins[1]=margins[1]||margins[0];margins[2]=margins[2]||margins[0];margins[3]=margins[3]||margins[1];return margins;};IntersectionObserver.prototype._monitorIntersections=function(){if(!this._monitoringIntersections){this._monitoringIntersections=true;if(this.POLL_INTERVAL){this._monitoringInterval=setInterval(this._checkForIntersections,this.POLL_INTERVAL);}else{addEvent(window,'resize',this._checkForIntersections,true);addEvent(document,'scroll',this._checkForIntersections,true);if('MutationObserver'in window){this._domObserver=new MutationObserver(this._checkForIntersections);this._domObserver.observe(document,{attributes:true,childList:true,characterData:true,subtree:true});}}}};IntersectionObserver.prototype._unmonitorIntersections=function(){if(this._monitoringIntersections){this._monitoringIntersections=false;clearInterval(this._monitoringInterval);this._monitoringInterval=null;removeEvent(window,'resize',this._checkForIntersections,true);removeEvent(document,'scroll',this._checkForIntersections,true);if(this._domObserver){this._domObserver.disconnect();this._domObserver=null;}}};IntersectionObserver.prototype._checkForIntersections=function(){var rootIsInDom=this._rootIsInDom();var rootRect=rootIsInDom?this._getRootRect():getEmptyRect();this._observationTargets.forEach(function(item){var target=item.element;var targetRect=getBoundingClientRect(target);var rootContainsTarget=this._rootContainsTarget(target);var oldEntry=item.entry;var intersectionRect=rootIsInDom&&rootContainsTarget&&this._computeTargetAndRootIntersection(target,rootRect);var newEntry=item.entry=new IntersectionObserverEntry({time:now(),target:target,boundingClientRect:targetRect,rootBounds:rootRect,intersectionRect:intersectionRect});if(!oldEntry){this._queuedEntries.push(newEntry);}else if(rootIsInDom&&rootContainsTarget){if(this._hasCrossedThreshold(oldEntry,newEntry)){this._queuedEntries.push(newEntry);}}else{if(oldEntry&&oldEntry.isIntersecting){this._queuedEntries.push(newEntry);}}},this);if(this._queuedEntries.length){this._callback(this.takeRecords(),this);}};IntersectionObserver.prototype._computeTargetAndRootIntersection=function(target,rootRect){if(window.getComputedStyle(target).display=='none')return;var targetRect=getBoundingClientRect(target);var intersectionRect=targetRect;var parent=getParentNode(target);var atRoot=false;while(!atRoot){var parentRect=null;var parentComputedStyle=parent.nodeType==1?window.getComputedStyle(parent):{};if(parentComputedStyle.display=='none')return;if(parent==this.root||parent==document){atRoot=true;parentRect=rootRect;}else{if(parent!=document.body&&parent!=document.documentElement&&parentComputedStyle.overflow!='visible'){parentRect=getBoundingClientRect(parent);}}if(parentRect){intersectionRect=computeRectIntersection(parentRect,intersectionRect);if(!intersectionRect)break;}parent=getParentNode(parent);}return intersectionRect;};IntersectionObserver.prototype._getRootRect=function(){var rootRect;if(this.root){rootRect=getBoundingClientRect(this.root);}else{var html=document.documentElement;var body=document.body;rootRect={top:0,left:0,right:html.clientWidth||body.clientWidth,width:html.clientWidth||body.clientWidth,bottom:html.clientHeight||body.clientHeight,height:html.clientHeight||body.clientHeight};}return this._expandRectByRootMargin(rootRect);};IntersectionObserver.prototype._expandRectByRootMargin=function(rect){var margins=this._rootMarginValues.map(function(margin,i){return margin.unit=='px'?margin.value:margin.value*(i%2?rect.width:rect.height)/100;});var newRect={top:rect.top-margins[0],right:rect.right+margins[1],bottom:rect.bottom+margins[2],left:rect.left-margins[3]};newRect.width=newRect.right-newRect.left;newRect.height=newRect.bottom-newRect.top;return newRect;};IntersectionObserver.prototype._hasCrossedThreshold=function(oldEntry,newEntry){var oldRatio=oldEntry&&oldEntry.isIntersecting?oldEntry.intersectionRatio||0:-1;var newRatio=newEntry.isIntersecting?newEntry.intersectionRatio||0:-1;if(oldRatio===newRatio)return;for(var i=0;i<this.thresholds.length;i++){var threshold=this.thresholds[i];if(threshold==oldRatio||threshold==newRatio||threshold<oldRatio!==threshold<newRatio){return true;}}};IntersectionObserver.prototype._rootIsInDom=function(){return!this.root||containsDeep(document,this.root);};IntersectionObserver.prototype._rootContainsTarget=function(target){return containsDeep(this.root||document,target);};IntersectionObserver.prototype._registerInstance=function(){if(registry.indexOf(this)<0){registry.push(this);}};IntersectionObserver.prototype._unregisterInstance=function(){var index=registry.indexOf(this);if(index!=-1)registry.splice(index,1);};function now(){return window.performance&&performance.now&&performance.now();}function throttle(fn,timeout){var timer=null;return function(){if(!timer){timer=setTimeout(function(){fn();timer=null;},timeout);}};}function addEvent(node,event,fn,opt_useCapture){if(typeof node.addEventListener=='function'){node.addEventListener(event,fn,opt_useCapture||false);}else if(typeof node.attachEvent=='function'){node.attachEvent('on'+event,fn);}}function removeEvent(node,event,fn,opt_useCapture){if(typeof node.removeEventListener=='function'){node.removeEventListener(event,fn,opt_useCapture||false);}else if(typeof node.detatchEvent=='function'){node.detatchEvent('on'+event,fn);}}function computeRectIntersection(rect1,rect2){var top=Math.max(rect1.top,rect2.top);var bottom=Math.min(rect1.bottom,rect2.bottom);var left=Math.max(rect1.left,rect2.left);var right=Math.min(rect1.right,rect2.right);var width=right-left;var height=bottom-top;return(width>=0&&height>=0)&&{top:top,bottom:bottom,left:left,right:right,width:width,height:height};}function getBoundingClientRect(el){var rect;try{rect=el.getBoundingClientRect();}catch(err){}if(!rect)return getEmptyRect();if(!(rect.width&&rect.height)){rect={top:rect.top,right:rect.right,bottom:rect.bottom,left:rect.left,width:rect.right-rect.left,height:rect.bottom-rect.top};}return rect;}function getEmptyRect(){return{top:0,bottom:0,left:0,right:0,width:0,height:0};}function containsDeep(parent,child){var node=child;while(node){if(node==parent)return true;node=getParentNode(node);}return false;}function getParentNode(node){var parent=node.parentNode;if(parent&&parent.nodeType==11&&parent.host){return parent.host;}return parent;}window.IntersectionObserver=IntersectionObserver;window.IntersectionObserverEntry=IntersectionObserverEntry;}(window,document)); \ No newline at end of file diff --git a/assets/js/script.js b/assets/js/script.js deleted file mode 100644 index a23afe73784fcd4b463cea2b44b9df6737f40945..0000000000000000000000000000000000000000 --- a/assets/js/script.js +++ /dev/null @@ -1,54 +0,0 @@ -document.addEventListener("DOMContentLoaded", () => { - const following_bar = document.querySelector(".following.bar"); - const update_top_bar = function () { - following_bar.classList.toggle("qd", window.scrollY !== 0); - }; - - if (document.body.classList.contains("index")) { - document.addEventListener("scroll", update_top_bar); - update_top_bar(); - } -}); - -window.addEventListener("load", () => { - function preloadImage (parent) { - parent.querySelectorAll("[data-srcset]").forEach(element => { - element.srcset = element.dataset["srcset"]; - delete element.dataset["srcset"]; - }); - parent.querySelectorAll("img[data-src]").forEach(element => { - element.src = element.dataset["src"]; - delete element.dataset["src"]; - element.addEventListener("load", () => { - element.parentElement.classList.add("loaded"); - }); - }); - parent.classList.remove("load-responsive"); - } - - function onIntersection (entries) { - // Loop through the entries - entries.forEach(entry => { - // Are we in viewport? - if (entry.intersectionRatio > 0) { - // Stop watching and load the image - observer.unobserve(entry.target); - preloadImage(entry.target); - } - }); - } - -// Get all of the images that are marked up to lazy load - const images = document.querySelectorAll('.load-responsive'); - const config = { - // If the image gets within 50px in the Y axis, start the download. - rootMargin: '400px 0px', - threshold: 0.01 - }; - -// The observer for the images on the page - let observer = new IntersectionObserver(onIntersection, config); - images.forEach(image => { - observer.observe(image); - }); -}); diff --git a/package-lock.json b/package-lock.json index a377c59c9dbf6005d6721d2ff8575f8f57be3cba..2b0343c33d9e110db91f15f6daeb3c177b20dd57 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,24 +1,3300 @@ { - "name": "kuschku-landing", + "name": "quasseldroid-landing", "version": "1.0.0", - "lockfileVersion": 1, + "lockfileVersion": 2, "requires": true, + "packages": { + "": { + "name": "quasseldroid-landing", + "version": "1.0.0", + "license": "GPL", + "devDependencies": { + "@anduh/pug-cli": "^1.0.0-alpha8", + "jstransformer-markdown-it": "^2.1.0", + "mkdirp": "^1.0.4", + "node-sass": "^7.0.1", + "purgecss": "^4.1.3", + "rimraf": "^3.0.2" + } + }, + "node_modules/@anduh/pug-cli": { + "version": "1.0.0-alpha8", + "resolved": "https://registry.npmjs.org/@anduh/pug-cli/-/pug-cli-1.0.0-alpha8.tgz", + "integrity": "sha512-SWIeahnAGVUBFrt3HG4zKTJTxAQoGJbCbtr0d3nhJT9Oz+0Al3a0S4hyGqdAa4FHCdSTPawblLxyY9xap+hw+Q==", + "dev": true, + "dependencies": { + "chalk": "^4.1.1", + "commander": "^7.2.0", + "mkdirp": "^1.0.4", + "pug": "^3.0.2" + }, + "bin": { + "pug3": "index.js" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.7.tgz", + "integrity": "sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==", + "dev": true, + "dependencies": { + "@babel/highlight": "^7.16.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz", + "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.17.9", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.17.9.tgz", + "integrity": "sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.16.7", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/@babel/highlight/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "dev": true + }, + "node_modules/@babel/highlight/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/highlight/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@babel/parser": { + "version": "7.17.10", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.10.tgz", + "integrity": "sha512-n2Q6i+fnJqzOaq2VkdXxy2TCPCWQZHiCo0XqmrCvDWcZQKRyZzYi4Z0yxlBuN0w+r2ZHmre+Q087DSrw3pbJDQ==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/types": { + "version": "7.17.10", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.10.tgz", + "integrity": "sha512-9O26jG0mBYfGkUYCYZRnBwbVLd1UZOICEr2Em6InB6jVfsAv1GKgwXHmrSg+WFWDmeKTA6vyTZiN8tCSM5Oo3A==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.16.7", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@gar/promisify": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz", + "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==", + "dev": true + }, + "node_modules/@npmcli/fs": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz", + "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==", + "dev": true, + "dependencies": { + "@gar/promisify": "^1.0.1", + "semver": "^7.3.5" + } + }, + "node_modules/@npmcli/move-file": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz", + "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==", + "dev": true, + "dependencies": { + "mkdirp": "^1.0.4", + "rimraf": "^3.0.2" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/@tootallnate/once": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz", + "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==", + "dev": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/@types/minimist": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", + "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", + "dev": true + }, + "node_modules/@types/normalize-package-data": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", + "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", + "dev": true + }, + "node_modules/abbrev": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", + "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", + "dev": true + }, + "node_modules/acorn": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/agent-base": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", + "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", + "dev": true, + "dependencies": { + "debug": "4" + }, + "engines": { + "node": ">= 6.0.0" + } + }, + "node_modules/agentkeepalive": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.1.tgz", + "integrity": "sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==", + "dev": true, + "dependencies": { + "debug": "^4.1.0", + "depd": "^1.1.2", + "humanize-ms": "^1.2.1" + }, + "engines": { + "node": ">= 8.0.0" + } + }, + "node_modules/aggregate-error": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", + "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", + "dev": true, + "dependencies": { + "clean-stack": "^2.0.0", + "indent-string": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/aproba": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", + "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==", + "dev": true + }, + "node_modules/are-we-there-yet": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz", + "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==", + "dev": true, + "dependencies": { + "delegates": "^1.0.0", + "readable-stream": "^3.6.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dev": true, + "dependencies": { + "sprintf-js": "~1.0.2" + } + }, + "node_modules/arrify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", + "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/asap": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", + "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=", + "dev": true + }, + "node_modules/asn1": { + "version": "0.2.6", + "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz", + "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==", + "dev": true, + "dependencies": { + "safer-buffer": "~2.1.0" + } + }, + "node_modules/assert-never": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/assert-never/-/assert-never-1.2.1.tgz", + "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==", + "dev": true + }, + "node_modules/assert-plus": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", + "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", + "dev": true, + "engines": { + "node": ">=0.8" + } + }, + "node_modules/async-foreach": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz", + "integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=", + "dev": true, + "engines": { + "node": "*" + } + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=", + "dev": true + }, + "node_modules/aws-sign2": { + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", + "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=", + "dev": true, + "engines": { + "node": "*" + } + }, + "node_modules/aws4": { + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz", + "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==", + "dev": true + }, + "node_modules/babel-walk": { + "version": "3.0.0-canary-5", + "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz", + "integrity": "sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.9.6" + }, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, + "node_modules/bcrypt-pbkdf": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", + "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", + "dev": true, + "dependencies": { + "tweetnacl": "^0.14.3" + } + }, + "node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/cacache": { + "version": "15.3.0", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz", + "integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==", + "dev": true, + "dependencies": { + "@npmcli/fs": "^1.0.0", + "@npmcli/move-file": "^1.0.1", + "chownr": "^2.0.0", + "fs-minipass": "^2.0.0", + "glob": "^7.1.4", + "infer-owner": "^1.0.4", + "lru-cache": "^6.0.0", + "minipass": "^3.1.1", + "minipass-collect": "^1.0.2", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.2", + "mkdirp": "^1.0.3", + "p-map": "^4.0.0", + "promise-inflight": "^1.0.1", + "rimraf": "^3.0.2", + "ssri": "^8.0.1", + "tar": "^6.0.2", + "unique-filename": "^1.1.1" + }, + "engines": { + "node": ">= 10" + } + }, + "node_modules/call-bind": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", + "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.1", + "get-intrinsic": "^1.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/camelcase": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/camelcase-keys": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", + "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", + "dev": true, + "dependencies": { + "camelcase": "^5.3.1", + "map-obj": "^4.0.0", + "quick-lru": "^4.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/caseless": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", + "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=", + "dev": true + }, + "node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/character-parser": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz", + "integrity": "sha1-x84o821LzZdE5f/CxfzeHHMmH8A=", + "dev": true, + "dependencies": { + "is-regex": "^1.0.3" + } + }, + "node_modules/chownr": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", + "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/clean-stack": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", + "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/cliui": { + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^7.0.0" + } + }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/color-support": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", + "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", + "dev": true, + "bin": { + "color-support": "bin.js" + } + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dev": true, + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/commander": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", + "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==", + "dev": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", + "dev": true + }, + "node_modules/console-control-strings": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", + "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", + "dev": true + }, + "node_modules/constantinople": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz", + "integrity": "sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.6.0", + "@babel/types": "^7.6.1" + } + }, + "node_modules/core-util-is": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", + "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", + "dev": true + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true, + "bin": { + "cssesc": "bin/cssesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/dashdash": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", + "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", + "dev": true, + "dependencies": { + "assert-plus": "^1.0.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/decamelize": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", + "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/decamelize-keys": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", + "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", + "dev": true, + "dependencies": { + "decamelize": "^1.1.0", + "map-obj": "^1.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/decamelize-keys/node_modules/map-obj": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", + "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/delegates": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", + "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", + "dev": true + }, + "node_modules/depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/doctypes": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz", + "integrity": "sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=", + "dev": true + }, + "node_modules/ecc-jsbn": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", + "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", + "dev": true, + "dependencies": { + "jsbn": "~0.1.0", + "safer-buffer": "^2.1.0" + } + }, + "node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, + "node_modules/encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "dev": true, + "optional": true, + "dependencies": { + "iconv-lite": "^0.6.2" + } + }, + "node_modules/entities": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", + "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", + "dev": true + }, + "node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/err-code": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz", + "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==", + "dev": true + }, + "node_modules/error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "dependencies": { + "is-arrayish": "^0.2.1" + } + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/extend": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", + "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", + "dev": true + }, + "node_modules/extsprintf": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz", + "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=", + "dev": true, + "engines": [ + "node >=0.6.0" + ] + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true + }, + "node_modules/find-up": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", + "dev": true, + "dependencies": { + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/forever-agent": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz", + "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=", + "dev": true, + "engines": { + "node": "*" + } + }, + "node_modules/form-data": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", + "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", + "dev": true, + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.6", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 0.12" + } + }, + "node_modules/fs-minipass": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", + "dev": true + }, + "node_modules/function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true + }, + "node_modules/gauge": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz", + "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==", + "dev": true, + "dependencies": { + "aproba": "^1.0.3 || ^2.0.0", + "color-support": "^1.1.2", + "console-control-strings": "^1.0.0", + "has-unicode": "^2.0.1", + "object-assign": "^4.1.1", + "signal-exit": "^3.0.0", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", + "wide-align": "^1.1.2" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/gaze": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz", + "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==", + "dev": true, + "dependencies": { + "globule": "^1.0.0" + }, + "engines": { + "node": ">= 4.0.0" + } + }, + "node_modules/get-caller-file": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", + "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", + "dev": true, + "engines": { + "node": "6.* || 8.* || >= 10.*" + } + }, + "node_modules/get-intrinsic": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz", + "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/get-stdin": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", + "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/getpass": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", + "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", + "dev": true, + "dependencies": { + "assert-plus": "^1.0.0" + } + }, + "node_modules/glob": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/globule": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.3.tgz", + "integrity": "sha512-mb1aYtDbIjTu4ShMB85m3UzjX9BVKe9WCzsnfMSZk+K5GpIbBOexgg4PPCt5eHDEG5/ZQAUX2Kct02zfiPLsKg==", + "dev": true, + "dependencies": { + "glob": "~7.1.1", + "lodash": "~4.17.10", + "minimatch": "~3.0.2" + }, + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/globule/node_modules/glob": { + "version": "7.1.7", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz", + "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/globule/node_modules/minimatch": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz", + "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/graceful-fs": { + "version": "4.2.10", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz", + "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==", + "dev": true + }, + "node_modules/har-schema": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", + "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/har-validator": { + "version": "5.1.5", + "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz", + "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==", + "deprecated": "this library is no longer supported", + "dev": true, + "dependencies": { + "ajv": "^6.12.3", + "har-schema": "^2.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/hard-rejection": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", + "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.1" + }, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/has-symbols": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-tostringtag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz", + "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==", + "dev": true, + "dependencies": { + "has-symbols": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/has-unicode": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", + "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=", + "dev": true + }, + "node_modules/hosted-git-info": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", + "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/http-cache-semantics": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz", + "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==", + "dev": true + }, + "node_modules/http-proxy-agent": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz", + "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==", + "dev": true, + "dependencies": { + "@tootallnate/once": "1", + "agent-base": "6", + "debug": "4" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/http-signature": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", + "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", + "dev": true, + "dependencies": { + "assert-plus": "^1.0.0", + "jsprim": "^1.2.2", + "sshpk": "^1.7.0" + }, + "engines": { + "node": ">=0.8", + "npm": ">=1.3.7" + } + }, + "node_modules/https-proxy-agent": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", + "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", + "dev": true, + "dependencies": { + "agent-base": "6", + "debug": "4" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/humanize-ms": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz", + "integrity": "sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=", + "dev": true, + "dependencies": { + "ms": "^2.0.0" + } + }, + "node_modules/iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "dev": true, + "optional": true, + "dependencies": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=", + "dev": true, + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/infer-owner": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz", + "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==", + "dev": true + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "node_modules/ip": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", + "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=", + "dev": true + }, + "node_modules/is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", + "dev": true + }, + "node_modules/is-core-module": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz", + "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==", + "dev": true, + "dependencies": { + "has": "^1.0.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-expression": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-4.0.0.tgz", + "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==", + "dev": true, + "dependencies": { + "acorn": "^7.1.1", + "object-assign": "^4.1.1" + } + }, + "node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-lambda": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", + "integrity": "sha1-PZh3iZ5qU+/AFgUEzeFfgubwYdU=", + "dev": true + }, + "node_modules/is-plain-obj": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", + "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-promise": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz", + "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==", + "dev": true + }, + "node_modules/is-regex": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", + "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/is-typedarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", + "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=", + "dev": true + }, + "node_modules/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", + "dev": true + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=", + "dev": true + }, + "node_modules/isstream": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", + "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=", + "dev": true + }, + "node_modules/js-base64": { + "version": "2.6.4", + "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz", + "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==", + "dev": true + }, + "node_modules/js-stringify": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz", + "integrity": "sha1-Fzb939lyTyijaCrcYjCufk6Weds=", + "dev": true + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true + }, + "node_modules/jsbn": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", + "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=", + "dev": true + }, + "node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, + "node_modules/json-schema": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz", + "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==", + "dev": true + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/json-stringify-safe": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz", + "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=", + "dev": true + }, + "node_modules/jsprim": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz", + "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==", + "dev": true, + "dependencies": { + "assert-plus": "1.0.0", + "extsprintf": "1.3.0", + "json-schema": "0.4.0", + "verror": "1.10.0" + }, + "engines": { + "node": ">=0.6.0" + } + }, + "node_modules/jstransformer": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz", + "integrity": "sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=", + "dev": true, + "dependencies": { + "is-promise": "^2.0.0", + "promise": "^7.0.1" + } + }, + "node_modules/jstransformer-markdown-it": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/jstransformer-markdown-it/-/jstransformer-markdown-it-2.1.0.tgz", + "integrity": "sha1-aewwzkUYvtWZezjwJ2SOjChekvc=", + "dev": true, + "dependencies": { + "markdown-it": "^8.0.0" + }, + "engines": { + "node": ">=7" + } + }, + "node_modules/kind-of": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, + "node_modules/linkify-it": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz", + "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==", + "dev": true, + "dependencies": { + "uc.micro": "^1.0.1" + } + }, + "node_modules/locate-path": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", + "dev": true, + "dependencies": { + "p-locate": "^4.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "dev": true + }, + "node_modules/lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/make-fetch-happen": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz", + "integrity": "sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==", + "dev": true, + "dependencies": { + "agentkeepalive": "^4.1.3", + "cacache": "^15.2.0", + "http-cache-semantics": "^4.1.0", + "http-proxy-agent": "^4.0.1", + "https-proxy-agent": "^5.0.0", + "is-lambda": "^1.0.1", + "lru-cache": "^6.0.0", + "minipass": "^3.1.3", + "minipass-collect": "^1.0.2", + "minipass-fetch": "^1.3.2", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "negotiator": "^0.6.2", + "promise-retry": "^2.0.1", + "socks-proxy-agent": "^6.0.0", + "ssri": "^8.0.0" + }, + "engines": { + "node": ">= 10" + } + }, + "node_modules/map-obj": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", + "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/markdown-it": { + "version": "8.4.2", + "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz", + "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==", + "dev": true, + "dependencies": { + "argparse": "^1.0.7", + "entities": "~1.1.1", + "linkify-it": "^2.0.0", + "mdurl": "^1.0.1", + "uc.micro": "^1.0.5" + }, + "bin": { + "markdown-it": "bin/markdown-it.js" + } + }, + "node_modules/mdurl": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz", + "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=", + "dev": true + }, + "node_modules/meow": { + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", + "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", + "dev": true, + "dependencies": { + "@types/minimist": "^1.2.0", + "camelcase-keys": "^6.2.2", + "decamelize": "^1.2.0", + "decamelize-keys": "^1.1.0", + "hard-rejection": "^2.1.0", + "minimist-options": "4.1.0", + "normalize-package-data": "^3.0.0", + "read-pkg-up": "^7.0.1", + "redent": "^3.0.0", + "trim-newlines": "^3.0.0", + "type-fest": "^0.18.0", + "yargs-parser": "^20.2.3" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dev": true, + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/minimist-options": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", + "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", + "dev": true, + "dependencies": { + "arrify": "^1.0.1", + "is-plain-obj": "^1.1.0", + "kind-of": "^6.0.3" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/minipass": { + "version": "3.1.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.6.tgz", + "integrity": "sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==", + "dev": true, + "dependencies": { + "yallist": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-collect": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz", + "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/minipass-fetch": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-1.4.1.tgz", + "integrity": "sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==", + "dev": true, + "dependencies": { + "minipass": "^3.1.0", + "minipass-sized": "^1.0.3", + "minizlib": "^2.0.0" + }, + "engines": { + "node": ">=8" + }, + "optionalDependencies": { + "encoding": "^0.1.12" + } + }, + "node_modules/minipass-flush": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", + "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/minipass-pipeline": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", + "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minipass-sized": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz", + "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/minizlib": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", + "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "dev": true, + "dependencies": { + "minipass": "^3.0.0", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true, + "bin": { + "mkdirp": "bin/cmd.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/nan": { + "version": "2.15.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz", + "integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==", + "dev": true + }, + "node_modules/nanoid": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.3.tgz", + "integrity": "sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==", + "dev": true, + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", + "dev": true, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/node-gyp": { + "version": "8.4.1", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-8.4.1.tgz", + "integrity": "sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==", + "dev": true, + "dependencies": { + "env-paths": "^2.2.0", + "glob": "^7.1.4", + "graceful-fs": "^4.2.6", + "make-fetch-happen": "^9.1.0", + "nopt": "^5.0.0", + "npmlog": "^6.0.0", + "rimraf": "^3.0.2", + "semver": "^7.3.5", + "tar": "^6.1.2", + "which": "^2.0.2" + }, + "bin": { + "node-gyp": "bin/node-gyp.js" + }, + "engines": { + "node": ">= 10.12.0" + } + }, + "node_modules/node-gyp/node_modules/are-we-there-yet": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz", + "integrity": "sha512-0GWpv50YSOcLXaN6/FAKY3vfRbllXWV2xvfA/oKJF8pzFhWXPV+yjhJXDBbjscDYowv7Yw1A3uigpzn5iEGTyw==", + "dev": true, + "dependencies": { + "delegates": "^1.0.0", + "readable-stream": "^3.6.0" + }, + "engines": { + "node": "^12.13.0 || ^14.15.0 || >=16" + } + }, + "node_modules/node-gyp/node_modules/gauge": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz", + "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==", + "dev": true, + "dependencies": { + "aproba": "^1.0.3 || ^2.0.0", + "color-support": "^1.1.3", + "console-control-strings": "^1.1.0", + "has-unicode": "^2.0.1", + "signal-exit": "^3.0.7", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", + "wide-align": "^1.1.5" + }, + "engines": { + "node": "^12.13.0 || ^14.15.0 || >=16.0.0" + } + }, + "node_modules/node-gyp/node_modules/npmlog": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz", + "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==", + "dev": true, + "dependencies": { + "are-we-there-yet": "^3.0.0", + "console-control-strings": "^1.1.0", + "gauge": "^4.0.3", + "set-blocking": "^2.0.0" + }, + "engines": { + "node": "^12.13.0 || ^14.15.0 || >=16.0.0" + } + }, + "node_modules/node-sass": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-7.0.1.tgz", + "integrity": "sha512-uMy+Xt29NlqKCFdFRZyXKOTqGt+QaKHexv9STj2WeLottnlqZEEWx6Bj0MXNthmFRRdM/YwyNo/8Tr46TOM0jQ==", + "dev": true, + "hasInstallScript": true, + "dependencies": { + "async-foreach": "^0.1.3", + "chalk": "^4.1.2", + "cross-spawn": "^7.0.3", + "gaze": "^1.0.0", + "get-stdin": "^4.0.1", + "glob": "^7.0.3", + "lodash": "^4.17.15", + "meow": "^9.0.0", + "nan": "^2.13.2", + "node-gyp": "^8.4.1", + "npmlog": "^5.0.0", + "request": "^2.88.0", + "sass-graph": "4.0.0", + "stdout-stream": "^1.4.0", + "true-case-path": "^1.0.2" + }, + "bin": { + "node-sass": "bin/node-sass" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/nopt": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz", + "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==", + "dev": true, + "dependencies": { + "abbrev": "1" + }, + "bin": { + "nopt": "bin/nopt.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/normalize-package-data": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", + "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", + "dev": true, + "dependencies": { + "hosted-git-info": "^4.0.1", + "is-core-module": "^2.5.0", + "semver": "^7.3.4", + "validate-npm-package-license": "^3.0.1" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/npmlog": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz", + "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==", + "dev": true, + "dependencies": { + "are-we-there-yet": "^2.0.0", + "console-control-strings": "^1.1.0", + "gauge": "^3.0.0", + "set-blocking": "^2.0.0" + } + }, + "node_modules/oauth-sign": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", + "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==", + "dev": true, + "engines": { + "node": "*" + } + }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dev": true, + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "dependencies": { + "p-limit": "^2.2.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/p-map": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", + "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", + "dev": true, + "dependencies": { + "aggregate-error": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-try": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "node_modules/performance-now": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=", + "dev": true + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/postcss": { + "version": "8.4.13", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz", + "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + } + ], + "dependencies": { + "nanoid": "^3.3.3", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-selector-parser": { + "version": "6.0.10", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", + "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", + "dev": true, + "dependencies": { + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true + }, + "node_modules/promise": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", + "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "dev": true, + "dependencies": { + "asap": "~2.0.3" + } + }, + "node_modules/promise-inflight": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", + "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=", + "dev": true + }, + "node_modules/promise-retry": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", + "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==", + "dev": true, + "dependencies": { + "err-code": "^2.0.2", + "retry": "^0.12.0" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/psl": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz", + "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==", + "dev": true + }, + "node_modules/pug": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.2.tgz", + "integrity": "sha512-bp0I/hiK1D1vChHh6EfDxtndHji55XP/ZJKwsRqrz6lRia6ZC2OZbdAymlxdVFwd1L70ebrVJw4/eZ79skrIaw==", + "dev": true, + "dependencies": { + "pug-code-gen": "^3.0.2", + "pug-filters": "^4.0.0", + "pug-lexer": "^5.0.1", + "pug-linker": "^4.0.0", + "pug-load": "^3.0.0", + "pug-parser": "^6.0.0", + "pug-runtime": "^3.0.1", + "pug-strip-comments": "^2.0.0" + } + }, + "node_modules/pug-attrs": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-3.0.0.tgz", + "integrity": "sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==", + "dev": true, + "dependencies": { + "constantinople": "^4.0.1", + "js-stringify": "^1.0.2", + "pug-runtime": "^3.0.0" + } + }, + "node_modules/pug-code-gen": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-3.0.2.tgz", + "integrity": "sha512-nJMhW16MbiGRiyR4miDTQMRWDgKplnHyeLvioEJYbk1RsPI3FuA3saEP8uwnTb2nTJEKBU90NFVWJBk4OU5qyg==", + "dev": true, + "dependencies": { + "constantinople": "^4.0.1", + "doctypes": "^1.1.0", + "js-stringify": "^1.0.2", + "pug-attrs": "^3.0.0", + "pug-error": "^2.0.0", + "pug-runtime": "^3.0.0", + "void-elements": "^3.1.0", + "with": "^7.0.0" + } + }, + "node_modules/pug-error": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-2.0.0.tgz", + "integrity": "sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==", + "dev": true + }, + "node_modules/pug-filters": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-4.0.0.tgz", + "integrity": "sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==", + "dev": true, + "dependencies": { + "constantinople": "^4.0.1", + "jstransformer": "1.0.0", + "pug-error": "^2.0.0", + "pug-walk": "^2.0.0", + "resolve": "^1.15.1" + } + }, + "node_modules/pug-lexer": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-5.0.1.tgz", + "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==", + "dev": true, + "dependencies": { + "character-parser": "^2.2.0", + "is-expression": "^4.0.0", + "pug-error": "^2.0.0" + } + }, + "node_modules/pug-linker": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-4.0.0.tgz", + "integrity": "sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==", + "dev": true, + "dependencies": { + "pug-error": "^2.0.0", + "pug-walk": "^2.0.0" + } + }, + "node_modules/pug-load": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-3.0.0.tgz", + "integrity": "sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==", + "dev": true, + "dependencies": { + "object-assign": "^4.1.1", + "pug-walk": "^2.0.0" + } + }, + "node_modules/pug-parser": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-6.0.0.tgz", + "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==", + "dev": true, + "dependencies": { + "pug-error": "^2.0.0", + "token-stream": "1.0.0" + } + }, + "node_modules/pug-runtime": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-3.0.1.tgz", + "integrity": "sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==", + "dev": true + }, + "node_modules/pug-strip-comments": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz", + "integrity": "sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==", + "dev": true, + "dependencies": { + "pug-error": "^2.0.0" + } + }, + "node_modules/pug-walk": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-2.0.0.tgz", + "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==", + "dev": true + }, + "node_modules/punycode": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", + "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/purgecss": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-4.1.3.tgz", + "integrity": "sha512-99cKy4s+VZoXnPxaoM23e5ABcP851nC2y2GROkkjS8eJaJtlciGavd7iYAw2V84WeBqggZ12l8ef44G99HmTaw==", + "dev": true, + "dependencies": { + "commander": "^8.0.0", + "glob": "^7.1.7", + "postcss": "^8.3.5", + "postcss-selector-parser": "^6.0.6" + }, + "bin": { + "purgecss": "bin/purgecss.js" + } + }, + "node_modules/purgecss/node_modules/commander": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", + "dev": true, + "engines": { + "node": ">= 12" + } + }, + "node_modules/qs": { + "version": "6.5.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz", + "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==", + "dev": true, + "engines": { + "node": ">=0.6" + } + }, + "node_modules/quick-lru": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", + "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", + "dev": true, + "dependencies": { + "@types/normalize-package-data": "^2.4.0", + "normalize-package-data": "^2.5.0", + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg-up": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", + "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", + "dev": true, + "dependencies": { + "find-up": "^4.1.0", + "read-pkg": "^5.2.0", + "type-fest": "^0.8.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/read-pkg-up/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/read-pkg/node_modules/hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", + "dev": true + }, + "node_modules/read-pkg/node_modules/normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "dev": true, + "dependencies": { + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + } + }, + "node_modules/read-pkg/node_modules/semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "dev": true, + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/read-pkg/node_modules/type-fest": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/readable-stream": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", + "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", + "dev": true, + "dependencies": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/redent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", + "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", + "dev": true, + "dependencies": { + "indent-string": "^4.0.0", + "strip-indent": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/request": { + "version": "2.88.2", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", + "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", + "deprecated": "request has been deprecated, see https://github.com/request/request/issues/3142", + "dev": true, + "dependencies": { + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", + "caseless": "~0.12.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", + "forever-agent": "~0.6.1", + "form-data": "~2.3.2", + "har-validator": "~5.1.3", + "http-signature": "~1.2.0", + "is-typedarray": "~1.0.0", + "isstream": "~0.1.2", + "json-stringify-safe": "~5.0.1", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.5.0", + "tunnel-agent": "^0.6.0", + "uuid": "^3.3.2" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/resolve": { + "version": "1.22.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz", + "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==", + "dev": true, + "dependencies": { + "is-core-module": "^2.8.1", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/retry": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", + "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/safer-buffer": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", + "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", + "dev": true + }, + "node_modules/sass-graph": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-4.0.0.tgz", + "integrity": "sha512-WSO/MfXqKH7/TS8RdkCX3lVkPFQzCgbqdGsmSKq6tlPU+GpGEsa/5aW18JqItnqh+lPtcjifqdZ/VmiILkKckQ==", + "dev": true, + "dependencies": { + "glob": "^7.0.0", + "lodash": "^4.17.11", + "scss-tokenizer": "^0.3.0", + "yargs": "^17.2.1" + }, + "bin": { + "sassgraph": "bin/sassgraph" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/scss-tokenizer": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.3.0.tgz", + "integrity": "sha512-14Zl9GcbBvOT9057ZKjpz5yPOyUWG2ojd9D5io28wHRYsOrs7U95Q+KNL87+32p8rc+LvDpbu/i9ZYjM9Q+FsQ==", + "dev": true, + "dependencies": { + "js-base64": "^2.4.3", + "source-map": "^0.7.1" + } + }, + "node_modules/semver": { + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", + "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", + "dev": true + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/signal-exit": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", + "dev": true + }, + "node_modules/smart-buffer": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", + "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", + "dev": true, + "engines": { + "node": ">= 6.0.0", + "npm": ">= 3.0.0" + } + }, + "node_modules/socks": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz", + "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==", + "dev": true, + "dependencies": { + "ip": "^1.1.5", + "smart-buffer": "^4.2.0" + }, + "engines": { + "node": ">= 10.13.0", + "npm": ">= 3.0.0" + } + }, + "node_modules/socks-proxy-agent": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-6.2.0.tgz", + "integrity": "sha512-wWqJhjb32Q6GsrUqzuFkukxb/zzide5quXYcMVpIjxalDBBYy2nqKCFQ/9+Ie4dvOYSQdOk3hUlZSdzZOd3zMQ==", + "dev": true, + "dependencies": { + "agent-base": "^6.0.2", + "debug": "^4.3.3", + "socks": "^2.6.2" + }, + "engines": { + "node": ">= 10" + } + }, + "node_modules/source-map": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", + "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/spdx-correct": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", + "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==", + "dev": true, + "dependencies": { + "spdx-expression-parse": "^3.0.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-exceptions": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz", + "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==", + "dev": true + }, + "node_modules/spdx-expression-parse": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", + "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", + "dev": true, + "dependencies": { + "spdx-exceptions": "^2.1.0", + "spdx-license-ids": "^3.0.0" + } + }, + "node_modules/spdx-license-ids": { + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz", + "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==", + "dev": true + }, + "node_modules/sprintf-js": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", + "dev": true + }, + "node_modules/sshpk": { + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz", + "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==", + "dev": true, + "dependencies": { + "asn1": "~0.2.3", + "assert-plus": "^1.0.0", + "bcrypt-pbkdf": "^1.0.0", + "dashdash": "^1.12.0", + "ecc-jsbn": "~0.1.1", + "getpass": "^0.1.1", + "jsbn": "~0.1.0", + "safer-buffer": "^2.0.2", + "tweetnacl": "~0.14.0" + }, + "bin": { + "sshpk-conv": "bin/sshpk-conv", + "sshpk-sign": "bin/sshpk-sign", + "sshpk-verify": "bin/sshpk-verify" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/ssri": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz", + "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==", + "dev": true, + "dependencies": { + "minipass": "^3.1.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/stdout-stream": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", + "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", + "dev": true, + "dependencies": { + "readable-stream": "^2.0.1" + } + }, + "node_modules/stdout-stream/node_modules/readable-stream": { + "version": "2.3.7", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", + "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", + "dev": true, + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/stdout-stream/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "node_modules/stdout-stream/node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, + "node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "dev": true, + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-indent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", + "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", + "dev": true, + "dependencies": { + "min-indent": "^1.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/tar": { + "version": "6.1.11", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz", + "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==", + "dev": true, + "dependencies": { + "chownr": "^2.0.0", + "fs-minipass": "^2.0.0", + "minipass": "^3.0.0", + "minizlib": "^2.1.1", + "mkdirp": "^1.0.3", + "yallist": "^4.0.0" + }, + "engines": { + "node": ">= 10" + } + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/token-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-1.0.0.tgz", + "integrity": "sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ=", + "dev": true + }, + "node_modules/tough-cookie": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", + "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", + "dev": true, + "dependencies": { + "psl": "^1.1.28", + "punycode": "^2.1.1" + }, + "engines": { + "node": ">=0.8" + } + }, + "node_modules/trim-newlines": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz", + "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/true-case-path": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz", + "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==", + "dev": true, + "dependencies": { + "glob": "^7.1.2" + } + }, + "node_modules/tunnel-agent": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", + "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", + "dev": true, + "dependencies": { + "safe-buffer": "^5.0.1" + }, + "engines": { + "node": "*" + } + }, + "node_modules/tweetnacl": { + "version": "0.14.5", + "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", + "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=", + "dev": true + }, + "node_modules/type-fest": { + "version": "0.18.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", + "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/uc.micro": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz", + "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==", + "dev": true + }, + "node_modules/unique-filename": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz", + "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==", + "dev": true, + "dependencies": { + "unique-slug": "^2.0.0" + } + }, + "node_modules/unique-slug": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz", + "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==", + "dev": true, + "dependencies": { + "imurmurhash": "^0.1.4" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", + "dev": true + }, + "node_modules/uuid": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz", + "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==", + "deprecated": "Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.", + "dev": true, + "bin": { + "uuid": "bin/uuid" + } + }, + "node_modules/validate-npm-package-license": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", + "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", + "dev": true, + "dependencies": { + "spdx-correct": "^3.0.0", + "spdx-expression-parse": "^3.0.0" + } + }, + "node_modules/verror": { + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", + "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", + "dev": true, + "engines": [ + "node >=0.6.0" + ], + "dependencies": { + "assert-plus": "^1.0.0", + "core-util-is": "1.0.2", + "extsprintf": "^1.2.0" + } + }, + "node_modules/void-elements": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz", + "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/wide-align": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", + "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", + "dev": true, + "dependencies": { + "string-width": "^1.0.2 || 2 || 3 || 4" + } + }, + "node_modules/with": { + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/with/-/with-7.0.2.tgz", + "integrity": "sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.9.6", + "@babel/types": "^7.9.6", + "assert-never": "^1.2.1", + "babel-walk": "3.0.0-canary-5" + }, + "engines": { + "node": ">= 10.0.0" + } + }, + "node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", + "dev": true + }, + "node_modules/y18n": { + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/yallist": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true + }, + "node_modules/yargs": { + "version": "17.4.1", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.4.1.tgz", + "integrity": "sha512-WSZD9jgobAg3ZKuCQZSa3g9QOJeCCqLoLAykiWgmXnDo9EPnn4RPf5qVTtzgOx66o6/oqhcA5tHtJXpG8pMt3g==", + "dev": true, + "dependencies": { + "cliui": "^7.0.2", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", + "require-directory": "^2.1.1", + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/yargs-parser": { + "version": "20.2.9", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", + "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/yargs/node_modules/yargs-parser": { + "version": "21.0.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz", + "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==", + "dev": true, + "engines": { + "node": ">=12" + } + } + }, "dependencies": { - "@types/babel-types": { - "version": "7.0.8", - "resolved": "https://registry.npmjs.org/@types/babel-types/-/babel-types-7.0.8.tgz", - "integrity": "sha512-jvu8g4LR7+p6ao30RhTREnEhHxmP4/R9D9/rOR/Kq14FztORty9SKgtOZUNZNMB9CXLxZ54EWu4dArUE8WdTsw==", + "@anduh/pug-cli": { + "version": "1.0.0-alpha8", + "resolved": "https://registry.npmjs.org/@anduh/pug-cli/-/pug-cli-1.0.0-alpha8.tgz", + "integrity": "sha512-SWIeahnAGVUBFrt3HG4zKTJTxAQoGJbCbtr0d3nhJT9Oz+0Al3a0S4hyGqdAa4FHCdSTPawblLxyY9xap+hw+Q==", + "dev": true, + "requires": { + "chalk": "^4.1.1", + "commander": "^7.2.0", + "mkdirp": "^1.0.4", + "pug": "^3.0.2" + } + }, + "@babel/code-frame": { + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.7.tgz", + "integrity": "sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==", + "dev": true, + "requires": { + "@babel/highlight": "^7.16.7" + } + }, + "@babel/helper-validator-identifier": { + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz", + "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==", + "dev": true + }, + "@babel/highlight": { + "version": "7.17.9", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.17.9.tgz", + "integrity": "sha512-J9PfEKCbFIv2X5bjTMiZu6Vf341N05QIY+d6FvVKynkG1S7G0j3I0QoRtWIrXhZ+/Nlb5Q0MzqL7TokEJ5BNHg==", + "dev": true, + "requires": { + "@babel/helper-validator-identifier": "^7.16.7", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "^1.9.0" + } + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "dev": true + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "dev": true + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, + "@babel/parser": { + "version": "7.17.10", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.17.10.tgz", + "integrity": "sha512-n2Q6i+fnJqzOaq2VkdXxy2TCPCWQZHiCo0XqmrCvDWcZQKRyZzYi4Z0yxlBuN0w+r2ZHmre+Q087DSrw3pbJDQ==", + "dev": true + }, + "@babel/types": { + "version": "7.17.10", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.10.tgz", + "integrity": "sha512-9O26jG0mBYfGkUYCYZRnBwbVLd1UZOICEr2Em6InB6jVfsAv1GKgwXHmrSg+WFWDmeKTA6vyTZiN8tCSM5Oo3A==", + "dev": true, + "requires": { + "@babel/helper-validator-identifier": "^7.16.7", + "to-fast-properties": "^2.0.0" + } + }, + "@gar/promisify": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz", + "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==", "dev": true }, - "@types/babylon": { - "version": "6.16.5", - "resolved": "https://registry.npmjs.org/@types/babylon/-/babylon-6.16.5.tgz", - "integrity": "sha512-xH2e58elpj1X4ynnKp9qSnWlsRTIs6n3tgLGNfwAGHwePw0mulHQllV34n0T25uYSu1k0hRKkWXF890B1yS47w==", + "@npmcli/fs": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz", + "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==", + "dev": true, + "requires": { + "@gar/promisify": "^1.0.1", + "semver": "^7.3.5" + } + }, + "@npmcli/move-file": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz", + "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==", "dev": true, "requires": { - "@types/babel-types": "*" + "mkdirp": "^1.0.4", + "rimraf": "^3.0.2" } }, + "@tootallnate/once": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz", + "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==", + "dev": true + }, + "@types/minimist": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz", + "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==", + "dev": true + }, + "@types/normalize-package-data": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz", + "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==", + "dev": true + }, "abbrev": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", @@ -26,32 +3302,45 @@ "dev": true }, "acorn": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz", - "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=", + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", "dev": true }, - "acorn-globals": { + "agent-base": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", + "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", + "dev": true, + "requires": { + "debug": "4" + } + }, + "agentkeepalive": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.2.1.tgz", + "integrity": "sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==", + "dev": true, + "requires": { + "debug": "^4.1.0", + "depd": "^1.1.2", + "humanize-ms": "^1.2.1" + } + }, + "aggregate-error": { "version": "3.1.0", - "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-3.1.0.tgz", - "integrity": "sha1-/YJw9x+7SZawBPqIDuXUZXOnMb8=", + "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", + "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", "dev": true, "requires": { - "acorn": "^4.0.4" - }, - "dependencies": { - "acorn": { - "version": "4.0.13", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz", - "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=", - "dev": true - } + "clean-stack": "^2.0.0", + "indent-string": "^4.0.0" } }, "ajv": { - "version": "6.12.4", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz", - "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==", + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, "requires": { "fast-deep-equal": "^3.1.1", @@ -60,49 +3349,35 @@ "uri-js": "^4.2.2" } }, - "align-text": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz", - "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=", - "dev": true, - "requires": { - "kind-of": "^3.0.2", - "longest": "^1.0.1", - "repeat-string": "^1.5.2" - } - }, - "amdefine": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz", - "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=", - "dev": true - }, "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", "dev": true }, "ansi-styles": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz", - "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=", - "dev": true + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "requires": { + "color-convert": "^2.0.1" + } }, "aproba": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz", - "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", + "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==", "dev": true }, "are-we-there-yet": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz", - "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz", + "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==", "dev": true, "requires": { "delegates": "^1.0.0", - "readable-stream": "^2.0.6" + "readable-stream": "^3.6.0" } }, "argparse": { @@ -114,10 +3389,10 @@ "sprintf-js": "~1.0.2" } }, - "array-find-index": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz", - "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=", + "arrify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", + "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=", "dev": true }, "asap": { @@ -127,14 +3402,20 @@ "dev": true }, "asn1": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", - "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", + "version": "0.2.6", + "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz", + "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==", "dev": true, "requires": { "safer-buffer": "~2.1.0" } }, + "assert-never": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/assert-never/-/assert-never-1.2.1.tgz", + "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw==", + "dev": true + }, "assert-plus": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", @@ -160,43 +3441,24 @@ "dev": true }, "aws4": { - "version": "1.10.1", - "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.10.1.tgz", - "integrity": "sha512-zg7Hz2k5lI8kb7U32998pRRFin7zJlkfezGJjUc2heaD4Pw2wObakCDVzkKztTm/Ln7eiVvYsjqak0Ed4LkMDA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz", + "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==", "dev": true }, - "babel-runtime": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", - "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", - "dev": true, - "requires": { - "core-js": "^2.4.0", - "regenerator-runtime": "^0.11.0" - } - }, - "babel-types": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz", - "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=", + "babel-walk": { + "version": "3.0.0-canary-5", + "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz", + "integrity": "sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==", "dev": true, "requires": { - "babel-runtime": "^6.26.0", - "esutils": "^2.0.2", - "lodash": "^4.17.4", - "to-fast-properties": "^1.0.3" + "@babel/types": "^7.9.6" } }, - "babylon": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz", - "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==", - "dev": true - }, "balanced-match": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", - "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", "dev": true }, "bcrypt-pbkdf": { @@ -208,15 +3470,6 @@ "tweetnacl": "^0.14.3" } }, - "block-stream": { - "version": "0.0.9", - "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz", - "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=", - "dev": true, - "requires": { - "inherits": "~2.0.0" - } - }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", @@ -227,20 +3480,57 @@ "concat-map": "0.0.1" } }, + "cacache": { + "version": "15.3.0", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz", + "integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==", + "dev": true, + "requires": { + "@npmcli/fs": "^1.0.0", + "@npmcli/move-file": "^1.0.1", + "chownr": "^2.0.0", + "fs-minipass": "^2.0.0", + "glob": "^7.1.4", + "infer-owner": "^1.0.4", + "lru-cache": "^6.0.0", + "minipass": "^3.1.1", + "minipass-collect": "^1.0.2", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.2", + "mkdirp": "^1.0.3", + "p-map": "^4.0.0", + "promise-inflight": "^1.0.1", + "rimraf": "^3.0.2", + "ssri": "^8.0.1", + "tar": "^6.0.2", + "unique-filename": "^1.1.1" + } + }, + "call-bind": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", + "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "get-intrinsic": "^1.0.2" + } + }, "camelcase": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz", - "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=", + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", + "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", "dev": true }, "camelcase-keys": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", - "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", + "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", "dev": true, "requires": { - "camelcase": "^2.0.0", - "map-obj": "^1.0.0" + "camelcase": "^5.3.1", + "map-obj": "^4.0.0", + "quick-lru": "^4.0.1" } }, "caseless": { @@ -249,27 +3539,14 @@ "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=", "dev": true }, - "center-align": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz", - "integrity": "sha1-qg0yYptu6XIgBBHL1EYckHvCt60=", - "dev": true, - "requires": { - "align-text": "^0.1.3", - "lazy-cache": "^1.0.3" - } - }, "chalk": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", - "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", "dev": true, "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" } }, "character-parser": { @@ -281,87 +3558,48 @@ "is-regex": "^1.0.3" } }, - "clean-css": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", - "integrity": "sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==", - "dev": true, - "requires": { - "source-map": "~0.6.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } + "chownr": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", + "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", + "dev": true + }, + "clean-stack": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", + "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", + "dev": true }, "cliui": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz", - "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", "dev": true, "requires": { - "string-width": "^3.1.0", - "strip-ansi": "^5.2.0", - "wrap-ansi": "^5.1.0" - }, - "dependencies": { - "ansi-regex": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", - "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", - "dev": true - }, - "string-width": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", - "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", - "dev": true, - "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" - } - }, - "strip-ansi": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", - "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", - "dev": true, - "requires": { - "ansi-regex": "^4.1.0" - } - } + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^7.0.0" } }, - "code-point-at": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", - "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=", - "dev": true - }, "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "dev": true, "requires": { - "color-name": "1.1.3" + "color-name": "~1.1.4" } }, "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "color-support": { "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", + "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", "dev": true }, "combined-stream": { @@ -374,9 +3612,9 @@ } }, "commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", + "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==", "dev": true }, "concat-map": { @@ -392,23 +3630,15 @@ "dev": true }, "constantinople": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-3.1.2.tgz", - "integrity": "sha512-yePcBqEFhLOqSBtwYOGGS1exHo/s1xjekXiinh4itpNQGCu4KA1euPh1fg07N2wMITZXQkBz75Ntdt1ctGZouw==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz", + "integrity": "sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==", "dev": true, "requires": { - "@types/babel-types": "^7.0.0", - "@types/babylon": "^6.16.2", - "babel-types": "^6.26.0", - "babylon": "^6.18.0" + "@babel/parser": "^7.6.0", + "@babel/types": "^7.6.1" } }, - "core-js": { - "version": "2.6.11", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.11.tgz", - "integrity": "sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==", - "dev": true - }, "core-util-is": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", @@ -416,23 +3646,21 @@ "dev": true }, "cross-spawn": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz", - "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=", + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", "dev": true, "requires": { - "lru-cache": "^4.0.1", - "which": "^1.2.9" + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" } }, - "currently-unhandled": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", - "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=", - "dev": true, - "requires": { - "array-find-index": "^1.0.1" - } + "cssesc": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", + "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", + "dev": true }, "dashdash": { "version": "1.14.1", @@ -443,12 +3671,39 @@ "assert-plus": "^1.0.0" } }, + "debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "requires": { + "ms": "2.1.2" + } + }, "decamelize": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=", "dev": true }, + "decamelize-keys": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz", + "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", + "dev": true, + "requires": { + "decamelize": "^1.1.0", + "map-obj": "^1.0.0" + }, + "dependencies": { + "map-obj": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", + "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", + "dev": true + } + } + }, "delayed-stream": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", @@ -461,6 +3716,12 @@ "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", "dev": true }, + "depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=", + "dev": true + }, "doctypes": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz", @@ -478,17 +3739,39 @@ } }, "emoji-regex": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", - "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", "dev": true }, + "encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "dev": true, + "optional": true, + "requires": { + "iconv-lite": "^0.6.2" + } + }, "entities": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", "dev": true }, + "env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true + }, + "err-code": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz", + "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==", + "dev": true + }, "error-ex": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", @@ -498,18 +3781,18 @@ "is-arrayish": "^0.2.1" } }, + "escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true + }, "escape-string-regexp": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", "dev": true }, - "esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", - "dev": true - }, "extend": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", @@ -535,13 +3818,13 @@ "dev": true }, "find-up": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", - "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", + "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", "dev": true, "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" + "locate-path": "^5.0.0", + "path-exists": "^4.0.0" } }, "forever-agent": { @@ -561,38 +3844,42 @@ "mime-types": "^2.1.12" } }, + "fs-minipass": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", + "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", + "dev": true, + "requires": { + "minipass": "^3.0.0" + } + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", "dev": true }, - "fstream": { - "version": "1.0.12", - "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz", - "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "inherits": "~2.0.0", - "mkdirp": ">=0.5 0", - "rimraf": "2" - } + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true }, "gauge": { - "version": "2.7.4", - "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", - "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz", + "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==", "dev": true, "requires": { - "aproba": "^1.0.3", + "aproba": "^1.0.3 || ^2.0.0", + "color-support": "^1.1.2", "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", + "has-unicode": "^2.0.1", + "object-assign": "^4.1.1", "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", + "wide-align": "^1.1.2" } }, "gaze": { @@ -610,6 +3897,17 @@ "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", "dev": true }, + "get-intrinsic": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz", + "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==", + "dev": true, + "requires": { + "function-bind": "^1.1.1", + "has": "^1.0.3", + "has-symbols": "^1.0.1" + } + }, "get-stdin": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", @@ -626,9 +3924,9 @@ } }, "glob": { - "version": "7.1.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", - "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz", + "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==", "dev": true, "requires": { "fs.realpath": "^1.0.0", @@ -640,20 +3938,45 @@ } }, "globule": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz", - "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.3.tgz", + "integrity": "sha512-mb1aYtDbIjTu4ShMB85m3UzjX9BVKe9WCzsnfMSZk+K5GpIbBOexgg4PPCt5eHDEG5/ZQAUX2Kct02zfiPLsKg==", "dev": true, "requires": { "glob": "~7.1.1", "lodash": "~4.17.10", "minimatch": "~3.0.2" + }, + "dependencies": { + "glob": { + "version": "7.1.7", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz", + "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==", + "dev": true, + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + }, + "minimatch": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz", + "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==", + "dev": true, + "requires": { + "brace-expansion": "^1.1.7" + } + } } }, "graceful-fs": { - "version": "4.2.4", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", - "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", + "version": "4.2.10", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz", + "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==", "dev": true }, "har-schema": { @@ -672,21 +3995,42 @@ "har-schema": "^2.0.0" } }, - "has-ansi": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", - "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", + "hard-rejection": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", + "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", + "dev": true + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", "dev": true, "requires": { - "ansi-regex": "^2.0.0" + "function-bind": "^1.1.1" } }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true + }, "has-symbols": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.1.tgz", - "integrity": "sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", + "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", "dev": true }, + "has-tostringtag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz", + "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==", + "dev": true, + "requires": { + "has-symbols": "^1.0.2" + } + }, "has-unicode": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", @@ -694,11 +4038,31 @@ "dev": true }, "hosted-git-info": { - "version": "2.8.8", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz", - "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", + "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } + }, + "http-cache-semantics": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz", + "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==", "dev": true }, + "http-proxy-agent": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz", + "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==", + "dev": true, + "requires": { + "@tootallnate/once": "1", + "agent-base": "6", + "debug": "4" + } + }, "http-signature": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", @@ -710,21 +4074,53 @@ "sshpk": "^1.7.0" } }, - "in-publish": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.1.tgz", - "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==", - "dev": true + "https-proxy-agent": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", + "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", + "dev": true, + "requires": { + "agent-base": "6", + "debug": "4" + } }, - "indent-string": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz", - "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=", + "humanize-ms": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz", + "integrity": "sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=", + "dev": true, + "requires": { + "ms": "^2.0.0" + } + }, + "iconv-lite": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", + "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", "dev": true, + "optional": true, "requires": { - "repeating": "^2.0.0" + "safer-buffer": ">= 2.1.2 < 3.0.0" } }, + "imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=", + "dev": true + }, + "indent-string": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", + "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", + "dev": true + }, + "infer-owner": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz", + "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==", + "dev": true + }, "inflight": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", @@ -741,50 +4137,54 @@ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", "dev": true }, + "ip": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", + "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=", + "dev": true + }, "is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=", "dev": true }, - "is-buffer": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", - "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==", - "dev": true + "is-core-module": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz", + "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==", + "dev": true, + "requires": { + "has": "^1.0.3" + } }, "is-expression": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-3.0.0.tgz", - "integrity": "sha1-Oayqa+f9HzRx3ELHQW5hwkMXrJ8=", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-4.0.0.tgz", + "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==", "dev": true, "requires": { - "acorn": "~4.0.2", - "object-assign": "^4.0.1" - }, - "dependencies": { - "acorn": { - "version": "4.0.13", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz", - "integrity": "sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=", - "dev": true - } + "acorn": "^7.1.1", + "object-assign": "^4.1.1" } }, - "is-finite": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz", - "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==", + "is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", "dev": true }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } + "is-lambda": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", + "integrity": "sha1-PZh3iZ5qU+/AFgUEzeFfgubwYdU=", + "dev": true + }, + "is-plain-obj": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz", + "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=", + "dev": true }, "is-promise": { "version": "2.2.2", @@ -793,12 +4193,13 @@ "dev": true }, "is-regex": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.1.tgz", - "integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==", + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", + "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", "dev": true, "requires": { - "has-symbols": "^1.0.1" + "call-bind": "^1.0.2", + "has-tostringtag": "^1.0.0" } }, "is-typedarray": { @@ -807,12 +4208,6 @@ "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=", "dev": true }, - "is-utf8": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", - "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=", - "dev": true - }, "isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", @@ -843,16 +4238,28 @@ "integrity": "sha1-Fzb939lyTyijaCrcYjCufk6Weds=", "dev": true }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true + }, "jsbn": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=", "dev": true }, + "json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, "json-schema": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", - "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=", + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz", + "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==", "dev": true }, "json-schema-traverse": { @@ -868,14 +4275,14 @@ "dev": true }, "jsprim": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", - "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz", + "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==", "dev": true, "requires": { "assert-plus": "1.0.0", "extsprintf": "1.3.0", - "json-schema": "0.2.3", + "json-schema": "0.4.0", "verror": "1.10.0" } }, @@ -899,18 +4306,15 @@ } }, "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", + "dev": true }, - "lazy-cache": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz", - "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4=", + "lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", "dev": true }, "linkify-it": { @@ -922,73 +4326,58 @@ "uc.micro": "^1.0.1" } }, - "load-json-file": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", - "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" - } - }, "locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", + "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", "dev": true, "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - }, - "dependencies": { - "path-exists": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=", - "dev": true - } + "p-locate": "^4.1.0" } }, "lodash": { - "version": "4.17.20", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz", - "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==", - "dev": true - }, - "longest": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz", - "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=", + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "dev": true }, - "loud-rejection": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", - "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=", + "lru-cache": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", + "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", "dev": true, "requires": { - "currently-unhandled": "^0.4.1", - "signal-exit": "^3.0.0" + "yallist": "^4.0.0" } }, - "lru-cache": { - "version": "4.1.5", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", - "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", + "make-fetch-happen": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz", + "integrity": "sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==", "dev": true, "requires": { - "pseudomap": "^1.0.2", - "yallist": "^2.1.2" + "agentkeepalive": "^4.1.3", + "cacache": "^15.2.0", + "http-cache-semantics": "^4.1.0", + "http-proxy-agent": "^4.0.1", + "https-proxy-agent": "^5.0.0", + "is-lambda": "^1.0.1", + "lru-cache": "^6.0.0", + "minipass": "^3.1.3", + "minipass-collect": "^1.0.2", + "minipass-fetch": "^1.3.2", + "minipass-flush": "^1.0.5", + "minipass-pipeline": "^1.2.4", + "negotiator": "^0.6.2", + "promise-retry": "^2.0.1", + "socks-proxy-agent": "^6.0.0", + "ssri": "^8.0.0" } }, "map-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", - "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", + "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", "dev": true }, "markdown-it": { @@ -1011,160 +4400,277 @@ "dev": true }, "meow": { - "version": "3.7.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", - "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", + "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", "dev": true, "requires": { - "camelcase-keys": "^2.0.0", - "decamelize": "^1.1.2", - "loud-rejection": "^1.0.0", - "map-obj": "^1.0.1", - "minimist": "^1.1.3", - "normalize-package-data": "^2.3.4", - "object-assign": "^4.0.1", - "read-pkg-up": "^1.0.1", - "redent": "^1.0.0", - "trim-newlines": "^1.0.0" + "@types/minimist": "^1.2.0", + "camelcase-keys": "^6.2.2", + "decamelize": "^1.2.0", + "decamelize-keys": "^1.1.0", + "hard-rejection": "^2.1.0", + "minimist-options": "4.1.0", + "normalize-package-data": "^3.0.0", + "read-pkg-up": "^7.0.1", + "redent": "^3.0.0", + "trim-newlines": "^3.0.0", + "type-fest": "^0.18.0", + "yargs-parser": "^20.2.3" } }, "mime-db": { - "version": "1.44.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz", - "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==", + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", "dev": true }, "mime-types": { - "version": "2.1.27", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz", - "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==", + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", "dev": true, "requires": { - "mime-db": "1.44.0" + "mime-db": "1.52.0" } }, + "min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true + }, "minimatch": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", - "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, "requires": { "brace-expansion": "^1.1.7" } }, - "minimist": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", - "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", - "dev": true + "minimist-options": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", + "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", + "dev": true, + "requires": { + "arrify": "^1.0.1", + "is-plain-obj": "^1.1.0", + "kind-of": "^6.0.3" + } }, - "mkdirp": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", - "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", + "minipass": { + "version": "3.1.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.6.tgz", + "integrity": "sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==", + "dev": true, + "requires": { + "yallist": "^4.0.0" + } + }, + "minipass-collect": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz", + "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==", + "dev": true, + "requires": { + "minipass": "^3.0.0" + } + }, + "minipass-fetch": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-1.4.1.tgz", + "integrity": "sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==", + "dev": true, + "requires": { + "encoding": "^0.1.12", + "minipass": "^3.1.0", + "minipass-sized": "^1.0.3", + "minizlib": "^2.0.0" + } + }, + "minipass-flush": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", + "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", + "dev": true, + "requires": { + "minipass": "^3.0.0" + } + }, + "minipass-pipeline": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", + "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", + "dev": true, + "requires": { + "minipass": "^3.0.0" + } + }, + "minipass-sized": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz", + "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==", + "dev": true, + "requires": { + "minipass": "^3.0.0" + } + }, + "minizlib": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", + "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", "dev": true, "requires": { - "minimist": "^1.2.5" + "minipass": "^3.0.0", + "yallist": "^4.0.0" } }, + "mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, "nan": { - "version": "2.14.1", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz", - "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==", + "version": "2.15.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz", + "integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==", + "dev": true + }, + "nanoid": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.3.tgz", + "integrity": "sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==", + "dev": true + }, + "negotiator": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", + "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", "dev": true }, "node-gyp": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz", - "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==", + "version": "8.4.1", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-8.4.1.tgz", + "integrity": "sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==", "dev": true, "requires": { - "fstream": "^1.0.0", - "glob": "^7.0.3", - "graceful-fs": "^4.1.2", - "mkdirp": "^0.5.0", - "nopt": "2 || 3", - "npmlog": "0 || 1 || 2 || 3 || 4", - "osenv": "0", - "request": "^2.87.0", - "rimraf": "2", - "semver": "~5.3.0", - "tar": "^2.0.0", - "which": "1" + "env-paths": "^2.2.0", + "glob": "^7.1.4", + "graceful-fs": "^4.2.6", + "make-fetch-happen": "^9.1.0", + "nopt": "^5.0.0", + "npmlog": "^6.0.0", + "rimraf": "^3.0.2", + "semver": "^7.3.5", + "tar": "^6.1.2", + "which": "^2.0.2" }, "dependencies": { - "semver": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz", - "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=", - "dev": true + "are-we-there-yet": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz", + "integrity": "sha512-0GWpv50YSOcLXaN6/FAKY3vfRbllXWV2xvfA/oKJF8pzFhWXPV+yjhJXDBbjscDYowv7Yw1A3uigpzn5iEGTyw==", + "dev": true, + "requires": { + "delegates": "^1.0.0", + "readable-stream": "^3.6.0" + } + }, + "gauge": { + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz", + "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==", + "dev": true, + "requires": { + "aproba": "^1.0.3 || ^2.0.0", + "color-support": "^1.1.3", + "console-control-strings": "^1.1.0", + "has-unicode": "^2.0.1", + "signal-exit": "^3.0.7", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", + "wide-align": "^1.1.5" + } + }, + "npmlog": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz", + "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==", + "dev": true, + "requires": { + "are-we-there-yet": "^3.0.0", + "console-control-strings": "^1.1.0", + "gauge": "^4.0.3", + "set-blocking": "^2.0.0" + } } } }, "node-sass": { - "version": "4.14.1", - "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz", - "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-7.0.1.tgz", + "integrity": "sha512-uMy+Xt29NlqKCFdFRZyXKOTqGt+QaKHexv9STj2WeLottnlqZEEWx6Bj0MXNthmFRRdM/YwyNo/8Tr46TOM0jQ==", "dev": true, "requires": { "async-foreach": "^0.1.3", - "chalk": "^1.1.1", - "cross-spawn": "^3.0.0", + "chalk": "^4.1.2", + "cross-spawn": "^7.0.3", "gaze": "^1.0.0", "get-stdin": "^4.0.1", "glob": "^7.0.3", - "in-publish": "^2.0.0", "lodash": "^4.17.15", - "meow": "^3.7.0", - "mkdirp": "^0.5.1", + "meow": "^9.0.0", "nan": "^2.13.2", - "node-gyp": "^3.8.0", - "npmlog": "^4.0.0", + "node-gyp": "^8.4.1", + "npmlog": "^5.0.0", "request": "^2.88.0", - "sass-graph": "2.2.5", + "sass-graph": "4.0.0", "stdout-stream": "^1.4.0", "true-case-path": "^1.0.2" } }, "nopt": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", - "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz", + "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==", "dev": true, "requires": { "abbrev": "1" } }, "normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", + "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", "dev": true, "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", + "hosted-git-info": "^4.0.1", + "is-core-module": "^2.5.0", + "semver": "^7.3.4", "validate-npm-package-license": "^3.0.1" } }, "npmlog": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", - "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz", + "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==", "dev": true, "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" + "are-we-there-yet": "^2.0.0", + "console-control-strings": "^1.1.0", + "gauge": "^3.0.0", + "set-blocking": "^2.0.0" } }, - "number-is-nan": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", - "dev": true - }, "oauth-sign": { "version": "0.9.0", "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", @@ -1186,28 +4692,6 @@ "wrappy": "1" } }, - "os-homedir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", - "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=", - "dev": true - }, - "os-tmpdir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", - "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=", - "dev": true - }, - "osenv": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz", - "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", - "dev": true, - "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.0" - } - }, "p-limit": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", @@ -1218,12 +4702,21 @@ } }, "p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", + "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", + "dev": true, + "requires": { + "p-limit": "^2.2.0" + } + }, + "p-map": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", + "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", "dev": true, "requires": { - "p-limit": "^2.0.0" + "aggregate-error": "^3.0.0" } }, "p-try": { @@ -1233,22 +4726,22 @@ "dev": true }, "parse-json": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", - "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", "dev": true, "requires": { - "error-ex": "^1.2.0" + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" } }, "path-exists": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", - "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", - "dev": true, - "requires": { - "pinkie-promise": "^2.0.0" - } + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true }, "path-is-absolute": { "version": "1.0.1", @@ -1256,22 +4749,17 @@ "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", "dev": true }, - "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", + "path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", "dev": true }, - "path-type": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", - "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" - } + "path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true }, "performance-now": { "version": "2.1.0", @@ -1279,25 +4767,31 @@ "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=", "dev": true }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", + "picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", "dev": true }, - "pinkie": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=", - "dev": true + "postcss": { + "version": "8.4.13", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz", + "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==", + "dev": true, + "requires": { + "nanoid": "^3.3.3", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + } }, - "pinkie-promise": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", + "postcss-selector-parser": { + "version": "6.0.10", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz", + "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==", "dev": true, "requires": { - "pinkie": "^2.0.0" + "cssesc": "^3.0.0", + "util-deprecate": "^1.0.2" } }, "process-nextick-args": { @@ -1315,12 +4809,22 @@ "asap": "~2.0.3" } }, - "pseudomap": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", - "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=", + "promise-inflight": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", + "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=", "dev": true }, + "promise-retry": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", + "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==", + "dev": true, + "requires": { + "err-code": "^2.0.2", + "retry": "^0.12.0" + } + }, "psl": { "version": "1.8.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz", @@ -1328,141 +4832,127 @@ "dev": true }, "pug": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.4.tgz", - "integrity": "sha512-XhoaDlvi6NIzL49nu094R2NA6P37ijtgMDuWE+ofekDChvfKnzFal60bhSdiy8y2PBO6fmz3oMEIcfpBVRUdvw==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.2.tgz", + "integrity": "sha512-bp0I/hiK1D1vChHh6EfDxtndHji55XP/ZJKwsRqrz6lRia6ZC2OZbdAymlxdVFwd1L70ebrVJw4/eZ79skrIaw==", "dev": true, "requires": { - "pug-code-gen": "^2.0.2", - "pug-filters": "^3.1.1", - "pug-lexer": "^4.1.0", - "pug-linker": "^3.0.6", - "pug-load": "^2.0.12", - "pug-parser": "^5.0.1", - "pug-runtime": "^2.0.5", - "pug-strip-comments": "^1.0.4" + "pug-code-gen": "^3.0.2", + "pug-filters": "^4.0.0", + "pug-lexer": "^5.0.1", + "pug-linker": "^4.0.0", + "pug-load": "^3.0.0", + "pug-parser": "^6.0.0", + "pug-runtime": "^3.0.1", + "pug-strip-comments": "^2.0.0" } }, "pug-attrs": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-2.0.4.tgz", - "integrity": "sha512-TaZ4Z2TWUPDJcV3wjU3RtUXMrd3kM4Wzjbe3EWnSsZPsJ3LDI0F3yCnf2/W7PPFF+edUFQ0HgDL1IoxSz5K8EQ==", - "dev": true, - "requires": { - "constantinople": "^3.0.1", - "js-stringify": "^1.0.1", - "pug-runtime": "^2.0.5" - } - }, - "pug-cli": { - "version": "1.0.0-alpha6", - "resolved": "https://registry.npmjs.org/pug-cli/-/pug-cli-1.0.0-alpha6.tgz", - "integrity": "sha1-HKU56krA67ac5KroSu7V1k/+ZQE=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-3.0.0.tgz", + "integrity": "sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==", "dev": true, "requires": { - "chalk": "^1.0.0", - "commander": "^2.8.1", - "mkdirp": "^0.5.1", - "pug": "^2.0.0-alpha7" + "constantinople": "^4.0.1", + "js-stringify": "^1.0.2", + "pug-runtime": "^3.0.0" } }, "pug-code-gen": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-2.0.2.tgz", - "integrity": "sha512-kROFWv/AHx/9CRgoGJeRSm+4mLWchbgpRzTEn8XCiwwOy6Vh0gAClS8Vh5TEJ9DBjaP8wCjS3J6HKsEsYdvaCw==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-3.0.2.tgz", + "integrity": "sha512-nJMhW16MbiGRiyR4miDTQMRWDgKplnHyeLvioEJYbk1RsPI3FuA3saEP8uwnTb2nTJEKBU90NFVWJBk4OU5qyg==", "dev": true, "requires": { - "constantinople": "^3.1.2", + "constantinople": "^4.0.1", "doctypes": "^1.1.0", - "js-stringify": "^1.0.1", - "pug-attrs": "^2.0.4", - "pug-error": "^1.3.3", - "pug-runtime": "^2.0.5", - "void-elements": "^2.0.1", - "with": "^5.0.0" + "js-stringify": "^1.0.2", + "pug-attrs": "^3.0.0", + "pug-error": "^2.0.0", + "pug-runtime": "^3.0.0", + "void-elements": "^3.1.0", + "with": "^7.0.0" } }, "pug-error": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-1.3.3.tgz", - "integrity": "sha512-qE3YhESP2mRAWMFJgKdtT5D7ckThRScXRwkfo+Erqga7dyJdY3ZquspprMCj/9sJ2ijm5hXFWQE/A3l4poMWiQ==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-2.0.0.tgz", + "integrity": "sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==", "dev": true }, "pug-filters": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-3.1.1.tgz", - "integrity": "sha512-lFfjNyGEyVWC4BwX0WyvkoWLapI5xHSM3xZJFUhx4JM4XyyRdO8Aucc6pCygnqV2uSgJFaJWW3Ft1wCWSoQkQg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-4.0.0.tgz", + "integrity": "sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==", "dev": true, "requires": { - "clean-css": "^4.1.11", - "constantinople": "^3.0.1", + "constantinople": "^4.0.1", "jstransformer": "1.0.0", - "pug-error": "^1.3.3", - "pug-walk": "^1.1.8", - "resolve": "^1.1.6", - "uglify-js": "^2.6.1" + "pug-error": "^2.0.0", + "pug-walk": "^2.0.0", + "resolve": "^1.15.1" } }, "pug-lexer": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-4.1.0.tgz", - "integrity": "sha512-i55yzEBtjm0mlplW4LoANq7k3S8gDdfC6+LThGEvsK4FuobcKfDAwt6V4jKPH9RtiE3a2Akfg5UpafZ1OksaPA==", + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-5.0.1.tgz", + "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==", "dev": true, "requires": { - "character-parser": "^2.1.1", - "is-expression": "^3.0.0", - "pug-error": "^1.3.3" + "character-parser": "^2.2.0", + "is-expression": "^4.0.0", + "pug-error": "^2.0.0" } }, "pug-linker": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-3.0.6.tgz", - "integrity": "sha512-bagfuHttfQOpANGy1Y6NJ+0mNb7dD2MswFG2ZKj22s8g0wVsojpRlqveEQHmgXXcfROB2RT6oqbPYr9EN2ZWzg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-4.0.0.tgz", + "integrity": "sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==", "dev": true, "requires": { - "pug-error": "^1.3.3", - "pug-walk": "^1.1.8" + "pug-error": "^2.0.0", + "pug-walk": "^2.0.0" } }, "pug-load": { - "version": "2.0.12", - "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-2.0.12.tgz", - "integrity": "sha512-UqpgGpyyXRYgJs/X60sE6SIf8UBsmcHYKNaOccyVLEuT6OPBIMo6xMPhoJnqtB3Q3BbO4Z3Bjz5qDsUWh4rXsg==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-3.0.0.tgz", + "integrity": "sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==", "dev": true, "requires": { - "object-assign": "^4.1.0", - "pug-walk": "^1.1.8" + "object-assign": "^4.1.1", + "pug-walk": "^2.0.0" } }, "pug-parser": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-5.0.1.tgz", - "integrity": "sha512-nGHqK+w07p5/PsPIyzkTQfzlYfuqoiGjaoqHv1LjOv2ZLXmGX1O+4Vcvps+P4LhxZ3drYSljjq4b+Naid126wA==", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-6.0.0.tgz", + "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==", "dev": true, "requires": { - "pug-error": "^1.3.3", - "token-stream": "0.0.1" + "pug-error": "^2.0.0", + "token-stream": "1.0.0" } }, "pug-runtime": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-2.0.5.tgz", - "integrity": "sha512-P+rXKn9un4fQY77wtpcuFyvFaBww7/91f3jHa154qU26qFAnOe6SW1CbIDcxiG5lLK9HazYrMCCuDvNgDQNptw==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-3.0.1.tgz", + "integrity": "sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==", "dev": true }, "pug-strip-comments": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-1.0.4.tgz", - "integrity": "sha512-i5j/9CS4yFhSxHp5iKPHwigaig/VV9g+FgReLJWWHEHbvKsbqL0oP/K5ubuLco6Wu3Kan5p7u7qk8A4oLLh6vw==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz", + "integrity": "sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==", "dev": true, "requires": { - "pug-error": "^1.3.3" + "pug-error": "^2.0.0" } }, "pug-walk": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.8.tgz", - "integrity": "sha512-GMu3M5nUL3fju4/egXwZO0XLi6fW/K3T3VTgFQ14GxNi8btlxgT5qZL//JwZFm/2Fa64J/PNS8AZeys3wiMkVA==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-2.0.0.tgz", + "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==", "dev": true }, "punycode": { @@ -1471,77 +4961,120 @@ "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", "dev": true }, + "purgecss": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-4.1.3.tgz", + "integrity": "sha512-99cKy4s+VZoXnPxaoM23e5ABcP851nC2y2GROkkjS8eJaJtlciGavd7iYAw2V84WeBqggZ12l8ef44G99HmTaw==", + "dev": true, + "requires": { + "commander": "^8.0.0", + "glob": "^7.1.7", + "postcss": "^8.3.5", + "postcss-selector-parser": "^6.0.6" + }, + "dependencies": { + "commander": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", + "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", + "dev": true + } + } + }, "qs": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", - "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==", + "version": "6.5.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz", + "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==", + "dev": true + }, + "quick-lru": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", + "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", "dev": true }, "read-pkg": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", - "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", "dev": true, "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" + "@types/normalize-package-data": "^2.4.0", + "normalize-package-data": "^2.5.0", + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" + }, + "dependencies": { + "hosted-git-info": { + "version": "2.8.9", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", + "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", + "dev": true + }, + "normalize-package-data": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", + "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", + "dev": true, + "requires": { + "hosted-git-info": "^2.1.4", + "resolve": "^1.10.0", + "semver": "2 || 3 || 4 || 5", + "validate-npm-package-license": "^3.0.1" + } + }, + "semver": { + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", + "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "dev": true + }, + "type-fest": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", + "dev": true + } } }, "read-pkg-up": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", - "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", + "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", "dev": true, "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" + "find-up": "^4.1.0", + "read-pkg": "^5.2.0", + "type-fest": "^0.8.1" + }, + "dependencies": { + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true + } } }, "readable-stream": { - "version": "2.3.7", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", - "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", + "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", "dev": true, "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" } }, "redent": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz", - "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=", - "dev": true, - "requires": { - "indent-string": "^2.1.0", - "strip-indent": "^1.0.1" - } - }, - "regenerator-runtime": { - "version": "0.11.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", - "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==", - "dev": true - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=", - "dev": true - }, - "repeating": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", - "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz", + "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==", "dev": true, "requires": { - "is-finite": "^1.0.0" + "indent-string": "^4.0.0", + "strip-indent": "^3.0.0" } }, "request": { @@ -1578,43 +5111,36 @@ "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=", "dev": true }, - "require-main-filename": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", - "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==", - "dev": true - }, "resolve": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", - "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", + "version": "1.22.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz", + "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==", "dev": true, "requires": { - "path-parse": "^1.0.6" + "is-core-module": "^2.8.1", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" } }, - "right-align": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz", - "integrity": "sha1-YTObci/mo1FWiSENJOFMlhSGE+8=", - "dev": true, - "requires": { - "align-text": "^0.1.1" - } + "retry": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", + "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=", + "dev": true }, "rimraf": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", - "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", "dev": true, "requires": { "glob": "^7.1.3" } }, "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", "dev": true }, "safer-buffer": { @@ -1624,32 +5150,35 @@ "dev": true }, "sass-graph": { - "version": "2.2.5", - "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz", - "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-4.0.0.tgz", + "integrity": "sha512-WSO/MfXqKH7/TS8RdkCX3lVkPFQzCgbqdGsmSKq6tlPU+GpGEsa/5aW18JqItnqh+lPtcjifqdZ/VmiILkKckQ==", "dev": true, "requires": { "glob": "^7.0.0", - "lodash": "^4.0.0", - "scss-tokenizer": "^0.2.3", - "yargs": "^13.3.2" + "lodash": "^4.17.11", + "scss-tokenizer": "^0.3.0", + "yargs": "^17.2.1" } }, "scss-tokenizer": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", - "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=", + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.3.0.tgz", + "integrity": "sha512-14Zl9GcbBvOT9057ZKjpz5yPOyUWG2ojd9D5io28wHRYsOrs7U95Q+KNL87+32p8rc+LvDpbu/i9ZYjM9Q+FsQ==", "dev": true, "requires": { - "js-base64": "^2.1.8", - "source-map": "^0.4.2" + "js-base64": "^2.4.3", + "source-map": "^0.7.1" } }, "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", - "dev": true + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz", + "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==", + "dev": true, + "requires": { + "lru-cache": "^6.0.0" + } }, "set-blocking": { "version": "2.0.0", @@ -1657,21 +5186,66 @@ "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", "dev": true }, + "shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "requires": { + "shebang-regex": "^3.0.0" + } + }, + "shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true + }, "signal-exit": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", - "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==", + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", + "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", "dev": true }, - "source-map": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", - "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", + "smart-buffer": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", + "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", + "dev": true + }, + "socks": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/socks/-/socks-2.6.2.tgz", + "integrity": "sha512-zDZhHhZRY9PxRruRMR7kMhnf3I8hDs4S3f9RecfnGxvcBHQcKcIH/oUcEWffsfl1XxdYlA7nnlGbbTvPz9D8gA==", + "dev": true, + "requires": { + "ip": "^1.1.5", + "smart-buffer": "^4.2.0" + } + }, + "socks-proxy-agent": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-6.2.0.tgz", + "integrity": "sha512-wWqJhjb32Q6GsrUqzuFkukxb/zzide5quXYcMVpIjxalDBBYy2nqKCFQ/9+Ie4dvOYSQdOk3hUlZSdzZOd3zMQ==", "dev": true, "requires": { - "amdefine": ">=0.0.4" + "agent-base": "^6.0.2", + "debug": "^4.3.3", + "socks": "^2.6.2" } }, + "source-map": { + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz", + "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==", + "dev": true + }, + "source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true + }, "spdx-correct": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz", @@ -1699,9 +5273,9 @@ } }, "spdx-license-ids": { - "version": "3.0.5", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz", - "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==", + "version": "3.0.11", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz", + "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==", "dev": true }, "sprintf-js": { @@ -1711,9 +5285,9 @@ "dev": true }, "sshpk": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", - "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz", + "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==", "dev": true, "requires": { "asn1": "~0.2.3", @@ -1727,6 +5301,15 @@ "tweetnacl": "~0.14.0" } }, + "ssri": { + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz", + "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==", + "dev": true, + "requires": { + "minipass": "^3.1.1" + } + }, "stdout-stream": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", @@ -1734,82 +5317,117 @@ "dev": true, "requires": { "readable-stream": "^2.0.1" + }, + "dependencies": { + "readable-stream": { + "version": "2.3.7", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", + "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", + "dev": true, + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, + "requires": { + "safe-buffer": "~5.1.0" + } + } } }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", "dev": true, "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" + "safe-buffer": "~5.2.0" } }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", "dev": true, "requires": { - "safe-buffer": "~5.1.0" + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" } }, "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", "dev": true, "requires": { - "ansi-regex": "^2.0.0" + "ansi-regex": "^5.0.1" } }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", + "strip-indent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", + "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", "dev": true, "requires": { - "is-utf8": "^0.2.0" + "min-indent": "^1.0.0" } }, - "strip-indent": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz", - "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=", + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", "dev": true, "requires": { - "get-stdin": "^4.0.1" + "has-flag": "^4.0.0" } }, - "supports-color": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", - "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=", + "supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", "dev": true }, "tar": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz", - "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==", + "version": "6.1.11", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.11.tgz", + "integrity": "sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==", "dev": true, "requires": { - "block-stream": "*", - "fstream": "^1.0.12", - "inherits": "2" + "chownr": "^2.0.0", + "fs-minipass": "^2.0.0", + "minipass": "^3.0.0", + "minizlib": "^2.1.1", + "mkdirp": "^1.0.3", + "yallist": "^4.0.0" } }, "to-fast-properties": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz", - "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", "dev": true }, "token-stream": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-0.0.1.tgz", - "integrity": "sha1-zu78cXp2xDFvEm0LnbqlXX598Bo=", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-1.0.0.tgz", + "integrity": "sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ=", "dev": true }, "tough-cookie": { @@ -1823,9 +5441,9 @@ } }, "trim-newlines": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", - "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz", + "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==", "dev": true }, "true-case-path": { @@ -1852,71 +5470,40 @@ "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=", "dev": true }, + "type-fest": { + "version": "0.18.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", + "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", + "dev": true + }, "uc.micro": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz", "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==", "dev": true }, - "uglify-js": { - "version": "2.8.29", - "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz", - "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=", + "unique-filename": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz", + "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==", "dev": true, "requires": { - "source-map": "~0.5.1", - "uglify-to-browserify": "~1.0.0", - "yargs": "~3.10.0" - }, - "dependencies": { - "camelcase": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz", - "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=", - "dev": true - }, - "cliui": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz", - "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=", - "dev": true, - "requires": { - "center-align": "^0.1.1", - "right-align": "^0.1.1", - "wordwrap": "0.0.2" - } - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=", - "dev": true - }, - "yargs": { - "version": "3.10.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz", - "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=", - "dev": true, - "requires": { - "camelcase": "^1.0.2", - "cliui": "^2.1.0", - "decamelize": "^1.0.0", - "window-size": "0.1.0" - } - } + "unique-slug": "^2.0.0" } }, - "uglify-to-browserify": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz", - "integrity": "sha1-bgkk1r2mta/jSeOabWMoUKD4grc=", + "unique-slug": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz", + "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==", "dev": true, - "optional": true + "requires": { + "imurmurhash": "^0.1.4" + } }, "uri-js": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", - "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", "dev": true, "requires": { "punycode": "^2.1.0" @@ -1956,109 +5543,50 @@ } }, "void-elements": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", - "integrity": "sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz", + "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=", "dev": true }, "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", "dev": true, "requires": { "isexe": "^2.0.0" } }, - "which-module": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz", - "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=", - "dev": true - }, "wide-align": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz", - "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", + "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", "dev": true, "requires": { - "string-width": "^1.0.2 || 2" + "string-width": "^1.0.2 || 2 || 3 || 4" } }, - "window-size": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz", - "integrity": "sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=", - "dev": true - }, "with": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/with/-/with-5.1.1.tgz", - "integrity": "sha1-+k2qktrzLE6pTtRTyB8EaGtXXf4=", + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/with/-/with-7.0.2.tgz", + "integrity": "sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==", "dev": true, "requires": { - "acorn": "^3.1.0", - "acorn-globals": "^3.0.0" + "@babel/parser": "^7.9.6", + "@babel/types": "^7.9.6", + "assert-never": "^1.2.1", + "babel-walk": "3.0.0-canary-5" } }, - "wordwrap": { - "version": "0.0.2", - "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz", - "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=", - "dev": true - }, "wrap-ansi": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz", - "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", "dev": true, "requires": { - "ansi-styles": "^3.2.0", - "string-width": "^3.0.0", - "strip-ansi": "^5.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", - "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", - "dev": true - }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, - "requires": { - "color-convert": "^1.9.0" - } - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", - "dev": true - }, - "string-width": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", - "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", - "dev": true, - "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" - } - }, - "strip-ansi": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", - "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", - "dev": true, - "requires": { - "ansi-regex": "^4.1.0" - } - } + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" } }, "wrappy": { @@ -2068,95 +5596,45 @@ "dev": true }, "y18n": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz", - "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==", + "version": "5.0.8", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", + "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", "dev": true }, "yallist": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", - "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", "dev": true }, "yargs": { - "version": "13.3.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz", - "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==", + "version": "17.4.1", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.4.1.tgz", + "integrity": "sha512-WSZD9jgobAg3ZKuCQZSa3g9QOJeCCqLoLAykiWgmXnDo9EPnn4RPf5qVTtzgOx66o6/oqhcA5tHtJXpG8pMt3g==", "dev": true, "requires": { - "cliui": "^5.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", + "cliui": "^7.0.2", + "escalade": "^3.1.1", + "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^13.1.2" - }, - "dependencies": { - "ansi-regex": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz", - "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==", - "dev": true - }, - "find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dev": true, - "requires": { - "locate-path": "^3.0.0" - } - }, - "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=", - "dev": true - }, - "string-width": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", - "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", - "dev": true, - "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" - } - }, - "strip-ansi": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", - "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", - "dev": true, - "requires": { - "ansi-regex": "^4.1.0" - } - } - } - }, - "yargs-parser": { - "version": "13.1.2", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz", - "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==", - "dev": true, - "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" + "string-width": "^4.2.3", + "y18n": "^5.0.5", + "yargs-parser": "^21.0.0" }, "dependencies": { - "camelcase": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", - "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", + "yargs-parser": { + "version": "21.0.1", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz", + "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==", "dev": true } } + }, + "yargs-parser": { + "version": "20.2.9", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", + "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", + "dev": true } } } diff --git a/package.json b/package.json index 7c47c30afb2ed0465b0f5f95f26f47f2e209f389..967a92bd19f1db7f8f9590a74566591d1d2b0824 100644 --- a/package.json +++ b/package.json @@ -3,22 +3,25 @@ "version": "1.0.0", "description": "This is a websearch frontend for a quassel database.", "scripts": { - "pug": "node_modules/pug-cli/index.js --basedir . $(find . -name index.pug)", - "sass": "cd assets/css && make -j8", - "css_minify_purifycss": "node_modules/purify-css/bin/purifycss assets/css/important.css index.html privacy-policy/index.html releases/index.html --min --info --out assets/css/important.min1.css", - "css_minify_uncss": "node_modules/uncss/bin/uncss index.html privacy-policy/index.html releases/index.html --htmlroot . --stylesheets assets/css/important.min1.css > assets/css/important.min.css", - "css_minify": "npm run css_minify_purifycss && npm run css_minify_uncss && rm assets/css/important.min1.css", - "images": "assets/images/generate_makefile.sh && cd assets/images && make -j8", - "build": "npm run images && npm run sass && npm run pug && npm run css_minify && npm run pug" + "pug": "cd src && make -j$(nproc)", + "css_sass": "cd src/assets/css && make -j$(nproc) sass", + "css_minify": "cd src/assets/css && make -j$(nproc) minify", + "favicon": "mkdirp dist/ && cp src/favico* dist/", + "js": "mkdirp dist/assets/js && cp src/assets/js/* dist/assets/js", + "fonts": "mkdirp dist/assets/fonts && cp src/assets/fonts/* dist/assets/fonts", + "images": "mkdirp dist/assets/images && cp src/assets/images/*.png src/assets/images/*.svg dist/assets/images && tools/generate_makefile.sh && cd src/assets/images && make -j$(nproc)", + "clean": "rimraf dist && mkdirp dist", + "build": "npm run css_sass && npm run js && npm run pug && npm run css_minify && npm run pug && npm run fonts && npm run images && npm run favicon" }, "author": "Janne Koschinski", "license": "GPL", "homepage": "https://quasseldroid.info/", "devDependencies": { + "@anduh/pug-cli": "^1.0.0-alpha8", "jstransformer-markdown-it": "^2.1.0", - "node-sass": "^6.0.0", - "pug-cli": "^1.0.0-alpha6", - "purify-css": "^1.2.5", - "uncss": "^0.17.3" + "mkdirp": "^1.0.4", + "node-sass": "^7.0.1", + "purgecss": "^4.1.3", + "rimraf": "^3.0.2" } } diff --git a/src/Makefile b/src/Makefile new file mode 100644 index 0000000000000000000000000000000000000000..43a13fb1f6be15b80cb72ab523177fc8e44aea87 --- /dev/null +++ b/src/Makefile @@ -0,0 +1,14 @@ +ROOT = $(shell realpath $(shell pwd)/..) +OUT = $(ROOT)/dist +PUG = $(ROOT)/node_modules/@anduh/pug-cli/index.js --basedir $(ROOT)/src +ASSETS = $(OUT)/assets/css/fonts.css $(OUT)/assets/css/important.css $(OUT)/assets/css/semantic.css $(OUT)/assets/css/style.css + +all: $(OUT)/index.html $(OUT)/releases/index.html $(OUT)/privacy-policy/index.html + +$(OUT)/index.html: index.pug $(ASSETS) + mkdir -p $(@D) + $(PUG) --path $< < $< > $@ + +$(OUT)/%/index.html: %.pug $(ASSETS) + mkdir -p $(@D) + $(PUG) --path $< < $< > $@ diff --git a/src/_mixins.pug b/src/_mixins.pug new file mode 100644 index 0000000000000000000000000000000000000000..73527543d620fde3d4619132bf88e399375b57b1 --- /dev/null +++ b/src/_mixins.pug @@ -0,0 +1,12 @@ +mixin responsive_image(alt, width, height, fallback, urls, sizes, webp_urls) + picture&attributes(attributes) + if webp_urls + source(type="image/webp", sizes=sizes, srcset=webp_urls, alt=alt) + source(sizes=sizes, srcset=urls, alt=alt) + img(src=fallback, alt=alt, loading="lazy", width=width, height=height) + +mixin theme_card(id, name) + a.card(href=`/assets/images/${id}.png`) + +responsive_image(name, 1080, 1920, `/assets/images/${id}@266.png`, `/assets/images/${id}@220.png 220w, /assets/images/${id}@266.png 266w, /assets/images/${id}@335.png 335w, /assets/images/${id}@352.png 352w, /assets/images/${id}@532.png 532w`, "(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px", `/assets/images/${id}@220.webp 220w, /assets/images/${id}@266.webp 266w, /assets/images/${id}@335.webp 335w, /assets/images/${id}@352.webp 352w, /assets/images/${id}@532.webp 532w`) + .content + .extra=name diff --git a/_template.pug b/src/_template.pug similarity index 85% rename from _template.pug rename to src/_template.pug index 66618f8ef7adca9149e91debd42d400a90a9ad16..beadf97f6e899e340af77004f804698befbfcc7b 100644 --- a/_template.pug +++ b/src/_template.pug @@ -40,33 +40,27 @@ html(lang="en") meta(name="msapplication-navbutton-color" content="#0a70c0") meta(name="apple-mobile-web-app-status-bar-style" content="#0a70c0") - link(rel="preload" as="script" href="/assets/js/intersectionobserver.min.js") link(rel="preload" as="font" href="/assets/fonts/icons.woff2") link(rel="preload" as="font" href="/assets/fonts/Lato-Regular.woff2") link(rel="preload" as="font" href="/assets/fonts/Lato-Bold.woff2") style - include /assets/css/important.min.css + include ../dist/assets/css/important.css style - include /assets/css/style.css + include ../dist/assets/css/style.css style - include /assets/css/fonts.css + include ../dist/assets/css/fonts.css script(async defer data-website-id="24607852-9f78-4e6a-adf4-7bf144c5645c" src="https://umami.kuschku.de/umami.js") - body#page-index.noscript(class=page) - noscript - style. - img[data-src] { - display: none !important; - } - script. - document.body.classList.remove("noscript"); + body#page-index(class=page) + script + include ../dist/assets/js/header.js .pusher .full.height .following.bar .ui.container .ui.large.secondary.menu.inverted a.view-ui.item(href="/", class=(page === 'index' ? 'active' : '')) - img.ui.logo.left(src="/assets/images/icon.svg" aria-hidden="true" role="img") + img.ui.logo.left(src="/assets/images/icon.svg" aria-hidden="true" role="img" width=256 height=256) | Quasseldroid a.view-ui.item(href="/docs/") | Docs @@ -83,10 +77,10 @@ html(lang="en") .ui.black.inverted.vertical.footer.segment .ui.center.aligned.container .ui.stackable.inverted.grid - .three.wide.column - h4.ui.inverted.header. + .four.wide.column + h2.ui.inverted.header. Community - .ui.inverted.link.list + .ui.large.inverted.link.list a.item(href="https://www.transifex.com/quasseldroid-1/quasseldroid-1/"). Help Translate a.item(href="https://lithium.kuschku.de/quasseldroid-theme-editor/"). @@ -97,10 +91,10 @@ html(lang="en") Join our Chat a.item(href="/docs/"). Documentation - .three.wide.column - h4.ui.inverted.header. + .four.wide.column + h2.ui.inverted.header. Discover More - .ui.inverted.link.list + .ui.large.inverted.link.list a.item(href="https://quassel-irc.org/"). Quassel a.item(href="https://github.com/magne4000/quassel-webserver/"). @@ -113,9 +107,9 @@ html(lang="en") Quassel-Rest-Search .ui.inverted.section.divider - img.ui.centered.mini.image(src="/assets/images/icon.svg" aria-hidden="true" role="img") + img.ui.centered.mini.image(src="/assets/images/icon.svg" aria-hidden="true" role="img" width=256 height=256) - .ui.inverted.small.link.list + .ui.inverted.link.list a.item(href="https://git.kuschku.de/justjanne/quasseldroid-ng/"). Free & Open Source p.item @@ -125,9 +119,6 @@ html(lang="en") a.ui.item(href="https://kuschku.de/imprint/"). Imprint p.item.renewable - img(src="/assets/images/sprout.svg" aria-hidden="true" role="img") + img(src="/assets/images/sprout.svg" aria-hidden="true" role="img" width=256 height=256) span This website is hosted with 100% renewable energy. - script(src="/assets/js/intersectionobserver.min.js") - script - include /assets/js/script.js diff --git a/src/assets/css/Makefile b/src/assets/css/Makefile new file mode 100644 index 0000000000000000000000000000000000000000..fb891e6931f9466b805c18b242a736189df2c8d4 --- /dev/null +++ b/src/assets/css/Makefile @@ -0,0 +1,23 @@ +ROOT = $(shell realpath $(shell pwd)/../../..) +OUT = $(ROOT)/dist +SASS = $(ROOT)/node_modules/node-sass/bin/node-sass --output-style compressed +PURGECSS = $(ROOT)/node_modules/purgecss/bin/purgecss.js + +CSS_OUT = $(OUT)/assets/css +HTML_PAGES = $(OUT)/index.html $(OUT)/privacy-policy/index.html $(OUT)/releases/index.html + +.PHONY: sass +sass: $(CSS_OUT)/fonts.css $(CSS_OUT)/style.css $(CSS_OUT)/important.css $(CSS_OUT)/semantic.css + +$(CSS_OUT)/important.css: + mkdir -p $(@D) + echo > $@ +$(CSS_OUT)/%.css: %.sass + $(SASS) $< -o $(CSS_OUT) +$(CSS_OUT)/%.css: %.scss + $(SASS) $< -o $(CSS_OUT) + +.PHONY: minify +minify: $(CSS_OUT)/semantic.css + cp $(CSS_OUT)/semantic.css $(CSS_OUT)/important.css + $(PURGECSS) --css $(CSS_OUT)/important.css --content $(HTML_PAGES) --font-face --keyframes --variables --output $(CSS_OUT)/important.css diff --git a/src/assets/css/fonts.scss b/src/assets/css/fonts.scss new file mode 100644 index 0000000000000000000000000000000000000000..fa81b4c7dc64f1844c8ee87868450b7764d5ec3b --- /dev/null +++ b/src/assets/css/fonts.scss @@ -0,0 +1,65 @@ +@font-face { + font-family: 'Lato'; + src: url('/assets/fonts/Lato-Regular.eot'); + src: url('/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), + url('/assets/fonts/Lato-Regular.woff2') format('woff2'), + url('/assets/fonts/Lato-Regular.woff') format('woff'), + url('/assets/fonts/Lato-Regular.ttf') format('truetype'); + font-style: normal; + font-weight: normal; + font-display: fallback; + text-rendering: optimizeLegibility; +} + +@font-face { + font-family: 'Lato'; + src: url('/assets/fonts/Lato-Bold.eot'); + src: url('/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), + url('/assets/fonts/Lato-Bold.woff2') format('woff2'), + url('/assets/fonts/Lato-Bold.woff') format('woff'), + url('/assets/fonts/Lato-Bold.ttf') format('truetype'); + font-style: normal; + font-weight: bold; + font-display: fallback; + text-rendering: optimizeLegibility; +} + +@font-face { + font-family: 'Lato'; + src: url('/assets/fonts/Lato-BoldItalic.eot'); + src: url('/assets/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), + url('/assets/fonts/Lato-BoldItalic.woff2') format('woff2'), + url('/assets/fonts/Lato-BoldItalic.woff') format('woff'), + url('/assets/fonts/Lato-BoldItalic.ttf') format('truetype'); + font-style: italic; + font-weight: bold; + font-display: fallback; + text-rendering: optimizeLegibility; +} + +@font-face { + font-family: 'Lato'; + src: url('/assets/fonts/Lato-Italic.eot'); + src: url('/assets/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), + url('/assets/fonts/Lato-Italic.woff2') format('woff2'), + url('/assets/fonts/Lato-Italic.woff') format('woff'), + url('/assets/fonts/Lato-Italic.ttf') format('truetype'); + font-style: italic; + font-weight: normal; + font-display: fallback; + text-rendering: optimizeLegibility; +} + +@font-face { + font-family: 'IconFont'; + src: url("/assets/fonts/icons.eot"); + src: url("/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), + url("/assets/fonts/icons.woff2") format('woff2'), + url("/assets/fonts/icons.woff") format('woff'), + url("/assets/fonts/icons.ttf") format('truetype'), + url("/assets/fonts/icons.svg#icons") format('svg'); + font-style: normal; + font-weight: normal; + font-variant: normal; + font-display: block; +} diff --git a/assets/css/important.scss b/src/assets/css/semantic.scss similarity index 81% rename from assets/css/important.scss rename to src/assets/css/semantic.scss index 391c5e781d156187e0231bfa0d5b4438d513f214..e07cd0e6e6b01bc989ad5e30dc8f6290090a808d 100644 --- a/assets/css/important.scss +++ b/src/assets/css/semantic.scss @@ -1,28 +1,79 @@ +/* + * # Semantic UI - 2.3.1 + * https://github.com/Semantic-Org/Semantic-UI + * http://www.semantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +/*! + * # Semantic UI 2.3.1 - Reset + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Reset +*******************************/ + +/* Border-Box */ + *, *:before, *:after { - -webkit-box-sizing: inherit; box-sizing: inherit; } + html { - -webkit-box-sizing: border-box; box-sizing: border-box; } + +/* iPad Input Shadows */ + input[type="text"], input[type="email"], input[type="search"], input[type="password"] { - -webkit-appearance: none; - -moz-appearance: none; -} + appearance: none; + /* mobile firefox too! */ +} + +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + html { line-height: 1.15; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; } + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers (opinionated). + */ + body { margin: 0; } + +/** + * Add the correct display in IE 9-. + */ + article, aside, footer, @@ -31,62 +82,153 @@ nav, section { display: block; } + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + h1 { font-size: 2em; margin: 0.67em 0; } + +/* Grouping content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ + figcaption, figure, main { + /* 1 */ display: block; } + +/** + * Add the correct margin in IE 8. + */ + figure { margin: 1em 40px; } + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + hr { - -webkit-box-sizing: content-box; box-sizing: content-box; + /* 1 */ height: 0; + /* 1 */ overflow: visible; -} + /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + pre { font-family: monospace, monospace; + /* 1 */ font-size: 1em; -} + /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + a { background-color: transparent; + /* 1 */ -webkit-text-decoration-skip: objects; -} + /* 2 */ +} + +/** + * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + abbr[title] { border-bottom: none; - text-decoration: underline; - -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + b, strong { font-weight: inherit; } + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + b, strong { font-weight: bolder; } + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + code, kbd, samp { font-family: monospace, monospace; + /* 1 */ font-size: 1em; + /* 2 */ } + +/** + * Add the correct font style in Android 4.3-. + */ + dfn { font-style: italic; } + +/** + * Add the correct background and color in IE 9-. + */ + mark { background-color: #ff0; color: #000; } + +/** + * Add the correct font size in all browsers. + */ + small { font-size: 80%; } + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + sub, sup { font-size: 75%; @@ -94,50 +236,115 @@ sup { position: relative; vertical-align: baseline; } + sub { bottom: -0.25em; } + sup { top: -0.5em; } + +/* Embedded content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + audio, video { display: inline-block; } + +/** + * Add the correct display in iOS 4-7. + */ + audio:not([controls]) { display: none; height: 0; } + +/** + * Remove the border on images inside links in IE 10-. + */ + img { border-style: none; } + +/** + * Hide the overflow in IE. + */ + svg:not(:root) { overflow: hidden; } + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + button, input, optgroup, select, textarea { font-family: sans-serif; + /* 1 */ font-size: 100%; + /* 1 */ line-height: 1.15; + /* 1 */ margin: 0; -} + /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + button, input { + /* 1 */ overflow: visible; } + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + button, select { + /* 1 */ text-transform: none; } + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; + /* 2 */ } + +/** + * Remove the inner border and padding in Firefox. + */ + button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, @@ -145,76 +352,200 @@ button::-moz-focus-inner, border-style: none; padding: 0; } + +/** + * Restore the focus styles unset by the previous rule. + */ + button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } + +/** + * Correct the padding in Firefox. + */ + fieldset { padding: 0.35em 0.75em 0.625em; } + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + legend { - -webkit-box-sizing: border-box; box-sizing: border-box; + /* 1 */ color: inherit; + /* 2 */ display: table; + /* 1 */ max-width: 100%; + /* 1 */ padding: 0; + /* 3 */ white-space: normal; -} + /* 1 */ +} + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + progress { display: inline-block; + /* 1 */ vertical-align: baseline; + /* 2 */ } + +/** + * Remove the default vertical scrollbar in IE. + */ + textarea { overflow: auto; } + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + [type="checkbox"], [type="radio"] { - -webkit-box-sizing: border-box; box-sizing: border-box; + /* 1 */ padding: 0; + /* 2 */ } + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + [type="search"] { -webkit-appearance: textfield; + /* 1 */ outline-offset: -2px; + /* 2 */ } + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ + [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + ::-webkit-file-upload-button { -webkit-appearance: button; + /* 1 */ font: inherit; -} + /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ + details, menu { display: block; } + +/* + * Add the correct display in all browsers. + */ + summary { display: list-item; } + +/* Scripting + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + canvas { display: inline-block; } + +/** + * Add the correct display in IE. + */ + template { display: none; } + +/* Hidden + ========================================================================== */ + +/** + * Add the correct display in IE 10-. + */ + [hidden] { display: none; } + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Site + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Page +*******************************/ + html, body { height: 100%; } + html { font-size: 14px; } + body { margin: 0; padding: 0; @@ -227,6 +558,11 @@ body { color: rgba(0, 0, 0, 0.87); font-smoothing: antialiased; } + +/******************************* + Headers +*******************************/ + h1, h2, h3, @@ -238,22 +574,28 @@ h5 { font-weight: bold; padding: 0; } + h1 { min-height: 1rem; font-size: 2rem; } + h2 { font-size: 1.71428571rem; } + h3 { font-size: 1.28571429rem; } + h4 { font-size: 1.07142857rem; } + h5 { font-size: 1rem; } + h1:first-child, h2:first-child, h3:first-child, @@ -261,6 +603,7 @@ h4:first-child, h5:first-child { margin-top: 0; } + h1:last-child, h2:last-child, h3:last-child, @@ -268,85 +611,127 @@ h4:last-child, h5:last-child { margin-bottom: 0; } + +/******************************* + Text +*******************************/ + p { margin: 0 0 1em; line-height: 1.4285em; } + p:first-child { margin-top: 0; } + p:last-child { margin-bottom: 0; } + +/*------------------- + Links +--------------------*/ + a { color: #0a70c0; text-decoration: none; } + a:hover { color: #105a94; text-decoration: none; } -::-webkit-selection { - background-color: #CCE2FF; - color: rgba(0, 0, 0, 0.87); -} -::-moz-selection { - background-color: #CCE2FF; - color: rgba(0, 0, 0, 0.87); -} + +/******************************* + Scrollbars +*******************************/ + +/******************************* + Highlighting +*******************************/ + +/* Site */ ::selection { background-color: #CCE2FF; color: rgba(0, 0, 0, 0.87); } -textarea::-webkit-selection, -input::-webkit-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} -textarea::-moz-selection, -input::-moz-selection { - background-color: rgba(100, 100, 100, 0.4); - color: rgba(0, 0, 0, 0.87); -} + +/* Form */ + textarea::selection, input::selection { background-color: rgba(100, 100, 100, 0.4); color: rgba(0, 0, 0, 0.87); } + +/* Force Simple Scrollbars */ + body ::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 10px; } + body ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 0; } + body ::-webkit-scrollbar-thumb { cursor: pointer; border-radius: 5px; background: rgba(0, 0, 0, 0.25); - -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } + body ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.15); } + body ::-webkit-scrollbar-thumb:hover { background: rgba(128, 135, 139, 0.8); } + +/* Inverted UI */ + body .ui.inverted::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } + body .ui.inverted::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } + body .ui.inverted::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } + body .ui.inverted::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } + +/******************************* + Global Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Button + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Button +*******************************/ + .ui.button { cursor: pointer; display: inline-block; @@ -367,63 +752,84 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-align: center; text-decoration: none; border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; - -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - will-change: ''; + will-change: opacity, background-color, color, box-shadow, background; -webkit-tap-highlight-color: transparent; } + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + .ui.button:hover { background-color: #CACBCD; background-image: none; - -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; color: rgba(0, 0, 0, 0.8); } + .ui.button:hover .icon { opacity: 0.85; } + +/*-------------- + Focus +---------------*/ + .ui.button:focus { background-color: #CACBCD; color: rgba(0, 0, 0, 0.8); - background-image: '' !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; } + .ui.button:focus .icon { opacity: 0.85; } + +/*-------------- + Down +---------------*/ + .ui.button:active, .ui.active.button:active { background-color: #BABBBC; - background-image: ''; color: rgba(0, 0, 0, 0.9); - -webkit-box-shadow: 0 0 0 1px transparent inset, none; - box-shadow: 0 0 0 1px transparent inset, none; + box-shadow: 0 0 0 1px transparent inset; } + +/*-------------- + Active +---------------*/ + .ui.active.button { background-color: #C0C1C2; background-image: none; - -webkit-box-shadow: 0 0 0 1px transparent inset; box-shadow: 0 0 0 1px transparent inset; color: rgba(0, 0, 0, 0.95); } + .ui.active.button:hover { background-color: #C0C1C2; background-image: none; color: rgba(0, 0, 0, 0.95); } + .ui.active.button:active { background-color: #C0C1C2; background-image: none; } + +/*-------------- + Loading +---------------*/ + +/* Specificity hack */ + .ui.loading.loading.loading.loading.loading.loading.button { position: relative; cursor: default; @@ -431,9 +837,9 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: transparent !important; opacity: 1; pointer-events: auto; - -webkit-transition: all 0s linear, opacity 0.1s ease; transition: all 0s linear, opacity 0.1s ease; } + .ui.loading.button:before { position: absolute; content: ''; @@ -445,6 +851,7 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.15); } + .ui.loading.button:after { position: absolute; content: ''; @@ -453,48 +860,52 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #FFFFFF transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } + .ui.labeled.icon.loading.button .icon { background-color: transparent; - -webkit-box-shadow: none; box-shadow: none; } + @-webkit-keyframes button-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + @keyframes button-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + .ui.basic.loading.button:not(.inverted):before { border-color: rgba(0, 0, 0, 0.1); } + .ui.basic.loading.button:not(.inverted):after { border-top-color: #767676; } + +/*------------------- + Disabled +--------------------*/ + .ui.buttons .disabled.button, .ui.disabled.button, .ui.button:disabled, @@ -503,13 +914,24 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { cursor: default; opacity: 0.45 !important; background-image: none !important; - -webkit-box-shadow: none !important; box-shadow: none !important; pointer-events: none !important; } + +/* Basic Group With Disabled */ + .ui.basic.buttons .ui.disabled.button { border-color: rgba(34, 36, 38, 0.5); } + +/******************************* + Types +*******************************/ + +/*------------------- + Animated +--------------------*/ + .ui.animated.button { position: relative; overflow: hidden; @@ -517,421 +939,538 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { vertical-align: middle; z-index: 1; } + .ui.animated.button .content { will-change: transform, opacity; } + .ui.animated.button .visible.content { position: relative; margin-right: 1.5em; } + .ui.animated.button .hidden.content { position: absolute; width: 100%; } + +/* Horizontal */ + .ui.animated.button .visible.content, .ui.animated.button .hidden.content { - -webkit-transition: right 0.3s ease 0s; transition: right 0.3s ease 0s; } + .ui.animated.button .visible.content { left: auto; - right: 0%; + right: 0; } + .ui.animated.button .hidden.content { top: 50%; left: auto; right: -100%; margin-top: -0.5em; } + .ui.animated.button:focus .visible.content, .ui.animated.button:hover .visible.content { left: auto; right: 200%; } + .ui.animated.button:focus .hidden.content, .ui.animated.button:hover .hidden.content { left: auto; - right: 0%; + right: 0; } + +/* Vertical */ + .ui.vertical.animated.button .visible.content, .ui.vertical.animated.button .hidden.content { - -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, -webkit-transform 0.3s ease; transition: top 0.3s ease, transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } + .ui.vertical.animated.button .visible.content { - -webkit-transform: translateY(0%); transform: translateY(0%); right: auto; } + .ui.vertical.animated.button .hidden.content { top: -50%; - left: 0%; + left: 0; right: auto; } + .ui.vertical.animated.button:focus .visible.content, .ui.vertical.animated.button:hover .visible.content { - -webkit-transform: translateY(200%); transform: translateY(200%); right: auto; } + .ui.vertical.animated.button:focus .hidden.content, .ui.vertical.animated.button:hover .hidden.content { top: 50%; right: auto; } + +/* Fade */ + .ui.fade.animated.button .visible.content, .ui.fade.animated.button .hidden.content { - -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } + .ui.fade.animated.button .visible.content { left: auto; right: auto; opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } + .ui.fade.animated.button .hidden.content { opacity: 0; - left: 0%; + left: 0; right: auto; - -webkit-transform: scale(1.5); transform: scale(1.5); } + .ui.fade.animated.button:focus .visible.content, .ui.fade.animated.button:hover .visible.content { left: auto; right: auto; opacity: 0; - -webkit-transform: scale(0.75); transform: scale(0.75); } + .ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content { - left: 0%; + left: 0; right: auto; opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } + +/*------------------- + Inverted +--------------------*/ + .ui.inverted.button { - -webkit-box-shadow: 0 0 0 2px #FFFFFF inset !important; box-shadow: 0 0 0 2px #FFFFFF inset !important; background: transparent none; color: #FFFFFF; text-shadow: none !important; } + +/* Group */ + .ui.inverted.buttons .button { margin: 0 0 0 -2px; } + .ui.inverted.buttons .button:first-child { margin-left: 0; } + .ui.inverted.vertical.buttons .button { margin: 0 0 -2px 0; } + .ui.inverted.vertical.buttons .button:first-child { margin-top: 0; } + +/* States */ + +/* Hover */ + .ui.inverted.button:hover { background: #FFFFFF; - -webkit-box-shadow: 0 0 0 2px #FFFFFF inset !important; box-shadow: 0 0 0 2px #FFFFFF inset !important; color: rgba(0, 0, 0, 0.8); } + +/* Active / Focus */ + .ui.inverted.button:focus, .ui.inverted.button.active { background: #FFFFFF; - -webkit-box-shadow: 0 0 0 2px #FFFFFF inset !important; box-shadow: 0 0 0 2px #FFFFFF inset !important; color: rgba(0, 0, 0, 0.8); } + +/* Active Focus */ + .ui.inverted.button.active:focus { background: #DCDDDE; - -webkit-box-shadow: 0 0 0 2px #DCDDDE inset !important; box-shadow: 0 0 0 2px #DCDDDE inset !important; color: rgba(0, 0, 0, 0.8); } + +/*------------------- + Labeled Button +--------------------*/ + .ui.labeled.button:not(.icon) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; background: none !important; padding: 0 !important; border: none !important; - -webkit-box-shadow: none !important; box-shadow: none !important; } + .ui.labeled.button > .button { margin: 0; } + .ui.labeled.button > .label { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; margin: 0 0 0 -1px !important; - padding: ''; font-size: 1em; border-color: rgba(34, 36, 38, 0.15); } + +/* Tag */ + .ui.labeled.button > .tag.label:before { width: 1.85em; height: 1.85em; } + +/* Right */ + .ui.labeled.button:not([class*="left labeled"]) > .button { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .ui.labeled.button:not([class*="left labeled"]) > .label { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +/* Left Side */ + .ui[class*="left labeled"].button > .button { border-top-left-radius: 0; border-bottom-left-radius: 0; } + .ui[class*="left labeled"].button > .label { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +/*------------------- + Social +--------------------*/ + +/* Facebook */ + .ui.facebook.button { background-color: #3B5998; color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.facebook.button:hover { background-color: #304d8a; color: #FFFFFF; text-shadow: none; } + .ui.facebook.button:active { background-color: #2d4373; color: #FFFFFF; text-shadow: none; } + +/* Twitter */ + .ui.twitter.button { background-color: #55ACEE; color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.twitter.button:hover { background-color: #35a2f4; color: #FFFFFF; text-shadow: none; } + .ui.twitter.button:active { background-color: #2795e9; color: #FFFFFF; text-shadow: none; } + +/* Google Plus */ + .ui.google.plus.button { background-color: #DD4B39; color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.google.plus.button:hover { background-color: #e0321c; color: #FFFFFF; text-shadow: none; } + .ui.google.plus.button:active { background-color: #c23321; color: #FFFFFF; text-shadow: none; } + +/* Linked In */ + .ui.linkedin.button { background-color: #1F88BE; color: #FFFFFF; text-shadow: none; } + .ui.linkedin.button:hover { background-color: #147baf; color: #FFFFFF; text-shadow: none; } + .ui.linkedin.button:active { background-color: #186992; color: #FFFFFF; text-shadow: none; } + +/* YouTube */ + .ui.youtube.button { background-color: #FF0000; color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.youtube.button:hover { background-color: #e60000; color: #FFFFFF; text-shadow: none; } + .ui.youtube.button:active { background-color: #cc0000; color: #FFFFFF; text-shadow: none; } + +/* Instagram */ + .ui.instagram.button { background-color: #49769C; color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.instagram.button:hover { background-color: #3d698e; color: #FFFFFF; text-shadow: none; } + .ui.instagram.button:active { background-color: #395c79; color: #FFFFFF; text-shadow: none; } + +/* Pinterest */ + .ui.pinterest.button { background-color: #BD081C; color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.pinterest.button:hover { background-color: #ac0013; color: #FFFFFF; text-shadow: none; } + .ui.pinterest.button:active { background-color: #8c0615; color: #FFFFFF; text-shadow: none; } + +/* VK */ + .ui.vk.button { background-color: #4D7198; color: #FFFFFF; background-image: none; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.vk.button:hover { background-color: #41648a; color: #FFFFFF; } + .ui.vk.button:active { background-color: #3c5876; color: #FFFFFF; } + +/*-------------- + Icon +---------------*/ + .ui.button > .icon:not(.button) { height: 0.85714286em; opacity: 0.8; margin: 0 0.42857143em 0 -0.21428571em; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; - vertical-align: ''; - color: ''; } + .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { margin: 0 0.42857143em 0 -0.21428571em; } + .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { margin: 0 -0.21428571em 0 0.42857143em; } + +/******************************* + Variations +*******************************/ + +/*------------------- + Floated +--------------------*/ + .ui[class*="left floated"].buttons, .ui[class*="left floated"].button { float: left; margin-left: 0; margin-right: 0.25em; } + .ui[class*="right floated"].buttons, .ui[class*="right floated"].button { float: right; margin-right: 0; margin-left: 0.25em; } + +/*------------------- + Compact +--------------------*/ + .ui.compact.buttons .button, .ui.compact.button { padding: 0.58928571em 1.125em 0.58928571em; } + .ui.compact.icon.buttons .button, .ui.compact.icon.button { padding: 0.58928571em 0.58928571em 0.58928571em; } + .ui.compact.labeled.icon.buttons .button, .ui.compact.labeled.icon.button { padding: 0.58928571em 3.69642857em 0.58928571em; } + +/*------------------- + Sizes +--------------------*/ + .ui.mini.buttons .button, .ui.mini.buttons .or, .ui.mini.button { font-size: 0.78571429rem; } + .ui.tiny.buttons .button, .ui.tiny.buttons .or, .ui.tiny.button { font-size: 0.85714286rem; } + .ui.small.buttons .button, .ui.small.buttons .or, .ui.small.button { font-size: 0.92857143rem; } + .ui.buttons .button, .ui.buttons .or, .ui.button { font-size: 1rem; } + .ui.large.buttons .button, .ui.large.buttons .or, .ui.large.button { font-size: 1.14285714rem; } + .ui.big.buttons .button, .ui.big.buttons .or, .ui.big.button { font-size: 1.28571429rem; } + .ui.huge.buttons .button, .ui.huge.buttons .or, .ui.huge.button { font-size: 1.42857143rem; } + .ui.massive.buttons .button, .ui.massive.buttons .or, .ui.massive.button { font-size: 1.71428571rem; } + +/*-------------- + Icon Only +---------------*/ + .ui.icon.buttons .button, .ui.icon.button { padding: 0.78571429em 0.78571429em 0.78571429em; } + .ui.icon.buttons .button > .icon, .ui.icon.button > .icon { opacity: 0.9; margin: 0 !important; vertical-align: top; } + +/*------------------- + Basic +--------------------*/ + .ui.basic.buttons .button, .ui.basic.button { background: transparent none !important; @@ -940,123 +1479,136 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { border-radius: 0.28571429rem; text-transform: none; text-shadow: none !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } + .ui.basic.buttons { - -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; } + .ui.basic.buttons .button { border-radius: 0; } + .ui.basic.buttons .button:hover, .ui.basic.button:hover { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.basic.buttons .button:focus, .ui.basic.button:focus { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.basic.buttons .button:active, .ui.basic.button:active { background: #F8F8F8 !important; color: rgba(0, 0, 0, 0.9) !important; - -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; } + .ui.basic.buttons .active.button, .ui.basic.active.button { background: rgba(0, 0, 0, 0.05) !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; color: rgba(0, 0, 0, 0.95) !important; } + .ui.basic.buttons .active.button:hover, .ui.basic.active.button:hover { background-color: rgba(0, 0, 0, 0.05); } + +/* Vertical */ + .ui.basic.buttons .button:hover { - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.basic.buttons .button:active { - -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; -} -.ui.basic.buttons .active.button { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; } + +/* Standard Basic Inverted */ + .ui.basic.inverted.buttons .button, .ui.basic.inverted.button { background-color: transparent !important; color: #F9FAFB !important; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; } + .ui.basic.inverted.buttons .button:hover, .ui.basic.inverted.button:hover { color: #FFFFFF !important; - -webkit-box-shadow: 0 0 0 2px #ffffff inset !important; box-shadow: 0 0 0 2px #ffffff inset !important; } + .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.button:focus { color: #FFFFFF !important; - -webkit-box-shadow: 0 0 0 2px #ffffff inset !important; box-shadow: 0 0 0 2px #ffffff inset !important; } + .ui.basic.inverted.buttons .button:active, .ui.basic.inverted.button:active { background-color: rgba(255, 255, 255, 0.08) !important; color: #FFFFFF !important; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset !important; } + .ui.basic.inverted.buttons .active.button, .ui.basic.inverted.active.button { background-color: rgba(255, 255, 255, 0.08); color: #FFFFFF; text-shadow: none; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; } + .ui.basic.inverted.buttons .active.button:hover, .ui.basic.inverted.active.button:hover { background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0 0 0 2px #ffffff inset !important; box-shadow: 0 0 0 2px #ffffff inset !important; } + +/* Basic Group */ + .ui.basic.buttons .button { border-left: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; box-shadow: none; } + .ui.basic.vertical.buttons .button { border-left: none; } + .ui.basic.vertical.buttons .button { border-left-width: 0; border-top: 1px solid rgba(34, 36, 38, 0.15); } + .ui.basic.vertical.buttons .button:first-child { border-top-width: 0; } + +/*-------------- + Labeled Icon +---------------*/ + .ui.labeled.icon.buttons .button, .ui.labeled.icon.button { position: relative; padding-left: 4.07142857em !important; padding-right: 1.5em !important; } + +/* Left Labeled */ + .ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon { position: absolute; @@ -1069,28 +1621,33 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { margin: 0; width: 2.57142857em; background-color: rgba(0, 0, 0, 0.05); - color: ''; - -webkit-box-shadow: -1px 0 0 0 transparent inset; box-shadow: -1px 0 0 0 transparent inset; } + +/* Left Labeled */ + .ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon { top: 0; left: 0; } + +/* Right Labeled */ + .ui[class*="right labeled"].icon.button { padding-right: 4.07142857em !important; padding-left: 1.5em !important; } + .ui[class*="right labeled"].icon.button > .icon { left: auto; right: 0; border-radius: 0; border-top-right-radius: inherit; border-bottom-right-radius: inherit; - -webkit-box-shadow: 1px 0 0 0 transparent inset; box-shadow: 1px 0 0 0 transparent inset; } + .ui.labeled.icon.buttons > .button > .icon:before, .ui.labeled.icon.button > .icon:before, .ui.labeled.icon.buttons > .button > .icon:after, @@ -1100,60 +1657,84 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { width: 100%; top: 50%; text-align: center; - -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .ui.labeled.icon.buttons .button > .icon { border-radius: 0; } + .ui.labeled.icon.buttons .button:first-child > .icon { border-top-left-radius: 0.28571429rem; border-bottom-left-radius: 0.28571429rem; } + .ui.labeled.icon.buttons .button:last-child > .icon { border-top-right-radius: 0.28571429rem; border-bottom-right-radius: 0.28571429rem; } + .ui.vertical.labeled.icon.buttons .button:first-child > .icon { - border-radius: 0; - border-top-left-radius: 0.28571429rem; + border-radius: 0.28571429rem 0 0 0; } + .ui.vertical.labeled.icon.buttons .button:last-child > .icon { - border-radius: 0; - border-bottom-left-radius: 0.28571429rem; + border-radius: 0 0 0 0.28571429rem; } + +/* Fluid Labeled */ + .ui.fluid[class*="left labeled"].icon.button, .ui.fluid[class*="right labeled"].icon.button { padding-left: 1.5em !important; padding-right: 1.5em !important; } + +/*-------------- + Toggle +---------------*/ + +/* Toggle (Modifies active state to give affordances) */ + .ui.toggle.buttons .active.button, .ui.buttons .button.toggle.active, .ui.button.toggle.active { background-color: #21BA45 !important; - -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none; color: #FFFFFF !important; } + .ui.button.toggle.active:hover { background-color: #16ab39 !important; text-shadow: none; color: #FFFFFF !important; } + +/*-------------- + Circular +---------------*/ + .ui.circular.button { border-radius: 10em; } + .ui.circular.button > .icon { width: 1em; vertical-align: baseline; } + +/*------------------- + Or Buttons +--------------------*/ + .ui.buttons .or { position: relative; width: 0.3em; height: 2.57142857em; z-index: 3; } + .ui.buttons .or:before { position: absolute; text-align: center; @@ -1171,32 +1752,49 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: rgba(0, 0, 0, 0.4); font-style: normal; font-weight: bold; - -webkit-box-shadow: 0 0 0 1px transparent inset; box-shadow: 0 0 0 1px transparent inset; } + .ui.buttons .or[data-text]:before { content: attr(data-text); } + +/* Fluid Or */ + .ui.fluid.buttons .or { width: 0 !important; } + .ui.fluid.buttons .or:after { display: none; } + +/*------------------- + Attached +--------------------*/ + +/* Singular */ + .ui.attached.button { position: relative; display: block; margin: 0; border-radius: 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) !important; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) !important; } + +/* Top / Bottom */ + .ui.attached.top.button { border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.attached.bottom.button { border-radius: 0 0 0.28571429rem 0.28571429rem; } + +/* Left / Right */ + .ui.left.attached.button { display: inline-block; border-left: none; @@ -1204,16 +1802,18 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { padding-right: 0.75em; border-radius: 0.28571429rem 0 0 0.28571429rem; } + .ui.right.attached.button { display: inline-block; text-align: left; padding-left: 0.75em; border-radius: 0 0.28571429rem 0.28571429rem 0; } + +/* Plural */ + .ui.attached.buttons { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; border-radius: 0; width: auto !important; @@ -1221,180 +1821,242 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { margin-left: -1px; margin-right: -1px; } + .ui.attached.buttons .button { margin: 0; } + .ui.attached.buttons .button:first-child { border-radius: 0; } + .ui.attached.buttons .button:last-child { border-radius: 0; } + +/* Top / Bottom */ + .ui[class*="top attached"].buttons { margin-bottom: -1px; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui[class*="top attached"].buttons .button:first-child { border-radius: 0.28571429rem 0 0 0; } + .ui[class*="top attached"].buttons .button:last-child { border-radius: 0 0.28571429rem 0 0; } + .ui[class*="bottom attached"].buttons { margin-top: -1px; border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui[class*="bottom attached"].buttons .button:first-child { border-radius: 0 0 0 0.28571429rem; } + .ui[class*="bottom attached"].buttons .button:last-child { border-radius: 0 0 0.28571429rem 0; } + +/* Left / Right */ + .ui[class*="left attached"].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; margin-right: 0; margin-left: -1px; border-radius: 0 0.28571429rem 0.28571429rem 0; } + .ui[class*="left attached"].buttons .button:first-child { margin-left: -1px; border-radius: 0 0.28571429rem 0 0; } + .ui[class*="left attached"].buttons .button:last-child { margin-left: -1px; border-radius: 0 0 0.28571429rem 0; } + .ui[class*="right attached"].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; margin-left: 0; margin-right: -1px; border-radius: 0.28571429rem 0 0 0.28571429rem; } + .ui[class*="right attached"].buttons .button:first-child { margin-left: -1px; border-radius: 0.28571429rem 0 0 0; } + .ui[class*="right attached"].buttons .button:last-child { margin-left: -1px; border-radius: 0 0 0 0.28571429rem; } + +/*------------------- + Fluid +--------------------*/ + .ui.fluid.buttons, .ui.fluid.button { width: 100%; } + .ui.fluid.button { display: block; } + .ui.two.buttons { width: 100%; } + .ui.two.buttons > .button { width: 50%; } + .ui.three.buttons { width: 100%; } + .ui.three.buttons > .button { width: 33.333%; } + .ui.four.buttons { width: 100%; } + .ui.four.buttons > .button { width: 25%; } + .ui.five.buttons { width: 100%; } + .ui.five.buttons > .button { width: 20%; } + .ui.six.buttons { width: 100%; } + .ui.six.buttons > .button { width: 16.666%; } + .ui.seven.buttons { width: 100%; } + .ui.seven.buttons > .button { width: 14.285%; } + .ui.eight.buttons { width: 100%; } + .ui.eight.buttons > .button { width: 12.500%; } + .ui.nine.buttons { width: 100%; } + .ui.nine.buttons > .button { width: 11.11%; } + .ui.ten.buttons { width: 100%; } + .ui.ten.buttons > .button { width: 10%; } + .ui.eleven.buttons { width: 100%; } + .ui.eleven.buttons > .button { width: 9.09%; } + .ui.twelve.buttons { width: 100%; } + .ui.twelve.buttons > .button { width: 8.3333%; } + +/* Fluid Vertical Buttons */ + .ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons > .button { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: auto; } + .ui.two.vertical.buttons > .button { height: 50%; } + .ui.three.vertical.buttons > .button { height: 33.333%; } + .ui.four.vertical.buttons > .button { height: 25%; } + .ui.five.vertical.buttons > .button { height: 20%; } + .ui.six.vertical.buttons > .button { height: 16.666%; } + .ui.seven.vertical.buttons > .button { height: 14.285%; } + .ui.eight.vertical.buttons > .button { height: 12.500%; } + .ui.nine.vertical.buttons > .button { height: 11.11%; } + .ui.ten.vertical.buttons > .button { height: 10%; } + .ui.eleven.vertical.buttons > .button { height: 9.09%; } + .ui.twelve.vertical.buttons > .button { height: 8.3333%; } + +/*------------------- + Colors +--------------------*/ + +/*--- Black ---*/ + .ui.black.buttons .button, .ui.black.button { background-color: #1B1C1D; @@ -1402,28 +2064,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.black.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.black.buttons .button:hover, .ui.black.button:hover { background-color: #27292a; color: #FFFFFF; text-shadow: none; } + .ui.black.buttons .button:focus, .ui.black.button:focus { background-color: #2f3032; color: #FFFFFF; text-shadow: none; } + .ui.black.buttons .button:active, .ui.black.button:active { background-color: #343637; color: #FFFFFF; text-shadow: none; } + .ui.black.buttons .active.button, .ui.black.buttons .active.button:active, .ui.black.active.button, @@ -1432,49 +2098,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.black.buttons .button, .ui.basic.black.button { - -webkit-box-shadow: 0 0 0 1px #1B1C1D inset !important; box-shadow: 0 0 0 1px #1B1C1D inset !important; color: #1B1C1D !important; } + .ui.basic.black.buttons .button:hover, .ui.basic.black.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; box-shadow: 0 0 0 1px #27292a inset !important; color: #27292a !important; } + .ui.basic.black.buttons .button:focus, .ui.basic.black.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #2f3032 inset !important; box-shadow: 0 0 0 1px #2f3032 inset !important; color: #27292a !important; } + .ui.basic.black.buttons .active.button, .ui.basic.black.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #0f0f10 inset !important; box-shadow: 0 0 0 1px #0f0f10 inset !important; color: #343637 !important; } + .ui.basic.black.buttons .button:active, .ui.basic.black.button:active { - -webkit-box-shadow: 0 0 0 1px #343637 inset !important; box-shadow: 0 0 0 1px #343637 inset !important; color: #343637 !important; } + .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.black.buttons .button, .ui.inverted.black.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset !important; box-shadow: 0 0 0 2px #D4D4D5 inset !important; color: #FFFFFF; } + .ui.inverted.black.buttons .button:hover, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .button:focus, @@ -1483,62 +2155,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.black.button.active, .ui.inverted.black.buttons .button:active, .ui.inverted.black.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.black.buttons .button:hover, .ui.inverted.black.button:hover { background-color: #000000; } + .ui.inverted.black.buttons .button:focus, .ui.inverted.black.button:focus { background-color: #000000; } + .ui.inverted.black.buttons .active.button, .ui.inverted.black.active.button { background-color: #000000; } + .ui.inverted.black.buttons .button:active, .ui.inverted.black.button:active { background-color: #000000; } + +/* Inverted Basic */ + .ui.inverted.black.basic.buttons .button, .ui.inverted.black.buttons .basic.button, .ui.inverted.black.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover, .ui.inverted.black.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #000000 inset !important; box-shadow: 0 0 0 2px #000000 inset !important; color: #FFFFFF !important; } + .ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #000000 inset !important; box-shadow: 0 0 0 2px #000000 inset !important; color: #545454 !important; } + .ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.buttons .basic.active.button, .ui.inverted.black.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #000000 inset !important; box-shadow: 0 0 0 2px #000000 inset !important; color: #FFFFFF !important; } + .ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.button:active, .ui.inverted.black.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #000000 inset !important; box-shadow: 0 0 0 2px #000000 inset !important; color: #FFFFFF !important; } + +/*--- Grey ---*/ + .ui.grey.buttons .button, .ui.grey.button { background-color: #767676; @@ -1546,28 +2226,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.grey.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.grey.buttons .button:hover, .ui.grey.button:hover { background-color: #838383; color: #FFFFFF; text-shadow: none; } + .ui.grey.buttons .button:focus, .ui.grey.button:focus { background-color: #8a8a8a; color: #FFFFFF; text-shadow: none; } + .ui.grey.buttons .button:active, .ui.grey.button:active { background-color: #909090; color: #FFFFFF; text-shadow: none; } + .ui.grey.buttons .active.button, .ui.grey.buttons .active.button:active, .ui.grey.active.button, @@ -1576,49 +2260,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.grey.buttons .button, .ui.basic.grey.button { - -webkit-box-shadow: 0 0 0 1px #767676 inset !important; box-shadow: 0 0 0 1px #767676 inset !important; color: #767676 !important; } + .ui.basic.grey.buttons .button:hover, .ui.basic.grey.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #838383 inset !important; box-shadow: 0 0 0 1px #838383 inset !important; color: #838383 !important; } + .ui.basic.grey.buttons .button:focus, .ui.basic.grey.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #8a8a8a inset !important; box-shadow: 0 0 0 1px #8a8a8a inset !important; color: #838383 !important; } + .ui.basic.grey.buttons .active.button, .ui.basic.grey.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #696969 inset !important; box-shadow: 0 0 0 1px #696969 inset !important; color: #909090 !important; } + .ui.basic.grey.buttons .button:active, .ui.basic.grey.button:active { - -webkit-box-shadow: 0 0 0 1px #909090 inset !important; box-shadow: 0 0 0 1px #909090 inset !important; color: #909090 !important; } + .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.grey.buttons .button, .ui.inverted.grey.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset !important; box-shadow: 0 0 0 2px #D4D4D5 inset !important; color: #FFFFFF; } + .ui.inverted.grey.buttons .button:hover, .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button:focus, @@ -1627,62 +2317,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.grey.button.active, .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } + .ui.inverted.grey.buttons .button:hover, .ui.inverted.grey.button:hover { background-color: #cfd0d2; } + .ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.button:focus { background-color: #c7c9cb; } + .ui.inverted.grey.buttons .active.button, .ui.inverted.grey.active.button { background-color: #cfd0d2; } + .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.button:active { background-color: #c2c4c5; } + +/* Inverted Basic */ + .ui.inverted.grey.basic.buttons .button, .ui.inverted.grey.buttons .basic.button, .ui.inverted.grey.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover, .ui.inverted.grey.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset !important; box-shadow: 0 0 0 2px #cfd0d2 inset !important; color: #FFFFFF !important; } + .ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #c7c9cb inset !important; box-shadow: 0 0 0 2px #c7c9cb inset !important; color: #DCDDDE !important; } + .ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button, .ui.inverted.grey.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset !important; box-shadow: 0 0 0 2px #cfd0d2 inset !important; color: #FFFFFF !important; } + .ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active, .ui.inverted.grey.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset !important; box-shadow: 0 0 0 2px #c2c4c5 inset !important; color: #FFFFFF !important; } + +/*--- Brown ---*/ + .ui.brown.buttons .button, .ui.brown.button { background-color: #A5673F; @@ -1690,28 +2388,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.brown.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.brown.buttons .button:hover, .ui.brown.button:hover { background-color: #975b33; color: #FFFFFF; text-shadow: none; } + .ui.brown.buttons .button:focus, .ui.brown.button:focus { background-color: #90532b; color: #FFFFFF; text-shadow: none; } + .ui.brown.buttons .button:active, .ui.brown.button:active { background-color: #805031; color: #FFFFFF; text-shadow: none; } + .ui.brown.buttons .active.button, .ui.brown.buttons .active.button:active, .ui.brown.active.button, @@ -1720,49 +2422,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.brown.buttons .button, .ui.basic.brown.button { - -webkit-box-shadow: 0 0 0 1px #A5673F inset !important; box-shadow: 0 0 0 1px #A5673F inset !important; color: #A5673F !important; } + .ui.basic.brown.buttons .button:hover, .ui.basic.brown.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #975b33 inset !important; box-shadow: 0 0 0 1px #975b33 inset !important; color: #975b33 !important; } + .ui.basic.brown.buttons .button:focus, .ui.basic.brown.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #90532b inset !important; box-shadow: 0 0 0 1px #90532b inset !important; color: #975b33 !important; } + .ui.basic.brown.buttons .active.button, .ui.basic.brown.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #995a31 inset !important; box-shadow: 0 0 0 1px #995a31 inset !important; color: #805031 !important; } + .ui.basic.brown.buttons .button:active, .ui.basic.brown.button:active { - -webkit-box-shadow: 0 0 0 1px #805031 inset !important; box-shadow: 0 0 0 1px #805031 inset !important; color: #805031 !important; } + .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.brown.buttons .button, .ui.inverted.brown.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #D67C1C inset !important; box-shadow: 0 0 0 2px #D67C1C inset !important; color: #D67C1C; } + .ui.inverted.brown.buttons .button:hover, .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button:focus, @@ -1771,62 +2479,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.brown.button.active, .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.brown.buttons .button:hover, .ui.inverted.brown.button:hover { background-color: #c86f11; } + .ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.button:focus { background-color: #c16808; } + .ui.inverted.brown.buttons .active.button, .ui.inverted.brown.active.button { background-color: #cc6f0d; } + .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.button:active { background-color: #a96216; } + +/* Inverted Basic */ + .ui.inverted.brown.basic.buttons .button, .ui.inverted.brown.buttons .basic.button, .ui.inverted.brown.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover, .ui.inverted.brown.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #c86f11 inset !important; box-shadow: 0 0 0 2px #c86f11 inset !important; color: #D67C1C !important; } + .ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #c16808 inset !important; box-shadow: 0 0 0 2px #c16808 inset !important; color: #D67C1C !important; } + .ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button, .ui.inverted.brown.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #cc6f0d inset !important; box-shadow: 0 0 0 2px #cc6f0d inset !important; color: #D67C1C !important; } + .ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active, .ui.inverted.brown.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #a96216 inset !important; box-shadow: 0 0 0 2px #a96216 inset !important; color: #D67C1C !important; } + +/*--- Blue ---*/ + .ui.blue.buttons .button, .ui.blue.button { background-color: #2185D0; @@ -1834,28 +2550,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.blue.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.blue.buttons .button:hover, .ui.blue.button:hover { background-color: #1678c2; color: #FFFFFF; text-shadow: none; } + .ui.blue.buttons .button:focus, .ui.blue.button:focus { background-color: #0d71bb; color: #FFFFFF; text-shadow: none; } + .ui.blue.buttons .button:active, .ui.blue.button:active { background-color: #1a69a4; color: #FFFFFF; text-shadow: none; } + .ui.blue.buttons .active.button, .ui.blue.buttons .active.button:active, .ui.blue.active.button, @@ -1864,49 +2584,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.blue.buttons .button, .ui.basic.blue.button { - -webkit-box-shadow: 0 0 0 1px #2185D0 inset !important; box-shadow: 0 0 0 1px #2185D0 inset !important; color: #2185D0 !important; } + .ui.basic.blue.buttons .button:hover, .ui.basic.blue.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #1678c2 inset !important; box-shadow: 0 0 0 1px #1678c2 inset !important; color: #1678c2 !important; } + .ui.basic.blue.buttons .button:focus, .ui.basic.blue.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #0d71bb inset !important; box-shadow: 0 0 0 1px #0d71bb inset !important; color: #1678c2 !important; } + .ui.basic.blue.buttons .active.button, .ui.basic.blue.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #1279c6 inset !important; box-shadow: 0 0 0 1px #1279c6 inset !important; color: #1a69a4 !important; } + .ui.basic.blue.buttons .button:active, .ui.basic.blue.button:active { - -webkit-box-shadow: 0 0 0 1px #1a69a4 inset !important; box-shadow: 0 0 0 1px #1a69a4 inset !important; color: #1a69a4 !important; } + .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.blue.buttons .button, .ui.inverted.blue.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #54C8FF inset !important; box-shadow: 0 0 0 2px #54C8FF inset !important; color: #54C8FF; } + .ui.inverted.blue.buttons .button:hover, .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:focus, @@ -1915,62 +2641,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.blue.button.active, .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.blue.buttons .button:hover, .ui.inverted.blue.button:hover { background-color: #3ac0ff; } + .ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.button:focus { background-color: #2bbbff; } + .ui.inverted.blue.buttons .active.button, .ui.inverted.blue.active.button { background-color: #3ac0ff; } + .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.button:active { background-color: #21b8ff; } + +/* Inverted Basic */ + .ui.inverted.blue.basic.buttons .button, .ui.inverted.blue.buttons .basic.button, .ui.inverted.blue.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover, .ui.inverted.blue.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #3ac0ff inset !important; box-shadow: 0 0 0 2px #3ac0ff inset !important; color: #54C8FF !important; } + .ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #2bbbff inset !important; box-shadow: 0 0 0 2px #2bbbff inset !important; color: #54C8FF !important; } + .ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button, .ui.inverted.blue.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #3ac0ff inset !important; box-shadow: 0 0 0 2px #3ac0ff inset !important; color: #54C8FF !important; } + .ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active, .ui.inverted.blue.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #21b8ff inset !important; box-shadow: 0 0 0 2px #21b8ff inset !important; color: #54C8FF !important; } + +/*--- Green ---*/ + .ui.green.buttons .button, .ui.green.button { background-color: #21BA45; @@ -1978,28 +2712,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.green.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.green.buttons .button:hover, .ui.green.button:hover { background-color: #16ab39; color: #FFFFFF; text-shadow: none; } + .ui.green.buttons .button:focus, .ui.green.button:focus { background-color: #0ea432; color: #FFFFFF; text-shadow: none; } + .ui.green.buttons .button:active, .ui.green.button:active { background-color: #198f35; color: #FFFFFF; text-shadow: none; } + .ui.green.buttons .active.button, .ui.green.buttons .active.button:active, .ui.green.active.button, @@ -2008,49 +2746,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.green.buttons .button, .ui.basic.green.button { - -webkit-box-shadow: 0 0 0 1px #21BA45 inset !important; box-shadow: 0 0 0 1px #21BA45 inset !important; color: #21BA45 !important; } + .ui.basic.green.buttons .button:hover, .ui.basic.green.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #16ab39 inset !important; box-shadow: 0 0 0 1px #16ab39 inset !important; color: #16ab39 !important; } + .ui.basic.green.buttons .button:focus, .ui.basic.green.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #0ea432 inset !important; box-shadow: 0 0 0 1px #0ea432 inset !important; color: #16ab39 !important; } + .ui.basic.green.buttons .active.button, .ui.basic.green.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #13ae38 inset !important; box-shadow: 0 0 0 1px #13ae38 inset !important; color: #198f35 !important; } + .ui.basic.green.buttons .button:active, .ui.basic.green.button:active { - -webkit-box-shadow: 0 0 0 1px #198f35 inset !important; box-shadow: 0 0 0 1px #198f35 inset !important; color: #198f35 !important; } + .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.green.buttons .button, .ui.inverted.green.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #2ECC40 inset !important; box-shadow: 0 0 0 2px #2ECC40 inset !important; color: #2ECC40; } + .ui.inverted.green.buttons .button:hover, .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button:focus, @@ -2059,62 +2803,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.green.button.active, .ui.inverted.green.buttons .button:active, .ui.inverted.green.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.green.buttons .button:hover, .ui.inverted.green.button:hover { background-color: #22be34; } + .ui.inverted.green.buttons .button:focus, .ui.inverted.green.button:focus { background-color: #19b82b; } + .ui.inverted.green.buttons .active.button, .ui.inverted.green.active.button { background-color: #1fc231; } + .ui.inverted.green.buttons .button:active, .ui.inverted.green.button:active { background-color: #25a233; } + +/* Inverted Basic */ + .ui.inverted.green.basic.buttons .button, .ui.inverted.green.buttons .basic.button, .ui.inverted.green.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover, .ui.inverted.green.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #22be34 inset !important; box-shadow: 0 0 0 2px #22be34 inset !important; color: #2ECC40 !important; } + .ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #19b82b inset !important; box-shadow: 0 0 0 2px #19b82b inset !important; color: #2ECC40 !important; } + .ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button, .ui.inverted.green.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #1fc231 inset !important; box-shadow: 0 0 0 2px #1fc231 inset !important; color: #2ECC40 !important; } + .ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active, .ui.inverted.green.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #25a233 inset !important; box-shadow: 0 0 0 2px #25a233 inset !important; color: #2ECC40 !important; } + +/*--- Orange ---*/ + .ui.orange.buttons .button, .ui.orange.button { background-color: #F2711C; @@ -2122,28 +2874,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.orange.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.orange.buttons .button:hover, .ui.orange.button:hover { background-color: #f26202; color: #FFFFFF; text-shadow: none; } + .ui.orange.buttons .button:focus, .ui.orange.button:focus { background-color: #e55b00; color: #FFFFFF; text-shadow: none; } + .ui.orange.buttons .button:active, .ui.orange.button:active { background-color: #cf590c; color: #FFFFFF; text-shadow: none; } + .ui.orange.buttons .active.button, .ui.orange.buttons .active.button:active, .ui.orange.active.button, @@ -2152,49 +2908,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.orange.buttons .button, .ui.basic.orange.button { - -webkit-box-shadow: 0 0 0 1px #F2711C inset !important; box-shadow: 0 0 0 1px #F2711C inset !important; color: #F2711C !important; } + .ui.basic.orange.buttons .button:hover, .ui.basic.orange.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #f26202 inset !important; box-shadow: 0 0 0 1px #f26202 inset !important; color: #f26202 !important; } + .ui.basic.orange.buttons .button:focus, .ui.basic.orange.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #e55b00 inset !important; box-shadow: 0 0 0 1px #e55b00 inset !important; color: #f26202 !important; } + .ui.basic.orange.buttons .active.button, .ui.basic.orange.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #f56100 inset !important; box-shadow: 0 0 0 1px #f56100 inset !important; color: #cf590c !important; } + .ui.basic.orange.buttons .button:active, .ui.basic.orange.button:active { - -webkit-box-shadow: 0 0 0 1px #cf590c inset !important; box-shadow: 0 0 0 1px #cf590c inset !important; color: #cf590c !important; } + .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.orange.buttons .button, .ui.inverted.orange.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #FF851B inset !important; box-shadow: 0 0 0 2px #FF851B inset !important; color: #FF851B; } + .ui.inverted.orange.buttons .button:hover, .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button:focus, @@ -2203,62 +2965,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.orange.button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.orange.buttons .button:hover, .ui.inverted.orange.button:hover { background-color: #ff7701; } + .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.button:focus { background-color: #f17000; } + .ui.inverted.orange.buttons .active.button, .ui.inverted.orange.active.button { background-color: #ff7701; } + .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active { background-color: #e76b00; } + +/* Inverted Basic */ + .ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button, .ui.inverted.orange.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover, .ui.inverted.orange.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff7701 inset !important; box-shadow: 0 0 0 2px #ff7701 inset !important; color: #FF851B !important; } + .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #f17000 inset !important; box-shadow: 0 0 0 2px #f17000 inset !important; color: #FF851B !important; } + .ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button, .ui.inverted.orange.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff7701 inset !important; box-shadow: 0 0 0 2px #ff7701 inset !important; color: #FF851B !important; } + .ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active, .ui.inverted.orange.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #e76b00 inset !important; box-shadow: 0 0 0 2px #e76b00 inset !important; color: #FF851B !important; } + +/*--- Pink ---*/ + .ui.pink.buttons .button, .ui.pink.button { background-color: #E03997; @@ -2266,28 +3036,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.pink.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.pink.buttons .button:hover, .ui.pink.button:hover { background-color: #e61a8d; color: #FFFFFF; text-shadow: none; } + .ui.pink.buttons .button:focus, .ui.pink.button:focus { background-color: #e10f85; color: #FFFFFF; text-shadow: none; } + .ui.pink.buttons .button:active, .ui.pink.button:active { background-color: #c71f7e; color: #FFFFFF; text-shadow: none; } + .ui.pink.buttons .active.button, .ui.pink.buttons .active.button:active, .ui.pink.active.button, @@ -2296,49 +3070,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.pink.buttons .button, .ui.basic.pink.button { - -webkit-box-shadow: 0 0 0 1px #E03997 inset !important; box-shadow: 0 0 0 1px #E03997 inset !important; color: #E03997 !important; } + .ui.basic.pink.buttons .button:hover, .ui.basic.pink.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #e61a8d inset !important; box-shadow: 0 0 0 1px #e61a8d inset !important; color: #e61a8d !important; } + .ui.basic.pink.buttons .button:focus, .ui.basic.pink.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #e10f85 inset !important; box-shadow: 0 0 0 1px #e10f85 inset !important; color: #e61a8d !important; } + .ui.basic.pink.buttons .active.button, .ui.basic.pink.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #ea158d inset !important; box-shadow: 0 0 0 1px #ea158d inset !important; color: #c71f7e !important; } + .ui.basic.pink.buttons .button:active, .ui.basic.pink.button:active { - -webkit-box-shadow: 0 0 0 1px #c71f7e inset !important; box-shadow: 0 0 0 1px #c71f7e inset !important; color: #c71f7e !important; } + .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.pink.buttons .button, .ui.inverted.pink.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #FF8EDF inset !important; box-shadow: 0 0 0 2px #FF8EDF inset !important; color: #FF8EDF; } + .ui.inverted.pink.buttons .button:hover, .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button:focus, @@ -2347,62 +3127,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.pink.button.active, .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.pink.buttons .button:hover, .ui.inverted.pink.button:hover { background-color: #ff74d8; } + .ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.button:focus { background-color: #ff65d3; } + .ui.inverted.pink.buttons .active.button, .ui.inverted.pink.active.button { background-color: #ff74d8; } + .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.button:active { background-color: #ff5bd1; } + +/* Inverted Basic */ + .ui.inverted.pink.basic.buttons .button, .ui.inverted.pink.buttons .basic.button, .ui.inverted.pink.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover, .ui.inverted.pink.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff74d8 inset !important; box-shadow: 0 0 0 2px #ff74d8 inset !important; color: #FF8EDF !important; } + .ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #ff65d3 inset !important; box-shadow: 0 0 0 2px #ff65d3 inset !important; color: #FF8EDF !important; } + .ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button, .ui.inverted.pink.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff74d8 inset !important; box-shadow: 0 0 0 2px #ff74d8 inset !important; color: #FF8EDF !important; } + .ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active, .ui.inverted.pink.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset !important; box-shadow: 0 0 0 2px #ff5bd1 inset !important; color: #FF8EDF !important; } + +/*--- Violet ---*/ + .ui.violet.buttons .button, .ui.violet.button { background-color: #6435C9; @@ -2410,28 +3198,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.violet.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.violet.buttons .button:hover, .ui.violet.button:hover { background-color: #5829bb; color: #FFFFFF; text-shadow: none; } + .ui.violet.buttons .button:focus, .ui.violet.button:focus { background-color: #4f20b5; color: #FFFFFF; text-shadow: none; } + .ui.violet.buttons .button:active, .ui.violet.button:active { background-color: #502aa1; color: #FFFFFF; text-shadow: none; } + .ui.violet.buttons .active.button, .ui.violet.buttons .active.button:active, .ui.violet.active.button, @@ -2440,49 +3232,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.violet.buttons .button, .ui.basic.violet.button { - -webkit-box-shadow: 0 0 0 1px #6435C9 inset !important; box-shadow: 0 0 0 1px #6435C9 inset !important; color: #6435C9 !important; } + .ui.basic.violet.buttons .button:hover, .ui.basic.violet.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #5829bb inset !important; box-shadow: 0 0 0 1px #5829bb inset !important; color: #5829bb !important; } + .ui.basic.violet.buttons .button:focus, .ui.basic.violet.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #4f20b5 inset !important; box-shadow: 0 0 0 1px #4f20b5 inset !important; color: #5829bb !important; } + .ui.basic.violet.buttons .active.button, .ui.basic.violet.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #5626bf inset !important; box-shadow: 0 0 0 1px #5626bf inset !important; color: #502aa1 !important; } + .ui.basic.violet.buttons .button:active, .ui.basic.violet.button:active { - -webkit-box-shadow: 0 0 0 1px #502aa1 inset !important; box-shadow: 0 0 0 1px #502aa1 inset !important; color: #502aa1 !important; } + .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.violet.buttons .button, .ui.inverted.violet.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #A291FB inset !important; box-shadow: 0 0 0 2px #A291FB inset !important; color: #A291FB; } + .ui.inverted.violet.buttons .button:hover, .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button:focus, @@ -2491,62 +3289,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.violet.button.active, .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.violet.buttons .button:hover, .ui.inverted.violet.button:hover { background-color: #8a73ff; } + .ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.button:focus { background-color: #7d64ff; } + .ui.inverted.violet.buttons .active.button, .ui.inverted.violet.active.button { background-color: #8a73ff; } + .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.button:active { background-color: #7860f9; } + +/* Inverted Basic */ + .ui.inverted.violet.basic.buttons .button, .ui.inverted.violet.buttons .basic.button, .ui.inverted.violet.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover, .ui.inverted.violet.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #8a73ff inset !important; box-shadow: 0 0 0 2px #8a73ff inset !important; color: #A291FB !important; } + .ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #7d64ff inset !important; box-shadow: 0 0 0 2px #7d64ff inset !important; color: #A291FB !important; } + .ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button, .ui.inverted.violet.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #8a73ff inset !important; box-shadow: 0 0 0 2px #8a73ff inset !important; color: #A291FB !important; } + .ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active, .ui.inverted.violet.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #7860f9 inset !important; box-shadow: 0 0 0 2px #7860f9 inset !important; color: #A291FB !important; } + +/*--- Purple ---*/ + .ui.purple.buttons .button, .ui.purple.button { background-color: #A333C8; @@ -2554,28 +3360,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.purple.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.purple.buttons .button:hover, .ui.purple.button:hover { background-color: #9627ba; color: #FFFFFF; text-shadow: none; } + .ui.purple.buttons .button:focus, .ui.purple.button:focus { background-color: #8f1eb4; color: #FFFFFF; text-shadow: none; } + .ui.purple.buttons .button:active, .ui.purple.button:active { background-color: #82299f; color: #FFFFFF; text-shadow: none; } + .ui.purple.buttons .active.button, .ui.purple.buttons .active.button:active, .ui.purple.active.button, @@ -2584,49 +3394,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.purple.buttons .button, .ui.basic.purple.button { - -webkit-box-shadow: 0 0 0 1px #A333C8 inset !important; box-shadow: 0 0 0 1px #A333C8 inset !important; color: #A333C8 !important; } + .ui.basic.purple.buttons .button:hover, .ui.basic.purple.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #9627ba inset !important; box-shadow: 0 0 0 1px #9627ba inset !important; color: #9627ba !important; } + .ui.basic.purple.buttons .button:focus, .ui.basic.purple.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset !important; box-shadow: 0 0 0 1px #8f1eb4 inset !important; color: #9627ba !important; } + .ui.basic.purple.buttons .active.button, .ui.basic.purple.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #9724be inset !important; box-shadow: 0 0 0 1px #9724be inset !important; color: #82299f !important; } + .ui.basic.purple.buttons .button:active, .ui.basic.purple.button:active { - -webkit-box-shadow: 0 0 0 1px #82299f inset !important; box-shadow: 0 0 0 1px #82299f inset !important; color: #82299f !important; } + .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.purple.buttons .button, .ui.inverted.purple.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #DC73FF inset !important; box-shadow: 0 0 0 2px #DC73FF inset !important; color: #DC73FF; } + .ui.inverted.purple.buttons .button:hover, .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button:focus, @@ -2635,62 +3451,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.purple.button.active, .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.purple.buttons .button:hover, .ui.inverted.purple.button:hover { background-color: #d65aff; } + .ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.button:focus { background-color: #d24aff; } + .ui.inverted.purple.buttons .active.button, .ui.inverted.purple.active.button { background-color: #d65aff; } + .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.button:active { background-color: #cf40ff; } + +/* Inverted Basic */ + .ui.inverted.purple.basic.buttons .button, .ui.inverted.purple.buttons .basic.button, .ui.inverted.purple.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover, .ui.inverted.purple.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #d65aff inset !important; box-shadow: 0 0 0 2px #d65aff inset !important; color: #DC73FF !important; } + .ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #d24aff inset !important; box-shadow: 0 0 0 2px #d24aff inset !important; color: #DC73FF !important; } + .ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button, .ui.inverted.purple.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #d65aff inset !important; box-shadow: 0 0 0 2px #d65aff inset !important; color: #DC73FF !important; } + .ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active, .ui.inverted.purple.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #cf40ff inset !important; box-shadow: 0 0 0 2px #cf40ff inset !important; color: #DC73FF !important; } + +/*--- Red ---*/ + .ui.red.buttons .button, .ui.red.button { background-color: #DB2828; @@ -2698,28 +3522,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.red.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.red.buttons .button:hover, .ui.red.button:hover { background-color: #d01919; color: #FFFFFF; text-shadow: none; } + .ui.red.buttons .button:focus, .ui.red.button:focus { background-color: #ca1010; color: #FFFFFF; text-shadow: none; } + .ui.red.buttons .button:active, .ui.red.button:active { background-color: #b21e1e; color: #FFFFFF; text-shadow: none; } + .ui.red.buttons .active.button, .ui.red.buttons .active.button:active, .ui.red.active.button, @@ -2728,49 +3556,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.red.buttons .button, .ui.basic.red.button { - -webkit-box-shadow: 0 0 0 1px #DB2828 inset !important; box-shadow: 0 0 0 1px #DB2828 inset !important; color: #DB2828 !important; } + .ui.basic.red.buttons .button:hover, .ui.basic.red.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #d01919 inset !important; box-shadow: 0 0 0 1px #d01919 inset !important; color: #d01919 !important; } + .ui.basic.red.buttons .button:focus, .ui.basic.red.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #ca1010 inset !important; box-shadow: 0 0 0 1px #ca1010 inset !important; color: #d01919 !important; } + .ui.basic.red.buttons .active.button, .ui.basic.red.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #d41515 inset !important; box-shadow: 0 0 0 1px #d41515 inset !important; color: #b21e1e !important; } + .ui.basic.red.buttons .button:active, .ui.basic.red.button:active { - -webkit-box-shadow: 0 0 0 1px #b21e1e inset !important; box-shadow: 0 0 0 1px #b21e1e inset !important; color: #b21e1e !important; } + .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.red.buttons .button, .ui.inverted.red.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #FF695E inset !important; box-shadow: 0 0 0 2px #FF695E inset !important; color: #FF695E; } + .ui.inverted.red.buttons .button:hover, .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button:focus, @@ -2779,62 +3613,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.red.button.active, .ui.inverted.red.buttons .button:active, .ui.inverted.red.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.inverted.red.buttons .button:hover, .ui.inverted.red.button:hover { background-color: #ff5144; } + .ui.inverted.red.buttons .button:focus, .ui.inverted.red.button:focus { background-color: #ff4335; } + .ui.inverted.red.buttons .active.button, .ui.inverted.red.active.button { background-color: #ff5144; } + .ui.inverted.red.buttons .button:active, .ui.inverted.red.button:active { background-color: #ff392b; } + +/* Inverted Basic */ + .ui.inverted.red.basic.buttons .button, .ui.inverted.red.buttons .basic.button, .ui.inverted.red.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover, .ui.inverted.red.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ff5144 inset !important; box-shadow: 0 0 0 2px #ff5144 inset !important; color: #FF695E !important; } + .ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #ff4335 inset !important; box-shadow: 0 0 0 2px #ff4335 inset !important; color: #FF695E !important; } + .ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button, .ui.inverted.red.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ff5144 inset !important; box-shadow: 0 0 0 2px #ff5144 inset !important; color: #FF695E !important; } + .ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active, .ui.inverted.red.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ff392b inset !important; box-shadow: 0 0 0 2px #ff392b inset !important; color: #FF695E !important; } + +/*--- Teal ---*/ + .ui.teal.buttons .button, .ui.teal.button { background-color: #00B5AD; @@ -2842,28 +3684,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.teal.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.teal.buttons .button:hover, .ui.teal.button:hover { background-color: #009c95; color: #FFFFFF; text-shadow: none; } + .ui.teal.buttons .button:focus, .ui.teal.button:focus { background-color: #008c86; color: #FFFFFF; text-shadow: none; } + .ui.teal.buttons .button:active, .ui.teal.button:active { background-color: #00827c; color: #FFFFFF; text-shadow: none; } + .ui.teal.buttons .active.button, .ui.teal.buttons .active.button:active, .ui.teal.active.button, @@ -2872,49 +3718,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.teal.buttons .button, .ui.basic.teal.button { - -webkit-box-shadow: 0 0 0 1px #00B5AD inset !important; box-shadow: 0 0 0 1px #00B5AD inset !important; color: #00B5AD !important; } + .ui.basic.teal.buttons .button:hover, .ui.basic.teal.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #009c95 inset !important; box-shadow: 0 0 0 1px #009c95 inset !important; color: #009c95 !important; } + .ui.basic.teal.buttons .button:focus, .ui.basic.teal.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #008c86 inset !important; box-shadow: 0 0 0 1px #008c86 inset !important; color: #009c95 !important; } + .ui.basic.teal.buttons .active.button, .ui.basic.teal.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #009c95 inset !important; box-shadow: 0 0 0 1px #009c95 inset !important; color: #00827c !important; } + .ui.basic.teal.buttons .button:active, .ui.basic.teal.button:active { - -webkit-box-shadow: 0 0 0 1px #00827c inset !important; box-shadow: 0 0 0 1px #00827c inset !important; color: #00827c !important; } + .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.teal.buttons .button, .ui.inverted.teal.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #6DFFFF inset !important; box-shadow: 0 0 0 2px #6DFFFF inset !important; color: #6DFFFF; } + .ui.inverted.teal.buttons .button:hover, .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button:focus, @@ -2923,62 +3775,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.teal.button.active, .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } + .ui.inverted.teal.buttons .button:hover, .ui.inverted.teal.button:hover { background-color: #54ffff; } + .ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.button:focus { background-color: #44ffff; } + .ui.inverted.teal.buttons .active.button, .ui.inverted.teal.active.button { background-color: #54ffff; } + .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.button:active { background-color: #3affff; } + +/* Inverted Basic */ + .ui.inverted.teal.basic.buttons .button, .ui.inverted.teal.buttons .basic.button, .ui.inverted.teal.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover, .ui.inverted.teal.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #54ffff inset !important; box-shadow: 0 0 0 2px #54ffff inset !important; color: #6DFFFF !important; } + .ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #44ffff inset !important; box-shadow: 0 0 0 2px #44ffff inset !important; color: #6DFFFF !important; } + .ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button, .ui.inverted.teal.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #54ffff inset !important; box-shadow: 0 0 0 2px #54ffff inset !important; color: #6DFFFF !important; } + .ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active, .ui.inverted.teal.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #3affff inset !important; box-shadow: 0 0 0 2px #3affff inset !important; color: #6DFFFF !important; } + +/*--- Olive ---*/ + .ui.olive.buttons .button, .ui.olive.button { background-color: #B5CC18; @@ -2986,28 +3846,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.olive.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.olive.buttons .button:hover, .ui.olive.button:hover { background-color: #a7bd0d; color: #FFFFFF; text-shadow: none; } + .ui.olive.buttons .button:focus, .ui.olive.button:focus { background-color: #a0b605; color: #FFFFFF; text-shadow: none; } + .ui.olive.buttons .button:active, .ui.olive.button:active { background-color: #8d9e13; color: #FFFFFF; text-shadow: none; } + .ui.olive.buttons .active.button, .ui.olive.buttons .active.button:active, .ui.olive.active.button, @@ -3016,49 +3880,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.olive.buttons .button, .ui.basic.olive.button { - -webkit-box-shadow: 0 0 0 1px #B5CC18 inset !important; box-shadow: 0 0 0 1px #B5CC18 inset !important; color: #B5CC18 !important; } + .ui.basic.olive.buttons .button:hover, .ui.basic.olive.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #a7bd0d inset !important; box-shadow: 0 0 0 1px #a7bd0d inset !important; color: #a7bd0d !important; } + .ui.basic.olive.buttons .button:focus, .ui.basic.olive.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #a0b605 inset !important; box-shadow: 0 0 0 1px #a0b605 inset !important; color: #a7bd0d !important; } + .ui.basic.olive.buttons .active.button, .ui.basic.olive.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #aac109 inset !important; box-shadow: 0 0 0 1px #aac109 inset !important; color: #8d9e13 !important; } + .ui.basic.olive.buttons .button:active, .ui.basic.olive.button:active { - -webkit-box-shadow: 0 0 0 1px #8d9e13 inset !important; box-shadow: 0 0 0 1px #8d9e13 inset !important; color: #8d9e13 !important; } + .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.olive.buttons .button, .ui.inverted.olive.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #D9E778 inset !important; box-shadow: 0 0 0 2px #D9E778 inset !important; color: #D9E778; } + .ui.inverted.olive.buttons .button:hover, .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button:focus, @@ -3067,62 +3937,70 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.olive.button.active, .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } + .ui.inverted.olive.buttons .button:hover, .ui.inverted.olive.button:hover { background-color: #d8ea5c; } + .ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.button:focus { background-color: #daef47; } + .ui.inverted.olive.buttons .active.button, .ui.inverted.olive.active.button { background-color: #daed59; } + .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.button:active { background-color: #cddf4d; } + +/* Inverted Basic */ + .ui.inverted.olive.basic.buttons .button, .ui.inverted.olive.buttons .basic.button, .ui.inverted.olive.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover, .ui.inverted.olive.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #d8ea5c inset !important; box-shadow: 0 0 0 2px #d8ea5c inset !important; color: #D9E778 !important; } + .ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #daef47 inset !important; box-shadow: 0 0 0 2px #daef47 inset !important; color: #D9E778 !important; } + .ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button, .ui.inverted.olive.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #daed59 inset !important; box-shadow: 0 0 0 2px #daed59 inset !important; color: #D9E778 !important; } + .ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active, .ui.inverted.olive.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #cddf4d inset !important; box-shadow: 0 0 0 2px #cddf4d inset !important; color: #D9E778 !important; } + +/*--- Yellow ---*/ + .ui.yellow.buttons .button, .ui.yellow.button { background-color: #FBBD08; @@ -3130,28 +4008,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.yellow.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.yellow.buttons .button:hover, .ui.yellow.button:hover { background-color: #eaae00; color: #FFFFFF; text-shadow: none; } + .ui.yellow.buttons .button:focus, .ui.yellow.button:focus { background-color: #daa300; color: #FFFFFF; text-shadow: none; } + .ui.yellow.buttons .button:active, .ui.yellow.button:active { background-color: #cd9903; color: #FFFFFF; text-shadow: none; } + .ui.yellow.buttons .active.button, .ui.yellow.buttons .active.button:active, .ui.yellow.active.button, @@ -3160,49 +4042,55 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.yellow.buttons .button, .ui.basic.yellow.button { - -webkit-box-shadow: 0 0 0 1px #FBBD08 inset !important; box-shadow: 0 0 0 1px #FBBD08 inset !important; color: #FBBD08 !important; } + .ui.basic.yellow.buttons .button:hover, .ui.basic.yellow.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #eaae00 inset !important; box-shadow: 0 0 0 1px #eaae00 inset !important; color: #eaae00 !important; } + .ui.basic.yellow.buttons .button:focus, .ui.basic.yellow.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #daa300 inset !important; box-shadow: 0 0 0 1px #daa300 inset !important; color: #eaae00 !important; } + .ui.basic.yellow.buttons .active.button, .ui.basic.yellow.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #eaae00 inset !important; box-shadow: 0 0 0 1px #eaae00 inset !important; color: #cd9903 !important; } + .ui.basic.yellow.buttons .button:active, .ui.basic.yellow.button:active { - -webkit-box-shadow: 0 0 0 1px #cd9903 inset !important; box-shadow: 0 0 0 1px #cd9903 inset !important; color: #cd9903 !important; } + .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { margin-left: -1px; } + +/* Inverted */ + .ui.inverted.yellow.buttons .button, .ui.inverted.yellow.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px #FFE21F inset !important; box-shadow: 0 0 0 2px #FFE21F inset !important; color: #FFE21F; } + .ui.inverted.yellow.buttons .button:hover, .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button:focus, @@ -3211,62 +4099,74 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { .ui.inverted.yellow.button.active, .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.button:active { - -webkit-box-shadow: none !important; box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } + .ui.inverted.yellow.buttons .button:hover, .ui.inverted.yellow.button:hover { background-color: #ffdf05; } + .ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.button:focus { background-color: #f5d500; } + .ui.inverted.yellow.buttons .active.button, .ui.inverted.yellow.active.button { background-color: #ffdf05; } + .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.button:active { background-color: #ebcd00; } + +/* Inverted Basic */ + .ui.inverted.yellow.basic.buttons .button, .ui.inverted.yellow.buttons .basic.button, .ui.inverted.yellow.basic.button { background-color: transparent; - -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } + .ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover, .ui.inverted.yellow.basic.button:hover { - -webkit-box-shadow: 0 0 0 2px #ffdf05 inset !important; box-shadow: 0 0 0 2px #ffdf05 inset !important; color: #FFE21F !important; } + .ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.button:focus { - -webkit-box-shadow: 0 0 0 2px #f5d500 inset !important; box-shadow: 0 0 0 2px #f5d500 inset !important; color: #FFE21F !important; } + .ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button, .ui.inverted.yellow.basic.active.button { - -webkit-box-shadow: 0 0 0 2px #ffdf05 inset !important; box-shadow: 0 0 0 2px #ffdf05 inset !important; color: #FFE21F !important; } + .ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active, .ui.inverted.yellow.basic.button:active { - -webkit-box-shadow: 0 0 0 2px #ebcd00 inset !important; box-shadow: 0 0 0 2px #ebcd00 inset !important; color: #FFE21F !important; } + +/*------------------- + Primary +--------------------*/ + +/*--- Standard ---*/ + .ui.primary.buttons .button, .ui.primary.button { background-color: #2185D0; @@ -3274,28 +4174,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.primary.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.primary.buttons .button:hover, .ui.primary.button:hover { background-color: #1678c2; color: #FFFFFF; text-shadow: none; } + .ui.primary.buttons .button:focus, .ui.primary.button:focus { background-color: #0d71bb; color: #FFFFFF; text-shadow: none; } + .ui.primary.buttons .button:active, .ui.primary.button:active { background-color: #1a69a4; color: #FFFFFF; text-shadow: none; } + .ui.primary.buttons .active.button, .ui.primary.buttons .active.button:active, .ui.primary.active.button, @@ -3304,42 +4208,52 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.primary.buttons .button, .ui.basic.primary.button { - -webkit-box-shadow: 0 0 0 1px #2185D0 inset !important; box-shadow: 0 0 0 1px #2185D0 inset !important; color: #2185D0 !important; } + .ui.basic.primary.buttons .button:hover, .ui.basic.primary.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #1678c2 inset !important; box-shadow: 0 0 0 1px #1678c2 inset !important; color: #1678c2 !important; } + .ui.basic.primary.buttons .button:focus, .ui.basic.primary.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #0d71bb inset !important; box-shadow: 0 0 0 1px #0d71bb inset !important; color: #1678c2 !important; } + .ui.basic.primary.buttons .active.button, .ui.basic.primary.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #1279c6 inset !important; box-shadow: 0 0 0 1px #1279c6 inset !important; color: #1a69a4 !important; } + .ui.basic.primary.buttons .button:active, .ui.basic.primary.button:active { - -webkit-box-shadow: 0 0 0 1px #1a69a4 inset !important; box-shadow: 0 0 0 1px #1a69a4 inset !important; color: #1a69a4 !important; } + .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } + +/*------------------- + Secondary +--------------------*/ + +/* Standard */ + .ui.secondary.buttons .button, .ui.secondary.button { background-color: #1B1C1D; @@ -3347,28 +4261,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.secondary.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.secondary.buttons .button:hover, .ui.secondary.button:hover { background-color: #27292a; color: #FFFFFF; text-shadow: none; } + .ui.secondary.buttons .button:focus, .ui.secondary.button:focus { background-color: #2e3032; color: #FFFFFF; text-shadow: none; } + .ui.secondary.buttons .button:active, .ui.secondary.button:active { background-color: #343637; color: #FFFFFF; text-shadow: none; } + .ui.secondary.buttons .active.button, .ui.secondary.buttons .active.button:active, .ui.secondary.active.button, @@ -3377,42 +4295,52 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.secondary.buttons .button, .ui.basic.secondary.button { - -webkit-box-shadow: 0 0 0 1px #1B1C1D inset !important; box-shadow: 0 0 0 1px #1B1C1D inset !important; color: #1B1C1D !important; } + .ui.basic.secondary.buttons .button:hover, .ui.basic.secondary.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; box-shadow: 0 0 0 1px #27292a inset !important; color: #27292a !important; } + .ui.basic.secondary.buttons .button:focus, .ui.basic.secondary.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #2e3032 inset !important; box-shadow: 0 0 0 1px #2e3032 inset !important; color: #27292a !important; } + .ui.basic.secondary.buttons .active.button, .ui.basic.secondary.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #27292a inset !important; box-shadow: 0 0 0 1px #27292a inset !important; color: #343637 !important; } + .ui.basic.secondary.buttons .button:active, .ui.basic.secondary.button:active { - -webkit-box-shadow: 0 0 0 1px #343637 inset !important; box-shadow: 0 0 0 1px #343637 inset !important; color: #343637 !important; } + .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } + +/*--------------- + Positive +----------------*/ + +/* Standard */ + .ui.positive.buttons .button, .ui.positive.button { background-color: #21BA45; @@ -3420,28 +4348,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.positive.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.positive.buttons .button:hover, .ui.positive.button:hover { background-color: #16ab39; color: #FFFFFF; text-shadow: none; } + .ui.positive.buttons .button:focus, .ui.positive.button:focus { background-color: #0ea432; color: #FFFFFF; text-shadow: none; } + .ui.positive.buttons .button:active, .ui.positive.button:active { background-color: #198f35; color: #FFFFFF; text-shadow: none; } + .ui.positive.buttons .active.button, .ui.positive.buttons .active.button:active, .ui.positive.active.button, @@ -3450,42 +4382,52 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.positive.buttons .button, .ui.basic.positive.button { - -webkit-box-shadow: 0 0 0 1px #21BA45 inset !important; box-shadow: 0 0 0 1px #21BA45 inset !important; color: #21BA45 !important; } + .ui.basic.positive.buttons .button:hover, .ui.basic.positive.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #16ab39 inset !important; box-shadow: 0 0 0 1px #16ab39 inset !important; color: #16ab39 !important; } + .ui.basic.positive.buttons .button:focus, .ui.basic.positive.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #0ea432 inset !important; box-shadow: 0 0 0 1px #0ea432 inset !important; color: #16ab39 !important; } + .ui.basic.positive.buttons .active.button, .ui.basic.positive.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #13ae38 inset !important; box-shadow: 0 0 0 1px #13ae38 inset !important; color: #198f35 !important; } + .ui.basic.positive.buttons .button:active, .ui.basic.positive.button:active { - -webkit-box-shadow: 0 0 0 1px #198f35 inset !important; box-shadow: 0 0 0 1px #198f35 inset !important; color: #198f35 !important; } + .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } + +/*--------------- + Negative +----------------*/ + +/* Standard */ + .ui.negative.buttons .button, .ui.negative.button { background-color: #DB2828; @@ -3493,28 +4435,32 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { text-shadow: none; background-image: none; } + .ui.negative.button { - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.negative.buttons .button:hover, .ui.negative.button:hover { background-color: #d01919; color: #FFFFFF; text-shadow: none; } + .ui.negative.buttons .button:focus, .ui.negative.button:focus { background-color: #ca1010; color: #FFFFFF; text-shadow: none; } + .ui.negative.buttons .button:active, .ui.negative.button:active { background-color: #b21e1e; color: #FFFFFF; text-shadow: none; } + .ui.negative.buttons .active.button, .ui.negative.buttons .active.button:active, .ui.negative.active.button, @@ -3523,58 +4469,64 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { color: #FFFFFF; text-shadow: none; } + +/* Basic */ + .ui.basic.negative.buttons .button, .ui.basic.negative.button { - -webkit-box-shadow: 0 0 0 1px #DB2828 inset !important; box-shadow: 0 0 0 1px #DB2828 inset !important; color: #DB2828 !important; } + .ui.basic.negative.buttons .button:hover, .ui.basic.negative.button:hover { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #d01919 inset !important; box-shadow: 0 0 0 1px #d01919 inset !important; color: #d01919 !important; } + .ui.basic.negative.buttons .button:focus, .ui.basic.negative.button:focus { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #ca1010 inset !important; box-shadow: 0 0 0 1px #ca1010 inset !important; color: #d01919 !important; } + .ui.basic.negative.buttons .active.button, .ui.basic.negative.active.button { background: transparent !important; - -webkit-box-shadow: 0 0 0 1px #d41515 inset !important; box-shadow: 0 0 0 1px #d41515 inset !important; color: #b21e1e !important; } + .ui.basic.negative.buttons .button:active, .ui.basic.negative.button:active { - -webkit-box-shadow: 0 0 0 1px #b21e1e inset !important; box-shadow: 0 0 0 1px #b21e1e inset !important; color: #b21e1e !important; } + .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } + +/******************************* + Groups +*******************************/ + .ui.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; font-size: 0; vertical-align: baseline; margin: 0 0.25em 0 0; } + .ui.buttons:not(.basic):not(.inverted) { - -webkit-box-shadow: none; box-shadow: none; } + +/* Clearfix */ + .ui.buttons:after { content: "."; display: block; @@ -3582,183 +4534,287 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { clear: both; visibility: hidden; } + +/* Standard Group */ + .ui.buttons .button { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0; border-radius: 0; - margin: 0 0 0 0; } + .ui.buttons > .ui.button:not(.basic):not(.inverted), .ui.buttons:not(.basic):not(.inverted) > .button { - -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } + .ui.buttons .button:first-child { border-left: none; margin-left: 0; border-top-left-radius: 0.28571429rem; border-bottom-left-radius: 0.28571429rem; } + .ui.buttons .button:last-child { border-top-right-radius: 0.28571429rem; border-bottom-right-radius: 0.28571429rem; } + +/* Vertical Style */ + .ui.vertical.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } + .ui.vertical.buttons .button { display: block; float: none; width: 100%; margin: 0 0 0 0; - -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } + .ui.vertical.buttons .button:first-child { border-top-left-radius: 0.28571429rem; border-top-right-radius: 0.28571429rem; } + .ui.vertical.buttons .button:last-child { margin-bottom: 0; border-bottom-left-radius: 0.28571429rem; border-bottom-right-radius: 0.28571429rem; } + .ui.vertical.buttons .button:only-child { border-radius: 0.28571429rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Container + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Container +*******************************/ + +/* All Sizes */ + .ui.container { display: block; max-width: 100% !important; } + +/* Mobile */ + @media only screen and (max-width: 767px) { .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } + .ui.grid.container { width: auto !important; } + .ui.relaxed.grid.container { width: auto !important; } + .ui.very.relaxed.grid.container { width: auto !important; } } + +/* Tablet */ + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.container { width: 723px; margin-left: auto !important; margin-right: auto !important; } + .ui.grid.container { width: calc( 723px + 2rem ) !important; } + .ui.relaxed.grid.container { width: calc( 723px + 3rem ) !important; } + .ui.very.relaxed.grid.container { width: calc( 723px + 5rem ) !important; } } + +/* Small Monitor */ + @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.container { width: 933px; margin-left: auto !important; margin-right: auto !important; } + .ui.grid.container { width: calc( 933px + 2rem ) !important; } + .ui.relaxed.grid.container { width: calc( 933px + 3rem ) !important; } + .ui.very.relaxed.grid.container { width: calc( 933px + 5rem ) !important; } } + +/* Large Monitor */ + @media only screen and (min-width: 1200px) { .ui.container { width: 1127px; margin-left: auto !important; margin-right: auto !important; } + .ui.grid.container { width: calc( 1127px + 2rem ) !important; } + .ui.relaxed.grid.container { width: calc( 1127px + 3rem ) !important; } + .ui.very.relaxed.grid.container { width: calc( 1127px + 5rem ) !important; } } + +/******************************* + Types +*******************************/ + +/* Text Container */ + .ui.text.container { font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; max-width: 700px !important; line-height: 1.5; } + .ui.text.container { font-size: 1.14285714rem; } + +/* Fluid */ + .ui.fluid.container { width: 100%; } + +/******************************* + Variations +*******************************/ + .ui[class*="left aligned"].container { text-align: left; } + .ui[class*="center aligned"].container { text-align: center; } + .ui[class*="right aligned"].container { text-align: right; } + .ui.justified.container { text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; hyphens: auto; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Divider + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Divider +*******************************/ + .ui.divider { - margin: 1rem 0rem; + margin: 1rem 0; line-height: 1; height: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(0, 0, 0, 0.85); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +/*-------------- + Basic +---------------*/ + .ui.divider:not(.vertical):not(.horizontal) { border-top: 1px solid rgba(34, 36, 38, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } + +/*-------------- + Coupling +---------------*/ + +/* Allow divider between each column row */ + .ui.grid > .column + .divider, .ui.grid > .row > .column + .divider { left: auto; } + +/*-------------- + Horizontal +---------------*/ + .ui.horizontal.divider { display: table; white-space: nowrap; height: auto; - margin: ''; line-height: 1; text-align: center; } + .ui.horizontal.divider:before, .ui.horizontal.divider:after { content: ''; @@ -3768,26 +4824,33 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { width: 50%; background-repeat: no-repeat; } + .ui.horizontal.divider:before { background-position: right 1em top 50%; } + .ui.horizontal.divider:after { background-position: left 1em top 50%; } + +/*-------------- + Vertical +---------------*/ + .ui.vertical.divider { position: absolute; z-index: 2; top: 50%; left: 50%; - margin: 0rem; + margin: 0; padding: 0; width: auto; height: 50%; line-height: 0; text-align: center; - -webkit-transform: translateX(-50%); transform: translateX(-50%); } + .ui.vertical.divider:before, .ui.vertical.divider:after { position: absolute; @@ -3796,37 +4859,40 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { z-index: 3; border-left: 1px solid rgba(34, 36, 38, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.1); - width: 0%; + width: 0; height: calc(100% - 1rem ); } + .ui.vertical.divider:before { top: -100%; } + .ui.vertical.divider:after { top: auto; bottom: 0; } + +/* Inside grid */ + @media only screen and (max-width: 767px) { .ui.stackable.grid .ui.vertical.divider, .ui.grid .stackable.row .ui.vertical.divider { display: table; white-space: nowrap; height: auto; - margin: ''; overflow: hidden; line-height: 1; text-align: center; position: static; top: 0; left: 0; - -webkit-transform: none; transform: none; } + .ui.stackable.grid .ui.vertical.divider:before, .ui.grid .stackable.row .ui.vertical.divider:before, .ui.stackable.grid .ui.vertical.divider:after, .ui.grid .stackable.row .ui.vertical.divider:after { - position: static; left: 0; border-left: none; border-right: none; @@ -3837,33 +4903,56 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { width: 50%; background-repeat: no-repeat; } + .ui.stackable.grid .ui.vertical.divider:before, .ui.grid .stackable.row .ui.vertical.divider:before { background-position: right 1em top 50%; } + .ui.stackable.grid .ui.vertical.divider:after, .ui.grid .stackable.row .ui.vertical.divider:after { background-position: left 1em top 50%; } } + +/*-------------- + Icon +---------------*/ + .ui.divider > .icon { - margin: 0rem; + margin: 0; font-size: 1rem; height: 1em; vertical-align: middle; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Hidden +---------------*/ + .ui.hidden.divider { border-color: transparent !important; } + .ui.hidden.divider:before, .ui.hidden.divider:after { display: none; } + +/*-------------- + Inverted +---------------*/ + .ui.divider.inverted, .ui.vertical.inverted.divider, .ui.horizontal.inverted.divider { color: #FFFFFF; } + .ui.divider.inverted, .ui.divider.inverted:after, .ui.divider.inverted:before { @@ -3872,1551 +4961,893 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { border-bottom-color: rgba(255, 255, 255, 0.15) !important; border-right-color: rgba(255, 255, 255, 0.15) !important; } + +/*-------------- + Fitted +---------------*/ + .ui.fitted.divider { margin: 0; } + +/*-------------- + Clearing +---------------*/ + .ui.clearing.divider { clear: both; } + +/*-------------- + Section +---------------*/ + .ui.section.divider { margin-top: 2rem; margin-bottom: 2rem; } + +/*-------------- + Sizes +---------------*/ + .ui.divider { font-size: 1rem; } + +/******************************* + Theme Overrides +*******************************/ + .ui.horizontal.divider:before, .ui.horizontal.divider:after { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); + background-image: url(../../assets/images/divider.png); } + @media only screen and (max-width: 767px) { .ui.stackable.grid .ui.vertical.divider:before, .ui.grid .stackable.row .ui.vertical.divider:before, .ui.stackable.grid .ui.vertical.divider:after, .ui.grid .stackable.row .ui.vertical.divider:after { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); - } + background-image: url(../../assets/images/divider.png); + } +} + + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Header + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Header +*******************************/ + +/* Standard */ + +.ui.header { + border: none; + margin: calc(2rem - 0.14285714em ) 0 1rem; + padding: 0 0; + font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-weight: bold; + line-height: 1.28571429em; + text-transform: none; + color: rgba(0, 0, 0, 0.87); } -i.flag:not(.icon) { - display: inline-block; - width: 16px; - height: 11px; - line-height: 11px; - vertical-align: baseline; - margin: 0 0.5em 0 0; - text-decoration: inherit; - speak: none; - font-smoothing: antialiased; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; + +.ui.header:first-child { + margin-top: -0.14285714em; } -i.flag:not(.icon):before { - display: inline-block; - content: ''; - background: url("./themes/default/assets/images/flags.png") no-repeat -108px -1976px; - width: 16px; - height: 11px; -} -i.flag.ad:before, -i.flag.andorra:before { - background-position: 0 0; -} -i.flag.ae:before, -i.flag.united.arab.emirates:before, -i.flag.uae:before { - background-position: 0 -26px; + +.ui.header:last-child { + margin-bottom: 0; } -i.flag.af:before, -i.flag.afghanistan:before { - background-position: 0 -52px; + +/*-------------- + Sub Header +---------------*/ + +.ui.header .sub.header { + display: block; + font-weight: normal; + padding: 0; + margin: 0; + font-size: 1rem; + line-height: 1.2em; + color: rgba(0, 0, 0, 0.6); } -i.flag.ag:before, -i.flag.antigua:before { - background-position: 0 -78px; + +/*-------------- + Icon +---------------*/ + +.ui.header > .icon { + display: table-cell; + opacity: 1; + font-size: 1.5em; + padding-top: 0; + vertical-align: middle; } -i.flag.ai:before, -i.flag.anguilla:before { - background-position: 0 -104px; + +/* With Text Node */ + +.ui.header .icon:only-child { + display: inline-block; + padding: 0; + margin-right: 0.75rem; } -i.flag.al:before, -i.flag.albania:before { - background-position: 0 -130px; + +/*------------------- + Image +--------------------*/ + +.ui.header > .image:not(.icon), +.ui.header > img { + display: inline-block; + margin-top: 0.14285714em; + width: 2.5em; + height: auto; + vertical-align: middle; } -i.flag.am:before, -i.flag.armenia:before { - background-position: 0 -156px; + +.ui.header > .image:not(.icon):only-child, +.ui.header > img:only-child { + margin-right: 0.75rem; } -i.flag.an:before, -i.flag.netherlands.antilles:before { - background-position: 0 -182px; + +/*-------------- + Content +---------------*/ + +.ui.header .content { + display: inline-block; + vertical-align: top; } -i.flag.ao:before, -i.flag.angola:before { - background-position: 0 -208px; + +/* After Image */ + +.ui.header > img + .content, +.ui.header > .image + .content { + padding-left: 0.75rem; + vertical-align: middle; } -i.flag.ar:before, -i.flag.argentina:before { - background-position: 0 -234px; + +/* After Icon */ + +.ui.header > .icon + .content { + padding-left: 0.75rem; + display: table-cell; + vertical-align: middle; } -i.flag.as:before, -i.flag.american.samoa:before { - background-position: 0 -260px; + +/*-------------- + Loose Coupling +---------------*/ + +.ui.header .ui.label { + margin-left: 0.5rem; + vertical-align: middle; } -i.flag.at:before, -i.flag.austria:before { - background-position: 0 -286px; + +/* Positioning */ + +.ui.header + p { + margin-top: 0; } -i.flag.au:before, -i.flag.australia:before { - background-position: 0 -312px; + +/******************************* + Types +*******************************/ + +/*-------------- + Page +---------------*/ + +h1.ui.header { + font-size: 2rem; } -i.flag.aw:before, -i.flag.aruba:before { - background-position: 0 -338px; + +h2.ui.header { + font-size: 1.71428571rem; } -i.flag.ax:before, -i.flag.aland.islands:before { - background-position: 0 -364px; + +h3.ui.header { + font-size: 1.28571429rem; } -i.flag.az:before, -i.flag.azerbaijan:before { - background-position: 0 -390px; + +h4.ui.header { + font-size: 1.07142857rem; } -i.flag.ba:before, -i.flag.bosnia:before { - background-position: 0 -416px; + +h5.ui.header { + font-size: 1rem; } -i.flag.bb:before, -i.flag.barbados:before { - background-position: 0 -442px; + +/* Sub Header */ + +h1.ui.header .sub.header { + font-size: 1.14285714rem; } -i.flag.bd:before, -i.flag.bangladesh:before { - background-position: 0 -468px; + +h2.ui.header .sub.header { + font-size: 1.14285714rem; } -i.flag.be:before, -i.flag.belgium:before { - background-position: 0 -494px; + +h3.ui.header .sub.header { + font-size: 1rem; } -i.flag.bf:before, -i.flag.burkina.faso:before { - background-position: 0 -520px; + +h4.ui.header .sub.header { + font-size: 1rem; } -i.flag.bg:before, -i.flag.bulgaria:before { - background-position: 0 -546px; + +h5.ui.header .sub.header { + font-size: 0.92857143rem; } -i.flag.bh:before, -i.flag.bahrain:before { - background-position: 0 -572px; + +/*-------------- + Content Heading +---------------*/ + +.ui.huge.header { + min-height: 1em; + font-size: 2em; } -i.flag.bi:before, -i.flag.burundi:before { - background-position: 0 -598px; + +.ui.large.header { + font-size: 1.71428571em; } -i.flag.bj:before, -i.flag.benin:before { - background-position: 0 -624px; + +.ui.medium.header { + font-size: 1.28571429em; } -i.flag.bm:before, -i.flag.bermuda:before { - background-position: 0 -650px; + +.ui.small.header { + font-size: 1.07142857em; } -i.flag.bn:before, -i.flag.brunei:before { - background-position: 0 -676px; + +.ui.tiny.header { + font-size: 1em; } -i.flag.bo:before, -i.flag.bolivia:before { - background-position: 0 -702px; + +/* Sub Header */ + +.ui.huge.header .sub.header { + font-size: 1.14285714rem; } -i.flag.br:before, -i.flag.brazil:before { - background-position: 0 -728px; + +.ui.large.header .sub.header { + font-size: 1.14285714rem; } -i.flag.bs:before, -i.flag.bahamas:before { - background-position: 0 -754px; + +.ui.header .sub.header { + font-size: 1rem; } -i.flag.bt:before, -i.flag.bhutan:before { - background-position: 0 -780px; + +.ui.small.header .sub.header { + font-size: 1rem; } -i.flag.bv:before, -i.flag.bouvet.island:before { - background-position: 0 -806px; + +.ui.tiny.header .sub.header { + font-size: 0.92857143rem; } -i.flag.bw:before, -i.flag.botswana:before { - background-position: 0 -832px; + +/*-------------- + Sub Heading +---------------*/ + +.ui.sub.header { + padding: 0; + margin-bottom: 0.14285714rem; + font-weight: bold; + font-size: 0.85714286em; + text-transform: uppercase; } -i.flag.by:before, -i.flag.belarus:before { - background-position: 0 -858px; + +.ui.small.sub.header { + font-size: 0.78571429em; } -i.flag.bz:before, -i.flag.belize:before { - background-position: 0 -884px; + +.ui.sub.header { + font-size: 0.85714286em; } -i.flag.ca:before, -i.flag.canada:before { - background-position: 0 -910px; + +.ui.large.sub.header { + font-size: 0.92857143em; } -i.flag.cc:before, -i.flag.cocos.islands:before { - background-position: 0 -962px; + +.ui.huge.sub.header { + font-size: 1em; } -i.flag.cd:before, -i.flag.congo:before { - background-position: 0 -988px; + +/*------------------- + Icon +--------------------*/ + +.ui.icon.header { + display: inline-block; + text-align: center; + margin: 2rem 0 1rem; } -i.flag.cf:before, -i.flag.central.african.republic:before { - background-position: 0 -1014px; + +.ui.icon.header:after { + content: ''; + display: block; + height: 0; + clear: both; + visibility: hidden; } -i.flag.cg:before, -i.flag.congo.brazzaville:before { - background-position: 0 -1040px; + +.ui.icon.header:first-child { + margin-top: 0; } -i.flag.ch:before, -i.flag.switzerland:before { - background-position: 0 -1066px; + +.ui.icon.header .icon { + float: none; + display: block; + width: auto; + height: auto; + line-height: 1; + padding: 0; + font-size: 3em; + margin: 0 auto 0.5rem; + opacity: 1; } -i.flag.ci:before, -i.flag.cote.divoire:before { - background-position: 0 -1092px; + +.ui.icon.header .content { + display: block; + padding: 0; } -i.flag.ck:before, -i.flag.cook.islands:before { - background-position: 0 -1118px; + +.ui.icon.header .circular.icon { + font-size: 2em; } -i.flag.cl:before, -i.flag.chile:before { - background-position: 0 -1144px; + +.ui.icon.header .square.icon { + font-size: 2em; } -i.flag.cm:before, -i.flag.cameroon:before { - background-position: 0 -1170px; + +.ui.block.icon.header .icon { + margin-bottom: 0; } -i.flag.cn:before, -i.flag.china:before { - background-position: 0 -1196px; + +.ui.icon.header.aligned { + margin-left: auto; + margin-right: auto; + display: block; } -i.flag.co:before, -i.flag.colombia:before { - background-position: 0 -1222px; + +/******************************* + States +*******************************/ + +.ui.disabled.header { + opacity: 0.45; } -i.flag.cr:before, -i.flag.costa.rica:before { - background-position: 0 -1248px; + +/******************************* + Variations +*******************************/ + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.header { + color: #FFFFFF; } -i.flag.cs:before, -i.flag.serbia:before { - background-position: 0 -1274px; + +.ui.inverted.header .sub.header { + color: rgba(255, 255, 255, 0.8); } -i.flag.cu:before, -i.flag.cuba:before { - background-position: 0 -1300px; + +.ui.inverted.attached.header { + background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: none; + border-color: transparent; } -i.flag.cv:before, -i.flag.cape.verde:before { - background-position: 0 -1326px; + +.ui.inverted.block.header { + background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: none; } -i.flag.cx:before, -i.flag.christmas.island:before { - background-position: 0 -1352px; + +.ui.inverted.block.header { + border-bottom: none; } -i.flag.cy:before, -i.flag.cyprus:before { - background-position: 0 -1378px; + +/*------------------- + Colors +--------------------*/ + +/*--- Red ---*/ + +.ui.red.header { + color: #DB2828 !important; } -i.flag.cz:before, -i.flag.czech.republic:before { - background-position: 0 -1404px; + +a.ui.red.header:hover { + color: #d01919 !important; } -i.flag.de:before, -i.flag.germany:before { - background-position: 0 -1430px; + +.ui.red.dividing.header { + border-bottom: 2px solid #DB2828; } -i.flag.dj:before, -i.flag.djibouti:before { - background-position: 0 -1456px; + +/* Inverted */ + +.ui.inverted.red.header { + color: #FF695E !important; } -i.flag.dk:before, -i.flag.denmark:before { - background-position: 0 -1482px; + +a.ui.inverted.red.header:hover { + color: #ff5144 !important; } -i.flag.dm:before, -i.flag.dominica:before { - background-position: 0 -1508px; + +/*--- Orange ---*/ + +.ui.orange.header { + color: #F2711C !important; } -i.flag.do:before, -i.flag.dominican.republic:before { - background-position: 0 -1534px; + +a.ui.orange.header:hover { + color: #f26202 !important; } -i.flag.dz:before, -i.flag.algeria:before { - background-position: 0 -1560px; + +.ui.orange.dividing.header { + border-bottom: 2px solid #F2711C; } -i.flag.ec:before, -i.flag.ecuador:before { - background-position: 0 -1586px; + +/* Inverted */ + +.ui.inverted.orange.header { + color: #FF851B !important; } -i.flag.ee:before, -i.flag.estonia:before { - background-position: 0 -1612px; + +a.ui.inverted.orange.header:hover { + color: #ff7701 !important; } -i.flag.eg:before, -i.flag.egypt:before { - background-position: 0 -1638px; + +/*--- Olive ---*/ + +.ui.olive.header { + color: #B5CC18 !important; } -i.flag.eh:before, -i.flag.western.sahara:before { - background-position: 0 -1664px; + +a.ui.olive.header:hover { + color: #a7bd0d !important; } -i.flag.gb.eng:before, -i.flag.england:before { - background-position: 0 -1690px; + +.ui.olive.dividing.header { + border-bottom: 2px solid #B5CC18; } -i.flag.er:before, -i.flag.eritrea:before { - background-position: 0 -1716px; + +/* Inverted */ + +.ui.inverted.olive.header { + color: #D9E778 !important; } -i.flag.es:before, -i.flag.spain:before { - background-position: 0 -1742px; + +a.ui.inverted.olive.header:hover { + color: #d8ea5c !important; } -i.flag.et:before, -i.flag.ethiopia:before { - background-position: 0 -1768px; + +/*--- Yellow ---*/ + +.ui.yellow.header { + color: #FBBD08 !important; } -i.flag.eu:before, -i.flag.european.union:before { - background-position: 0 -1794px; + +a.ui.yellow.header:hover { + color: #eaae00 !important; } -i.flag.fi:before, -i.flag.finland:before { - background-position: 0 -1846px; + +.ui.yellow.dividing.header { + border-bottom: 2px solid #FBBD08; } -i.flag.fj:before, -i.flag.fiji:before { - background-position: 0 -1872px; + +/* Inverted */ + +.ui.inverted.yellow.header { + color: #FFE21F !important; } -i.flag.fk:before, -i.flag.falkland.islands:before { - background-position: 0 -1898px; + +a.ui.inverted.yellow.header:hover { + color: #ffdf05 !important; } -i.flag.fm:before, -i.flag.micronesia:before { - background-position: 0 -1924px; -} -i.flag.fo:before, -i.flag.faroe.islands:before { - background-position: 0 -1950px; -} -i.flag.fr:before, -i.flag.france:before { - background-position: 0 -1976px; -} -i.flag.ga:before, -i.flag.gabon:before { - background-position: -36px 0; -} -i.flag.gb:before, -i.flag.united.kingdom:before { - background-position: -36px -26px; -} -i.flag.gd:before, -i.flag.grenada:before { - background-position: -36px -52px; -} -i.flag.ge:before, -i.flag.georgia:before { - background-position: -36px -78px; -} -i.flag.gf:before, -i.flag.french.guiana:before { - background-position: -36px -104px; -} -i.flag.gh:before, -i.flag.ghana:before { - background-position: -36px -130px; -} -i.flag.gi:before, -i.flag.gibraltar:before { - background-position: -36px -156px; -} -i.flag.gl:before, -i.flag.greenland:before { - background-position: -36px -182px; -} -i.flag.gm:before, -i.flag.gambia:before { - background-position: -36px -208px; -} -i.flag.gn:before, -i.flag.guinea:before { - background-position: -36px -234px; -} -i.flag.gp:before, -i.flag.guadeloupe:before { - background-position: -36px -260px; -} -i.flag.gq:before, -i.flag.equatorial.guinea:before { - background-position: -36px -286px; -} -i.flag.gr:before, -i.flag.greece:before { - background-position: -36px -312px; -} -i.flag.gs:before, -i.flag.sandwich.islands:before { - background-position: -36px -338px; -} -i.flag.gt:before, -i.flag.guatemala:before { - background-position: -36px -364px; -} -i.flag.gu:before, -i.flag.guam:before { - background-position: -36px -390px; -} -i.flag.gw:before, -i.flag.guinea-bissau:before { - background-position: -36px -416px; -} -i.flag.gy:before, -i.flag.guyana:before { - background-position: -36px -442px; -} -i.flag.hk:before, -i.flag.hong.kong:before { - background-position: -36px -468px; -} -i.flag.hm:before, -i.flag.heard.island:before { - background-position: -36px -494px; -} -i.flag.hn:before, -i.flag.honduras:before { - background-position: -36px -520px; -} -i.flag.hr:before, -i.flag.croatia:before { - background-position: -36px -546px; -} -i.flag.ht:before, -i.flag.haiti:before { - background-position: -36px -572px; -} -i.flag.hu:before, -i.flag.hungary:before { - background-position: -36px -598px; -} -i.flag.id:before, -i.flag.indonesia:before { - background-position: -36px -624px; -} -i.flag.ie:before, -i.flag.ireland:before { - background-position: -36px -650px; -} -i.flag.il:before, -i.flag.israel:before { - background-position: -36px -676px; -} -i.flag.in:before, -i.flag.india:before { - background-position: -36px -702px; -} -i.flag.io:before, -i.flag.indian.ocean.territory:before { - background-position: -36px -728px; -} -i.flag.iq:before, -i.flag.iraq:before { - background-position: -36px -754px; -} -i.flag.ir:before, -i.flag.iran:before { - background-position: -36px -780px; -} -i.flag.is:before, -i.flag.iceland:before { - background-position: -36px -806px; -} -i.flag.it:before, -i.flag.italy:before { - background-position: -36px -832px; -} -i.flag.jm:before, -i.flag.jamaica:before { - background-position: -36px -858px; -} -i.flag.jo:before, -i.flag.jordan:before { - background-position: -36px -884px; -} -i.flag.jp:before, -i.flag.japan:before { - background-position: -36px -910px; -} -i.flag.ke:before, -i.flag.kenya:before { - background-position: -36px -936px; -} -i.flag.kg:before, -i.flag.kyrgyzstan:before { - background-position: -36px -962px; -} -i.flag.kh:before, -i.flag.cambodia:before { - background-position: -36px -988px; -} -i.flag.ki:before, -i.flag.kiribati:before { - background-position: -36px -1014px; -} -i.flag.km:before, -i.flag.comoros:before { - background-position: -36px -1040px; -} -i.flag.kn:before, -i.flag.saint.kitts.and.nevis:before { - background-position: -36px -1066px; -} -i.flag.kp:before, -i.flag.north.korea:before { - background-position: -36px -1092px; -} -i.flag.kr:before, -i.flag.south.korea:before { - background-position: -36px -1118px; -} -i.flag.kw:before, -i.flag.kuwait:before { - background-position: -36px -1144px; -} -i.flag.ky:before, -i.flag.cayman.islands:before { - background-position: -36px -1170px; -} -i.flag.kz:before, -i.flag.kazakhstan:before { - background-position: -36px -1196px; -} -i.flag.la:before, -i.flag.laos:before { - background-position: -36px -1222px; -} -i.flag.lb:before, -i.flag.lebanon:before { - background-position: -36px -1248px; -} -i.flag.lc:before, -i.flag.saint.lucia:before { - background-position: -36px -1274px; -} -i.flag.li:before, -i.flag.liechtenstein:before { - background-position: -36px -1300px; -} -i.flag.lk:before, -i.flag.sri.lanka:before { - background-position: -36px -1326px; -} -i.flag.lr:before, -i.flag.liberia:before { - background-position: -36px -1352px; -} -i.flag.ls:before, -i.flag.lesotho:before { - background-position: -36px -1378px; -} -i.flag.lt:before, -i.flag.lithuania:before { - background-position: -36px -1404px; -} -i.flag.lu:before, -i.flag.luxembourg:before { - background-position: -36px -1430px; -} -i.flag.lv:before, -i.flag.latvia:before { - background-position: -36px -1456px; -} -i.flag.ly:before, -i.flag.libya:before { - background-position: -36px -1482px; -} -i.flag.ma:before, -i.flag.morocco:before { - background-position: -36px -1508px; -} -i.flag.mc:before, -i.flag.monaco:before { - background-position: -36px -1534px; -} -i.flag.md:before, -i.flag.moldova:before { - background-position: -36px -1560px; -} -i.flag.me:before, -i.flag.montenegro:before { - background-position: -36px -1586px; -} -i.flag.mg:before, -i.flag.madagascar:before { - background-position: -36px -1613px; -} -i.flag.mh:before, -i.flag.marshall.islands:before { - background-position: -36px -1639px; -} -i.flag.mk:before, -i.flag.macedonia:before { - background-position: -36px -1665px; -} -i.flag.ml:before, -i.flag.mali:before { - background-position: -36px -1691px; -} -i.flag.mm:before, -i.flag.myanmar:before, -i.flag.burma:before { - background-position: -73px -1821px; -} -i.flag.mn:before, -i.flag.mongolia:before { - background-position: -36px -1743px; -} -i.flag.mo:before, -i.flag.macau:before { - background-position: -36px -1769px; -} -i.flag.mp:before, -i.flag.northern.mariana.islands:before { - background-position: -36px -1795px; -} -i.flag.mq:before, -i.flag.martinique:before { - background-position: -36px -1821px; -} -i.flag.mr:before, -i.flag.mauritania:before { - background-position: -36px -1847px; -} -i.flag.ms:before, -i.flag.montserrat:before { - background-position: -36px -1873px; -} -i.flag.mt:before, -i.flag.malta:before { - background-position: -36px -1899px; -} -i.flag.mu:before, -i.flag.mauritius:before { - background-position: -36px -1925px; -} -i.flag.mv:before, -i.flag.maldives:before { - background-position: -36px -1951px; -} -i.flag.mw:before, -i.flag.malawi:before { - background-position: -36px -1977px; -} -i.flag.mx:before, -i.flag.mexico:before { - background-position: -72px 0; -} -i.flag.my:before, -i.flag.malaysia:before { - background-position: -72px -26px; -} -i.flag.mz:before, -i.flag.mozambique:before { - background-position: -72px -52px; -} -i.flag.na:before, -i.flag.namibia:before { - background-position: -72px -78px; -} -i.flag.nc:before, -i.flag.new.caledonia:before { - background-position: -72px -104px; -} -i.flag.ne:before, -i.flag.niger:before { - background-position: -72px -130px; -} -i.flag.nf:before, -i.flag.norfolk.island:before { - background-position: -72px -156px; -} -i.flag.ng:before, -i.flag.nigeria:before { - background-position: -72px -182px; -} -i.flag.ni:before, -i.flag.nicaragua:before { - background-position: -72px -208px; -} -i.flag.nl:before, -i.flag.netherlands:before { - background-position: -72px -234px; -} -i.flag.no:before, -i.flag.norway:before { - background-position: -72px -260px; -} -i.flag.np:before, -i.flag.nepal:before { - background-position: -72px -286px; -} -i.flag.nr:before, -i.flag.nauru:before { - background-position: -72px -312px; -} -i.flag.nu:before, -i.flag.niue:before { - background-position: -72px -338px; -} -i.flag.nz:before, -i.flag.new.zealand:before { - background-position: -72px -364px; -} -i.flag.om:before, -i.flag.oman:before { - background-position: -72px -390px; -} -i.flag.pa:before, -i.flag.panama:before { - background-position: -72px -416px; -} -i.flag.pe:before, -i.flag.peru:before { - background-position: -72px -442px; -} -i.flag.pf:before, -i.flag.french.polynesia:before { - background-position: -72px -468px; -} -i.flag.pg:before, -i.flag.new.guinea:before { - background-position: -72px -494px; -} -i.flag.ph:before, -i.flag.philippines:before { - background-position: -72px -520px; -} -i.flag.pk:before, -i.flag.pakistan:before { - background-position: -72px -546px; -} -i.flag.pl:before, -i.flag.poland:before { - background-position: -72px -572px; -} -i.flag.pm:before, -i.flag.saint.pierre:before { - background-position: -72px -598px; -} -i.flag.pn:before, -i.flag.pitcairn.islands:before { - background-position: -72px -624px; -} -i.flag.pr:before, -i.flag.puerto.rico:before { - background-position: -72px -650px; -} -i.flag.ps:before, -i.flag.palestine:before { - background-position: -72px -676px; -} -i.flag.pt:before, -i.flag.portugal:before { - background-position: -72px -702px; -} -i.flag.pw:before, -i.flag.palau:before { - background-position: -72px -728px; -} -i.flag.py:before, -i.flag.paraguay:before { - background-position: -72px -754px; -} -i.flag.qa:before, -i.flag.qatar:before { - background-position: -72px -780px; -} -i.flag.re:before, -i.flag.reunion:before { - background-position: -72px -806px; -} -i.flag.ro:before, -i.flag.romania:before { - background-position: -72px -832px; -} -i.flag.rs:before, -i.flag.serbia:before { - background-position: -72px -858px; -} -i.flag.ru:before, -i.flag.russia:before { - background-position: -72px -884px; -} -i.flag.rw:before, -i.flag.rwanda:before { - background-position: -72px -910px; -} -i.flag.sa:before, -i.flag.saudi.arabia:before { - background-position: -72px -936px; -} -i.flag.sb:before, -i.flag.solomon.islands:before { - background-position: -72px -962px; -} -i.flag.sc:before, -i.flag.seychelles:before { - background-position: -72px -988px; -} -i.flag.gb.sct:before, -i.flag.scotland:before { - background-position: -72px -1014px; -} -i.flag.sd:before, -i.flag.sudan:before { - background-position: -72px -1040px; -} -i.flag.se:before, -i.flag.sweden:before { - background-position: -72px -1066px; -} -i.flag.sg:before, -i.flag.singapore:before { - background-position: -72px -1092px; -} -i.flag.sh:before, -i.flag.saint.helena:before { - background-position: -72px -1118px; -} -i.flag.si:before, -i.flag.slovenia:before { - background-position: -72px -1144px; -} -i.flag.sj:before, -i.flag.svalbard:before, -i.flag.jan.mayen:before { - background-position: -72px -1170px; -} -i.flag.sk:before, -i.flag.slovakia:before { - background-position: -72px -1196px; -} -i.flag.sl:before, -i.flag.sierra.leone:before { - background-position: -72px -1222px; -} -i.flag.sm:before, -i.flag.san.marino:before { - background-position: -72px -1248px; -} -i.flag.sn:before, -i.flag.senegal:before { - background-position: -72px -1274px; -} -i.flag.so:before, -i.flag.somalia:before { - background-position: -72px -1300px; -} -i.flag.sr:before, -i.flag.suriname:before { - background-position: -72px -1326px; -} -i.flag.st:before, -i.flag.sao.tome:before { - background-position: -72px -1352px; -} -i.flag.sv:before, -i.flag.el.salvador:before { - background-position: -72px -1378px; -} -i.flag.sy:before, -i.flag.syria:before { - background-position: -72px -1404px; -} -i.flag.sz:before, -i.flag.swaziland:before { - background-position: -72px -1430px; -} -i.flag.tc:before, -i.flag.caicos.islands:before { - background-position: -72px -1456px; -} -i.flag.td:before, -i.flag.chad:before { - background-position: -72px -1482px; -} -i.flag.tf:before, -i.flag.french.territories:before { - background-position: -72px -1508px; -} -i.flag.tg:before, -i.flag.togo:before { - background-position: -72px -1534px; -} -i.flag.th:before, -i.flag.thailand:before { - background-position: -72px -1560px; -} -i.flag.tj:before, -i.flag.tajikistan:before { - background-position: -72px -1586px; -} -i.flag.tk:before, -i.flag.tokelau:before { - background-position: -72px -1612px; -} -i.flag.tl:before, -i.flag.timorleste:before { - background-position: -72px -1638px; -} -i.flag.tm:before, -i.flag.turkmenistan:before { - background-position: -72px -1664px; -} -i.flag.tn:before, -i.flag.tunisia:before { - background-position: -72px -1690px; -} -i.flag.to:before, -i.flag.tonga:before { - background-position: -72px -1716px; -} -i.flag.tr:before, -i.flag.turkey:before { - background-position: -72px -1742px; -} -i.flag.tt:before, -i.flag.trinidad:before { - background-position: -72px -1768px; -} -i.flag.tv:before, -i.flag.tuvalu:before { - background-position: -72px -1794px; -} -i.flag.tw:before, -i.flag.taiwan:before { - background-position: -72px -1820px; -} -i.flag.tz:before, -i.flag.tanzania:before { - background-position: -72px -1846px; -} -i.flag.ua:before, -i.flag.ukraine:before { - background-position: -72px -1872px; -} -i.flag.ug:before, -i.flag.uganda:before { - background-position: -72px -1898px; -} -i.flag.um:before, -i.flag.us.minor.islands:before { - background-position: -72px -1924px; -} -i.flag.us:before, -i.flag.america:before, -i.flag.united.states:before { - background-position: -72px -1950px; -} -i.flag.uy:before, -i.flag.uruguay:before { - background-position: -72px -1976px; -} -i.flag.uz:before, -i.flag.uzbekistan:before { - background-position: -108px 0; -} -i.flag.va:before, -i.flag.vatican.city:before { - background-position: -108px -26px; -} -i.flag.vc:before, -i.flag.saint.vincent:before { - background-position: -108px -52px; -} -i.flag.ve:before, -i.flag.venezuela:before { - background-position: -108px -78px; -} -i.flag.vg:before, -i.flag.british.virgin.islands:before { - background-position: -108px -104px; -} -i.flag.vi:before, -i.flag.us.virgin.islands:before { - background-position: -108px -130px; -} -i.flag.vn:before, -i.flag.vietnam:before { - background-position: -108px -156px; -} -i.flag.vu:before, -i.flag.vanuatu:before { - background-position: -108px -182px; -} -i.flag.gb.wls:before, -i.flag.wales:before { - background-position: -108px -208px; -} -i.flag.wf:before, -i.flag.wallis.and.futuna:before { - background-position: -108px -234px; -} -i.flag.ws:before, -i.flag.samoa:before { - background-position: -108px -260px; -} -i.flag.ye:before, -i.flag.yemen:before { - background-position: -108px -286px; -} -i.flag.yt:before, -i.flag.mayotte:before { - background-position: -108px -312px; -} -i.flag.za:before, -i.flag.south.africa:before { - background-position: -108px -338px; -} -i.flag.zm:before, -i.flag.zambia:before { - background-position: -108px -364px; -} -i.flag.zw:before, -i.flag.zimbabwe:before { - background-position: -108px -390px; -} -.ui.header { - border: none; - margin: calc(2rem - 0.14285714em ) 0 1rem; - padding: 0 0; - font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-weight: bold; - line-height: 1.28571429em; - text-transform: none; - color: rgba(0, 0, 0, 0.87); -} -.ui.header:first-child { - margin-top: -0.14285714em; -} -.ui.header:last-child { - margin-bottom: 0; -} -.ui.header .sub.header { - display: block; - font-weight: normal; - padding: 0; - margin: 0; - font-size: 1rem; - line-height: 1.2em; - color: rgba(0, 0, 0, 0.6); -} -.ui.header > .icon { - display: table-cell; - opacity: 1; - font-size: 1.5em; - padding-top: 0; - vertical-align: middle; -} -.ui.header .icon:only-child { - display: inline-block; - padding: 0; - margin-right: 0.75rem; -} -.ui.header > .image:not(.icon), -.ui.header > img { - display: inline-block; - margin-top: 0.14285714em; - width: 2.5em; - height: auto; - vertical-align: middle; -} -.ui.header > .image:not(.icon):only-child, -.ui.header > img:only-child { - margin-right: 0.75rem; -} -.ui.header .content { - display: inline-block; - vertical-align: top; -} -.ui.header > img + .content, -.ui.header > .image + .content { - padding-left: 0.75rem; - vertical-align: middle; -} -.ui.header > .icon + .content { - padding-left: 0.75rem; - display: table-cell; - vertical-align: middle; -} -.ui.header .ui.label { - font-size: ''; - margin-left: 0.5rem; - vertical-align: middle; -} -.ui.header + p { - margin-top: 0; -} -h1.ui.header { - font-size: 2rem; -} -h2.ui.header { - font-size: 1.71428571rem; -} -h3.ui.header { - font-size: 1.28571429rem; -} -h4.ui.header { - font-size: 1.07142857rem; -} -h5.ui.header { - font-size: 1rem; -} -h1.ui.header .sub.header { - font-size: 1.14285714rem; -} -h2.ui.header .sub.header { - font-size: 1.14285714rem; -} -h3.ui.header .sub.header { - font-size: 1rem; -} -h4.ui.header .sub.header { - font-size: 1rem; -} -h5.ui.header .sub.header { - font-size: 0.92857143rem; -} -.ui.huge.header { - min-height: 1em; - font-size: 2em; -} -.ui.large.header { - font-size: 1.71428571em; -} -.ui.medium.header { - font-size: 1.28571429em; -} -.ui.small.header { - font-size: 1.07142857em; -} -.ui.tiny.header { - font-size: 1em; -} -.ui.huge.header .sub.header { - font-size: 1.14285714rem; -} -.ui.large.header .sub.header { - font-size: 1.14285714rem; -} -.ui.header .sub.header { - font-size: 1rem; -} -.ui.small.header .sub.header { - font-size: 1rem; -} -.ui.tiny.header .sub.header { - font-size: 0.92857143rem; -} -.ui.sub.header { - padding: 0; - margin-bottom: 0.14285714rem; - font-weight: bold; - font-size: 0.85714286em; - text-transform: uppercase; - color: ''; -} -.ui.small.sub.header { - font-size: 0.78571429em; -} -.ui.sub.header { - font-size: 0.85714286em; -} -.ui.large.sub.header { - font-size: 0.92857143em; -} -.ui.huge.sub.header { - font-size: 1em; -} -.ui.icon.header { - display: inline-block; - text-align: center; - margin: 2rem 0 1rem; -} -.ui.icon.header:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.icon.header:first-child { - margin-top: 0; -} -.ui.icon.header .icon { - float: none; - display: block; - width: auto; - height: auto; - line-height: 1; - padding: 0; - font-size: 3em; - margin: 0 auto 0.5rem; - opacity: 1; -} -.ui.icon.header .content { - display: block; - padding: 0; -} -.ui.icon.header .circular.icon { - font-size: 2em; -} -.ui.icon.header .square.icon { - font-size: 2em; -} -.ui.block.icon.header .icon { - margin-bottom: 0; -} -.ui.icon.header.aligned { - margin-left: auto; - margin-right: auto; - display: block; -} -.ui.disabled.header { - opacity: 0.45; -} -.ui.inverted.header { - color: #FFFFFF; -} -.ui.inverted.header .sub.header { - color: rgba(255, 255, 255, 0.8); -} -.ui.inverted.attached.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; - border-color: transparent; -} -.ui.inverted.block.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; -} -.ui.inverted.block.header { - border-bottom: none; -} -.ui.red.header { - color: #DB2828 !important; -} -a.ui.red.header:hover { - color: #d01919 !important; -} -.ui.red.dividing.header { - border-bottom: 2px solid #DB2828; -} -.ui.inverted.red.header { - color: #FF695E !important; -} -a.ui.inverted.red.header:hover { - color: #ff5144 !important; -} -.ui.orange.header { - color: #F2711C !important; -} -a.ui.orange.header:hover { - color: #f26202 !important; -} -.ui.orange.dividing.header { - border-bottom: 2px solid #F2711C; -} -.ui.inverted.orange.header { - color: #FF851B !important; -} -a.ui.inverted.orange.header:hover { - color: #ff7701 !important; -} -.ui.olive.header { - color: #B5CC18 !important; -} -a.ui.olive.header:hover { - color: #a7bd0d !important; -} -.ui.olive.dividing.header { - border-bottom: 2px solid #B5CC18; -} -.ui.inverted.olive.header { - color: #D9E778 !important; -} -a.ui.inverted.olive.header:hover { - color: #d8ea5c !important; -} -.ui.yellow.header { - color: #FBBD08 !important; -} -a.ui.yellow.header:hover { - color: #eaae00 !important; -} -.ui.yellow.dividing.header { - border-bottom: 2px solid #FBBD08; -} -.ui.inverted.yellow.header { - color: #FFE21F !important; -} -a.ui.inverted.yellow.header:hover { - color: #ffdf05 !important; -} -.ui.green.header { - color: #21BA45 !important; + +/*--- Green ---*/ + +.ui.green.header { + color: #21BA45 !important; } + a.ui.green.header:hover { color: #16ab39 !important; } + .ui.green.dividing.header { border-bottom: 2px solid #21BA45; } + +/* Inverted */ + .ui.inverted.green.header { color: #2ECC40 !important; } + a.ui.inverted.green.header:hover { color: #22be34 !important; } + +/*--- Teal ---*/ + .ui.teal.header { color: #00B5AD !important; } + a.ui.teal.header:hover { color: #009c95 !important; } + .ui.teal.dividing.header { border-bottom: 2px solid #00B5AD; } + +/* Inverted */ + .ui.inverted.teal.header { color: #6DFFFF !important; } + a.ui.inverted.teal.header:hover { color: #54ffff !important; } + +/*--- Blue ---*/ + .ui.blue.header { color: #2185D0 !important; } + a.ui.blue.header:hover { color: #1678c2 !important; } + .ui.blue.dividing.header { border-bottom: 2px solid #2185D0; } + +/* Inverted */ + .ui.inverted.blue.header { color: #54C8FF !important; } + a.ui.inverted.blue.header:hover { color: #3ac0ff !important; } + +/*--- Violet ---*/ + .ui.violet.header { color: #6435C9 !important; } + a.ui.violet.header:hover { color: #5829bb !important; } + .ui.violet.dividing.header { border-bottom: 2px solid #6435C9; } + +/* Inverted */ + .ui.inverted.violet.header { color: #A291FB !important; } + a.ui.inverted.violet.header:hover { color: #8a73ff !important; } + +/*--- Purple ---*/ + .ui.purple.header { color: #A333C8 !important; } + a.ui.purple.header:hover { color: #9627ba !important; } + .ui.purple.dividing.header { border-bottom: 2px solid #A333C8; } + +/* Inverted */ + .ui.inverted.purple.header { color: #DC73FF !important; } + a.ui.inverted.purple.header:hover { color: #d65aff !important; } + +/*--- Pink ---*/ + .ui.pink.header { color: #E03997 !important; } + a.ui.pink.header:hover { color: #e61a8d !important; } + .ui.pink.dividing.header { border-bottom: 2px solid #E03997; } + +/* Inverted */ + .ui.inverted.pink.header { color: #FF8EDF !important; } + a.ui.inverted.pink.header:hover { color: #ff74d8 !important; } + +/*--- Brown ---*/ + .ui.brown.header { color: #A5673F !important; } + a.ui.brown.header:hover { color: #975b33 !important; } + .ui.brown.dividing.header { border-bottom: 2px solid #A5673F; } + +/* Inverted */ + .ui.inverted.brown.header { color: #D67C1C !important; } + a.ui.inverted.brown.header:hover { color: #c86f11 !important; } + +/*--- Grey ---*/ + .ui.grey.header { color: #767676 !important; } + a.ui.grey.header:hover { color: #838383 !important; } + .ui.grey.dividing.header { border-bottom: 2px solid #767676; } + +/* Inverted */ + .ui.inverted.grey.header { color: #DCDDDE !important; } + a.ui.inverted.grey.header:hover { color: #cfd0d2 !important; } + +/*------------------- + Aligned +--------------------*/ + .ui.left.aligned.header { text-align: left; } + .ui.right.aligned.header { text-align: right; } + .ui.centered.header, .ui.center.aligned.header { text-align: center; } + .ui.justified.header { text-align: justify; } + .ui.justified.header:after { display: inline-block; content: ''; width: 100%; } + +/*------------------- + Floated +--------------------*/ + .ui.floated.header, .ui[class*="left floated"].header { float: left; margin-top: 0; margin-right: 0.5em; } + .ui[class*="right floated"].header { float: right; margin-top: 0; margin-left: 0.5em; } + +/*------------------- + Fitted +--------------------*/ + .ui.fitted.header { padding: 0; } + +/*------------------- + Dividing +--------------------*/ + .ui.dividing.header { padding-bottom: 0.21428571rem; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } + .ui.dividing.header .sub.header { padding-bottom: 0.21428571rem; } + .ui.dividing.header .icon { margin-bottom: 0; } + .ui.inverted.dividing.header { border-bottom-color: rgba(255, 255, 255, 0.1); } + +/*------------------- + Block +--------------------*/ + .ui.block.header { background: #F3F4F5; padding: 0.78571429rem 1rem; - -webkit-box-shadow: none; box-shadow: none; border: 1px solid #D4D4D5; border-radius: 0.28571429rem; } + .ui.tiny.block.header { font-size: 0.85714286rem; } + .ui.small.block.header { font-size: 0.92857143rem; } + .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1rem; } + .ui.large.block.header { font-size: 1.14285714rem; } + .ui.huge.block.header { font-size: 1.42857143rem; } + +/*------------------- + Attached +--------------------*/ + .ui.attached.header { background: #FFFFFF; padding: 0.78571429rem 1rem; margin-left: -1px; margin-right: -1px; - -webkit-box-shadow: none; box-shadow: none; border: 1px solid #D4D4D5; } + .ui.attached.block.header { background: #F3F4F5; } + .ui.attached:not(.top):not(.bottom).header { margin-top: 0; margin-bottom: 0; border-top: none; border-radius: 0; } + .ui.top.attached.header { margin-bottom: 0; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.bottom.attached.header { margin-top: 0; border-top: none; border-radius: 0 0 0.28571429rem 0.28571429rem; } + +/* Attached Sizes */ + .ui.tiny.attached.header { font-size: 0.85714286em; } + .ui.small.attached.header { font-size: 0.92857143em; } + .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1em; } + .ui.large.attached.header { font-size: 1.14285714em; } + .ui.huge.attached.header { font-size: 1.42857143em; } + +/*------------------- + Sizing +--------------------*/ + .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1.28571429em; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Icon + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Icon +*******************************/ + i.icon { display: inline-block; opacity: 1; @@ -5432,3862 +5863,5227 @@ i.icon { font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; - -webkit-backface-visibility: hidden; backface-visibility: hidden; } + i.icon:before { background: none !important; } + +/******************************* + Types +*******************************/ + +/*-------------- + Loading +---------------*/ + i.icon.loading { height: 1em; line-height: 1; - -webkit-animation: icon-loading 2s linear infinite; animation: icon-loading 2s linear infinite; } + @-webkit-keyframes icon-loading { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + @keyframes icon-loading { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + +/******************************* + States +*******************************/ + i.icon.hover { opacity: 1 !important; } + i.icon.active { opacity: 1 !important; } + i.emphasized.icon { opacity: 1 !important; } + i.disabled.icon { opacity: 0.45 !important; } + +/******************************* + Variations +*******************************/ + +/*------------------- + Fitted +--------------------*/ + i.fitted.icon { width: auto; margin: 0 !important; } + +/*------------------- + Link +--------------------*/ + i.link.icon, i.link.icons { cursor: pointer; opacity: 0.8; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } + i.link.icon:hover, i.link.icons:hover { opacity: 1 !important; } + +/*------------------- + Circular +--------------------*/ + i.circular.icon { border-radius: 500em !important; line-height: 1 !important; padding: 0.5em 0 !important; - -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; width: 2em !important; height: 2em !important; } + i.circular.inverted.icon { border: none; - -webkit-box-shadow: none; box-shadow: none; } + +/*------------------- + Flipped +--------------------*/ + i.flipped.icon, i.horizontally.flipped.icon { - -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } + i.vertically.flipped.icon { - -webkit-transform: scale(1, -1); transform: scale(1, -1); } + +/*------------------- + Rotated +--------------------*/ + i.rotated.icon, i.right.rotated.icon, i.clockwise.rotated.icon { - -webkit-transform: rotate(90deg); transform: rotate(90deg); } + i.left.rotated.icon, i.counterclockwise.rotated.icon { - -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } + +/*------------------- + Bordered +--------------------*/ + i.bordered.icon { line-height: 1; vertical-align: baseline; width: 2em; height: 2em; padding: 0.5em 0 !important; - -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; } + i.bordered.inverted.icon { border: none; - -webkit-box-shadow: none; box-shadow: none; } + +/*------------------- + Inverted +--------------------*/ + +/* Inverted Shapes */ + i.inverted.bordered.icon, i.inverted.circular.icon { background-color: #1B1C1D !important; color: #FFFFFF !important; } + i.inverted.icon { color: #FFFFFF; } + +/*------------------- + Colors +--------------------*/ + +/* Red */ + i.red.icon { color: #DB2828 !important; } + i.inverted.red.icon { color: #FF695E !important; } + i.inverted.bordered.red.icon, i.inverted.circular.red.icon { background-color: #DB2828 !important; color: #FFFFFF !important; } + +/* Orange */ + i.orange.icon { color: #F2711C !important; } + i.inverted.orange.icon { color: #FF851B !important; } + i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon { background-color: #F2711C !important; color: #FFFFFF !important; } + +/* Yellow */ + i.yellow.icon { color: #FBBD08 !important; } + i.inverted.yellow.icon { color: #FFE21F !important; } + i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon { background-color: #FBBD08 !important; color: #FFFFFF !important; } + +/* Olive */ + i.olive.icon { color: #B5CC18 !important; } + i.inverted.olive.icon { color: #D9E778 !important; } + i.inverted.bordered.olive.icon, i.inverted.circular.olive.icon { background-color: #B5CC18 !important; color: #FFFFFF !important; } + +/* Green */ + i.green.icon { color: #21BA45 !important; } + i.inverted.green.icon { color: #2ECC40 !important; } + i.inverted.bordered.green.icon, i.inverted.circular.green.icon { background-color: #21BA45 !important; color: #FFFFFF !important; } + +/* Teal */ + i.teal.icon { color: #00B5AD !important; } + i.inverted.teal.icon { color: #6DFFFF !important; } + i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon { background-color: #00B5AD !important; color: #FFFFFF !important; } + +/* Blue */ + i.blue.icon { color: #2185D0 !important; } + i.inverted.blue.icon { color: #54C8FF !important; } + i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon { background-color: #2185D0 !important; color: #FFFFFF !important; } + +/* Violet */ + i.violet.icon { color: #6435C9 !important; } + i.inverted.violet.icon { color: #A291FB !important; } + i.inverted.bordered.violet.icon, i.inverted.circular.violet.icon { background-color: #6435C9 !important; color: #FFFFFF !important; } + +/* Purple */ + i.purple.icon { color: #A333C8 !important; } + i.inverted.purple.icon { color: #DC73FF !important; } + i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon { background-color: #A333C8 !important; color: #FFFFFF !important; } + +/* Pink */ + i.pink.icon { color: #E03997 !important; } + i.inverted.pink.icon { color: #FF8EDF !important; } + i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon { background-color: #E03997 !important; color: #FFFFFF !important; } + +/* Brown */ + i.brown.icon { color: #A5673F !important; } + i.inverted.brown.icon { color: #D67C1C !important; } + i.inverted.bordered.brown.icon, i.inverted.circular.brown.icon { background-color: #A5673F !important; color: #FFFFFF !important; } + +/* Grey */ + i.grey.icon { color: #767676 !important; } + i.inverted.grey.icon { color: #DCDDDE !important; } + i.inverted.bordered.grey.icon, i.inverted.circular.grey.icon { background-color: #767676 !important; color: #FFFFFF !important; } + +/* Black */ + i.black.icon { color: #1B1C1D !important; } + i.inverted.black.icon { color: #545454 !important; } + i.inverted.bordered.black.icon, i.inverted.circular.black.icon { background-color: #1B1C1D !important; color: #FFFFFF !important; } + +/*------------------- + Sizes +--------------------*/ + i.mini.icon, i.mini.icons { line-height: 1; font-size: 0.4em; } + i.tiny.icon, i.tiny.icons { line-height: 1; font-size: 0.5em; } + i.small.icon, i.small.icons { line-height: 1; font-size: 0.75em; } + i.icon, i.icons { font-size: 1em; } + i.large.icon, i.large.icons { line-height: 1; vertical-align: middle; font-size: 1.5em; } + i.big.icon, i.big.icons { line-height: 1; vertical-align: middle; font-size: 2em; } + i.huge.icon, i.huge.icons { line-height: 1; vertical-align: middle; font-size: 4em; } + i.massive.icon, i.massive.icons { line-height: 1; vertical-align: middle; font-size: 8em; } + +/******************************* + Groups +*******************************/ + i.icons { display: inline-block; position: relative; line-height: 1; } + i.icons .icon { position: absolute; top: 50%; left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); margin: 0; - margin: 0; } + i.icons .icon:first-child { position: static; width: auto; height: auto; vertical-align: top; - -webkit-transform: none; transform: none; margin-right: 0.25rem; } + +/* Corner Icon */ + i.icons .corner.icon { top: auto; left: auto; right: 0; bottom: 0; - -webkit-transform: none; transform: none; font-size: 0.45em; text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; } + i.icons .top.right.corner.icon { top: 0; left: auto; right: 0; bottom: auto; } + i.icons .top.left.corner.icon { top: 0; left: 0; right: auto; bottom: auto; } + i.icons .bottom.left.corner.icon { top: auto; left: 0; right: auto; bottom: 0; } + i.icons .bottom.right.corner.icon { top: auto; left: auto; right: 0; bottom: 0; } + i.icons .inverted.corner.icon { text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D; } + +/* + * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome + * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License) + */ + +/******************************* + +Semantic-UI integration of font-awesome : + +///class names are separated +i.icon.circle => i.icon.circle +i.icon.circle-o => i.icon.circle.outline + +//abbreviation are replaced by full letters: +i.icon.ellipsis-h => i.icon.ellipsis.horizontal +i.icon.ellipsis-v => i.icon.ellipsis.vertical +.alpha => .i.icon.alphabet +.asc => .i.icon.ascending +.desc => .i.icon.descending +.alt =>.alternate + +ASCII order is conserved for easier maintenance. + +Icons that only have one style 'outline', 'square' etc do not require this class +for instance `lemon icon` not `lemon outline icon` since there is only one lemon + +*******************************/ + +/******************************* + Icons +*******************************/ + +/* Icons */ + i.icon.\35 00px:before { content: "\f26e"; } + i.icon.accessible.icon:before { content: "\f368"; } + i.icon.accusoft:before { content: "\f369"; } + i.icon.address.book:before { content: "\f2b9"; } + i.icon.address.card:before { content: "\f2bb"; } + i.icon.adjust:before { content: "\f042"; } + i.icon.adn:before { content: "\f170"; } + i.icon.adversal:before { content: "\f36a"; } + i.icon.affiliatetheme:before { content: "\f36b"; } + i.icon.algolia:before { content: "\f36c"; } + i.icon.align.center:before { content: "\f037"; } + i.icon.align.justify:before { content: "\f039"; } + i.icon.align.left:before { content: "\f036"; } + i.icon.align.right:before { content: "\f038"; } + i.icon.amazon:before { content: "\f270"; } + i.icon.amazon.pay:before { content: "\f42c"; } + i.icon.ambulance:before { content: "\f0f9"; } + i.icon.american.sign.language.interpreting:before { content: "\f2a3"; } + i.icon.amilia:before { content: "\f36d"; } + i.icon.anchor:before { content: "\f13d"; } + i.icon.android:before { content: "\f17b"; } + i.icon.angellist:before { content: "\f209"; } + i.icon.angle.double.down:before { content: "\f103"; } + i.icon.angle.double.left:before { content: "\f100"; } + i.icon.angle.double.right:before { content: "\f101"; } + i.icon.angle.double.up:before { content: "\f102"; } + i.icon.angle.down:before { content: "\f107"; } + i.icon.angle.left:before { content: "\f104"; } + i.icon.angle.right:before { content: "\f105"; } + i.icon.angle.up:before { content: "\f106"; } + i.icon.angrycreative:before { content: "\f36e"; } + i.icon.angular:before { content: "\f420"; } + i.icon.app.store:before { content: "\f36f"; } + i.icon.app.store.ios:before { content: "\f370"; } + i.icon.apper:before { content: "\f371"; } + i.icon.apple:before { content: "\f179"; } + i.icon.apple.pay:before { content: "\f415"; } + i.icon.archive:before { content: "\f187"; } + i.icon.arrow.alternate.circle.down:before { content: "\f358"; } + i.icon.arrow.alternate.circle.left:before { content: "\f359"; } + i.icon.arrow.alternate.circle.right:before { content: "\f35a"; } + i.icon.arrow.alternate.circle.up:before { content: "\f35b"; } + i.icon.arrow.circle.down:before { content: "\f0ab"; } + i.icon.arrow.circle.left:before { content: "\f0a8"; } + i.icon.arrow.circle.right:before { content: "\f0a9"; } + i.icon.arrow.circle.up:before { content: "\f0aa"; } + i.icon.arrow.down:before { content: "\f063"; } + i.icon.arrow.left:before { content: "\f060"; } + i.icon.arrow.right:before { content: "\f061"; } + i.icon.arrow.up:before { content: "\f062"; } + i.icon.arrows.alternate:before { content: "\f0b2"; } + i.icon.arrows.alternate.horizontal:before { content: "\f337"; } + i.icon.arrows.alternate.vertical:before { content: "\f338"; } + i.icon.assistive.listening.systems:before { content: "\f2a2"; } + i.icon.asterisk:before { content: "\f069"; } + i.icon.asymmetrik:before { content: "\f372"; } + i.icon.at:before { content: "\f1fa"; } + i.icon.audible:before { content: "\f373"; } + i.icon.audio.description:before { content: "\f29e"; } + i.icon.autoprefixer:before { content: "\f41c"; } + i.icon.avianex:before { content: "\f374"; } + i.icon.aviato:before { content: "\f421"; } + i.icon.aws:before { content: "\f375"; } + i.icon.backward:before { content: "\f04a"; } + i.icon.balance.scale:before { content: "\f24e"; } + i.icon.ban:before { content: "\f05e"; } + i.icon.band.aid:before { content: "\f462"; } + i.icon.bandcamp:before { content: "\f2d5"; } + i.icon.barcode:before { content: "\f02a"; } + i.icon.bars:before { content: "\f0c9"; } + i.icon.baseball.ball:before { content: "\f433"; } + i.icon.basketball.ball:before { content: "\f434"; } + i.icon.bath:before { content: "\f2cd"; } + i.icon.battery.empty:before { content: "\f244"; } + i.icon.battery.full:before { content: "\f240"; } + i.icon.battery.half:before { content: "\f242"; } + i.icon.battery.quarter:before { content: "\f243"; } + i.icon.battery.three.quarters:before { content: "\f241"; } + i.icon.bed:before { content: "\f236"; } + i.icon.beer:before { content: "\f0fc"; } + i.icon.behance:before { content: "\f1b4"; } + i.icon.behance.square:before { content: "\f1b5"; } + i.icon.bell:before { content: "\f0f3"; } + i.icon.bell.slash:before { content: "\f1f6"; } + i.icon.bicycle:before { content: "\f206"; } + i.icon.bimobject:before { content: "\f378"; } + i.icon.binoculars:before { content: "\f1e5"; } + i.icon.birthday.cake:before { content: "\f1fd"; } + i.icon.bitbucket:before { content: "\f171"; } + i.icon.bitcoin:before { content: "\f379"; } + i.icon.bity:before { content: "\f37a"; } + i.icon.black.tie:before { content: "\f27e"; } + i.icon.blackberry:before { content: "\f37b"; } + i.icon.blind:before { content: "\f29d"; } + i.icon.blogger:before { content: "\f37c"; } + i.icon.blogger.b:before { content: "\f37d"; } + i.icon.bluetooth:before { content: "\f293"; } + i.icon.bluetooth.b:before { content: "\f294"; } + i.icon.bold:before { content: "\f032"; } + i.icon.bolt:before { content: "\f0e7"; } + i.icon.bomb:before { content: "\f1e2"; } + i.icon.book:before { content: "\f02d"; } + i.icon.bookmark:before { content: "\f02e"; } + i.icon.bowling.ball:before { content: "\f436"; } + i.icon.box:before { content: "\f466"; } + i.icon.boxes:before { content: "\f468"; } + i.icon.braille:before { content: "\f2a1"; } + i.icon.briefcase:before { content: "\f0b1"; } + i.icon.btc:before { content: "\f15a"; } + i.icon.bug:before { content: "\f188"; } + i.icon.building:before { content: "\f1ad"; } + i.icon.bullhorn:before { content: "\f0a1"; } + i.icon.bullseye:before { content: "\f140"; } + i.icon.buromobelexperte:before { content: "\f37f"; } + i.icon.bus:before { content: "\f207"; } + i.icon.buysellads:before { content: "\f20d"; } + i.icon.calculator:before { content: "\f1ec"; } + i.icon.calendar:before { content: "\f133"; } + i.icon.calendar.alternate:before { content: "\f073"; } + i.icon.calendar.check:before { content: "\f274"; } + i.icon.calendar.minus:before { content: "\f272"; } + i.icon.calendar.plus:before { content: "\f271"; } + i.icon.calendar.times:before { content: "\f273"; } + i.icon.camera:before { content: "\f030"; } + i.icon.camera.retro:before { content: "\f083"; } + i.icon.car:before { content: "\f1b9"; } + i.icon.caret.down:before { content: "\f0d7"; } + i.icon.caret.left:before { content: "\f0d9"; } + i.icon.caret.right:before { content: "\f0da"; } + i.icon.caret.square.down:before { content: "\f150"; } + i.icon.caret.square.left:before { content: "\f191"; } + i.icon.caret.square.right:before { content: "\f152"; } + i.icon.caret.square.up:before { content: "\f151"; } + i.icon.caret.up:before { content: "\f0d8"; } + i.icon.cart.arrow.down:before { content: "\f218"; } + i.icon.cart.plus:before { content: "\f217"; } + i.icon.cc.amazon.pay:before { content: "\f42d"; } + i.icon.cc.amex:before { content: "\f1f3"; } + i.icon.cc.apple.pay:before { content: "\f416"; } + i.icon.cc.diners.club:before { content: "\f24c"; } + i.icon.cc.discover:before { content: "\f1f2"; } + i.icon.cc.jcb:before { content: "\f24b"; } + i.icon.cc.mastercard:before { content: "\f1f1"; } + i.icon.cc.paypal:before { content: "\f1f4"; } + i.icon.cc.stripe:before { content: "\f1f5"; } + i.icon.cc.visa:before { content: "\f1f0"; } + i.icon.centercode:before { content: "\f380"; } + i.icon.certificate:before { content: "\f0a3"; } + i.icon.chart.area:before { content: "\f1fe"; } + i.icon.chart.bar:before { content: "\f080"; } + i.icon.chart.line:before { content: "\f201"; } + i.icon.chart.pie:before { content: "\f200"; } + i.icon.check:before { content: "\f00c"; } + i.icon.check.circle:before { content: "\f058"; } + i.icon.check.square:before { content: "\f14a"; } + i.icon.chess:before { content: "\f439"; } + i.icon.chess.bishop:before { content: "\f43a"; } + i.icon.chess.board:before { content: "\f43c"; } + i.icon.chess.king:before { content: "\f43f"; } + i.icon.chess.knight:before { content: "\f441"; } + i.icon.chess.pawn:before { content: "\f443"; } + i.icon.chess.queen:before { content: "\f445"; } + i.icon.chess.rook:before { content: "\f447"; } + i.icon.chevron.circle.down:before { content: "\f13a"; } + i.icon.chevron.circle.left:before { content: "\f137"; } + i.icon.chevron.circle.right:before { content: "\f138"; } + i.icon.chevron.circle.up:before { content: "\f139"; } + i.icon.chevron.down:before { content: "\f078"; } + i.icon.chevron.left:before { content: "\f053"; } + i.icon.chevron.right:before { content: "\f054"; } + i.icon.chevron.up:before { content: "\f077"; } + i.icon.child:before { content: "\f1ae"; } + i.icon.chrome:before { content: "\f268"; } + i.icon.circle:before { content: "\f111"; } + i.icon.circle.notch:before { content: "\f1ce"; } + i.icon.clipboard:before { content: "\f328"; } + i.icon.clipboard.check:before { content: "\f46c"; } + i.icon.clipboard.list:before { content: "\f46d"; } + i.icon.clock:before { content: "\f017"; } + i.icon.clone:before { content: "\f24d"; } + i.icon.closed.captioning:before { content: "\f20a"; } + i.icon.cloud:before { content: "\f0c2"; } + i.icon.cloudscale:before { content: "\f383"; } + i.icon.cloudsmith:before { content: "\f384"; } + i.icon.cloudversify:before { content: "\f385"; } + i.icon.code:before { content: "\f121"; } + i.icon.code.branch:before { content: "\f126"; } + i.icon.codepen:before { content: "\f1cb"; } + i.icon.codiepie:before { content: "\f284"; } + i.icon.coffee:before { content: "\f0f4"; } + i.icon.cog:before { content: "\f013"; } + i.icon.cogs:before { content: "\f085"; } + i.icon.columns:before { content: "\f0db"; } + i.icon.comment:before { content: "\f075"; } + i.icon.comment.alternate:before { content: "\f27a"; } + i.icon.comments:before { content: "\f086"; } + i.icon.compass:before { content: "\f14e"; } + i.icon.compress:before { content: "\f066"; } + i.icon.connectdevelop:before { content: "\f20e"; } + i.icon.contao:before { content: "\f26d"; } + i.icon.copy:before { content: "\f0c5"; } + i.icon.copyright:before { content: "\f1f9"; } + i.icon.cpanel:before { content: "\f388"; } + i.icon.creative.commons:before { content: "\f25e"; } + i.icon.credit.card:before { content: "\f09d"; } + i.icon.crop:before { content: "\f125"; } + i.icon.crosshairs:before { content: "\f05b"; } + i.icon.css3:before { content: "\f13c"; } + i.icon.css3.alternate:before { content: "\f38b"; } + i.icon.cube:before { content: "\f1b2"; } + i.icon.cubes:before { content: "\f1b3"; } + i.icon.cut:before { content: "\f0c4"; } + i.icon.cuttlefish:before { content: "\f38c"; } + i.icon.d.and.d:before { content: "\f38d"; } + i.icon.dashcube:before { content: "\f210"; } + i.icon.database:before { content: "\f1c0"; } + i.icon.deaf:before { content: "\f2a4"; } + i.icon.delicious:before { content: "\f1a5"; } + i.icon.deploydog:before { content: "\f38e"; } + i.icon.deskpro:before { content: "\f38f"; } + i.icon.desktop:before { content: "\f108"; } + i.icon.deviantart:before { content: "\f1bd"; } + i.icon.digg:before { content: "\f1a6"; } + i.icon.digital.ocean:before { content: "\f391"; } + i.icon.discord:before { content: "\f392"; } + i.icon.discourse:before { content: "\f393"; } + i.icon.dna:before { content: "\f471"; } + i.icon.dochub:before { content: "\f394"; } + i.icon.docker:before { content: "\f395"; } + i.icon.dollar.sign:before { content: "\f155"; } + i.icon.dolly:before { content: "\f472"; } + i.icon.dolly.flatbed:before { content: "\f474"; } + i.icon.dot.circle:before { content: "\f192"; } + i.icon.download:before { content: "\f019"; } + i.icon.draft2digital:before { content: "\f396"; } + i.icon.dribbble:before { content: "\f17d"; } + i.icon.dribbble.square:before { content: "\f397"; } + i.icon.dropbox:before { content: "\f16b"; } + i.icon.drupal:before { content: "\f1a9"; } + i.icon.dyalog:before { content: "\f399"; } + i.icon.earlybirds:before { content: "\f39a"; } + i.icon.edge:before { content: "\f282"; } + i.icon.edit:before { content: "\f044"; } + i.icon.eject:before { content: "\f052"; } + i.icon.elementor:before { content: "\f430"; } + i.icon.ellipsis.horizontal:before { content: "\f141"; } + i.icon.ellipsis.vertical:before { content: "\f142"; } + i.icon.ember:before { content: "\f423"; } + i.icon.empire:before { content: "\f1d1"; } + i.icon.envelope:before { content: "\f0e0"; } + i.icon.envelope.open:before { content: "\f2b6"; } + i.icon.envelope.square:before { content: "\f199"; } + i.icon.envira:before { content: "\f299"; } + i.icon.eraser:before { content: "\f12d"; } + i.icon.erlang:before { content: "\f39d"; } + i.icon.ethereum:before { content: "\f42e"; } + i.icon.etsy:before { content: "\f2d7"; } + i.icon.euro.sign:before { content: "\f153"; } + i.icon.exchange.alternate:before { content: "\f362"; } + i.icon.exclamation:before { content: "\f12a"; } + i.icon.exclamation.circle:before { content: "\f06a"; } + i.icon.exclamation.triangle:before { content: "\f071"; } + i.icon.expand:before { content: "\f065"; } + i.icon.expand.arrows.alternate:before { content: "\f31e"; } + i.icon.expeditedssl:before { content: "\f23e"; } + i.icon.external.alternate:before { content: "\f35d"; } + i.icon.external.square.alternate:before { content: "\f360"; } + i.icon.eye:before { content: "\f06e"; } + i.icon.eye.dropper:before { content: "\f1fb"; } + i.icon.eye.slash:before { content: "\f070"; } + i.icon.facebook:before { content: "\f09a"; } + i.icon.facebook.f:before { content: "\f39e"; } + i.icon.facebook.messenger:before { content: "\f39f"; } + i.icon.facebook.square:before { content: "\f082"; } + i.icon.fast.backward:before { content: "\f049"; } + i.icon.fast.forward:before { content: "\f050"; } + i.icon.fax:before { content: "\f1ac"; } + i.icon.female:before { content: "\f182"; } + i.icon.fighter.jet:before { content: "\f0fb"; } + i.icon.file:before { content: "\f15b"; } + i.icon.file.alternate:before { content: "\f15c"; } + i.icon.file.archive:before { content: "\f1c6"; } + i.icon.file.audio:before { content: "\f1c7"; } + i.icon.file.code:before { content: "\f1c9"; } + i.icon.file.excel:before { content: "\f1c3"; } + i.icon.file.image:before { content: "\f1c5"; } + i.icon.file.pdf:before { content: "\f1c1"; } + i.icon.file.powerpoint:before { content: "\f1c4"; } + i.icon.file.video:before { content: "\f1c8"; } + i.icon.file.word:before { content: "\f1c2"; } + i.icon.film:before { content: "\f008"; } + i.icon.filter:before { content: "\f0b0"; } + i.icon.fire:before { content: "\f06d"; } + i.icon.fire.extinguisher:before { content: "\f134"; } + i.icon.firefox:before { content: "\f269"; } + i.icon.first.aid:before { content: "\f479"; } + i.icon.first.order:before { content: "\f2b0"; } + i.icon.firstdraft:before { content: "\f3a1"; } + i.icon.flag:before { content: "\f024"; } + i.icon.flag.checkered:before { content: "\f11e"; } + i.icon.flask:before { content: "\f0c3"; } + i.icon.flickr:before { content: "\f16e"; } + i.icon.flipboard:before { content: "\f44d"; } + i.icon.fly:before { content: "\f417"; } + i.icon.folder:before { content: "\f07b"; } + i.icon.folder.open:before { content: "\f07c"; } + i.icon.font:before { content: "\f031"; } + i.icon.font.awesome:before { content: "\f2b4"; } + i.icon.font.awesome.alternate:before { content: "\f35c"; } + i.icon.font.awesome.flag:before { content: "\f425"; } + i.icon.fonticons:before { content: "\f280"; } + i.icon.fonticons.fi:before { content: "\f3a2"; } + i.icon.football.ball:before { content: "\f44e"; } + i.icon.fort.awesome:before { content: "\f286"; } + i.icon.fort.awesome.alternate:before { content: "\f3a3"; } + i.icon.forumbee:before { content: "\f211"; } + i.icon.forward:before { content: "\f04e"; } + i.icon.foursquare:before { content: "\f180"; } + i.icon.free.code.camp:before { content: "\f2c5"; } + i.icon.freebsd:before { content: "\f3a4"; } + i.icon.frown:before { content: "\f119"; } + i.icon.futbol:before { content: "\f1e3"; } + i.icon.gamepad:before { content: "\f11b"; } + i.icon.gavel:before { content: "\f0e3"; } + i.icon.gem:before { content: "\f3a5"; } + i.icon.genderless:before { content: "\f22d"; } + i.icon.get.pocket:before { content: "\f265"; } + i.icon.gg:before { content: "\f260"; } + i.icon.gg.circle:before { content: "\f261"; } + i.icon.gift:before { content: "\f06b"; } + i.icon.git:before { content: "\f1d3"; } + i.icon.git.square:before { content: "\f1d2"; } + i.icon.github:before { content: "\f09b"; } + i.icon.github.alternate:before { content: "\f113"; } + i.icon.github.square:before { content: "\f092"; } + i.icon.gitkraken:before { content: "\f3a6"; } + i.icon.gitlab:before { content: "\f296"; } + i.icon.gitter:before { content: "\f426"; } + i.icon.glass.martini:before { content: "\f000"; } + i.icon.glide:before { content: "\f2a5"; } + i.icon.glide.g:before { content: "\f2a6"; } + i.icon.globe:before { content: "\f0ac"; } + i.icon.gofore:before { content: "\f3a7"; } + i.icon.golf.ball:before { content: "\f450"; } + i.icon.goodreads:before { content: "\f3a8"; } + i.icon.goodreads.g:before { content: "\f3a9"; } + i.icon.google:before { content: "\f1a0"; } + i.icon.google.drive:before { content: "\f3aa"; } + i.icon.google.play:before { content: "\f3ab"; } + i.icon.google.plus:before { content: "\f2b3"; } + i.icon.google.plus.g:before { content: "\f0d5"; } + i.icon.google.plus.square:before { content: "\f0d4"; } + i.icon.google.wallet:before { content: "\f1ee"; } + i.icon.graduation.cap:before { content: "\f19d"; } + i.icon.gratipay:before { content: "\f184"; } + i.icon.grav:before { content: "\f2d6"; } + i.icon.gripfire:before { content: "\f3ac"; } + i.icon.grunt:before { content: "\f3ad"; } + i.icon.gulp:before { content: "\f3ae"; } + i.icon.h.square:before { content: "\f0fd"; } + i.icon.hacker.news:before { content: "\f1d4"; } + i.icon.hacker.news.square:before { content: "\f3af"; } + i.icon.hand.lizard:before { content: "\f258"; } + i.icon.hand.paper:before { content: "\f256"; } + i.icon.hand.peace:before { content: "\f25b"; } + i.icon.hand.point.down:before { content: "\f0a7"; } + i.icon.hand.point.left:before { content: "\f0a5"; } + i.icon.hand.point.right:before { content: "\f0a4"; } + i.icon.hand.point.up:before { content: "\f0a6"; } + i.icon.hand.pointer:before { content: "\f25a"; } + i.icon.hand.rock:before { content: "\f255"; } + i.icon.hand.scissors:before { content: "\f257"; } + i.icon.hand.spock:before { content: "\f259"; } + i.icon.handshake:before { content: "\f2b5"; } + i.icon.hashtag:before { content: "\f292"; } + i.icon.hdd:before { content: "\f0a0"; } + i.icon.heading:before { content: "\f1dc"; } + i.icon.headphones:before { content: "\f025"; } + i.icon.heart:before { content: "\f004"; } + i.icon.heartbeat:before { content: "\f21e"; } + i.icon.hips:before { content: "\f452"; } + i.icon.hire.a.helper:before { content: "\f3b0"; } + i.icon.history:before { content: "\f1da"; } + i.icon.hockey.puck:before { content: "\f453"; } + i.icon.home:before { content: "\f015"; } + i.icon.hooli:before { content: "\f427"; } + i.icon.hospital:before { content: "\f0f8"; } + i.icon.hospital.symbol:before { content: "\f47e"; } + i.icon.hotjar:before { content: "\f3b1"; } + i.icon.hourglass:before { content: "\f254"; } + i.icon.hourglass.end:before { content: "\f253"; } + i.icon.hourglass.half:before { content: "\f252"; } + i.icon.hourglass.start:before { content: "\f251"; } + i.icon.houzz:before { content: "\f27c"; } + i.icon.html5:before { content: "\f13b"; } + i.icon.hubspot:before { content: "\f3b2"; } + i.icon.i.cursor:before { content: "\f246"; } + i.icon.id.badge:before { content: "\f2c1"; } + i.icon.id.card:before { content: "\f2c2"; } + i.icon.image:before { content: "\f03e"; } + i.icon.images:before { content: "\f302"; } + i.icon.imdb:before { content: "\f2d8"; } + i.icon.inbox:before { content: "\f01c"; } + i.icon.indent:before { content: "\f03c"; } + i.icon.industry:before { content: "\f275"; } + i.icon.info:before { content: "\f129"; } + i.icon.info.circle:before { content: "\f05a"; } + i.icon.instagram:before { content: "\f16d"; } + i.icon.internet.explorer:before { content: "\f26b"; } + i.icon.ioxhost:before { content: "\f208"; } + i.icon.italic:before { content: "\f033"; } + i.icon.itunes:before { content: "\f3b4"; } + i.icon.itunes.note:before { content: "\f3b5"; } + i.icon.jenkins:before { content: "\f3b6"; } + i.icon.joget:before { content: "\f3b7"; } + i.icon.joomla:before { content: "\f1aa"; } + i.icon.js:before { content: "\f3b8"; } + i.icon.js.square:before { content: "\f3b9"; } + i.icon.jsfiddle:before { content: "\f1cc"; } + i.icon.key:before { content: "\f084"; } + i.icon.keyboard:before { content: "\f11c"; } + i.icon.keycdn:before { content: "\f3ba"; } + i.icon.kickstarter:before { content: "\f3bb"; } + i.icon.kickstarter.k:before { content: "\f3bc"; } + i.icon.korvue:before { content: "\f42f"; } + i.icon.language:before { content: "\f1ab"; } + i.icon.laptop:before { content: "\f109"; } + i.icon.laravel:before { content: "\f3bd"; } + i.icon.lastfm:before { content: "\f202"; } + i.icon.lastfm.square:before { content: "\f203"; } + i.icon.leaf:before { content: "\f06c"; } + i.icon.leanpub:before { content: "\f212"; } + i.icon.lemon:before { content: "\f094"; } + i.icon.less:before { content: "\f41d"; } + i.icon.level.down.alternate:before { content: "\f3be"; } + i.icon.level.up.alternate:before { content: "\f3bf"; } + i.icon.life.ring:before { content: "\f1cd"; } + i.icon.lightbulb:before { content: "\f0eb"; } + i.icon.linechat:before { content: "\f3c0"; } + i.icon.linkify:before { content: "\f0c1"; } + i.icon.linkedin:before { content: "\f08c"; } + i.icon.linkedin.in:before { content: "\f0e1"; } + i.icon.linode:before { content: "\f2b8"; } + i.icon.linux:before { content: "\f17c"; } + i.icon.lira.sign:before { content: "\f195"; } + i.icon.list:before { content: "\f03a"; } + i.icon.list.alternate:before { content: "\f022"; } + i.icon.list.ol:before { content: "\f0cb"; } + i.icon.list.ul:before { content: "\f0ca"; } + i.icon.location.arrow:before { content: "\f124"; } + i.icon.lock:before { content: "\f023"; } + i.icon.lock.open:before { content: "\f3c1"; } + i.icon.long.arrow.alternate.down:before { content: "\f309"; } + i.icon.long.arrow.alternate.left:before { content: "\f30a"; } + i.icon.long.arrow.alternate.right:before { content: "\f30b"; } + i.icon.long.arrow.alternate.up:before { content: "\f30c"; } + i.icon.low.vision:before { content: "\f2a8"; } + i.icon.lyft:before { content: "\f3c3"; } + i.icon.magento:before { content: "\f3c4"; } + i.icon.magic:before { content: "\f0d0"; } + i.icon.magnet:before { content: "\f076"; } + i.icon.male:before { content: "\f183"; } + i.icon.map:before { content: "\f279"; } + i.icon.map.marker:before { content: "\f041"; } + i.icon.map.marker.alternate:before { content: "\f3c5"; } + i.icon.map.pin:before { content: "\f276"; } + i.icon.map.signs:before { content: "\f277"; } + i.icon.mars:before { content: "\f222"; } + i.icon.mars.double:before { content: "\f227"; } + i.icon.mars.stroke:before { content: "\f229"; } + i.icon.mars.stroke.horizontal:before { content: "\f22b"; } + i.icon.mars.stroke.vertical:before { content: "\f22a"; } + i.icon.maxcdn:before { content: "\f136"; } + i.icon.medapps:before { content: "\f3c6"; } + i.icon.medium:before { content: "\f23a"; } + i.icon.medium.m:before { content: "\f3c7"; } + i.icon.medkit:before { content: "\f0fa"; } + i.icon.medrt:before { content: "\f3c8"; } + i.icon.meetup:before { content: "\f2e0"; } + i.icon.meh:before { content: "\f11a"; } + i.icon.mercury:before { content: "\f223"; } + i.icon.microchip:before { content: "\f2db"; } + i.icon.microphone:before { content: "\f130"; } + i.icon.microphone.slash:before { content: "\f131"; } + i.icon.microsoft:before { content: "\f3ca"; } + i.icon.minus:before { content: "\f068"; } + i.icon.minus.circle:before { content: "\f056"; } + i.icon.minus.square:before { content: "\f146"; } + i.icon.mix:before { content: "\f3cb"; } + i.icon.mixcloud:before { content: "\f289"; } + i.icon.mizuni:before { content: "\f3cc"; } + i.icon.mobile:before { content: "\f10b"; } + i.icon.mobile.alternate:before { content: "\f3cd"; } + i.icon.modx:before { content: "\f285"; } + i.icon.monero:before { content: "\f3d0"; } + i.icon.money.bill.alternate:before { content: "\f3d1"; } + i.icon.moon:before { content: "\f186"; } + i.icon.motorcycle:before { content: "\f21c"; } + i.icon.mouse.pointer:before { content: "\f245"; } + i.icon.music:before { content: "\f001"; } + i.icon.napster:before { content: "\f3d2"; } + i.icon.neuter:before { content: "\f22c"; } + i.icon.newspaper:before { content: "\f1ea"; } + i.icon.nintendo.switch:before { content: "\f418"; } + i.icon.node:before { content: "\f419"; } + i.icon.node.js:before { content: "\f3d3"; } + i.icon.npm:before { content: "\f3d4"; } + i.icon.ns8:before { content: "\f3d5"; } + i.icon.nutritionix:before { content: "\f3d6"; } + i.icon.object.group:before { content: "\f247"; } + i.icon.object.ungroup:before { content: "\f248"; } + i.icon.odnoklassniki:before { content: "\f263"; } + i.icon.odnoklassniki.square:before { content: "\f264"; } + i.icon.opencart:before { content: "\f23d"; } + i.icon.openid:before { content: "\f19b"; } + i.icon.opera:before { content: "\f26a"; } + i.icon.optin.monster:before { content: "\f23c"; } + i.icon.osi:before { content: "\f41a"; } + i.icon.outdent:before { content: "\f03b"; } + i.icon.page4:before { content: "\f3d7"; } + i.icon.pagelines:before { content: "\f18c"; } + i.icon.paint.brush:before { content: "\f1fc"; } + i.icon.palfed:before { content: "\f3d8"; } + i.icon.pallet:before { content: "\f482"; } + i.icon.paper.plane:before { content: "\f1d8"; } + i.icon.paperclip:before { content: "\f0c6"; } + i.icon.paragraph:before { content: "\f1dd"; } + i.icon.paste:before { content: "\f0ea"; } + i.icon.patreon:before { content: "\f3d9"; } + i.icon.pause:before { content: "\f04c"; } + i.icon.pause.circle:before { content: "\f28b"; } + i.icon.paw:before { content: "\f1b0"; } + i.icon.paypal:before { content: "\f1ed"; } + i.icon.pen.square:before { content: "\f14b"; } + i.icon.pencil.alternate:before { content: "\f303"; } + i.icon.percent:before { content: "\f295"; } + i.icon.periscope:before { content: "\f3da"; } + i.icon.phabricator:before { content: "\f3db"; } + i.icon.phoenix.framework:before { content: "\f3dc"; } + i.icon.phone:before { content: "\f095"; } + i.icon.phone.square:before { content: "\f098"; } + i.icon.phone.volume:before { content: "\f2a0"; } + i.icon.php:before { content: "\f457"; } + i.icon.pied.piper:before { content: "\f2ae"; } + i.icon.pied.piper.alternate:before { content: "\f1a8"; } + i.icon.pied.piper.pp:before { content: "\f1a7"; } + i.icon.pills:before { content: "\f484"; } + i.icon.pinterest:before { content: "\f0d2"; } + i.icon.pinterest.p:before { content: "\f231"; } + i.icon.pinterest.square:before { content: "\f0d3"; } + i.icon.plane:before { content: "\f072"; } + i.icon.play:before { content: "\f04b"; } + i.icon.play.circle:before { content: "\f144"; } + i.icon.playstation:before { content: "\f3df"; } + i.icon.plug:before { content: "\f1e6"; } + i.icon.plus:before { content: "\f067"; } + i.icon.plus.circle:before { content: "\f055"; } + i.icon.plus.square:before { content: "\f0fe"; } + i.icon.podcast:before { content: "\f2ce"; } + i.icon.pound.sign:before { content: "\f154"; } + i.icon.power.off:before { content: "\f011"; } + i.icon.print:before { content: "\f02f"; } + i.icon.product.hunt:before { content: "\f288"; } + i.icon.pushed:before { content: "\f3e1"; } + i.icon.puzzle.piece:before { content: "\f12e"; } + i.icon.python:before { content: "\f3e2"; } + i.icon.qq:before { content: "\f1d6"; } + i.icon.qrcode:before { content: "\f029"; } + i.icon.question:before { content: "\f128"; } + i.icon.question.circle:before { content: "\f059"; } + i.icon.quidditch:before { content: "\f458"; } + i.icon.quinscape:before { content: "\f459"; } + i.icon.quora:before { content: "\f2c4"; } + i.icon.quote.left:before { content: "\f10d"; } + i.icon.quote.right:before { content: "\f10e"; } + i.icon.random:before { content: "\f074"; } + i.icon.ravelry:before { content: "\f2d9"; } + i.icon.react:before { content: "\f41b"; } + i.icon.rebel:before { content: "\f1d0"; } + i.icon.recycle:before { content: "\f1b8"; } + i.icon.redriver:before { content: "\f3e3"; } + i.icon.reddit:before { content: "\f1a1"; } + i.icon.reddit.alien:before { content: "\f281"; } + i.icon.reddit.square:before { content: "\f1a2"; } + i.icon.redo:before { content: "\f01e"; } + i.icon.redo.alternate:before { content: "\f2f9"; } + i.icon.registered:before { content: "\f25d"; } + i.icon.rendact:before { content: "\f3e4"; } + i.icon.renren:before { content: "\f18b"; } + i.icon.reply:before { content: "\f3e5"; } + i.icon.reply.all:before { content: "\f122"; } + i.icon.replyd:before { content: "\f3e6"; } + i.icon.resolving:before { content: "\f3e7"; } + i.icon.retweet:before { content: "\f079"; } + i.icon.road:before { content: "\f018"; } + i.icon.rocket:before { content: "\f135"; } + i.icon.rocketchat:before { content: "\f3e8"; } + i.icon.rockrms:before { content: "\f3e9"; } + i.icon.rss:before { content: "\f09e"; } + i.icon.rss.square:before { content: "\f143"; } + i.icon.ruble.sign:before { content: "\f158"; } + i.icon.rupee.sign:before { content: "\f156"; } + i.icon.safari:before { content: "\f267"; } + i.icon.sass:before { content: "\f41e"; } + i.icon.save:before { content: "\f0c7"; } + i.icon.schlix:before { content: "\f3ea"; } + i.icon.scribd:before { content: "\f28a"; } + i.icon.search:before { content: "\f002"; } + i.icon.search.minus:before { content: "\f010"; } + i.icon.search.plus:before { content: "\f00e"; } + i.icon.searchengin:before { content: "\f3eb"; } + i.icon.sellcast:before { content: "\f2da"; } + i.icon.sellsy:before { content: "\f213"; } + i.icon.server:before { content: "\f233"; } + i.icon.servicestack:before { content: "\f3ec"; } + i.icon.share:before { content: "\f064"; } + i.icon.share.alternate:before { content: "\f1e0"; } + i.icon.share.alternate.square:before { content: "\f1e1"; } + i.icon.share.square:before { content: "\f14d"; } + i.icon.shekel.sign:before { content: "\f20b"; } + i.icon.shield.alternate:before { content: "\f3ed"; } + i.icon.ship:before { content: "\f21a"; } + i.icon.shipping.fast:before { content: "\f48b"; } + i.icon.shirtsinbulk:before { content: "\f214"; } + i.icon.shopping.bag:before { content: "\f290"; } + i.icon.shopping.basket:before { content: "\f291"; } + i.icon.shopping.cart:before { content: "\f07a"; } + i.icon.shower:before { content: "\f2cc"; } + i.icon.sign.in.alternate:before { content: "\f2f6"; } + i.icon.sign.language:before { content: "\f2a7"; } + i.icon.sign.out.alternate:before { content: "\f2f5"; } + i.icon.signal:before { content: "\f012"; } + i.icon.simplybuilt:before { content: "\f215"; } + i.icon.sistrix:before { content: "\f3ee"; } + i.icon.sitemap:before { content: "\f0e8"; } + i.icon.skyatlas:before { content: "\f216"; } + i.icon.skype:before { content: "\f17e"; } + i.icon.slack:before { content: "\f198"; } + i.icon.slack.hash:before { content: "\f3ef"; } + i.icon.sliders.horizontal:before { content: "\f1de"; } + i.icon.slideshare:before { content: "\f1e7"; } + i.icon.smile:before { content: "\f118"; } + i.icon.snapchat:before { content: "\f2ab"; } + i.icon.snapchat.ghost:before { content: "\f2ac"; } + i.icon.snapchat.square:before { content: "\f2ad"; } + i.icon.snowflake:before { content: "\f2dc"; } + i.icon.sort:before { content: "\f0dc"; } + i.icon.sort.alphabet.down:before { content: "\f15d"; } + i.icon.sort.alphabet.up:before { content: "\f15e"; } + i.icon.sort.amount.down:before { content: "\f160"; } + i.icon.sort.amount.up:before { content: "\f161"; } + i.icon.sort.down:before { content: "\f0dd"; } + i.icon.sort.numeric.down:before { content: "\f162"; } + i.icon.sort.numeric.up:before { content: "\f163"; } + i.icon.sort.up:before { content: "\f0de"; } + i.icon.soundcloud:before { content: "\f1be"; } + i.icon.space.shuttle:before { content: "\f197"; } + i.icon.speakap:before { content: "\f3f3"; } + i.icon.spinner:before { content: "\f110"; } + i.icon.spotify:before { content: "\f1bc"; } + i.icon.square:before { content: "\f0c8"; } + i.icon.square.full:before { content: "\f45c"; } + i.icon.stack.exchange:before { content: "\f18d"; } + i.icon.stack.overflow:before { content: "\f16c"; } + i.icon.star:before { content: "\f005"; } + i.icon.star.half:before { content: "\f089"; } + i.icon.staylinked:before { content: "\f3f5"; } + i.icon.steam:before { content: "\f1b6"; } + i.icon.steam.square:before { content: "\f1b7"; } + i.icon.steam.symbol:before { content: "\f3f6"; } + i.icon.step.backward:before { content: "\f048"; } + i.icon.step.forward:before { content: "\f051"; } + i.icon.stethoscope:before { content: "\f0f1"; } + i.icon.sticker.mule:before { content: "\f3f7"; } + i.icon.sticky.note:before { content: "\f249"; } + i.icon.stop:before { content: "\f04d"; } + i.icon.stop.circle:before { content: "\f28d"; } + i.icon.stopwatch:before { content: "\f2f2"; } + i.icon.strava:before { content: "\f428"; } + i.icon.street.view:before { content: "\f21d"; } + i.icon.strikethrough:before { content: "\f0cc"; } + i.icon.stripe:before { content: "\f429"; } + i.icon.stripe.s:before { content: "\f42a"; } + i.icon.studiovinari:before { content: "\f3f8"; } + i.icon.stumbleupon:before { content: "\f1a4"; } + i.icon.stumbleupon.circle:before { content: "\f1a3"; } + i.icon.subscript:before { content: "\f12c"; } + i.icon.subway:before { content: "\f239"; } + i.icon.suitcase:before { content: "\f0f2"; } + i.icon.sun:before { content: "\f185"; } + i.icon.superpowers:before { content: "\f2dd"; } + i.icon.superscript:before { content: "\f12b"; } + i.icon.supple:before { content: "\f3f9"; } + i.icon.sync:before { content: "\f021"; } + i.icon.sync.alternate:before { content: "\f2f1"; } + i.icon.syringe:before { content: "\f48e"; } + i.icon.table:before { content: "\f0ce"; } + i.icon.table.tennis:before { content: "\f45d"; } + i.icon.tablet:before { content: "\f10a"; } + i.icon.tablet.alternate:before { content: "\f3fa"; } + i.icon.tachometer.alternate:before { content: "\f3fd"; } + i.icon.tag:before { content: "\f02b"; } + i.icon.tags:before { content: "\f02c"; } + i.icon.tasks:before { content: "\f0ae"; } + i.icon.taxi:before { content: "\f1ba"; } + i.icon.telegram:before { content: "\f2c6"; } + i.icon.telegram.plane:before { content: "\f3fe"; } + i.icon.tencent.weibo:before { content: "\f1d5"; } + i.icon.terminal:before { content: "\f120"; } + i.icon.text.height:before { content: "\f034"; } + i.icon.text.width:before { content: "\f035"; } + i.icon.th:before { content: "\f00a"; } + i.icon.th.large:before { content: "\f009"; } + i.icon.th.list:before { content: "\f00b"; } + i.icon.themeisle:before { content: "\f2b2"; } + i.icon.thermometer:before { content: "\f491"; } + i.icon.thermometer.empty:before { content: "\f2cb"; } + i.icon.thermometer.full:before { content: "\f2c7"; } + i.icon.thermometer.half:before { content: "\f2c9"; } + i.icon.thermometer.quarter:before { content: "\f2ca"; } + i.icon.thermometer.three.quarters:before { content: "\f2c8"; } + i.icon.thumbs.down:before { content: "\f165"; } + i.icon.thumbs.up:before { content: "\f164"; } + i.icon.thumbtack:before { content: "\f08d"; } + i.icon.ticket.alternate:before { content: "\f3ff"; } + i.icon.times:before { content: "\f00d"; } + i.icon.times.circle:before { content: "\f057"; } + i.icon.tint:before { content: "\f043"; } + i.icon.toggle.off:before { content: "\f204"; } + i.icon.toggle.on:before { content: "\f205"; } + i.icon.trademark:before { content: "\f25c"; } + i.icon.train:before { content: "\f238"; } + i.icon.transgender:before { content: "\f224"; } + i.icon.transgender.alternate:before { content: "\f225"; } + i.icon.trash:before { content: "\f1f8"; } + i.icon.trash.alternate:before { content: "\f2ed"; } + i.icon.tree:before { content: "\f1bb"; } + i.icon.trello:before { content: "\f181"; } + i.icon.tripadvisor:before { content: "\f262"; } + i.icon.trophy:before { content: "\f091"; } + i.icon.truck:before { content: "\f0d1"; } + i.icon.tty:before { content: "\f1e4"; } + i.icon.tumblr:before { content: "\f173"; } + i.icon.tumblr.square:before { content: "\f174"; } + i.icon.tv:before { content: "\f26c"; } + i.icon.twitch:before { content: "\f1e8"; } + i.icon.twitter:before { content: "\f099"; } + i.icon.twitter.square:before { content: "\f081"; } + i.icon.typo3:before { content: "\f42b"; } + i.icon.uber:before { content: "\f402"; } + i.icon.uikit:before { content: "\f403"; } + i.icon.umbrella:before { content: "\f0e9"; } + i.icon.underline:before { content: "\f0cd"; } + i.icon.undo:before { content: "\f0e2"; } + i.icon.undo.alternate:before { content: "\f2ea"; } + i.icon.uniregistry:before { content: "\f404"; } + i.icon.universal.access:before { content: "\f29a"; } + i.icon.university:before { content: "\f19c"; } + i.icon.unlink:before { content: "\f127"; } + i.icon.unlock:before { content: "\f09c"; } + i.icon.unlock.alternate:before { content: "\f13e"; } + i.icon.untappd:before { content: "\f405"; } + i.icon.upload:before { content: "\f093"; } + i.icon.usb:before { content: "\f287"; } + i.icon.user:before { content: "\f007"; } + i.icon.user.circle:before { content: "\f2bd"; } + i.icon.user.md:before { content: "\f0f0"; } + i.icon.user.plus:before { content: "\f234"; } + i.icon.user.secret:before { content: "\f21b"; } + i.icon.user.times:before { content: "\f235"; } + i.icon.users:before { content: "\f0c0"; } + i.icon.ussunnah:before { content: "\f407"; } + i.icon.utensil.spoon:before { content: "\f2e5"; } + i.icon.utensils:before { content: "\f2e7"; } + i.icon.vaadin:before { content: "\f408"; } + i.icon.venus:before { content: "\f221"; } + i.icon.venus.double:before { content: "\f226"; } + i.icon.venus.mars:before { content: "\f228"; } + i.icon.viacoin:before { content: "\f237"; } + i.icon.viadeo:before { content: "\f2a9"; } + i.icon.viadeo.square:before { content: "\f2aa"; } + i.icon.viber:before { content: "\f409"; } + i.icon.video:before { content: "\f03d"; } + i.icon.vimeo:before { content: "\f40a"; } + i.icon.vimeo.square:before { content: "\f194"; } + i.icon.vimeo.v:before { content: "\f27d"; } + i.icon.vine:before { content: "\f1ca"; } + i.icon.vk:before { content: "\f189"; } + i.icon.vnv:before { content: "\f40b"; } + i.icon.volleyball.ball:before { content: "\f45f"; } + i.icon.volume.down:before { content: "\f027"; } + i.icon.volume.off:before { content: "\f026"; } + i.icon.volume.up:before { content: "\f028"; } + i.icon.vuejs:before { content: "\f41f"; } + i.icon.warehouse:before { content: "\f494"; } + i.icon.weibo:before { content: "\f18a"; } + i.icon.weight:before { content: "\f496"; } + i.icon.weixin:before { content: "\f1d7"; } + i.icon.whatsapp:before { content: "\f232"; } + i.icon.whatsapp.square:before { content: "\f40c"; } + i.icon.wheelchair:before { content: "\f193"; } + i.icon.whmcs:before { content: "\f40d"; } + i.icon.wifi:before { content: "\f1eb"; } + i.icon.wikipedia.w:before { content: "\f266"; } + i.icon.window.close:before { content: "\f410"; } + i.icon.window.maximize:before { content: "\f2d0"; } + i.icon.window.minimize:before { content: "\f2d1"; } + i.icon.window.restore:before { content: "\f2d2"; } + i.icon.windows:before { content: "\f17a"; } + i.icon.won.sign:before { content: "\f159"; } + i.icon.wordpress:before { content: "\f19a"; } + i.icon.wordpress.simple:before { content: "\f411"; } + i.icon.wpbeginner:before { content: "\f297"; } + i.icon.wpexplorer:before { content: "\f2de"; } + i.icon.wpforms:before { content: "\f298"; } + i.icon.wrench:before { content: "\f0ad"; } + i.icon.xbox:before { content: "\f412"; } + i.icon.xing:before { content: "\f168"; } + i.icon.xing.square:before { content: "\f169"; } + i.icon.y.combinator:before { content: "\f23b"; } + i.icon.yahoo:before { content: "\f19e"; } + i.icon.yandex:before { content: "\f413"; } + i.icon.yandex.international:before { content: "\f414"; } + i.icon.yelp:before { content: "\f1e9"; } + i.icon.yen.sign:before { content: "\f157"; } + i.icon.yoast:before { content: "\f2b1"; } + i.icon.youtube:before { content: "\f167"; } + i.icon.youtube.square:before { content: "\f431"; } + +/* Aliases */ + i.icon.chess.rock:before { content: "\f447"; } + i.icon.ordered.list:before { content: "\f0cb"; } + i.icon.unordered.list:before { content: "\f0ca"; } + i.icon.user.doctor:before { content: "\f0f0"; } + i.icon.shield:before { content: "\f3ed"; } + i.icon.puzzle:before { content: "\f12e"; } + i.icon.credit.card.amazon.pay:before { content: "\f42d"; } + i.icon.credit.card.american.express:before { content: "\f1f3"; } + i.icon.credit.card.diners.club:before { content: "\f24c"; } + i.icon.credit.card.discover:before { content: "\f1f2"; } + i.icon.credit.card.jcb:before { content: "\f24b"; } + i.icon.credit.card.mastercard:before { content: "\f1f1"; } + i.icon.credit.card.paypal:before { content: "\f1f4"; } + i.icon.credit.card.stripe:before { content: "\f1f5"; } + i.icon.credit.card.visa:before { content: "\f1f0"; } + i.icon.add.circle:before { content: "\f055"; } + i.icon.add.square:before { content: "\f0fe"; } + i.icon.add.to.calendar:before { content: "\f271"; } + i.icon.add.to.cart:before { content: "\f217"; } + i.icon.add.user:before { content: "\f234"; } + i.icon.add:before { content: "\f067"; } + i.icon.alarm.mute:before { content: "\f1f6"; } + i.icon.alarm:before { content: "\f0f3"; } + i.icon.ald:before { content: "\f2a2"; } + i.icon.als:before { content: "\f2a2"; } + i.icon.american.express.card:before { content: "\f1f3"; } + i.icon.american.express:before { content: "\f1f3"; } + i.icon.amex:before { content: "\f1f3"; } + i.icon.announcement:before { content: "\f0a1"; } + i.icon.area.chart:before { content: "\f1fe"; } + i.icon.area.graph:before { content: "\f1fe"; } + i.icon.arrow.down.cart:before { content: "\f218"; } + i.icon.asexual:before { content: "\f22d"; } + i.icon.asl.interpreting:before { content: "\f2a3"; } + i.icon.asl:before { content: "\f2a3"; } + i.icon.assistive.listening.devices:before { content: "\f2a2"; } + i.icon.attach:before { content: "\f0c6"; } + i.icon.attention:before { content: "\f06a"; } + i.icon.balance:before { content: "\f24e"; } + i.icon.bar:before { content: "\f0fc"; } + i.icon.bathtub:before { content: "\f2cd"; } + i.icon.battery.four:before { content: "\f240"; } + i.icon.battery.high:before { content: "\f241"; } + i.icon.battery.low:before { content: "\f243"; } + i.icon.battery.medium:before { content: "\f242"; } + i.icon.battery.one:before { content: "\f243"; } + i.icon.battery.three:before { content: "\f241"; } + i.icon.battery.two:before { content: "\f242"; } + i.icon.battery.zero:before { content: "\f244"; } + i.icon.birthday:before { content: "\f1fd"; } + i.icon.block.layout:before { content: "\f009"; } + i.icon.bluetooth.alternative:before { content: "\f294"; } + i.icon.broken.chain:before { content: "\f127"; } + i.icon.browser:before { content: "\f022"; } + i.icon.call.square:before { content: "\f098"; } + i.icon.call:before { content: "\f095"; } + i.icon.cancel:before { content: "\f00d"; } + i.icon.cart:before { content: "\f07a"; } + i.icon.cc:before { content: "\f20a"; } + i.icon.chain:before { content: "\f0c1"; } + i.icon.chat:before { content: "\f075"; } + i.icon.checked.calendar:before { content: "\f274"; } + i.icon.checkmark:before { content: "\f00c"; } + i.icon.circle.notched:before { content: "\f1ce"; } + i.icon.close:before { content: "\f00d"; } + i.icon.cny:before { content: "\f157"; } + i.icon.cocktail:before { content: "\f000"; } + i.icon.commenting:before { content: "\f27a"; } + i.icon.computer:before { content: "\f108"; } + i.icon.configure:before { content: "\f0ad"; } + i.icon.content:before { content: "\f0c9"; } + i.icon.deafness:before { content: "\f2a4"; } + i.icon.delete.calendar:before { content: "\f273"; } + i.icon.delete:before { content: "\f00d"; } + i.icon.detective:before { content: "\f21b"; } + i.icon.diners.club.card:before { content: "\f24c"; } + i.icon.diners.club:before { content: "\f24c"; } + i.icon.discover.card:before { content: "\f1f2"; } + i.icon.discover:before { content: "\f1f2"; } + i.icon.discussions:before { content: "\f086"; } + i.icon.doctor:before { content: "\f0f0"; } + i.icon.dollar:before { content: "\f155"; } + i.icon.dont:before { content: "\f05e"; } + i.icon.dribble:before { content: "\f17d"; } + i.icon.drivers.license:before { content: "\f2c2"; } + i.icon.dropdown:before { content: "\f0d7"; } + i.icon.eercast:before { content: "\f2da"; } + i.icon.emergency:before { content: "\f0f9"; } + i.icon.envira.gallery:before { content: "\f299"; } + i.icon.erase:before { content: "\f12d"; } + i.icon.eur:before { content: "\f153"; } + i.icon.euro:before { content: "\f153"; } + i.icon.eyedropper:before { content: "\f1fb"; } + i.icon.fa:before { content: "\f2b4"; } + i.icon.factory:before { content: "\f275"; } + i.icon.favorite:before { content: "\f005"; } + i.icon.feed:before { content: "\f09e"; } + i.icon.female.homosexual:before { content: "\f226"; } + i.icon.file.text:before { content: "\f15c"; } + i.icon.find:before { content: "\f1e5"; } + i.icon.first.aid:before { content: "\f0fa"; } + i.icon.five.hundred.pixels:before { content: "\f26e"; } + i.icon.fork:before { content: "\f126"; } + i.icon.game:before { content: "\f11b"; } + i.icon.gay:before { content: "\f227"; } + i.icon.gbp:before { content: "\f154"; } + i.icon.gittip:before { content: "\f184"; } + i.icon.google.plus.circle:before { content: "\f2b3"; } + i.icon.google.plus.official:before { content: "\f2b3"; } + i.icon.grab:before { content: "\f255"; } + i.icon.graduation:before { content: "\f19d"; } + i.icon.grid.layout:before { content: "\f00a"; } + i.icon.group:before { content: "\f0c0"; } + i.icon.h:before { content: "\f0fd"; } + i.icon.hand.victory:before { content: "\f25b"; } + i.icon.handicap:before { content: "\f193"; } + i.icon.hard.of.hearing:before { content: "\f2a4"; } + i.icon.header:before { content: "\f1dc"; } + i.icon.help.circle:before { content: "\f059"; } + i.icon.help:before { content: "\f128"; } + i.icon.heterosexual:before { content: "\f228"; } + i.icon.hide:before { content: "\f070"; } + i.icon.hotel:before { content: "\f236"; } + i.icon.hourglass.four:before { content: "\f254"; } + i.icon.hourglass.full:before { content: "\f254"; } + i.icon.hourglass.one:before { content: "\f251"; } + i.icon.hourglass.three:before { content: "\f253"; } + i.icon.hourglass.two:before { content: "\f252"; } + i.icon.idea:before { content: "\f0eb"; } + i.icon.ils:before { content: "\f20b"; } + i.icon.in.cart:before { content: "\f218"; } + i.icon.inr:before { content: "\f156"; } + i.icon.intergender:before { content: "\f224"; } + i.icon.intersex:before { content: "\f224"; } + i.icon.japan.credit.bureau.card:before { content: "\f24b"; } + i.icon.japan.credit.bureau:before { content: "\f24b"; } + i.icon.jcb:before { content: "\f24b"; } + i.icon.jpy:before { content: "\f157"; } + i.icon.krw:before { content: "\f159"; } + i.icon.lab:before { content: "\f0c3"; } + i.icon.law:before { content: "\f24e"; } + i.icon.legal:before { content: "\f0e3"; } + i.icon.lesbian:before { content: "\f226"; } + i.icon.lightning:before { content: "\f0e7"; } + i.icon.like:before { content: "\f004"; } + i.icon.line.graph:before { content: "\f201"; } + i.icon.linkedin.square:before { content: "\f08c"; } + i.icon.linkify:before { content: "\f0c1"; } + i.icon.lira:before { content: "\f195"; } + i.icon.list.layout:before { content: "\f00b"; } + i.icon.magnify:before { content: "\f00e"; } + i.icon.mail.forward:before { content: "\f064"; } + i.icon.mail.square:before { content: "\f199"; } + i.icon.mail:before { content: "\f0e0"; } + i.icon.male.homosexual:before { content: "\f227"; } + i.icon.man:before { content: "\f222"; } + i.icon.marker:before { content: "\f041"; } + i.icon.mars.alternate:before { content: "\f229"; } + i.icon.mars.horizontal:before { content: "\f22b"; } + i.icon.mars.vertical:before { content: "\f22a"; } + i.icon.mastercard.card:before { content: "\f1f1"; } + i.icon.mastercard:before { content: "\f1f1"; } + i.icon.microsoft.edge:before { content: "\f282"; } + i.icon.military:before { content: "\f0fb"; } + i.icon.ms.edge:before { content: "\f282"; } + i.icon.mute:before { content: "\f131"; } + i.icon.new.pied.piper:before { content: "\f2ae"; } + i.icon.non.binary.transgender:before { content: "\f223"; } + i.icon.numbered.list:before { content: "\f0cb"; } + i.icon.optinmonster:before { content: "\f23c"; } + i.icon.options:before { content: "\f1de"; } + i.icon.other.gender.horizontal:before { content: "\f22b"; } + i.icon.other.gender.vertical:before { content: "\f22a"; } + i.icon.other.gender:before { content: "\f229"; } + i.icon.payment:before { content: "\f09d"; } + i.icon.paypal.card:before { content: "\f1f4"; } + i.icon.pencil.square:before { content: "\f14b"; } + i.icon.photo:before { content: "\f030"; } + i.icon.picture:before { content: "\f03e"; } + i.icon.pie.chart:before { content: "\f200"; } + i.icon.pie.graph:before { content: "\f200"; } + i.icon.pied.piper.hat:before { content: "\f2ae"; } + i.icon.pin:before { content: "\f08d"; } + i.icon.plus.cart:before { content: "\f217"; } + i.icon.pocket:before { content: "\f265"; } + i.icon.point:before { content: "\f041"; } + i.icon.pointing.down:before { content: "\f0a7"; } + i.icon.pointing.left:before { content: "\f0a5"; } + i.icon.pointing.right:before { content: "\f0a4"; } + i.icon.pointing.up:before { content: "\f0a6"; } + i.icon.pound:before { content: "\f154"; } + i.icon.power.cord:before { content: "\f1e6"; } + i.icon.power:before { content: "\f011"; } + i.icon.privacy:before { content: "\f084"; } + i.icon.r.circle:before { content: "\f25d"; } + i.icon.rain:before { content: "\f0e9"; } + i.icon.record:before { content: "\f03d"; } + i.icon.refresh:before { content: "\f021"; } + i.icon.remove.circle:before { content: "\f057"; } + i.icon.remove.from.calendar:before { content: "\f272"; } + i.icon.remove.user:before { content: "\f235"; } + i.icon.remove:before { content: "\f00d"; } + i.icon.repeat:before { content: "\f01e"; } + i.icon.rmb:before { content: "\f157"; } + i.icon.rouble:before { content: "\f158"; } + i.icon.rub:before { content: "\f158"; } + i.icon.ruble:before { content: "\f158"; } + i.icon.rupee:before { content: "\f156"; } + i.icon.s15:before { content: "\f2cd"; } + i.icon.selected.radio:before { content: "\f192"; } + i.icon.send:before { content: "\f1d8"; } + i.icon.setting:before { content: "\f013"; } + i.icon.settings:before { content: "\f085"; } + i.icon.shekel:before { content: "\f20b"; } + i.icon.sheqel:before { content: "\f20b"; } + i.icon.shipping:before { content: "\f0d1"; } + i.icon.shop:before { content: "\f07a"; } + i.icon.shuffle:before { content: "\f074"; } + i.icon.shutdown:before { content: "\f011"; } + i.icon.sidebar:before { content: "\f0c9"; } + i.icon.signing:before { content: "\f2a7"; } + i.icon.signup:before { content: "\f044"; } + i.icon.sliders:before { content: "\f1de"; } + i.icon.soccer:before { content: "\f1e3"; } + i.icon.sort.alphabet.ascending:before { content: "\f15d"; } + i.icon.sort.alphabet.descending:before { content: "\f15e"; } + i.icon.sort.ascending:before { content: "\f0de"; } + i.icon.sort.content.ascending:before { content: "\f160"; } + i.icon.sort.content.descending:before { content: "\f161"; } + i.icon.sort.descending:before { content: "\f0dd"; } + i.icon.sort.numeric.ascending:before { content: "\f162"; } + i.icon.sort.numeric.descending:before { content: "\f163"; } + i.icon.sound:before { content: "\f025"; } + i.icon.spy:before { content: "\f21b"; } + i.icon.stripe.card:before { content: "\f1f5"; } + i.icon.student:before { content: "\f19d"; } + i.icon.talk:before { content: "\f27a"; } + i.icon.target:before { content: "\f140"; } + i.icon.teletype:before { content: "\f1e4"; } + i.icon.television:before { content: "\f26c"; } + i.icon.text.cursor:before { content: "\f246"; } + i.icon.text.telephone:before { content: "\f1e4"; } + i.icon.theme.isle:before { content: "\f2b2"; } + i.icon.theme:before { content: "\f043"; } + i.icon.thermometer:before { content: "\f2c7"; } + i.icon.thumb.tack:before { content: "\f08d"; } + i.icon.time:before { content: "\f017"; } + i.icon.tm:before { content: "\f25c"; } + i.icon.toggle.down:before { content: "\f150"; } + i.icon.toggle.left:before { content: "\f191"; } + i.icon.toggle.right:before { content: "\f152"; } + i.icon.toggle.up:before { content: "\f151"; } + i.icon.translate:before { content: "\f1ab"; } + i.icon.travel:before { content: "\f0b1"; } + i.icon.treatment:before { content: "\f0f1"; } + i.icon.triangle.down:before { content: "\f0d7"; } + i.icon.triangle.left:before { content: "\f0d9"; } + i.icon.triangle.right:before { content: "\f0da"; } + i.icon.triangle.up:before { content: "\f0d8"; } + i.icon.try:before { content: "\f195"; } + i.icon.unhide:before { content: "\f06e"; } + i.icon.unlinkify:before { content: "\f127"; } + i.icon.unmute:before { content: "\f130"; } + i.icon.usd:before { content: "\f155"; } + i.icon.user.cancel:before { content: "\f235"; } + i.icon.user.close:before { content: "\f235"; } + i.icon.user.delete:before { content: "\f235"; } + i.icon.user.x:before { content: "\f235"; } + i.icon.vcard:before { content: "\f2bb"; } + i.icon.video.camera:before { content: "\f03d"; } + i.icon.video.play:before { content: "\f144"; } + i.icon.visa.card:before { content: "\f1f0"; } + i.icon.visa:before { content: "\f1f0"; } + i.icon.volume.control.phone:before { content: "\f2a0"; } + i.icon.wait:before { content: "\f017"; } + i.icon.warning.circle:before { content: "\f06a"; } + i.icon.warning.sign:before { content: "\f071"; } + i.icon.warning:before { content: "\f12a"; } + i.icon.wechat:before { content: "\f1d7"; } + i.icon.wi-fi:before { content: "\f1eb"; } + i.icon.wikipedia:before { content: "\f266"; } + i.icon.winner:before { content: "\f091"; } + i.icon.wizard:before { content: "\f0d0"; } + i.icon.woman:before { content: "\f221"; } + i.icon.won:before { content: "\f159"; } + i.icon.wordpress.beginner:before { content: "\f297"; } + i.icon.wordpress.forms:before { content: "\f298"; } + i.icon.world:before { content: "\f0ac"; } + i.icon.write.square:before { content: "\f14b"; } + i.icon.x:before { content: "\f00d"; } + i.icon.yc:before { content: "\f23b"; } + i.icon.ycombinator:before { content: "\f23b"; } + i.icon.yen:before { content: "\f157"; } + i.icon.zip:before { content: "\f187"; } + i.icon.zoom.in:before { content: "\f00e"; } + i.icon.zoom.out:before { content: "\f010"; } + i.icon.zoom:before { content: "\f00e"; } + i.icon.bitbucket.square:before { content: "\f171"; } + i.icon.checkmark.box:before { content: "\f14a"; } + i.icon.circle.thin:before { content: "\f111"; } + i.icon.cloud.download:before { content: "\f381"; } + i.icon.cloud.upload:before { content: "\f382"; } + i.icon.compose:before { content: "\f303"; } + i.icon.conversation:before { content: "\f086"; } + i.icon.credit.card.alternative:before { content: "\f09d"; } + i.icon.currency:before { content: "\f3d1"; } + i.icon.dashboard:before { content: "\f3fd"; } + i.icon.diamond:before { content: "\f3a5"; } + i.icon.disk:before { content: "\f0a0"; } + i.icon.exchange:before { content: "\f362"; } + i.icon.external.share:before { content: "\f14d"; } + i.icon.external.square:before { content: "\f360"; } + i.icon.external:before { content: "\f35d"; } + i.icon.facebook.official:before { content: "\f082"; } + i.icon.food:before { content: "\f2e7"; } + i.icon.hourglass.zero:before { content: "\f253"; } + i.icon.level.down:before { content: "\f3be"; } + i.icon.level.up:before { content: "\f3bf"; } + i.icon.log.out:before { content: "\f2f5"; } + i.icon.meanpath:before { content: "\f0c8"; } + i.icon.money:before { content: "\f3d1"; } + i.icon.move:before { content: "\f0b2"; } + i.icon.pencil:before { content: "\f303"; } + i.icon.protect:before { content: "\f023"; } + i.icon.radio:before { content: "\f192"; } + i.icon.remove.bookmark:before { content: "\f02e"; } + i.icon.resize.horizontal:before { content: "\f337"; } + i.icon.resize.vertical:before { content: "\f338"; } + i.icon.sign.in:before { content: "\f2f6"; } + i.icon.sign.out:before { content: "\f2f5"; } + i.icon.spoon:before { content: "\f2e5"; } + i.icon.star.half.empty:before { content: "\f089"; } + i.icon.star.half.full:before { content: "\f089"; } + i.icon.ticket:before { content: "\f3ff"; } + i.icon.times.rectangle:before { content: "\f410"; } + i.icon.write:before { content: "\f303"; } + i.icon.youtube.play:before { content: "\f167"; } + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Image + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Image +*******************************/ + .ui.image { position: relative; display: inline-block; @@ -9295,38 +11091,62 @@ i.icon.youtube.play:before { max-width: 100%; background-color: transparent; } + img.ui.image { display: block; } + .ui.image svg, .ui.image img { display: block; max-width: 100%; height: auto; } + +/******************************* + States +*******************************/ + .ui.hidden.images, .ui.hidden.image { display: none; } + .ui.hidden.transition.images, .ui.hidden.transition.image { display: block; visibility: hidden; } + .ui.images > .hidden.transition { display: inline-block; visibility: hidden; } + .ui.disabled.images, .ui.disabled.image { cursor: default; opacity: 0.45; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Inline +---------------*/ + .ui.inline.image, .ui.inline.image svg, .ui.inline.image img { display: inline-block; } + +/*------------------ + Vertical Aligned +-------------------*/ + .ui.top.aligned.images .image, .ui.top.aligned.image, .ui.top.aligned.image svg, @@ -9334,6 +11154,7 @@ img.ui.image { display: inline-block; vertical-align: top; } + .ui.middle.aligned.images .image, .ui.middle.aligned.image, .ui.middle.aligned.image svg, @@ -9341,6 +11162,7 @@ img.ui.image { display: inline-block; vertical-align: middle; } + .ui.bottom.aligned.images .image, .ui.bottom.aligned.image, .ui.bottom.aligned.image svg, @@ -9348,12 +11170,22 @@ img.ui.image { display: inline-block; vertical-align: bottom; } + +/*-------------- + Rounded +---------------*/ + .ui.rounded.images .image, .ui.rounded.image, .ui.rounded.images .image > *, .ui.rounded.image > * { border-radius: 0.3125em; } + +/*-------------- + Bordered +---------------*/ + .ui.bordered.images .image, .ui.bordered.images img, .ui.bordered.images svg, @@ -9362,16 +11194,27 @@ img.ui.image { img.ui.bordered.image { border: 1px solid rgba(0, 0, 0, 0.1); } + +/*-------------- + Circular +---------------*/ + .ui.circular.images, .ui.circular.image { overflow: hidden; } + .ui.circular.images .image, .ui.circular.image, .ui.circular.images .image > *, .ui.circular.image > * { border-radius: 500rem; } + +/*-------------- + Fluid +---------------*/ + .ui.fluid.images, .ui.fluid.image, .ui.fluid.images img, @@ -9382,6 +11225,11 @@ img.ui.bordered.image { width: 100%; height: auto; } + +/*-------------- + Avatar +---------------*/ + .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg, @@ -9394,25 +11242,38 @@ img.ui.bordered.image { height: 2em; border-radius: 500rem; } + +/*------------------- + Spaced +--------------------*/ + .ui.spaced.image { display: inline-block !important; margin-left: 0.5em; margin-right: 0.5em; } + .ui[class*="left spaced"].image { margin-left: 0.5em; margin-right: 0; } + .ui[class*="right spaced"].image { margin-left: 0; margin-right: 0.5em; } + +/*------------------- + Floated +--------------------*/ + .ui.floated.image, .ui.floated.images { float: left; margin-right: 1em; margin-bottom: 1em; } + .ui.right.floated.images, .ui.right.floated.image { float: right; @@ -9420,15 +11281,22 @@ img.ui.bordered.image { margin-bottom: 1em; margin-left: 1em; } + .ui.floated.images:last-child, .ui.floated.image:last-child { margin-bottom: 0; } + .ui.centered.images, .ui.centered.image { margin-left: auto; margin-right: auto; } + +/*-------------- + Sizes +---------------*/ + .ui.mini.images .image, .ui.mini.images img, .ui.mini.images svg, @@ -9437,6 +11305,7 @@ img.ui.bordered.image { height: auto; font-size: 0.78571429rem; } + .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg, @@ -9445,6 +11314,7 @@ img.ui.bordered.image { height: auto; font-size: 0.85714286rem; } + .ui.small.images .image, .ui.small.images img, .ui.small.images svg, @@ -9453,6 +11323,7 @@ img.ui.bordered.image { height: auto; font-size: 0.92857143rem; } + .ui.medium.images .image, .ui.medium.images img, .ui.medium.images svg, @@ -9461,6 +11332,7 @@ img.ui.bordered.image { height: auto; font-size: 1rem; } + .ui.large.images .image, .ui.large.images img, .ui.large.images svg, @@ -9469,6 +11341,7 @@ img.ui.bordered.image { height: auto; font-size: 1.14285714rem; } + .ui.big.images .image, .ui.big.images img, .ui.big.images svg, @@ -9477,6 +11350,7 @@ img.ui.bordered.image { height: auto; font-size: 1.28571429rem; } + .ui.huge.images .image, .ui.huge.images img, .ui.huge.images svg, @@ -9485,6 +11359,7 @@ img.ui.bordered.image { height: auto; font-size: 1.42857143rem; } + .ui.massive.images .image, .ui.massive.images img, .ui.massive.images svg, @@ -9493,30 +11368,59 @@ img.ui.bordered.image { height: auto; font-size: 1.71428571rem; } + +/******************************* + Groups +*******************************/ + .ui.images { font-size: 0; - margin: 0 -0.25rem 0rem; + margin: 0 -0.25rem 0; } + .ui.images .image, .ui.images > img, .ui.images > svg { display: inline-block; margin: 0 0.25rem 0.5rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Input + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Standard +*******************************/ + +/*-------------------- + Inputs +---------------------*/ + .ui.input { position: relative; font-weight: normal; font-style: normal; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; color: rgba(0, 0, 0, 0.87); } + .ui.input > input { margin: 0; max-width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; flex: 1 0 auto; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); @@ -9528,38 +11432,53 @@ img.ui.bordered.image { border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, border-color 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-box-shadow: none; box-shadow: none; } -.ui.input > input::-webkit-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.ui.input > input::-moz-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.ui.input > input:-ms-input-placeholder { + +/*-------------------- + Placeholder +---------------------*/ + +/* browsers require these rules separate */ +.ui.input > input::placeholder { color: rgba(191, 191, 191, 0.87); } + +/******************************* + States +*******************************/ + +/*-------------------- + Disabled +---------------------*/ + .ui.disabled.input, .ui.input:not(.disabled) input[disabled] { opacity: 0.45; } + .ui.disabled.input > input, .ui.input:not(.disabled) input[disabled] { pointer-events: none; } + +/*-------------------- + Active +---------------------*/ + .ui.input > input:active, .ui.input.down input { border-color: rgba(0, 0, 0, 0.3); background: #FAFAFA; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; box-shadow: none; } + +/*-------------------- + Loading +---------------------*/ + .ui.loading.loading.input > i.icon:before { position: absolute; content: ''; @@ -9571,6 +11490,7 @@ img.ui.bordered.image { border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } + .ui.loading.loading.input > i.icon:after { position: absolute; content: ''; @@ -9579,96 +11499,103 @@ img.ui.bordered.image { margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } + +/*-------------------- + Focus +---------------------*/ + .ui.input.focus > input, .ui.input > input:focus { border-color: #85B7D9; background: #FFFFFF; color: rgba(0, 0, 0, 0.8); - -webkit-box-shadow: none; box-shadow: none; } -.ui.input.focus > input::-webkit-input-placeholder, -.ui.input > input:focus::-webkit-input-placeholder { - color: rgba(115, 115, 115, 0.87); -} -.ui.input.focus > input::-moz-placeholder, -.ui.input > input:focus::-moz-placeholder { - color: rgba(115, 115, 115, 0.87); -} -.ui.input.focus > input:-ms-input-placeholder, -.ui.input > input:focus:-ms-input-placeholder { + +.ui.input.focus > input::placeholder, +.ui.input > input:focus::placeholder { color: rgba(115, 115, 115, 0.87); } + +/*-------------------- + Error +---------------------*/ + .ui.input.error > input { background-color: #FFF6F6; border-color: #E0B4B4; color: #9F3A38; - -webkit-box-shadow: none; box-shadow: none; } -.ui.input.error > input::-webkit-input-placeholder { - color: #e7bdbc; -} -.ui.input.error > input::-moz-placeholder { + +/* Error Placeholder */ +.ui.input.error > input::placeholder { color: #e7bdbc; } -.ui.input.error > input:-ms-input-placeholder { - color: #e7bdbc !important; -} -.ui.input.error > input:focus::-webkit-input-placeholder { + +/* Focused Error Placeholder */ +.ui.input.error > input:focus::placeholder { color: #da9796; } -.ui.input.error > input:focus::-moz-placeholder { - color: #da9796; -} -.ui.input.error > input:focus:-ms-input-placeholder { - color: #da9796 !important; -} + +/******************************* + Variations +*******************************/ + +/*-------------------- + Transparent +---------------------*/ + .ui.transparent.input > input { border-color: transparent !important; background-color: transparent !important; padding: 0 !important; - -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; } + +/* Transparent Icon */ + .ui.transparent.icon.input > i.icon { width: 1.1em; } + .ui.transparent.icon.input > input { padding-left: 0 !important; padding-right: 2em !important; } + .ui.transparent[class*="left icon"].input > input { padding-left: 2em !important; padding-right: 0 !important; } + +/* Transparent Inverted */ + .ui.transparent.inverted.input { color: #FFFFFF; } + .ui.transparent.inverted.input > input { color: inherit; } -.ui.transparent.inverted.input > input::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.5); -} -.ui.transparent.inverted.input > input::-moz-placeholder { - color: rgba(255, 255, 255, 0.5); -} -.ui.transparent.inverted.input > input:-ms-input-placeholder { + +.ui.transparent.inverted.input > input::placeholder { color: rgba(255, 255, 255, 0.5); } + +/*-------------------- + Icon +---------------------*/ + .ui.icon.input > i.icon { cursor: default; position: absolute; @@ -9681,15 +11608,17 @@ img.ui.bordered.image { width: 2.67142857em; opacity: 0.5; border-radius: 0 0.28571429rem 0.28571429rem 0; - -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } + .ui.icon.input > i.icon:not(.link) { pointer-events: none; } + .ui.icon.input > input { padding-right: 2.67142857em !important; } + .ui.icon.input > i.icon:before, .ui.icon.input > i.icon:after { left: 0; @@ -9699,182 +11628,285 @@ img.ui.bordered.image { width: 100%; margin-top: -0.5em; } + .ui.icon.input > i.link.icon { cursor: pointer; } + .ui.icon.input > i.circular.icon { top: 0.35em; right: 0.5em; } + +/* Left Icon Input */ + .ui[class*="left icon"].input > i.icon { right: auto; left: 1px; border-radius: 0.28571429rem 0 0 0.28571429rem; } + .ui[class*="left icon"].input > i.circular.icon { right: auto; left: 0.5em; } + .ui[class*="left icon"].input > input { padding-left: 2.67142857em !important; padding-right: 1em !important; } + +/* Focus */ + .ui.icon.input > input:focus ~ i.icon { opacity: 1; } + +/*-------------------- + Labeled +---------------------*/ + +/* Adjacent Label */ + .ui.labeled.input > .label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; font-size: 1em; } + .ui.labeled.input > .label:not(.corner) { padding-top: 0.78571429em; padding-bottom: 0.78571429em; } + +/* Regular Label on Left */ + .ui.labeled.input:not([class*="corner labeled"]) .label:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-color: transparent; } + .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { border-left-color: #85B7D9; } + +/* Regular Label on Right */ + .ui[class*="right labeled"].input > input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right-color: transparent !important; } + .ui[class*="right labeled"].input > input + .label { border-top-left-radius: 0; border-bottom-left-radius: 0; } + .ui[class*="right labeled"].input > input:focus { border-right-color: #85B7D9 !important; } + +/* Corner Label */ + .ui.labeled.input .corner.label { top: 1px; right: 1px; font-size: 0.64285714em; border-radius: 0 0.28571429rem 0 0; } + +/* Spacing with corner label */ + .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input { padding-right: 2.5em !important; } + .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input { padding-right: 3.25em !important; } + .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon { margin-right: 1.25em; } + +/* Left Labeled */ + .ui[class*="left corner labeled"].labeled.input > input { padding-left: 2.5em !important; } + .ui[class*="left corner labeled"].icon.input > input { padding-left: 3.25em !important; } + .ui[class*="left corner labeled"].icon.input > .icon { margin-left: 1.25em; } + +/* Corner Label Position */ + .ui.input > .ui.corner.label { top: 1px; right: 1px; } + .ui.input > .ui.left.corner.label { right: auto; left: 1px; } + +/*-------------------- + Action +---------------------*/ + .ui.action.input > .button, .ui.action.input > .buttons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; } + .ui.action.input > .button, .ui.action.input > .buttons > .button { padding-top: 0.78571429em; padding-bottom: 0.78571429em; margin: 0; } + +/* Button on Right */ + .ui.action.input:not([class*="left action"]) > input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right-color: transparent !important; } + .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child), .ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button { border-radius: 0; } + .ui.action.input:not([class*="left action"]) > .dropdown:last-child, .ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button { border-radius: 0 0.28571429rem 0.28571429rem 0; } + +/* Input Focus */ + .ui.action.input:not([class*="left action"]) > input:focus { border-right-color: #85B7D9 !important; } + +/* Button on Left */ + .ui[class*="left action"].input > input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left-color: transparent !important; } + .ui[class*="left action"].input > .dropdown, .ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button { border-radius: 0; } + .ui[class*="left action"].input > .dropdown:first-child, .ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button { border-radius: 0.28571429rem 0 0 0.28571429rem; } + +/* Input Focus */ + .ui[class*="left action"].input > input:focus { border-left-color: #85B7D9 !important; } + +/*-------------------- + Inverted +---------------------*/ + +/* Standard */ + .ui.inverted.input > input { border: none; } + +/*-------------------- + Fluid +---------------------*/ + .ui.fluid.input { - display: -webkit-box; - display: -ms-flexbox; display: flex; } + .ui.fluid.input > input { width: 0 !important; } + +/*-------------------- + Size +---------------------*/ + .ui.mini.input { font-size: 0.78571429em; } + .ui.small.input { font-size: 0.92857143em; } + .ui.input { font-size: 1em; } + .ui.large.input { font-size: 1.14285714em; } + .ui.big.input { font-size: 1.28571429em; } + .ui.huge.input { font-size: 1.42857143em; } + .ui.massive.input { font-size: 1.71428571em; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Label + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Label +*******************************/ + .ui.label { display: inline-block; line-height: 1; @@ -9888,37 +11920,53 @@ img.ui.bordered.image { font-weight: bold; border: 0 solid transparent; border-radius: 0.28571429rem; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } + .ui.label:first-child { margin-left: 0; } + .ui.label:last-child { margin-right: 0; } + +/* Link */ + a.ui.label { cursor: pointer; } + +/* Inside Link */ + .ui.label > a { cursor: pointer; color: inherit; opacity: 0.5; - -webkit-transition: 0.1s opacity ease; transition: 0.1s opacity ease; } + .ui.label > a:hover { opacity: 1; } + +/* Image */ + .ui.label > img { width: auto !important; vertical-align: middle; height: 2.1666em !important; } + +/* Icon */ + .ui.label > .icon { width: auto; margin: 0 0.75em 0 0; } + +/* Detail */ + .ui.label > .detail { display: inline-block; vertical-align: top; @@ -9926,9 +11974,13 @@ a.ui.label { margin-left: 1em; opacity: 0.8; } + .ui.label > .detail .icon { margin: 0 0.25em 0 0; } + +/* Removable label */ + .ui.label > .close.icon, .ui.label > .delete.icon { cursor: pointer; @@ -9936,40 +11988,65 @@ a.ui.label { margin-left: 0.5em; font-size: 0.92857143em; opacity: 0.5; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } + .ui.label > .delete.icon:hover { opacity: 1; } + +/*------------------- + Group +--------------------*/ + .ui.labels > .label { margin: 0 0.5em 0.5em 0; } + +/*------------------- + Coupling +--------------------*/ + .ui.header > .ui.label { margin-top: -0.29165em; } + +/* Remove border radius on attached segment */ + .ui.attached.segment > .ui.top.left.attached.label, .ui.bottom.attached.segment > .ui.top.left.attached.label { border-top-left-radius: 0; } + .ui.attached.segment > .ui.top.right.attached.label, .ui.bottom.attached.segment > .ui.top.right.attached.label { border-top-right-radius: 0; } + .ui.top.attached.segment > .ui.bottom.left.attached.label { border-bottom-left-radius: 0; } + .ui.top.attached.segment > .ui.bottom.right.attached.label { border-bottom-right-radius: 0; } + +/* Padding on next content after a label */ + .ui.top.attached.label:first-child + :not(.attached), .ui.top.attached.label + [class*="right floated"] + * { margin-top: 2rem !important; } + .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { margin-top: 0; margin-bottom: 2rem !important; } + +/******************************* + Types +*******************************/ + .ui.image.label { width: auto !important; margin-top: 0; @@ -9980,9 +12057,9 @@ a.ui.label { background: #E8E8E8; padding: 0.5833em 0.833em 0.5833em 0.5em; border-radius: 0.28571429rem; - -webkit-box-shadow: none; box-shadow: none; } + .ui.image.label img { display: inline-block; vertical-align: top; @@ -9990,12 +12067,18 @@ a.ui.label { margin: -0.5833em 0.5em -0.5833em -0.5em; border-radius: 0.28571429rem 0 0 0.28571429rem; } + .ui.image.label .detail { background: rgba(0, 0, 0, 0.1); margin: -0.5833em -0.833em -0.5833em 0.5em; padding: 0.5833em 0.833em; border-radius: 0 0.28571429rem 0.28571429rem 0; } + +/*------------------- + Tag +--------------------*/ + .ui.tag.labels .label, .ui.tag.label { margin-left: 1em; @@ -10003,13 +12086,12 @@ a.ui.label { padding-left: 1.5em; padding-right: 1.5em; border-radius: 0 0.28571429rem 0.28571429rem 0; - -webkit-transition: none; transition: none; } + .ui.tag.labels .label:before, .ui.tag.label:before { position: absolute; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); transform: translateY(-50%) translateX(50%) rotate(-45deg); top: 50%; right: 100%; @@ -10018,9 +12100,9 @@ a.ui.label { background-image: none; width: 1.56em; height: 1.56em; - -webkit-transition: none; transition: none; } + .ui.tag.labels .label:after, .ui.tag.label:after { position: absolute; @@ -10031,10 +12113,14 @@ a.ui.label { background-color: #FFFFFF !important; width: 0.5em; height: 0.5em; - -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); border-radius: 500rem; } + +/*------------------- + Corner Label +--------------------*/ + .ui.corner.label { position: absolute; top: 0; @@ -10046,12 +12132,15 @@ a.ui.label { width: 4em; height: 4em; z-index: 1; - -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } + +/* Icon Label */ + .ui.corner.label { background-color: transparent !important; } + .ui.corner.label:after { position: absolute; content: ""; @@ -10066,9 +12155,9 @@ a.ui.label { border-bottom: 4em solid transparent; border-left: 0 solid transparent; border-right-color: inherit; - -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } + .ui.corner.label .icon { cursor: default; position: relative; @@ -10077,11 +12166,15 @@ a.ui.label { font-size: 1.14285714em; margin: 0; } + +/* Left Corner */ + .ui.left.corner.label, .ui.left.corner.label:after { right: auto; left: 0; } + .ui.left.corner.label:after { border-top: 4em solid transparent; border-right: 4em solid transparent; @@ -10089,31 +12182,40 @@ a.ui.label { border-left: 0 solid transparent; border-top-color: inherit; } + .ui.left.corner.label .icon { left: -0.78571429em; } + +/* Segment */ + .ui.segment > .ui.corner.label { top: -1px; right: -1px; } + .ui.segment > .ui.left.corner.label { right: auto; left: -1px; } + +/*------------------- + Ribbon +--------------------*/ + .ui.ribbon.label { position: relative; margin: 0; - min-width: -webkit-max-content; - min-width: -moz-max-content; min-width: max-content; border-radius: 0 0.28571429rem 0.28571429rem 0; border-color: rgba(0, 0, 0, 0.15); } + .ui.ribbon.label:after { position: absolute; content: ''; top: 100%; - left: 0%; + left: 0; background-color: transparent !important; border-style: solid; border-width: 0 1.2em 1.2em 0; @@ -10122,52 +12224,73 @@ a.ui.label { width: 0; height: 0; } + +/* Positioning */ + .ui.ribbon.label { left: calc( -1rem - 1.2em ); margin-right: -1.2em; padding-left: calc( 1rem + 1.2em ); padding-right: 1.2em; } + .ui[class*="right ribbon"].label { left: calc(100% + 1rem + 1.2em ); padding-left: 1.2em; padding-right: calc( 1rem + 1.2em ); } + +/* Right Ribbon */ + .ui[class*="right ribbon"].label { text-align: left; - -webkit-transform: translateX(-100%); transform: translateX(-100%); border-radius: 0.28571429rem 0 0 0.28571429rem; } + .ui[class*="right ribbon"].label:after { left: auto; - right: 0%; + right: 0; border-style: solid; border-width: 1.2em 1.2em 0 0; border-color: transparent; border-top-color: inherit; } + +/* Inside Table */ + .ui.image > .ribbon.label, .ui.card .image > .ribbon.label { position: absolute; top: 1rem; } + .ui.card .image > .ui.ribbon.label, .ui.image > .ui.ribbon.label { left: calc( 0.05rem - 1.2em ); } + .ui.card .image > .ui[class*="right ribbon"].label, .ui.image > .ui[class*="right ribbon"].label { left: calc(100% + -0.05rem + 1.2em ); padding-left: 0.833em; } + +/* Inside Table */ + .ui.table td > .ui.ribbon.label { left: calc( -0.78571429em - 1.2em ); } + .ui.table td > .ui[class*="right ribbon"].label { left: calc(100% + 0.78571429em + 1.2em ); padding-left: 0.833em; } + +/*------------------- + Attached +--------------------*/ + .ui[class*="top attached"].label, .ui.attached.label { width: 100%; @@ -10178,28 +12301,33 @@ a.ui.label { padding: 0.75em 1em; border-radius: 0.21428571rem 0.21428571rem 0 0; } + .ui[class*="bottom attached"].label { top: auto; bottom: 0; border-radius: 0 0 0.21428571rem 0.21428571rem; } + .ui[class*="top left attached"].label { width: auto; margin-top: 0 !important; border-radius: 0.21428571rem 0 0.28571429rem 0; } + .ui[class*="top right attached"].label { width: auto; left: auto; right: 0; border-radius: 0 0.21428571rem 0 0.28571429rem; } + .ui[class*="bottom left attached"].label { width: auto; top: auto; bottom: 0; border-radius: 0 0.28571429rem 0 0.21428571rem; } + .ui[class*="bottom right attached"].label { top: auto; bottom: 0; @@ -10208,9 +12336,23 @@ a.ui.label { width: auto; border-radius: 0.28571429rem 0 0.21428571rem 0; } + +/******************************* + States +*******************************/ + +/*------------------- + Disabled +--------------------*/ + .ui.label.disabled { opacity: 0.5; } + +/*------------------- + Hover +--------------------*/ + a.ui.labels .label:hover, a.ui.label:hover { background-color: #E0E0E0; @@ -10218,21 +12360,33 @@ a.ui.label:hover { background-image: none; color: rgba(0, 0, 0, 0.8); } + .ui.labels a.label:hover:before, a.ui.label:hover:before { color: rgba(0, 0, 0, 0.8); } + +/*------------------- + Active +--------------------*/ + .ui.active.label { background-color: #D0D0D0; border-color: #D0D0D0; background-image: none; color: rgba(0, 0, 0, 0.95); } + .ui.active.label:before { background-color: #D0D0D0; background-image: none; color: rgba(0, 0, 0, 0.95); } + +/*------------------- + Active Hover +--------------------*/ + a.ui.labels .active.label:hover, a.ui.active.label:hover { background-color: #C8C8C8; @@ -10240,439 +12394,687 @@ a.ui.active.label:hover { background-image: none; color: rgba(0, 0, 0, 0.95); } + .ui.labels a.active.label:ActiveHover:before, a.ui.active.label:ActiveHover:before { background-color: #C8C8C8; background-image: none; color: rgba(0, 0, 0, 0.95); } + +/*------------------- + Visible +--------------------*/ + .ui.labels.visible .label, .ui.label.visible:not(.dropdown) { display: inline-block !important; } + +/*------------------- + Hidden +--------------------*/ + .ui.labels.hidden .label, .ui.label.hidden { display: none !important; } + +/******************************* + Variations +*******************************/ + +/*------------------- + Colors +--------------------*/ + +/*--- Red ---*/ + .ui.red.labels .label, .ui.red.label { background-color: #DB2828 !important; border-color: #DB2828 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.red.labels .label:hover, a.ui.red.label:hover { background-color: #d01919 !important; border-color: #d01919 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.red.corner.label, .ui.red.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.red.ribbon.label { border-color: #b21e1e !important; } + +/* Basic */ + .ui.basic.red.label { background-color: #FFFFFF !important; color: #DB2828 !important; border-color: #DB2828 !important; } + .ui.basic.red.labels a.label:hover, a.ui.basic.red.label:hover { background-color: #FFFFFF !important; color: #d01919 !important; border-color: #d01919 !important; } + +/*--- Orange ---*/ + .ui.orange.labels .label, .ui.orange.label { background-color: #F2711C !important; border-color: #F2711C !important; color: #FFFFFF !important; } + +/* Link */ + .ui.orange.labels .label:hover, a.ui.orange.label:hover { background-color: #f26202 !important; border-color: #f26202 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.orange.corner.label, .ui.orange.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.orange.ribbon.label { border-color: #cf590c !important; } + +/* Basic */ + .ui.basic.orange.label { background-color: #FFFFFF !important; color: #F2711C !important; border-color: #F2711C !important; } + .ui.basic.orange.labels a.label:hover, a.ui.basic.orange.label:hover { background-color: #FFFFFF !important; color: #f26202 !important; border-color: #f26202 !important; } + +/*--- Yellow ---*/ + .ui.yellow.labels .label, .ui.yellow.label { background-color: #FBBD08 !important; border-color: #FBBD08 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.yellow.labels .label:hover, a.ui.yellow.label:hover { background-color: #eaae00 !important; border-color: #eaae00 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.yellow.corner.label, .ui.yellow.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.yellow.ribbon.label { border-color: #cd9903 !important; } + +/* Basic */ + .ui.basic.yellow.label { background-color: #FFFFFF !important; color: #FBBD08 !important; border-color: #FBBD08 !important; } + .ui.basic.yellow.labels a.label:hover, a.ui.basic.yellow.label:hover { background-color: #FFFFFF !important; color: #eaae00 !important; border-color: #eaae00 !important; } + +/*--- Olive ---*/ + .ui.olive.labels .label, .ui.olive.label { background-color: #B5CC18 !important; border-color: #B5CC18 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.olive.labels .label:hover, a.ui.olive.label:hover { background-color: #a7bd0d !important; border-color: #a7bd0d !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.olive.corner.label, .ui.olive.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.olive.ribbon.label { border-color: #198f35 !important; } + +/* Basic */ + .ui.basic.olive.label { background-color: #FFFFFF !important; color: #B5CC18 !important; border-color: #B5CC18 !important; } + .ui.basic.olive.labels a.label:hover, a.ui.basic.olive.label:hover { background-color: #FFFFFF !important; color: #a7bd0d !important; border-color: #a7bd0d !important; } + +/*--- Green ---*/ + .ui.green.labels .label, .ui.green.label { background-color: #21BA45 !important; border-color: #21BA45 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.green.labels .label:hover, a.ui.green.label:hover { background-color: #16ab39 !important; border-color: #16ab39 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.green.corner.label, .ui.green.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.green.ribbon.label { border-color: #198f35 !important; } + +/* Basic */ + .ui.basic.green.label { background-color: #FFFFFF !important; color: #21BA45 !important; border-color: #21BA45 !important; } + .ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover { background-color: #FFFFFF !important; color: #16ab39 !important; border-color: #16ab39 !important; } + +/*--- Teal ---*/ + .ui.teal.labels .label, .ui.teal.label { background-color: #00B5AD !important; border-color: #00B5AD !important; color: #FFFFFF !important; } + +/* Link */ + .ui.teal.labels .label:hover, a.ui.teal.label:hover { background-color: #009c95 !important; border-color: #009c95 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.teal.corner.label, .ui.teal.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.teal.ribbon.label { border-color: #00827c !important; } + +/* Basic */ + .ui.basic.teal.label { background-color: #FFFFFF !important; color: #00B5AD !important; border-color: #00B5AD !important; } + .ui.basic.teal.labels a.label:hover, a.ui.basic.teal.label:hover { background-color: #FFFFFF !important; color: #009c95 !important; border-color: #009c95 !important; } + +/*--- Blue ---*/ + .ui.blue.labels .label, .ui.blue.label { background-color: #2185D0 !important; border-color: #2185D0 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.blue.labels .label:hover, a.ui.blue.label:hover { background-color: #1678c2 !important; border-color: #1678c2 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.blue.corner.label, .ui.blue.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.blue.ribbon.label { border-color: #1a69a4 !important; } + +/* Basic */ + .ui.basic.blue.label { background-color: #FFFFFF !important; color: #2185D0 !important; border-color: #2185D0 !important; } + .ui.basic.blue.labels a.label:hover, a.ui.basic.blue.label:hover { background-color: #FFFFFF !important; color: #1678c2 !important; border-color: #1678c2 !important; } + +/*--- Violet ---*/ + .ui.violet.labels .label, .ui.violet.label { background-color: #6435C9 !important; border-color: #6435C9 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.violet.labels .label:hover, a.ui.violet.label:hover { background-color: #5829bb !important; border-color: #5829bb !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.violet.corner.label, .ui.violet.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.violet.ribbon.label { border-color: #502aa1 !important; } + +/* Basic */ + .ui.basic.violet.label { background-color: #FFFFFF !important; color: #6435C9 !important; border-color: #6435C9 !important; } + .ui.basic.violet.labels a.label:hover, a.ui.basic.violet.label:hover { background-color: #FFFFFF !important; color: #5829bb !important; border-color: #5829bb !important; } + +/*--- Purple ---*/ + .ui.purple.labels .label, .ui.purple.label { background-color: #A333C8 !important; border-color: #A333C8 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.purple.labels .label:hover, a.ui.purple.label:hover { background-color: #9627ba !important; border-color: #9627ba !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.purple.corner.label, .ui.purple.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.purple.ribbon.label { border-color: #82299f !important; } + +/* Basic */ + .ui.basic.purple.label { background-color: #FFFFFF !important; color: #A333C8 !important; border-color: #A333C8 !important; } + .ui.basic.purple.labels a.label:hover, a.ui.basic.purple.label:hover { background-color: #FFFFFF !important; color: #9627ba !important; border-color: #9627ba !important; } + +/*--- Pink ---*/ + .ui.pink.labels .label, .ui.pink.label { background-color: #E03997 !important; border-color: #E03997 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.pink.labels .label:hover, a.ui.pink.label:hover { background-color: #e61a8d !important; border-color: #e61a8d !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.pink.corner.label, .ui.pink.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.pink.ribbon.label { border-color: #c71f7e !important; } + +/* Basic */ + .ui.basic.pink.label { background-color: #FFFFFF !important; color: #E03997 !important; border-color: #E03997 !important; } + .ui.basic.pink.labels a.label:hover, a.ui.basic.pink.label:hover { background-color: #FFFFFF !important; color: #e61a8d !important; border-color: #e61a8d !important; } + +/*--- Brown ---*/ + .ui.brown.labels .label, .ui.brown.label { background-color: #A5673F !important; border-color: #A5673F !important; color: #FFFFFF !important; } + +/* Link */ + .ui.brown.labels .label:hover, a.ui.brown.label:hover { background-color: #975b33 !important; border-color: #975b33 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.brown.corner.label, .ui.brown.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.brown.ribbon.label { border-color: #805031 !important; } + +/* Basic */ + .ui.basic.brown.label { background-color: #FFFFFF !important; color: #A5673F !important; border-color: #A5673F !important; } + .ui.basic.brown.labels a.label:hover, a.ui.basic.brown.label:hover { background-color: #FFFFFF !important; color: #975b33 !important; border-color: #975b33 !important; } + +/*--- Grey ---*/ + .ui.grey.labels .label, .ui.grey.label { background-color: #767676 !important; border-color: #767676 !important; color: #FFFFFF !important; } + +/* Link */ + .ui.grey.labels .label:hover, a.ui.grey.label:hover { background-color: #838383 !important; border-color: #838383 !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.grey.corner.label, .ui.grey.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.grey.ribbon.label { border-color: #805031 !important; } + +/* Basic */ + .ui.basic.grey.label { background-color: #FFFFFF !important; color: #767676 !important; border-color: #767676 !important; } + .ui.basic.grey.labels a.label:hover, a.ui.basic.grey.label:hover { background-color: #FFFFFF !important; color: #838383 !important; border-color: #838383 !important; } + +/*--- Black ---*/ + .ui.black.labels .label, .ui.black.label { background-color: #1B1C1D !important; border-color: #1B1C1D !important; color: #FFFFFF !important; } + +/* Link */ + .ui.black.labels .label:hover, a.ui.black.label:hover { background-color: #27292a !important; border-color: #27292a !important; color: #FFFFFF !important; } + +/* Corner */ + .ui.black.corner.label, .ui.black.corner.label:hover { background-color: transparent !important; } + +/* Ribbon */ + .ui.black.ribbon.label { border-color: #805031 !important; } + +/* Basic */ + .ui.basic.black.label { background-color: #FFFFFF !important; color: #1B1C1D !important; border-color: #1B1C1D !important; } + .ui.basic.black.labels a.label:hover, a.ui.basic.black.label:hover { background-color: #FFFFFF !important; color: #27292a !important; border-color: #27292a !important; } + +/*------------------- + Basic +--------------------*/ + .ui.basic.label { background: none #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; box-shadow: none; } + +/* Link */ + a.ui.basic.label:hover { text-decoration: none; background: none #FFFFFF; color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; + border: 1px solid rgba(34, 36, 38, 0.15); } + +/* Pointing */ + .ui.basic.pointing.label:before { border-color: inherit; } + +/*------------------- + Fluid +--------------------*/ + .ui.label.fluid, .ui.fluid.labels > .label { width: 100%; - -webkit-box-sizing: border-box; box-sizing: border-box; } + +/*------------------- + Inverted +--------------------*/ + .ui.inverted.labels .label, .ui.inverted.label { color: rgba(255, 255, 255, 0.9) !important; } + +/*------------------- + Horizontal +--------------------*/ + .ui.horizontal.labels .label, .ui.horizontal.label { margin: 0 0.5em 0 0; @@ -10680,6 +13082,11 @@ a.ui.basic.label:hover { min-width: 3em; text-align: center; } + +/*------------------- + Circular +--------------------*/ + .ui.circular.labels .label, .ui.circular.label { min-width: 2em; @@ -10689,6 +13096,7 @@ a.ui.basic.label:hover { text-align: center; border-radius: 500rem; } + .ui.empty.circular.labels .label, .ui.empty.circular.label { min-width: 0; @@ -10698,102 +13106,139 @@ a.ui.basic.label:hover { height: 0.5em; vertical-align: baseline; } + +/*------------------- + Pointing +--------------------*/ + .ui.pointing.label { position: relative; } + .ui.attached.pointing.label { position: absolute; } + .ui.pointing.label:before { background-color: inherit; background-image: inherit; - border-width: none; border-style: solid; border-color: inherit; } + +/* Arrow */ + .ui.pointing.label:before { position: absolute; content: ''; - -webkit-transform: rotate(45deg); transform: rotate(45deg); background-image: none; z-index: 2; width: 0.6666em; height: 0.6666em; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } + +/*--- Above ---*/ + .ui.pointing.label, .ui[class*="pointing above"].label { margin-top: 1em; } + .ui.pointing.label:before, .ui[class*="pointing above"].label:before { border-width: 1px 0 0 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 0%; + top: 0; left: 50%; } + +/*--- Below ---*/ + .ui[class*="bottom pointing"].label, .ui[class*="pointing below"].label { margin-top: 0; margin-bottom: 1em; } + .ui[class*="bottom pointing"].label:before, .ui[class*="pointing below"].label:before { border-width: 0 1px 1px 0; - top: auto; right: auto; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 100%; left: 50%; } + +/*--- Left ---*/ + .ui[class*="left pointing"].label { margin-top: 0; margin-left: 0.6666em; } + .ui[class*="left pointing"].label:before { border-width: 0 0 1px 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); bottom: auto; right: auto; top: 50%; left: 0; } + +/*--- Right ---*/ + .ui[class*="right pointing"].label { margin-top: 0; margin-right: 0.6666em; } + .ui[class*="right pointing"].label:before { border-width: 1px 1px 0 0; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); transform: translateX(50%) translateY(-50%) rotate(45deg); top: 50%; - right: 0%; + right: 0; bottom: auto; left: auto; } + +/* Basic Pointing */ + +/*--- Above ---*/ + .ui.basic.pointing.label:before, .ui.basic[class*="pointing above"].label:before { margin-top: -1px; } + +/*--- Below ---*/ + .ui.basic[class*="bottom pointing"].label:before, .ui.basic[class*="pointing below"].label:before { bottom: auto; top: 100%; margin-top: 1px; } + +/*--- Left ---*/ + .ui.basic[class*="left pointing"].label:before { top: 50%; left: -1px; } + +/*--- Right ---*/ + .ui.basic[class*="right pointing"].label:before { top: 50%; right: -1px; } + +/*------------------ + Floating Label +-------------------*/ + .ui.floating.label { position: absolute; z-index: 100; @@ -10801,38 +13246,72 @@ a.ui.basic.label:hover { left: 100%; margin: 0 0 0 -1.5em !important; } + +/*------------------- + Sizes +--------------------*/ + .ui.mini.labels .label, .ui.mini.label { font-size: 0.64285714rem; } + .ui.tiny.labels .label, .ui.tiny.label { font-size: 0.71428571rem; } + .ui.small.labels .label, .ui.small.label { font-size: 0.78571429rem; } + .ui.labels .label, .ui.label { font-size: 0.85714286rem; } + .ui.large.labels .label, .ui.large.label { font-size: 1rem; } + .ui.big.labels .label, .ui.big.label { font-size: 1.28571429rem; } + .ui.huge.labels .label, .ui.huge.label { font-size: 1.42857143rem; } + .ui.massive.labels .label, .ui.massive.label { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - List + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + List +*******************************/ + ul.ui.list, ol.ui.list, .ui.list { @@ -10840,18 +13319,27 @@ ol.ui.list, margin: 1em 0; padding: 0 0; } + ul.ui.list:first-child, ol.ui.list:first-child, .ui.list:first-child { margin-top: 0; padding-top: 0; } + ul.ui.list:last-child, ol.ui.list:last-child, .ui.list:last-child { margin-bottom: 0; padding-bottom: 0; } + +/******************************* + Content +*******************************/ + +/* List Item */ + ul.ui.list li, ol.ui.list li, .ui.list > .item, @@ -10861,8 +13349,10 @@ ol.ui.list li, list-style-type: none; list-style-position: outside; padding: 0.21428571em 0; - line-height: 1.14285714em; + line-height: 1.5em; + margin: 0.4em; } + ul.ui.list > li:first-child:after, ol.ui.list > li:first-child:after, .ui.list > .list > .item, @@ -10873,18 +13363,23 @@ ol.ui.list > li:first-child:after, clear: both; visibility: hidden; } + ul.ui.list li:first-child, ol.ui.list li:first-child, .ui.list .list > .item:first-child, .ui.list > .item:first-child { padding-top: 0; } + ul.ui.list li:last-child, ol.ui.list li:last-child, .ui.list .list > .item:last-child, .ui.list > .item:last-child { padding-bottom: 0; } + +/* Child List */ + ul.ui.list ul, ol.ui.list ol, .ui.list .list { @@ -10892,12 +13387,18 @@ ol.ui.list ol, margin: 0; padding: 0.75em 0 0.25em 0.5em; } + +/* Child Item */ + ul.ui.list ul li, ol.ui.list ol li, .ui.list .list > .item { padding: 0.14285714em 0; line-height: inherit; } + +/* Icon */ + .ui.list .list > .item > i.icon, .ui.list > .item > i.icon { display: table-cell; @@ -10905,14 +13406,17 @@ ol.ui.list ol li, padding-top: 0; padding-right: 0.28571429em; vertical-align: top; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + .ui.list .list > .item > i.icon:only-child, .ui.list > .item > i.icon:only-child { display: inline-block; vertical-align: top; } + +/* Image */ + .ui.list .list > .item > .image, .ui.list > .item > .image { display: table-cell; @@ -10920,24 +13424,31 @@ ol.ui.list ol li, margin: 0; vertical-align: top; } + .ui.list .list > .item > .image:not(:only-child):not(img), .ui.list > .item > .image:not(:only-child):not(img) { padding-right: 0.5em; } + .ui.list .list > .item > .image img, .ui.list > .item > .image img { vertical-align: top; } + .ui.list .list > .item > img.image, .ui.list .list > .item > .image:only-child, .ui.list > .item > img.image, .ui.list > .item > .image:only-child { display: inline-block; } + +/* Content */ + .ui.list .list > .item > .content, .ui.list > .item > .content { line-height: 1.14285714em; } + .ui.list .list > .item > .image + .content, .ui.list .list > .item > .icon + .content, .ui.list > .item > .image + .content, @@ -10946,15 +13457,20 @@ ol.ui.list ol li, padding: 0 0 0 0.5em; vertical-align: top; } + .ui.list .list > .item > img.image + .content, .ui.list > .item > img.image + .content { display: inline-block; } + .ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list { margin-left: 0; padding-left: 0; } + +/* Header */ + .ui.list .list > .item .header, .ui.list > .item .header { display: block; @@ -10963,53 +13479,81 @@ ol.ui.list ol li, font-weight: bold; color: rgba(0, 0, 0, 0.87); } + +/* Description */ + .ui.list .list > .item .description, .ui.list > .item .description { display: block; color: rgba(0, 0, 0, 0.7); } + +/* Child Link */ + .ui.list > .item a, .ui.list .list > .item a { cursor: pointer; } + +/* Linking Item */ + .ui.list .list > a.item, .ui.list > a.item { cursor: pointer; color: #4183C4; } + .ui.list .list > a.item:hover, .ui.list > a.item:hover { color: #1e70bf; } + +/* Linked Item Icons */ + .ui.list .list > a.item i.icon, .ui.list > a.item i.icon { color: rgba(0, 0, 0, 0.4); } + +/* Header Link */ + .ui.list .list > .item a.header, .ui.list > .item a.header { cursor: pointer; color: #4183C4 !important; } + .ui.list .list > .item a.header:hover, .ui.list > .item a.header:hover { color: #1e70bf !important; } + +/* Floated Content */ + .ui[class*="left floated"].list { float: left; } + .ui[class*="right floated"].list { float: right; } + .ui.list .list > .item [class*="left floated"], .ui.list > .item [class*="left floated"] { float: left; margin: 0 1em 0 0; } + .ui.list .list > .item [class*="right floated"], .ui.list > .item [class*="right floated"] { float: right; margin: 0 0 0 1em; } + +/******************************* + Coupling +*******************************/ + .ui.menu .ui.list > .item, .ui.menu .ui.list .list > .item { display: list-item; @@ -11020,36 +13564,52 @@ ol.ui.list ol li, padding: 0.21428571em 0; line-height: 1.14285714em; } + .ui.menu .ui.list .list > .item:before, .ui.menu .ui.list > .item:before { border: none; background: none; } + .ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child { padding-top: 0; } + .ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child { padding-bottom: 0; } + +/******************************* + Types +*******************************/ + +/*------------------- + Horizontal +--------------------*/ + .ui.horizontal.list { display: inline-block; font-size: 0; } + .ui.horizontal.list > .item { display: inline-block; margin-left: 1em; font-size: 1rem; } + .ui.horizontal.list:not(.celled) > .item:first-child { margin-left: 0 !important; padding-left: 0 !important; } + .ui.horizontal.list .list { padding-left: 0; padding-bottom: 0; } + .ui.horizontal.list > .item > .image, .ui.horizontal.list .list > .item > .image, .ui.horizontal.list > .item > .icon, @@ -11058,111 +13618,177 @@ ol.ui.list ol li, .ui.horizontal.list .list > .item > .content { vertical-align: middle; } + +/* Padding on all elements */ + .ui.horizontal.list > .item:first-child, .ui.horizontal.list > .item:last-child { padding-top: 0.21428571em; padding-bottom: 0.21428571em; } + +/* Horizontal List */ + .ui.horizontal.list > .item > i.icon { margin: 0; padding: 0 0.25em 0 0; } + .ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .icon + .content { float: none; display: inline-block; } + +/******************************* + States +*******************************/ + +/*------------------- + Disabled +--------------------*/ + .ui.list .list > .disabled.item, .ui.list > .disabled.item { pointer-events: none; color: rgba(40, 40, 40, 0.3) !important; } + .ui.inverted.list .list > .disabled.item, .ui.inverted.list > .disabled.item { color: rgba(225, 225, 225, 0.3) !important; } + +/*------------------- + Hover +--------------------*/ + .ui.list .list > a.item:hover .icon, .ui.list > a.item:hover .icon { color: rgba(0, 0, 0, 0.87); } + +/******************************* + Variations +*******************************/ + +/*------------------- + Inverted +--------------------*/ + .ui.inverted.list .list > a.item > .icon, .ui.inverted.list > a.item > .icon { color: rgba(255, 255, 255, 0.7); } + .ui.inverted.list .list > .item .header, .ui.inverted.list > .item .header { color: rgba(255, 255, 255, 0.9); } + .ui.inverted.list .list > .item .description, .ui.inverted.list > .item .description { color: rgba(255, 255, 255, 0.7); } + +/* Item Link */ + .ui.inverted.list .list > a.item, .ui.inverted.list > a.item { cursor: pointer; color: rgba(255, 255, 255, 0.9); } + .ui.inverted.list .list > a.item:hover, .ui.inverted.list > a.item:hover { color: #1e70bf; } + +/* Linking Content */ + .ui.inverted.list .item a:not(.ui) { color: rgba(255, 255, 255, 0.9) !important; } + .ui.inverted.list .item a:not(.ui):hover { color: #1e70bf !important; } + +/*------------------- + Aligned +--------------------*/ + .ui.list[class*="top aligned"] .image, .ui.list[class*="top aligned"] .content, .ui.list [class*="top aligned"] { vertical-align: top !important; } + .ui.list[class*="middle aligned"] .image, .ui.list[class*="middle aligned"] .content, .ui.list [class*="middle aligned"] { vertical-align: middle !important; } + .ui.list[class*="bottom aligned"] .image, .ui.list[class*="bottom aligned"] .content, .ui.list [class*="bottom aligned"] { vertical-align: bottom !important; } + +/*------------------- + Link +--------------------*/ + .ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a:not(.ui) { color: rgba(0, 0, 0, 0.4); - -webkit-transition: 0.1s color ease; transition: 0.1s color ease; } + .ui.link.list.list a.item:hover, .ui.link.list.list .item a:not(.ui):hover { color: rgba(0, 0, 0, 0.8); } + .ui.link.list.list a.item:active, .ui.link.list.list .item a:not(.ui):active { color: rgba(0, 0, 0, 0.9); } + .ui.link.list.list .active.item, .ui.link.list.list .active.item a:not(.ui) { color: rgba(0, 0, 0, 0.95); } + +/* Inverted */ + .ui.inverted.link.list .item, .ui.inverted.link.list a.item, .ui.inverted.link.list .item a:not(.ui) { color: rgba(255, 255, 255, 0.5); } + .ui.inverted.link.list.list a.item:hover, .ui.inverted.link.list.list .item a:not(.ui):hover { color: #ffffff; } + .ui.inverted.link.list.list a.item:active, .ui.inverted.link.list.list .item a:not(.ui):active { color: #ffffff; } + .ui.inverted.link.list.list a.active.item, .ui.inverted.link.list.list .active.item a:not(.ui) { color: #ffffff; } + +/*------------------- + Selection +--------------------*/ + .ui.selection.list .list > .item, .ui.selection.list > .item { cursor: pointer; @@ -11171,86 +13797,115 @@ ol.ui.list ol li, margin: 0; color: rgba(0, 0, 0, 0.4); border-radius: 0.5em; - -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; } + .ui.selection.list .list > .item:last-child, .ui.selection.list > .item:last-child { margin-bottom: 0; } + .ui.selection.list.list > .item:hover, .ui.selection.list > .item:hover { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.8); } + .ui.selection.list .list > .item:active, .ui.selection.list > .item:active { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.9); } + .ui.selection.list .list > .item.active, .ui.selection.list > .item.active { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } + +/* Inverted */ + .ui.inverted.selection.list > .item, .ui.inverted.selection.list > .item { background: transparent; color: rgba(255, 255, 255, 0.5); } + .ui.inverted.selection.list > .item:hover, .ui.inverted.selection.list > .item:hover { background: rgba(255, 255, 255, 0.02); color: #ffffff; } + .ui.inverted.selection.list > .item:active, .ui.inverted.selection.list > .item:active { background: rgba(255, 255, 255, 0.08); color: #ffffff; } + .ui.inverted.selection.list > .item.active, .ui.inverted.selection.list > .item.active { background: rgba(255, 255, 255, 0.08); color: #ffffff; } + +/* Celled / Divided Selection List */ + .ui.celled.selection.list .list > .item, .ui.divided.selection.list .list > .item, .ui.celled.selection.list > .item, .ui.divided.selection.list > .item { border-radius: 0; } + +/*------------------- + Animated +--------------------*/ + .ui.animated.list > .item { - -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; - transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; + transition: color 0.25s ease 0.1s, + padding-left 0.25s ease 0.1s, + background-color 0.25s ease 0.1s; } + .ui.animated.list:not(.horizontal) > .item:hover { padding-left: 1em; } + +/*------------------- + Fitted +--------------------*/ + .ui.fitted.list:not(.selection) .list > .item, .ui.fitted.list:not(.selection) > .item { padding-left: 0; padding-right: 0; } + .ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item { margin-left: -0.5em; margin-right: -0.5em; } + +/*------------------- + Bulleted +--------------------*/ + ul.ui.list, .ui.bulleted.list { margin-left: 1.25rem; } + ul.ui.list li, .ui.bulleted.list .list > .item, .ui.bulleted.list > .item { position: relative; } + ul.ui.list li:before, .ui.bulleted.list .list > .item:before, .ui.bulleted.list > .item:before { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; pointer-events: none; position: absolute; @@ -11263,35 +13918,49 @@ ul.ui.list li:before, color: inherit; vertical-align: top; } + ul.ui.list li:before, .ui.bulleted.list .list > a.item:before, .ui.bulleted.list > a.item:before { color: rgba(0, 0, 0, 0.87); } + ul.ui.list ul, .ui.bulleted.list .list { padding-left: 1.25rem; } + +/* Horizontal Bulleted */ + ul.ui.horizontal.bulleted.list, .ui.horizontal.bulleted.list { margin-left: 0; } + ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list > .item { margin-left: 1.75rem; } + ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list > .item:first-child { margin-left: 0; } + ul.ui.horizontal.bulleted.list li::before, .ui.horizontal.bulleted.list > .item::before { color: rgba(0, 0, 0, 0.87); } + ul.ui.horizontal.bulleted.list li:first-child::before, .ui.horizontal.bulleted.list > .item:first-child::before { display: none; } + +/*------------------- + Ordered +--------------------*/ + ol.ui.list, .ui.ordered.list, .ui.ordered.list .list, @@ -11300,21 +13969,20 @@ ol.ui.list ol { margin-left: 1.25rem; list-style-type: none; } + ol.ui.list li, .ui.ordered.list .list > .item, .ui.ordered.list > .item { list-style-type: none; position: relative; } + ol.ui.list li:before, .ui.ordered.list .list > .item:before, .ui.ordered.list > .item:before { position: absolute; top: auto; left: auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; pointer-events: none; margin-left: -1.25rem; @@ -11325,153 +13993,228 @@ ol.ui.list li:before, vertical-align: middle; opacity: 0.8; } + ol.ui.inverted.list li:before, .ui.ordered.inverted.list .list > .item:before, .ui.ordered.inverted.list > .item:before { color: rgba(255, 255, 255, 0.7); } + +/* Value */ + .ui.ordered.list > .list > .item[data-value], .ui.ordered.list > .item[data-value] { content: attr(data-value); } + ol.ui.list li[value]:before { content: attr(value); } + +/* Child Lists */ + ol.ui.list ol, .ui.ordered.list .list { margin-left: 1em; } + ol.ui.list ol li:before, .ui.ordered.list .list > .item:before { margin-left: -2em; } + +/* Horizontal Ordered */ + ol.ui.horizontal.list, .ui.ordered.horizontal.list { margin-left: 0; } + ol.ui.horizontal.list li:before, .ui.ordered.horizontal.list .list > .item:before, .ui.ordered.horizontal.list > .item:before { position: static; margin: 0 0.5em 0 0; } + +/*------------------- + Divided +--------------------*/ + .ui.divided.list > .item { border-top: 1px solid rgba(34, 36, 38, 0.15); } + .ui.divided.list .list > .item { border-top: none; } + .ui.divided.list .item .list > .item { border-top: none; } + .ui.divided.list .list > .item:first-child, .ui.divided.list > .item:first-child { border-top: none; } + +/* Sub Menu */ + .ui.divided.list:not(.horizontal) .list > .item:first-child { border-top-width: 1px; } + +/* Divided bulleted */ + .ui.divided.bulleted.list:not(.horizontal), .ui.divided.bulleted.list .list { margin-left: 0; padding-left: 0; } + .ui.divided.bulleted.list > .item:not(.horizontal) { padding-left: 1.25rem; } + +/* Divided Ordered */ + .ui.divided.ordered.list { margin-left: 0; } + .ui.divided.ordered.list .list > .item, .ui.divided.ordered.list > .item { padding-left: 1.25rem; } + .ui.divided.ordered.list .item .list { margin-left: 0; margin-right: 0; padding-bottom: 0.21428571em; } + .ui.divided.ordered.list .item .list > .item { padding-left: 1em; } + +/* Divided Selection */ + .ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item { margin: 0; border-radius: 0; } + +/* Divided horizontal */ + .ui.divided.horizontal.list { margin-left: 0; } + .ui.divided.horizontal.list > .item:not(:first-child) { padding-left: 0.5em; } + .ui.divided.horizontal.list > .item:not(:last-child) { padding-right: 0.5em; } + .ui.divided.horizontal.list > .item { border-top: none; border-left: 1px solid rgba(34, 36, 38, 0.15); margin: 0; line-height: 0.6; } + .ui.horizontal.divided.list > .item:first-child { border-left: none; } + +/* Inverted */ + .ui.divided.inverted.list > .item, .ui.divided.inverted.list > .list, .ui.divided.inverted.horizontal.list > .item { border-color: rgba(255, 255, 255, 0.1); } + +/*------------------- + Celled +--------------------*/ + .ui.celled.list > .item, .ui.celled.list > .list { border-top: 1px solid rgba(34, 36, 38, 0.15); padding-left: 0.5em; padding-right: 0.5em; } + .ui.celled.list > .item:last-child { border-bottom: 1px solid rgba(34, 36, 38, 0.15); } + +/* Padding on all elements */ + .ui.celled.list > .item:first-child, .ui.celled.list > .item:last-child { padding-top: 0.21428571em; padding-bottom: 0.21428571em; } + +/* Sub Menu */ + .ui.celled.list .item .list > .item { border-width: 0; } + .ui.celled.list .list > .item:first-child { border-top-width: 0; } + +/* Celled Bulleted */ + .ui.celled.bulleted.list { margin-left: 0; } + .ui.celled.bulleted.list .list > .item, .ui.celled.bulleted.list > .item { padding-left: 1.25rem; } + .ui.celled.bulleted.list .item .list { margin-left: -1.25rem; margin-right: -1.25rem; padding-bottom: 0.21428571em; } + +/* Celled Ordered */ + .ui.celled.ordered.list { margin-left: 0; } + .ui.celled.ordered.list .list > .item, .ui.celled.ordered.list > .item { padding-left: 1.25rem; } + .ui.celled.ordered.list .item .list { margin-left: 0; margin-right: 0; padding-bottom: 0.21428571em; } + .ui.celled.ordered.list .list > .item { padding-left: 1em; } + +/* Celled Horizontal */ + .ui.horizontal.celled.list { margin-left: 0; } + .ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item { border-top: none; @@ -11481,103 +14224,166 @@ ol.ui.horizontal.list li:before, padding-right: 0.5em; line-height: 0.6; } + .ui.horizontal.celled.list .list > .item:last-child, .ui.horizontal.celled.list > .item:last-child { border-bottom: none; border-right: 1px solid rgba(34, 36, 38, 0.15); } + +/* Inverted */ + .ui.celled.inverted.list > .item, .ui.celled.inverted.list > .list { - border-color: 1px solid rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); } + .ui.celled.inverted.horizontal.list .list > .item, .ui.celled.inverted.horizontal.list > .item { - border-color: 1px solid rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); } + +/*------------------- + Relaxed +--------------------*/ + .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) { padding-top: 0.42857143em; } + .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) { padding-bottom: 0.42857143em; } + .ui.horizontal.relaxed.list .list > .item:not(:first-child), .ui.horizontal.relaxed.list > .item:not(:first-child) { padding-left: 1rem; } + .ui.horizontal.relaxed.list .list > .item:not(:last-child), .ui.horizontal.relaxed.list > .item:not(:last-child) { padding-right: 1rem; } + +/* Very Relaxed */ + .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) { padding-top: 0.85714286em; } + .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) { padding-bottom: 0.85714286em; } + .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) { padding-left: 1.5rem; } + .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) { padding-right: 1.5rem; } + +/*------------------- + Sizes +--------------------*/ + .ui.mini.list { font-size: 0.78571429em; } + .ui.tiny.list { font-size: 0.85714286em; } + .ui.small.list { font-size: 0.92857143em; } + .ui.list { font-size: 1em; } + .ui.large.list { font-size: 1.14285714em; } + .ui.big.list { font-size: 1.28571429em; } + .ui.huge.list { font-size: 1.42857143em; } + .ui.massive.list { font-size: 1.71428571em; } + .ui.mini.horizontal.list .list > .item, .ui.mini.horizontal.list > .item { font-size: 0.78571429rem; } + .ui.tiny.horizontal.list .list > .item, .ui.tiny.horizontal.list > .item { font-size: 0.85714286rem; } + .ui.small.horizontal.list .list > .item, .ui.small.horizontal.list > .item { font-size: 0.92857143rem; } + .ui.horizontal.list .list > .item, .ui.horizontal.list > .item { font-size: 1rem; } + .ui.large.horizontal.list .list > .item, .ui.large.horizontal.list > .item { font-size: 1.14285714rem; } + .ui.big.horizontal.list .list > .item, .ui.big.horizontal.list > .item { font-size: 1.28571429rem; } + .ui.huge.horizontal.list .list > .item, .ui.huge.horizontal.list > .item { font-size: 1.42857143rem; } + .ui.massive.horizontal.list .list > .item, .ui.massive.horizontal.list > .item { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Loader + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Loader +*******************************/ + +/* Standard Size */ + .ui.loader { display: none; position: absolute; @@ -11586,527 +14392,737 @@ ol.ui.horizontal.list li:before, margin: 0; text-align: center; z-index: 1000; - -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } + +/* Static Shape */ + .ui.loader:before { position: absolute; content: ''; - top: 0%; + top: 0; left: 50%; width: 100%; height: 100%; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } + +/* Active Shape */ + .ui.loader:after { position: absolute; content: ''; - top: 0%; + top: 0; left: 50%; width: 100%; height: 100%; - -webkit-animation: loader 0.6s linear; animation: loader 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } + +/* Active Animation */ + @-webkit-keyframes loader { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + @keyframes loader { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + +/* Sizes */ + .ui.mini.loader:before, .ui.mini.loader:after { width: 1rem; height: 1rem; margin: 0 0 0 -0.5rem; } + .ui.tiny.loader:before, .ui.tiny.loader:after { width: 1.14285714rem; height: 1.14285714rem; margin: 0 0 0 -0.57142857rem; } + .ui.small.loader:before, .ui.small.loader:after { width: 1.71428571rem; height: 1.71428571rem; margin: 0 0 0 -0.85714286rem; } + .ui.loader:before, .ui.loader:after { width: 2.28571429rem; height: 2.28571429rem; margin: 0 0 0 -1.14285714rem; } + .ui.large.loader:before, .ui.large.loader:after { width: 3.42857143rem; height: 3.42857143rem; margin: 0 0 0 -1.71428571rem; } + .ui.big.loader:before, .ui.big.loader:after { width: 3.71428571rem; height: 3.71428571rem; margin: 0 0 0 -1.85714286rem; } + .ui.huge.loader:before, .ui.huge.loader:after { width: 4.14285714rem; height: 4.14285714rem; margin: 0 0 0 -2.07142857rem; } + .ui.massive.loader:before, .ui.massive.loader:after { width: 4.57142857rem; height: 4.57142857rem; margin: 0 0 0 -2.28571429rem; } + +/*------------------- + Coupling +--------------------*/ + +/* Show inside active dimmer */ + .ui.dimmer .loader { display: block; } + +/* Black Dimmer */ + .ui.dimmer .ui.loader { color: rgba(255, 255, 255, 0.9); } + .ui.dimmer .ui.loader:before { border-color: rgba(255, 255, 255, 0.15); } + .ui.dimmer .ui.loader:after { border-color: #FFFFFF transparent transparent; } + +/* White Dimmer (Inverted) */ + .ui.inverted.dimmer .ui.loader { color: rgba(0, 0, 0, 0.87); } + .ui.inverted.dimmer .ui.loader:before { border-color: rgba(0, 0, 0, 0.1); } + .ui.inverted.dimmer .ui.loader:after { border-color: #767676 transparent transparent; } + +/******************************* + Types +*******************************/ + +/*------------------- + Text +--------------------*/ + .ui.text.loader { width: auto !important; height: auto !important; text-align: center; font-style: normal; } + +/******************************* + States +*******************************/ + .ui.indeterminate.loader:after { animation-direction: reverse; - -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } + .ui.loader.active, .ui.loader.visible { display: block; } + .ui.loader.disabled, .ui.loader.hidden { display: none; } + +/******************************* + Variations +*******************************/ + +/*------------------- + Sizes +--------------------*/ + +/* Loader */ + .ui.inverted.dimmer .ui.mini.loader, .ui.mini.loader { width: 1rem; height: 1rem; font-size: 0.78571429em; } + .ui.inverted.dimmer .ui.tiny.loader, .ui.tiny.loader { width: 1.14285714rem; height: 1.14285714rem; font-size: 0.85714286em; } + .ui.inverted.dimmer .ui.small.loader, .ui.small.loader { width: 1.71428571rem; height: 1.71428571rem; font-size: 0.92857143em; } + .ui.inverted.dimmer .ui.loader, .ui.loader { width: 2.28571429rem; height: 2.28571429rem; font-size: 1em; } + .ui.inverted.dimmer .ui.large.loader, .ui.large.loader { width: 3.42857143rem; height: 3.42857143rem; font-size: 1.14285714em; } + .ui.inverted.dimmer .ui.big.loader, .ui.big.loader { width: 3.71428571rem; height: 3.71428571rem; font-size: 1.28571429em; } + .ui.inverted.dimmer .ui.huge.loader, .ui.huge.loader { width: 4.14285714rem; height: 4.14285714rem; font-size: 1.42857143em; } + .ui.inverted.dimmer .ui.massive.loader, .ui.massive.loader { width: 4.57142857rem; height: 4.57142857rem; font-size: 1.71428571em; } + +/* Text Loader */ + .ui.mini.text.loader { min-width: 1rem; padding-top: 1.78571429rem; } + .ui.tiny.text.loader { min-width: 1.14285714rem; padding-top: 1.92857143rem; } + .ui.small.text.loader { min-width: 1.71428571rem; padding-top: 2.5rem; } + .ui.text.loader { min-width: 2.28571429rem; padding-top: 3.07142857rem; } + .ui.large.text.loader { min-width: 3.42857143rem; padding-top: 4.21428571rem; } + .ui.big.text.loader { min-width: 3.71428571rem; padding-top: 4.5rem; } + .ui.huge.text.loader { min-width: 4.14285714rem; padding-top: 4.92857143rem; } + .ui.massive.text.loader { min-width: 4.57142857rem; padding-top: 5.35714286rem; } + +/*------------------- + Inverted +--------------------*/ + .ui.inverted.loader { color: rgba(255, 255, 255, 0.9); } + .ui.inverted.loader:before { border-color: rgba(255, 255, 255, 0.15); } + .ui.inverted.loader:after { border-top-color: #FFFFFF; } + +/*------------------- + Inline +--------------------*/ + .ui.inline.loader { position: relative; vertical-align: middle; margin: 0; left: 0; top: 0; - -webkit-transform: none; transform: none; } + .ui.inline.loader.active, .ui.inline.loader.visible { display: inline-block; } + +/* Centered Inline */ + .ui.centered.inline.loader.active, .ui.centered.inline.loader.visible { display: block; margin-left: auto; margin-right: auto; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Rail + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Rails +*******************************/ + .ui.rail { position: absolute; - top: 0%; + top: 0; width: 300px; height: 100%; } + .ui.left.rail { left: auto; right: 100%; padding: 0 2rem 0 0; margin: 0 2rem 0 0; } + .ui.right.rail { left: 100%; right: auto; padding: 0 0 0 2rem; margin: 0 0 0 2rem; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Internal +---------------*/ + .ui.left.internal.rail { - left: 0%; + left: 0; right: auto; padding: 0 0 0 2rem; margin: 0 0 0 2rem; } + .ui.right.internal.rail { left: auto; - right: 0%; + right: 0; padding: 0 2rem 0 0; margin: 0 2rem 0 0; } + +/*-------------- + Dividing +---------------*/ + .ui.dividing.rail { width: 302.5px; } + .ui.left.dividing.rail { padding: 0 2.5rem 0 0; margin: 0 2.5rem 0 0; border-right: 1px solid rgba(34, 36, 38, 0.15); } + .ui.right.dividing.rail { border-left: 1px solid rgba(34, 36, 38, 0.15); padding: 0 0 0 2.5rem; margin: 0 0 0 2.5rem; } + +/*-------------- + Distance +---------------*/ + .ui.close.rail { width: calc( 300px + 1em ); } + .ui.close.left.rail { padding: 0 1em 0 0; margin: 0 1em 0 0; } + .ui.close.right.rail { padding: 0 0 0 1em; margin: 0 0 0 1em; } + .ui.very.close.rail { width: calc( 300px + 0.5em ); } + .ui.very.close.left.rail { padding: 0 0.5em 0 0; margin: 0 0.5em 0 0; } + .ui.very.close.right.rail { padding: 0 0 0 0.5em; margin: 0 0 0 0.5em; } + +/*-------------- + Attached +---------------*/ + .ui.attached.left.rail, .ui.attached.right.rail { padding: 0; margin: 0; } + +/*-------------- + Sizing +---------------*/ + .ui.mini.rail { font-size: 0.78571429rem; } + .ui.tiny.rail { font-size: 0.85714286rem; } + .ui.small.rail { font-size: 0.92857143rem; } + .ui.rail { font-size: 1rem; } + .ui.large.rail { font-size: 1.14285714rem; } + .ui.big.rail { font-size: 1.28571429rem; } + .ui.huge.rail { font-size: 1.42857143rem; } + .ui.massive.rail { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Reveal + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Reveal +*******************************/ + .ui.reveal { display: inherit; position: relative !important; font-size: 0 !important; } + .ui.reveal > .visible.content { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 3 !important; - -webkit-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; } + .ui.reveal > .hidden.content { position: relative !important; z-index: 2 !important; } + +/* Make sure hovered element is on top of other reveal */ + .ui.active.reveal .visible.content, .ui.reveal:hover .visible.content { z-index: 4 !important; } + +/******************************* + Types +*******************************/ + +/*-------------- + Slide +---------------*/ + .ui.slide.reveal { position: relative !important; overflow: hidden !important; white-space: nowrap; } + .ui.slide.reveal > .content { display: block; width: 100%; white-space: normal; float: left; margin: 0; - -webkit-transition: -webkit-transform 0.5s ease 0.1s; - transition: -webkit-transform 0.5s ease 0.1s; transition: transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s; } + .ui.slide.reveal > .visible.content { position: relative !important; } + .ui.slide.reveal > .hidden.content { position: absolute !important; - left: 0% !important; + left: 0 !important; width: 100% !important; - -webkit-transform: translateX(100%) !important; transform: translateX(100%) !important; } + .ui.slide.active.reveal > .visible.content, .ui.slide.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } + .ui.slide.active.reveal > .hidden.content, .ui.slide.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; transform: translateX(0%) !important; } + .ui.slide.right.reveal > .visible.content { - -webkit-transform: translateX(0%) !important; transform: translateX(0%) !important; } + .ui.slide.right.reveal > .hidden.content { - -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } + .ui.slide.right.active.reveal > .visible.content, .ui.slide.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; transform: translateX(100%) !important; } + .ui.slide.right.active.reveal > .hidden.content, .ui.slide.right.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; transform: translateX(0%) !important; } + .ui.slide.up.reveal > .hidden.content { - -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important; } + .ui.slide.up.active.reveal > .visible.content, .ui.slide.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; transform: translateY(-100%) !important; } + .ui.slide.up.active.reveal > .hidden.content, .ui.slide.up.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; } + .ui.slide.down.reveal > .hidden.content { - -webkit-transform: translateY(-100%) !important; transform: translateY(-100%) !important; } + .ui.slide.down.active.reveal > .visible.content, .ui.slide.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important; } + .ui.slide.down.active.reveal > .hidden.content, .ui.slide.down.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; } + +/*-------------- + Fade +---------------*/ + .ui.fade.reveal > .visible.content { opacity: 1; } + .ui.fade.active.reveal > .visible.content, .ui.fade.reveal:hover > .visible.content { opacity: 0; } + +/*-------------- + Move +---------------*/ + .ui.move.reveal { position: relative !important; overflow: hidden !important; white-space: nowrap; } + .ui.move.reveal > .content { display: block; float: left; white-space: normal; margin: 0; - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; } + .ui.move.reveal > .visible.content { position: relative !important; } + .ui.move.reveal > .hidden.content { position: absolute !important; - left: 0% !important; + left: 0 !important; width: 100% !important; } + .ui.move.active.reveal > .visible.content, .ui.move.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } + .ui.move.right.active.reveal > .visible.content, .ui.move.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; transform: translateX(100%) !important; } + .ui.move.up.active.reveal > .visible.content, .ui.move.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; transform: translateY(-100%) !important; } + .ui.move.down.active.reveal > .visible.content, .ui.move.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important; } + +/*-------------- + Rotate +---------------*/ + .ui.rotate.reveal > .visible.content { - -webkit-transition-duration: 0.5s; transition-duration: 0.5s; - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + .ui.rotate.reveal > .visible.content, .ui.rotate.right.reveal > .visible.content { - -webkit-transform-origin: bottom right; transform-origin: bottom right; } + .ui.rotate.active.reveal > .visible.content, .ui.rotate.reveal:hover > .visible.content, .ui.rotate.right.active.reveal > .visible.content, .ui.rotate.right.reveal:hover > .visible.content { - -webkit-transform: rotate(110deg); transform: rotate(110deg); } + .ui.rotate.left.reveal > .visible.content { - -webkit-transform-origin: bottom left; transform-origin: bottom left; } + .ui.rotate.left.active.reveal > .visible.content, .ui.rotate.left.reveal:hover > .visible.content { - -webkit-transform: rotate(-110deg); transform: rotate(-110deg); } + +/******************************* + States +*******************************/ + .ui.disabled.reveal:hover > .visible.visible.content { position: static !important; display: block !important; @@ -12115,106 +15131,185 @@ ol.ui.horizontal.list li:before, left: 0 !important; right: auto !important; bottom: auto !important; - -webkit-transform: none !important; transform: none !important; } + .ui.disabled.reveal:hover > .hidden.hidden.content { display: none !important; } + +/******************************* + Coupling +*******************************/ + .ui.reveal > .ui.ribbon.label { z-index: 5; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Visible +---------------*/ + .ui.visible.reveal { overflow: visible; } + +/*-------------- + Instant +---------------*/ + .ui.instant.reveal > .content { - -webkit-transition-delay: 0s !important; transition-delay: 0s !important; } + +/*-------------- + Sizing +---------------*/ + .ui.reveal > .content { font-size: 1rem !important; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Segment + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Segment +*******************************/ + .ui.segment { position: relative; background: #FFFFFF; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); margin: 1rem 0; padding: 1em 1em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); } + .ui.segment:first-child { margin-top: 0; } + .ui.segment:last-child { margin-bottom: 0; } + +/* Vertical */ + .ui.vertical.segment { margin: 0; padding-left: 0; padding-right: 0; background: none transparent; border-radius: 0; - -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } + .ui.vertical.segment:last-child { border-bottom: none; } + +/*------------------- + Loose Coupling +--------------------*/ + +/* Header */ + .ui.inverted.segment > .ui.header { color: #FFFFFF; } + +/* Label */ + .ui[class*="bottom attached"].segment > [class*="top attached"].label { border-top-left-radius: 0; border-top-right-radius: 0; } + .ui[class*="top attached"].segment > [class*="bottom attached"].label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label { border-top-left-radius: 0; border-top-right-radius: 0; } + .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +/* Grid */ + .ui.page.grid.segment, .ui.grid > .row > .ui.segment.column, .ui.grid > .ui.segment.column { padding-top: 2em; padding-bottom: 2em; } + .ui.grid.segment { margin: 1rem 0; border-radius: 0.28571429rem; } + +/* Table */ + .ui.basic.table.segment { background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); } + .ui[class*="very basic"].table.segment { padding: 1em 1em; } + +/******************************* + Types +*******************************/ + +/*------------------- + Piled +--------------------*/ + .ui.piled.segments, .ui.piled.segment { margin: 3em 0; - -webkit-box-shadow: ''; - box-shadow: ''; z-index: auto; } + .ui.piled.segment:first-child { margin-top: 0; } + .ui.piled.segment:last-child { margin-bottom: 0; } + .ui.piled.segments:after, .ui.piled.segments:before, .ui.piled.segment:after, @@ -12228,40 +15323,50 @@ ol.ui.horizontal.list li:before, position: absolute; width: 100%; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: ''; - box-shadow: ''; } + .ui.piled.segments:before, .ui.piled.segment:before { - -webkit-transform: rotate(-1.2deg); transform: rotate(-1.2deg); top: 0; z-index: -2; } + .ui.piled.segments:after, .ui.piled.segment:after { - -webkit-transform: rotate(1.2deg); transform: rotate(1.2deg); top: 0; z-index: -1; } + +/* Piled Attached */ + .ui[class*="top attached"].piled.segment { margin-top: 3em; margin-bottom: 0; } + .ui.piled.segment[class*="top attached"]:first-child { margin-top: 0; } + .ui.piled.segment[class*="bottom attached"] { margin-top: 0; margin-bottom: 3em; } + .ui.piled.segment[class*="bottom attached"]:last-child { margin-bottom: 0; } + +/*------------------- + Stacked +--------------------*/ + .ui.stacked.segment { padding-bottom: 1.4em; } + .ui.stacked.segments:before, .ui.stacked.segments:after, .ui.stacked.segment:before, @@ -12269,22 +15374,29 @@ ol.ui.horizontal.list li:before, content: ''; position: absolute; bottom: -3px; - left: 0%; + left: 0; border-top: 1px solid rgba(34, 36, 38, 0.15); background: rgba(0, 0, 0, 0.03); width: 100%; height: 6px; visibility: visible; } + .ui.stacked.segments:before, .ui.stacked.segment:before { display: none; } + +/* Add additional page */ + .ui.tall.stacked.segments:before, .ui.tall.stacked.segment:before { display: block; bottom: 0; } + +/* Inverted */ + .ui.stacked.inverted.segments:before, .ui.stacked.inverted.segments:after, .ui.stacked.inverted.segment:before, @@ -12292,32 +15404,51 @@ ol.ui.horizontal.list li:before, background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(34, 36, 38, 0.35); } + +/*------------------- + Padded +--------------------*/ + .ui.padded.segment { padding: 1.5em; } + .ui[class*="very padded"].segment { padding: 3em; } + +/* Padded vertical */ + .ui.padded.segment.vertical.segment, .ui[class*="very padded"].vertical.segment { padding-left: 0; padding-right: 0; } + +/*------------------- + Compact +--------------------*/ + .ui.compact.segment { display: table; } + +/* Compact Group */ + .ui.compact.segments { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; } + .ui.compact.segments .segment, .ui.segments .compact.segment { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; flex: 0 1 auto; } + +/*------------------- + Circular +--------------------*/ + .ui.circular.segment { display: table-cell; padding: 2em; @@ -12325,40 +15456,52 @@ ol.ui.horizontal.list li:before, vertical-align: middle; border-radius: 500em; } + +/*------------------- + Raised +--------------------*/ + .ui.raised.segments, .ui.raised.segment { - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } + +/******************************* + Groups +*******************************/ + +/* Group */ + .ui.segments { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; position: relative; margin: 1rem 0; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; } + .ui.segments:first-child { margin-top: 0; } + .ui.segments:last-child { margin-bottom: 0; } + +/* Nested Segment */ + .ui.segments > .segment { top: 0; bottom: 0; border-radius: 0; margin: 0; width: auto; - -webkit-box-shadow: none; box-shadow: none; border: none; border-top: 1px solid rgba(34, 36, 38, 0.15); } + .ui.segments:not(.horizontal) > .segment:first-child { border-top: none; margin-top: 0; @@ -12367,98 +15510,124 @@ ol.ui.horizontal.list li:before, top: 0; border-radius: 0.28571429rem 0.28571429rem 0 0; } + +/* Bottom */ + .ui.segments:not(.horizontal) > .segment:last-child { top: 0; bottom: 0; margin-top: 0; margin-bottom: 0; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0 0 0.28571429rem 0.28571429rem; } + +/* Only */ + .ui.segments:not(.horizontal) > .segment:only-child { border-radius: 0.28571429rem; } + +/* Nested Group */ + .ui.segments > .ui.segments { border-top: 1px solid rgba(34, 36, 38, 0.15); margin: 1rem 1rem; } + .ui.segments > .segments:first-child { border-top: none; } + .ui.segments > .segment + .segments:not(.horizontal) { margin-top: 0; } + +/* Horizontal Group */ + .ui.horizontal.segments { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; - background-color: transparent; - border-radius: 0; padding: 0; background-color: #FFFFFF; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); margin: 1rem 0; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); } + +/* Nested Horizontal Group */ + .ui.segments > .horizontal.segments { margin: 0; background-color: transparent; border-radius: 0; border: none; - -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid rgba(34, 36, 38, 0.15); } + +/* Horizontal Segment */ + .ui.horizontal.segments > .segment { - -webkit-box-flex: 1; flex: 1 1 auto; - -ms-flex: 1 1 0; margin: 0; min-width: 0; background-color: transparent; border-radius: 0; border: none; - -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid rgba(34, 36, 38, 0.15); } + +/* Border Fixes */ + .ui.segments > .horizontal.segments:first-child { border-top: none; } + .ui.horizontal.segments > .segment:first-child { border-left: none; } + +/******************************* + States +*******************************/ + +/*-------------- + Disabled +---------------*/ + .ui.disabled.segment { opacity: 0.45; color: rgba(40, 40, 40, 0.3); } + +/*-------------- + Loading +---------------*/ + .ui.loading.segment { position: relative; cursor: default; pointer-events: none; text-shadow: none !important; color: transparent !important; - -webkit-transition: all 0s linear; transition: all 0s linear; } + .ui.loading.segment:before { position: absolute; content: ''; - top: 0%; - left: 0%; + top: 0; + left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; border-radius: 0.28571429rem; z-index: 100; } + .ui.loading.segment:after { position: absolute; content: ''; @@ -12467,46 +15636,56 @@ ol.ui.horizontal.list li:before, margin: -1.5em 0 0 -1.5em; width: 3em; height: 3em; - -webkit-animation: segment-spin 0.6s linear; animation: segment-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: 101; } + @-webkit-keyframes segment-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + @keyframes segment-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + +/******************************* + Variations +*******************************/ + +/*------------------- + Basic +--------------------*/ + .ui.basic.segment { background: none transparent; - -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; } + +/*------------------- + Clearing +--------------------*/ + .ui.clearing.segment:after { content: "."; display: block; @@ -12514,154 +15693,250 @@ ol.ui.horizontal.list li:before, clear: both; visibility: hidden; } + +/*------------------- + Colors +--------------------*/ + +/* Red */ + .ui.red.segment:not(.inverted) { border-top: 2px solid #DB2828 !important; } + .ui.inverted.red.segment { background-color: #DB2828 !important; color: #FFFFFF !important; } + +/* Orange */ + .ui.orange.segment:not(.inverted) { border-top: 2px solid #F2711C !important; } + .ui.inverted.orange.segment { background-color: #F2711C !important; color: #FFFFFF !important; } + +/* Yellow */ + .ui.yellow.segment:not(.inverted) { border-top: 2px solid #FBBD08 !important; } + .ui.inverted.yellow.segment { background-color: #FBBD08 !important; color: #FFFFFF !important; } + +/* Olive */ + .ui.olive.segment:not(.inverted) { border-top: 2px solid #B5CC18 !important; } + .ui.inverted.olive.segment { background-color: #B5CC18 !important; color: #FFFFFF !important; } + +/* Green */ + .ui.green.segment:not(.inverted) { border-top: 2px solid #21BA45 !important; } + .ui.inverted.green.segment { background-color: #21BA45 !important; color: #FFFFFF !important; } + +/* Teal */ + .ui.teal.segment:not(.inverted) { border-top: 2px solid #00B5AD !important; } + .ui.inverted.teal.segment { background-color: #00B5AD !important; color: #FFFFFF !important; } + +/* Blue */ + .ui.blue.segment:not(.inverted) { border-top: 2px solid #2185D0 !important; } + .ui.inverted.blue.segment { background-color: #2185D0 !important; color: #FFFFFF !important; } + +/* Violet */ + .ui.violet.segment:not(.inverted) { border-top: 2px solid #6435C9 !important; } + .ui.inverted.violet.segment { background-color: #6435C9 !important; color: #FFFFFF !important; } + +/* Purple */ + .ui.purple.segment:not(.inverted) { border-top: 2px solid #A333C8 !important; } + .ui.inverted.purple.segment { background-color: #A333C8 !important; color: #FFFFFF !important; } + +/* Pink */ + .ui.pink.segment:not(.inverted) { border-top: 2px solid #E03997 !important; } + .ui.inverted.pink.segment { background-color: #E03997 !important; color: #FFFFFF !important; } + +/* Brown */ + .ui.brown.segment:not(.inverted) { border-top: 2px solid #A5673F !important; } + .ui.inverted.brown.segment { background-color: #A5673F !important; color: #FFFFFF !important; } + +/* Grey */ + .ui.grey.segment:not(.inverted) { border-top: 2px solid #767676 !important; } + .ui.inverted.grey.segment { background-color: #767676 !important; color: #FFFFFF !important; } + +/* Black */ + .ui.black.segment:not(.inverted) { border-top: 2px solid #1B1C1D !important; } + .ui.inverted.black.segment { background-color: #1B1C1D !important; color: #FFFFFF !important; } + +/*------------------- + Aligned +--------------------*/ + .ui[class*="left aligned"].segment { text-align: left; } + .ui[class*="right aligned"].segment { text-align: right; } + .ui[class*="center aligned"].segment { text-align: center; } + +/*------------------- + Floated +--------------------*/ + .ui.floated.segment, .ui[class*="left floated"].segment { float: left; margin-right: 1em; } + .ui[class*="right floated"].segment { float: right; margin-left: 1em; } + +/*------------------- + Inverted +--------------------*/ + .ui.inverted.segment { border: none; - -webkit-box-shadow: none; box-shadow: none; } + .ui.inverted.segment, .ui.primary.inverted.segment { background: #1B1C1D; color: rgba(255, 255, 255, 0.9); } + +/* Nested */ + .ui.inverted.segment .segment { color: rgba(0, 0, 0, 0.87); } + .ui.inverted.segment .inverted.segment { color: rgba(255, 255, 255, 0.9); } + +/* Attached */ + .ui.inverted.attached.segment { border-color: #555555; } + +/*------------------- + Emphasis +--------------------*/ + +/* Secondary */ + .ui.secondary.segment { background: #F3F4F5; color: rgba(0, 0, 0, 0.6); } + .ui.secondary.inverted.segment { - background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); - background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); + background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); color: rgba(255, 255, 255, 0.8); } + +/* Tertiary */ + .ui.tertiary.segment { background: #DCDDDE; color: rgba(0, 0, 0, 0.6); } + .ui.tertiary.inverted.segment { - background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); - background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); + background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%); color: rgba(255, 255, 255, 0.8); } + +/*------------------- + Attached +--------------------*/ + +/* Middle */ + .ui.attached.segment { top: 0; bottom: 0; @@ -12669,13 +15944,16 @@ ol.ui.horizontal.list li:before, margin: 0 -1px; width: calc(100% + 2px ); max-width: calc(100% + 2px ); - -webkit-box-shadow: none; box-shadow: none; border: 1px solid #D4D4D5; } + .ui.attached:not(.message) + .ui.attached.segment:not(.top) { border-top: none; } + +/* Top */ + .ui[class*="top attached"].segment { bottom: 0; margin-bottom: 0; @@ -12683,302 +15961,391 @@ ol.ui.horizontal.list li:before, margin-top: 1rem; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.segment[class*="top attached"]:first-child { margin-top: 0; } + +/* Bottom */ + .ui.segment[class*="bottom attached"] { bottom: 0; margin-top: 0; top: 0; margin-bottom: 1rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui.segment[class*="bottom attached"]:last-child { margin-bottom: 0; } + +/*------------------- + Size +--------------------*/ + .ui.mini.segments .segment, .ui.mini.segment { font-size: 0.78571429rem; } + .ui.tiny.segments .segment, .ui.tiny.segment { font-size: 0.85714286rem; } + .ui.small.segments .segment, .ui.small.segment { font-size: 0.92857143rem; } + .ui.segments .segment, .ui.segment { font-size: 1rem; } + .ui.large.segments .segment, .ui.large.segment { font-size: 1.14285714rem; } + .ui.big.segments .segment, .ui.big.segment { font-size: 1.28571429rem; } + .ui.huge.segments .segment, .ui.huge.segment { font-size: 1.42857143rem; } + .ui.massive.segments .segment, .ui.massive.segment { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Step + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Plural +*******************************/ + .ui.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; align-items: stretch; margin: 1em 0; - background: ''; - -webkit-box-shadow: none; + background: none; box-shadow: none; line-height: 1.14285714em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); } + +/* First Steps */ + .ui.steps:first-child { margin-top: 0; } + +/* Last Steps */ + .ui.steps:last-child { margin-bottom: 0; } + +/******************************* + Singular +*******************************/ + .ui.steps .step { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; flex: 1 0 auto; - -ms-flex-wrap: wrap; flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; vertical-align: middle; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; justify-content: center; margin: 0 0; padding: 1.14285714em 2em; background: #FFFFFF; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; border-right: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } + +/* Arrow */ + .ui.steps .step:after { display: none; position: absolute; z-index: 2; content: ''; top: 50%; - right: 0%; - border: medium none; + right: 0; background-color: #FFFFFF; width: 1.14285714em; height: 1.14285714em; - border-style: solid; - border-color: rgba(34, 36, 38, 0.15); - border-width: 0 1px 1px 0; - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; + border: 0 solid rgba(34, 36, 38, 0.15); + border-right-width: 1px; + border-bottom-width: 1px; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); transform: translateY(-50%) translateX(50%) rotate(-45deg); } + +/* First Step */ + .ui.steps .step:first-child { padding-left: 2em; border-radius: 0.28571429rem 0 0 0.28571429rem; } + +/* Last Step */ + .ui.steps .step:last-child { border-radius: 0 0.28571429rem 0.28571429rem 0; } + .ui.steps .step:last-child { border-right: none; margin-right: 0; } + +/* Only Step */ + .ui.steps .step:only-child { border-radius: 0.28571429rem; } + +/******************************* + Content +*******************************/ + +/* Title */ + .ui.steps .step .title { font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1.14285714em; font-weight: bold; } + .ui.steps .step > .title { width: 100%; } + +/* Description */ + .ui.steps .step .description { font-weight: normal; font-size: 0.92857143em; color: rgba(0, 0, 0, 0.87); } + .ui.steps .step > .description { width: 100%; } + .ui.steps .step .title ~ .description { margin-top: 0.25em; } + +/* Icon */ + .ui.steps .step > .icon { line-height: 1; font-size: 2.5em; margin: 0 1rem 0 0; } + .ui.steps .step > .icon, .ui.steps .step > .icon ~ .content { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; flex: 0 1 auto; - -ms-flex-item-align: middle; - align-self: middle; + align-self: center; } + .ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - flex-grow: 1 0 auto; + flex-grow: 1; } + +/* Horizontal Icon */ + .ui.steps:not(.vertical) .step > .icon { width: auto; } + +/* Link */ + .ui.steps .link.step, .ui.steps a.step { cursor: pointer; } + +/******************************* + Types +*******************************/ + +/*-------------- + Ordered +---------------*/ + .ui.ordered.steps { counter-reset: ordered; } + .ui.ordered.steps .step:before { display: block; position: static; text-align: center; content: counters(ordered, "."); - -ms-flex-item-align: middle; - align-self: middle; + align-self: center; margin-right: 1rem; font-size: 2.5em; counter-increment: ordered; font-family: inherit; font-weight: bold; } + .ui.ordered.steps .step > * { display: block; - -ms-flex-item-align: middle; - align-self: middle; + align-self: center; } + +/*-------------- + Vertical +---------------*/ + .ui.vertical.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; overflow: visible; } + .ui.vertical.steps .step { - -webkit-box-pack: start; - -ms-flex-pack: start; justify-content: flex-start; border-radius: 0; padding: 1.14285714em 2em; border-right: none; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } + .ui.vertical.steps .step:first-child { padding: 1.14285714em 2em; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.vertical.steps .step:last-child { border-bottom: none; border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui.vertical.steps .step:only-child { border-radius: 0.28571429rem; } + +/* Arrow */ + .ui.vertical.steps .step:after { display: none; } + .ui.vertical.steps .step:after { top: 50%; - right: 0%; + right: 0; border-width: 0 1px 1px 0; } + .ui.vertical.steps .step:after { display: none; } + .ui.vertical.steps .active.step:after { display: block; } + .ui.vertical.steps .step:last-child:after { display: none; } + .ui.vertical.steps .active.step:last-child:after { display: block; } + +/*--------------- + Responsive +----------------*/ + +/* Mobile (Default) */ + @media only screen and (max-width: 767px) { .ui.steps:not(.unstackable) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } + .ui.steps:not(.unstackable) .step { width: 100% !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; border-radius: 0; padding: 1.14285714em 2em; } + .ui.steps:not(.unstackable) .step:first-child { padding: 1.14285714em 2em; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.steps:not(.unstackable) .step:last-child { border-radius: 0 0 0.28571429rem 0.28571429rem; } + + /* Arrow */ + .ui.steps:not(.unstackable) .step:after { display: none !important; } + + /* Content */ + .ui.steps:not(.unstackable) .step .content { text-align: center; } + + /* Icon */ + .ui.steps:not(.unstackable) .step > .icon, .ui.ordered.steps:not(.unstackable) .step:before { margin: 0 0 1rem 0; } } + +/******************************* + States +*******************************/ + +/* Link Hover */ + .ui.steps .link.step:hover::after, .ui.steps .link.step:hover, .ui.steps a.step:hover::after, @@ -12986,6 +16353,9 @@ ol.ui.horizontal.list li:before, background: #F9FAFB; color: rgba(0, 0, 0, 0.8); } + +/* Link Down */ + .ui.steps .link.step:active::after, .ui.steps .link.step:active, .ui.steps a.step:active::after, @@ -12993,32 +16363,47 @@ ol.ui.horizontal.list li:before, background: #F3F4F5; color: rgba(0, 0, 0, 0.9); } + +/* Active */ + .ui.steps .step.active { cursor: auto; background: #F3F4F5; } + .ui.steps .step.active:after { background: #F3F4F5; } + .ui.steps .step.active .title { color: #4183C4; } + .ui.ordered.steps .step.active:before, .ui.steps .active.step .icon { color: rgba(0, 0, 0, 0.85); } + +/* Active Arrow */ + .ui.steps .step:after { display: block; } + .ui.steps .active.step:after { display: block; } + .ui.steps .step:last-child:after { display: none; } + .ui.steps .active.step:last-child:after { display: none; } + +/* Active Hover */ + .ui.steps .link.active.step:hover::after, .ui.steps .link.active.step:hover, .ui.steps a.active.step:hover::after, @@ -13027,88 +16412,137 @@ ol.ui.horizontal.list li:before, background: #DCDDDE; color: rgba(0, 0, 0, 0.87); } + +/* Completed */ + .ui.steps .step.completed > .icon:before, .ui.ordered.steps .step.completed:before { color: #21BA45; } + +/* Disabled */ + .ui.steps .disabled.step { cursor: auto; background: #FFFFFF; pointer-events: none; } + .ui.steps .disabled.step, .ui.steps .disabled.step .title, .ui.steps .disabled.step .description { color: rgba(40, 40, 40, 0.3); } + .ui.steps .disabled.step:after { background: #FFFFFF; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Stackable +---------------*/ + +/* Tablet Or Below */ + @media only screen and (max-width: 991px) { .ui[class*="tablet stackable"].steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } + + /* Steps */ + .ui[class*="tablet stackable"].steps .step { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; border-radius: 0; padding: 1.14285714em 2em; } + .ui[class*="tablet stackable"].steps .step:first-child { padding: 1.14285714em 2em; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui[class*="tablet stackable"].steps .step:last-child { border-radius: 0 0 0.28571429rem 0.28571429rem; } + + /* Arrow */ + .ui[class*="tablet stackable"].steps .step:after { display: none !important; } + + /* Content */ + .ui[class*="tablet stackable"].steps .step .content { text-align: center; } + + /* Icon */ + .ui[class*="tablet stackable"].steps .step > .icon, .ui[class*="tablet stackable"].ordered.steps .step:before { margin: 0 0 1rem 0; } } + +/*-------------- + Fluid +---------------*/ + +/* Fluid */ + .ui.fluid.steps { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } + +/*-------------- + Attached +---------------*/ + +/* Top */ + .ui.attached.steps { width: calc(100% + 2px ) !important; margin: 0 -1px 0; max-width: calc(100% + 2px ); border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.attached.steps .step:first-child { border-radius: 0.28571429rem 0 0 0; } + .ui.attached.steps .step:last-child { border-radius: 0 0.28571429rem 0 0; } + +/* Bottom */ + .ui.bottom.attached.steps { margin: 0 -1px 0; border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui.bottom.attached.steps .step:first-child { border-radius: 0 0 0 0.28571429rem; } + .ui.bottom.attached.steps .step:last-child { border-radius: 0 0 0.28571429rem 0; } + +/*------------------- + Evenly Divided +--------------------*/ + .ui.one.steps, .ui.two.steps, .ui.three.steps, @@ -13119,6 +16553,7 @@ ol.ui.horizontal.list li:before, .ui.eight.steps { width: 100%; } + .ui.one.steps > .step, .ui.two.steps > .step, .ui.three.steps > .step, @@ -13127,82 +16562,140 @@ ol.ui.horizontal.list li:before, .ui.six.steps > .step, .ui.seven.steps > .step, .ui.eight.steps > .step { - -ms-flex-wrap: nowrap; flex-wrap: nowrap; } + .ui.one.steps > .step { width: 100%; } + .ui.two.steps > .step { width: 50%; } + .ui.three.steps > .step { width: 33.333%; } + .ui.four.steps > .step { width: 25%; } + .ui.five.steps > .step { width: 20%; } + .ui.six.steps > .step { width: 16.666%; } + .ui.seven.steps > .step { width: 14.285%; } + .ui.eight.steps > .step { width: 12.500%; } + +/*------------------- + Sizes +--------------------*/ + .ui.mini.steps .step, .ui.mini.step { font-size: 0.78571429rem; } + .ui.tiny.steps .step, .ui.tiny.step { font-size: 0.85714286rem; } + .ui.small.steps .step, .ui.small.step { font-size: 0.92857143rem; } + .ui.steps .step, .ui.step { font-size: 1rem; } + .ui.large.steps .step, .ui.large.step { font-size: 1.14285714rem; } + .ui.big.steps .step, .ui.big.step { font-size: 1.28571429rem; } + .ui.huge.steps .step, .ui.huge.step { font-size: 1.42857143rem; } + .ui.massive.steps .step, .ui.massive.step { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Step'; + src: url(../../assets/fonts/step.ttf) format('truetype'), + url(../../assets/fonts/step.woff) format('woff'); +} + .ui.steps .step.completed > .icon:before, .ui.ordered.steps .step.completed:before { font-family: 'Step'; content: '\e800'; -} + /* 'î €' */ +} + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Breadcrumb + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Breadcrumb +*******************************/ + .ui.breadcrumb { line-height: 1; display: inline-block; margin: 0 0; vertical-align: middle; } + .ui.breadcrumb:first-child { margin-top: 0; } + .ui.breadcrumb:last-child { margin-bottom: 0; } + +/******************************* + Content +*******************************/ + +/* Divider */ + .ui.breadcrumb .divider { display: inline-block; opacity: 0.7; @@ -13211,74 +16704,148 @@ ol.ui.horizontal.list li:before, color: rgba(0, 0, 0, 0.4); vertical-align: baseline; } + +/* Link */ + .ui.breadcrumb a { color: #4183C4; } + .ui.breadcrumb a:hover { color: #1e70bf; } + +/* Icon Divider */ + .ui.breadcrumb .icon.divider { font-size: 0.85714286em; vertical-align: baseline; } + +/* Section */ + .ui.breadcrumb a.section { cursor: pointer; } + .ui.breadcrumb .section { display: inline-block; margin: 0; padding: 0; } + +/* Loose Coupling */ + .ui.breadcrumb.segment { display: inline-block; padding: 0.78571429em 1em; } + +/******************************* + States +*******************************/ + .ui.breadcrumb .active.section { font-weight: bold; } + +/******************************* + Variations +*******************************/ + .ui.mini.breadcrumb { font-size: 0.78571429rem; } + .ui.tiny.breadcrumb { font-size: 0.85714286rem; } + .ui.small.breadcrumb { font-size: 0.92857143rem; } + .ui.breadcrumb { font-size: 1rem; } + .ui.large.breadcrumb { font-size: 1.14285714rem; } + .ui.big.breadcrumb { font-size: 1.28571429rem; } + .ui.huge.breadcrumb { font-size: 1.42857143rem; } + .ui.massive.breadcrumb { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Form + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Elements +*******************************/ + +/*-------------------- + Form +---------------------*/ + .ui.form { position: relative; max-width: 100%; } + +/*-------------------- + Content +---------------------*/ + .ui.form > p { margin: 1em 0; } + +/*-------------------- + Field +---------------------*/ + .ui.form .field { clear: both; margin: 0 0 1em; } + .ui.form .field:last-child, .ui.form .fields:last-child .field { margin-bottom: 0; } + .ui.form .fields .field { clear: both; margin: 0; } + +/*-------------------- + Labels +---------------------*/ + .ui.form .field > label { display: block; margin: 0 0 0.28571429rem 0; @@ -13287,6 +16854,11 @@ ol.ui.horizontal.list li:before, font-weight: bold; text-transform: none; } + +/*-------------------- + Standard Inputs +---------------------*/ + .ui.form textarea, .ui.form input:not([type]), .ui.form input[type="date"], @@ -13303,10 +16875,14 @@ ol.ui.horizontal.list li:before, width: 100%; vertical-align: top; } + +/* Set max height on unusual input */ + .ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button { height: 1.21428571em; } + .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], @@ -13323,7 +16899,7 @@ ol.ui.horizontal.list li:before, margin: 0; outline: none; -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); line-height: 1.21428571em; padding: 0.67857143em 1em; font-size: 1em; @@ -13331,41 +16907,52 @@ ol.ui.horizontal.list li:before, border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; transition: color 0.1s ease, border-color 0.1s ease; } + +/* Text Area */ + .ui.form textarea { margin: 0; -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: 0.78571429em 1em; background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); outline: none; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; transition: color 0.1s ease, border-color 0.1s ease; font-size: 1em; line-height: 1.2857; resize: vertical; } + .ui.form textarea:not([rows]) { height: 12em; min-height: 8em; max-height: 24em; } + .ui.form textarea, .ui.form input[type="checkbox"] { vertical-align: top; } + +/*-------------------------- + Input w/ attached Button +---------------------------*/ + .ui.form input.attached { width: auto; } + +/*-------------------- + Basic Select +---------------------*/ + .ui.form select { display: block; height: auto; @@ -13373,41 +16960,67 @@ ol.ui.horizontal.list li:before, background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 0 transparent inset; box-shadow: 0 0 0 0 transparent inset; padding: 0.62em 1em; color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease, border-color 0.1s ease; transition: color 0.1s ease, border-color 0.1s ease; } + +/*-------------------- + Dropdown +---------------------*/ + +/* Block */ + .ui.form .field > .selection.dropdown { width: 100%; } + .ui.form .field > .selection.dropdown > .dropdown.icon { float: right; } + +/* Inline */ + .ui.form .inline.fields .field > .selection.dropdown, .ui.form .inline.field > .selection.dropdown { width: auto; } + .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon, .ui.form .inline.field > .selection.dropdown > .dropdown.icon { float: none; } + +/*-------------------- + UI Input +---------------------*/ + +/* Block */ + .ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input { width: 100%; } + +/* Inline */ + .ui.form .inline.fields .field:not(.wide) .ui.input, .ui.form .inline.field:not(.wide) .ui.input { width: auto; vertical-align: middle; } + +/* Auto Input */ + .ui.form .fields .field .ui.input input, .ui.form .field .ui.input input { width: auto; } + +/* Full Width Input */ + .ui.form .ten.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .eight.fields .ui.input input, @@ -13418,30 +17031,43 @@ ol.ui.horizontal.list li:before, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; flex: 1 0 auto; width: 0; } + +/*-------------------- + Types of Messages +---------------------*/ + .ui.form .success.message, .ui.form .warning.message, .ui.form .error.message { display: none; } + +/* Assumptions */ + .ui.form .message:first-child { margin-top: 0; } + +/*-------------------- + Validation Prompt +---------------------*/ + .ui.form .field .prompt.label { white-space: normal; background: #FFFFFF !important; border: 1px solid #E0B4B4 !important; color: #9F3A38 !important; } + .ui.form .inline.fields .field .prompt, .ui.form .inline.field .prompt { vertical-align: top; margin: -0.25em 0 -0.5em 0.5em; } + .ui.form .inline.fields .field .prompt:before, .ui.form .inline.field .prompt:before { border-width: 0 0 1px 1px; @@ -13450,57 +17076,61 @@ ol.ui.horizontal.list li:before, top: 50%; left: 0; } + +/******************************* + States +*******************************/ + +/*-------------------- + Autofilled +---------------------*/ + .ui.form .field.field input:-webkit-autofill { - -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important; box-shadow: 0 0 0 100px #FFFFF0 inset !important; border-color: #E5DFA1 !important; } + +/* Focus */ + .ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important; box-shadow: 0 0 0 100px #FFFFF0 inset !important; border-color: #D5C315 !important; } + +/* Error */ + .ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0 0 0 100px #FFFAF0 inset !important; box-shadow: 0 0 0 100px #FFFAF0 inset !important; border-color: #E0B4B4 !important; } -.ui.form ::-webkit-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.ui.form :-ms-input-placeholder { - color: rgba(191, 191, 191, 0.87); -} -.ui.form ::-moz-placeholder { + +/*-------------------- + Placeholder +---------------------*/ + +/* browsers require these rules separate */ + +.ui.form ::placeholder { color: rgba(191, 191, 191, 0.87); } -.ui.form :focus::-webkit-input-placeholder { - color: rgba(115, 115, 115, 0.87); -} -.ui.form :focus:-ms-input-placeholder { - color: rgba(115, 115, 115, 0.87); -} -.ui.form :focus::-moz-placeholder { + +.ui.form :focus::placeholder { color: rgba(115, 115, 115, 0.87); } -.ui.form .error ::-webkit-input-placeholder { - color: #e7bdbc; -} -.ui.form .error :-ms-input-placeholder { - color: #e7bdbc !important; -} -.ui.form .error ::-moz-placeholder { + +/* Error Placeholder */ +.ui.form .error ::placeholder { color: #e7bdbc; } -.ui.form .error :focus::-webkit-input-placeholder { - color: #da9796; -} -.ui.form .error :focus:-ms-input-placeholder { - color: #da9796 !important; -} -.ui.form .error :focus::-moz-placeholder { + +.ui.form .error :focus::placeholder { color: #da9796; } + +/*-------------------- + Focus +---------------------*/ + .ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, @@ -13517,62 +17147,87 @@ ol.ui.horizontal.list li:before, border-color: #85B7D9; border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; } + .ui.form textarea:focus { color: rgba(0, 0, 0, 0.95); border-color: #85B7D9; border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; -webkit-appearance: none; } + +/*-------------------- + Success +---------------------*/ + +/* On Form */ + .ui.form.success .success.message:not(:empty) { display: block; } + .ui.form.success .compact.success.message:not(:empty) { display: inline-block; } + .ui.form.success .icon.success.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } + +/*-------------------- + Warning +---------------------*/ + +/* On Form */ + .ui.form.warning .warning.message:not(:empty) { display: block; } + .ui.form.warning .compact.warning.message:not(:empty) { display: inline-block; } + .ui.form.warning .icon.warning.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } + +/*-------------------- + Error +---------------------*/ + +/* On Form */ + .ui.form.error .error.message:not(:empty) { display: block; } + .ui.form.error .compact.error.message:not(:empty) { display: inline-block; } + .ui.form.error .icon.error.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } + +/* On Field(s) */ + .ui.form .fields.error .field label, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .field.error .input { color: #9F3A38; } + .ui.form .fields.error .field .corner.label, .ui.form .field.error .corner.label { border-color: #9F3A38; color: #FFFFFF; } + .ui.form .fields.error .field textarea, .ui.form .fields.error .field select, .ui.form .fields.error .field input:not([type]), @@ -13604,10 +17259,9 @@ ol.ui.horizontal.list li:before, background: #FFF6F6; border-color: #E0B4B4; color: #9F3A38; - border-radius: ''; - -webkit-box-shadow: none; box-shadow: none; } + .ui.form .field.error textarea:focus, .ui.form .field.error select:focus, .ui.form .field.error input:not([type]):focus, @@ -13626,12 +17280,19 @@ ol.ui.horizontal.list li:before, border-color: #E0B4B4; color: #9F3A38; -webkit-appearance: none; - -webkit-box-shadow: none; box-shadow: none; } + +/* Preserve Native Select Stylings */ + .ui.form .field.error select { -webkit-appearance: menulist-button; } + +/*------------------ + Dropdown Error +--------------------*/ + .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item, .ui.form .field.error .ui.dropdown, @@ -13640,41 +17301,60 @@ ol.ui.horizontal.list li:before, background: #FFF6F6; color: #9F3A38; } + .ui.form .fields.error .field .ui.dropdown, .ui.form .field.error .ui.dropdown { border-color: #E0B4B4 !important; } + .ui.form .fields.error .field .ui.dropdown:hover, .ui.form .field.error .ui.dropdown:hover { border-color: #E0B4B4 !important; } + .ui.form .fields.error .field .ui.dropdown:hover .menu, .ui.form .field.error .ui.dropdown:hover .menu { border-color: #E0B4B4; } + .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label, .ui.form .field.error .ui.multiple.selection.dropdown > .label { background-color: #EACBCB; color: #9F3A38; } + +/* Hover */ + .ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover { background-color: #FBE7E7; } + +/* Selected */ + .ui.form .fields.error .field .ui.dropdown .menu .selected.item, .ui.form .field.error .ui.dropdown .menu .selected.item { background-color: #FBE7E7; } + +/* Active */ + .ui.form .fields.error .field .ui.dropdown .menu .active.item, .ui.form .field.error .ui.dropdown .menu .active.item { background-color: #FDCFCF !important; } + +/*-------------------- + Checkbox Error +---------------------*/ + .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box { color: #9F3A38; } + .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, @@ -13682,40 +17362,55 @@ ol.ui.horizontal.list li:before, background: #FFF6F6; border-color: #E0B4B4; } + .ui.form .fields.error .field .checkbox label:after, .ui.form .field.error .checkbox label:after, .ui.form .fields.error .field .checkbox .box:after, .ui.form .field.error .checkbox .box:after { color: #9F3A38; } + +/*-------------------- + Disabled +---------------------*/ + .ui.form .disabled.fields .field, .ui.form .disabled.field, .ui.form .field :disabled { pointer-events: none; opacity: 0.45; } + .ui.form .field.disabled > label, .ui.form .fields.disabled > label { opacity: 0.45; } + .ui.form .field.disabled :disabled { opacity: 1; } + +/*-------------- + Loading +---------------*/ + .ui.loading.form { position: relative; cursor: default; pointer-events: none; } + .ui.loading.form:before { position: absolute; content: ''; - top: 0%; - left: 0%; + top: 0; + left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; z-index: 100; } + .ui.loading.form:after { position: absolute; content: ''; @@ -13724,39 +17419,45 @@ ol.ui.horizontal.list li:before, margin: -1.5em 0 0 -1.5em; width: 3em; height: 3em; - -webkit-animation: form-spin 0.6s linear; animation: form-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: 101; } + @-webkit-keyframes form-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + @keyframes form-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + +/******************************* + Element Types +*******************************/ + +/*-------------------- + Required Field +---------------------*/ + .ui.form .required.fields:not(.grouped) > .field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.field > label:after, @@ -13766,18 +17467,29 @@ ol.ui.horizontal.list li:before, content: '*'; color: #DB2828; } + .ui.form .required.fields:not(.grouped) > .field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.field > label:after { display: inline-block; vertical-align: top; } + .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.field > .checkbox:after { position: absolute; - top: 0%; + top: 0; left: 100%; } + +/******************************* + Variations +*******************************/ + +/*-------------------- + Inverted Colors +---------------------*/ + .ui.inverted.form label, .ui.form .inverted.segment label, .ui.form .inverted.segment .ui.checkbox label, @@ -13791,6 +17503,9 @@ ol.ui.horizontal.list li:before, .ui.inverted.form .inline.field > p { color: rgba(255, 255, 255, 0.9); } + +/* Inverted Field */ + .ui.inverted.form input:not([type]), .ui.inverted.form input[type="date"], .ui.inverted.form input[type="datetime-local"], @@ -13806,16 +17521,24 @@ ol.ui.horizontal.list li:before, background: #FFFFFF; border-color: rgba(255, 255, 255, 0.1); color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; box-shadow: none; } + +/*-------------------- + Field Groups +---------------------*/ + +/* Grouped Vertically */ + .ui.form .grouped.fields { display: block; margin: 0 0 1em; } + .ui.form .grouped.fields:last-child { margin-bottom: 0; } + .ui.form .grouped.fields > label { margin: 0 0 0.28571429rem 0; color: rgba(0, 0, 0, 0.87); @@ -13823,75 +17546,91 @@ ol.ui.horizontal.list li:before, font-weight: bold; text-transform: none; } + .ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field { display: block; margin: 0.5em 0; padding: 0; } + +/*-------------------- + Fields +---------------------*/ + +/* Split fields */ + .ui.form .fields { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; margin: 0 -0.5em 1em; } + .ui.form .fields > .field { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: 0.5em; padding-right: 0.5em; } + .ui.form .fields > .field:first-child { border-left: none; - -webkit-box-shadow: none; box-shadow: none; } + +/* Other Combinations */ + .ui.form .two.fields > .fields, .ui.form .two.fields > .field { width: 50%; } + .ui.form .three.fields > .fields, .ui.form .three.fields > .field { width: 33.33333333%; } + .ui.form .four.fields > .fields, .ui.form .four.fields > .field { width: 25%; } + .ui.form .five.fields > .fields, .ui.form .five.fields > .field { width: 20%; } + .ui.form .six.fields > .fields, .ui.form .six.fields > .field { width: 16.66666667%; } + .ui.form .seven.fields > .fields, .ui.form .seven.fields > .field { width: 14.28571429%; } + .ui.form .eight.fields > .fields, .ui.form .eight.fields > .field { width: 12.5%; } + .ui.form .nine.fields > .fields, .ui.form .nine.fields > .field { width: 11.11111111%; } + .ui.form .ten.fields > .fields, .ui.form .ten.fields > .field { width: 10%; } + +/* Swap to full width on mobile */ + @media only screen and (max-width: 767px) { .ui.form .fields { - -ms-flex-wrap: wrap; flex-wrap: wrap; } + .ui[class*="equal width"].form:not(.unstackable) .fields > .field, .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, @@ -13916,59 +17655,81 @@ ol.ui.horizontal.list li:before, margin: 0 0 1em; } } + +/* Sizing Combinations */ + .ui.form .fields .wide.field { width: 6.25%; padding-left: 0.5em; padding-right: 0.5em; } + .ui.form .one.wide.field { width: 6.25% !important; } + .ui.form .two.wide.field { width: 12.5% !important; } + .ui.form .three.wide.field { width: 18.75% !important; } + .ui.form .four.wide.field { width: 25% !important; } + .ui.form .five.wide.field { width: 31.25% !important; } + .ui.form .six.wide.field { width: 37.5% !important; } + .ui.form .seven.wide.field { width: 43.75% !important; } + .ui.form .eight.wide.field { width: 50% !important; } + .ui.form .nine.wide.field { width: 56.25% !important; } + .ui.form .ten.wide.field { width: 62.5% !important; } + .ui.form .eleven.wide.field { width: 68.75% !important; } + .ui.form .twelve.wide.field { width: 75% !important; } + .ui.form .thirteen.wide.field { width: 81.25% !important; } + .ui.form .fourteen.wide.field { width: 87.5% !important; } + .ui.form .fifteen.wide.field { width: 93.75% !important; } + .ui.form .sixteen.wide.field { width: 100% !important; } + +/* Swap to full width on mobile */ + @media only screen and (max-width: 767px) { .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, @@ -13995,27 +17756,38 @@ ol.ui.horizontal.list li:before, .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field { width: 100% !important; } + .ui.form .fields { margin-bottom: 0; } } + +/*-------------------- + Equal Width +---------------------*/ + .ui[class*="equal width"].form .fields > .field, .ui.form [class*="equal width"].fields > .field { width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; flex: 1 1 auto; } + +/*-------------------- + Inline Fields +---------------------*/ + .ui.form .inline.fields { margin: 0 0 1em; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } + .ui.form .inline.fields .field { margin: 0; padding: 0 1em 0 0; } + +/* Inline Label */ + .ui.form .inline.fields > label, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, @@ -14031,9 +17803,15 @@ ol.ui.horizontal.list li:before, color: rgba(0, 0, 0, 0.87); text-transform: none; } + +/* Grouped Inline Label */ + .ui.form .inline.fields > label { margin: 0.035714em 1em 0 0; } + +/* Inline Input */ + .ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select, .ui.form .inline.field > input, @@ -14045,82 +17823,126 @@ ol.ui.horizontal.list li:before, vertical-align: middle; font-size: 1em; } + +/* Label */ + .ui.form .inline.fields .field > :first-child, .ui.form .inline.field > :first-child { margin: 0 0.85714286em 0 0; } + .ui.form .inline.fields .field > :only-child, .ui.form .inline.field > :only-child { margin: 0; } + +/* Wide */ + .ui.form .inline.fields .wide.field { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } + .ui.form .inline.fields .wide.field > input, .ui.form .inline.fields .wide.field > select { width: 100%; } + +/*-------------------- + Sizes +---------------------*/ + .ui.mini.form { font-size: 0.78571429rem; } + .ui.tiny.form { font-size: 0.85714286rem; } + .ui.small.form { font-size: 0.92857143rem; } + .ui.form { font-size: 1rem; } + .ui.large.form { font-size: 1.14285714rem; } + .ui.big.form { font-size: 1.28571429rem; } + .ui.huge.form { font-size: 1.42857143rem; } + .ui.massive.form { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Grid + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Standard +*******************************/ + .ui.grid { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; - -ms-flex-wrap: wrap; flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; align-items: stretch; padding: 0; } + +/*---------------------- + Remove Gutters +-----------------------*/ + .ui.grid { - margin-top: -1rem; - margin-bottom: -1rem; - margin-left: -1rem; - margin-right: -1rem; + margin: -1rem; } + .ui.relaxed.grid { margin-left: -1.5rem; margin-right: -1.5rem; } + .ui[class*="very relaxed"].grid { margin-left: -2.5rem; margin-right: -2.5rem; } + +/* Preserve Rows Spacing on Consecutive Grids */ + .ui.grid + .grid { margin-top: 1rem; } + +/*------------------- + Columns +--------------------*/ + +/* Standard 16 column */ + .ui.grid > .column:not(.row), .ui.grid > .row > .column { position: relative; @@ -14130,68 +17952,99 @@ ol.ui.horizontal.list li:before, padding-right: 1rem; vertical-align: top; } + .ui.grid > * { padding-left: 1rem; padding-right: 1rem; } + +/*------------------- + Rows +--------------------*/ + .ui.grid > .row { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; - -ms-flex-wrap: wrap; flex-wrap: wrap; - -webkit-box-pack: inherit; - -ms-flex-pack: inherit; justify-content: inherit; - -webkit-box-align: stretch; - -ms-flex-align: stretch; align-items: stretch; width: 100% !important; - padding: 0rem; - padding-top: 1rem; - padding-bottom: 1rem; -} + padding: 1rem 0; +} + +/*------------------- + Columns +--------------------*/ + +/* Vertical padding when no rows */ + .ui.grid > .column:not(.row) { padding-top: 1rem; padding-bottom: 1rem; } + .ui.grid > .row > .column { margin-top: 0; margin-bottom: 0; } + +/*------------------- + Content +--------------------*/ + .ui.grid > .row > img, .ui.grid > .row > .column > img { max-width: 100%; } + +/*------------------- + Loose Coupling +--------------------*/ + +/* Collapse Margin on Consecutive Grid */ + .ui.grid > .ui.grid:first-child { margin-top: 0; } + .ui.grid > .ui.grid:last-child { margin-bottom: 0; } + +/* Segment inside Aligned Grid */ + .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached), .ui.aligned.grid .column > .segment:not(.compact):not(.attached) { width: 100%; } + +/* Align Dividers with Gutter */ + .ui.grid .row + .ui.divider { - -webkit-box-flex: 1; - -ms-flex-positive: 1; flex-grow: 1; margin: 1rem 1rem; } + .ui.grid .column + .ui.vertical.divider { height: calc(50% - 1rem ); } + +/* Remove Border on Last Horizontal Segment */ + .ui.grid > .row > .column:last-child > .horizontal.segment, .ui.grid > .column:last-child > .horizontal.segment { - -webkit-box-shadow: none; box-shadow: none; } + +/******************************* + Variations +*******************************/ + +/*----------------------- + Page Grid +-------------------------*/ + @media only screen and (max-width: 767px) { .ui.page.grid { width: auto; @@ -14201,6 +18054,7 @@ ol.ui.horizontal.list li:before, margin-right: 0; } } + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.page.grid { width: auto; @@ -14210,6 +18064,7 @@ ol.ui.horizontal.list li:before, padding-right: 2em; } } + @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.page.grid { width: auto; @@ -14219,6 +18074,7 @@ ol.ui.horizontal.list li:before, padding-right: 3%; } } + @media only screen and (min-width: 1200px) and (max-width: 1919px) { .ui.page.grid { width: auto; @@ -14228,6 +18084,7 @@ ol.ui.horizontal.list li:before, padding-right: 15%; } } + @media only screen and (min-width: 1920px) { .ui.page.grid { width: auto; @@ -14237,222 +18094,296 @@ ol.ui.horizontal.list li:before, padding-right: 23%; } } + +/*------------------- + Column Count +--------------------*/ + +/* Assume full width with one column */ + .ui.grid > .column:only-child, .ui.grid > .row > .column:only-child { width: 100%; } + +/* Grid Based */ + .ui[class*="one column"].grid > .row > .column, .ui[class*="one column"].grid > .column:not(.row) { width: 100%; } + .ui[class*="two column"].grid > .row > .column, .ui[class*="two column"].grid > .column:not(.row) { width: 50%; } + .ui[class*="three column"].grid > .row > .column, .ui[class*="three column"].grid > .column:not(.row) { width: 33.33333333%; } + .ui[class*="four column"].grid > .row > .column, .ui[class*="four column"].grid > .column:not(.row) { width: 25%; } + .ui[class*="five column"].grid > .row > .column, .ui[class*="five column"].grid > .column:not(.row) { width: 20%; } + .ui[class*="six column"].grid > .row > .column, .ui[class*="six column"].grid > .column:not(.row) { width: 16.66666667%; } + .ui[class*="seven column"].grid > .row > .column, .ui[class*="seven column"].grid > .column:not(.row) { width: 14.28571429%; } + .ui[class*="eight column"].grid > .row > .column, .ui[class*="eight column"].grid > .column:not(.row) { width: 12.5%; } + .ui[class*="nine column"].grid > .row > .column, .ui[class*="nine column"].grid > .column:not(.row) { width: 11.11111111%; } + .ui[class*="ten column"].grid > .row > .column, .ui[class*="ten column"].grid > .column:not(.row) { width: 10%; } + .ui[class*="eleven column"].grid > .row > .column, .ui[class*="eleven column"].grid > .column:not(.row) { width: 9.09090909%; } + .ui[class*="twelve column"].grid > .row > .column, .ui[class*="twelve column"].grid > .column:not(.row) { width: 8.33333333%; } + .ui[class*="thirteen column"].grid > .row > .column, .ui[class*="thirteen column"].grid > .column:not(.row) { width: 7.69230769%; } + .ui[class*="fourteen column"].grid > .row > .column, .ui[class*="fourteen column"].grid > .column:not(.row) { width: 7.14285714%; } + .ui[class*="fifteen column"].grid > .row > .column, .ui[class*="fifteen column"].grid > .column:not(.row) { width: 6.66666667%; } + .ui[class*="sixteen column"].grid > .row > .column, .ui[class*="sixteen column"].grid > .column:not(.row) { width: 6.25%; } + +/* Row Based Overrides */ + .ui.grid > [class*="one column"].row > .column { width: 100% !important; } + .ui.grid > [class*="two column"].row > .column { width: 50% !important; } + .ui.grid > [class*="three column"].row > .column { width: 33.33333333% !important; } + .ui.grid > [class*="four column"].row > .column { width: 25% !important; } + .ui.grid > [class*="five column"].row > .column { width: 20% !important; } + .ui.grid > [class*="six column"].row > .column { width: 16.66666667% !important; } + .ui.grid > [class*="seven column"].row > .column { width: 14.28571429% !important; } + .ui.grid > [class*="eight column"].row > .column { width: 12.5% !important; } + .ui.grid > [class*="nine column"].row > .column { width: 11.11111111% !important; } + .ui.grid > [class*="ten column"].row > .column { width: 10% !important; } + .ui.grid > [class*="eleven column"].row > .column { width: 9.09090909% !important; } + .ui.grid > [class*="twelve column"].row > .column { width: 8.33333333% !important; } + .ui.grid > [class*="thirteen column"].row > .column { width: 7.69230769% !important; } + .ui.grid > [class*="fourteen column"].row > .column { width: 7.14285714% !important; } + .ui.grid > [class*="fifteen column"].row > .column { width: 6.66666667% !important; } + .ui.grid > [class*="sixteen column"].row > .column { width: 6.25% !important; } + +/* Celled Page */ + .ui.celled.page.grid { - -webkit-box-shadow: none; box-shadow: none; } + +/*------------------- + Column Width +--------------------*/ + +/* Sizing Combinations */ + .ui.grid > .row > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, .ui.grid > [class*="one wide"].column, .ui.column.grid > [class*="one wide"].column { width: 6.25% !important; } + .ui.grid > .row > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column, .ui.column.grid > [class*="two wide"].column { width: 12.5% !important; } + .ui.grid > .row > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column, .ui.column.grid > [class*="three wide"].column { width: 18.75% !important; } + .ui.grid > .row > [class*="four wide"].column, .ui.grid > .column.row > [class*="four wide"].column, .ui.grid > [class*="four wide"].column, .ui.column.grid > [class*="four wide"].column { width: 25% !important; } + .ui.grid > .row > [class*="five wide"].column, .ui.grid > .column.row > [class*="five wide"].column, .ui.grid > [class*="five wide"].column, .ui.column.grid > [class*="five wide"].column { width: 31.25% !important; } + .ui.grid > .row > [class*="six wide"].column, .ui.grid > .column.row > [class*="six wide"].column, .ui.grid > [class*="six wide"].column, .ui.column.grid > [class*="six wide"].column { width: 37.5% !important; } + .ui.grid > .row > [class*="seven wide"].column, .ui.grid > .column.row > [class*="seven wide"].column, .ui.grid > [class*="seven wide"].column, .ui.column.grid > [class*="seven wide"].column { width: 43.75% !important; } + .ui.grid > .row > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column, .ui.column.grid > [class*="eight wide"].column { width: 50% !important; } + .ui.grid > .row > [class*="nine wide"].column, .ui.grid > .column.row > [class*="nine wide"].column, .ui.grid > [class*="nine wide"].column, .ui.column.grid > [class*="nine wide"].column { width: 56.25% !important; } + .ui.grid > .row > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column, .ui.column.grid > [class*="ten wide"].column { width: 62.5% !important; } + .ui.grid > .row > [class*="eleven wide"].column, .ui.grid > .column.row > [class*="eleven wide"].column, .ui.grid > [class*="eleven wide"].column, .ui.column.grid > [class*="eleven wide"].column { width: 68.75% !important; } + .ui.grid > .row > [class*="twelve wide"].column, .ui.grid > .column.row > [class*="twelve wide"].column, .ui.grid > [class*="twelve wide"].column, .ui.column.grid > [class*="twelve wide"].column { width: 75% !important; } + .ui.grid > .row > [class*="thirteen wide"].column, .ui.grid > .column.row > [class*="thirteen wide"].column, .ui.grid > [class*="thirteen wide"].column, .ui.column.grid > [class*="thirteen wide"].column { width: 81.25% !important; } + .ui.grid > .row > [class*="fourteen wide"].column, .ui.grid > .column.row > [class*="fourteen wide"].column, .ui.grid > [class*="fourteen wide"].column, .ui.column.grid > [class*="fourteen wide"].column { width: 87.5% !important; } + .ui.grid > .row > [class*="fifteen wide"].column, .ui.grid > .column.row > [class*="fifteen wide"].column, .ui.grid > [class*="fifteen wide"].column, .ui.column.grid > [class*="fifteen wide"].column { width: 93.75% !important; } + .ui.grid > .row > [class*="sixteen wide"].column, .ui.grid > .column.row > [class*="sixteen wide"].column, .ui.grid > [class*="sixteen wide"].column, .ui.column.grid > [class*="sixteen wide"].column { width: 100% !important; } + +/*---------------------- + Width per Device +-----------------------*/ + +/* Mobile Sizing Combinations */ + @media only screen and (min-width: 320px) and (max-width: 767px) { .ui.grid > .row > [class*="one wide mobile"].column, .ui.grid > .column.row > [class*="one wide mobile"].column, @@ -14460,90 +18391,105 @@ ol.ui.horizontal.list li:before, .ui.column.grid > [class*="one wide mobile"].column { width: 6.25% !important; } + .ui.grid > .row > [class*="two wide mobile"].column, .ui.grid > .column.row > [class*="two wide mobile"].column, .ui.grid > [class*="two wide mobile"].column, .ui.column.grid > [class*="two wide mobile"].column { width: 12.5% !important; } + .ui.grid > .row > [class*="three wide mobile"].column, .ui.grid > .column.row > [class*="three wide mobile"].column, .ui.grid > [class*="three wide mobile"].column, .ui.column.grid > [class*="three wide mobile"].column { width: 18.75% !important; } + .ui.grid > .row > [class*="four wide mobile"].column, .ui.grid > .column.row > [class*="four wide mobile"].column, .ui.grid > [class*="four wide mobile"].column, .ui.column.grid > [class*="four wide mobile"].column { width: 25% !important; } + .ui.grid > .row > [class*="five wide mobile"].column, .ui.grid > .column.row > [class*="five wide mobile"].column, .ui.grid > [class*="five wide mobile"].column, .ui.column.grid > [class*="five wide mobile"].column { width: 31.25% !important; } + .ui.grid > .row > [class*="six wide mobile"].column, .ui.grid > .column.row > [class*="six wide mobile"].column, .ui.grid > [class*="six wide mobile"].column, .ui.column.grid > [class*="six wide mobile"].column { width: 37.5% !important; } + .ui.grid > .row > [class*="seven wide mobile"].column, .ui.grid > .column.row > [class*="seven wide mobile"].column, .ui.grid > [class*="seven wide mobile"].column, .ui.column.grid > [class*="seven wide mobile"].column { width: 43.75% !important; } + .ui.grid > .row > [class*="eight wide mobile"].column, .ui.grid > .column.row > [class*="eight wide mobile"].column, .ui.grid > [class*="eight wide mobile"].column, .ui.column.grid > [class*="eight wide mobile"].column { width: 50% !important; } + .ui.grid > .row > [class*="nine wide mobile"].column, .ui.grid > .column.row > [class*="nine wide mobile"].column, .ui.grid > [class*="nine wide mobile"].column, .ui.column.grid > [class*="nine wide mobile"].column { width: 56.25% !important; } + .ui.grid > .row > [class*="ten wide mobile"].column, .ui.grid > .column.row > [class*="ten wide mobile"].column, .ui.grid > [class*="ten wide mobile"].column, .ui.column.grid > [class*="ten wide mobile"].column { width: 62.5% !important; } + .ui.grid > .row > [class*="eleven wide mobile"].column, .ui.grid > .column.row > [class*="eleven wide mobile"].column, .ui.grid > [class*="eleven wide mobile"].column, .ui.column.grid > [class*="eleven wide mobile"].column { width: 68.75% !important; } + .ui.grid > .row > [class*="twelve wide mobile"].column, .ui.grid > .column.row > [class*="twelve wide mobile"].column, .ui.grid > [class*="twelve wide mobile"].column, .ui.column.grid > [class*="twelve wide mobile"].column { width: 75% !important; } + .ui.grid > .row > [class*="thirteen wide mobile"].column, .ui.grid > .column.row > [class*="thirteen wide mobile"].column, .ui.grid > [class*="thirteen wide mobile"].column, .ui.column.grid > [class*="thirteen wide mobile"].column { width: 81.25% !important; } + .ui.grid > .row > [class*="fourteen wide mobile"].column, .ui.grid > .column.row > [class*="fourteen wide mobile"].column, .ui.grid > [class*="fourteen wide mobile"].column, .ui.column.grid > [class*="fourteen wide mobile"].column { width: 87.5% !important; } + .ui.grid > .row > [class*="fifteen wide mobile"].column, .ui.grid > .column.row > [class*="fifteen wide mobile"].column, .ui.grid > [class*="fifteen wide mobile"].column, .ui.column.grid > [class*="fifteen wide mobile"].column { width: 93.75% !important; } + .ui.grid > .row > [class*="sixteen wide mobile"].column, .ui.grid > .column.row > [class*="sixteen wide mobile"].column, .ui.grid > [class*="sixteen wide mobile"].column, @@ -14551,6 +18497,9 @@ ol.ui.horizontal.list li:before, width: 100% !important; } } + +/* Tablet Sizing Combinations */ + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.grid > .row > [class*="one wide tablet"].column, .ui.grid > .column.row > [class*="one wide tablet"].column, @@ -14558,90 +18507,105 @@ ol.ui.horizontal.list li:before, .ui.column.grid > [class*="one wide tablet"].column { width: 6.25% !important; } + .ui.grid > .row > [class*="two wide tablet"].column, .ui.grid > .column.row > [class*="two wide tablet"].column, .ui.grid > [class*="two wide tablet"].column, .ui.column.grid > [class*="two wide tablet"].column { width: 12.5% !important; } + .ui.grid > .row > [class*="three wide tablet"].column, .ui.grid > .column.row > [class*="three wide tablet"].column, .ui.grid > [class*="three wide tablet"].column, .ui.column.grid > [class*="three wide tablet"].column { width: 18.75% !important; } + .ui.grid > .row > [class*="four wide tablet"].column, .ui.grid > .column.row > [class*="four wide tablet"].column, .ui.grid > [class*="four wide tablet"].column, .ui.column.grid > [class*="four wide tablet"].column { width: 25% !important; } + .ui.grid > .row > [class*="five wide tablet"].column, .ui.grid > .column.row > [class*="five wide tablet"].column, .ui.grid > [class*="five wide tablet"].column, .ui.column.grid > [class*="five wide tablet"].column { width: 31.25% !important; } + .ui.grid > .row > [class*="six wide tablet"].column, .ui.grid > .column.row > [class*="six wide tablet"].column, .ui.grid > [class*="six wide tablet"].column, .ui.column.grid > [class*="six wide tablet"].column { width: 37.5% !important; } + .ui.grid > .row > [class*="seven wide tablet"].column, .ui.grid > .column.row > [class*="seven wide tablet"].column, .ui.grid > [class*="seven wide tablet"].column, .ui.column.grid > [class*="seven wide tablet"].column { width: 43.75% !important; } + .ui.grid > .row > [class*="eight wide tablet"].column, .ui.grid > .column.row > [class*="eight wide tablet"].column, .ui.grid > [class*="eight wide tablet"].column, .ui.column.grid > [class*="eight wide tablet"].column { width: 50% !important; } + .ui.grid > .row > [class*="nine wide tablet"].column, .ui.grid > .column.row > [class*="nine wide tablet"].column, .ui.grid > [class*="nine wide tablet"].column, .ui.column.grid > [class*="nine wide tablet"].column { width: 56.25% !important; } + .ui.grid > .row > [class*="ten wide tablet"].column, .ui.grid > .column.row > [class*="ten wide tablet"].column, .ui.grid > [class*="ten wide tablet"].column, .ui.column.grid > [class*="ten wide tablet"].column { width: 62.5% !important; } + .ui.grid > .row > [class*="eleven wide tablet"].column, .ui.grid > .column.row > [class*="eleven wide tablet"].column, .ui.grid > [class*="eleven wide tablet"].column, .ui.column.grid > [class*="eleven wide tablet"].column { width: 68.75% !important; } + .ui.grid > .row > [class*="twelve wide tablet"].column, .ui.grid > .column.row > [class*="twelve wide tablet"].column, .ui.grid > [class*="twelve wide tablet"].column, .ui.column.grid > [class*="twelve wide tablet"].column { width: 75% !important; } + .ui.grid > .row > [class*="thirteen wide tablet"].column, .ui.grid > .column.row > [class*="thirteen wide tablet"].column, .ui.grid > [class*="thirteen wide tablet"].column, .ui.column.grid > [class*="thirteen wide tablet"].column { width: 81.25% !important; } + .ui.grid > .row > [class*="fourteen wide tablet"].column, .ui.grid > .column.row > [class*="fourteen wide tablet"].column, .ui.grid > [class*="fourteen wide tablet"].column, .ui.column.grid > [class*="fourteen wide tablet"].column { width: 87.5% !important; } + .ui.grid > .row > [class*="fifteen wide tablet"].column, .ui.grid > .column.row > [class*="fifteen wide tablet"].column, .ui.grid > [class*="fifteen wide tablet"].column, .ui.column.grid > [class*="fifteen wide tablet"].column { width: 93.75% !important; } + .ui.grid > .row > [class*="sixteen wide tablet"].column, .ui.grid > .column.row > [class*="sixteen wide tablet"].column, .ui.grid > [class*="sixteen wide tablet"].column, @@ -14649,6 +18613,9 @@ ol.ui.horizontal.list li:before, width: 100% !important; } } + +/* Computer/Desktop Sizing Combinations */ + @media only screen and (min-width: 992px) { .ui.grid > .row > [class*="one wide computer"].column, .ui.grid > .column.row > [class*="one wide computer"].column, @@ -14656,90 +18623,105 @@ ol.ui.horizontal.list li:before, .ui.column.grid > [class*="one wide computer"].column { width: 6.25% !important; } + .ui.grid > .row > [class*="two wide computer"].column, .ui.grid > .column.row > [class*="two wide computer"].column, .ui.grid > [class*="two wide computer"].column, .ui.column.grid > [class*="two wide computer"].column { width: 12.5% !important; } + .ui.grid > .row > [class*="three wide computer"].column, .ui.grid > .column.row > [class*="three wide computer"].column, .ui.grid > [class*="three wide computer"].column, .ui.column.grid > [class*="three wide computer"].column { width: 18.75% !important; } + .ui.grid > .row > [class*="four wide computer"].column, .ui.grid > .column.row > [class*="four wide computer"].column, .ui.grid > [class*="four wide computer"].column, .ui.column.grid > [class*="four wide computer"].column { width: 25% !important; } + .ui.grid > .row > [class*="five wide computer"].column, .ui.grid > .column.row > [class*="five wide computer"].column, .ui.grid > [class*="five wide computer"].column, .ui.column.grid > [class*="five wide computer"].column { width: 31.25% !important; } + .ui.grid > .row > [class*="six wide computer"].column, .ui.grid > .column.row > [class*="six wide computer"].column, .ui.grid > [class*="six wide computer"].column, .ui.column.grid > [class*="six wide computer"].column { width: 37.5% !important; } + .ui.grid > .row > [class*="seven wide computer"].column, .ui.grid > .column.row > [class*="seven wide computer"].column, .ui.grid > [class*="seven wide computer"].column, .ui.column.grid > [class*="seven wide computer"].column { width: 43.75% !important; } + .ui.grid > .row > [class*="eight wide computer"].column, .ui.grid > .column.row > [class*="eight wide computer"].column, .ui.grid > [class*="eight wide computer"].column, .ui.column.grid > [class*="eight wide computer"].column { width: 50% !important; } + .ui.grid > .row > [class*="nine wide computer"].column, .ui.grid > .column.row > [class*="nine wide computer"].column, .ui.grid > [class*="nine wide computer"].column, .ui.column.grid > [class*="nine wide computer"].column { width: 56.25% !important; } + .ui.grid > .row > [class*="ten wide computer"].column, .ui.grid > .column.row > [class*="ten wide computer"].column, .ui.grid > [class*="ten wide computer"].column, .ui.column.grid > [class*="ten wide computer"].column { width: 62.5% !important; } + .ui.grid > .row > [class*="eleven wide computer"].column, .ui.grid > .column.row > [class*="eleven wide computer"].column, .ui.grid > [class*="eleven wide computer"].column, .ui.column.grid > [class*="eleven wide computer"].column { width: 68.75% !important; } + .ui.grid > .row > [class*="twelve wide computer"].column, .ui.grid > .column.row > [class*="twelve wide computer"].column, .ui.grid > [class*="twelve wide computer"].column, .ui.column.grid > [class*="twelve wide computer"].column { width: 75% !important; } + .ui.grid > .row > [class*="thirteen wide computer"].column, .ui.grid > .column.row > [class*="thirteen wide computer"].column, .ui.grid > [class*="thirteen wide computer"].column, .ui.column.grid > [class*="thirteen wide computer"].column { width: 81.25% !important; } + .ui.grid > .row > [class*="fourteen wide computer"].column, .ui.grid > .column.row > [class*="fourteen wide computer"].column, .ui.grid > [class*="fourteen wide computer"].column, .ui.column.grid > [class*="fourteen wide computer"].column { width: 87.5% !important; } + .ui.grid > .row > [class*="fifteen wide computer"].column, .ui.grid > .column.row > [class*="fifteen wide computer"].column, .ui.grid > [class*="fifteen wide computer"].column, .ui.column.grid > [class*="fifteen wide computer"].column { width: 93.75% !important; } + .ui.grid > .row > [class*="sixteen wide computer"].column, .ui.grid > .column.row > [class*="sixteen wide computer"].column, .ui.grid > [class*="sixteen wide computer"].column, @@ -14747,6 +18729,9 @@ ol.ui.horizontal.list li:before, width: 100% !important; } } + +/* Large Monitor Sizing Combinations */ + @media only screen and (min-width: 1200px) and (max-width: 1919px) { .ui.grid > .row > [class*="one wide large screen"].column, .ui.grid > .column.row > [class*="one wide large screen"].column, @@ -14754,90 +18739,105 @@ ol.ui.horizontal.list li:before, .ui.column.grid > [class*="one wide large screen"].column { width: 6.25% !important; } + .ui.grid > .row > [class*="two wide large screen"].column, .ui.grid > .column.row > [class*="two wide large screen"].column, .ui.grid > [class*="two wide large screen"].column, .ui.column.grid > [class*="two wide large screen"].column { width: 12.5% !important; } + .ui.grid > .row > [class*="three wide large screen"].column, .ui.grid > .column.row > [class*="three wide large screen"].column, .ui.grid > [class*="three wide large screen"].column, .ui.column.grid > [class*="three wide large screen"].column { width: 18.75% !important; } + .ui.grid > .row > [class*="four wide large screen"].column, .ui.grid > .column.row > [class*="four wide large screen"].column, .ui.grid > [class*="four wide large screen"].column, .ui.column.grid > [class*="four wide large screen"].column { width: 25% !important; } + .ui.grid > .row > [class*="five wide large screen"].column, .ui.grid > .column.row > [class*="five wide large screen"].column, .ui.grid > [class*="five wide large screen"].column, .ui.column.grid > [class*="five wide large screen"].column { width: 31.25% !important; } + .ui.grid > .row > [class*="six wide large screen"].column, .ui.grid > .column.row > [class*="six wide large screen"].column, .ui.grid > [class*="six wide large screen"].column, .ui.column.grid > [class*="six wide large screen"].column { width: 37.5% !important; } + .ui.grid > .row > [class*="seven wide large screen"].column, .ui.grid > .column.row > [class*="seven wide large screen"].column, .ui.grid > [class*="seven wide large screen"].column, .ui.column.grid > [class*="seven wide large screen"].column { width: 43.75% !important; } + .ui.grid > .row > [class*="eight wide large screen"].column, .ui.grid > .column.row > [class*="eight wide large screen"].column, .ui.grid > [class*="eight wide large screen"].column, .ui.column.grid > [class*="eight wide large screen"].column { width: 50% !important; } + .ui.grid > .row > [class*="nine wide large screen"].column, .ui.grid > .column.row > [class*="nine wide large screen"].column, .ui.grid > [class*="nine wide large screen"].column, .ui.column.grid > [class*="nine wide large screen"].column { width: 56.25% !important; } + .ui.grid > .row > [class*="ten wide large screen"].column, .ui.grid > .column.row > [class*="ten wide large screen"].column, .ui.grid > [class*="ten wide large screen"].column, .ui.column.grid > [class*="ten wide large screen"].column { width: 62.5% !important; } + .ui.grid > .row > [class*="eleven wide large screen"].column, .ui.grid > .column.row > [class*="eleven wide large screen"].column, .ui.grid > [class*="eleven wide large screen"].column, .ui.column.grid > [class*="eleven wide large screen"].column { width: 68.75% !important; } + .ui.grid > .row > [class*="twelve wide large screen"].column, .ui.grid > .column.row > [class*="twelve wide large screen"].column, .ui.grid > [class*="twelve wide large screen"].column, .ui.column.grid > [class*="twelve wide large screen"].column { width: 75% !important; } + .ui.grid > .row > [class*="thirteen wide large screen"].column, .ui.grid > .column.row > [class*="thirteen wide large screen"].column, .ui.grid > [class*="thirteen wide large screen"].column, .ui.column.grid > [class*="thirteen wide large screen"].column { width: 81.25% !important; } + .ui.grid > .row > [class*="fourteen wide large screen"].column, .ui.grid > .column.row > [class*="fourteen wide large screen"].column, .ui.grid > [class*="fourteen wide large screen"].column, .ui.column.grid > [class*="fourteen wide large screen"].column { width: 87.5% !important; } + .ui.grid > .row > [class*="fifteen wide large screen"].column, .ui.grid > .column.row > [class*="fifteen wide large screen"].column, .ui.grid > [class*="fifteen wide large screen"].column, .ui.column.grid > [class*="fifteen wide large screen"].column { width: 93.75% !important; } + .ui.grid > .row > [class*="sixteen wide large screen"].column, .ui.grid > .column.row > [class*="sixteen wide large screen"].column, .ui.grid > [class*="sixteen wide large screen"].column, @@ -14845,6 +18845,9 @@ ol.ui.horizontal.list li:before, width: 100% !important; } } + +/* Widescreen Sizing Combinations */ + @media only screen and (min-width: 1920px) { .ui.grid > .row > [class*="one wide widescreen"].column, .ui.grid > .column.row > [class*="one wide widescreen"].column, @@ -14852,90 +18855,105 @@ ol.ui.horizontal.list li:before, .ui.column.grid > [class*="one wide widescreen"].column { width: 6.25% !important; } + .ui.grid > .row > [class*="two wide widescreen"].column, .ui.grid > .column.row > [class*="two wide widescreen"].column, .ui.grid > [class*="two wide widescreen"].column, .ui.column.grid > [class*="two wide widescreen"].column { width: 12.5% !important; } + .ui.grid > .row > [class*="three wide widescreen"].column, .ui.grid > .column.row > [class*="three wide widescreen"].column, .ui.grid > [class*="three wide widescreen"].column, .ui.column.grid > [class*="three wide widescreen"].column { width: 18.75% !important; } + .ui.grid > .row > [class*="four wide widescreen"].column, .ui.grid > .column.row > [class*="four wide widescreen"].column, .ui.grid > [class*="four wide widescreen"].column, .ui.column.grid > [class*="four wide widescreen"].column { width: 25% !important; } + .ui.grid > .row > [class*="five wide widescreen"].column, .ui.grid > .column.row > [class*="five wide widescreen"].column, .ui.grid > [class*="five wide widescreen"].column, .ui.column.grid > [class*="five wide widescreen"].column { width: 31.25% !important; } + .ui.grid > .row > [class*="six wide widescreen"].column, .ui.grid > .column.row > [class*="six wide widescreen"].column, .ui.grid > [class*="six wide widescreen"].column, .ui.column.grid > [class*="six wide widescreen"].column { width: 37.5% !important; } + .ui.grid > .row > [class*="seven wide widescreen"].column, .ui.grid > .column.row > [class*="seven wide widescreen"].column, .ui.grid > [class*="seven wide widescreen"].column, .ui.column.grid > [class*="seven wide widescreen"].column { width: 43.75% !important; } + .ui.grid > .row > [class*="eight wide widescreen"].column, .ui.grid > .column.row > [class*="eight wide widescreen"].column, .ui.grid > [class*="eight wide widescreen"].column, .ui.column.grid > [class*="eight wide widescreen"].column { width: 50% !important; } + .ui.grid > .row > [class*="nine wide widescreen"].column, .ui.grid > .column.row > [class*="nine wide widescreen"].column, .ui.grid > [class*="nine wide widescreen"].column, .ui.column.grid > [class*="nine wide widescreen"].column { width: 56.25% !important; } + .ui.grid > .row > [class*="ten wide widescreen"].column, .ui.grid > .column.row > [class*="ten wide widescreen"].column, .ui.grid > [class*="ten wide widescreen"].column, .ui.column.grid > [class*="ten wide widescreen"].column { width: 62.5% !important; } + .ui.grid > .row > [class*="eleven wide widescreen"].column, .ui.grid > .column.row > [class*="eleven wide widescreen"].column, .ui.grid > [class*="eleven wide widescreen"].column, .ui.column.grid > [class*="eleven wide widescreen"].column { width: 68.75% !important; } + .ui.grid > .row > [class*="twelve wide widescreen"].column, .ui.grid > .column.row > [class*="twelve wide widescreen"].column, .ui.grid > [class*="twelve wide widescreen"].column, .ui.column.grid > [class*="twelve wide widescreen"].column { width: 75% !important; } + .ui.grid > .row > [class*="thirteen wide widescreen"].column, .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, .ui.grid > [class*="thirteen wide widescreen"].column, .ui.column.grid > [class*="thirteen wide widescreen"].column { width: 81.25% !important; } + .ui.grid > .row > [class*="fourteen wide widescreen"].column, .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, .ui.grid > [class*="fourteen wide widescreen"].column, .ui.column.grid > [class*="fourteen wide widescreen"].column { width: 87.5% !important; } + .ui.grid > .row > [class*="fifteen wide widescreen"].column, .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, .ui.grid > [class*="fifteen wide widescreen"].column, .ui.column.grid > [class*="fifteen wide widescreen"].column { width: 93.75% !important; } + .ui.grid > .row > [class*="sixteen wide widescreen"].column, .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, .ui.grid > [class*="sixteen wide widescreen"].column, @@ -14943,99 +18961,146 @@ ol.ui.horizontal.list li:before, width: 100% !important; } } + +/*---------------------- + Centered +-----------------------*/ + .ui.centered.grid, .ui.centered.grid > .row, .ui.grid > .centered.row { text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; justify-content: center; } + .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), .ui.centered.grid > .row > .column:not(.aligned):not(.justified), .ui.grid .centered.row > .column:not(.aligned):not(.justified) { text-align: left; } + .ui.grid > .centered.column, .ui.grid > .row > .centered.column { display: block; margin-left: auto; margin-right: auto; } + +/*---------------------- + Relaxed +-----------------------*/ + .ui.relaxed.grid > .column:not(.row), .ui.relaxed.grid > .row > .column, .ui.grid > .relaxed.row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } + .ui[class*="very relaxed"].grid > .column:not(.row), .ui[class*="very relaxed"].grid > .row > .column, .ui.grid > [class*="very relaxed"].row > .column { padding-left: 2.5rem; padding-right: 2.5rem; } + +/* Coupling with UI Divider */ + .ui.relaxed.grid .row + .ui.divider, .ui.grid .relaxed.row + .ui.divider { margin-left: 1.5rem; margin-right: 1.5rem; } + .ui[class*="very relaxed"].grid .row + .ui.divider, .ui.grid [class*="very relaxed"].row + .ui.divider { margin-left: 2.5rem; margin-right: 2.5rem; } + +/*---------------------- + Padded +-----------------------*/ + .ui.padded.grid:not(.vertically):not(.horizontally) { margin: 0 !important; } + [class*="horizontally padded"].ui.grid { margin-left: 0 !important; margin-right: 0 !important; } + [class*="vertically padded"].ui.grid { margin-top: 0 !important; margin-bottom: 0 !important; } + +/*---------------------- + "Floated" +-----------------------*/ + .ui.grid [class*="left floated"].column { margin-right: auto; } + .ui.grid [class*="right floated"].column { margin-left: auto; } + +/*---------------------- + Divided +-----------------------*/ + .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } + +/* Swap from padding to margin on columns to have dividers align */ + .ui[class*="vertically divided"].grid > .column:not(.row), .ui[class*="vertically divided"].grid > .row > .column { margin-top: 1rem; margin-bottom: 1rem; - padding-top: 0rem; - padding-bottom: 0rem; + padding-top: 0; + padding-bottom: 0; } + .ui[class*="vertically divided"].grid > .row { margin-top: 0; margin-bottom: 0; } + +/* No divider on first column on row */ + .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: none; box-shadow: none; } + +/* No space on top of first row */ + .ui[class*="vertically divided"].grid > .row:first-child > .column { margin-top: 0; } + +/* Divided Row */ + .ui.grid > .divided.row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } + .ui.grid > .divided.row > .column:first-child { - -webkit-box-shadow: none; box-shadow: none; } + +/* Vertically Divided */ + .ui[class*="vertically divided"].grid > .row { position: relative; } + .ui[class*="vertically divided"].grid > .row:before { position: absolute; content: ""; @@ -15043,195 +19108,226 @@ ol.ui.horizontal.list li:before, left: 0; width: calc(100% - 2rem ); height: 1px; - margin: 0% 1rem; - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); + margin: 0 1rem; box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } + +/* Padded Horizontally Divided */ + [class*="horizontally padded"].ui.divided.grid, .ui.padded.divided.grid:not(.vertically):not(.horizontally) { width: 100%; } + +/* First Row Vertically Divided */ + .ui[class*="vertically divided"].grid > .row:first-child:before { - -webkit-box-shadow: none; box-shadow: none; } + +/* Inverted Divided */ + .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1); box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1); } + .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: none; box-shadow: none; } + .ui.inverted[class*="vertically divided"].grid > .row:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); } + +/* Relaxed */ + .ui.relaxed[class*="vertically divided"].grid > .row:before { margin-left: 1.5rem; margin-right: 1.5rem; width: calc(100% - 3rem ); } + .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before { margin-left: 5rem; margin-right: 5rem; width: calc(100% - 5rem ); } + +/*---------------------- + Celled +-----------------------*/ + .ui.celled.grid { width: 100%; margin: 1em 0; - -webkit-box-shadow: 0 0 0 1px #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5; } + .ui.celled.grid > .row { width: 100% !important; margin: 0; padding: 0; - -webkit-box-shadow: 0 -1px 0 0 #D4D4D5; box-shadow: 0 -1px 0 0 #D4D4D5; } + .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0 0 0 #D4D4D5; box-shadow: -1px 0 0 0 #D4D4D5; } + .ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child { - -webkit-box-shadow: none; box-shadow: none; } + .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { padding: 1em; } + .ui.relaxed.celled.grid > .column:not(.row), .ui.relaxed.celled.grid > .row > .column { padding: 1.5em; } + .ui[class*="very relaxed"].celled.grid > .column:not(.row), .ui[class*="very relaxed"].celled.grid > .row > .column { padding: 2em; } + +/* Internally Celled */ + .ui[class*="internally celled"].grid { - -webkit-box-shadow: none; box-shadow: none; margin: 0; } + .ui[class*="internally celled"].grid > .row:first-child { - -webkit-box-shadow: none; box-shadow: none; } + .ui[class*="internally celled"].grid > .row > .column:first-child { - -webkit-box-shadow: none; box-shadow: none; } + +/*---------------------- + Vertically Aligned +-----------------------*/ + +/* Top Aligned */ + .ui[class*="top aligned"].grid > .column:not(.row), .ui[class*="top aligned"].grid > .row > .column, .ui.grid > [class*="top aligned"].row > .column, .ui.grid > [class*="top aligned"].column:not(.row), .ui.grid > .row > [class*="top aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; vertical-align: top; - -ms-flex-item-align: start !important; align-self: flex-start !important; } + +/* Middle Aligned */ + .ui[class*="middle aligned"].grid > .column:not(.row), .ui[class*="middle aligned"].grid > .row > .column, .ui.grid > [class*="middle aligned"].row > .column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > .row > [class*="middle aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; vertical-align: middle; - -ms-flex-item-align: center !important; align-self: center !important; } + +/* Bottom Aligned */ + .ui[class*="bottom aligned"].grid > .column:not(.row), .ui[class*="bottom aligned"].grid > .row > .column, .ui.grid > [class*="bottom aligned"].row > .column, .ui.grid > [class*="bottom aligned"].column:not(.row), .ui.grid > .row > [class*="bottom aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; vertical-align: bottom; - -ms-flex-item-align: end !important; align-self: flex-end !important; } + +/* Stretched */ + .ui.stretched.grid > .row > .column, .ui.stretched.grid > .column, .ui.grid > .stretched.row > .column, .ui.grid > .stretched.column:not(.row), .ui.grid > .row > .stretched.column { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; - -ms-flex-item-align: stretch; align-self: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } + .ui.stretched.grid > .row > .column > *, .ui.stretched.grid > .column > *, .ui.grid > .stretched.row > .column > *, .ui.grid > .stretched.column:not(.row) > *, .ui.grid > .row > .stretched.column > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; flex-grow: 1; } + +/*---------------------- + Horizontally Centered +-----------------------*/ + +/* Left Aligned */ + .ui[class*="left aligned"].grid > .column, .ui[class*="left aligned"].grid > .row > .column, .ui.grid > [class*="left aligned"].row > .column, .ui.grid > [class*="left aligned"].column.column, .ui.grid > .row > [class*="left aligned"].column.column { text-align: left; - -ms-flex-item-align: inherit; align-self: inherit; } + +/* Center Aligned */ + .ui[class*="center aligned"].grid > .column, .ui[class*="center aligned"].grid > .row > .column, .ui.grid > [class*="center aligned"].row > .column, .ui.grid > [class*="center aligned"].column.column, .ui.grid > .row > [class*="center aligned"].column.column { text-align: center; - -ms-flex-item-align: inherit; align-self: inherit; } + .ui[class*="center aligned"].grid { - -webkit-box-pack: center; - -ms-flex-pack: center; justify-content: center; } + +/* Right Aligned */ + .ui[class*="right aligned"].grid > .column, .ui[class*="right aligned"].grid > .row > .column, .ui.grid > [class*="right aligned"].row > .column, .ui.grid > [class*="right aligned"].column.column, .ui.grid > .row > [class*="right aligned"].column.column { text-align: right; - -ms-flex-item-align: inherit; align-self: inherit; } + +/* Justified */ + .ui.justified.grid > .column, .ui.justified.grid > .row > .column, .ui.grid > .justified.row > .column, .ui.grid > .justified.column.column, .ui.grid > .row > .justified.column.column { text-align: justify; - -webkit-hyphens: auto; - -ms-hyphens: auto; hyphens: auto; } + +/*---------------------- + Colored +-----------------------*/ + .ui.grid > .row > .red.column, .ui.grid > .row > .orange.column, .ui.grid > .row > .yellow.column, @@ -15250,416 +19346,521 @@ ol.ui.horizontal.list li:before, padding-top: 1rem; padding-bottom: 1rem; } + +/* Red */ + .ui.grid > .red.row, .ui.grid > .red.column, .ui.grid > .row > .red.column { background-color: #DB2828 !important; color: #FFFFFF; } + +/* Orange */ + .ui.grid > .orange.row, .ui.grid > .orange.column, .ui.grid > .row > .orange.column { background-color: #F2711C !important; color: #FFFFFF; } + +/* Yellow */ + .ui.grid > .yellow.row, .ui.grid > .yellow.column, .ui.grid > .row > .yellow.column { background-color: #FBBD08 !important; color: #FFFFFF; } + +/* Olive */ + .ui.grid > .olive.row, .ui.grid > .olive.column, .ui.grid > .row > .olive.column { background-color: #B5CC18 !important; color: #FFFFFF; } + +/* Green */ + .ui.grid > .green.row, .ui.grid > .green.column, .ui.grid > .row > .green.column { background-color: #21BA45 !important; color: #FFFFFF; } + +/* Teal */ + .ui.grid > .teal.row, .ui.grid > .teal.column, .ui.grid > .row > .teal.column { background-color: #00B5AD !important; color: #FFFFFF; } + +/* Blue */ + .ui.grid > .blue.row, .ui.grid > .blue.column, .ui.grid > .row > .blue.column { background-color: #2185D0 !important; color: #FFFFFF; } + +/* Violet */ + .ui.grid > .violet.row, .ui.grid > .violet.column, .ui.grid > .row > .violet.column { background-color: #6435C9 !important; color: #FFFFFF; } + +/* Purple */ + .ui.grid > .purple.row, .ui.grid > .purple.column, .ui.grid > .row > .purple.column { background-color: #A333C8 !important; color: #FFFFFF; } + +/* Pink */ + .ui.grid > .pink.row, .ui.grid > .pink.column, .ui.grid > .row > .pink.column { background-color: #E03997 !important; color: #FFFFFF; } + +/* Brown */ + .ui.grid > .brown.row, .ui.grid > .brown.column, .ui.grid > .row > .brown.column { background-color: #A5673F !important; color: #FFFFFF; } + +/* Grey */ + .ui.grid > .grey.row, .ui.grid > .grey.column, .ui.grid > .row > .grey.column { background-color: #767676 !important; color: #FFFFFF; } + +/* Black */ + .ui.grid > .black.row, .ui.grid > .black.column, .ui.grid > .row > .black.column { background-color: #1B1C1D !important; color: #FFFFFF; } + +/*---------------------- + Equal Width +-----------------------*/ + .ui[class*="equal width"].grid > .column:not(.row), .ui[class*="equal width"].grid > .row > .column, .ui.grid > [class*="equal width"].row > .column { display: inline-block; - -webkit-box-flex: 1; - -ms-flex-positive: 1; flex-grow: 1; } + .ui[class*="equal width"].grid > .wide.column, .ui[class*="equal width"].grid > .row > .wide.column, .ui.grid > [class*="equal width"].row > .wide.column { -webkit-box-flex: 0; - -ms-flex-positive: 0; flex-grow: 0; } + +/*---------------------- + Reverse +-----------------------*/ + +/* Mobile */ + @media only screen and (max-width: 767px) { .ui[class*="mobile reversed"].grid, .ui[class*="mobile reversed"].grid > .row, .ui.grid > [class*="mobile reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; flex-direction: row-reverse; } + .ui[class*="mobile vertically reversed"].grid, .ui.stackable[class*="mobile reversed"] { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; flex-direction: column-reverse; } + + /* Divided Reversed */ + .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } + .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; box-shadow: none; } + + /* Vertically Divided Reversed */ + .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } + .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; box-shadow: none; } + + /* Celled Reversed */ + .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #D4D4D5; box-shadow: -1px 0 0 0 #D4D4D5; } + .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; box-shadow: none; } } + +/* Tablet */ + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui[class*="tablet reversed"].grid, .ui[class*="tablet reversed"].grid > .row, .ui.grid > [class*="tablet reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; flex-direction: row-reverse; } + .ui[class*="tablet vertically reversed"].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; flex-direction: column-reverse; } + + /* Divided Reversed */ + .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } + .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; box-shadow: none; } + + /* Vertically Divided Reversed */ + .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } + .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; box-shadow: none; } + + /* Celled Reversed */ + .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #D4D4D5; box-shadow: -1px 0 0 0 #D4D4D5; } + .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; box-shadow: none; } } + +/* Computer */ + @media only screen and (min-width: 992px) { .ui[class*="computer reversed"].grid, .ui[class*="computer reversed"].grid > .row, .ui.grid > [class*="computer reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; flex-direction: row-reverse; } + .ui[class*="computer vertically reversed"].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; flex-direction: column-reverse; } + + /* Divided Reversed */ + .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } + .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; box-shadow: none; } + + /* Vertically Divided Reversed */ + .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } + .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; box-shadow: none; } + + /* Celled Reversed */ + .ui[class*="computer reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0 0 0 #D4D4D5; box-shadow: -1px 0 0 0 #D4D4D5; } + .ui[class*="computer reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; box-shadow: none; } } + +/*------------------- + Doubling +--------------------*/ + +/* Tablet Only */ + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.doubling.grid { width: auto; } + .ui.grid > .doubling.row, .ui.doubling.grid > .row { margin: 0 !important; padding: 0 !important; } + .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { display: inline-block !important; padding-top: 1rem !important; padding-bottom: 1rem !important; - -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0; } + .ui[class*="two column"].doubling.grid > .row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), .ui.grid > [class*="two column"].doubling.row.row > .column { width: 100% !important; } + .ui[class*="three column"].doubling.grid > .row > .column, .ui[class*="three column"].doubling.grid > .column:not(.row), .ui.grid > [class*="three column"].doubling.row.row > .column { width: 50% !important; } + .ui[class*="four column"].doubling.grid > .row > .column, .ui[class*="four column"].doubling.grid > .column:not(.row), .ui.grid > [class*="four column"].doubling.row.row > .column { width: 50% !important; } + .ui[class*="five column"].doubling.grid > .row > .column, .ui[class*="five column"].doubling.grid > .column:not(.row), .ui.grid > [class*="five column"].doubling.row.row > .column { width: 33.33333333% !important; } + .ui[class*="six column"].doubling.grid > .row > .column, .ui[class*="six column"].doubling.grid > .column:not(.row), .ui.grid > [class*="six column"].doubling.row.row > .column { width: 33.33333333% !important; } + .ui[class*="seven column"].doubling.grid > .row > .column, .ui[class*="seven column"].doubling.grid > .column:not(.row), .ui.grid > [class*="seven column"].doubling.row.row > .column { width: 33.33333333% !important; } + .ui[class*="eight column"].doubling.grid > .row > .column, .ui[class*="eight column"].doubling.grid > .column:not(.row), .ui.grid > [class*="eight column"].doubling.row.row > .column { width: 25% !important; } + .ui[class*="nine column"].doubling.grid > .row > .column, .ui[class*="nine column"].doubling.grid > .column:not(.row), .ui.grid > [class*="nine column"].doubling.row.row > .column { width: 25% !important; } + .ui[class*="ten column"].doubling.grid > .row > .column, .ui[class*="ten column"].doubling.grid > .column:not(.row), .ui.grid > [class*="ten column"].doubling.row.row > .column { width: 20% !important; } + .ui[class*="eleven column"].doubling.grid > .row > .column, .ui[class*="eleven column"].doubling.grid > .column:not(.row), .ui.grid > [class*="eleven column"].doubling.row.row > .column { width: 20% !important; } + .ui[class*="twelve column"].doubling.grid > .row > .column, .ui[class*="twelve column"].doubling.grid > .column:not(.row), .ui.grid > [class*="twelve column"].doubling.row.row > .column { width: 16.66666667% !important; } + .ui[class*="thirteen column"].doubling.grid > .row > .column, .ui[class*="thirteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="thirteen column"].doubling.row.row > .column { width: 16.66666667% !important; } + .ui[class*="fourteen column"].doubling.grid > .row > .column, .ui[class*="fourteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="fourteen column"].doubling.row.row > .column { width: 14.28571429% !important; } + .ui[class*="fifteen column"].doubling.grid > .row > .column, .ui[class*="fifteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="fifteen column"].doubling.row.row > .column { width: 14.28571429% !important; } + .ui[class*="sixteen column"].doubling.grid > .row > .column, .ui[class*="sixteen column"].doubling.grid > .column:not(.row), .ui.grid > [class*="sixteen column"].doubling.row.row > .column { width: 12.5% !important; } } + +/* Mobile Only */ + @media only screen and (max-width: 767px) { .ui.grid > .doubling.row, .ui.doubling.grid > .row { margin: 0 !important; padding: 0 !important; } + .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { padding-top: 1rem !important; padding-bottom: 1rem !important; margin: 0 !important; - -webkit-box-shadow: none !important; box-shadow: none !important; } + .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column { width: 100% !important; } + .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } + .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } + .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } + .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } + .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } + .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } + .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } + .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } + .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } + .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } + .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } + .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column { width: 25% !important; } + .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column { width: 25% !important; } + .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column { width: 25% !important; } } + +/*------------------- + Stackable +--------------------*/ + @media only screen and (max-width: 767px) { .ui.stackable.grid { width: auto; margin-left: 0 !important; margin-right: 0 !important; } + .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, .ui.stackable.grid > .column.grid > .column, @@ -15669,56 +19870,76 @@ ol.ui.horizontal.list li:before, .ui.grid > .stackable.stackable.row > .column { width: 100% !important; margin: 0 0 !important; - -webkit-box-shadow: none !important; box-shadow: none !important; padding: 1rem 1rem !important; } + .ui.stackable.grid:not(.vertically) > .row { margin: 0; padding: 0; } + + /* Coupling */ + .ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column { padding-left: 0 !important; padding-right: 0 !important; } + + /* Don't pad inside segment or nested grid */ + .ui.grid .ui.stackable.grid, .ui.segment:not(.vertical) .ui.stackable.page.grid { margin-left: -1rem !important; margin-right: -1rem !important; } + + /* Divided Stackable */ + .ui.stackable.divided.grid > .row:first-child > .column:first-child, .ui.stackable.celled.grid > .row:first-child > .column:first-child, .ui.stackable.divided.grid > .column:not(.row):first-child, .ui.stackable.celled.grid > .column:not(.row):first-child { border-top: none !important; } + .ui.inverted.stackable.celled.grid > .column:not(.row), .ui.inverted.stackable.divided.grid > .column:not(.row), .ui.inverted.stackable.celled.grid > .row > .column, .ui.inverted.stackable.divided.grid > .row > .column { border-top: 1px solid rgba(255, 255, 255, 0.1); } + .ui.stackable.celled.grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.celled.grid > .row > .column, .ui.stackable.divided:not(.vertically).grid > .row > .column { border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none !important; box-shadow: none !important; padding-top: 2rem !important; padding-bottom: 2rem !important; } + .ui.stackable.celled.grid > .row { - -webkit-box-shadow: none !important; box-shadow: none !important; } + .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column { padding-left: 0 !important; padding-right: 0 !important; } } + +/*---------------------- + Only (Device) +-----------------------*/ + +/* These include arbitrary class repetitions for forced specificity */ + +/* Mobile Only Hide */ + @media only screen and (max-width: 767px) { .ui[class*="tablet only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), @@ -15726,18 +19947,21 @@ ol.ui.horizontal.list li:before, .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) { display: none !important; } + .ui[class*="computer only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) { display: none !important; } + .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { display: none !important; } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), @@ -15745,6 +19969,9 @@ ol.ui.horizontal.list li:before, display: none !important; } } + +/* Tablet Only Hide */ + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui[class*="mobile only"].grid.grid.grid:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), @@ -15752,18 +19979,21 @@ ol.ui.horizontal.list li:before, .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) { display: none !important; } + .ui[class*="computer only"].grid.grid.grid:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) { display: none !important; } + .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { display: none !important; } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), @@ -15771,6 +20001,9 @@ ol.ui.horizontal.list li:before, display: none !important; } } + +/* Computer Only Hide */ + @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui[class*="mobile only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), @@ -15778,18 +20011,21 @@ ol.ui.horizontal.list li:before, .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { display: none !important; } + .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { display: none !important; } + .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { display: none !important; } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), @@ -15797,6 +20033,9 @@ ol.ui.horizontal.list li:before, display: none !important; } } + +/* Large Screen Only Hide */ + @media only screen and (min-width: 1200px) and (max-width: 1919px) { .ui[class*="mobile only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), @@ -15804,12 +20043,14 @@ ol.ui.horizontal.list li:before, .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { display: none !important; } + .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { display: none !important; } + .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), @@ -15817,6 +20058,9 @@ ol.ui.horizontal.list li:before, display: none !important; } } + +/* Widescreen Only Hide */ + @media only screen and (min-width: 1920px) { .ui[class*="mobile only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), @@ -15824,6 +20068,7 @@ ol.ui.horizontal.list li:before, .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { display: none !important; } + .ui[class*="tablet only"].grid.grid.grid:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), @@ -15831,20 +20076,45 @@ ol.ui.horizontal.list li:before, display: none !important; } } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/* + * # Semantic - Menu + * http://github.com/semantic-org/semantic-ui/ + * + * + * Copyright 2015 Contributor + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Standard +*******************************/ + +/*-------------- + Menu +---------------*/ + .ui.menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1rem 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #FFFFFF; font-weight: normal; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; min-height: 2.85714286em; } + .ui.menu:after { content: ''; display: block; @@ -15852,83 +20122,101 @@ ol.ui.horizontal.list li:before, clear: both; visibility: hidden; } + .ui.menu:first-child { - margin-top: 0rem; + margin-top: 0; } + .ui.menu:last-child { - margin-bottom: 0rem; + margin-bottom: 0; } + +/*-------------- + Sub-Menu +---------------*/ + .ui.menu .menu { margin: 0; } + .ui.menu:not(.vertical) > .menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; } + +/*-------------- + Item +---------------*/ + .ui.menu:not(.vertical) .item { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } + .ui.menu .item { position: relative; vertical-align: middle; line-height: 1; text-decoration: none; -webkit-tap-highlight-color: transparent; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; background: none; padding: 0.92857143em 1.14285714em; text-transform: none; color: rgba(0, 0, 0, 0.87); font-weight: normal; - -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; } + .ui.menu > .item:first-child { border-radius: 0.28571429rem 0 0 0.28571429rem; } + +/* Border */ + .ui.menu .item:before { position: absolute; content: ''; - top: 0%; + top: 0; right: 0; height: 100%; width: 1px; background: rgba(34, 36, 38, 0.1); } + +/*-------------- + Text Content +---------------*/ + .ui.menu .text.item > *, .ui.menu .item > a:not(.ui), .ui.menu .item > p:only-child { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; user-select: text; line-height: 1.3; } + .ui.menu .item > p:first-child { margin-top: 0; } + .ui.menu .item > p:last-child { margin-bottom: 0; } + +/*-------------- + Icons +---------------*/ + .ui.menu .item > i.icon { opacity: 0.9; float: none; margin: 0 0.35714286em 0 0; } + +/*-------------- + Button +---------------*/ + .ui.menu:not(.vertical) .item > .button { position: relative; top: 0; @@ -15937,61 +20225,80 @@ ol.ui.horizontal.list li:before, padding-top: 0.78571429em; font-size: 1em; } + +/*---------------- + Grid / Container +-----------------*/ + .ui.menu > .grid, .ui.menu > .container { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: inherit; - -ms-flex-align: inherit; align-items: inherit; - -webkit-box-orient: inherit; - -webkit-box-direction: inherit; - -ms-flex-direction: inherit; flex-direction: inherit; } + +/*-------------- + Inputs +---------------*/ + .ui.menu .item > .input { width: 100%; } + .ui.menu:not(.vertical) .item > .input { position: relative; top: 0; margin: -0.5em 0; } + .ui.menu .item > .input input { font-size: 1em; padding-top: 0.57142857em; padding-bottom: 0.57142857em; } + +/*-------------- + Header +---------------*/ + .ui.menu .header.item, .ui.vertical.menu .header.item { margin: 0; - background: ''; - text-transform: normal; + text-transform: none; font-weight: bold; } + .ui.vertical.menu .item > .header:not(.ui) { margin: 0 0 0.5em; font-size: 1em; font-weight: bold; } + +/*-------------- + Dropdowns +---------------*/ + +/* Dropdown Icon */ + .ui.menu .item > i.dropdown.icon { padding: 0; float: right; margin: 0 0 0 1em; } + +/* Menu */ + .ui.menu .dropdown.item .menu { min-width: calc(100% - 1px); border-radius: 0 0 0.28571429rem 0.28571429rem; background: #FFFFFF; margin: 0 0 0; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; flex-direction: column !important; } + +/* Menu Items */ + .ui.menu .ui.dropdown .menu > .item { margin: 0; text-align: left; @@ -16001,81 +20308,108 @@ ol.ui.horizontal.list li:before, color: rgba(0, 0, 0, 0.87) !important; text-transform: none !important; font-weight: normal !important; - -webkit-box-shadow: none !important; box-shadow: none !important; - -webkit-transition: none !important; transition: none !important; } + .ui.menu .ui.dropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important; } + .ui.menu .ui.dropdown .menu > .selected.item { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important; } + .ui.menu .ui.dropdown .menu > .active.item { background: rgba(0, 0, 0, 0.03) !important; font-weight: bold !important; color: rgba(0, 0, 0, 0.95) !important; } + .ui.menu .ui.dropdown.item .menu .item:not(.filtered) { display: block; } + .ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) { display: inline-block; font-size: 1em !important; float: none; margin: 0 0.75em 0 0; } + +/* Secondary */ + .ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu { border-radius: 0.28571429rem; margin-top: 0.35714286em; } + +/* Pointing */ + .ui.menu .pointing.dropdown.item .menu { margin-top: 0.75em; } + +/* Inverted */ + .ui.inverted.menu .search.dropdown.item > .search, .ui.inverted.menu .search.dropdown.item > .text { color: rgba(255, 255, 255, 0.9); } + +/* Vertical */ + .ui.vertical.menu .dropdown.item > .icon { float: right; content: "\f0da"; margin-left: 1em; } + .ui.vertical.menu .dropdown.item .menu { left: 100%; min-width: 0; margin: 0 0 0 0; - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem; } + .ui.vertical.menu .dropdown.item.upward .menu { bottom: 0; } + .ui.vertical.menu .dropdown.item:not(.upward) .menu { top: 0; } + .ui.vertical.menu .active.dropdown.item { border-top-right-radius: 0; border-bottom-right-radius: 0; } + .ui.vertical.menu .dropdown.active.item { - -webkit-box-shadow: none; box-shadow: none; } + +/* Evenly Divided */ + .ui.item.menu .dropdown .menu .item { width: 100%; } + +/*-------------- + Labels +---------------*/ + .ui.menu .item > .label { background: #999999; color: #FFFFFF; margin-left: 1em; padding: 0.3em 0.78571429em; } + .ui.vertical.menu .item > .label { background: #999999; color: #FFFFFF; @@ -16083,30 +20417,61 @@ ol.ui.horizontal.list li:before, margin-bottom: -0.15em; padding: 0.3em 0.78571429em; } + .ui.menu .item > .floating.label { padding: 0.3em 0.78571429em; } + +/*-------------- + Images +---------------*/ + .ui.menu .item > img:not(.ui) { display: inline-block; vertical-align: middle; margin: -0.3em 0; width: 2.5em; } + .ui.vertical.menu .item > img:not(.ui):only-child { display: block; max-width: 100%; width: auto; } + +/******************************* + Coupling +*******************************/ + +/*-------------- + List +---------------*/ + +/* Menu divider shouldnt apply */ + .ui.menu .list .item:before { background: none !important; } + +/*-------------- + Sidebar +---------------*/ + +/* Show vertical dividers below last */ + .ui.vertical.sidebar.menu > .item:first-child:before { display: block !important; } + .ui.vertical.sidebar.menu > .item::before { top: auto; bottom: 0; } + +/*-------------- + Container +---------------*/ + @media only screen and (max-width: 767px) { .ui.menu > .ui.container { width: 100% !important; @@ -16114,11 +20479,21 @@ ol.ui.horizontal.list li:before, margin-right: 0 !important; } } + @media only screen and (min-width: 768px) { .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child { border-left: 1px solid rgba(34, 36, 38, 0.1); } } + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + .ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, @@ -16127,149 +20502,218 @@ ol.ui.horizontal.list li:before, background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Pressed +---------------*/ + .ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Active +---------------*/ + .ui.menu .active.item { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); font-weight: normal; - -webkit-box-shadow: none; box-shadow: none; } + .ui.menu .active.item > i.icon { opacity: 1; } + +/*-------------- + Active Hover +---------------*/ + .ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Disabled +---------------*/ + .ui.menu .item.disabled, .ui.menu .item.disabled:hover { cursor: default !important; background-color: transparent !important; color: rgba(40, 40, 40, 0.3) !important; } + +/******************************* + Types +*******************************/ + +/*------------------ +Floated Menu / Item +-------------------*/ + +/* Left Floated */ + .ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) .left.menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin-right: auto !important; } + +/* Right Floated */ + .ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin-left: auto !important; } + +/* Swapped Borders */ + .ui.menu .right.item::before, .ui.menu .right.menu > .item::before { right: auto; left: 0; } + +/*-------------- + Vertical +---------------*/ + .ui.vertical.menu { display: block; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; background: #FFFFFF; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); } + +/*--- Item ---*/ + .ui.vertical.menu .item { display: block; background: none; border-top: none; border-right: none; } + .ui.vertical.menu > .item:first-child { border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.vertical.menu > .item:last-child { border-radius: 0 0 0.28571429rem 0.28571429rem; } + +/*--- Label ---*/ + .ui.vertical.menu .item > .label { float: right; text-align: center; } + +/*--- Icon ---*/ + .ui.vertical.menu .item > i.icon { width: 1.18em; float: right; margin: 0 0 0 0.5em; } + .ui.vertical.menu .item > .label + i.icon { float: none; margin: 0 0.5em 0 0; } + +/*--- Border ---*/ + .ui.vertical.menu .item:before { position: absolute; content: ''; - top: 0%; + top: 0; left: 0; width: 100%; height: 1px; background: rgba(34, 36, 38, 0.1); } + .ui.vertical.menu .item:first-child:before { display: none !important; } + +/*--- Sub Menu ---*/ + .ui.vertical.menu .item > .menu { margin: 0.5em -1.14285714em 0; } + .ui.vertical.menu .menu .item { background: none; padding: 0.5em 1.33333333em; font-size: 0.85714286em; color: rgba(0, 0, 0, 0.5); } + .ui.vertical.menu .item .menu a.item:hover, .ui.vertical.menu .item .menu .link.item:hover { color: rgba(0, 0, 0, 0.85); } + .ui.vertical.menu .menu .item:before { display: none; } + +/* Vertical Active */ + .ui.vertical.menu .active.item { background: rgba(0, 0, 0, 0.05); border-radius: 0; - -webkit-box-shadow: none; box-shadow: none; } + .ui.vertical.menu > .active.item:first-child { border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.vertical.menu > .active.item:last-child { border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui.vertical.menu > .active.item:only-child { border-radius: 0.28571429rem; } + .ui.vertical.menu .active.item .menu .active.item { border-left: none; } + .ui.vertical.menu .item .menu .active.item { background-color: transparent; font-weight: bold; color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Tabular +---------------*/ + .ui.tabular.menu { border-radius: 0; - -webkit-box-shadow: none !important; box-shadow: none !important; border: none; background: none transparent; border-bottom: 1px solid #D4D4D5; } + .ui.tabular.fluid.menu { width: calc(100% + 2px ) !important; } + .ui.tabular.menu .item { background: transparent; border-bottom: none; @@ -16279,13 +20723,20 @@ ol.ui.horizontal.list li:before, padding: 0.92857143em 1.42857143em; color: rgba(0, 0, 0, 0.87); } + .ui.tabular.menu .item:before { display: none; } + +/* Hover */ + .ui.tabular.menu .item:hover { background-color: transparent; color: rgba(0, 0, 0, 0.8); } + +/* Active */ + .ui.tabular.menu .active.item { background: none #FFFFFF; color: rgba(0, 0, 0, 0.95); @@ -16293,10 +20744,12 @@ ol.ui.horizontal.list li:before, border-color: #D4D4D5; font-weight: bold; margin-bottom: -1px; - -webkit-box-shadow: none; box-shadow: none; border-radius: 0.28571429rem 0.28571429rem 0 0 !important; } + +/* Coupling with segment for attachment */ + .ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { border-top: none; @@ -16305,19 +20758,23 @@ ol.ui.horizontal.list li:before, margin-right: 0; width: 100%; } + .top.attached.segment + .ui.bottom.tabular.menu { position: relative; width: calc(100% + 2px ); left: -1px; } + +/* Bottom Vertical Tabular */ + .ui.bottom.tabular.menu { background: none transparent; border-radius: 0; - -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: none; border-top: 1px solid #D4D4D5; } + .ui.bottom.tabular.menu .item { background: none; border-left: 1px solid transparent; @@ -16325,6 +20782,7 @@ ol.ui.horizontal.list li:before, border-bottom: 1px solid transparent; border-top: none; } + .ui.bottom.tabular.menu .active.item { background: none #FFFFFF; color: rgba(0, 0, 0, 0.95); @@ -16332,14 +20790,17 @@ ol.ui.horizontal.list li:before, margin: -1px 0 0 0; border-radius: 0 0 0.28571429rem 0.28571429rem !important; } + +/* Vertical Tabular (Left) */ + .ui.vertical.tabular.menu { background: none transparent; border-radius: 0; - -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: none; border-right: 1px solid #D4D4D5; } + .ui.vertical.tabular.menu .item { background: none; border-left: 1px solid transparent; @@ -16347,6 +20808,7 @@ ol.ui.horizontal.list li:before, border-top: 1px solid transparent; border-right: none; } + .ui.vertical.tabular.menu .active.item { background: none #FFFFFF; color: rgba(0, 0, 0, 0.95); @@ -16354,15 +20816,18 @@ ol.ui.horizontal.list li:before, margin: 0 -1px 0 0; border-radius: 0.28571429rem 0 0 0.28571429rem !important; } + +/* Vertical Right Tabular */ + .ui.vertical.right.tabular.menu { background: none transparent; border-radius: 0; - -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: none; border-right: none; border-left: 1px solid #D4D4D5; } + .ui.vertical.right.tabular.menu .item { background: none; border-right: 1px solid transparent; @@ -16370,6 +20835,7 @@ ol.ui.horizontal.list li:before, border-top: 1px solid transparent; border-left: none; } + .ui.vertical.right.tabular.menu .active.item { background: none #FFFFFF; color: rgba(0, 0, 0, 0.95); @@ -16377,6 +20843,9 @@ ol.ui.horizontal.list li:before, margin: 0 0 0 -1px; border-radius: 0 0.28571429rem 0.28571429rem 0 !important; } + +/* Dropdown */ + .ui.tabular.menu .active.dropdown.item { margin-bottom: 0; border-left: 1px solid transparent; @@ -16384,195 +20853,276 @@ ol.ui.horizontal.list li:before, border-top: 2px solid transparent; border-bottom: none; } + +/*-------------- + Pagination +---------------*/ + .ui.pagination.menu { margin: 0; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } + .ui.pagination.menu .item:last-child { border-radius: 0 0.28571429rem 0.28571429rem 0; } + .ui.compact.menu .item:last-child { border-radius: 0 0.28571429rem 0.28571429rem 0; } + .ui.pagination.menu .item:last-child:before { display: none; } + .ui.pagination.menu .item { min-width: 3em; text-align: center; } + .ui.pagination.menu .icon.item i.icon { vertical-align: top; } + +/* Active */ + .ui.pagination.menu .active.item { border-top: none; padding-top: 0.92857143em; background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; box-shadow: none; } + +/*-------------- + Secondary +---------------*/ + .ui.secondary.menu { background: none; margin-left: -0.35714286em; margin-right: -0.35714286em; border-radius: 0; border: none; - -webkit-box-shadow: none; box-shadow: none; } + +/* Item */ + .ui.secondary.menu .item { - -ms-flex-item-align: center; align-self: center; - -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0.78571429em 0.92857143em; margin: 0 0.35714286em; background: none; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; border-radius: 0.28571429rem; } + +/* No Divider */ + .ui.secondary.menu .item:before { display: none !important; } + +/* Header */ + .ui.secondary.menu .header.item { border-radius: 0; border-right: none; background: none transparent; } + +/* Image */ + .ui.secondary.menu .item > img:not(.ui) { margin: 0; } + +/* Hover */ + .ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } + +/* Active */ + .ui.secondary.menu .active.item { - -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); border-radius: 0.28571429rem; } + +/* Active Hover */ + .ui.secondary.menu .active.item:hover { - -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } + +/* Inverted */ + .ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item { color: rgba(255, 255, 255, 0.7) !important; } + .ui.secondary.inverted.menu .dropdown.item:hover, .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover { background: rgba(255, 255, 255, 0.08); color: #ffffff !important; } + .ui.secondary.inverted.menu .active.item { background: rgba(255, 255, 255, 0.15); color: #ffffff !important; } + +/* Fix item margins */ + .ui.secondary.item.menu { margin-left: 0; margin-right: 0; } + .ui.secondary.item.menu .item:last-child { margin-right: 0; } + .ui.secondary.attached.menu { - -webkit-box-shadow: none; box-shadow: none; } + +/* Sub Menu */ + .ui.vertical.secondary.menu .item:not(.dropdown) > .menu { margin: 0 -0.92857143em; } + .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item { margin: 0; padding: 0.5em 1.33333333em; } + +/*--------------------- + Secondary Vertical +-----------------------*/ + .ui.secondary.vertical.menu > .item { border: none; margin: 0 0 0.35714286em; border-radius: 0.28571429rem !important; } + .ui.secondary.vertical.menu > .header.item { border-radius: 0; } + +/* Sub Menu */ + .ui.vertical.secondary.menu .item > .menu .item { background-color: transparent; } + +/* Inverted */ + .ui.secondary.inverted.menu { background-color: transparent; } + +/*--------------------- + Secondary Pointing +-----------------------*/ + .ui.secondary.pointing.menu { margin-left: 0; margin-right: 0; border-bottom: 2px solid rgba(34, 36, 38, 0.15); } + .ui.secondary.pointing.menu .item { border-bottom-color: transparent; border-bottom-style: solid; border-radius: 0; - -ms-flex-item-align: end; align-self: flex-end; margin: 0 0 -2px; padding: 0.85714286em 1.14285714em; border-bottom-width: 2px; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + +/* Item Types */ + .ui.secondary.pointing.menu .header.item { color: rgba(0, 0, 0, 0.85) !important; } + .ui.secondary.pointing.menu .text.item { - -webkit-box-shadow: none !important; box-shadow: none !important; } + .ui.secondary.pointing.menu .item:after { display: none; } + +/* Hover */ + .ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover { background-color: transparent; color: rgba(0, 0, 0, 0.87); } + +/* Pressed */ + .ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active { background-color: transparent; border-color: rgba(34, 36, 38, 0.15); } + +/* Active */ + .ui.secondary.pointing.menu .active.item { background-color: transparent; - -webkit-box-shadow: none; box-shadow: none; border-color: #1B1C1D; font-weight: bold; color: rgba(0, 0, 0, 0.95); } + +/* Active Hover */ + .ui.secondary.pointing.menu .active.item:hover { border-color: #1B1C1D; color: rgba(0, 0, 0, 0.95); } + +/* Active Dropdown */ + .ui.secondary.pointing.menu .active.dropdown.item { border-color: transparent; } + +/* Vertical Pointing */ + .ui.secondary.vertical.pointing.menu { border-bottom-width: 0; border-right-width: 2px; border-right-style: solid; border-right-color: rgba(34, 36, 38, 0.15); } + .ui.secondary.vertical.pointing.menu .item { border-bottom: none; border-right-style: solid; @@ -16581,55 +21131,78 @@ ol.ui.horizontal.list li:before, margin: 0 -2px 0 0; border-right-width: 2px; } + +/* Vertical Active */ + .ui.secondary.vertical.pointing.menu .active.item { border-color: #1B1C1D; } + +/* Inverted */ + .ui.secondary.inverted.pointing.menu { border-color: rgba(255, 255, 255, 0.1); } + .ui.secondary.inverted.pointing.menu { border-width: 2px; border-color: rgba(34, 36, 38, 0.15); } + .ui.secondary.inverted.pointing.menu .item { color: rgba(255, 255, 255, 0.9); } + .ui.secondary.inverted.pointing.menu .header.item { color: #FFFFFF !important; } + +/* Hover */ + .ui.secondary.inverted.pointing.menu .link.item:hover, .ui.secondary.inverted.pointing.menu a.item:hover { color: rgba(0, 0, 0, 0.95); } + +/* Active */ + .ui.secondary.inverted.pointing.menu .active.item { border-color: #FFFFFF; color: #ffffff; } + +/*-------------- + Text Menu +---------------*/ + .ui.text.menu { background: none transparent; border-radius: 0; - -webkit-box-shadow: none; box-shadow: none; border: none; margin: 1em -0.5em; } + .ui.text.menu .item { border-radius: 0; - -webkit-box-shadow: none; box-shadow: none; - -ms-flex-item-align: center; align-self: center; margin: 0 0; padding: 0.35714286em 0.5em; font-weight: normal; color: rgba(0, 0, 0, 0.6); - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } + +/* Border */ + .ui.text.menu .item:before, .ui.text.menu .menu .item:before { display: none !important; } + +/* Header */ + .ui.text.menu .header.item { background-color: transparent; opacity: 1; @@ -16638,131 +21211,211 @@ ol.ui.horizontal.list li:before, text-transform: uppercase; font-weight: bold; } + +/* Image */ + .ui.text.menu .item > img:not(.ui) { margin: 0; } + +/*--- fluid text ---*/ + .ui.text.item.menu .item { margin: 0; } + +/*--- vertical text ---*/ + .ui.vertical.text.menu { margin: 1em 0; } + .ui.vertical.text.menu:first-child { - margin-top: 0rem; + margin-top: 0; } + .ui.vertical.text.menu:last-child { - margin-bottom: 0rem; + margin-bottom: 0; } + .ui.vertical.text.menu .item { margin: 0.57142857em 0; padding-left: 0; padding-right: 0; } + .ui.vertical.text.menu .item > i.icon { float: none; margin: 0 0.35714286em 0 0; } + .ui.vertical.text.menu .header.item { margin: 0.57142857em 0 0.71428571em; } + +/* Vertical Sub Menu */ + .ui.vertical.text.menu .item:not(.dropdown) > .menu { margin: 0; } + .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item { margin: 0; padding: 0.5em 0; } + +/*--- hover ---*/ + .ui.text.menu .item:hover { opacity: 1; background-color: transparent; } + +/*--- active ---*/ + .ui.text.menu .active.item { background-color: transparent; border: none; - -webkit-box-shadow: none; box-shadow: none; font-weight: normal; color: rgba(0, 0, 0, 0.95); } + +/*--- active hover ---*/ + .ui.text.menu .active.item:hover { background-color: transparent; } + +/* Disable Bariations */ + .ui.text.pointing.menu .active.item:after { - -webkit-box-shadow: none; box-shadow: none; } + .ui.text.attached.menu { - -webkit-box-shadow: none; box-shadow: none; } + +/* Inverted */ + .ui.inverted.text.menu, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover, .ui.inverted.text.menu .active.item { background-color: transparent !important; } + +/* Fluid */ + .ui.fluid.text.menu { margin-left: 0; margin-right: 0; } + +/*-------------- + Icon Only +---------------*/ + +/* Vertical Menu */ + .ui.vertical.icon.menu { display: inline-block; width: auto; } + +/* Item */ + .ui.icon.menu .item { height: auto; text-align: center; color: #1B1C1D; } + +/* Icon */ + .ui.icon.menu .item > .icon:not(.dropdown) { margin: 0; opacity: 1; } + +/* Icon Gylph */ + .ui.icon.menu .icon:before { opacity: 1; } + +/* (x) Item Icon */ + .ui.menu .icon.item > .icon { width: auto; margin: 0 auto; } + +/* Vertical Icon */ + .ui.vertical.icon.menu .item > .icon:not(.dropdown) { display: block; opacity: 1; margin: 0 auto; float: none; } + +/* Inverted */ + .ui.inverted.icon.menu .item { color: #FFFFFF; } + +/*-------------- + Labeled Icon +---------------*/ + +/* Menu */ + .ui.labeled.icon.menu { text-align: center; } + +/* Item */ + .ui.labeled.icon.menu .item { min-width: 6em; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } + +/* Icon */ + .ui.labeled.icon.menu .item > .icon:not(.dropdown) { height: 1em; display: block; font-size: 1.71428571em !important; margin: 0 auto 0.5rem !important; } + +/* Fluid */ + .ui.fluid.labeled.icon.menu > .item { min-width: 0; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Stackable +---------------*/ + @media only screen and (max-width: 767px) { .ui.stackable.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } + .ui.stackable.menu .item { width: 100% !important; } + .ui.stackable.menu .item:before { position: absolute; content: ''; @@ -16773,116 +21426,157 @@ ol.ui.horizontal.list li:before, height: 1px; background: rgba(34, 36, 38, 0.1); } + .ui.stackable.menu .left.menu, .ui.stackable.menu .left.item { margin-right: 0 !important; } + .ui.stackable.menu .right.menu, .ui.stackable.menu .right.item { margin-left: 0 !important; } + .ui.stackable.menu .right.menu, .ui.stackable.menu .left.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } } + +/*-------------- + Colors +---------------*/ + +/*--- Standard Colors ---*/ + .ui.menu .red.active.item, .ui.red.menu .active.item { border-color: #DB2828 !important; color: #DB2828 !important; } + .ui.menu .orange.active.item, .ui.orange.menu .active.item { border-color: #F2711C !important; color: #F2711C !important; } + .ui.menu .yellow.active.item, .ui.yellow.menu .active.item { border-color: #FBBD08 !important; color: #FBBD08 !important; } + .ui.menu .olive.active.item, .ui.olive.menu .active.item { border-color: #B5CC18 !important; color: #B5CC18 !important; } + .ui.menu .green.active.item, .ui.green.menu .active.item { border-color: #21BA45 !important; color: #21BA45 !important; } + .ui.menu .teal.active.item, .ui.teal.menu .active.item { border-color: #00B5AD !important; color: #00B5AD !important; } + .ui.menu .blue.active.item, .ui.blue.menu .active.item { border-color: #2185D0 !important; color: #2185D0 !important; } + .ui.menu .violet.active.item, .ui.violet.menu .active.item { border-color: #6435C9 !important; color: #6435C9 !important; } + .ui.menu .purple.active.item, .ui.purple.menu .active.item { border-color: #A333C8 !important; color: #A333C8 !important; } + .ui.menu .pink.active.item, .ui.pink.menu .active.item { border-color: #E03997 !important; color: #E03997 !important; } + .ui.menu .brown.active.item, .ui.brown.menu .active.item { border-color: #A5673F !important; color: #A5673F !important; } + .ui.menu .grey.active.item, .ui.grey.menu .active.item { border-color: #767676 !important; color: #767676 !important; } + +/*-------------- + Inverted +---------------*/ + .ui.inverted.menu { border: 0 solid transparent; background: #1B1C1D; - -webkit-box-shadow: none; box-shadow: none; } + +/* Menu Item */ + .ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) { background: transparent; color: rgba(255, 255, 255, 0.9); } + .ui.inverted.menu .item.menu { background: transparent; } + +/*--- Border ---*/ + .ui.inverted.menu .item:before { background: rgba(255, 255, 255, 0.08); } + .ui.vertical.inverted.menu .item:before { background: rgba(255, 255, 255, 0.08); } + +/* Sub Menu */ + .ui.vertical.inverted.menu .menu .item, .ui.vertical.inverted.menu .menu .item a:not(.ui) { color: rgba(255, 255, 255, 0.5); } + +/* Header */ + .ui.inverted.menu .header.item { margin: 0; background: transparent; - -webkit-box-shadow: none; box-shadow: none; } + +/* Disabled */ + .ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover { color: rgba(225, 225, 225, 0.3); } + +/*--- Hover ---*/ + .ui.link.inverted.menu .item:hover, .ui.inverted.menu .dropdown.item:hover, .ui.inverted.menu .link.item:hover, @@ -16890,217 +21584,330 @@ ol.ui.horizontal.list li:before, background: rgba(255, 255, 255, 0.08); color: #ffffff; } + .ui.vertical.inverted.menu .item .menu a.item:hover, .ui.vertical.inverted.menu .item .menu .link.item:hover { background: transparent; color: #ffffff; } + +/*--- Pressed ---*/ + .ui.inverted.menu a.item:active, .ui.inverted.menu .link.item:active { background: rgba(255, 255, 255, 0.08); color: #ffffff; } + +/*--- Active ---*/ + .ui.inverted.menu .active.item { background: rgba(255, 255, 255, 0.15); color: #ffffff !important; } + .ui.inverted.vertical.menu .item .menu .active.item { background: transparent; color: #FFFFFF; } + .ui.inverted.pointing.menu .active.item:after { background: #3D3E3F !important; margin: 0 !important; - -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; } + +/*--- Active Hover ---*/ + .ui.inverted.menu .active.item:hover { background: rgba(255, 255, 255, 0.15); color: #FFFFFF !important; } + .ui.inverted.pointing.menu .active.item:hover:after { background: #3D3E3F !important; } + +/*-------------- + Floated +---------------*/ + .ui.floated.menu { float: left; - margin: 0rem 0.5rem 0rem 0rem; + margin: 0 0.5rem 0 0; } + .ui.floated.menu .item:last-child:before { display: none; } + .ui.right.floated.menu { float: right; - margin: 0rem 0rem 0rem 0.5rem; -} + margin: 0 0 0 0.5rem; +} + +/*-------------- + Inverted +---------------*/ + +/* Red */ + .ui.inverted.menu .red.active.item, .ui.inverted.red.menu { background-color: #DB2828; } + .ui.inverted.red.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.red.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Orange */ + .ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu { background-color: #F2711C; } + .ui.inverted.orange.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.orange.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Yellow */ + .ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu { background-color: #FBBD08; } + .ui.inverted.yellow.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.yellow.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Olive */ + .ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu { background-color: #B5CC18; } + .ui.inverted.olive.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.olive.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Green */ + .ui.inverted.menu .green.active.item, .ui.inverted.green.menu { background-color: #21BA45; } + .ui.inverted.green.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.green.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Teal */ + .ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu { background-color: #00B5AD; } + .ui.inverted.teal.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.teal.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Blue */ + .ui.inverted.menu .blue.active.item, .ui.inverted.blue.menu { background-color: #2185D0; } + .ui.inverted.blue.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.blue.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Violet */ + .ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu { background-color: #6435C9; } + .ui.inverted.violet.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.violet.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Purple */ + .ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu { background-color: #A333C8; } + .ui.inverted.purple.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.purple.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Pink */ + .ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu { background-color: #E03997; } + .ui.inverted.pink.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.pink.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Brown */ + .ui.inverted.menu .brown.active.item, .ui.inverted.brown.menu { background-color: #A5673F; } + .ui.inverted.brown.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.brown.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/* Grey */ + .ui.inverted.menu .grey.active.item, .ui.inverted.grey.menu { background-color: #767676; } + .ui.inverted.grey.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } + .ui.inverted.grey.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } + +/*-------------- + Fitted +---------------*/ + .ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item { padding: 0; } + .ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, .ui.menu .horizontally.fitted.item { padding-top: 0.92857143em; padding-bottom: 0.92857143em; } + .ui.vertically.fitted.menu .item, .ui.vertically.fitted.menu .item .menu .item, .ui.menu .vertically.fitted.item { padding-left: 1.14285714em; padding-right: 1.14285714em; } + +/*-------------- + Borderless +---------------*/ + .ui.borderless.menu .item:before, .ui.borderless.menu .item .menu .item:before, .ui.menu .borderless.item:before { background: none !important; } + +/*------------------- + Compact +--------------------*/ + .ui.compact.menu { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; margin: 0; vertical-align: middle; } + .ui.compact.vertical.menu { display: inline-block; } + .ui.compact.menu .item:last-child { border-radius: 0 0.28571429rem 0.28571429rem 0; } + .ui.compact.menu .item:last-child:before { display: none; } + .ui.compact.vertical.menu { width: auto !important; } + .ui.compact.vertical.menu .item:last-child::before { display: block; } + +/*------------------- + Fluid +--------------------*/ + .ui.menu.fluid, .ui.vertical.menu.fluid { width: 100% !important; } + +/*------------------- + Evenly Sized +--------------------*/ + .ui.item.menu, .ui.item.menu .item { width: 100%; @@ -17109,60 +21916,78 @@ ol.ui.horizontal.list li:before, margin-left: 0 !important; margin-right: 0 !important; text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; justify-content: center; } + .ui.attached.item.menu { margin: 0 -1px !important; } + .ui.item.menu .item:last-child:before { display: none; } + .ui.menu.two.item .item { width: 50%; } + .ui.menu.three.item .item { width: 33.333%; } + .ui.menu.four.item .item { width: 25%; } + .ui.menu.five.item .item { width: 20%; } + .ui.menu.six.item .item { width: 16.666%; } + .ui.menu.seven.item .item { width: 14.285%; } + .ui.menu.eight.item .item { width: 12.500%; } + .ui.menu.nine.item .item { width: 11.11%; } + .ui.menu.ten.item .item { width: 10.0%; } + .ui.menu.eleven.item .item { width: 9.09%; } + .ui.menu.twelve.item .item { width: 8.333%; } + +/*-------------- + Fixed +---------------*/ + .ui.menu.fixed { position: fixed; z-index: 101; margin: 0; width: 100%; } + .ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child { border-radius: 0 !important; } + .ui.fixed.menu, .ui[class*="top fixed"].menu { top: 0; @@ -17170,11 +21995,13 @@ ol.ui.horizontal.list li:before, right: auto; bottom: auto; } + .ui[class*="top fixed"].menu { border-top: none; border-left: none; border-right: none; } + .ui[class*="right fixed"].menu { border-top: none; border-bottom: none; @@ -17186,6 +22013,7 @@ ol.ui.horizontal.list li:before, width: auto; height: 100%; } + .ui[class*="bottom fixed"].menu { border-bottom: none; border-left: none; @@ -17195,6 +22023,7 @@ ol.ui.horizontal.list li:before, top: auto; right: auto; } + .ui[class*="left fixed"].menu { border-top: none; border-bottom: none; @@ -17206,16 +22035,23 @@ ol.ui.horizontal.list li:before, width: auto; height: 100%; } + +/* Coupling with Grid */ + .ui.fixed.menu + .ui.grid { padding-top: 2.75rem; } + +/*------------------- + Pointing +--------------------*/ + .ui.pointing.menu .item:after { visibility: hidden; position: absolute; content: ''; top: 100%; left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); background: none; margin: 0.5px 0 0; @@ -17225,50 +22061,71 @@ ol.ui.horizontal.list li:before, border-bottom: 1px solid #D4D4D5; border-right: 1px solid #D4D4D5; z-index: 2; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } + .ui.vertical.pointing.menu .item:after { position: absolute; top: 50%; - right: 0%; + right: 0; bottom: auto; left: auto; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); transform: translateX(50%) translateY(-50%) rotate(45deg); margin: 0 -0.5px 0 0; border: none; border-top: 1px solid #D4D4D5; border-right: 1px solid #D4D4D5; } + +/* Active */ + .ui.pointing.menu .active.item:after { visibility: visible; } + .ui.pointing.menu .active.dropdown.item:after { visibility: hidden; } + +/* Don't double up pointers */ + .ui.pointing.menu .dropdown.active.item:after, .ui.pointing.menu .active.item .menu .active.item:after { display: none; } + +/* Colors */ + .ui.pointing.menu .active.item:hover:after { background-color: #F2F2F2; } + .ui.pointing.menu .active.item:after { background-color: #F2F2F2; } + .ui.pointing.menu .active.item:hover:after { background-color: #F2F2F2; } + .ui.vertical.pointing.menu .active.item:hover:after { background-color: #F2F2F2; } + .ui.vertical.pointing.menu .active.item:after { background-color: #F2F2F2; } + .ui.vertical.pointing.menu .menu .active.item:after { background-color: #FFFFFF; } + +/*-------------- + Attached +---------------*/ + +/* Middle */ + .ui.attached.menu { top: 0; bottom: 0; @@ -17276,12 +22133,15 @@ ol.ui.horizontal.list li:before, margin: 0 -1px; width: calc(100% + 2px ); max-width: calc(100% + 2px ); - -webkit-box-shadow: none; box-shadow: none; } + .ui.attached + .ui.attached.menu:not(.top) { border-top: none; } + +/* Top */ + .ui[class*="top attached"].menu { bottom: 0; margin-bottom: 0; @@ -17289,86 +22149,157 @@ ol.ui.horizontal.list li:before, margin-top: 1rem; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.menu[class*="top attached"]:first-child { margin-top: 0; } + +/* Bottom */ + .ui[class*="bottom attached"].menu { bottom: 0; margin-top: 0; top: 0; margin-bottom: 1rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui[class*="bottom attached"].menu:last-child { margin-bottom: 0; } + +/* Attached Menu Item */ + .ui.top.attached.menu > .item:first-child { border-radius: 0.28571429rem 0 0 0; } + .ui.bottom.attached.menu > .item:first-child { border-radius: 0 0 0 0.28571429rem; } + +/* Tabular Attached */ + .ui.attached.menu:not(.tabular) { border: 1px solid #D4D4D5; } + .ui.attached.inverted.menu { border: none; } + .ui.attached.tabular.menu { margin-left: 0; margin-right: 0; width: 100%; } + +/*-------------- + Sizes +---------------*/ + +/* Mini */ + .ui.mini.menu { font-size: 0.78571429rem; } + .ui.mini.vertical.menu { width: 9rem; } + +/* Tiny */ + .ui.tiny.menu { font-size: 0.85714286rem; } + .ui.tiny.vertical.menu { width: 11rem; } + +/* Small */ + .ui.small.menu { font-size: 0.92857143rem; } + .ui.small.vertical.menu { width: 13rem; } + +/* Medium */ + .ui.menu { font-size: 1rem; } + .ui.vertical.menu { width: 15rem; } + +/* Large */ + .ui.large.menu { font-size: 1.07142857rem; } + .ui.large.vertical.menu { width: 18rem; } + +/* Huge */ + .ui.huge.menu { font-size: 1.21428571rem; } + .ui.huge.vertical.menu { width: 22rem; } + +/* Big */ + .ui.big.menu { font-size: 1.14285714rem; } + .ui.big.vertical.menu { width: 20rem; } + +/* Massive */ + .ui.massive.menu { font-size: 1.28571429rem; } + .ui.massive.vertical.menu { width: 25rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Message + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Message +*******************************/ + .ui.message { position: relative; min-height: 1em; @@ -17377,42 +22308,59 @@ ol.ui.horizontal.list li:before, padding: 1em 1.5em; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; border-radius: 0.28571429rem; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.message:first-child { margin-top: 0; } + .ui.message:last-child { margin-bottom: 0; } + +/*-------------- + Content +---------------*/ + +/* Header */ + .ui.message .header { display: block; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; - margin: -0.14285714em 0 0rem 0; + margin: -0.14285714em 0 0 0; } + +/* Default font size */ + .ui.message .header:not(.ui) { font-size: 1.14285714em; } + +/* Paragraph */ + .ui.message p { opacity: 0.85; margin: 0.75em 0; } + .ui.message p:first-child { margin-top: 0; } + .ui.message p:last-child { margin-bottom: 0; } + .ui.message .header + p { margin-top: 0.25em; } + +/* List */ + .ui.message .list:not(.ui) { text-align: left; padding: 0; @@ -17420,18 +22368,22 @@ ol.ui.horizontal.list li:before, list-style-position: inside; margin: 0.5em 0 0; } + .ui.message .list:not(.ui):first-child { margin-top: 0; } + .ui.message .list:not(.ui):last-child { margin-bottom: 0; } + .ui.message .list:not(.ui) li { position: relative; list-style-type: none; margin: 0 0 0.3em 1em; padding: 0; } + .ui.message .list:not(.ui) li:before { position: absolute; content: '•'; @@ -17439,12 +22391,19 @@ ol.ui.horizontal.list li:before, height: 100%; vertical-align: baseline; } + .ui.message .list:not(.ui) li:last-child { margin-bottom: 0; } + +/* Icon */ + .ui.message > .icon { margin-right: 0.6em; } + +/* Close Icon */ + .ui.message > .close.icon { cursor: pointer; position: absolute; @@ -17452,77 +22411,114 @@ ol.ui.horizontal.list li:before, top: 0.78575em; right: 0.5em; opacity: 0.7; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } + .ui.message > .close.icon:hover { opacity: 1; } + +/* First / Last Element */ + .ui.message > :first-child { margin-top: 0; } + .ui.message > :last-child { margin-bottom: 0; } + +/******************************* + Coupling +*******************************/ + .ui.dropdown .menu > .message { margin: 0 -1px; } + +/******************************* + States +*******************************/ + +/*-------------- + Visible +---------------*/ + .ui.visible.visible.visible.visible.message { display: block; } + .ui.icon.visible.visible.visible.visible.message { - display: -webkit-box; - display: -ms-flexbox; display: flex; } + +/*-------------- + Hidden +---------------*/ + .ui.hidden.hidden.hidden.hidden.message { display: none; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Compact +---------------*/ + .ui.compact.message { display: inline-block; } + .ui.compact.icon.message { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; } + +/*-------------- + Attached +---------------*/ + .ui.attached.message { margin-bottom: -1px; border-radius: 0.28571429rem 0.28571429rem 0 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; margin-left: -1px; margin-right: -1px; } + .ui.attached + .ui.attached.message:not(.top):not(.bottom) { margin-top: -1px; border-radius: 0; } + .ui.bottom.attached.message { margin-top: -1px; border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15); } + .ui.bottom.attached.message:not(:last-child) { margin-bottom: 1em; } + .ui.attached.icon.message { width: auto; } + +/*-------------- + Icon +---------------*/ + .ui.icon.message { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } + .ui.icon.message > .icon:not(.close) { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; line-height: 1; @@ -17530,233 +22526,320 @@ ol.ui.horizontal.list li:before, font-size: 3em; opacity: 0.8; } + .ui.icon.message > .content { display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; flex: 1 1 auto; vertical-align: middle; } + .ui.icon.message .icon:not(.close) + .content { - padding-left: 0rem; + padding-left: 0; } + .ui.icon.message .circular.icon { width: 1em; } + +/*-------------- + Floating +---------------*/ + .ui.floating.message { - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } + +/*-------------- + Colors +---------------*/ + .ui.black.message { background-color: #1B1C1D; color: rgba(255, 255, 255, 0.9); } + +/*-------------- + Types +---------------*/ + +/* Positive */ + .ui.positive.message { background-color: #FCFFF5; color: #2C662D; } + .ui.positive.message, .ui.attached.positive.message { - -webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.positive.message .header { color: #1A531B; } + +/* Negative */ + .ui.negative.message { background-color: #FFF6F6; color: #9F3A38; } + .ui.negative.message, .ui.attached.negative.message { - -webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.negative.message .header { color: #912D2B; } + +/* Info */ + .ui.info.message { background-color: #F8FFFF; color: #276F86; } + .ui.info.message, .ui.attached.info.message { - -webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.info.message .header { color: #0E566C; } + +/* Warning */ + .ui.warning.message { background-color: #FFFAF3; color: #573A08; } + .ui.warning.message, .ui.attached.warning.message { - -webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.warning.message .header { color: #794B02; } + +/* Error */ + .ui.error.message { background-color: #FFF6F6; color: #9F3A38; } + .ui.error.message, .ui.attached.error.message { - -webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.error.message .header { color: #912D2B; } + +/* Success */ + .ui.success.message { background-color: #FCFFF5; color: #2C662D; } + .ui.success.message, .ui.attached.success.message { - -webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.success.message .header { color: #1A531B; } + +/* Colors */ + .ui.inverted.message, .ui.black.message { background-color: #1B1C1D; color: rgba(255, 255, 255, 0.9); } + .ui.red.message { background-color: #FFE8E6; color: #DB2828; - -webkit-box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.red.message .header { color: #c82121; } + .ui.orange.message { background-color: #FFEDDE; color: #F2711C; - -webkit-box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.orange.message .header { color: #e7640d; } + .ui.yellow.message { background-color: #FFF8DB; color: #B58105; - -webkit-box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.yellow.message .header { color: #9c6f04; } + .ui.olive.message { background-color: #FBFDEF; color: #8ABC1E; - -webkit-box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.olive.message .header { color: #7aa61a; } + .ui.green.message { background-color: #E5F9E7; color: #1EBC30; - -webkit-box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.green.message .header { color: #1aa62a; } + .ui.teal.message { background-color: #E1F7F7; color: #10A3A3; - -webkit-box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.teal.message .header { color: #0e8c8c; } + .ui.blue.message { background-color: #DFF0FF; color: #2185D0; - -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.blue.message .header { color: #1e77ba; } + .ui.violet.message { background-color: #EAE7FF; color: #6435C9; - -webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.violet.message .header { color: #5a30b5; } + .ui.purple.message { background-color: #F6E7FF; color: #A333C8; - -webkit-box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.purple.message .header { color: #922eb4; } + .ui.pink.message { background-color: #FFE3FB; color: #E03997; - -webkit-box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.pink.message .header { color: #dd238b; } + .ui.brown.message { background-color: #F1E2D3; color: #A5673F; - -webkit-box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0); } + .ui.brown.message .header { color: #935b38; } + +/*-------------- + Sizes +---------------*/ + .ui.mini.message { font-size: 0.78571429em; } + .ui.tiny.message { font-size: 0.85714286em; } + .ui.small.message { font-size: 0.92857143em; } + .ui.message { font-size: 1em; } + .ui.large.message { font-size: 1.14285714em; } + .ui.big.message { font-size: 1.28571429em; } + .ui.huge.message { font-size: 1.42857143em; } + .ui.massive.message { font-size: 1.71428571em; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Table + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Table +*******************************/ + +/* Prototype */ + .ui.table { width: 100%; background: #FFFFFF; margin: 1em 0; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; box-shadow: none; border-radius: 0.28571429rem; text-align: left; @@ -17764,21 +22847,32 @@ ol.ui.horizontal.list li:before, border-collapse: separate; border-spacing: 0; } + .ui.table:first-child { margin-top: 0; } + .ui.table:last-child { margin-bottom: 0; } + +/******************************* + Parts +*******************************/ + +/* Table Content */ + .ui.table th, .ui.table td { - -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } + +/* Headers */ + .ui.table thead { - -webkit-box-shadow: none; box-shadow: none; } + .ui.table thead th { cursor: auto; background: #F9FAFB; @@ -17786,28 +22880,34 @@ ol.ui.horizontal.list li:before, color: rgba(0, 0, 0, 0.87); padding: 0.92857143em 0.78571429em; vertical-align: inherit; - font-style: none; font-weight: bold; text-transform: none; border-bottom: 1px solid rgba(34, 36, 38, 0.1); border-left: none; } + .ui.table thead tr > th:first-child { border-left: none; } + .ui.table thead tr:first-child > th:first-child { border-radius: 0.28571429rem 0 0 0; } + .ui.table thead tr:first-child > th:last-child { border-radius: 0 0.28571429rem 0 0; } + .ui.table thead tr:first-child > th:only-child { border-radius: 0.28571429rem 0.28571429rem 0 0; } + +/* Footer */ + .ui.table tfoot { - -webkit-box-shadow: none; box-shadow: none; } + .ui.table tfoot th { cursor: auto; border-top: 1px solid rgba(34, 36, 38, 0.15); @@ -17820,50 +22920,77 @@ ol.ui.horizontal.list li:before, font-weight: normal; text-transform: none; } + .ui.table tfoot tr > th:first-child { border-left: none; } + .ui.table tfoot tr:first-child > th:first-child { border-radius: 0 0 0 0.28571429rem; } + .ui.table tfoot tr:first-child > th:last-child { border-radius: 0 0 0.28571429rem 0; } + .ui.table tfoot tr:first-child > th:only-child { border-radius: 0 0 0.28571429rem 0.28571429rem; } + +/* Table Row */ + .ui.table tr td { border-top: 1px solid rgba(34, 36, 38, 0.1); } + .ui.table tr:first-child td { border-top: none; } + +/* Repeated tbody */ + .ui.table tbody + tbody tr:first-child td { border-top: 1px solid rgba(34, 36, 38, 0.1); } + +/* Table Cells */ + .ui.table td { padding: 0.78571429em 0.78571429em; text-align: inherit; } + +/* Icons */ + .ui.table > .icon { vertical-align: baseline; } + .ui.table > .icon:only-child { margin: 0; } + +/* Table Segment */ + .ui.table.segment { padding: 0; } + .ui.table.segment:after { display: none; } + .ui.table.segment.stacked:after { display: block; } + +/* Responsive */ + @media only screen and (max-width: 767px) { .ui.table:not(.unstackable) { width: 100%; } + .ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, .ui.table:not(.unstackable) tr > th, @@ -17871,160 +22998,228 @@ ol.ui.horizontal.list li:before, width: auto !important; display: block !important; } + .ui.table:not(.unstackable) { padding: 0; } + .ui.table:not(.unstackable) thead { display: block; } + .ui.table:not(.unstackable) tfoot { display: block; } + .ui.table:not(.unstackable) tr { padding-top: 1em; padding-bottom: 1em; - -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; } + .ui.table:not(.unstackable) tr > th, .ui.table:not(.unstackable) tr > td { background: none; border: none !important; padding: 0.25em 0.75em !important; - -webkit-box-shadow: none !important; box-shadow: none !important; } + .ui.table:not(.unstackable) th:first-child, .ui.table:not(.unstackable) td:first-child { font-weight: bold; } + + /* Definition Table */ + .ui.definition.table:not(.unstackable) thead th:first-child { - -webkit-box-shadow: none !important; box-shadow: none !important; } } + +/******************************* + Coupling +*******************************/ + +/* UI Image */ + .ui.table th .image, .ui.table th .image img, .ui.table td .image, .ui.table td .image img { max-width: none; } + +/******************************* + Types +*******************************/ + +/*-------------- + Complex +---------------*/ + .ui.structured.table { border-collapse: collapse; } + .ui.structured.table thead th { border-left: none; border-right: none; } + .ui.structured.sortable.table thead th { border-left: 1px solid rgba(34, 36, 38, 0.15); border-right: 1px solid rgba(34, 36, 38, 0.15); } + .ui.structured.basic.table th { border-left: none; border-right: none; } + .ui.structured.celled.table tr th, .ui.structured.celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); border-right: 1px solid rgba(34, 36, 38, 0.1); } + +/*-------------- + Definition +---------------*/ + .ui.definition.table thead:not(.full-width) th:first-child { pointer-events: none; background: transparent; font-weight: normal; color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: -1px -1px 0 1px #FFFFFF; box-shadow: -1px -1px 0 1px #FFFFFF; } + .ui.definition.table tfoot:not(.full-width) th:first-child { pointer-events: none; background: transparent; - font-weight: rgba(0, 0, 0, 0.4); - color: normal; - -webkit-box-shadow: 1px 1px 0 1px #FFFFFF; + font-weight: normal; + color: rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 0 1px #FFFFFF; } + +/* Remove Border */ + .ui.celled.definition.table thead:not(.full-width) th:first-child { - -webkit-box-shadow: 0 -1px 0 1px #FFFFFF; box-shadow: 0 -1px 0 1px #FFFFFF; } + .ui.celled.definition.table tfoot:not(.full-width) th:first-child { - -webkit-box-shadow: 0 1px 0 1px #FFFFFF; box-shadow: 0 1px 0 1px #FFFFFF; } + +/* Highlight Defining Column */ + .ui.definition.table tr td:first-child:not(.ignored), .ui.definition.table tr td.definition { background: rgba(0, 0, 0, 0.03); font-weight: bold; color: rgba(0, 0, 0, 0.95); - text-transform: ''; - -webkit-box-shadow: ''; - box-shadow: ''; - text-align: ''; font-size: 1em; - padding-left: ''; - padding-right: ''; } + +/* Fix 2nd Column */ + .ui.definition.table thead:not(.full-width) th:nth-child(2) { border-left: 1px solid rgba(34, 36, 38, 0.15); } + .ui.definition.table tfoot:not(.full-width) th:nth-child(2) { border-left: 1px solid rgba(34, 36, 38, 0.15); } + .ui.definition.table td:nth-child(2) { border-left: 1px solid rgba(34, 36, 38, 0.15); } + +/******************************* + States +*******************************/ + +/*-------------- + Positive +---------------*/ + .ui.table tr.positive, .ui.table td.positive { - -webkit-box-shadow: 0 0 0 #A3C293 inset; box-shadow: 0 0 0 #A3C293 inset; } + .ui.table tr.positive, .ui.table td.positive { background: #FCFFF5 !important; color: #2C662D !important; } + +/*-------------- + Negative +---------------*/ + .ui.table tr.negative, .ui.table td.negative { - -webkit-box-shadow: 0 0 0 #E0B4B4 inset; box-shadow: 0 0 0 #E0B4B4 inset; } + .ui.table tr.negative, .ui.table td.negative { background: #FFF6F6 !important; color: #9F3A38 !important; } + +/*-------------- + Error +---------------*/ + .ui.table tr.error, .ui.table td.error { - -webkit-box-shadow: 0 0 0 #E0B4B4 inset; box-shadow: 0 0 0 #E0B4B4 inset; } + .ui.table tr.error, .ui.table td.error { background: #FFF6F6 !important; color: #9F3A38 !important; } + +/*-------------- + Warning +---------------*/ + .ui.table tr.warning, .ui.table td.warning { - -webkit-box-shadow: 0 0 0 #C9BA9B inset; box-shadow: 0 0 0 #C9BA9B inset; } + .ui.table tr.warning, .ui.table td.warning { background: #FFFAF3 !important; color: #573A08 !important; } + +/*-------------- + Active +---------------*/ + .ui.table tr.active, .ui.table td.active { - -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset; box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset; } + .ui.table tr.active, .ui.table td.active { background: #E0E0E0 !important; color: rgba(0, 0, 0, 0.87) !important; } + +/*-------------- + Disabled +---------------*/ + .ui.table tr.disabled td, .ui.table tr td.disabled, .ui.table tr.disabled:hover, @@ -18032,6 +23227,15 @@ ol.ui.horizontal.list li:before, pointer-events: none; color: rgba(40, 40, 40, 0.3); } + +/******************************* + Variations +*******************************/ + +/*-------------- + Stackable +---------------*/ + @media only screen and (max-width: 991px) { .ui[class*="tablet stackable"].table, .ui[class*="tablet stackable"].table tbody, @@ -18041,119 +23245,173 @@ ol.ui.horizontal.list li:before, width: 100% !important; display: block !important; } + .ui[class*="tablet stackable"].table { padding: 0; } + .ui[class*="tablet stackable"].table thead { display: block; } + .ui[class*="tablet stackable"].table tfoot { display: block; } + .ui[class*="tablet stackable"].table tr { padding-top: 1em; padding-bottom: 1em; - -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; } + .ui[class*="tablet stackable"].table tr > th, .ui[class*="tablet stackable"].table tr > td { background: none; border: none !important; padding: 0.25em 0.75em; - -webkit-box-shadow: none !important; box-shadow: none !important; } + + /* Definition Table */ + .ui.definition[class*="tablet stackable"].table thead th:first-child { - -webkit-box-shadow: none !important; box-shadow: none !important; } } + +/*-------------- + Text Alignment +---------------*/ + .ui.table[class*="left aligned"], .ui.table [class*="left aligned"] { text-align: left; } + .ui.table[class*="center aligned"], .ui.table [class*="center aligned"] { text-align: center; } + .ui.table[class*="right aligned"], .ui.table [class*="right aligned"] { text-align: right; } + +/*------------------ + Vertical Alignment +------------------*/ + .ui.table[class*="top aligned"], .ui.table [class*="top aligned"] { vertical-align: top; } + .ui.table[class*="middle aligned"], .ui.table [class*="middle aligned"] { vertical-align: middle; } + .ui.table[class*="bottom aligned"], .ui.table [class*="bottom aligned"] { vertical-align: bottom; } + +/*-------------- + Collapsing +---------------*/ + .ui.table th.collapsing, .ui.table td.collapsing { width: 1px; white-space: nowrap; } + +/*-------------- + Fixed +---------------*/ + .ui.fixed.table { table-layout: fixed; } + .ui.fixed.table th, .ui.fixed.table td { overflow: hidden; text-overflow: ellipsis; } + +/*-------------- + Selectable +---------------*/ + .ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important; } + .ui.selectable.inverted.table tbody tr:hover, .ui.inverted.table tbody tr td.selectable:hover { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; } + +/* Selectable Cell Link */ + .ui.table tbody tr td.selectable { padding: 0; } + .ui.table tbody tr td.selectable > a:not(.ui) { display: block; color: inherit; padding: 0.78571429em 0.78571429em; } + +/* Other States */ + .ui.selectable.table tr.error:hover, .ui.table tr td.selectable.error:hover, .ui.selectable.table tr:hover td.error { background: #ffe7e7 !important; color: #943634 !important; } + .ui.selectable.table tr.warning:hover, .ui.table tr td.selectable.warning:hover, .ui.selectable.table tr:hover td.warning { background: #fff4e4 !important; color: #493107 !important; } + .ui.selectable.table tr.active:hover, .ui.table tr td.selectable.active:hover, .ui.selectable.table tr:hover td.active { background: #E0E0E0 !important; color: rgba(0, 0, 0, 0.87) !important; } + .ui.selectable.table tr.positive:hover, .ui.table tr td.selectable.positive:hover, .ui.selectable.table tr:hover td.positive { background: #f7ffe6 !important; color: #275b28 !important; } + .ui.selectable.table tr.negative:hover, .ui.table tr td.selectable.negative:hover, .ui.selectable.table tr:hover td.negative { background: #ffe7e7 !important; color: #943634 !important; } + +/*------------------- + Attached +--------------------*/ + +/* Middle */ + .ui.attached.table { top: 0; bottom: 0; @@ -18161,13 +23419,16 @@ ol.ui.horizontal.list li:before, margin: 0 -1px; width: calc(100% + 2px ); max-width: calc(100% + 2px ); - -webkit-box-shadow: none; box-shadow: none; border: 1px solid #D4D4D5; } + .ui.attached + .ui.attached.table:not(.top) { border-top: none; } + +/* Top */ + .ui[class*="top attached"].table { bottom: 0; margin-bottom: 0; @@ -18175,260 +23436,384 @@ ol.ui.horizontal.list li:before, margin-top: 1em; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.table[class*="top attached"]:first-child { margin-top: 0; } + +/* Bottom */ + .ui[class*="bottom attached"].table { bottom: 0; margin-top: 0; top: 0; margin-bottom: 1em; - -webkit-box-shadow: none, none; - box-shadow: none, none; + box-shadow: none; border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui[class*="bottom attached"].table:last-child { margin-bottom: 0; } + +/*-------------- + Striped +---------------*/ + +/* Table Striping */ + .ui.striped.table > tr:nth-child(2n), .ui.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 50, 0.02); } + +/* Stripes */ + .ui.inverted.striped.table > tr:nth-child(2n), .ui.inverted.striped.table tbody tr:nth-child(2n) { background-color: rgba(255, 255, 255, 0.05); } + +/* Allow striped active hover */ + .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { background: #EFEFEF !important; color: rgba(0, 0, 0, 0.95) !important; } + +/*-------------- + Single Line +---------------*/ + .ui.table[class*="single line"], .ui.table [class*="single line"] { white-space: nowrap; } + .ui.table[class*="single line"], .ui.table [class*="single line"] { white-space: nowrap; } + +/*------------------- + Colors +--------------------*/ + +/* Red */ + .ui.red.table { border-top: 0.2em solid #DB2828; } + .ui.inverted.red.table { background-color: #DB2828 !important; color: #FFFFFF !important; } + +/* Orange */ + .ui.orange.table { border-top: 0.2em solid #F2711C; } + .ui.inverted.orange.table { background-color: #F2711C !important; color: #FFFFFF !important; } + +/* Yellow */ + .ui.yellow.table { border-top: 0.2em solid #FBBD08; } + .ui.inverted.yellow.table { background-color: #FBBD08 !important; color: #FFFFFF !important; } + +/* Olive */ + .ui.olive.table { border-top: 0.2em solid #B5CC18; } + .ui.inverted.olive.table { background-color: #B5CC18 !important; color: #FFFFFF !important; } + +/* Green */ + .ui.green.table { border-top: 0.2em solid #21BA45; } + .ui.inverted.green.table { background-color: #21BA45 !important; color: #FFFFFF !important; } + +/* Teal */ + .ui.teal.table { border-top: 0.2em solid #00B5AD; } + .ui.inverted.teal.table { background-color: #00B5AD !important; color: #FFFFFF !important; } + +/* Blue */ + .ui.blue.table { border-top: 0.2em solid #2185D0; } + .ui.inverted.blue.table { background-color: #2185D0 !important; color: #FFFFFF !important; } + +/* Violet */ + .ui.violet.table { border-top: 0.2em solid #6435C9; } + .ui.inverted.violet.table { background-color: #6435C9 !important; color: #FFFFFF !important; } + +/* Purple */ + .ui.purple.table { border-top: 0.2em solid #A333C8; } + .ui.inverted.purple.table { background-color: #A333C8 !important; color: #FFFFFF !important; } + +/* Pink */ + .ui.pink.table { border-top: 0.2em solid #E03997; } + .ui.inverted.pink.table { background-color: #E03997 !important; color: #FFFFFF !important; } + +/* Brown */ + .ui.brown.table { border-top: 0.2em solid #A5673F; } + .ui.inverted.brown.table { background-color: #A5673F !important; color: #FFFFFF !important; } + +/* Grey */ + .ui.grey.table { border-top: 0.2em solid #767676; } + .ui.inverted.grey.table { background-color: #767676 !important; color: #FFFFFF !important; } + +/* Black */ + .ui.black.table { border-top: 0.2em solid #1B1C1D; } + .ui.inverted.black.table { background-color: #1B1C1D !important; color: #FFFFFF !important; } + +/*-------------- + Column Count +---------------*/ + +/* Grid Based */ + .ui.one.column.table td { width: 100%; } + .ui.two.column.table td { width: 50%; } + .ui.three.column.table td { width: 33.33333333%; } + .ui.four.column.table td { width: 25%; } + .ui.five.column.table td { width: 20%; } + .ui.six.column.table td { width: 16.66666667%; } + .ui.seven.column.table td { width: 14.28571429%; } + .ui.eight.column.table td { width: 12.5%; } + .ui.nine.column.table td { width: 11.11111111%; } + .ui.ten.column.table td { width: 10%; } + .ui.eleven.column.table td { width: 9.09090909%; } + .ui.twelve.column.table td { width: 8.33333333%; } + .ui.thirteen.column.table td { width: 7.69230769%; } + .ui.fourteen.column.table td { width: 7.14285714%; } + .ui.fifteen.column.table td { width: 6.66666667%; } + .ui.sixteen.column.table td { width: 6.25%; } + +/* Column Width */ + .ui.table th.one.wide, .ui.table td.one.wide { width: 6.25%; } + .ui.table th.two.wide, .ui.table td.two.wide { width: 12.5%; } + .ui.table th.three.wide, .ui.table td.three.wide { width: 18.75%; } + .ui.table th.four.wide, .ui.table td.four.wide { width: 25%; } + .ui.table th.five.wide, .ui.table td.five.wide { width: 31.25%; } + .ui.table th.six.wide, .ui.table td.six.wide { width: 37.5%; } + .ui.table th.seven.wide, .ui.table td.seven.wide { width: 43.75%; } + .ui.table th.eight.wide, .ui.table td.eight.wide { width: 50%; } + .ui.table th.nine.wide, .ui.table td.nine.wide { width: 56.25%; } + .ui.table th.ten.wide, .ui.table td.ten.wide { width: 62.5%; } + .ui.table th.eleven.wide, .ui.table td.eleven.wide { width: 68.75%; } + .ui.table th.twelve.wide, .ui.table td.twelve.wide { width: 75%; } + .ui.table th.thirteen.wide, .ui.table td.thirteen.wide { width: 81.25%; } + .ui.table th.fourteen.wide, .ui.table td.fourteen.wide { width: 87.5%; } + .ui.table th.fifteen.wide, .ui.table td.fifteen.wide { width: 93.75%; } + .ui.table th.sixteen.wide, .ui.table td.sixteen.wide { width: 100%; } + +/*-------------- + Sortable +---------------*/ + .ui.sortable.table thead th { cursor: pointer; white-space: nowrap; border-left: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); } + .ui.sortable.table thead th:first-child { border-left: none; } + .ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } + .ui.sortable.table thead th:after { display: none; font-style: normal; @@ -18441,60 +23826,84 @@ ol.ui.horizontal.list li:before, margin: 0 0 0 0.5em; font-family: 'Icons'; } + .ui.sortable.table thead th.ascending:after { content: '\f0d8'; } + .ui.sortable.table thead th.descending:after { content: '\f0d7'; } + +/* Hover */ + .ui.sortable.table th.disabled:hover { cursor: auto; color: rgba(40, 40, 40, 0.3); } + .ui.sortable.table thead th:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); } + +/* Sorted */ + .ui.sortable.table thead th.sorted { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } + .ui.sortable.table thead th.sorted:after { display: inline-block; } + +/* Sorted Hover */ + .ui.sortable.table thead th.sorted:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } + +/* Inverted */ + .ui.inverted.sortable.table thead th.sorted { - background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); color: #ffffff; } + .ui.inverted.sortable.table thead th:hover { - background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); color: #ffffff; } + .ui.inverted.sortable.table thead th { border-left-color: transparent; border-right-color: transparent; } + +/*-------------- + Inverted +---------------*/ + +/* Text Color */ + .ui.inverted.table { background: #333333; color: rgba(255, 255, 255, 0.9); border: none; } + .ui.inverted.table th { background-color: rgba(0, 0, 0, 0.15); border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.9) !important; } + .ui.inverted.table tr td { border-color: rgba(255, 255, 255, 0.1) !important; } + .ui.inverted.table tr.disabled td, .ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled:hover td, @@ -18502,258 +23911,478 @@ ol.ui.horizontal.list li:before, pointer-events: none; color: rgba(225, 225, 225, 0.3); } + +/* Definition */ + .ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child { background: #FFFFFF; } + .ui.inverted.definition.table tr td:first-child { background: rgba(255, 255, 255, 0.02); color: #ffffff; } + +/*-------------- + Collapsing +---------------*/ + .ui.collapsing.table { width: auto; } + +/*-------------- + Basic +---------------*/ + .ui.basic.table { background: transparent; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; box-shadow: none; } + .ui.basic.table thead, .ui.basic.table tfoot { - -webkit-box-shadow: none; box-shadow: none; } + .ui.basic.table th { background: transparent; border-left: none; } + .ui.basic.table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + .ui.basic.table td { background: transparent; } + .ui.basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.05) !important; } + +/* Very Basic */ + .ui[class*="very basic"].table { border: none; } -.ui[class*="very basic"].table:not(.sortable):not(.striped) th, -.ui[class*="very basic"].table:not(.sortable):not(.striped) td { - padding: ''; -} + .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { padding-left: 0; } + .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { padding-right: 0; } + .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { padding-top: 0; } + +/*-------------- + Celled +---------------*/ + .ui.celled.table tr th, .ui.celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); } + .ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child { border-left: none; } + +/*-------------- + Padded +---------------*/ + .ui.padded.table th { padding-left: 1em; padding-right: 1em; } + .ui.padded.table th, .ui.padded.table td { padding: 1em 1em; } + +/* Very */ + .ui[class*="very padded"].table th { padding-left: 1.5em; padding-right: 1.5em; } + .ui[class*="very padded"].table td { padding: 1.5em 1.5em; } + +/*-------------- + Compact +---------------*/ + .ui.compact.table th { padding-left: 0.7em; padding-right: 0.7em; } + .ui.compact.table td { padding: 0.5em 0.7em; } + +/* Very */ + .ui[class*="very compact"].table th { padding-left: 0.6em; padding-right: 0.6em; } + .ui[class*="very compact"].table td { padding: 0.4em 0.6em; } + +/*-------------- + Sizes +---------------*/ + +/* Small */ + .ui.small.table { font-size: 0.9em; } + +/* Standard */ + .ui.table { font-size: 1em; } + +/* Large */ + .ui.large.table { font-size: 1.1em; } + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Ad + * http://github.com/semantic-org/semantic-ui/ + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Advertisement +*******************************/ + .ui.ad { display: block; overflow: hidden; margin: 1em 0; } + .ui.ad:first-child { margin: 0; } + .ui.ad:last-child { margin: 0; } + .ui.ad iframe { margin: 0; padding: 0; border: none; overflow: hidden; } + +/*-------------- + Common +---------------*/ + +/* Leaderboard */ + .ui.leaderboard.ad { width: 728px; height: 90px; } + +/* Medium Rectangle */ + .ui[class*="medium rectangle"].ad { width: 300px; height: 250px; } + +/* Large Rectangle */ + .ui[class*="large rectangle"].ad { width: 336px; height: 280px; } + +/* Half Page */ + .ui[class*="half page"].ad { width: 300px; height: 600px; } + +/*-------------- + Square +---------------*/ + +/* Square */ + .ui.square.ad { width: 250px; height: 250px; } + +/* Small Square */ + .ui[class*="small square"].ad { width: 200px; height: 200px; } + +/*-------------- + Rectangle +---------------*/ + +/* Small Rectangle */ + .ui[class*="small rectangle"].ad { width: 180px; height: 150px; } + +/* Vertical Rectangle */ + .ui[class*="vertical rectangle"].ad { width: 240px; height: 400px; } + +/*-------------- + Button +---------------*/ + .ui.button.ad { width: 120px; height: 90px; } + .ui[class*="square button"].ad { width: 125px; height: 125px; } + .ui[class*="small button"].ad { width: 120px; height: 60px; } + +/*-------------- + Skyscrapers +---------------*/ + +/* Skyscraper */ + .ui.skyscraper.ad { width: 120px; height: 600px; } + +/* Wide Skyscraper */ + .ui[class*="wide skyscraper"].ad { width: 160px; } + +/*-------------- + Banners +---------------*/ + +/* Banner */ + .ui.banner.ad { width: 468px; height: 60px; } + +/* Vertical Banner */ + .ui[class*="vertical banner"].ad { width: 120px; height: 240px; } + +/* Top Banner */ + .ui[class*="top banner"].ad { width: 930px; height: 180px; } + +/* Half Banner */ + .ui[class*="half banner"].ad { width: 234px; height: 60px; } + +/*-------------- + Boards +---------------*/ + +/* Leaderboard */ + .ui[class*="large leaderboard"].ad { width: 970px; height: 90px; } + +/* Billboard */ + .ui.billboard.ad { width: 970px; height: 250px; } + +/*-------------- + Panorama +---------------*/ + +/* Panorama */ + .ui.panorama.ad { width: 980px; height: 120px; } + +/*-------------- + Netboard +---------------*/ + +/* Netboard */ + .ui.netboard.ad { width: 580px; height: 400px; } + +/*-------------- + Mobile +---------------*/ + +/* Large Mobile Banner */ + .ui[class*="large mobile banner"].ad { width: 320px; height: 100px; } + +/* Mobile Leaderboard */ + .ui[class*="mobile leaderboard"].ad { width: 320px; height: 50px; } + +/******************************* + Types +*******************************/ + +/* Mobile Sizes */ + .ui.mobile.ad { display: none; } + @media only screen and (max-width: 767px) { .ui.mobile.ad { display: block; } } + +/******************************* + Variations +*******************************/ + .ui.centered.ad { margin-left: auto; margin-right: auto; } + .ui.test.ad { position: relative; background: #545454; } + .ui.test.ad:after { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; - -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); content: 'Ad'; color: #FFFFFF; font-size: 1em; font-weight: bold; } + .ui.mobile.test.ad:after { font-size: 0.85714286em; } + .ui.test.ad[data-text]:after { content: attr(data-text); } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Item + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Standard +*******************************/ + +/*-------------- + Card +---------------*/ + .ui.cards > .card, .ui.card { max-width: 100%; position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; width: 290px; min-height: 0; @@ -18761,42 +24390,46 @@ ol.ui.horizontal.list li:before, padding: 0; border: none; border-radius: 0.28571429rem; - -webkit-box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5; box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5; - -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; transition: box-shadow 0.1s ease, transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - z-index: ''; + z-index: unset; } + .ui.card { margin: 1em 0; } + .ui.cards > .card a, .ui.card a { cursor: pointer; } + .ui.card:first-child { margin-top: 0; } + .ui.card:last-child { margin-bottom: 0; } + +/*-------------- + Cards +---------------*/ + .ui.cards { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: -0.875em -0.5em; - -ms-flex-wrap: wrap; flex-wrap: wrap; } + .ui.cards > .card { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 0.875em 0.5em; float: none; } + +/* Clearing */ + .ui.cards:after, .ui.card:after { display: block; @@ -18806,32 +24439,46 @@ ol.ui.horizontal.list li:before, overflow: hidden; visibility: hidden; } + +/* Consecutive Card Groups Preserve Row Spacing */ + .ui.cards ~ .ui.cards { margin-top: 0.875em; } + +/*-------------- + Rounded Edges +---------------*/ + .ui.cards > .card > :first-child, .ui.card > :first-child { border-radius: 0.28571429rem 0.28571429rem 0 0 !important; border-top: none !important; } + .ui.cards > .card > :last-child, .ui.card > :last-child { border-radius: 0 0 0.28571429rem 0.28571429rem !important; } + .ui.cards > .card > :only-child, .ui.card > :only-child { border-radius: 0.28571429rem !important; } + +/*-------------- + Images +---------------*/ + .ui.cards > .card > .image, .ui.card > .image { position: relative; display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0; background: rgba(0, 0, 0, 0.05); } + .ui.cards > .card > .image > img, .ui.card > .image > img { display: block; @@ -18839,25 +24486,29 @@ ol.ui.horizontal.list li:before, height: auto; border-radius: inherit; } + .ui.cards > .card > .image:not(.ui) > img, .ui.card > .image:not(.ui) > img { border: none; } + +/*-------------- + Content +---------------*/ + .ui.cards > .card > .content, .ui.card > .content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; flex-grow: 1; border: none; border-top: 1px solid rgba(34, 36, 38, 0.1); background: none; margin: 0; padding: 1em 1em; - -webkit-box-shadow: none; box-shadow: none; font-size: 1em; border-radius: 0; } + .ui.cards > .card > .content:after, .ui.card > .content:after { display: block; @@ -18867,13 +24518,16 @@ ol.ui.horizontal.list li:before, overflow: hidden; visibility: hidden; } + .ui.cards > .card > .content > .header, .ui.card > .content > .header { display: block; - margin: ''; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 0.85); } + +/* Default Header Size */ + .ui.cards > .card > .content > .header:not(.ui), .ui.card > .content > .header:not(.ui) { font-weight: bold; @@ -18881,38 +24535,57 @@ ol.ui.horizontal.list li:before, margin-top: -0.21425em; line-height: 1.28571429em; } + .ui.cards > .card > .content > .meta + .description, .ui.cards > .card > .content > .header + .description, .ui.card > .content > .meta + .description, .ui.card > .content > .header + .description { margin-top: 0.5em; } + +/*---------------- + Floated Content +-----------------*/ + .ui.cards > .card [class*="left floated"], .ui.card [class*="left floated"] { float: left; } + .ui.cards > .card [class*="right floated"], .ui.card [class*="right floated"] { float: right; } + +/*-------------- + Aligned +---------------*/ + .ui.cards > .card [class*="left aligned"], .ui.card [class*="left aligned"] { text-align: left; } + .ui.cards > .card [class*="center aligned"], .ui.card [class*="center aligned"] { text-align: center; } + .ui.cards > .card [class*="right aligned"], .ui.card [class*="right aligned"] { text-align: right; } + +/*-------------- + Content Image +---------------*/ + .ui.cards > .card .content img, .ui.card .content img { display: inline-block; vertical-align: middle; - width: ''; } + .ui.cards > .card img.avatar, .ui.cards > .card .avatar img, .ui.card img.avatar, @@ -18921,63 +24594,96 @@ ol.ui.horizontal.list li:before, height: 2em; border-radius: 500rem; } + +/*-------------- + Description +---------------*/ + .ui.cards > .card > .content > .description, .ui.card > .content > .description { clear: both; color: rgba(0, 0, 0, 0.68); } + +/*-------------- + Paragraph +---------------*/ + .ui.cards > .card > .content p, .ui.card > .content p { margin: 0 0 0.5em; } + .ui.cards > .card > .content p:last-child, .ui.card > .content p:last-child { margin-bottom: 0; } + +/*-------------- + Meta +---------------*/ + .ui.cards > .card .meta, .ui.card .meta { font-size: 1em; color: rgba(0, 0, 0, 0.4); } + .ui.cards > .card .meta *, .ui.card .meta * { margin-right: 0.3em; } + .ui.cards > .card .meta :last-child, .ui.card .meta :last-child { margin-right: 0; } + .ui.cards > .card .meta [class*="right floated"], .ui.card .meta [class*="right floated"] { margin-right: 0; margin-left: 0.3em; } + +/*-------------- + Links +---------------*/ + +/* Generic */ + .ui.cards > .card > .content a:not(.ui), .ui.card > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } -.ui.cards > .card > .content a:not(.ui):hover, -.ui.card > .content a:not(.ui):hover { - color: ''; -} + +/* Header */ + .ui.cards > .card > .content > a.header, .ui.card > .content > a.header { color: rgba(0, 0, 0, 0.85); } + .ui.cards > .card > .content > a.header:hover, .ui.card > .content > a.header:hover { color: #1e70bf; } + +/* Meta */ + .ui.cards > .card .meta > a:not(.ui), .ui.card .meta > a:not(.ui) { color: rgba(0, 0, 0, 0.4); } + .ui.cards > .card .meta > a:not(.ui):hover, .ui.card .meta > a:not(.ui):hover { color: rgba(0, 0, 0, 0.87); } + +/*-------------- + Buttons +---------------*/ + .ui.cards > .card > .buttons, .ui.card > .buttons, .ui.cards > .card > .button, @@ -18985,49 +24691,72 @@ ol.ui.horizontal.list li:before, margin: 0 -1px; width: calc(100% + 2px ); } + +/*-------------- + Dimmer +---------------*/ + .ui.cards > .card .dimmer, .ui.card .dimmer { - background-color: ''; z-index: 10; } + +/*-------------- + Labels +---------------*/ + +/*-----Star----- */ + +/* Icon */ + .ui.cards > .card > .content .star.icon, .ui.card > .content .star.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + .ui.cards > .card > .content .star.icon:hover, .ui.card > .content .star.icon:hover { opacity: 1; color: #FFB70A; } + .ui.cards > .card > .content .active.star.icon, .ui.card > .content .active.star.icon { color: #FFE623; } + +/*-----Like----- */ + +/* Icon */ + .ui.cards > .card > .content .like.icon, .ui.card > .content .like.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + .ui.cards > .card > .content .like.icon:hover, .ui.card > .content .like.icon:hover { opacity: 1; color: #FF2733; } + .ui.cards > .card > .content .active.like.icon, .ui.card > .content .active.like.icon { color: #FF2733; } + +/*---------------- + Extra Content +-----------------*/ + .ui.cards > .card > .extra, .ui.card > .extra { max-width: 100%; min-height: 0 !important; - -webkit-box-flex: 0; - -ms-flex-positive: 0; flex-grow: 0; border-top: 1px solid rgba(0, 0, 0, 0.05) !important; position: static; @@ -19038,56 +24767,78 @@ ol.ui.horizontal.list li:before, top: 0; left: 0; color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; box-shadow: none; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + .ui.cards > .card > .extra a:not(.ui), .ui.card > .extra a:not(.ui) { color: rgba(0, 0, 0, 0.4); } + .ui.cards > .card > .extra a:not(.ui):hover, .ui.card > .extra a:not(.ui):hover { color: #1e70bf; } + +/******************************* + Variations +*******************************/ + +/*------------------- + Raised +--------------------*/ + .ui.raised.cards > .card, .ui.raised.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } + .ui.raised.cards a.card:hover, .ui.link.cards .raised.card:hover, a.ui.raised.card:hover, .ui.link.raised.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25); box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25); } + .ui.raised.cards > .card, .ui.raised.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } + +/*------------------- + Centered +--------------------*/ + .ui.centered.cards { - -webkit-box-pack: center; - -ms-flex-pack: center; justify-content: center; } + .ui.centered.card { margin-left: auto; margin-right: auto; } + +/*------------------- + Fluid +--------------------*/ + .ui.fluid.card { width: 100%; max-width: 9999px; } + +/*------------------- + Link +--------------------*/ + .ui.cards a.card, .ui.link.cards .card, a.ui.card, .ui.link.card { - -webkit-transform: none; transform: none; } + .ui.cards a.card:hover, .ui.link.cards .card:hover, a.ui.card:hover, @@ -19096,430 +24847,533 @@ a.ui.card:hover, z-index: 5; background: #FFFFFF; border: none; - -webkit-box-shadow: 0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5; box-shadow: 0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5; - -webkit-transform: translateY(-3px); transform: translateY(-3px); } + +/*------------------- + Colors +--------------------*/ + +/* Red */ + .ui.red.cards > .card, .ui.cards > .red.card, .ui.red.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5; } + .ui.red.cards > .card:hover, .ui.cards > .red.card:hover, .ui.red.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD; } + +/* Orange */ + .ui.orange.cards > .card, .ui.cards > .orange.card, .ui.orange.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5; } + .ui.orange.cards > .card:hover, .ui.cards > .orange.card:hover, .ui.orange.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD; } + +/* Yellow */ + .ui.yellow.cards > .card, .ui.cards > .yellow.card, .ui.yellow.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5; } + .ui.yellow.cards > .card:hover, .ui.cards > .yellow.card:hover, .ui.yellow.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD; } + +/* Olive */ + .ui.olive.cards > .card, .ui.cards > .olive.card, .ui.olive.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5; } + .ui.olive.cards > .card:hover, .ui.cards > .olive.card:hover, .ui.olive.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD; } + +/* Green */ + .ui.green.cards > .card, .ui.cards > .green.card, .ui.green.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5; } + .ui.green.cards > .card:hover, .ui.cards > .green.card:hover, .ui.green.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD; } + +/* Teal */ + .ui.teal.cards > .card, .ui.cards > .teal.card, .ui.teal.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5; } + .ui.teal.cards > .card:hover, .ui.cards > .teal.card:hover, .ui.teal.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD; } + +/* Blue */ + .ui.blue.cards > .card, .ui.cards > .blue.card, .ui.blue.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5; } + .ui.blue.cards > .card:hover, .ui.cards > .blue.card:hover, .ui.blue.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD; } + +/* Violet */ + .ui.violet.cards > .card, .ui.cards > .violet.card, .ui.violet.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5; } + .ui.violet.cards > .card:hover, .ui.cards > .violet.card:hover, .ui.violet.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD; } + +/* Purple */ + .ui.purple.cards > .card, .ui.cards > .purple.card, .ui.purple.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5; } + .ui.purple.cards > .card:hover, .ui.cards > .purple.card:hover, .ui.purple.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD; } + +/* Pink */ + .ui.pink.cards > .card, .ui.cards > .pink.card, .ui.pink.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5; } + .ui.pink.cards > .card:hover, .ui.cards > .pink.card:hover, .ui.pink.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD; } + +/* Brown */ + .ui.brown.cards > .card, .ui.cards > .brown.card, .ui.brown.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5; } + .ui.brown.cards > .card:hover, .ui.cards > .brown.card:hover, .ui.brown.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD; } + +/* Grey */ + .ui.grey.cards > .card, .ui.cards > .grey.card, .ui.grey.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5; } + .ui.grey.cards > .card:hover, .ui.cards > .grey.card:hover, .ui.grey.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD; } + +/* Black */ + .ui.black.cards > .card, .ui.cards > .black.card, .ui.black.card { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5; } + .ui.black.cards > .card:hover, .ui.cards > .black.card:hover, .ui.black.card:hover { - -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD; box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD; } + +/*-------------- + Card Count +---------------*/ + .ui.one.cards { margin-left: 0; margin-right: 0; } + .ui.one.cards > .card { width: 100%; } + .ui.two.cards { margin-left: -1em; margin-right: -1em; } + .ui.two.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.three.cards { margin-left: -1em; margin-right: -1em; } + .ui.three.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.four.cards { margin-left: -0.75em; margin-right: -0.75em; } + .ui.four.cards > .card { width: calc( 25% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } + .ui.five.cards { margin-left: -0.75em; margin-right: -0.75em; } + .ui.five.cards > .card { width: calc( 20% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } + .ui.six.cards { margin-left: -0.75em; margin-right: -0.75em; } + .ui.six.cards > .card { width: calc( 16.66666667% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } + .ui.seven.cards { margin-left: -0.5em; margin-right: -0.5em; } + .ui.seven.cards > .card { width: calc( 14.28571429% - 1em ); margin-left: 0.5em; margin-right: 0.5em; } + .ui.eight.cards { margin-left: -0.5em; margin-right: -0.5em; } + .ui.eight.cards > .card { width: calc( 12.5% - 1em ); margin-left: 0.5em; margin-right: 0.5em; font-size: 11px; } + .ui.nine.cards { margin-left: -0.5em; margin-right: -0.5em; } + .ui.nine.cards > .card { width: calc( 11.11111111% - 1em ); margin-left: 0.5em; margin-right: 0.5em; font-size: 10px; } + .ui.ten.cards { margin-left: -0.5em; margin-right: -0.5em; } + .ui.ten.cards > .card { width: calc( 10% - 1em ); margin-left: 0.5em; margin-right: 0.5em; } + +/*------------------- + Doubling +--------------------*/ + +/* Mobile Only */ + @media only screen and (max-width: 767px) { .ui.two.doubling.cards { margin-left: 0; margin-right: 0; } + .ui.two.doubling.cards > .card { width: 100%; margin-left: 0; margin-right: 0; } + .ui.three.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.three.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.four.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.four.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.five.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.five.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.six.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.six.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.seven.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.seven.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.eight.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.eight.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.nine.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.nine.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.ten.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.ten.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } } + +/* Tablet Only */ + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.two.doubling.cards { margin-left: 0; margin-right: 0; } + .ui.two.doubling.cards > .card { width: 100%; margin-left: 0; margin-right: 0; } + .ui.three.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.three.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.four.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.four.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.five.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.five.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.six.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.six.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.eight.doubling.cards { margin-left: -1em; margin-right: -1em; } + .ui.eight.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } + .ui.eight.doubling.cards { margin-left: -0.75em; margin-right: -0.75em; } + .ui.eight.doubling.cards > .card { width: calc( 25% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } + .ui.nine.doubling.cards { margin-left: -0.75em; margin-right: -0.75em; } + .ui.nine.doubling.cards > .card { width: calc( 25% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } + .ui.ten.doubling.cards { margin-left: -0.75em; margin-right: -0.75em; } + .ui.ten.doubling.cards > .card { width: calc( 20% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } } + +/*------------------- + Stackable +--------------------*/ + @media only screen and (max-width: 767px) { .ui.stackable.cards { display: block !important; } + .ui.stackable.cards .card:first-child { margin-top: 0 !important; } + .ui.stackable.cards > .card { display: block !important; height: auto !important; @@ -19528,46 +25382,95 @@ a.ui.card:hover, width: calc( 100% - 2em ) !important; } } + +/*-------------- + Size +---------------*/ + .ui.cards > .card { font-size: 1em; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Comment + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Standard +*******************************/ + +/*-------------- + Comments +---------------*/ + .ui.comments { margin: 1.5em 0; max-width: 650px; } + .ui.comments:first-child { margin-top: 0; } + .ui.comments:last-child { margin-bottom: 0; } + +/*-------------- + Comment +---------------*/ + .ui.comments .comment { position: relative; background: none; margin: 0.5em 0 0; padding: 0.5em 0 0; - border: none; - border-top: none; + border-style: none; line-height: 1.2; } + .ui.comments .comment:first-child { margin-top: 0; padding-top: 0; } + +/*-------------------- + Nested Comments +---------------------*/ + .ui.comments .comment .comments { margin: 0 0 0.5em 0.5em; padding: 1em 0 1em 1em; } + .ui.comments .comment .comments:before { position: absolute; top: 0; left: 0; } + .ui.comments .comment .comments .comment { - border: none; - border-top: none; + border-style: none; background: none; } + +/*-------------- + Avatar +---------------*/ + .ui.comments .comment .avatar { display: block; width: 2.5em; @@ -19575,6 +25478,7 @@ a.ui.card:hover, float: left; margin: 0.2em 0 0; } + .ui.comments .comment img.avatar, .ui.comments .comment .avatar img { display: block; @@ -19583,36 +25487,63 @@ a.ui.card:hover, height: 100%; border-radius: 0.25rem; } + +/*-------------- + Content +---------------*/ + .ui.comments .comment > .content { display: block; } + +/* If there is an avatar move content over */ + .ui.comments .comment > .avatar ~ .content { margin-left: 3.5em; } + +/*-------------- + Author +---------------*/ + .ui.comments .comment .author { font-size: 1em; color: rgba(0, 0, 0, 0.87); font-weight: bold; } + .ui.comments .comment a.author { cursor: pointer; } + .ui.comments .comment a.author:hover { color: #1e70bf; } + +/*-------------- + Metadata +---------------*/ + .ui.comments .comment .metadata { display: inline-block; margin-left: 0.5em; color: rgba(0, 0, 0, 0.4); font-size: 0.875em; } + .ui.comments .comment .metadata > * { display: inline-block; margin: 0 0.5em 0 0; } + .ui.comments .comment .metadata > :last-child { margin-right: 0; } + +/*-------------------- + Comment Text +---------------------*/ + .ui.comments .comment .text { margin: 0.25em 0 0.5em; font-size: 1em; @@ -19620,98 +25551,168 @@ a.ui.card:hover, color: rgba(0, 0, 0, 0.87); line-height: 1.3; } + +/*-------------------- + User Actions +---------------------*/ + .ui.comments .comment .actions { font-size: 0.875em; } + .ui.comments .comment .actions a { cursor: pointer; display: inline-block; margin: 0 0.75em 0 0; color: rgba(0, 0, 0, 0.4); } + .ui.comments .comment .actions a:last-child { margin-right: 0; } + .ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover { color: rgba(0, 0, 0, 0.8); } + +/*-------------------- + Reply Form +---------------------*/ + .ui.comments > .reply.form { margin-top: 1em; } + .ui.comments .comment .reply.form { width: 100%; margin-top: 1em; } + .ui.comments .reply.form textarea { font-size: 1em; height: 12em; } + +/******************************* + State +*******************************/ + .ui.collapsed.comments, .ui.comments .collapsed.comments, .ui.comments .collapsed.comment { display: none; } + +/******************************* + Variations +*******************************/ + +/*-------------------- + Threaded +---------------------*/ + .ui.threaded.comments .comment .comments { margin: -1.5em 0 -1em 1.25em; padding: 3em 0 2em 2.25em; - -webkit-box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); } + +/*-------------------- + Minimal +---------------------*/ + .ui.minimal.comments .comment .actions { opacity: 0; position: absolute; top: 0; right: 0; left: auto; - -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; - -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } + .ui.minimal.comments .comment > .content:hover > .actions { opacity: 1; } + +/*------------------- + Sizes +--------------------*/ + .ui.mini.comments { font-size: 0.78571429rem; } + .ui.tiny.comments { font-size: 0.85714286rem; } + .ui.small.comments { font-size: 0.92857143rem; } + .ui.comments { font-size: 1rem; } + .ui.large.comments { font-size: 1.14285714rem; } + .ui.big.comments { font-size: 1.28571429rem; } + .ui.huge.comments { font-size: 1.42857143rem; } + .ui.massive.comments { font-size: 1.71428571rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Feed + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Activity Feed +*******************************/ + .ui.feed { margin: 1em 0; } + .ui.feed:first-child { margin-top: 0; } + .ui.feed:last-child { margin-bottom: 0; } + +/******************************* + Content +*******************************/ + +/* Event */ + .ui.feed > .event { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; width: 100%; padding: 0.21428571rem 0; @@ -19719,24 +25720,27 @@ a.ui.card:hover, background: none; border-top: none; } + .ui.feed > .event:first-child { border-top: 0; padding-top: 0; } + .ui.feed > .event:last-child { padding-bottom: 0; } + +/* Event Label */ + .ui.feed > .event > .label { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; width: 2.5em; height: auto; - -ms-flex-item-align: stretch; align-self: stretch; text-align: left; } + .ui.feed > .event > .label .icon { opacity: 1; font-size: 1.5em; @@ -19744,33 +25748,48 @@ a.ui.card:hover, padding: 0.25em; background: none; border: none; - border-radius: none; color: rgba(0, 0, 0, 0.6); } + .ui.feed > .event > .label img { width: 100%; height: auto; border-radius: 500rem; } + .ui.feed > .event > .label + .content { margin: 0.5em 0 0.35714286em 1.14285714em; } + +/*-------------- + Content +---------------*/ + +/* Content */ + .ui.feed > .event > .content { display: block; -webkit-box-flex: 1; - -ms-flex: 1 1 auto; flex: 1 1 auto; - -ms-flex-item-align: stretch; align-self: stretch; text-align: left; word-wrap: break-word; } + .ui.feed > .event:last-child > .content { padding-bottom: 0; } + +/* Link */ + .ui.feed > .event > .content a { cursor: pointer; } + +/*-------------- + Date +---------------*/ + .ui.feed > .event > .content .date { margin: -0.5rem 0 0; padding: 0; @@ -19779,12 +25798,20 @@ a.ui.card:hover, font-style: normal; color: rgba(0, 0, 0, 0.4); } + +/*-------------- + Summary +---------------*/ + .ui.feed > .event > .content .summary { margin: 0; font-size: 1em; font-weight: bold; color: rgba(0, 0, 0, 0.87); } + +/* Summary Image */ + .ui.feed > .event > .content .summary img { display: inline-block; width: auto; @@ -19793,18 +25820,31 @@ a.ui.card:hover, border-radius: 0.25em; vertical-align: middle; } + +/*-------------- + User +---------------*/ + .ui.feed > .event > .content .user { display: inline-block; font-weight: bold; margin-right: 0; vertical-align: baseline; } + .ui.feed > .event > .content .user img { margin: -0.25em 0.25em 0 0; width: auto; height: 10em; vertical-align: middle; } + +/*-------------- + Inline Date +---------------*/ + +/* Date inside Summary */ + .ui.feed > .event > .content .summary > .date { display: inline-block; float: none; @@ -19815,17 +25855,28 @@ a.ui.card:hover, padding: 0; color: rgba(0, 0, 0, 0.4); } + +/*-------------- + Extra Summary +---------------*/ + .ui.feed > .event > .content .extra { margin: 0.5em 0 0; background: none; padding: 0; color: rgba(0, 0, 0, 0.87); } + +/* Images */ + .ui.feed > .event > .content .extra.images img { display: inline-block; margin: 0 0.25em 0 0; width: 6em; } + +/* Text */ + .ui.feed > .event > .content .extra.text { padding: 0; border-left: none; @@ -19833,6 +25884,11 @@ a.ui.card:hover, max-width: 500px; line-height: 1.4285em; } + +/*-------------- + Meta +---------------*/ + .ui.feed > .event > .content .meta { display: inline-block; font-size: 0.85714286em; @@ -19840,15 +25896,16 @@ a.ui.card:hover, background: none; border: none; border-radius: 0; - -webkit-box-shadow: none; box-shadow: none; padding: 0; color: rgba(0, 0, 0, 0.6); } + .ui.feed > .event > .content .meta > * { position: relative; margin-left: 0.75em; } + .ui.feed > .event > .content .meta > *:after { content: ''; color: rgba(0, 0, 0, 0.2); @@ -19858,48 +25915,87 @@ a.ui.card:hover, position: absolute; vertical-align: top; } + .ui.feed > .event > .content .meta .like { - color: ''; - -webkit-transition: 0.2s color ease; transition: 0.2s color ease; } + .ui.feed > .event > .content .meta .like:hover .icon { color: #FF2733; } + .ui.feed > .event > .content .meta .active.like .icon { color: #EF404A; } + +/* First element */ + .ui.feed > .event > .content .meta > :first-child { margin-left: 0; } + .ui.feed > .event > .content .meta > :first-child::after { display: none; } + +/* Action */ + .ui.feed > .event > .content .meta a, .ui.feed > .event > .content .meta > .icon { cursor: pointer; opacity: 1; color: rgba(0, 0, 0, 0.5); - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + .ui.feed > .event > .content .meta a:hover, .ui.feed > .event > .content .meta a:hover .icon, .ui.feed > .event > .content .meta > .icon:hover { color: rgba(0, 0, 0, 0.95); } + +/******************************* + Variations +*******************************/ + .ui.small.feed { font-size: 0.92857143rem; } + .ui.feed { font-size: 1rem; } + .ui.large.feed { font-size: 1.14285714rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Item + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Standard +*******************************/ + +/*-------------- + Item +---------------*/ + .ui.items > .item { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1em 0; width: 100%; @@ -19907,27 +26003,36 @@ a.ui.card:hover, background: transparent; padding: 0; border: none; - border-radius: 0rem; - -webkit-box-shadow: none; + border-radius: 0; box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.1s ease; - transition: -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - z-index: ''; + z-index: unset; } + .ui.items > .item a { cursor: pointer; } + +/*-------------- + Items +---------------*/ + .ui.items { margin: 1.5em 0; } + .ui.items:first-child { margin-top: 0 !important; } + .ui.items:last-child { margin-bottom: 0 !important; } + +/*-------------- + Item +---------------*/ + .ui.items > .item:after { display: block; content: ' '; @@ -19936,25 +26041,30 @@ a.ui.card:hover, overflow: hidden; visibility: hidden; } + .ui.items > .item:first-child { margin-top: 0; } + .ui.items > .item:last-child { margin-bottom: 0; } + +/*-------------- + Images +---------------*/ + .ui.items > .item > .image { position: relative; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; float: none; margin: 0; padding: 0; - max-height: ''; - -ms-flex-item-align: top; - align-self: top; + max-height: none; + align-self: start; } + .ui.items > .item > .image > img { display: block; width: 100%; @@ -19962,23 +26072,27 @@ a.ui.card:hover, border-radius: 0.125rem; border: none; } + .ui.items > .item > .image:only-child > img { - border-radius: 0rem; + border-radius: 0; } + +/*-------------- + Content +---------------*/ + .ui.items > .item > .content { display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; flex: 1 1 auto; background: none; margin: 0; padding: 0; - -webkit-box-shadow: none; box-shadow: none; font-size: 1em; border: none; border-radius: 0; } + .ui.items > .item > .content:after { display: block; content: ' '; @@ -19987,15 +26101,16 @@ a.ui.card:hover, overflow: hidden; visibility: hidden; } + .ui.items > .item > .image + .content { min-width: 0; width: auto; display: block; margin-left: 0; - -ms-flex-item-align: top; - align-self: top; + align-self: start; padding-left: 1.5em; } + .ui.items > .item > .content > .header { display: inline-block; margin: -0.21425em 0 0; @@ -20003,101 +26118,162 @@ a.ui.card:hover, font-weight: bold; color: rgba(0, 0, 0, 0.85); } + +/* Default Header Size */ + .ui.items > .item > .content > .header:not(.ui) { font-size: 1.28571429em; } + +/*-------------- + Floated +---------------*/ + .ui.items > .item [class*="left floated"] { float: left; } + .ui.items > .item [class*="right floated"] { float: right; } + +/*-------------- + Content Image +---------------*/ + .ui.items > .item .content img { - -ms-flex-item-align: middle; - align-self: middle; - width: ''; + align-self: center; } + .ui.items > .item img.avatar, .ui.items > .item .avatar img { - width: ''; - height: ''; border-radius: 500rem; } + +/*-------------- + Description +---------------*/ + .ui.items > .item > .content > .description { margin-top: 0.6em; - max-width: auto; + max-width: none; font-size: 1em; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); } + +/*-------------- + Paragraph +---------------*/ + .ui.items > .item > .content p { margin: 0 0 0.5em; } + .ui.items > .item > .content p:last-child { margin-bottom: 0; } + +/*-------------- + Meta +---------------*/ + .ui.items > .item .meta { margin: 0.5em 0 0.5em; font-size: 1em; line-height: 1em; color: rgba(0, 0, 0, 0.6); } + .ui.items > .item .meta * { margin-right: 0.3em; } + .ui.items > .item .meta :last-child { margin-right: 0; } + .ui.items > .item .meta [class*="right floated"] { margin-right: 0; margin-left: 0.3em; } + +/*-------------- + Links +---------------*/ + +/* Generic */ + .ui.items > .item > .content a:not(.ui) { - color: ''; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } -.ui.items > .item > .content a:not(.ui):hover { - color: ''; -} + +/* Header */ + .ui.items > .item > .content > a.header { color: rgba(0, 0, 0, 0.85); } + .ui.items > .item > .content > a.header:hover { color: #1e70bf; } + +/* Meta */ + .ui.items > .item .meta > a:not(.ui) { color: rgba(0, 0, 0, 0.4); } + .ui.items > .item .meta > a:not(.ui):hover { color: rgba(0, 0, 0, 0.87); } + +/*-------------- + Labels +---------------*/ + +/*-----Star----- */ + +/* Icon */ + .ui.items > .item > .content .favorite.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + .ui.items > .item > .content .favorite.icon:hover { opacity: 1; color: #FFB70A; } + .ui.items > .item > .content .active.favorite.icon { color: #FFE623; } + +/*-----Like----- */ + +/* Icon */ + .ui.items > .item > .content .like.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + .ui.items > .item > .content .like.icon:hover { opacity: 1; color: #FF2733; } + .ui.items > .item > .content .active.like.icon { color: #FF2733; } + +/*---------------- + Extra Content +-----------------*/ + .ui.items > .item .extra { display: block; position: relative; @@ -20108,18 +26284,19 @@ a.ui.card:hover, top: 0; left: 0; color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; box-shadow: none; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; border-top: none; } + .ui.items > .item .extra > * { margin: 0.25rem 0.5rem 0.25rem 0; } + .ui.items > .item .extra > [class*="right floated"] { margin: 0.25rem 0 0.25rem 0.5rem; } + .ui.items > .item .extra:after { display: block; content: ' '; @@ -20128,152 +26305,228 @@ a.ui.card:hover, overflow: hidden; visibility: hidden; } + +/******************************* + Responsive +*******************************/ + +/* Default Image Width */ + .ui.items > .item > .image:not(.ui) { width: 175px; } + +/* Tablet Only */ + @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.items > .item { margin: 1em 0; } + .ui.items > .item > .image:not(.ui) { width: 150px; } + .ui.items > .item > .image + .content { display: block; padding: 0 0 0 1em; } } + +/* Mobile Only */ + @media only screen and (max-width: 767px) { .ui.items:not(.unstackable) > .item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; margin: 2em 0; } + .ui.items:not(.unstackable) > .item > .image { display: block; margin-left: auto; margin-right: auto; } + .ui.items:not(.unstackable) > .item > .image, .ui.items:not(.unstackable) > .item > .image > img { max-width: 100% !important; width: auto !important; max-height: 250px !important; } + .ui.items:not(.unstackable) > .item > .image + .content { display: block; padding: 1.5em 0 0; } } + +/******************************* + Variations +*******************************/ + +/*------------------- + Aligned +--------------------*/ + .ui.items > .item > .image + [class*="top aligned"].content { - -ms-flex-item-align: start; align-self: flex-start; } + .ui.items > .item > .image + [class*="middle aligned"].content { - -ms-flex-item-align: center; align-self: center; } + .ui.items > .item > .image + [class*="bottom aligned"].content { - -ms-flex-item-align: end; align-self: flex-end; } + +/*-------------- + Relaxed +---------------*/ + .ui.relaxed.items > .item { margin: 1.5em 0; } + .ui[class*="very relaxed"].items > .item { margin: 2em 0; } + +/*------------------- + Divided +--------------------*/ + .ui.divided.items > .item { border-top: 1px solid rgba(34, 36, 38, 0.15); margin: 0; padding: 1em 0; } + .ui.divided.items > .item:first-child { border-top: none; margin-top: 0 !important; padding-top: 0 !important; } + .ui.divided.items > .item:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } + +/* Relaxed Divided */ + .ui.relaxed.divided.items > .item { margin: 0; padding: 1.5em 0; } + .ui[class*="very relaxed"].divided.items > .item { margin: 0; padding: 2em 0; } + +/*------------------- + Link +--------------------*/ + .ui.items a.item:hover, .ui.link.items > .item:hover { cursor: pointer; } + .ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header { color: #1e70bf; } + +/*-------------- + Size +---------------*/ + .ui.items > .item { font-size: 1em; } + +/*--------------- + Unstackable +----------------*/ + @media only screen and (max-width: 767px) { .ui.unstackable.items > .item > .image, .ui.unstackable.items > .item > .image > img { width: 125px !important; } } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Statistic + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Statistic +*******************************/ + +/* Standalone */ + .ui.statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; margin: 1em 0; - max-width: auto; + max-width: none; } + .ui.statistic + .ui.statistic { margin: 0 0 0 1.5em; } + .ui.statistic:first-child { margin-top: 0; } + .ui.statistic:last-child { margin-bottom: 0; } + +/******************************* + Group +*******************************/ + +/* Grouped */ + .ui.statistics { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: start; - -ms-flex-align: start; align-items: flex-start; - -ms-flex-wrap: wrap; flex-wrap: wrap; } + .ui.statistics > .statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; margin: 0 1.5em 2em; - max-width: auto; + max-width: none; } + .ui.statistics { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1em -1.5em -2em; } + +/* Clearing */ + .ui.statistics:after { display: block; content: ' '; @@ -20282,12 +26535,23 @@ a.ui.card:hover, overflow: hidden; visibility: hidden; } + .ui.statistics:first-child { margin-top: 0; } + .ui.statistics:last-child { margin-bottom: 0; } + +/******************************* + Content +*******************************/ + +/*-------------- + Value +---------------*/ + .ui.statistics .statistic > .value, .ui.statistic > .value { font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; @@ -20298,6 +26562,11 @@ a.ui.card:hover, text-transform: uppercase; text-align: center; } + +/*-------------- + Label +---------------*/ + .ui.statistics .statistic > .label, .ui.statistic > .label { font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; @@ -20307,20 +26576,40 @@ a.ui.card:hover, text-transform: uppercase; text-align: center; } + +/* Top Label */ + .ui.statistics .statistic > .label ~ .value, .ui.statistic > .label ~ .value { - margin-top: 0rem; + margin-top: 0; } + +/* Bottom Label */ + .ui.statistics .statistic > .value ~ .label, .ui.statistic > .value ~ .label { - margin-top: 0rem; + margin-top: 0; } + +/******************************* + Types +*******************************/ + +/*-------------- + Icon Value +---------------*/ + .ui.statistics .statistic > .value .icon, .ui.statistic > .value .icon { opacity: 1; width: auto; margin: 0; } + +/*-------------- + Text Value +---------------*/ + .ui.statistics .statistic > .text.value, .ui.statistic > .text.value { line-height: 1em; @@ -20328,373 +26617,518 @@ a.ui.card:hover, font-weight: bold; text-align: center; } + .ui.statistics .statistic > .text.value + .label, .ui.statistic > .text.value + .label { text-align: center; } + +/*-------------- + Image Value +---------------*/ + .ui.statistics .statistic > .value img, .ui.statistic > .value img { max-height: 3rem; vertical-align: baseline; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Count +---------------*/ + .ui.ten.statistics { margin: 0 0 -2em; } + .ui.ten.statistics .statistic { min-width: 10%; margin: 0 0 2em; } + .ui.nine.statistics { margin: 0 0 -2em; } + .ui.nine.statistics .statistic { min-width: 11.11111111%; margin: 0 0 2em; } + .ui.eight.statistics { margin: 0 0 -2em; } + .ui.eight.statistics .statistic { min-width: 12.5%; margin: 0 0 2em; } + .ui.seven.statistics { margin: 0 0 -2em; } + .ui.seven.statistics .statistic { min-width: 14.28571429%; margin: 0 0 2em; } + .ui.six.statistics { margin: 0 0 -2em; } + .ui.six.statistics .statistic { min-width: 16.66666667%; margin: 0 0 2em; } + .ui.five.statistics { margin: 0 0 -2em; } + .ui.five.statistics .statistic { min-width: 20%; margin: 0 0 2em; } + .ui.four.statistics { margin: 0 0 -2em; } + .ui.four.statistics .statistic { min-width: 25%; margin: 0 0 2em; } + .ui.three.statistics { margin: 0 0 -2em; } + .ui.three.statistics .statistic { min-width: 33.33333333%; margin: 0 0 2em; } + .ui.two.statistics { margin: 0 0 -2em; } + .ui.two.statistics .statistic { min-width: 50%; margin: 0 0 2em; } + .ui.one.statistics { margin: 0 0 -2em; } + .ui.one.statistics .statistic { min-width: 100%; margin: 0 0 2em; } + +/*-------------- + Horizontal +---------------*/ + .ui.horizontal.statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } + .ui.horizontal.statistics { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; margin: 0; max-width: none; } + .ui.horizontal.statistics .statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; max-width: none; margin: 1em 0; } + .ui.horizontal.statistic > .text.value, .ui.horizontal.statistics > .statistic > .text.value { min-height: 0 !important; } + .ui.horizontal.statistics .statistic > .value .icon, .ui.horizontal.statistic > .value .icon { width: 1.18em; } + .ui.horizontal.statistics .statistic > .value, .ui.horizontal.statistic > .value { display: inline-block; vertical-align: middle; } + .ui.horizontal.statistics .statistic > .label, .ui.horizontal.statistic > .label { display: inline-block; vertical-align: middle; margin: 0 0 0 0.75em; } + +/*-------------- + Colors +---------------*/ + .ui.red.statistics .statistic > .value, .ui.statistics .red.statistic > .value, .ui.red.statistic > .value { color: #DB2828; } + .ui.orange.statistics .statistic > .value, .ui.statistics .orange.statistic > .value, .ui.orange.statistic > .value { color: #F2711C; } + .ui.yellow.statistics .statistic > .value, .ui.statistics .yellow.statistic > .value, .ui.yellow.statistic > .value { color: #FBBD08; } + .ui.olive.statistics .statistic > .value, .ui.statistics .olive.statistic > .value, .ui.olive.statistic > .value { color: #B5CC18; } + .ui.green.statistics .statistic > .value, .ui.statistics .green.statistic > .value, .ui.green.statistic > .value { color: #21BA45; } + .ui.teal.statistics .statistic > .value, .ui.statistics .teal.statistic > .value, .ui.teal.statistic > .value { color: #00B5AD; } + .ui.blue.statistics .statistic > .value, .ui.statistics .blue.statistic > .value, .ui.blue.statistic > .value { color: #2185D0; } + .ui.violet.statistics .statistic > .value, .ui.statistics .violet.statistic > .value, .ui.violet.statistic > .value { color: #6435C9; } + .ui.purple.statistics .statistic > .value, .ui.statistics .purple.statistic > .value, .ui.purple.statistic > .value { color: #A333C8; } + .ui.pink.statistics .statistic > .value, .ui.statistics .pink.statistic > .value, .ui.pink.statistic > .value { color: #E03997; } + .ui.brown.statistics .statistic > .value, .ui.statistics .brown.statistic > .value, .ui.brown.statistic > .value { color: #A5673F; } + .ui.grey.statistics .statistic > .value, .ui.statistics .grey.statistic > .value, .ui.grey.statistic > .value { color: #767676; } + +/*-------------- + Inverted +---------------*/ + .ui.inverted.statistics .statistic > .value, .ui.inverted.statistic .value { color: #FFFFFF; } + .ui.inverted.statistics .statistic > .label, .ui.inverted.statistic .label { color: rgba(255, 255, 255, 0.9); } + .ui.inverted.red.statistics .statistic > .value, .ui.statistics .inverted.red.statistic > .value, .ui.inverted.red.statistic > .value { color: #FF695E; } + .ui.inverted.orange.statistics .statistic > .value, .ui.statistics .inverted.orange.statistic > .value, .ui.inverted.orange.statistic > .value { color: #FF851B; } + .ui.inverted.yellow.statistics .statistic > .value, .ui.statistics .inverted.yellow.statistic > .value, .ui.inverted.yellow.statistic > .value { color: #FFE21F; } + .ui.inverted.olive.statistics .statistic > .value, .ui.statistics .inverted.olive.statistic > .value, .ui.inverted.olive.statistic > .value { color: #D9E778; } + .ui.inverted.green.statistics .statistic > .value, .ui.statistics .inverted.green.statistic > .value, .ui.inverted.green.statistic > .value { color: #2ECC40; } + .ui.inverted.teal.statistics .statistic > .value, .ui.statistics .inverted.teal.statistic > .value, .ui.inverted.teal.statistic > .value { color: #6DFFFF; } + .ui.inverted.blue.statistics .statistic > .value, .ui.statistics .inverted.blue.statistic > .value, .ui.inverted.blue.statistic > .value { color: #54C8FF; } + .ui.inverted.violet.statistics .statistic > .value, .ui.statistics .inverted.violet.statistic > .value, .ui.inverted.violet.statistic > .value { color: #A291FB; } + .ui.inverted.purple.statistics .statistic > .value, .ui.statistics .inverted.purple.statistic > .value, .ui.inverted.purple.statistic > .value { color: #DC73FF; } + .ui.inverted.pink.statistics .statistic > .value, .ui.statistics .inverted.pink.statistic > .value, .ui.inverted.pink.statistic > .value { color: #FF8EDF; } + .ui.inverted.brown.statistics .statistic > .value, .ui.statistics .inverted.brown.statistic > .value, .ui.inverted.brown.statistic > .value { color: #D67C1C; } + .ui.inverted.grey.statistics .statistic > .value, .ui.statistics .inverted.grey.statistic > .value, .ui.inverted.grey.statistic > .value { color: #DCDDDE; } + +/*-------------- + Floated +---------------*/ + .ui[class*="left floated"].statistic { float: left; margin: 0 2em 1em 0; } + .ui[class*="right floated"].statistic { float: right; margin: 0 0 1em 2em; } + .ui.floated.statistic:last-child { margin-bottom: 0; } + +/*-------------- + Sizes +---------------*/ + +/* Mini */ + .ui.mini.statistics .statistic > .value, .ui.mini.statistic > .value { font-size: 1.5rem !important; } + .ui.mini.horizontal.statistics .statistic > .value, .ui.mini.horizontal.statistic > .value { font-size: 1.5rem !important; } + .ui.mini.statistics .statistic > .text.value, .ui.mini.statistic > .text.value { font-size: 1rem !important; } + +/* Tiny */ + .ui.tiny.statistics .statistic > .value, .ui.tiny.statistic > .value { font-size: 2rem !important; } + .ui.tiny.horizontal.statistics .statistic > .value, .ui.tiny.horizontal.statistic > .value { font-size: 2rem !important; } + .ui.tiny.statistics .statistic > .text.value, .ui.tiny.statistic > .text.value { font-size: 1rem !important; } + +/* Small */ + .ui.small.statistics .statistic > .value, .ui.small.statistic > .value { font-size: 3rem !important; } + .ui.small.horizontal.statistics .statistic > .value, .ui.small.horizontal.statistic > .value { font-size: 2rem !important; } + .ui.small.statistics .statistic > .text.value, .ui.small.statistic > .text.value { font-size: 1rem !important; } + +/* Medium */ + .ui.statistics .statistic > .value, .ui.statistic > .value { font-size: 4rem !important; } + .ui.horizontal.statistics .statistic > .value, .ui.horizontal.statistic > .value { font-size: 3rem !important; } + .ui.statistics .statistic > .text.value, .ui.statistic > .text.value { font-size: 2rem !important; } + +/* Large */ + .ui.large.statistics .statistic > .value, .ui.large.statistic > .value { font-size: 5rem !important; } + .ui.large.horizontal.statistics .statistic > .value, .ui.large.horizontal.statistic > .value { font-size: 4rem !important; } + .ui.large.statistics .statistic > .text.value, .ui.large.statistic > .text.value { font-size: 2.5rem !important; } + +/* Huge */ + .ui.huge.statistics .statistic > .value, .ui.huge.statistic > .value { font-size: 6rem !important; } + .ui.huge.horizontal.statistics .statistic > .value, .ui.huge.horizontal.statistic > .value { font-size: 5rem !important; } + .ui.huge.statistics .statistic > .text.value, .ui.huge.statistic > .text.value { font-size: 2.5rem !important; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Accordion + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Accordion +*******************************/ + .ui.accordion, .ui.accordion .accordion { max-width: 100%; } + .ui.accordion .accordion { margin: 1em 0 0; padding: 0; } + +/* Title */ + .ui.accordion .title, .ui.accordion .accordion .title { cursor: pointer; } + +/* Default Styling */ + .ui.accordion .title:not(.ui) { padding: 0.5em 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1em; color: rgba(0, 0, 0, 0.87); } + +/* Content */ + .ui.accordion .title ~ .content, .ui.accordion .accordion .title ~ .content { display: none; } + +/* Default Styling */ + .ui.accordion:not(.styled) .title ~ .content:not(.ui), .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { - margin: ''; padding: 0.5em 0 1em; } + .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { padding-bottom: 0; } + +/* Arrow */ + .ui.accordion .title .dropdown.icon, .ui.accordion .accordion .title .dropdown.icon { display: inline-block; @@ -20702,50 +27136,70 @@ a.ui.card:hover, opacity: 1; width: 1.25em; height: 1em; - margin: 0 0.25rem 0 0rem; + margin: 0 0.25rem 0 0; padding: 0; font-size: 1em; - -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: transform 0.1s ease, opacity 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease; vertical-align: baseline; - -webkit-transform: none; transform: none; } + +/*-------------- + Coupling +---------------*/ + +/* Menu */ + .ui.accordion.menu .item .title { display: block; padding: 0; } + .ui.accordion.menu .item .title > .dropdown.icon { float: right; margin: 0.21425em 0 0 1em; - -webkit-transform: rotate(180deg); transform: rotate(180deg); } + +/* Header */ + .ui.accordion .ui.header .dropdown.icon { font-size: 1em; - margin: 0 0.25rem 0 0rem; + margin: 0 0.25rem 0 0; } + +/******************************* + States +*******************************/ + .ui.accordion .active.title .dropdown.icon, .ui.accordion .accordion .active.title .dropdown.icon { - -webkit-transform: rotate(90deg); transform: rotate(90deg); } + .ui.accordion.menu .item .active.title > .dropdown.icon { - -webkit-transform: rotate(90deg); transform: rotate(90deg); } + +/******************************* + Types +*******************************/ + +/*-------------- + Styled +---------------*/ + .ui.styled.accordion { width: 600px; } + .ui.styled.accordion, .ui.styled.accordion .accordion { border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15); } + .ui.styled.accordion .title, .ui.styled.accordion .accordion .title { margin: 0; @@ -20753,22 +27207,24 @@ a.ui.card:hover, color: rgba(0, 0, 0, 0.4); font-weight: bold; border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } + .ui.styled.accordion > .title:first-child, .ui.styled.accordion .accordion .title:first-child { border-top: none; } + +/* Content */ + .ui.styled.accordion .content, .ui.styled.accordion .accordion .content { margin: 0; padding: 0.5em 1em 1.5em; } -.ui.styled.accordion .accordion .content { - padding: 0; - padding: 0.5em 1em 1.5em; -} + +/* Hover */ + .ui.styled.accordion .title:hover, .ui.styled.accordion .active.title, .ui.styled.accordion .accordion .title:hover, @@ -20776,34 +27232,112 @@ a.ui.card:hover, background: transparent; color: rgba(0, 0, 0, 0.87); } + .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .accordion .active.title { background: transparent; color: rgba(0, 0, 0, 0.87); } + +/* Active */ + .ui.styled.accordion .active.title { background: transparent; color: rgba(0, 0, 0, 0.95); } + .ui.styled.accordion .accordion .active.title { background: transparent; color: rgba(0, 0, 0, 0.95); } + +/******************************* + States +*******************************/ + +/*-------------- + Active +---------------*/ + .ui.accordion .active.content, .ui.accordion .accordion .active.content { display: block; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Fluid +---------------*/ + .ui.fluid.accordion, .ui.fluid.accordion .accordion { width: 100%; } + +/*-------------- + Inverted +---------------*/ + .ui.inverted.accordion .title:not(.ui) { color: rgba(255, 255, 255, 0.9); } + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Accordion'; + src: url(../../assets/fonts/accordion.ttf) format('truetype'), + url(../../assets/fonts/accordion.woff) format('woff'); + font-weight: normal; + font-style: normal; +} + +/* Dropdown Icon */ + +.ui.accordion .title .dropdown.icon, +.ui.accordion .accordion .title .dropdown.icon { + font-family: Accordion; + line-height: 1; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +.ui.accordion .title .dropdown.icon:before, +.ui.accordion .accordion .title .dropdown.icon:before { + content: '\f0da' ; +} + +/******************************* + User Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Checkbox + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Checkbox +*******************************/ + +/*-------------- + Content +---------------*/ + .ui.checkbox { position: relative; display: inline-block; - -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; vertical-align: baseline; @@ -20813,6 +27347,9 @@ a.ui.card:hover, line-height: 17px; min-width: 17px; } + +/* HTML Checkbox */ + .ui.checkbox input[type="checkbox"], .ui.checkbox input[type="radio"] { cursor: pointer; @@ -20825,6 +27362,11 @@ a.ui.card:hover, width: 17px; height: 17px; } + +/*-------------- + Box +---------------*/ + .ui.checkbox .box, .ui.checkbox label { cursor: auto; @@ -20834,6 +27376,7 @@ a.ui.card:hover, outline: none; font-size: 1em; } + .ui.checkbox .box:before, .ui.checkbox label:before { position: absolute; @@ -20844,12 +27387,14 @@ a.ui.card:hover, content: ''; background: #FFFFFF; border-radius: 0.21428571rem; - -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; border: 1px solid #D4D4D5; } + +/*-------------- + Checkmark +---------------*/ + .ui.checkbox .box:after, .ui.checkbox label:after { position: absolute; @@ -20861,73 +27406,120 @@ a.ui.card:hover, text-align: center; opacity: 0; color: rgba(0, 0, 0, 0.87); - -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; } + +/*-------------- + Label +---------------*/ + +/* Inside */ + .ui.checkbox label, .ui.checkbox + label { color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } + +/* Outside */ + .ui.checkbox + label { vertical-align: middle; } + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + .ui.checkbox .box:hover::before, .ui.checkbox label:hover::before { background: #FFFFFF; border-color: rgba(34, 36, 38, 0.35); } + .ui.checkbox label:hover, .ui.checkbox + label:hover { color: rgba(0, 0, 0, 0.8); } + +/*-------------- + Down +---------------*/ + .ui.checkbox .box:active::before, .ui.checkbox label:active::before { background: #F9FAFB; border-color: rgba(34, 36, 38, 0.35); } + .ui.checkbox .box:active::after, .ui.checkbox label:active::after { color: rgba(0, 0, 0, 0.95); } + .ui.checkbox input:active ~ label { color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Focus +---------------*/ + .ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before { background: #FFFFFF; border-color: #96C8DA; } + .ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label:after { color: rgba(0, 0, 0, 0.95); } + .ui.checkbox input:focus ~ label { color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Active +---------------*/ + .ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before { background: #FFFFFF; border-color: rgba(34, 36, 38, 0.35); } + .ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after { opacity: 1; color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Indeterminate +---------------*/ + .ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate ~ label:before { background: #FFFFFF; border-color: rgba(34, 36, 38, 0.35); } + .ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate ~ label:after { opacity: 1; color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Active Focus +---------------*/ + .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before, .ui.checkbox input:checked:focus ~ .box:before, @@ -20935,16 +27527,27 @@ a.ui.card:hover, background: #FFFFFF; border-color: #96C8DA; } + .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after, .ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after { color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Read-Only +---------------*/ + .ui.read-only.checkbox, .ui.read-only.checkbox label { cursor: default; } + +/*-------------- + Disabled +---------------*/ + .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label, .ui.checkbox input[disabled] ~ .box:after, @@ -20953,27 +27556,47 @@ a.ui.card:hover, opacity: 0.5; color: #000000; } + +/*-------------- + Hidden +---------------*/ + +/* Initialized checkbox moves input below element + to prevent manually triggering */ + .ui.checkbox input.hidden { z-index: -1; } + +/* Selectable Label */ + .ui.checkbox input.hidden + label { cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } + +/******************************* + Types +*******************************/ + +/*-------------- + Radio +---------------*/ + .ui.radio.checkbox { min-height: 15px; } + .ui.radio.checkbox .box, .ui.radio.checkbox label { padding-left: 1.85714em; } + +/* Box */ + .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before { content: ''; - -webkit-transform: none; transform: none; width: 15px; height: 15px; @@ -20981,6 +27604,9 @@ a.ui.card:hover, top: 1px; left: 0; } + +/* Bullet */ + .ui.radio.checkbox .box:after, .ui.radio.checkbox label:after { border: none; @@ -20989,6 +27615,9 @@ a.ui.card:hover, height: 15px; line-height: 15px; } + +/* Radio Checkbox */ + .ui.radio.checkbox .box:after, .ui.radio.checkbox label:after { top: 1px; @@ -20996,51 +27625,79 @@ a.ui.card:hover, width: 15px; height: 15px; border-radius: 500rem; - -webkit-transform: scale(0.46666667); transform: scale(0.46666667); background-color: rgba(0, 0, 0, 0.87); } + +/* Focus */ + .ui.radio.checkbox input:focus ~ .box:before, .ui.radio.checkbox input:focus ~ label:before { background-color: #FFFFFF; } + .ui.radio.checkbox input:focus ~ .box:after, .ui.radio.checkbox input:focus ~ label:after { background-color: rgba(0, 0, 0, 0.95); } + +/* Indeterminate */ + .ui.radio.checkbox input:indeterminate ~ .box:after, .ui.radio.checkbox input:indeterminate ~ label:after { opacity: 0; } + +/* Active */ + .ui.radio.checkbox input:checked ~ .box:before, .ui.radio.checkbox input:checked ~ label:before { background-color: #FFFFFF; } + .ui.radio.checkbox input:checked ~ .box:after, .ui.radio.checkbox input:checked ~ label:after { background-color: rgba(0, 0, 0, 0.95); } + +/* Active Focus */ + .ui.radio.checkbox input:focus:checked ~ .box:before, .ui.radio.checkbox input:focus:checked ~ label:before { background-color: #FFFFFF; } + .ui.radio.checkbox input:focus:checked ~ .box:after, .ui.radio.checkbox input:focus:checked ~ label:after { background-color: rgba(0, 0, 0, 0.95); } + +/*-------------- + Slider +---------------*/ + .ui.slider.checkbox { min-height: 1.25rem; } + +/* Input */ + .ui.slider.checkbox input { width: 3.5rem; height: 1.25rem; } + +/* Label */ + .ui.slider.checkbox .box, .ui.slider.checkbox label { padding-left: 4.5rem; line-height: 1rem; color: rgba(0, 0, 0, 0.4); } + +/* Line */ + .ui.slider.checkbox .box:before, .ui.slider.checkbox label:before { display: block; @@ -21053,173 +27710,278 @@ a.ui.card:hover, background-color: rgba(0, 0, 0, 0.05); width: 3.5rem; height: 0.21428571rem; - -webkit-transform: none; transform: none; border-radius: 500rem; - -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } + +/* Handle */ + .ui.slider.checkbox .box:after, .ui.slider.checkbox label:after { - background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); position: absolute; content: '' !important; opacity: 1; z-index: 2; border: none; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; width: 1.5rem; height: 1.5rem; top: -0.25rem; left: 0; - -webkit-transform: none; transform: none; border-radius: 500rem; - -webkit-transition: left 0.3s ease; transition: left 0.3s ease; } + +/* Focus */ + .ui.slider.checkbox input:focus ~ .box:before, .ui.slider.checkbox input:focus ~ label:before { background-color: rgba(0, 0, 0, 0.15); border: none; } + +/* Hover */ + .ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover { color: rgba(0, 0, 0, 0.8); } + .ui.slider.checkbox .box:hover::before, .ui.slider.checkbox label:hover::before { background: rgba(0, 0, 0, 0.15); } + +/* Active */ + .ui.slider.checkbox input:checked ~ .box, .ui.slider.checkbox input:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } + .ui.slider.checkbox input:checked ~ .box:before, .ui.slider.checkbox input:checked ~ label:before { background-color: #545454 !important; } + .ui.slider.checkbox input:checked ~ .box:after, .ui.slider.checkbox input:checked ~ label:after { left: 2rem; } + +/* Active Focus */ + .ui.slider.checkbox input:focus:checked ~ .box, .ui.slider.checkbox input:focus:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } + .ui.slider.checkbox input:focus:checked ~ .box:before, .ui.slider.checkbox input:focus:checked ~ label:before { background-color: #000000 !important; } + +/*-------------- + Toggle +---------------*/ + .ui.toggle.checkbox { min-height: 1.5rem; } + +/* Input */ + .ui.toggle.checkbox input { width: 3.5rem; height: 1.5rem; } + +/* Label */ + .ui.toggle.checkbox .box, .ui.toggle.checkbox label { min-height: 1.5rem; padding-left: 4.5rem; color: rgba(0, 0, 0, 0.87); } + .ui.toggle.checkbox label { padding-top: 0.15em; } + +/* Switch */ + .ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before { display: block; position: absolute; content: ''; z-index: 1; - -webkit-transform: none; transform: none; border: none; - top: 0rem; + top: 0; background: rgba(0, 0, 0, 0.05); - -webkit-box-shadow: none; box-shadow: none; width: 3.5rem; height: 1.5rem; border-radius: 500rem; } + +/* Handle */ + .ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after { - background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); position: absolute; content: '' !important; opacity: 1; z-index: 2; border: none; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; width: 1.5rem; height: 1.5rem; - top: 0rem; + top: 0; left: 0; border-radius: 500rem; - -webkit-transition: background 0.3s ease, left 0.3s ease; transition: background 0.3s ease, left 0.3s ease; } + .ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after { left: -0.05rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } + +/* Focus */ + .ui.toggle.checkbox input:focus ~ .box:before, .ui.toggle.checkbox input:focus ~ label:before { background-color: rgba(0, 0, 0, 0.15); border: none; } + +/* Hover */ + .ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox label:hover::before { background-color: rgba(0, 0, 0, 0.15); border: none; } + +/* Active */ + .ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } + .ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before { background-color: #2185D0 !important; } + .ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after { left: 2.15rem; - -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } + +/* Active Focus */ + .ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } + .ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before { background-color: #0d71bb !important; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Fitted +---------------*/ + .ui.fitted.checkbox .box, .ui.fitted.checkbox label { padding-left: 0 !important; } + .ui.fitted.toggle.checkbox, .ui.fitted.toggle.checkbox { width: 3.5rem; } + .ui.fitted.slider.checkbox, .ui.fitted.slider.checkbox { width: 3.5rem; } + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Checkbox'; + src: url(../../assets/fonts/checkbox.ttf) format('truetype'); +} + +/* Checkmark */ + +.ui.checkbox label:after, +.ui.checkbox .box:after { + font-family: 'Checkbox'; +} + +/* Checked */ + +.ui.checkbox input:checked ~ .box:after, +.ui.checkbox input:checked ~ label:after { + content: '\e800'; +} + +/* Indeterminate */ + +.ui.checkbox input:indeterminate ~ .box:after, +.ui.checkbox input:indeterminate ~ label:after { + font-size: 12px; + content: '\e801'; +} + +/* UTF Reference +.check:before { content: '\e800'; } +.dash:before { content: '\e801'; } +.plus:before { content: '\e802'; } +*/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Dimmer + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Dimmer +*******************************/ + .dimmable:not(body) { position: relative; } + .ui.dimmer { display: none; position: absolute; @@ -21233,132 +27995,173 @@ a.ui.card:hover, background-color: rgba(0, 0, 0, 0.85); opacity: 0; line-height: 1; - -webkit-animation-fill-mode: both; animation-fill-mode: both; - -webkit-animation-duration: 0.5s; animation-duration: 0.5s; - -webkit-transition: background-color 0.5s linear; transition: background-color 0.5s linear; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; justify-content: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; will-change: opacity; z-index: 1000; } + +/* Dimmer Content */ + .ui.dimmer > .content { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; user-select: text; color: #FFFFFF; } + +/* Loose Coupling */ + .ui.segment > .ui.dimmer { border-radius: inherit !important; } + +/* Scrollbars */ + .ui.dimmer:not(.inverted)::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } + .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } + .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } + .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } + +/******************************* + States +*******************************/ + +/* Animating */ + .animating.dimmable:not(body), .dimmed.dimmable:not(body) { overflow: hidden; } + +/* Animating / Active / Visible */ + .dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer { - display: -webkit-box; - display: -ms-flexbox; display: flex; opacity: 1; } + +/* Disabled */ + .ui.disabled.dimmer { width: 0 !important; height: 0 !important; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Alignment +---------------*/ + .ui[class*="top aligned"].dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; justify-content: flex-start; } + .ui[class*="bottom aligned"].dimmer { - -webkit-box-pack: end; - -ms-flex-pack: end; justify-content: flex-end; } + +/*-------------- + Page +---------------*/ + .ui.page.dimmer { position: fixed; - -webkit-transform-style: ''; - transform-style: ''; - -webkit-perspective: 2000px; perspective: 2000px; - -webkit-transform-origin: center center; transform-origin: center center; } + body.animating.in.dimmable, body.dimmed.dimmable { overflow: hidden; } + body.dimmable > .dimmer { position: fixed; } + +/*-------------- + Blurring +---------------*/ + .blurring.dimmable > :not(.dimmer) { - -webkit-filter: blur(0px) grayscale(0); filter: blur(0px) grayscale(0); - -webkit-transition: 800ms -webkit-filter ease; - transition: 800ms -webkit-filter ease; transition: 800ms filter ease; - transition: 800ms filter ease, 800ms -webkit-filter ease; } + .blurring.dimmed.dimmable > :not(.dimmer) { - -webkit-filter: blur(5px) grayscale(0.7); filter: blur(5px) grayscale(0.7); } + +/* Dimmer Color */ + .blurring.dimmable > .dimmer { background-color: rgba(0, 0, 0, 0.6); } + .blurring.dimmable > .inverted.dimmer { background-color: rgba(255, 255, 255, 0.6); } + +/*-------------- + Aligned +---------------*/ + .ui.dimmer > .top.aligned.content > * { vertical-align: top; } + .ui.dimmer > .bottom.aligned.content > * { vertical-align: bottom; } + +/*-------------- + Inverted +---------------*/ + .ui.inverted.dimmer { background-color: rgba(255, 255, 255, 0.85); } + .ui.inverted.dimmer > .content > * { color: #FFFFFF; } + +/*-------------- + Simple +---------------*/ + +/* Displays without javascript */ + .ui.simple.dimmer { display: block; overflow: hidden; opacity: 1; - width: 0%; - height: 0%; + width: 0; + height: 0; z-index: -100; background-color: rgba(0, 0, 0, 0); } + .dimmed.dimmable > .ui.simple.dimmer { overflow: visible; opacity: 1; @@ -21367,32 +28170,60 @@ body.dimmable > .dimmer { background-color: rgba(0, 0, 0, 0.85); z-index: 1; } + .ui.simple.inverted.dimmer { background-color: rgba(255, 255, 255, 0); } + .dimmed.dimmable > .ui.simple.inverted.dimmer { background-color: rgba(255, 255, 255, 0.85); } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Dropdown + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Dropdown +*******************************/ + .ui.dropdown { cursor: pointer; position: relative; display: inline-block; outline: none; text-align: left; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +/******************************* + Content +*******************************/ + +/*-------------- + Menu +---------------*/ + .ui.dropdown .menu { cursor: auto; position: absolute; display: none; outline: none; top: 100%; - min-width: -webkit-max-content; - min-width: -moz-max-content; min-width: max-content; margin: 0; padding: 0 0; @@ -21400,41 +28231,61 @@ body.dimmable > .dimmer { font-size: 1em; text-shadow: none; text-align: left; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; z-index: 11; will-change: transform, opacity; } + .ui.dropdown .menu > * { white-space: nowrap; } + +/*-------------- + Hidden Input +---------------*/ + .ui.dropdown > input:not(.search):first-child, .ui.dropdown > select { display: none !important; } + +/*-------------- + Dropdown Icon +---------------*/ + .ui.dropdown > .dropdown.icon { position: relative; width: auto; font-size: 0.85714286em; margin: 0 0 0 1em; } + .ui.dropdown .menu > .item .dropdown.icon { width: auto; float: right; margin: 0 0 0 1em; } + .ui.dropdown .menu > .item .dropdown.icon + .text { margin-right: 1em; } + +/*-------------- + Text +---------------*/ + .ui.dropdown > .text { display: inline-block; - -webkit-transition: none; transition: none; } + +/*-------------- + Menu Item +---------------*/ + .ui.dropdown .menu > .item { position: relative; cursor: pointer; @@ -21442,95 +28293,135 @@ body.dimmable > .dimmer { border: none; height: auto; text-align: left; - border-top: none; line-height: 1em; color: rgba(0, 0, 0, 0.87); padding: 0.78571429rem 1.14285714rem !important; font-size: 1rem; text-transform: none; font-weight: normal; - -webkit-box-shadow: none; box-shadow: none; -webkit-touch-callout: none; } + .ui.dropdown .menu > .item:first-child { border-top-width: 0; } + +/*-------------- + Floated Content +---------------*/ + .ui.dropdown > .text > [class*="right floated"], .ui.dropdown .menu .item > [class*="right floated"] { float: right !important; margin-right: 0 !important; margin-left: 1em !important; } + .ui.dropdown > .text > [class*="left floated"], .ui.dropdown .menu .item > [class*="left floated"] { float: left !important; margin-left: 0 !important; margin-right: 1em !important; } + .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated { margin-top: 0; } + +/*-------------- + Menu Divider +---------------*/ + .ui.dropdown .menu > .header { - margin: 1rem 0rem 0.75rem; + margin: 1rem 0 0.75rem; padding: 0 1.14285714rem; color: rgba(0, 0, 0, 0.85); font-size: 0.78571429em; font-weight: bold; text-transform: uppercase; } + .ui.dropdown .menu > .divider { border-top: 1px solid rgba(34, 36, 38, 0.1); height: 0; margin: 0.5em 0; } + .ui.dropdown.dropdown .menu > .input { width: auto; - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1.14285714rem 0.78571429rem; min-width: 10rem; } + .ui.dropdown .menu > .header + .input { margin-top: 0; } + .ui.dropdown .menu > .input:not(.transparent) input { padding: 0.5em 1em; } + .ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label { padding-top: 0.5em; padding-bottom: 0.5em; } + +/*----------------- + Item Description +-------------------*/ + .ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description { float: right; margin: 0 0 0 1em; color: rgba(0, 0, 0, 0.4); } + +/*----------------- + Message +-------------------*/ + .ui.dropdown .menu > .message { padding: 0.78571429rem 1.14285714rem; font-weight: normal; } + .ui.dropdown .menu > .message:not(.ui) { color: rgba(0, 0, 0, 0.4); } + +/*-------------- + Sub Menu +---------------*/ + .ui.dropdown .menu .menu { - top: 0% !important; + top: 0 !important; left: 100%; right: auto; margin: 0 0 0 -0.5em !important; border-radius: 0.28571429rem !important; z-index: 21 !important; } + +/* Hide Arrow */ + .ui.dropdown .menu .menu:after { display: none; } + +/*-------------- + Sub Elements +---------------*/ + +/* Icons / Flags / Labels / Image */ + .ui.dropdown > .text > .icon, .ui.dropdown > .text > .label, .ui.dropdown > .text > .flag, @@ -21538,6 +28429,7 @@ body.dimmable > .dimmer { .ui.dropdown > .text > .image { margin-top: 0; } + .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > .flag, @@ -21545,6 +28437,7 @@ body.dimmable > .dimmer { .ui.dropdown .menu > .item > img { margin-top: 0; } + .ui.dropdown > .text > .icon, .ui.dropdown > .text > .label, .ui.dropdown > .text > .flag, @@ -21559,6 +28452,11 @@ body.dimmable > .dimmer { float: none; margin-right: 0.78571429rem; } + +/*-------------- + Image +---------------*/ + .ui.dropdown > .text > img, .ui.dropdown > .text > .image, .ui.dropdown .menu > .item > .image, @@ -21570,35 +28468,77 @@ body.dimmable > .dimmer { margin-bottom: -0.5em; max-height: 2em; } + +/******************************* + Coupling +*******************************/ + +/*-------------- + Menu +---------------*/ + +/* Remove Menu Item Divider */ + .ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before { display: none; } + +/* Prevent Menu Item Border */ + .ui.menu .ui.dropdown .menu .active.item { border-left: none; } + +/* Automatically float dropdown menu right on last menu item */ + .ui.menu .right.menu .dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.buttons > .ui.dropdown:last-child .menu { left: auto; right: 0; } + +/*-------------- + Label +---------------*/ + +/* Dropdown Menu */ + .ui.label.dropdown .menu { min-width: 100%; } + +/*-------------- + Button +---------------*/ + +/* No Margin On Icon Button */ + .ui.dropdown.icon.button > .dropdown.icon { margin: 0; } + .ui.button.dropdown .menu { min-width: 100%; } + +/******************************* + Types +*******************************/ + +/*-------------- + Selection +---------------*/ + +/* Displays like a select box */ + .ui.selection.dropdown { cursor: pointer; word-wrap: break-word; line-height: 1em; white-space: normal; outline: 0; - -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); min-width: 14em; min-height: 2.71428571em; @@ -21606,25 +28546,24 @@ body.dimmable > .dimmer { display: inline-block; padding: 0.78571429em 2.1em 0.78571429em 1em; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; } + .ui.selection.dropdown.visible, .ui.selection.dropdown.active { z-index: 10; } + select.ui.dropdown { height: 38px; padding: 0.5em; border: 1px solid rgba(34, 36, 38, 0.15); visibility: visible; } + .ui.selection.dropdown > .search.icon, .ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon { @@ -21639,131 +28578,170 @@ select.ui.dropdown { margin: -0.78571429em; padding: 0.91666667em; opacity: 0.8; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } + +/* Compact */ + .ui.compact.selection.dropdown { min-width: 0; } + +/* Selection Menu */ + .ui.selection.dropdown .menu { overflow-x: hidden; overflow-y: auto; - -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; border-top-width: 0 !important; - width: auto; outline: none; margin: 0 -1px; min-width: calc(100% + 2px ); - width: calc(100% + 2px ); + width: calc(100% + 2px); border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } + .ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before { display: none; } + +/*-------------- + Message +---------------*/ + .ui.selection.dropdown .menu > .message { padding: 0.78571429rem 1.14285714rem; } + @media only screen and (max-width: 767px) { .ui.selection.dropdown .menu { max-height: 8.01428571rem; } } + @media only screen and (min-width: 768px) { .ui.selection.dropdown .menu { max-height: 10.68571429rem; } } + @media only screen and (min-width: 992px) { .ui.selection.dropdown .menu { max-height: 16.02857143rem; } } + @media only screen and (min-width: 1920px) { .ui.selection.dropdown .menu { max-height: 21.37142857rem; } } + +/* Menu Item */ + .ui.selection.dropdown .menu > .item { border-top: 1px solid #FAFAFA; padding: 0.78571429rem 1.14285714rem !important; white-space: normal; word-wrap: normal; } + +/* User Item */ + .ui.selection.dropdown .menu > .hidden.addition.item { display: none; } + +/* Hover */ + .ui.selection.dropdown:hover { border-color: rgba(34, 36, 38, 0.35); - -webkit-box-shadow: none; box-shadow: none; } + +/* Active */ + .ui.selection.active.dropdown { border-color: #96C8DA; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } + .ui.selection.active.dropdown .menu { border-color: #96C8DA; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } + +/* Focus */ + .ui.selection.dropdown:focus { border-color: #96C8DA; - -webkit-box-shadow: none; box-shadow: none; } + .ui.selection.dropdown:focus .menu { border-color: #96C8DA; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } + +/* Visible */ + .ui.selection.visible.dropdown > .text:not(.default) { font-weight: normal; color: rgba(0, 0, 0, 0.8); } + +/* Visible Hover */ + .ui.selection.active.dropdown:hover { border-color: #96C8DA; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } + .ui.selection.active.dropdown:hover .menu { border-color: #96C8DA; - -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } + +/* Dropdown Icon */ + .ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon { opacity: 1; z-index: 3; } + +/* Connecting Border */ + .ui.active.selection.dropdown { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } + +/* Empty Connecting Border */ + .ui.active.empty.selection.dropdown { border-radius: 0.28571429rem !important; - -webkit-box-shadow: none !important; box-shadow: none !important; } + .ui.active.empty.selection.dropdown .menu { border: none !important; - -webkit-box-shadow: none !important; box-shadow: none !important; } -.ui.search.dropdown { - min-width: ''; -} + +/*-------------- + Searchable +---------------*/ + +/* Search Dropdown */ + .ui.search.dropdown > input.search { background: none transparent !important; border: none !important; - -webkit-box-shadow: none !important; box-shadow: none !important; cursor: text; top: 0; @@ -21773,82 +28751,117 @@ select.ui.dropdown { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: inherit; } + +/* Text Layering */ + .ui.search.dropdown > input.search { position: absolute; z-index: 2; } + .ui.search.dropdown > .text { cursor: text; position: relative; left: 1px; z-index: 3; } + +/* Search Selection */ + .ui.search.selection.dropdown > input.search { line-height: 1.21428571em; padding: 0.67857143em 2.1em 0.67857143em 1em; } + +/* Used to size multi select input to character width */ + .ui.search.selection.dropdown > span.sizer { line-height: 1.21428571em; padding: 0.67857143em 2.1em 0.67857143em 1em; display: none; white-space: pre; } + +/* Active/Visible Search */ + .ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search { cursor: auto; } + .ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text { pointer-events: none; } + +/* Filtered Text */ + .ui.active.search.dropdown input.search:focus + .text .icon, .ui.active.search.dropdown input.search:focus + .text .flag { opacity: 0.45; } + .ui.active.search.dropdown input.search:focus + .text { color: rgba(115, 115, 115, 0.87) !important; } + +/* Search Menu */ + .ui.search.dropdown .menu { overflow-x: hidden; overflow-y: auto; - -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; } + @media only screen and (max-width: 767px) { .ui.search.dropdown .menu { max-height: 8.01428571rem; } } + @media only screen and (min-width: 768px) { .ui.search.dropdown .menu { max-height: 10.68571429rem; } } + @media only screen and (min-width: 992px) { .ui.search.dropdown .menu { max-height: 16.02857143rem; } } + @media only screen and (min-width: 1920px) { .ui.search.dropdown .menu { max-height: 21.37142857rem; } } + +/*-------------- + Multiple +---------------*/ + +/* Multiple Selection */ + .ui.multiple.dropdown { padding: 0.22619048em 2.1em 0.22619048em 0.35714286em; } + .ui.multiple.dropdown .menu { cursor: auto; } + +/* Multiple Search Selection */ + .ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search { cursor: text; } + +/* Selection Label */ + .ui.multiple.dropdown > .label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; display: inline-block; vertical-align: top; @@ -21856,13 +28869,18 @@ select.ui.dropdown { font-size: 1em; padding: 0.35714286em 0.78571429em; margin: 0.14285714rem 0.28571429rem 0.14285714rem 0; - -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } + +/* Dropdown Icon */ + .ui.multiple.dropdown .dropdown.icon { - margin: ''; - padding: ''; + margin: 0; + padding: 0; } + +/* Text */ + .ui.multiple.dropdown > .text { position: static; padding: 0; @@ -21870,12 +28888,21 @@ select.ui.dropdown { margin: 0.45238095em 0 0.45238095em 0.64285714em; line-height: 1.21428571em; } + .ui.multiple.dropdown > .label ~ input.search { margin-left: 0.14285714em !important; } + .ui.multiple.dropdown > .label ~ .text { display: none; } + +/*----------------- + Multiple Search +-----------------*/ + +/* Prompt Text */ + .ui.multiple.search.dropdown > .text { display: inline-block; position: absolute; @@ -21885,9 +28912,13 @@ select.ui.dropdown { margin: 0.45238095em 0 0.45238095em 0.64285714em; line-height: 1.21428571em; } + .ui.multiple.search.dropdown > .label ~ .text { display: none; } + +/* Search */ + .ui.multiple.search.dropdown > input.search { position: static; padding: 0; @@ -21896,42 +28927,74 @@ select.ui.dropdown { width: 2.2em; line-height: 1.21428571em; } + +/*-------------- + Inline +---------------*/ + .ui.inline.dropdown { cursor: pointer; display: inline-block; color: inherit; } + .ui.inline.dropdown .dropdown.icon { margin: 0 0.5em 0 0.21428571em; vertical-align: baseline; } + .ui.inline.dropdown > .text { font-weight: bold; } + .ui.inline.dropdown .menu { cursor: auto; margin-top: 0.21428571em; border-radius: 0.28571429rem; } + +/******************************* + States +*******************************/ + +/*-------------------- + Active +----------------------*/ + +/* Menu Item Active */ + .ui.dropdown .menu .active.item { background: transparent; font-weight: bold; color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; box-shadow: none; z-index: 12; } + +/*-------------------- + Hover +----------------------*/ + +/* Menu Item Hover */ + .ui.dropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); z-index: 13; } + +/*-------------------- + Loading +---------------------*/ + .ui.loading.dropdown > i.icon { height: 1em !important; } + .ui.loading.selection.dropdown > i.icon { padding: 1.5em 1.28571429em !important; } + .ui.loading.dropdown > i.icon:before { position: absolute; content: ''; @@ -21943,132 +29006,204 @@ select.ui.dropdown { border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } + .ui.loading.dropdown > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; - -webkit-animation: dropdown-spin 0.6s linear; animation: dropdown-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; } + +/* Coupling */ + .ui.loading.dropdown.button > i.icon:before, .ui.loading.dropdown.button > i.icon:after { display: none; } + @-webkit-keyframes dropdown-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + @keyframes dropdown-spin { from { - -webkit-transform: rotate(0deg); transform: rotate(0deg); } + to { - -webkit-transform: rotate(360deg); transform: rotate(360deg); } } + +/*-------------------- + Default Text +----------------------*/ + .ui.dropdown:not(.button) > .default.text, .ui.default.dropdown:not(.button) > .text { color: rgba(191, 191, 191, 0.87); } + .ui.dropdown:not(.button) > input:focus ~ .default.text, .ui.default.dropdown:not(.button) > input:focus ~ .text { color: rgba(115, 115, 115, 0.87); } + +/*-------------------- + Loading +----------------------*/ + .ui.loading.dropdown > .text { - -webkit-transition: none; transition: none; } + +/* Used To Check Position */ + .ui.dropdown .loading.menu { display: block; visibility: hidden; z-index: -1; } + .ui.dropdown > .loading.menu { left: 0 !important; right: auto !important; } + .ui.dropdown > .menu .loading.menu { left: 100% !important; right: auto !important; } + +/*-------------------- + Keyboard Select +----------------------*/ + +/* Selected Item */ + .ui.dropdown.selected, .ui.dropdown .menu .selected.item { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); } + +/*-------------------- + Search Filtered +----------------------*/ + +/* Filtered Item */ + .ui.dropdown > .filtered.text { visibility: hidden; } + .ui.dropdown .filtered.item { display: none !important; } + +/*-------------------- + Error +----------------------*/ + .ui.dropdown.error, .ui.dropdown.error > .text, .ui.dropdown.error > .default.text { color: #9F3A38; } + .ui.selection.dropdown.error { background: #FFF6F6; border-color: #E0B4B4; } + .ui.selection.dropdown.error:hover { border-color: #E0B4B4; } + .ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu { border-color: #E0B4B4; } + .ui.dropdown.error > .menu > .item { color: #9F3A38; } + .ui.multiple.selection.error.dropdown > .label { border-color: #E0B4B4; } + +/* Item Hover */ + .ui.dropdown.error > .menu > .item:hover { background-color: #FFF2F2; } + +/* Item Active */ + .ui.dropdown.error > .menu .active.item { background-color: #FDCFCF; } + +/*-------------------- + Disabled +----------------------*/ + +/* Disabled */ + .ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item { cursor: default; pointer-events: none; opacity: 0.45; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Direction +---------------*/ + +/* Flyout Direction */ + .ui.dropdown .menu { left: 0; } + +/* Default Side (Right) */ + .ui.dropdown .right.menu > .menu, .ui.dropdown .menu .right.menu { left: 100% !important; right: auto !important; border-radius: 0.28571429rem !important; } + +/* Leftward Opening Menu */ + .ui.dropdown > .left.menu { left: auto !important; right: 0 !important; } + .ui.dropdown > .left.menu .menu, .ui.dropdown .menu .left.menu { left: auto; @@ -22076,86 +29211,118 @@ select.ui.dropdown { margin: 0 -0.5em 0 0 !important; border-radius: 0.28571429rem !important; } + .ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0 0 0 0; } + .ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0 0 0 0; } + .ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text { margin-left: 1em; margin-right: 0; } + +/*-------------- + Upward +---------------*/ + +/* Upward Main Menu */ + .ui.upward.dropdown > .menu { top: auto; bottom: 100%; - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); border-radius: 0.28571429rem 0.28571429rem 0 0; } + +/* Upward Sub Menu */ + .ui.dropdown .upward.menu { top: auto !important; bottom: 0 !important; } + +/* Active Upward */ + .ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover { border-radius: 0.28571429rem 0.28571429rem 0 0 !important; } + .ui.upward.dropdown.button:not(.pointing):not(.floating).active { border-radius: 0.28571429rem 0.28571429rem 0 0; } + +/* Selection */ + .ui.upward.selection.dropdown .menu { border-top-width: 1px !important; border-bottom-width: 0 !important; - -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); } + .ui.upward.selection.dropdown:hover { - -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); } + +/* Active Upward */ + .ui.active.upward.selection.dropdown { border-radius: 0 0 0.28571429rem 0.28571429rem !important; } + +/* Visible Upward */ + .ui.upward.selection.dropdown.visible { - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); border-radius: 0 0 0.28571429rem 0.28571429rem !important; } + +/* Visible Hover Upward */ + .ui.upward.active.selection.dropdown:hover { - -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); } + .ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); } + +/*-------------- + Simple +---------------*/ + +/* Selection Menu */ + .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { overflow-x: hidden; overflow-y: auto; } + .ui.scrolling.dropdown .menu { overflow-x: hidden; overflow-y: auto; - -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; min-width: 100% !important; width: auto !important; } + .ui.dropdown .scrolling.menu { position: static; overflow-y: auto; border: none; - -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; @@ -22163,52 +29330,70 @@ select.ui.dropdown { width: auto !important; border-top: 1px solid rgba(34, 36, 38, 0.15); } + .ui.scrolling.dropdown .menu .item.item.item, .ui.dropdown .scrolling.menu > .item.item.item { border-top: none; } + .ui.scrolling.dropdown .menu .item:first-child, .ui.dropdown .scrolling.menu .item:first-child { border-top: none; } + .ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu { display: block; } + +/* Scrollbar in IE */ + @media all and (-ms-high-contrast: none) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { min-width: calc(100% - 17px ); } } + @media only screen and (max-width: 767px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 10.28571429rem; } } + @media only screen and (min-width: 768px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 15.42857143rem; } } + @media only screen and (min-width: 992px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 20.57142857rem; } } + @media only screen and (min-width: 1920px) { .ui.scrolling.dropdown .menu, .ui.dropdown .scrolling.menu { max-height: 20.57142857rem; } } + +/*-------------- + Simple +---------------*/ + +/* Displays without javascript */ + .ui.simple.dropdown .menu:before, .ui.simple.dropdown .menu:after { display: none; } + .ui.simple.dropdown .menu { position: absolute; display: block; @@ -22217,14 +29402,15 @@ select.ui.dropdown { opacity: 0; width: 0; height: 0; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } + .ui.simple.active.dropdown, .ui.simple.dropdown:hover { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } + .ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu { overflow: visible; @@ -22233,181 +29419,233 @@ select.ui.dropdown { top: 100% !important; opacity: 1; } + .ui.simple.dropdown > .menu > .item:active > .menu, .ui.simple.dropdown:hover > .menu > .item:hover > .menu { overflow: visible; width: auto; height: auto; - top: 0% !important; + top: 0 !important; left: 100% !important; opacity: 1; } + .ui.simple.disabled.dropdown:hover .menu { display: none; height: 0; width: 0; overflow: hidden; } + +/* Visible */ + .ui.simple.visible.dropdown > .menu { display: block; } + +/*-------------- + Fluid +---------------*/ + .ui.fluid.dropdown { display: block; width: 100%; min-width: 0; } + .ui.fluid.dropdown > .dropdown.icon { float: right; } + +/*-------------- + Floating +---------------*/ + .ui.floating.dropdown .menu { left: 0; right: auto; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; border-radius: 0.28571429rem !important; } + .ui.floating.dropdown > .menu { margin-top: 0.5em !important; border-radius: 0.28571429rem !important; } + +/*-------------- + Pointing +---------------*/ + .ui.pointing.dropdown > .menu { top: 100%; margin-top: 0.78571429rem; border-radius: 0.28571429rem; } + .ui.pointing.dropdown > .menu:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; - -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5em; height: 0.5em; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); background: #FFFFFF; z-index: 2; } + .ui.pointing.dropdown > .menu:after { top: -0.25em; left: 50%; margin: 0 0 0 -0.25em; } + +/* Top Left Pointing */ + .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; - left: 0%; + left: 0; right: auto; margin: 1em 0 0; } + .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; - left: 0%; + left: 0; right: auto; margin: 1em 0 0; } + .ui.top.left.pointing.dropdown > .menu:after { top: -0.25em; left: 1em; right: auto; margin: 0; - -webkit-transform: rotate(45deg); transform: rotate(45deg); } + +/* Top Right Pointing */ + .ui.top.right.pointing.dropdown > .menu { top: 100%; bottom: auto; - right: 0%; + right: 0; left: auto; margin: 1em 0 0; } + .ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after { top: -0.25em; left: auto !important; right: 1em !important; margin: 0; - -webkit-transform: rotate(45deg); transform: rotate(45deg); } + +/* Left Pointing */ + .ui.left.pointing.dropdown > .menu { - top: 0%; + top: 0; left: 100%; right: auto; margin: 0 0 0 1em; } + .ui.left.pointing.dropdown > .menu:after { top: 1em; left: -0.25em; margin: 0 0 0 0; - -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } + .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { left: auto !important; right: 100% !important; margin: 0 1em 0 0; } + .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { top: 1em; left: auto; right: -0.25em; margin: 0 0 0 0; - -webkit-transform: rotate(135deg); transform: rotate(135deg); } + +/* Right Pointing */ + .ui.right.pointing.dropdown > .menu { - top: 0%; + top: 0; left: auto; right: 100%; margin: 0 1em 0 0; } + .ui.right.pointing.dropdown > .menu:after { top: 1em; left: auto; right: -0.25em; margin: 0 0 0 0; - -webkit-transform: rotate(135deg); transform: rotate(135deg); } + +/* Bottom Pointing */ + .ui.bottom.pointing.dropdown > .menu { top: auto; bottom: 100%; - left: 0%; + left: 0; right: auto; margin: 0 0 1em; } + .ui.bottom.pointing.dropdown > .menu:after { top: auto; bottom: -0.25em; right: auto; margin: 0; - -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } + +/* Reverse Sub-Menu Direction */ + .ui.bottom.pointing.dropdown > .menu .menu { top: auto !important; bottom: 0 !important; } + +/* Bottom Left */ + .ui.bottom.left.pointing.dropdown > .menu { - left: 0%; + left: 0; right: auto; } + .ui.bottom.left.pointing.dropdown > .menu:after { left: 1em; right: auto; } + +/* Bottom Right */ + .ui.bottom.right.pointing.dropdown > .menu { - right: 0%; + right: 0; left: auto; } + .ui.bottom.right.pointing.dropdown > .menu:after { left: auto; right: 1em; } + +/* Upward pointing */ + .ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu { top: auto !important; @@ -22415,38 +29653,127 @@ select.ui.dropdown { margin: 0 0 0.78571429rem; border-radius: 0.28571429rem; } + .ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after { top: 100% !important; bottom: auto !important; - -webkit-box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); margin: -0.25em 0 0; } + +/* Right Pointing Upward */ + .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0 1em 0 0; } + .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0 0 1em 0; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); } + +/* Left Pointing Upward */ + .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0 0 0 1em; } + .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0 0 1em 0; - -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); } + +/******************************* + Theme Overrides +*******************************/ + +/* Dropdown Carets */ + +@font-face { + font-family: 'Dropdown'; + src: url(../../assets/fonts/dropdown.ttf) format('truetype'), + url(../../assets/fonts/dropdown.woff) format('woff'); + font-weight: normal; + font-style: normal; +} + +.ui.dropdown > .dropdown.icon { + font-family: 'Dropdown'; + line-height: 1; + height: 1em; + width: 1.23em; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +.ui.dropdown > .dropdown.icon { + width: auto; +} + +.ui.dropdown > .dropdown.icon:before { + content: '\f0d7'; +} + +/* Sub Menu */ + +.ui.dropdown .menu .item .dropdown.icon:before { + content: '\f0da' ; +} + +.ui.dropdown .item .left.dropdown.icon:before, +.ui.dropdown .left.menu .item .dropdown.icon:before { + content: "\f0d9" ; +} + +/* Vertical Menu Dropdown */ + +.ui.vertical.menu .dropdown.item > .dropdown.icon:before { + content: "\f0da" ; +} + +/* Icons for Reference +.dropdown.down.icon { + content: "\f0d7"; +} +.dropdown.up.icon { + content: "\f0d8"; +} +.dropdown.left.icon { + content: "\f0d9"; +} +.dropdown.icon.icon { + content: "\f0da"; +} +*/ + +/******************************* + User Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Video + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Types +*******************************/ + .ui.embed { position: relative; max-width: 100%; @@ -22455,6 +29782,11 @@ select.ui.dropdown { background: #DCDDDE; padding-bottom: 56.25%; } + +/*----------------- + Embedded Content +------------------*/ + .ui.embed iframe, .ui.embed embed, .ui.embed object { @@ -22467,9 +29799,19 @@ select.ui.dropdown { margin: 0; padding: 0; } + +/*----------------- + Embed +------------------*/ + .ui.embed > .embed { display: none; } + +/*-------------- + Placeholder +---------------*/ + .ui.embed > .placeholder { position: absolute; cursor: pointer; @@ -22478,8 +29820,13 @@ select.ui.dropdown { display: block; width: 100%; height: 100%; - background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); + background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); } + +/*-------------- + Icon +---------------*/ + .ui.embed > .icon { cursor: pointer; position: absolute; @@ -22489,90 +29836,136 @@ select.ui.dropdown { height: 100%; z-index: 2; } + .ui.embed > .icon:after { position: absolute; - top: 0%; - left: 0%; + top: 0; + left: 0; width: 100%; height: 100%; z-index: 3; content: ''; - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); opacity: 0.5; - -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } + .ui.embed > .icon:before { position: absolute; top: 50%; left: 50%; - z-index: 4; - -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #FFFFFF; font-size: 6rem; text-shadow: 0 2px 10px rgba(34, 36, 38, 0.2); - -webkit-transition: opacity 0.5s ease, color 0.5s ease; transition: opacity 0.5s ease, color 0.5s ease; z-index: 10; } + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + .ui.embed .icon:hover:after { - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); opacity: 1; } + .ui.embed .icon:hover:before { color: #FFFFFF; } + +/*-------------- + Active +---------------*/ + .ui.active.embed > .icon, .ui.active.embed > .placeholder { display: none; } + .ui.active.embed > .embed { display: block; } + +/******************************* + Video Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ + +/******************************* + Variations +*******************************/ + .ui.square.embed { padding-bottom: 100%; } + .ui[class*="4:3"].embed { padding-bottom: 75%; } + .ui[class*="16:9"].embed { padding-bottom: 56.25%; } + .ui[class*="21:9"].embed { padding-bottom: 42.85714286%; } +/*! + * # Semantic UI 2.3.1 - Modal + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Modal +*******************************/ + .ui.modal { display: none; z-index: 1001; text-align: left; background: #FFFFFF; border: none; - -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 0.28571429rem; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; user-select: text; will-change: top, left, margin, transform, opacity; } + .ui.modal > :first-child:not(.icon), .ui.modal > .icon:first-child + * { border-top-left-radius: 0.28571429rem; border-top-right-radius: 0.28571429rem; } + .ui.modal > :last-child { border-bottom-left-radius: 0.28571429rem; border-bottom-right-radius: 0.28571429rem; } + +/******************************* + Content +*******************************/ + +/*-------------- + Close +---------------*/ + .ui.modal > .close { cursor: pointer; position: absolute; @@ -22584,27 +29977,38 @@ select.ui.dropdown { color: #FFFFFF; width: 2.25rem; height: 2.25rem; - padding: 0.625rem 0rem 0rem 0rem; + padding: 0.625rem 0 0 0; } + .ui.modal > .close:hover { opacity: 1; } + +/*-------------- + Header +---------------*/ + .ui.modal > .header { display: block; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #FFFFFF; margin: 0; padding: 1.25rem 1.5rem; - -webkit-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(34, 36, 38, 0.15); } + .ui.modal > .header:not(.ui) { font-size: 1.42857143rem; line-height: 1.28571429em; font-weight: bold; } + +/*-------------- + Content +---------------*/ + .ui.modal > .content { display: block; width: 100%; @@ -22613,54 +30017,50 @@ select.ui.dropdown { padding: 1.5rem; background: #FFFFFF; } + .ui.modal > .image.content { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; flex-direction: row; } + +/* Image */ + .ui.modal > .content > .image { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; flex: 0 1 auto; - width: ''; - -ms-flex-item-align: top; - align-self: top; + align-self: start; } + .ui.modal > [class*="top aligned"] { - -ms-flex-item-align: top; - align-self: top; + align-self: start; } + .ui.modal > [class*="middle aligned"] { - -ms-flex-item-align: middle; - align-self: middle; + align-self: center; } + .ui.modal > [class*="stretched"] { - -ms-flex-item-align: stretch; align-self: stretch; } + +/* Description */ + .ui.modal > .content > .description { display: block; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 0; - -ms-flex-item-align: top; - align-self: top; + align-self: start; } + .ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; flex: 0 1 auto; - min-width: ''; width: auto; padding-left: 2em; } + +/*rtl:ignore*/ + .ui.modal > .content > .image > i.icon { margin: 0; opacity: 1; @@ -22668,332 +30068,489 @@ select.ui.dropdown { line-height: 1; font-size: 8rem; } + +/*-------------- + Actions +---------------*/ + .ui.modal > .actions { background: #F9FAFB; padding: 1rem 1rem; border-top: 1px solid rgba(34, 36, 38, 0.15); text-align: right; } + .ui.modal .actions > .button { margin-left: 0.75em; } + +/*------------------- + Responsive +--------------------*/ + +/* Modal Width */ + @media only screen and (max-width: 767px) { .ui.modal { width: 95%; margin: 0 0 0 0; } } + @media only screen and (min-width: 768px) { .ui.modal { width: 88%; margin: 0 0 0 0; } } + @media only screen and (min-width: 992px) { .ui.modal { width: 850px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1200px) { .ui.modal { width: 900px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1920px) { .ui.modal { width: 950px; margin: 0 0 0 0; } } + +/* Tablet and Mobile */ + @media only screen and (max-width: 991px) { .ui.modal > .header { padding-right: 2.25rem; } + .ui.modal > .close { top: 1.0535rem; right: 1rem; color: rgba(0, 0, 0, 0.87); } } + +/* Mobile */ + @media only screen and (max-width: 767px) { .ui.modal > .header { padding: 0.75rem 1rem !important; padding-right: 2.25rem !important; } + .ui.modal > .content { display: block; padding: 1rem !important; } + .ui.modal > .close { top: 0.5rem !important; right: 0.5rem !important; } + + /*rtl:ignore*/ + .ui.modal .image.content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; } + .ui.modal .content > .image { display: block; max-width: 100%; margin: 0 auto !important; text-align: center; - padding: 0rem 0rem 1rem !important; + padding: 0 0 1rem !important; } + .ui.modal > .content > .image > i.icon { font-size: 5rem; text-align: center; } + + /*rtl:ignore*/ + .ui.modal .content > .description { display: block; width: 100% !important; margin: 0 !important; - padding: 1rem 0rem !important; - -webkit-box-shadow: none; + padding: 1rem 0 !important; box-shadow: none; } + + /* Let Buttons Stack */ + .ui.modal > .actions { - padding: 1rem 1rem 0rem !important; + padding: 1rem 1rem 0 !important; } + .ui.modal .actions > .buttons, .ui.modal .actions > .button { margin-bottom: 1rem; } } + +/*-------------- + Coupling +---------------*/ + .ui.inverted.dimmer > .ui.modal { - -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); } + +/******************************* + Types +*******************************/ + .ui.basic.modal { background-color: transparent; border: none; border-radius: 0; - -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; } + .ui.basic.modal > .header, .ui.basic.modal > .content, .ui.basic.modal > .actions { background-color: transparent; } + .ui.basic.modal > .header { color: #FFFFFF; } + .ui.basic.modal > .close { top: 1rem; right: 1.5rem; } + .ui.inverted.dimmer > .basic.modal { color: rgba(0, 0, 0, 0.87); } + .ui.inverted.dimmer > .ui.basic.modal > .header { color: rgba(0, 0, 0, 0.85); } + +/* Tablet and Mobile */ + @media only screen and (max-width: 991px) { .ui.basic.modal > .close { color: #FFFFFF; } } + +/******************************* + States +*******************************/ + .ui.loading.modal { display: block; visibility: hidden; z-index: -1; } + .ui.active.modal { display: block; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Top Aligned +---------------*/ + +/* Top Aligned Modal */ + .modals.dimmer[class*="top aligned"] .modal { margin: 5vh auto; } + +/*-------------- + Scrolling +---------------*/ + +/* Scrolling Dimmer */ + .scrolling.dimmable.dimmed { overflow: hidden; } + .scrolling.dimmable > .dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; justify-content: flex-start; } + .scrolling.dimmable.dimmed > .dimmer { overflow: auto; -webkit-overflow-scrolling: touch; } + .scrolling.dimmable > .dimmer { position: fixed; } + .modals.dimmer .ui.scrolling.modal { margin: 1rem auto !important; } + +/* Undetached Scrolling */ + .scrolling.undetached.dimmable.dimmed { overflow: auto; -webkit-overflow-scrolling: touch; } + .scrolling.undetached.dimmable.dimmed > .dimmer { overflow: hidden; } + .scrolling.undetached.dimmable .ui.scrolling.modal { position: absolute; left: 50%; margin-top: 1rem !important; } + +/* Scrolling Content */ + .ui.modal .scrolling.content { max-height: calc(70vh); overflow: auto; } + +/*-------------- + Full Screen +---------------*/ + .ui.fullscreen.modal { width: 95% !important; left: 0 !important; margin: 1em auto; } + .ui.fullscreen.scrolling.modal { left: 0 !important; } + .ui.fullscreen.modal > .header { padding-right: 2.25rem; } + .ui.fullscreen.modal > .close { top: 1.0535rem; right: 1rem; color: rgba(0, 0, 0, 0.87); } + +/*-------------- + Size +---------------*/ + .ui.modal { font-size: 1rem; } + +/* Mini */ + .ui.mini.modal > .header:not(.ui) { font-size: 1.3em; } + +/* Mini Modal Width */ + @media only screen and (max-width: 767px) { .ui.mini.modal { width: 95%; margin: 0 0 0 0; } } + @media only screen and (min-width: 768px) { .ui.mini.modal { width: 35.2%; margin: 0 0 0 0; } } + @media only screen and (min-width: 992px) { .ui.mini.modal { width: 340px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1200px) { .ui.mini.modal { width: 360px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1920px) { .ui.mini.modal { width: 380px; margin: 0 0 0 0; } } + +/* mini */ + .ui.small.modal > .header:not(.ui) { font-size: 1.3em; } + +/* Tiny Modal Width */ + @media only screen and (max-width: 767px) { .ui.tiny.modal { width: 95%; margin: 0 0 0 0; } } + @media only screen and (min-width: 768px) { .ui.tiny.modal { width: 52.8%; margin: 0 0 0 0; } } + @media only screen and (min-width: 992px) { .ui.tiny.modal { width: 510px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1200px) { .ui.tiny.modal { width: 540px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1920px) { .ui.tiny.modal { width: 570px; margin: 0 0 0 0; } } + +/* Small */ + .ui.small.modal > .header:not(.ui) { font-size: 1.3em; } + +/* Small Modal Width */ + @media only screen and (max-width: 767px) { .ui.small.modal { width: 95%; margin: 0 0 0 0; } } + @media only screen and (min-width: 768px) { .ui.small.modal { width: 70.4%; margin: 0 0 0 0; } } + @media only screen and (min-width: 992px) { .ui.small.modal { width: 680px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1200px) { .ui.small.modal { width: 720px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1920px) { .ui.small.modal { width: 760px; margin: 0 0 0 0; } } + +/* Large Modal Width */ + .ui.large.modal > .header { font-size: 1.6em; } + @media only screen and (max-width: 767px) { .ui.large.modal { width: 95%; margin: 0 0 0 0; } } + @media only screen and (min-width: 768px) { .ui.large.modal { width: 88%; margin: 0 0 0 0; } } + @media only screen and (min-width: 992px) { .ui.large.modal { width: 1020px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1200px) { .ui.large.modal { width: 1080px; margin: 0 0 0 0; } } + @media only screen and (min-width: 1920px) { .ui.large.modal { width: 1140px; margin: 0 0 0 0; } } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Nag + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Nag +*******************************/ + .ui.nag { display: none; opacity: 0.95; @@ -23006,23 +30563,24 @@ select.ui.dropdown { margin: 0; padding: 0.75em 1em; background: #555555; - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); font-size: 1rem; text-align: center; color: rgba(0, 0, 0, 0.87); border-radius: 0 0 0.28571429rem 0.28571429rem; - -webkit-transition: 0.2s background ease; transition: 0.2s background ease; } + a.ui.nag { cursor: pointer; } + .ui.nag > .title { display: inline-block; margin: 0 0.5em; color: #FFFFFF; } + .ui.nag > .close.icon { cursor: pointer; opacity: 0.4; @@ -23032,56 +30590,116 @@ a.ui.nag { font-size: 1em; margin: -0.5em 0 0; color: #FFFFFF; - -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } + +/******************************* + States +*******************************/ + +/* Hover */ + .ui.nag:hover { background: #555555; opacity: 1; } + .ui.nag .close:hover { opacity: 1; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Static +---------------*/ + .ui.overlay.nag { position: absolute; display: block; } + +/*-------------- + Fixed +---------------*/ + .ui.fixed.nag { position: fixed; } + +/*-------------- + Bottom +---------------*/ + .ui.bottom.nags, .ui.bottom.nag { border-radius: 0.28571429rem 0.28571429rem 0 0; top: auto; bottom: 0; } + +/*-------------- + White +---------------*/ + .ui.inverted.nags .nag, .ui.inverted.nag { background-color: #F3F4F5; color: rgba(0, 0, 0, 0.85); } + .ui.inverted.nags .nag .close, .ui.inverted.nags .nag .title, .ui.inverted.nag .close, .ui.inverted.nag .title { color: rgba(0, 0, 0, 0.4); } + +/******************************* + Groups +*******************************/ + .ui.nags .nag { border-radius: 0 !important; } + .ui.nags .nag:last-child { border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui.bottom.nags .nag:last-child { border-radius: 0.28571429rem 0.28571429rem 0 0; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Popup + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Popup +*******************************/ + .ui.popup { display: none; position: absolute; top: 0; right: 0; - min-width: -webkit-min-content; - min-width: -moz-min-content; + /* Fixes content being squished when inline (moz only) */ min-width: min-content; z-index: 1900; border: 1px solid #D4D4D5; @@ -23093,9 +30711,9 @@ a.ui.nag { font-style: normal; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } + .ui.popup > .header { padding: 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; @@ -23103,24 +30721,38 @@ a.ui.nag { line-height: 1.2; font-weight: bold; } + .ui.popup > .header + .content { padding-top: 0.5em; } + .ui.popup:before { position: absolute; content: ''; width: 0.71428571em; height: 0.71428571em; background: #FFFFFF; - -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; - -webkit-box-shadow: 1px 1px 0 0 #bababc; box-shadow: 1px 1px 0 0 #bababc; } + +/******************************* + Types +*******************************/ + +/*-------------- + Tooltip +---------------*/ + +/* Content */ + [data-tooltip] { position: relative; } + +/* Arrow */ + [data-tooltip]:before { pointer-events: none; position: absolute; @@ -23129,12 +30761,13 @@ a.ui.nag { width: 0.71428571em; height: 0.71428571em; background: #FFFFFF; - -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; - -webkit-box-shadow: 1px 1px 0 0 #bababc; box-shadow: 1px 1px 0 0 #bababc; } + +/* Popup */ + [data-tooltip]:after { pointer-events: none; content: attr(data-tooltip); @@ -23152,10 +30785,12 @@ a.ui.nag { font-style: normal; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); z-index: 1; } + +/* Default Position (Top Center) */ + [data-tooltip]:not([data-position]):before { top: auto; right: auto; @@ -23165,106 +30800,127 @@ a.ui.nag { margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } + [data-tooltip]:not([data-position]):after { left: 50%; - -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 100%; margin-bottom: 0.5em; } + +/* Animation */ + [data-tooltip]:before, [data-tooltip]:after { pointer-events: none; visibility: hidden; } + [data-tooltip]:before { opacity: 0; - -webkit-transform: rotate(45deg) scale(0) !important; transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; transform-origin: center top; - -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } + [data-tooltip]:after { opacity: 1; - -webkit-transform-origin: center bottom; transform-origin: center bottom; - -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } + [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; pointer-events: auto; } + [data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; transform: rotate(45deg) scale(1) !important; opacity: 1; } + +/* Animation Position */ + [data-tooltip]:after, [data-tooltip][data-position="top center"]:after, [data-tooltip][data-position="bottom center"]:after { - -webkit-transform: translateX(-50%) scale(0) !important; transform: translateX(-50%) scale(0) !important; } + [data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; transform: translateX(-50%) scale(1) !important; } + [data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after { - -webkit-transform: translateY(-50%) scale(0) !important; transform: translateY(-50%) scale(0) !important; } + [data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; transform: translateY(-50%) scale(1) !important; } + [data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after, [data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after { - -webkit-transform: scale(0) !important; transform: scale(0) !important; } + [data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after, [data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after { - -webkit-transform: scale(1) !important; transform: scale(1) !important; } + +/*-------------- + Inverted +---------------*/ + +/* Arrow */ + [data-tooltip][data-inverted]:before { - -webkit-box-shadow: none !important; box-shadow: none !important; } + +/* Arrow Position */ + [data-tooltip][data-inverted]:before { background: #1B1C1D; } + +/* Popup */ + [data-tooltip][data-inverted]:after { background: #1B1C1D; color: #FFFFFF; border: none; - -webkit-box-shadow: none; box-shadow: none; } + [data-tooltip][data-inverted]:after .header { - background-color: none; color: #FFFFFF; } + +/*-------------- + Position +---------------*/ + +/* Top Center */ + [data-position="top center"][data-tooltip]:after { top: auto; right: auto; left: 50%; bottom: 100%; - -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 0.5em; } + [data-position="top center"][data-tooltip]:before { top: auto; right: auto; @@ -23274,6 +30930,9 @@ a.ui.nag { margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } + +/* Top Left */ + [data-position="top left"][data-tooltip]:after { top: auto; right: auto; @@ -23281,6 +30940,7 @@ a.ui.nag { bottom: 100%; margin-bottom: 0.5em; } + [data-position="top left"][data-tooltip]:before { top: auto; right: auto; @@ -23289,6 +30949,9 @@ a.ui.nag { margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } + +/* Top Right */ + [data-position="top right"][data-tooltip]:after { top: auto; left: auto; @@ -23296,6 +30959,7 @@ a.ui.nag { bottom: 100%; margin-bottom: 0.5em; } + [data-position="top right"][data-tooltip]:before { top: auto; left: auto; @@ -23304,15 +30968,18 @@ a.ui.nag { margin-left: -0.07142857rem; margin-bottom: 0.14285714rem; } + +/* Bottom Center */ + [data-position="bottom center"][data-tooltip]:after { bottom: auto; right: auto; left: 50%; top: 100%; - -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 0.5em; } + [data-position="bottom center"][data-tooltip]:before { bottom: auto; right: auto; @@ -23321,11 +30988,15 @@ a.ui.nag { margin-left: -0.07142857rem; margin-top: 0.14285714rem; } + +/* Bottom Left */ + [data-position="bottom left"][data-tooltip]:after { left: 0; top: 100%; margin-top: 0.5em; } + [data-position="bottom left"][data-tooltip]:before { bottom: auto; right: auto; @@ -23334,11 +31005,15 @@ a.ui.nag { margin-left: -0.07142857rem; margin-top: 0.14285714rem; } + +/* Bottom Right */ + [data-position="bottom right"][data-tooltip]:after { right: 0; top: 100%; margin-top: 0.5em; } + [data-position="bottom right"][data-tooltip]:before { bottom: auto; left: auto; @@ -23347,168 +31022,208 @@ a.ui.nag { margin-left: -0.14285714rem; margin-top: 0.07142857rem; } + +/* Left Center */ + [data-position="left center"][data-tooltip]:after { right: 100%; top: 50%; margin-right: 0.5em; - -webkit-transform: translateY(-50%); transform: translateY(-50%); } + [data-position="left center"][data-tooltip]:before { right: 100%; top: 50%; margin-top: -0.14285714rem; margin-right: -0.07142857rem; } + +/* Right Center */ + [data-position="right center"][data-tooltip]:after { left: 100%; top: 50%; margin-left: 0.5em; - -webkit-transform: translateY(-50%); transform: translateY(-50%); } + [data-position="right center"][data-tooltip]:before { left: 100%; top: 50%; margin-top: -0.07142857rem; margin-left: 0.14285714rem; } + +/* Arrow */ + [data-position~="bottom"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: -1px -1px 0 0 #bababc; box-shadow: -1px -1px 0 0 #bababc; } + [data-position="left center"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: 1px -1px 0 0 #bababc; box-shadow: 1px -1px 0 0 #bababc; } + [data-position="right center"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: -1px 1px 0 0 #bababc; box-shadow: -1px 1px 0 0 #bababc; } + [data-position~="top"][data-tooltip]:before { background: #FFFFFF; } + +/* Inverted Arrow Color */ + [data-inverted][data-position~="bottom"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: -1px -1px 0 0 #bababc; box-shadow: -1px -1px 0 0 #bababc; } + [data-inverted][data-position="left center"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: 1px -1px 0 0 #bababc; box-shadow: 1px -1px 0 0 #bababc; } + [data-inverted][data-position="right center"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: -1px 1px 0 0 #bababc; box-shadow: -1px 1px 0 0 #bababc; } + [data-inverted][data-position~="top"][data-tooltip]:before { background: #1B1C1D; } + [data-position~="bottom"][data-tooltip]:before { - -webkit-transform-origin: center bottom; transform-origin: center bottom; } + [data-position~="bottom"][data-tooltip]:after { - -webkit-transform-origin: center top; transform-origin: center top; } + [data-position="left center"][data-tooltip]:before { - -webkit-transform-origin: top center; transform-origin: top center; } + [data-position="left center"][data-tooltip]:after { - -webkit-transform-origin: right center; transform-origin: right center; } + [data-position="right center"][data-tooltip]:before { - -webkit-transform-origin: right center; transform-origin: right center; } + [data-position="right center"][data-tooltip]:after { - -webkit-transform-origin: left center; transform-origin: left center; } + +/*-------------- + Spacing +---------------*/ + .ui.popup { margin: 0; } + +/* Extending from Top */ + .ui.top.popup { margin: 0 0 0.71428571em; } + .ui.top.left.popup { - -webkit-transform-origin: left bottom; transform-origin: left bottom; } + .ui.top.center.popup { - -webkit-transform-origin: center bottom; transform-origin: center bottom; } + .ui.top.right.popup { - -webkit-transform-origin: right bottom; transform-origin: right bottom; } + +/* Extending from Vertical Center */ + .ui.left.center.popup { margin: 0 0.71428571em 0 0; - -webkit-transform-origin: right 50%; transform-origin: right 50%; } + .ui.right.center.popup { margin: 0 0 0 0.71428571em; - -webkit-transform-origin: left 50%; transform-origin: left 50%; } + +/* Extending from Bottom */ + .ui.bottom.popup { margin: 0.71428571em 0 0; } + .ui.bottom.left.popup { - -webkit-transform-origin: left top; transform-origin: left top; } + .ui.bottom.center.popup { - -webkit-transform-origin: center top; transform-origin: center top; } + .ui.bottom.right.popup { - -webkit-transform-origin: right top; transform-origin: right top; } + +/*-------------- + Pointer +---------------*/ + +/*--- Below ---*/ + .ui.bottom.center.popup:before { margin-left: -0.30714286em; top: -0.30714286em; left: 50%; right: auto; bottom: auto; - -webkit-box-shadow: -1px -1px 0 0 #bababc; box-shadow: -1px -1px 0 0 #bababc; } + .ui.bottom.left.popup { margin-left: 0; } + +/*rtl:rename*/ + .ui.bottom.left.popup:before { top: -0.30714286em; left: 1em; right: auto; bottom: auto; margin-left: 0; - -webkit-box-shadow: -1px -1px 0 0 #bababc; box-shadow: -1px -1px 0 0 #bababc; } + .ui.bottom.right.popup { margin-right: 0; } + +/*rtl:rename*/ + .ui.bottom.right.popup:before { top: -0.30714286em; right: 1em; bottom: auto; left: auto; margin-left: 0; - -webkit-box-shadow: -1px -1px 0 0 #bababc; box-shadow: -1px -1px 0 0 #bababc; } + +/*--- Above ---*/ + .ui.top.center.popup:before { top: auto; right: auto; @@ -23516,9 +31231,13 @@ a.ui.nag { left: 50%; margin-left: -0.30714286em; } + .ui.top.left.popup { margin-left: 0; } + +/*rtl:rename*/ + .ui.top.left.popup:before { bottom: -0.30714286em; left: 1em; @@ -23526,9 +31245,13 @@ a.ui.nag { right: auto; margin-left: 0; } + .ui.top.right.popup { margin-right: 0; } + +/*rtl:rename*/ + .ui.top.right.popup:before { bottom: -0.30714286em; right: 1em; @@ -23536,148 +31259,252 @@ a.ui.nag { left: auto; margin-left: 0; } + +/*--- Left Center ---*/ + +/*rtl:rename*/ + .ui.left.center.popup:before { top: 50%; right: -0.30714286em; bottom: auto; left: auto; margin-top: -0.30714286em; - -webkit-box-shadow: 1px -1px 0 0 #bababc; box-shadow: 1px -1px 0 0 #bababc; } + +/*--- Right Center ---*/ + +/*rtl:rename*/ + .ui.right.center.popup:before { top: 50%; left: -0.30714286em; bottom: auto; right: auto; margin-top: -0.30714286em; - -webkit-box-shadow: -1px 1px 0 0 #bababc; box-shadow: -1px 1px 0 0 #bababc; } + +/* Arrow Color By Location */ + .ui.bottom.popup:before { background: #FFFFFF; } + .ui.right.center.popup:before, .ui.left.center.popup:before { background: #FFFFFF; } + .ui.top.popup:before { background: #FFFFFF; } + +/* Inverted Arrow Color */ + .ui.inverted.bottom.popup:before { background: #1B1C1D; } + .ui.inverted.right.center.popup:before, .ui.inverted.left.center.popup:before { background: #1B1C1D; } + .ui.inverted.top.popup:before { background: #1B1C1D; } + +/******************************* + Coupling +*******************************/ + +/* Immediate Nested Grid */ + .ui.popup > .ui.grid:not(.padded) { width: calc(100% + 1.75rem); margin: -0.7rem -0.875rem; } + +/******************************* + States +*******************************/ + .ui.loading.popup { display: block; visibility: hidden; z-index: -1; } + .ui.animating.popup, .ui.visible.popup { display: block; } + .ui.visible.popup { - -webkit-transform: translateZ(0px); transform: translateZ(0px); - -webkit-backface-visibility: hidden; backface-visibility: hidden; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Basic +---------------*/ + .ui.basic.popup:before { display: none; } + +/*-------------- + Wide +---------------*/ + .ui.wide.popup { max-width: 350px; } + .ui[class*="very wide"].popup { max-width: 550px; } + @media only screen and (max-width: 767px) { .ui.wide.popup, .ui[class*="very wide"].popup { max-width: 250px; } } + +/*-------------- + Fluid +---------------*/ + .ui.fluid.popup { width: 100%; max-width: none; } + +/*-------------- + Colors +---------------*/ + +/* Inverted colors */ + .ui.inverted.popup { background: #1B1C1D; color: #FFFFFF; border: none; - -webkit-box-shadow: none; box-shadow: none; } + .ui.inverted.popup .header { - background-color: none; color: #FFFFFF; } + .ui.inverted.popup:before { background-color: #1B1C1D; - -webkit-box-shadow: none !important; box-shadow: none !important; } + +/*-------------- + Flowing +---------------*/ + .ui.flowing.popup { max-width: none; } + +/*-------------- + Sizes +---------------*/ + .ui.mini.popup { font-size: 0.78571429rem; } + .ui.tiny.popup { font-size: 0.85714286rem; } + .ui.small.popup { font-size: 0.92857143rem; } + .ui.popup { font-size: 1rem; } + .ui.large.popup { font-size: 1.14285714rem; } + .ui.huge.popup { font-size: 1.42857143rem; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Progress Bar + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Progress +*******************************/ + .ui.progress { position: relative; display: block; max-width: 100%; border: none; margin: 1em 0 2.5em; - -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0.1); padding: 0; border-radius: 0.28571429rem; } + .ui.progress:first-child { margin: 0 0 2.5em; } + .ui.progress:last-child { margin: 0 0 1.5em; } + +/******************************* + Content +*******************************/ + +/* Activity Bar */ + .ui.progress .bar { display: block; line-height: 1; position: relative; - width: 0%; + width: 0; min-width: 2em; background: #888888; border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, background-color 0.1s ease; transition: width 0.1s ease, background-color 0.1s ease; } + +/* Percent Complete */ + .ui.progress .bar > .progress { white-space: nowrap; position: absolute; @@ -23693,66 +31520,91 @@ a.ui.nag { font-weight: bold; text-align: left; } + +/* Label */ + .ui.progress > .label { position: absolute; width: 100%; font-size: 1em; top: 100%; right: auto; - left: 0%; + left: 0; bottom: auto; color: rgba(0, 0, 0, 0.87); font-weight: bold; text-shadow: none; margin-top: 0.2em; text-align: center; - -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } + +/******************************* + Types +*******************************/ + +/* Indicating */ + .ui.indicating.progress[data-percent^="1"] .bar, .ui.indicating.progress[data-percent^="2"] .bar { background-color: #D95C5C; } + .ui.indicating.progress[data-percent^="3"] .bar { background-color: #EFBC72; } + .ui.indicating.progress[data-percent^="4"] .bar, .ui.indicating.progress[data-percent^="5"] .bar { background-color: #E6BB48; } + .ui.indicating.progress[data-percent^="6"] .bar { background-color: #DDC928; } + .ui.indicating.progress[data-percent^="7"] .bar, .ui.indicating.progress[data-percent^="8"] .bar { background-color: #B4D95C; } + .ui.indicating.progress[data-percent^="9"] .bar, .ui.indicating.progress[data-percent^="100"] .bar { background-color: #66DA81; } + +/* Indicating Label */ + .ui.indicating.progress[data-percent^="1"] .label, .ui.indicating.progress[data-percent^="2"] .label { color: rgba(0, 0, 0, 0.87); } + .ui.indicating.progress[data-percent^="3"] .label { color: rgba(0, 0, 0, 0.87); } + .ui.indicating.progress[data-percent^="4"] .label, .ui.indicating.progress[data-percent^="5"] .label { color: rgba(0, 0, 0, 0.87); } + .ui.indicating.progress[data-percent^="6"] .label { color: rgba(0, 0, 0, 0.87); } + .ui.indicating.progress[data-percent^="7"] .label, .ui.indicating.progress[data-percent^="8"] .label { color: rgba(0, 0, 0, 0.87); } + .ui.indicating.progress[data-percent^="9"] .label, .ui.indicating.progress[data-percent^="100"] .label { color: rgba(0, 0, 0, 0.87); } + +/* Single Digits */ + .ui.indicating.progress[data-percent="1"] .bar, .ui.indicating.progress[data-percent="2"] .bar, .ui.indicating.progress[data-percent="3"] .bar, @@ -23764,6 +31616,7 @@ a.ui.nag { .ui.indicating.progress[data-percent="9"] .bar { background-color: #D95C5C; } + .ui.indicating.progress[data-percent="1"] .label, .ui.indicating.progress[data-percent="2"] .label, .ui.indicating.progress[data-percent="3"] .label, @@ -23775,46 +31628,77 @@ a.ui.nag { .ui.indicating.progress[data-percent="9"] .label { color: rgba(0, 0, 0, 0.87); } + +/* Indicating Success */ + .ui.indicating.progress.success .label { color: #1A531B; } + +/******************************* + States +*******************************/ + +/*-------------- + Success +---------------*/ + .ui.progress.success .bar { background-color: #21BA45 !important; } + .ui.progress.success .bar, .ui.progress.success .bar::after { - -webkit-animation: none !important; animation: none !important; } + .ui.progress.success > .label { color: #1A531B; } + +/*-------------- + Warning +---------------*/ + .ui.progress.warning .bar { background-color: #F2C037 !important; } + .ui.progress.warning .bar, .ui.progress.warning .bar::after { - -webkit-animation: none !important; animation: none !important; } + .ui.progress.warning > .label { color: #794B02; } + +/*-------------- + Error +---------------*/ + .ui.progress.error .bar { background-color: #DB2828 !important; } + .ui.progress.error .bar, .ui.progress.error .bar::after { - -webkit-animation: none !important; animation: none !important; } + .ui.progress.error > .label { color: #912D2B; } + +/*-------------- + Active +---------------*/ + .ui.active.progress .bar { position: relative; min-width: 2em; } + .ui.active.progress .bar::after { content: ''; opacity: 0; @@ -23825,65 +31709,84 @@ a.ui.nag { bottom: 0; background: #FFFFFF; border-radius: 0.28571429rem; - -webkit-animation: progress-active 2s ease infinite; animation: progress-active 2s ease infinite; } -@-webkit-keyframes progress-active { - 0% { - opacity: 0.3; - width: 0; - } - 100% { - opacity: 0; - width: 100%; - } -} + @keyframes progress-active { 0% { opacity: 0.3; width: 0; } + 100% { opacity: 0; width: 100%; } } + +/*-------------- + Disabled +---------------*/ + .ui.disabled.progress { opacity: 0.35; } + .ui.disabled.progress .bar, .ui.disabled.progress .bar::after { - -webkit-animation: none !important; animation: none !important; } + +/******************************* + Variations +*******************************/ + +/*-------------- + Inverted +---------------*/ + .ui.inverted.progress { background: rgba(255, 255, 255, 0.08); border: none; } + .ui.inverted.progress .bar { background: #888888; } + .ui.inverted.progress .bar > .progress { color: #F9FAFB; } + .ui.inverted.progress > .label { color: #FFFFFF; } + .ui.inverted.progress.success > .label { color: #21BA45; } + .ui.inverted.progress.warning > .label { color: #F2C037; } + .ui.inverted.progress.error > .label { color: #DB2828; } + +/*-------------- + Attached +---------------*/ + +/* bottom attached */ + .ui.progress.attached { background: transparent; position: relative; border: none; margin: 0; } + .ui.progress.attached, .ui.progress.attached .bar { display: block; @@ -23892,17 +31795,25 @@ a.ui.nag { overflow: hidden; border-radius: 0 0 0.28571429rem 0.28571429rem; } + .ui.progress.attached .bar { border-radius: 0; } + +/* top attached */ + .ui.progress.top.attached, .ui.progress.top.attached .bar { top: 0; border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.progress.top.attached .bar { border-radius: 0; } + +/* Coupling */ + .ui.segment > .ui.attached.progress, .ui.card > .ui.attached.progress { position: absolute; @@ -23911,126 +31822,492 @@ a.ui.nag { bottom: 100%; width: 100%; } + .ui.segment > .ui.bottom.attached.progress, .ui.card > .ui.bottom.attached.progress { top: 100%; bottom: auto; } + +/*-------------- + Colors +---------------*/ + +/* Red */ + .ui.red.progress .bar { background-color: #DB2828; } + .ui.red.inverted.progress .bar { background-color: #FF695E; } + +/* Orange */ + .ui.orange.progress .bar { background-color: #F2711C; } + .ui.orange.inverted.progress .bar { background-color: #FF851B; } + +/* Yellow */ + .ui.yellow.progress .bar { background-color: #FBBD08; } + .ui.yellow.inverted.progress .bar { background-color: #FFE21F; } + +/* Olive */ + .ui.olive.progress .bar { background-color: #B5CC18; } + .ui.olive.inverted.progress .bar { background-color: #D9E778; } + +/* Green */ + .ui.green.progress .bar { background-color: #21BA45; } + .ui.green.inverted.progress .bar { background-color: #2ECC40; } + +/* Teal */ + .ui.teal.progress .bar { background-color: #00B5AD; } + .ui.teal.inverted.progress .bar { background-color: #6DFFFF; } + +/* Blue */ + .ui.blue.progress .bar { background-color: #2185D0; } + .ui.blue.inverted.progress .bar { background-color: #54C8FF; } + +/* Violet */ + .ui.violet.progress .bar { background-color: #6435C9; } + .ui.violet.inverted.progress .bar { background-color: #A291FB; } + +/* Purple */ + .ui.purple.progress .bar { background-color: #A333C8; } + .ui.purple.inverted.progress .bar { background-color: #DC73FF; } + +/* Pink */ + .ui.pink.progress .bar { background-color: #E03997; } + .ui.pink.inverted.progress .bar { background-color: #FF8EDF; } + +/* Brown */ + .ui.brown.progress .bar { background-color: #A5673F; } + .ui.brown.inverted.progress .bar { background-color: #D67C1C; } + +/* Grey */ + .ui.grey.progress .bar { background-color: #767676; } + .ui.grey.inverted.progress .bar { background-color: #DCDDDE; } + +/* Black */ + .ui.black.progress .bar { background-color: #1B1C1D; } + .ui.black.inverted.progress .bar { background-color: #545454; } + +/*-------------- + Sizes +---------------*/ + .ui.tiny.progress { font-size: 0.85714286rem; } + .ui.tiny.progress .bar { height: 0.5em; } + .ui.small.progress { font-size: 0.92857143rem; } + .ui.small.progress .bar { height: 1em; } + .ui.progress { font-size: 1rem; } + .ui.progress .bar { height: 1.75em; } + .ui.large.progress { font-size: 1.14285714rem; } + .ui.large.progress .bar { height: 2.5em; } + .ui.big.progress { font-size: 1.28571429rem; } + .ui.big.progress .bar { height: 3.5em; } + +/******************************* + Progress +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Rating + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Rating +*******************************/ + +.ui.rating { + display: inline-flex; + white-space: nowrap; + vertical-align: baseline; +} + +.ui.rating:last-child { + margin-right: 0; +} + +/* Icon */ + +.ui.rating .icon { + padding: 0; + margin: 0; + text-align: center; + font-weight: normal; + font-style: normal; + flex: 1 0 auto; + cursor: pointer; + width: 1.25em; + height: auto; + transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; +} + +/******************************* + Types +*******************************/ + +/*------------------- + Standard +--------------------*/ + +/* Inactive Icon */ + +.ui.rating .icon { + background: transparent; + color: rgba(0, 0, 0, 0.15); +} + +/* Active Icon */ + +.ui.rating .active.icon { + background: transparent; + color: rgba(0, 0, 0, 0.85); +} + +/* Selected Icon */ + +.ui.rating .icon.selected, +.ui.rating .icon.selected.active { + background: transparent; + color: rgba(0, 0, 0, 0.87); +} + +/*------------------- + Star +--------------------*/ + +/* Inactive */ + +.ui.star.rating .icon { + width: 1.25em; + height: auto; + background: transparent; + color: rgba(0, 0, 0, 0.15); + text-shadow: none; +} + +/* Active Star */ + +.ui.star.rating .active.icon { + background: transparent !important; + color: #FFE623 !important; + text-shadow: 0 -1px 0 #DDC507, -1px 0 0 #DDC507, 0 1px 0 #DDC507, 1px 0 0 #DDC507 !important; +} + +/* Selected Star */ + +.ui.star.rating .icon.selected, +.ui.star.rating .icon.selected.active { + background: transparent !important; + color: #FFCC00 !important; + text-shadow: 0 -1px 0 #E6A200, -1px 0 0 #E6A200, 0 1px 0 #E6A200, 1px 0 0 #E6A200 !important; +} + +/*------------------- + Heart +--------------------*/ + +.ui.heart.rating .icon { + width: 1.4em; + height: auto; + background: transparent; + color: rgba(0, 0, 0, 0.15); + text-shadow: none !important; +} + +/* Active Heart */ + +.ui.heart.rating .active.icon { + background: transparent !important; + color: #FF6D75 !important; + text-shadow: 0 -1px 0 #CD0707, -1px 0 0 #CD0707, 0 1px 0 #CD0707, 1px 0 0 #CD0707 !important; +} + +/* Selected Heart */ + +.ui.heart.rating .icon.selected, +.ui.heart.rating .icon.selected.active { + background: transparent !important; + color: #FF3000 !important; + text-shadow: 0 -1px 0 #AA0101, -1px 0 0 #AA0101, 0 1px 0 #AA0101, 1px 0 0 #AA0101 !important; +} + +/******************************* + States +*******************************/ + +/*------------------- + Disabled +--------------------*/ + +/* disabled rating */ + +.ui.disabled.rating .icon { + cursor: default; +} + +/*------------------- + User Interactive +--------------------*/ + +/* Selected Rating */ + +.ui.rating.selected .active.icon { + opacity: 1; +} + +.ui.rating.selected .icon.selected, +.ui.rating .icon.selected { + opacity: 1; +} + +/******************************* + Variations +*******************************/ + +.ui.mini.rating { + font-size: 0.78571429rem; +} + +.ui.tiny.rating { + font-size: 0.85714286rem; +} + +.ui.small.rating { + font-size: 0.92857143rem; +} + +.ui.rating { + font-size: 1rem; +} + +.ui.large.rating { + font-size: 1.14285714rem; +} + +.ui.huge.rating { + font-size: 1.42857143rem; +} + +.ui.massive.rating { + font-size: 2rem; +} + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Rating'; + src: url(../../assets/fonts/rating.ttf) format('truetype'), + url(../../assets/fonts/rating.woff) format('woff'); + font-weight: normal; + font-style: normal; +} + +.ui.rating .icon { + font-family: 'Rating'; + line-height: 1; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +/* Empty Star */ + +.ui.rating .icon:before { + content: '\f005'; +} + +/* Active Star */ + +.ui.rating .active.icon:before { + content: '\f005'; +} + +/*------------------- + Star +--------------------*/ + +/* Unfilled Star */ + +.ui.star.rating .icon:before { + content: '\f005'; +} + +/* Active Star */ + +.ui.star.rating .active.icon:before { + content: '\f005'; +} + +/* Partial */ + +.ui.star.rating .partial.icon:before { + content: '\f006'; +} + +.ui.star.rating .partial.icon { + content: '\f005'; +} + +/*------------------- + Heart +--------------------*/ + +/* Empty Heart +.ui.heart.rating .icon:before { + content: '\f08a'; +} +*/ + +.ui.heart.rating .icon:before { + content: '\f004'; +} + +/* Active */ + +.ui.heart.rating .active.icon:before { + content: '\f004'; +} + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Search + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Search +*******************************/ + .ui.search { position: relative; } + .ui.search > .prompt { margin: 0; outline: none; - -webkit-appearance: none; + appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-shadow: none; font-style: normal; @@ -24041,42 +32318,54 @@ a.ui.nag { background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0 0 0 0 transparent inset; box-shadow: 0 0 0 0 transparent inset; - -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; } + .ui.search .prompt { border-radius: 500rem; } + +/*-------------- + Icon +---------------*/ + .ui.search .prompt ~ .search.icon { cursor: pointer; } + +/*-------------- + Results +---------------*/ + .ui.search > .results { display: none; position: absolute; top: 100%; - left: 0%; - -webkit-transform-origin: center top; + left: 0; transform-origin: center top; white-space: normal; background: #FFFFFF; margin-top: 0.5em; width: 18em; border-radius: 0.28571429rem; - -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); border: 1px solid #D4D4D5; z-index: 998; } + .ui.search > .results > :first-child { border-radius: 0.28571429rem 0.28571429rem 0 0; } + .ui.search > .results > :last-child { border-radius: 0 0 0.28571429rem 0.28571429rem; } + +/*-------------- + Result +---------------*/ + .ui.search > .results .result { cursor: pointer; display: block; @@ -24087,9 +32376,13 @@ a.ui.nag { line-height: 1.33; border-bottom: 1px solid rgba(34, 36, 38, 0.1); } + .ui.search > .results .result:last-child { border-bottom: none !important; } + +/* Image */ + .ui.search > .results .result .image { float: right; overflow: hidden; @@ -24098,14 +32391,21 @@ a.ui.nag { height: 3em; border-radius: 0.25em; } + .ui.search > .results .result .image img { display: block; width: auto; height: 100%; } + +/*-------------- + Info +---------------*/ + .ui.search > .results .result .image + .content { margin: 0 6em 0 0; } + .ui.search > .results .result .title { margin: -0.14285714em 0 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; @@ -24113,29 +32413,41 @@ a.ui.nag { font-size: 1em; color: rgba(0, 0, 0, 0.85); } + .ui.search > .results .result .description { margin-top: 0; font-size: 0.92857143em; color: rgba(0, 0, 0, 0.4); } + .ui.search > .results .result .price { float: right; color: #21BA45; } + +/*-------------- + Message +---------------*/ + .ui.search > .results > .message { padding: 1em 1em; } + .ui.search > .results > .message .header { font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: rgba(0, 0, 0, 0.87); } + .ui.search > .results > .message .description { margin-top: 0.25rem; font-size: 1em; color: rgba(0, 0, 0, 0.87); } + +/* View All Results */ + .ui.search > .results > .action { display: block; border-top: none; @@ -24145,11 +32457,25 @@ a.ui.nag { font-weight: bold; text-align: center; } + +/******************************* + States +*******************************/ + +/*-------------------- + Focus +---------------------*/ + .ui.search > .prompt:focus { border-color: rgba(34, 36, 38, 0.35); background: #FFFFFF; color: rgba(0, 0, 0, 0.95); } + +/*-------------------- + Loading +---------------------*/ + .ui.loading.search .input > i.icon:before { position: absolute; content: ''; @@ -24161,6 +32487,7 @@ a.ui.nag { border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } + .ui.loading.search .input > i.icon:after { position: absolute; content: ''; @@ -24169,99 +32496,147 @@ a.ui.nag { margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } + +/*-------------- + Hover +---------------*/ + .ui.search > .results .result:hover, .ui.category.search > .results .category .result:hover { background: #F9FAFB; } + .ui.search .action:hover { background: #E0E0E0; } + +/*-------------- + Active +---------------*/ + .ui.category.search > .results .category.active { background: #F3F4F5; } + .ui.category.search > .results .category.active > .name { color: rgba(0, 0, 0, 0.87); } + .ui.search > .results .result.active, .ui.category.search > .results .category .result.active { position: relative; border-left-color: rgba(34, 36, 38, 0.1); background: #F3F4F5; - -webkit-box-shadow: none; box-shadow: none; } + .ui.search > .results .result.active .title { color: rgba(0, 0, 0, 0.85); } + .ui.search > .results .result.active .description { color: rgba(0, 0, 0, 0.85); } + +/*-------------------- + Disabled +----------------------*/ + +/* Disabled */ + .ui.disabled.search { cursor: default; pointer-events: none; opacity: 0.45; } + +/******************************* + Types +*******************************/ + +/*-------------- + Selection +---------------*/ + .ui.search.selection .prompt { border-radius: 0.28571429rem; } + +/* Remove input */ + .ui.search.selection > .icon.input > .remove.icon { pointer-events: none; position: absolute; left: auto; opacity: 0; - color: ''; top: 0; right: 0; - -webkit-transition: color 0.1s ease, opacity 0.1s ease; transition: color 0.1s ease, opacity 0.1s ease; } + .ui.search.selection > .icon.input > .active.remove.icon { cursor: pointer; opacity: 0.8; pointer-events: auto; } + .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon { right: 1.85714em; } + .ui.search.selection > .icon.input > .remove.icon:hover { opacity: 1; color: #DB2828; } + +/*-------------- + Category +---------------*/ + .ui.category.search .results { width: 28em; } + .ui.category.search .results.animating, .ui.category.search .results.visible { display: table; } + +/* Category */ + .ui.category.search > .results .category { display: table-row; background: #F3F4F5; - -webkit-box-shadow: none; box-shadow: none; - -webkit-transition: background 0.1s ease, border-color 0.1s ease; transition: background 0.1s ease, border-color 0.1s ease; } + +/* Last Category */ + .ui.category.search > .results .category:last-child { border-bottom: none; } + +/* First / Last */ + .ui.category.search > .results .category:first-child .name + .result { border-radius: 0 0.28571429rem 0 0; } + .ui.category.search > .results .category:last-child .result:last-child { border-radius: 0 0 0.28571429rem 0; } + +/* Category Result Name */ + .ui.category.search > .results .category > .name { display: table-cell; text-overflow: ellipsis; @@ -24275,122 +32650,199 @@ a.ui.nag { color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(34, 36, 38, 0.1); } + +/* Category Result */ + .ui.category.search > .results .category .results { display: table-cell; background: #FFFFFF; border-left: 1px solid rgba(34, 36, 38, 0.15); border-bottom: 1px solid rgba(34, 36, 38, 0.1); } + .ui.category.search > .results .category .result { border-bottom: 1px solid rgba(34, 36, 38, 0.1); - -webkit-transition: background 0.1s ease, border-color 0.1s ease; transition: background 0.1s ease, border-color 0.1s ease; padding: 0.85714286em 1.14285714em; } + +/******************************* + Variations +*******************************/ + +/*------------------- + Left / Right +--------------------*/ + .ui[class*="left aligned"].search > .results { right: auto; - left: 0%; + left: 0; } + .ui[class*="right aligned"].search > .results { - right: 0%; + right: 0; left: auto; } + +/*-------------- + Fluid +---------------*/ + .ui.fluid.search .results { width: 100%; } + +/*-------------- + Sizes +---------------*/ + .ui.mini.search { font-size: 0.78571429em; } + .ui.small.search { font-size: 0.92857143em; } + .ui.search { font-size: 1em; } + .ui.large.search { font-size: 1.14285714em; } + .ui.big.search { font-size: 1.28571429em; } + .ui.huge.search { font-size: 1.42857143em; } + .ui.massive.search { font-size: 1.71428571em; } + +/*-------------- + Mobile +---------------*/ + @media only screen and (max-width: 767px) { .ui.search .results { max-width: calc(100vw - 2rem); } } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Shape + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Shape +*******************************/ + .ui.shape { position: relative; vertical-align: top; display: inline-block; - -webkit-perspective: 2000px; perspective: 2000px; - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } + .ui.shape .sides { - -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } + .ui.shape .side { opacity: 1; width: 100%; margin: 0 !important; - -webkit-backface-visibility: hidden; backface-visibility: hidden; } + .ui.shape .side { display: none; } + .ui.shape .side * { - -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } + +/******************************* + Types +*******************************/ + .ui.cube.shape .side { min-width: 15em; height: 15em; padding: 2em; background-color: #E6E6E6; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } + .ui.cube.shape .side > .content { width: 100%; height: 100%; display: table; text-align: center; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; user-select: text; } + .ui.cube.shape .side > .content > div { display: table-cell; vertical-align: middle; font-size: 2em; } + +/******************************* + Variations +*******************************/ + .ui.text.shape.animating .sides { position: static; } + .ui.text.shape .side { white-space: nowrap; } + .ui.text.shape .side > * { white-space: normal; } + +/******************************* + States +*******************************/ + +/*-------------- + Loading +---------------*/ + .ui.loading.shape { position: absolute; top: -9999px; left: -9999px; } + +/*-------------- + Animating +---------------*/ + .ui.shape .animating.side { position: absolute; top: 0; @@ -24398,35 +32850,65 @@ a.ui.nag { display: block; z-index: 100; } + .ui.shape .hidden.side { opacity: 0.6; } + +/*-------------- + CSS +---------------*/ + .ui.shape.animating .sides { position: absolute; } + .ui.shape.animating .sides { - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } + .ui.shape.animating .side { - -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } + +/*-------------- + Active +---------------*/ + .ui.shape .active.side { display: block; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Sidebar + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Sidebar +*******************************/ + +/* Sidebar Menu */ + .ui.sidebar { position: fixed; top: 0; left: 0; - -webkit-backface-visibility: hidden; backface-visibility: hidden; - -webkit-transition: none; transition: none; will-change: transform; - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; -webkit-overflow-scrolling: touch; @@ -24437,85 +32919,114 @@ a.ui.nag { overflow-y: auto !important; z-index: 102; } + +/* GPU Layers for Child Elements */ + .ui.sidebar > * { - -webkit-backface-visibility: hidden; backface-visibility: hidden; } + +/*-------------- + Direction +---------------*/ + .ui.left.sidebar { right: auto; left: 0; - -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } + .ui.right.sidebar { right: 0 !important; left: auto !important; - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0, 0); } + .ui.top.sidebar, .ui.bottom.sidebar { width: 100% !important; height: auto !important; } + .ui.top.sidebar { top: 0 !important; bottom: auto !important; - -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } + .ui.bottom.sidebar { top: auto !important; bottom: 0 !important; - -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } + +/*-------------- + Pushable +---------------*/ + .pushable { height: 100%; overflow-x: hidden; padding: 0 !important; } + +/* Whole Page */ + body.pushable { background: #545454 !important; } + +/* Page Context */ + .pushable:not(body) { - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + .pushable:not(body) > .ui.sidebar, .pushable:not(body) > .fixed, .pushable:not(body) > .pusher:after { position: absolute; } + +/*-------------- + Fixed +---------------*/ + .pushable > .fixed { position: fixed; - -webkit-backface-visibility: hidden; backface-visibility: hidden; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; will-change: transform; z-index: 101; } + +/*-------------- + Page +---------------*/ + .pushable > .pusher { position: relative; - -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; min-height: 100%; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 2; } + body.pushable > .pusher { background: #FFFFFF; } + +/* Pusher should inherit background from context */ + .pushable > .pusher { background: inherit; } + +/*-------------- + Dimmer +---------------*/ + .pushable > .pusher:after { position: fixed; top: 0; @@ -24524,314 +33035,426 @@ body.pushable > .pusher { background-color: rgba(0, 0, 0, 0.4); overflow: hidden; opacity: 0; - -webkit-transition: opacity 500ms; transition: opacity 500ms; will-change: opacity; z-index: 1000; } + +/*-------------- + Coupling +---------------*/ + .ui.sidebar.menu .item { border-radius: 0 !important; } + +/******************************* + States +*******************************/ + +/*-------------- + Dimmed +---------------*/ + .pushable > .pusher.dimmed:after { width: 100% !important; height: 100% !important; opacity: 1 !important; } + +/*-------------- + Animating +---------------*/ + .ui.animating.sidebar { visibility: visible; } + +/*-------------- + Visible +---------------*/ + .ui.visible.sidebar { visibility: visible; - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/* Shadow Direction */ + .ui.left.visible.sidebar, .ui.right.visible.sidebar { - -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); } + .ui.top.visible.sidebar, .ui.bottom.visible.sidebar { - -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); } + +/* Visible On Load */ + .ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); } + .ui.visible.right.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); } + .ui.visible.top.sidebar ~ .fixed, .ui.visible.top.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0); } + .ui.visible.bottom.sidebar ~ .fixed, .ui.visible.bottom.sidebar ~ .pusher { - -webkit-transform: translate3d(0, -36px, 0); transform: translate3d(0, -36px, 0); } + +/* opposite sides visible forces content overlay */ + .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + +/*-------------- + iOS +---------------*/ + +/******************************* + Variations +*******************************/ + +/*-------------- + Width +---------------*/ + +/* Left / Right */ + .ui.thin.left.sidebar, .ui.thin.right.sidebar { width: 150px; } + .ui[class*="very thin"].left.sidebar, .ui[class*="very thin"].right.sidebar { width: 60px; } + .ui.left.sidebar, .ui.right.sidebar { width: 260px; } + .ui.wide.left.sidebar, .ui.wide.right.sidebar { width: 350px; } + .ui[class*="very wide"].left.sidebar, .ui[class*="very wide"].right.sidebar { width: 475px; } + +/* Left Visible */ + .ui.visible.thin.left.sidebar ~ .fixed, .ui.visible.thin.left.sidebar ~ .pusher { - -webkit-transform: translate3d(150px, 0, 0); transform: translate3d(150px, 0, 0); } + .ui.visible[class*="very thin"].left.sidebar ~ .fixed, .ui.visible[class*="very thin"].left.sidebar ~ .pusher { - -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); } + .ui.visible.wide.left.sidebar ~ .fixed, .ui.visible.wide.left.sidebar ~ .pusher { - -webkit-transform: translate3d(350px, 0, 0); transform: translate3d(350px, 0, 0); } + .ui.visible[class*="very wide"].left.sidebar ~ .fixed, .ui.visible[class*="very wide"].left.sidebar ~ .pusher { - -webkit-transform: translate3d(475px, 0, 0); transform: translate3d(475px, 0, 0); } + +/* Right Visible */ + .ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0); } + .ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); } + .ui.visible.wide.right.sidebar ~ .fixed, .ui.visible.wide.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-350px, 0, 0); transform: translate3d(-350px, 0, 0); } + .ui.visible[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-475px, 0, 0); transform: translate3d(-475px, 0, 0); } + +/******************************* + Animations +*******************************/ + +/*-------------- + Overlay +---------------*/ + +/* Set-up */ + .ui.overlay.sidebar { z-index: 102; } + +/* Initial */ + .ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0%, 0); - transform: translate3d(-100%, 0%, 0); + transform: translate3d(-100%, 0, 0); } + .ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0, 0); } + .ui.top.overlay.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); transform: translate3d(0%, -100%, 0); } + .ui.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); transform: translate3d(0%, 100%, 0); } + +/* Animation */ + .animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } + +/* End - Sidebar */ + .ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } + .ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } + .ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } + .ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } + +/* End - Pusher */ + .ui.visible.overlay.sidebar ~ .fixed, .ui.visible.overlay.sidebar ~ .pusher { - -webkit-transform: none !important; transform: none !important; } + +/*-------------- + Push +---------------*/ + +/* Initial */ + .ui.push.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 102; } + +/* Sidebar - Initial */ + .ui.left.push.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } + .ui.right.push.sidebar { - -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } + .ui.top.push.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); transform: translate3d(0%, -100%, 0); } + .ui.bottom.push.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); transform: translate3d(0%, 100%, 0); } + +/* End */ + .ui.visible.push.sidebar { - -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } + +/*-------------- + Uncover +---------------*/ + +/* Initial */ + .ui.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1; } + +/* End */ + .ui.visible.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } + +/*-------------- + Slide Along +---------------*/ + +/* Initial */ + .ui.slide.along.sidebar { z-index: 1; } + +/* Sidebar - Initial */ + .ui.left.slide.along.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } + .ui.right.slide.along.sidebar { - -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } + .ui.top.slide.along.sidebar { - -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } + .ui.bottom.slide.along.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); transform: translate3d(0%, 50%, 0); } + +/* Animation */ + .ui.animating.slide.along.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } + +/* End */ + .ui.visible.slide.along.sidebar { - -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } + +/*-------------- + Slide Out +---------------*/ + +/* Initial */ + .ui.slide.out.sidebar { z-index: 1; } + +/* Sidebar - Initial */ + .ui.left.slide.out.sidebar { - -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } + .ui.right.slide.out.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } + .ui.top.slide.out.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); transform: translate3d(0%, 50%, 0); } + .ui.bottom.slide.out.sidebar { - -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); } + +/* Animation */ + .ui.animating.slide.out.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } + +/* End */ + .ui.visible.slide.out.sidebar { - -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } + +/*-------------- + Scale Down +---------------*/ + +/* Initial */ + .ui.scale.down.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 102; } + +/* Sidebar - Initial */ + .ui.left.scale.down.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } + .ui.right.scale.down.sidebar { - -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } + .ui.top.scale.down.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); transform: translate3d(0%, -100%, 0); } + .ui.bottom.scale.down.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); transform: translate3d(0%, 100%, 0); } + +/* Pusher - Initial */ + .ui.scale.down.left.sidebar ~ .pusher { - -webkit-transform-origin: 75% 50%; transform-origin: 75% 50%; } + .ui.scale.down.right.sidebar ~ .pusher { - -webkit-transform-origin: 25% 50%; transform-origin: 25% 50%; } + .ui.scale.down.top.sidebar ~ .pusher { - -webkit-transform-origin: 50% 75%; transform-origin: 50% 75%; } + .ui.scale.down.bottom.sidebar ~ .pusher { - -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%; } + +/* Animation */ + .ui.animating.scale.down > .visible.ui.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } + .ui.visible.scale.down.sidebar ~ .pusher, .ui.animating.scale.down.sidebar ~ .pusher { display: block !important; @@ -24839,64 +33462,140 @@ body.pushable > .pusher { height: 100%; overflow: hidden !important; } + +/* End */ + .ui.visible.scale.down.sidebar { - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + .ui.visible.scale.down.sidebar ~ .pusher { - -webkit-transform: scale(0.75); transform: scale(0.75); } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Sticky + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Sticky +*******************************/ + .ui.sticky { position: static; - -webkit-transition: none; transition: none; z-index: 800; } + +/******************************* + States +*******************************/ + +/* Bound */ + .ui.sticky.bound { position: absolute; left: auto; right: auto; } + +/* Fixed */ + .ui.sticky.fixed { position: fixed; left: auto; right: auto; } + +/* Bound/Fixed Position */ + .ui.sticky.bound.top, .ui.sticky.fixed.top { top: 0; bottom: auto; } + .ui.sticky.bound.bottom, .ui.sticky.fixed.bottom { top: auto; bottom: 0; } + +/******************************* + Types +*******************************/ + .ui.native.sticky { - position: -webkit-sticky; - position: -moz-sticky; - position: -ms-sticky; - position: -o-sticky; position: sticky; } + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Tab + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + UI Tabs +*******************************/ + .ui.tab { display: none; } + +/******************************* + States +*******************************/ + +/*-------------------- + Active +---------------------*/ + .ui.tab.active, .ui.tab.open { display: block; } + +/*-------------------- + Loading +---------------------*/ + .ui.tab.loading { position: relative; overflow: hidden; display: block; min-height: 250px; } + .ui.tab.loading * { position: relative !important; left: -10000px !important; } + .ui.tab.loading:before, .ui.tab.loading.segment:before { position: absolute; @@ -24909,6 +33608,7 @@ body.pushable > .pusher { border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); } + .ui.tab.loading:after, .ui.tab.loading.segment:after { position: absolute; @@ -24918,1864 +33618,1234 @@ body.pushable > .pusher { margin: -1.25em 0 0 -1.25em; width: 2.5em; height: 2.5em; - -webkit-animation: button-spin 0.6s linear; animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } + +/******************************* + Tab Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! + * # Semantic UI 2.3.1 - Transition + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +/******************************* + Transitions +*******************************/ + .transition { - -webkit-animation-iteration-count: 1; animation-iteration-count: 1; - -webkit-animation-duration: 300ms; animation-duration: 300ms; - -webkit-animation-timing-function: ease; animation-timing-function: ease; - -webkit-animation-fill-mode: both; animation-fill-mode: both; } + +/******************************* + States +*******************************/ + +/* Animating */ + .animating.transition { - -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible !important; } + +/* Loading */ + .loading.transition { position: absolute; top: -99999px; left: -99999px; } + +/* Hidden */ + .hidden.transition { display: none; visibility: hidden; } + +/* Visible */ + .visible.transition { display: block !important; visibility: visible !important; + /* backface-visibility: @backfaceVisibility; + transform: @use3DAcceleration;*/ } + +/* Disabled */ + .disabled.transition { - -webkit-animation-play-state: paused; animation-play-state: paused; } + +/******************************* + Variations +*******************************/ + .looping.transition { - -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } + +/******************************* + Transitions +*******************************/ + +/* + Some transitions adapted from Animate CSS + https://github.com/daneden/animate.css + + Additional transitions adapted from Glide + by Nick Pettit - https://github.com/nickpettit/glide +*/ + +/*-------------- + Browse +---------------*/ + .transition.browse { - -webkit-animation-duration: 500ms; animation-duration: 500ms; } + .transition.browse.in { - -webkit-animation-name: browseIn; animation-name: browseIn; } + .transition.browse.out, .transition.browse.left.out { - -webkit-animation-name: browseOutLeft; animation-name: browseOutLeft; } + .transition.browse.right.out { - -webkit-animation-name: browseOutRight; animation-name: browseOutRight; } -@-webkit-keyframes browseIn { - 0% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); - z-index: -1; - } - 10% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); - z-index: -1; - opacity: 0.7; - } - 80% { - -webkit-transform: scale(1.05) translateZ(0px); - transform: scale(1.05) translateZ(0px); - opacity: 1; - z-index: 999; - } - 100% { - -webkit-transform: scale(1) translateZ(0px); - transform: scale(1) translateZ(0px); - z-index: 999; - } -} + +/* In */ + @keyframes browseIn { 0% { - -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; } + 10% { - -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; } + 80% { - -webkit-transform: scale(1.05) translateZ(0px); transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; } + 100% { - -webkit-transform: scale(1) translateZ(0px); transform: scale(1) translateZ(0px); z-index: 999; } } -@-webkit-keyframes browseOutLeft { - 0% { - z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); - } - 50% { - z-index: -1; - -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - } - 80% { - opacity: 1; - } - 100% { - z-index: -1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - opacity: 0; - } -} + +/* Out */ + @keyframes browseOutLeft { 0% { z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); } + 50% { z-index: -1; - -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } + 80% { opacity: 1; } + 100% { z-index: -1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - opacity: 0; - } -} -@-webkit-keyframes browseOutRight { - 0% { - z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); - } - 50% { - z-index: 1; - -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - } - 80% { - opacity: 1; - } - 100% { - z-index: 1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } + @keyframes browseOutRight { 0% { z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); } + 50% { z-index: 1; - -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } + 80% { opacity: 1; } + 100% { z-index: 1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } + +/*-------------- + Drop +---------------*/ + .drop.transition { - -webkit-transform-origin: top center; transform-origin: top center; - -webkit-animation-duration: 400ms; animation-duration: 400ms; - -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); } + .drop.transition.in { - -webkit-animation-name: dropIn; animation-name: dropIn; } + .drop.transition.out { - -webkit-animation-name: dropOut; animation-name: dropOut; } -@-webkit-keyframes dropIn { - 0% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} + +/* Drop */ + @keyframes dropIn { 0% { opacity: 0; - -webkit-transform: scale(0); transform: scale(0); } + 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} -@-webkit-keyframes dropOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } - 100% { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - } } + @keyframes dropOut { 0% { opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } + 100% { opacity: 0; - -webkit-transform: scale(0); transform: scale(0); } } + +/*-------------- + Fade +---------------*/ + .transition.fade.in { - -webkit-animation-name: fadeIn; animation-name: fadeIn; } + .transition[class*="fade up"].in { - -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } + .transition[class*="fade down"].in { - -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } + .transition[class*="fade left"].in { - -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } + .transition[class*="fade right"].in { - -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } + .transition.fade.out { - -webkit-animation-name: fadeOut; animation-name: fadeOut; } + .transition[class*="fade up"].out { - -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } + .transition[class*="fade down"].out { - -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } -.transition[class*="fade left"].out { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} -.transition[class*="fade right"].out { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; -} -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } + +.transition[class*="fade left"].out { + animation-name: fadeOutLeft; } -@keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } + +.transition[class*="fade right"].out { + animation-name: fadeOutRight; } -@-webkit-keyframes fadeInUp { + +/* In */ + +@keyframes fadeIn { 0% { opacity: 0; - -webkit-transform: translateY(10%); - transform: translateY(10%); } + 100% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); } } + @keyframes fadeInUp { 0% { opacity: 0; - -webkit-transform: translateY(10%); transform: translateY(10%); } + 100% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } -} -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-10%); - transform: translateY(-10%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0%); transform: translateY(0%); } } + @keyframes fadeInDown { 0% { opacity: 0; - -webkit-transform: translateY(-10%); transform: translateY(-10%); } + 100% { opacity: 1; - -webkit-transform: translateY(0%); transform: translateY(0%); } } -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(10%); - transform: translateX(10%); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} + @keyframes fadeInLeft { 0% { opacity: 0; - -webkit-transform: translateX(10%); transform: translateX(10%); } + 100% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } -} -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(-10%); - transform: translateX(-10%); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0%); transform: translateX(0%); } } + @keyframes fadeInRight { 0% { opacity: 0; - -webkit-transform: translateX(-10%); transform: translateX(-10%); } + 100% { opacity: 1; - -webkit-transform: translateX(0%); transform: translateX(0%); } } -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} + +/* Out */ + @keyframes fadeOut { 0% { opacity: 1; } + 100% { opacity: 0; } } -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } - 100% { - opacity: 0; - -webkit-transform: translateY(5%); - transform: translateY(5%); - } -} + @keyframes fadeOutUp { 0% { opacity: 1; - -webkit-transform: translateY(0%); transform: translateY(0%); } + 100% { opacity: 0; - -webkit-transform: translateY(5%); transform: translateY(5%); } } -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); - } - 100% { - opacity: 0; - -webkit-transform: translateY(-5%); - transform: translateY(-5%); - } -} + @keyframes fadeOutDown { 0% { opacity: 1; - -webkit-transform: translateY(0%); transform: translateY(0%); } + 100% { opacity: 0; - -webkit-transform: translateY(-5%); transform: translateY(-5%); } } -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - 100% { - opacity: 0; - -webkit-transform: translateX(5%); - transform: translateX(5%); - } -} + @keyframes fadeOutLeft { 0% { opacity: 1; - -webkit-transform: translateX(0%); transform: translateX(0%); } + 100% { opacity: 0; - -webkit-transform: translateX(5%); transform: translateX(5%); } } -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); - } - 100% { - opacity: 0; - -webkit-transform: translateX(-5%); - transform: translateX(-5%); - } -} + @keyframes fadeOutRight { 0% { opacity: 1; - -webkit-transform: translateX(0%); transform: translateX(0%); } + 100% { opacity: 0; - -webkit-transform: translateX(-5%); transform: translateX(-5%); } } + +/*-------------- + Flips +---------------*/ + .flip.transition.in, .flip.transition.out { - -webkit-animation-duration: 600ms; animation-duration: 600ms; } + .horizontal.flip.transition.in { - -webkit-animation-name: horizontalFlipIn; animation-name: horizontalFlipIn; } + .horizontal.flip.transition.out { - -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut; } + .vertical.flip.transition.in { - -webkit-animation-name: verticalFlipIn; animation-name: verticalFlipIn; } + .vertical.flip.transition.out { - -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut; } -@-webkit-keyframes horizontalFlipIn { - 0% { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; - } - 100% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); - opacity: 1; - } -} + +/* In */ + @keyframes horizontalFlipIn { 0% { - -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } + 100% { - -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } } -@-webkit-keyframes verticalFlipIn { - 0% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; - } - 100% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); - opacity: 1; - } -} + @keyframes verticalFlipIn { 0% { - -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } + 100% { - -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } } -@-webkit-keyframes horizontalFlipOut { - 0% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); - opacity: 1; - } - 100% { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - opacity: 0; - } -} + +/* Out */ + @keyframes horizontalFlipOut { 0% { - -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } + 100% { - -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } } -@-webkit-keyframes verticalFlipOut { - 0% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); - opacity: 1; - } - 100% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; - } -} + @keyframes verticalFlipOut { 0% { - -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } + 100% { - -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } } + +/*-------------- + Scale +---------------*/ + .scale.transition.in { - -webkit-animation-name: scaleIn; animation-name: scaleIn; } + .scale.transition.out { - -webkit-animation-name: scaleOut; animation-name: scaleOut; } -@-webkit-keyframes scaleIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} + @keyframes scaleIn { 0% { opacity: 0; - -webkit-transform: scale(0.8); transform: scale(0.8); } + 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} -@-webkit-keyframes scaleOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } - 100% { - opacity: 0; - -webkit-transform: scale(0.9); - transform: scale(0.9); - } } + +/* Out */ + @keyframes scaleOut { 0% { opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } + 100% { opacity: 0; - -webkit-transform: scale(0.9); transform: scale(0.9); } } + +/*-------------- + Fly +---------------*/ + +/* Inward */ + .transition.fly { - -webkit-animation-duration: 0.6s; animation-duration: 0.6s; - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + .transition.fly.in { - -webkit-animation-name: flyIn; animation-name: flyIn; } + .transition[class*="fly up"].in { - -webkit-animation-name: flyInUp; animation-name: flyInUp; } + .transition[class*="fly down"].in { - -webkit-animation-name: flyInDown; animation-name: flyInDown; } + .transition[class*="fly left"].in { - -webkit-animation-name: flyInLeft; animation-name: flyInLeft; } + .transition[class*="fly right"].in { - -webkit-animation-name: flyInRight; animation-name: flyInRight; } + +/* Outward */ + .transition.fly.out { - -webkit-animation-name: flyOut; animation-name: flyOut; } + .transition[class*="fly up"].out { - -webkit-animation-name: flyOutUp; animation-name: flyOutUp; } + .transition[class*="fly down"].out { - -webkit-animation-name: flyOutDown; animation-name: flyOutDown; } + .transition[class*="fly left"].out { - -webkit-animation-name: flyOutLeft; animation-name: flyOutLeft; } + .transition[class*="fly right"].out { - -webkit-animation-name: flyOutRight; animation-name: flyOutRight; } -@-webkit-keyframes flyIn { - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); - } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); - } - 100% { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} + +/* In */ + @keyframes flyIn { 0% { opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } + 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } + 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } + 60% { opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } + 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } + 100% { opacity: 1; - -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } -@-webkit-keyframes flyInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 1500px, 0); - transform: translate3d(0, 1500px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); - } - 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} + @keyframes flyInUp { 0% { opacity: 0; - -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); } + 60% { opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } + 75% { - -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } + 90% { - -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } + 100% { - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } -@-webkit-keyframes flyInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -1500px, 0); - transform: translate3d(0, -1500px, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); - } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - } - 100% { - -webkit-transform: none; - transform: none; - } -} + @keyframes flyInDown { 0% { opacity: 0; - -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); } + 60% { opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } + 75% { - -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } + 90% { - -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } + 100% { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes flyInLeft { - 0% { - opacity: 0; - -webkit-transform: translate3d(1500px, 0, 0); - transform: translate3d(1500px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); - } - 100% { - -webkit-transform: none; transform: none; } } + @keyframes flyInLeft { 0% { opacity: 0; - -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); } + 60% { opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } + 75% { - -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } + 90% { - -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } + 100% { - -webkit-transform: none; - transform: none; - } -} -@-webkit-keyframes flyInRight { - 0% { - opacity: 0; - -webkit-transform: translate3d(-1500px, 0, 0); - transform: translate3d(-1500px, 0, 0); - } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); - } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); - } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); - } - 100% { - -webkit-transform: none; transform: none; } } + @keyframes flyInRight { 0% { opacity: 0; - -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); } + 60% { opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } + 75% { - -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } + 90% { - -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } + 100% { - -webkit-transform: none; transform: none; } } -@-webkit-keyframes flyOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); - } - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 100% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} + +/* Out */ + @keyframes flyOut { 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } + 50%, 55% { opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); - } - 100% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); - } -} -@-webkit-keyframes flyOutUp { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); - } - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); + transform: scale3d(1.1, 1.1, 1.1); } + 100% { opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); + transform: scale3d(0.3, 0.3, 0.3); } } + @keyframes flyOutUp { 20% { - -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } + 40%, 45% { opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } + 100% { opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } -@-webkit-keyframes flyOutDown { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); - } - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); - } - 100% { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); - } -} + @keyframes flyOutDown { 20% { - -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } + 40%, 45% { opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } + 100% { opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } -@-webkit-keyframes flyOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); - } - 100% { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); - } -} + @keyframes flyOutRight { 20% { opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } + 100% { opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } -@-webkit-keyframes flyOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); - } - 100% { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); - } -} + @keyframes flyOutLeft { 20% { opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } + 100% { opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + +/*-------------- + Slide +---------------*/ + .transition.slide.in, .transition[class*="slide down"].in { - -webkit-animation-name: slideInY; animation-name: slideInY; - -webkit-transform-origin: top center; transform-origin: top center; } + .transition[class*="slide up"].in { - -webkit-animation-name: slideInY; animation-name: slideInY; - -webkit-transform-origin: bottom center; transform-origin: bottom center; } + .transition[class*="slide left"].in { - -webkit-animation-name: slideInX; animation-name: slideInX; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: right center; } + .transition[class*="slide right"].in { - -webkit-animation-name: slideInX; animation-name: slideInX; - -webkit-transform-origin: center left; - transform-origin: center left; + transform-origin: left center; } + .transition.slide.out, .transition[class*="slide down"].out { - -webkit-animation-name: slideOutY; animation-name: slideOutY; - -webkit-transform-origin: top center; transform-origin: top center; } + .transition[class*="slide up"].out { - -webkit-animation-name: slideOutY; animation-name: slideOutY; - -webkit-transform-origin: bottom center; transform-origin: bottom center; } + .transition[class*="slide left"].out { - -webkit-animation-name: slideOutX; animation-name: slideOutX; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: right center; } + .transition[class*="slide right"].out { - -webkit-animation-name: slideOutX; animation-name: slideOutX; - -webkit-transform-origin: center left; - transform-origin: center left; -} -@-webkit-keyframes slideInY { - 0% { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); - } - 100% { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - } + transform-origin: left center; } + +/* In */ + @keyframes slideInY { 0% { opacity: 0; - -webkit-transform: scaleY(0); transform: scaleY(0); } + 100% { opacity: 1; - -webkit-transform: scaleY(1); transform: scaleY(1); } } -@-webkit-keyframes slideInX { - 0% { - opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); - } - 100% { - opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } -} + @keyframes slideInX { 0% { opacity: 0; - -webkit-transform: scaleX(0); transform: scaleX(0); } + 100% { opacity: 1; - -webkit-transform: scaleX(1); transform: scaleX(1); } } -@-webkit-keyframes slideOutY { - 0% { - opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); - } - 100% { - opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); - } -} + +/* Out */ + @keyframes slideOutY { 0% { opacity: 1; - -webkit-transform: scaleY(1); transform: scaleY(1); } + 100% { opacity: 0; - -webkit-transform: scaleY(0); transform: scaleY(0); } } -@-webkit-keyframes slideOutX { - 0% { - opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 100% { - opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); - } -} + @keyframes slideOutX { 0% { opacity: 1; - -webkit-transform: scaleX(1); transform: scaleX(1); } + 100% { opacity: 0; - -webkit-transform: scaleX(0); transform: scaleX(0); } } + +/*-------------- + Swing +---------------*/ + .transition.swing { - -webkit-animation-duration: 800ms; animation-duration: 800ms; } + .transition[class*="swing down"].in { - -webkit-animation-name: swingInX; animation-name: swingInX; - -webkit-transform-origin: top center; transform-origin: top center; } + .transition[class*="swing up"].in { - -webkit-animation-name: swingInX; animation-name: swingInX; - -webkit-transform-origin: bottom center; transform-origin: bottom center; } + .transition[class*="swing left"].in { - -webkit-animation-name: swingInY; animation-name: swingInY; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: right center; } + .transition[class*="swing right"].in { - -webkit-animation-name: swingInY; animation-name: swingInY; - -webkit-transform-origin: center left; - transform-origin: center left; + transform-origin: left center; } + .transition.swing.out, .transition[class*="swing down"].out { - -webkit-animation-name: swingOutX; animation-name: swingOutX; - -webkit-transform-origin: top center; transform-origin: top center; } + .transition[class*="swing up"].out { - -webkit-animation-name: swingOutX; animation-name: swingOutX; - -webkit-transform-origin: bottom center; transform-origin: bottom center; } + .transition[class*="swing left"].out { - -webkit-animation-name: swingOutY; animation-name: swingOutY; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: right center; } + .transition[class*="swing right"].out { - -webkit-animation-name: swingOutY; animation-name: swingOutY; - -webkit-transform-origin: center left; - transform-origin: center left; -} -@-webkit-keyframes swingInX { - 0% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); - opacity: 0; - } - 40% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); - opacity: 1; - } - 60% { - -webkit-transform: perspective(1000px) rotateX(15deg); - transform: perspective(1000px) rotateX(15deg); - } - 80% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); - } - 100% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); - } + transform-origin: left center; } + +/* In */ + @keyframes swingInX { 0% { - -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } + 40% { - -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; } + 60% { - -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); } + 80% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); } + 100% { - -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } } -@-webkit-keyframes swingInY { - 0% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); - opacity: 0; - } - 40% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); - opacity: 1; - } - 60% { - -webkit-transform: perspective(1000px) rotateY(-17.5deg); - transform: perspective(1000px) rotateY(-17.5deg); - } - 80% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); - } - 100% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); - } -} + @keyframes swingInY { 0% { - -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } + 40% { - -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; } + 60% { - -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); } + 80% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); } + 100% { - -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } } -@-webkit-keyframes swingOutX { - 0% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); - } - 40% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); - } - 60% { - -webkit-transform: perspective(1000px) rotateX(17.5deg); - transform: perspective(1000px) rotateX(17.5deg); - } - 80% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); - opacity: 1; - } - 100% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); - opacity: 0; - } -} + +/* Out */ + @keyframes swingOutX { 0% { - -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } + 40% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); } + 60% { - -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); } + 80% { - -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; } + 100% { - -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } } -@-webkit-keyframes swingOutY { - 0% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); - } - 40% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); - } - 60% { - -webkit-transform: perspective(1000px) rotateY(-10deg); - transform: perspective(1000px) rotateY(-10deg); - } - 80% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); - opacity: 1; - } - 100% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); - opacity: 0; - } -} + @keyframes swingOutY { 0% { - -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } + 40% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); } + 60% { - -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); } + 80% { - -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; } + 100% { - -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } } + +/*-------------- + Zoom +---------------*/ + .transition.zoom.in { - -webkit-animation-name: zoomIn; animation-name: zoomIn; } + .transition.zoom.out { - -webkit-animation-name: zoomOut; animation-name: zoomOut; } -@-webkit-keyframes zoomIn { - 0% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} + @keyframes zoomIn { 0% { opacity: 1; - -webkit-transform: scale(0); transform: scale(0); } + 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} -@-webkit-keyframes zoomOut { - 0% { - opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } - 100% { - opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); - } } + @keyframes zoomOut { 0% { opacity: 1; - -webkit-transform: scale(1); transform: scale(1); } + 100% { opacity: 1; - -webkit-transform: scale(0); transform: scale(0); } } + +/******************************* + Static Animations +*******************************/ + +/*-------------- + Emphasis +---------------*/ + .flash.transition { - -webkit-animation-duration: 750ms; animation-duration: 750ms; - -webkit-animation-name: flash; animation-name: flash; } + .shake.transition { - -webkit-animation-duration: 750ms; animation-duration: 750ms; - -webkit-animation-name: shake; animation-name: shake; } + .bounce.transition { - -webkit-animation-duration: 750ms; animation-duration: 750ms; - -webkit-animation-name: bounce; animation-name: bounce; } + .tada.transition { - -webkit-animation-duration: 750ms; animation-duration: 750ms; - -webkit-animation-name: tada; animation-name: tada; } + .pulse.transition { - -webkit-animation-duration: 500ms; animation-duration: 500ms; - -webkit-animation-name: pulse; animation-name: pulse; } + .jiggle.transition { - -webkit-animation-duration: 750ms; animation-duration: 750ms; - -webkit-animation-name: jiggle; animation-name: jiggle; } + .transition.glow { - -webkit-animation-duration: 2000ms; animation-duration: 2000ms; - -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } + .transition.glow { - -webkit-animation-name: glow; animation-name: glow; } -@-webkit-keyframes flash { - 0%, 50%, 100% { - opacity: 1; - } - 25%, 75% { - opacity: 0; - } -} + +/* Flash */ + @keyframes flash { 0%, 50%, 100% { opacity: 1; } + 25%, 75% { opacity: 0; } } -@-webkit-keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - } - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); - } -} + +/* Shake */ + @keyframes shake { 0%, 100% { - -webkit-transform: translateX(0); transform: translateX(0); } + 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); transform: translateX(-10px); } + 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); transform: translateX(10px); } } -@-webkit-keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); - } - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); - } -} + +/* Bounce */ + @keyframes bounce { 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); transform: translateY(0); } + 40% { - -webkit-transform: translateY(-30px); transform: translateY(-30px); } + 60% { - -webkit-transform: translateY(-15px); transform: translateY(-15px); } } -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - } - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); - } - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); - } - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); - } - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); - } -} + +/* Tada */ + @keyframes tada { 0% { - -webkit-transform: scale(1); transform: scale(1); } + 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } + 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } + 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } + 100% { - -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - } - 50% { - -webkit-transform: scale(0.9); - transform: scale(0.9); - opacity: 0.7; - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; - } -} + +/* Pulse */ + @keyframes pulse { 0% { - -webkit-transform: scale(1); transform: scale(1); opacity: 1; } + 50% { - -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; } + 100% { - -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } -@-webkit-keyframes jiggle { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); - } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); - } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); - } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); - } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - } -} + +/* Jiggle */ + @keyframes jiggle { 0% { - -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } + 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } + 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } + 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } + 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } + 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } + 100% { - -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } -@-webkit-keyframes glow { - 0% { - background-color: #FCFCFD; - } - 30% { - background-color: #FFF6CD; - } - 100% { - background-color: #FCFCFD; - } -} + +/* Glow */ + @keyframes glow { 0% { background-color: #FCFCFD; } + 30% { background-color: #FFF6CD; } + 100% { background-color: #FCFCFD; } diff --git a/assets/css/style.sass b/src/assets/css/style.sass similarity index 89% rename from assets/css/style.sass rename to src/assets/css/style.sass index 58507dc45bdfb9824a310c3e4293a74cc52b4135..c38e049531bc8ea3e1c31b170e36f0eb6349582a 100644 --- a/assets/css/style.sass +++ b/src/assets/css/style.sass @@ -1,5 +1,10 @@ -body:not(.noscript) img[data-src] - filter: blur(2px) !important +picture + line-height: 0 + + img + object-fit: contain + width: 100% + height: auto .following.bar position: fixed !important @@ -19,7 +24,8 @@ body:not(.index) .following.bar opacity: .9 !important float: none !important margin: 0 .35714286em 0 0 !important - height: 1em !important + width: 1em !important + height: auto .secondary.menu .item line-height: 1.6rem !important @@ -72,38 +78,18 @@ body:not(.index) .following.bar, body.noscript .following.bar, .following.bar.qd margin-bottom: 3rem !important #image_container - .phone, .phone img + .phone display: inline-block !important max-height: 33vw !important max-width: 355px !important vertical-align: middle !important - .tablet, .tablet img + .tablet display: inline-block !important max-height: 33vw !important max-width: 633px !important vertical-align: middle !important -body:not(.noscript) - .responsive.placeholder picture:not(.loaded) - filter: blur(20px) - - img - opacity: 0 - -.responsive.placeholder - position: relative - background-size: 100% 100% - transition: filter 100ms - - img - position: absolute - width: 100% - height: 100% - top: 0 - left: 0 - transition: opacity 50ms - .vertical.segment box-shadow: none !important @@ -126,9 +112,6 @@ body:not(.noscript) h2 font-size: 1.4rem !important -.image - overflow: hidden !important - .pusher display: flex flex-direction: column @@ -176,12 +159,12 @@ body:not(.noscript) margin-right: 2rem !important .renewable - font-size: 0.8em + font-size: 1em img max-height: 1em max-width: 1em - vertical-align: top + vertical-align: text-bottom margin-right: 4px span @@ -200,10 +183,10 @@ body:not(.noscript) @media (max-width: 800px), (max-height: 540px) - #image_container img.tablet + #image_container .tablet display: none !important - #image_container img.phone + #image_container .phone max-width: calc(50vw + 100px) !important max-height: 100vh !important margin-bottom: calc(-33vh) !important @@ -212,10 +195,10 @@ body:not(.noscript) font-size: 1rem !important @media (min-width: 800px) and (max-height: 800px) - #image_container img.tablet + #image_container .tablet display: none !important - #image_container img.phone + #image_container .phone max-width: calc(30vw + 100px) !important max-height: 100vh !important margin-bottom: calc(-33vh) !important @@ -236,10 +219,10 @@ body:not(.noscript) .masthead.segment max-height: initial !important - #image_container img.tablet + #image_container .tablet display: none !important - #image_container img.phone + #image_container .phone max-width: calc(50vw + 100px) !important max-height: 100vh !important margin-bottom: calc(-22vh) !important diff --git a/assets/fonts/Lato-Black.eot b/src/assets/fonts/Lato-Black.eot similarity index 100% rename from assets/fonts/Lato-Black.eot rename to src/assets/fonts/Lato-Black.eot diff --git a/assets/fonts/Lato-Bold.eot b/src/assets/fonts/Lato-Bold.eot similarity index 100% rename from assets/fonts/Lato-Bold.eot rename to src/assets/fonts/Lato-Bold.eot diff --git a/assets/fonts/Lato-Bold.ttf b/src/assets/fonts/Lato-Bold.ttf similarity index 100% rename from assets/fonts/Lato-Bold.ttf rename to src/assets/fonts/Lato-Bold.ttf diff --git a/assets/fonts/Lato-Bold.woff b/src/assets/fonts/Lato-Bold.woff similarity index 100% rename from assets/fonts/Lato-Bold.woff rename to src/assets/fonts/Lato-Bold.woff diff --git a/assets/fonts/Lato-Bold.woff2 b/src/assets/fonts/Lato-Bold.woff2 similarity index 100% rename from assets/fonts/Lato-Bold.woff2 rename to src/assets/fonts/Lato-Bold.woff2 diff --git a/assets/fonts/Lato-BoldItalic.eot b/src/assets/fonts/Lato-BoldItalic.eot similarity index 100% rename from assets/fonts/Lato-BoldItalic.eot rename to src/assets/fonts/Lato-BoldItalic.eot diff --git a/assets/fonts/Lato-BoldItalic.ttf b/src/assets/fonts/Lato-BoldItalic.ttf similarity index 100% rename from assets/fonts/Lato-BoldItalic.ttf rename to src/assets/fonts/Lato-BoldItalic.ttf diff --git a/assets/fonts/Lato-BoldItalic.woff b/src/assets/fonts/Lato-BoldItalic.woff similarity index 100% rename from assets/fonts/Lato-BoldItalic.woff rename to src/assets/fonts/Lato-BoldItalic.woff diff --git a/assets/fonts/Lato-BoldItalic.woff2 b/src/assets/fonts/Lato-BoldItalic.woff2 similarity index 100% rename from assets/fonts/Lato-BoldItalic.woff2 rename to src/assets/fonts/Lato-BoldItalic.woff2 diff --git a/assets/fonts/Lato-Italic.eot b/src/assets/fonts/Lato-Italic.eot similarity index 100% rename from assets/fonts/Lato-Italic.eot rename to src/assets/fonts/Lato-Italic.eot diff --git a/assets/fonts/Lato-Italic.ttf b/src/assets/fonts/Lato-Italic.ttf similarity index 100% rename from assets/fonts/Lato-Italic.ttf rename to src/assets/fonts/Lato-Italic.ttf diff --git a/assets/fonts/Lato-Italic.woff b/src/assets/fonts/Lato-Italic.woff similarity index 100% rename from assets/fonts/Lato-Italic.woff rename to src/assets/fonts/Lato-Italic.woff diff --git a/assets/fonts/Lato-Italic.woff2 b/src/assets/fonts/Lato-Italic.woff2 similarity index 100% rename from assets/fonts/Lato-Italic.woff2 rename to src/assets/fonts/Lato-Italic.woff2 diff --git a/assets/fonts/Lato-Regular.eot b/src/assets/fonts/Lato-Regular.eot similarity index 100% rename from assets/fonts/Lato-Regular.eot rename to src/assets/fonts/Lato-Regular.eot diff --git a/assets/fonts/Lato-Regular.ttf b/src/assets/fonts/Lato-Regular.ttf similarity index 100% rename from assets/fonts/Lato-Regular.ttf rename to src/assets/fonts/Lato-Regular.ttf diff --git a/assets/fonts/Lato-Regular.woff b/src/assets/fonts/Lato-Regular.woff similarity index 100% rename from assets/fonts/Lato-Regular.woff rename to src/assets/fonts/Lato-Regular.woff diff --git a/assets/fonts/Lato-Regular.woff2 b/src/assets/fonts/Lato-Regular.woff2 similarity index 100% rename from assets/fonts/Lato-Regular.woff2 rename to src/assets/fonts/Lato-Regular.woff2 diff --git a/src/assets/fonts/accordion.ttf b/src/assets/fonts/accordion.ttf new file mode 100644 index 0000000000000000000000000000000000000000..a6e71d57505e6305e9ecd86c86249b11db349abb Binary files /dev/null and b/src/assets/fonts/accordion.ttf differ diff --git a/src/assets/fonts/accordion.woff b/src/assets/fonts/accordion.woff new file mode 100644 index 0000000000000000000000000000000000000000..68e06ff754b887ed9e5e207c4273c13fb9942e6b Binary files /dev/null and b/src/assets/fonts/accordion.woff differ diff --git a/src/assets/fonts/checkbox.ttf b/src/assets/fonts/checkbox.ttf new file mode 100644 index 0000000000000000000000000000000000000000..f4f5e88b19833af7037ef55f6c338703d95b19d8 Binary files /dev/null and b/src/assets/fonts/checkbox.ttf differ diff --git a/src/assets/fonts/dropdown.ttf b/src/assets/fonts/dropdown.ttf new file mode 100644 index 0000000000000000000000000000000000000000..01cdc48e2d87fd0e290acac6aeaaeea02668cd93 Binary files /dev/null and b/src/assets/fonts/dropdown.ttf differ diff --git a/src/assets/fonts/dropdown.woff b/src/assets/fonts/dropdown.woff new file mode 100644 index 0000000000000000000000000000000000000000..7ab8dd6713290a8d284c8983f7fd38a2b477977b Binary files /dev/null and b/src/assets/fonts/dropdown.woff differ diff --git a/assets/fonts/icons.eot b/src/assets/fonts/icons.eot similarity index 100% rename from assets/fonts/icons.eot rename to src/assets/fonts/icons.eot diff --git a/assets/fonts/icons.svg b/src/assets/fonts/icons.svg similarity index 100% rename from assets/fonts/icons.svg rename to src/assets/fonts/icons.svg diff --git a/assets/fonts/icons.ttf b/src/assets/fonts/icons.ttf similarity index 100% rename from assets/fonts/icons.ttf rename to src/assets/fonts/icons.ttf diff --git a/assets/fonts/icons.woff b/src/assets/fonts/icons.woff similarity index 100% rename from assets/fonts/icons.woff rename to src/assets/fonts/icons.woff diff --git a/assets/fonts/icons.woff2 b/src/assets/fonts/icons.woff2 similarity index 100% rename from assets/fonts/icons.woff2 rename to src/assets/fonts/icons.woff2 diff --git a/src/assets/fonts/rating.ttf b/src/assets/fonts/rating.ttf new file mode 100644 index 0000000000000000000000000000000000000000..0184c7326ee4f86861b8e4d0f05a401ce15df927 Binary files /dev/null and b/src/assets/fonts/rating.ttf differ diff --git a/src/assets/fonts/rating.woff b/src/assets/fonts/rating.woff new file mode 100644 index 0000000000000000000000000000000000000000..32ba8608e9a27f428930eddd0f85dbf87b5afe9f Binary files /dev/null and b/src/assets/fonts/rating.woff differ diff --git a/src/assets/fonts/step.ttf b/src/assets/fonts/step.ttf new file mode 100644 index 0000000000000000000000000000000000000000..26d9c4d3877b98595dcb259d0124a3941d5aa8e1 Binary files /dev/null and b/src/assets/fonts/step.ttf differ diff --git a/src/assets/fonts/step.woff b/src/assets/fonts/step.woff new file mode 100644 index 0000000000000000000000000000000000000000..23b6ef5a2396992080f1c5afdb5929e0795d1ad6 Binary files /dev/null and b/src/assets/fonts/step.woff differ diff --git a/src/assets/images/Makefile b/src/assets/images/Makefile new file mode 100644 index 0000000000000000000000000000000000000000..8e5b0fd64f2913d5e8514ac87b4a78480b630b91 --- /dev/null +++ b/src/assets/images/Makefile @@ -0,0 +1,336 @@ +ROOT = $(shell realpath $(shell pwd)/../../..) +OUT = $(ROOT)/dist +IMAGE_OUT = $(OUT)/assets/images +RESOLUTION = $(ROOT)/tools/generate_resolution.sh +RESOLUTION_WEBP = $(ROOT)/tools/generate_resolution_webp.sh +all: $(IMAGE_OUT)/material_light@220.png $(IMAGE_OUT)/material_light@220.webp $(IMAGE_OUT)/material_light@266.png $(IMAGE_OUT)/material_light@266.webp $(IMAGE_OUT)/material_light@335.png $(IMAGE_OUT)/material_light@335.webp $(IMAGE_OUT)/material_light@352.png $(IMAGE_OUT)/material_light@352.webp $(IMAGE_OUT)/material_light@532.png $(IMAGE_OUT)/material_light@532.webp $(IMAGE_OUT)/material_dark@220.png $(IMAGE_OUT)/material_dark@220.webp $(IMAGE_OUT)/material_dark@266.png $(IMAGE_OUT)/material_dark@266.webp $(IMAGE_OUT)/material_dark@335.png $(IMAGE_OUT)/material_dark@335.webp $(IMAGE_OUT)/material_dark@352.png $(IMAGE_OUT)/material_dark@352.webp $(IMAGE_OUT)/material_dark@532.png $(IMAGE_OUT)/material_dark@532.webp $(IMAGE_OUT)/solarized_light@220.png $(IMAGE_OUT)/solarized_light@220.webp $(IMAGE_OUT)/solarized_light@266.png $(IMAGE_OUT)/solarized_light@266.webp $(IMAGE_OUT)/solarized_light@335.png $(IMAGE_OUT)/solarized_light@335.webp $(IMAGE_OUT)/solarized_light@352.png $(IMAGE_OUT)/solarized_light@352.webp $(IMAGE_OUT)/solarized_light@532.png $(IMAGE_OUT)/solarized_light@532.webp $(IMAGE_OUT)/solarized_dark@220.png $(IMAGE_OUT)/solarized_dark@220.webp $(IMAGE_OUT)/solarized_dark@266.png $(IMAGE_OUT)/solarized_dark@266.webp $(IMAGE_OUT)/solarized_dark@335.png $(IMAGE_OUT)/solarized_dark@335.webp $(IMAGE_OUT)/solarized_dark@352.png $(IMAGE_OUT)/solarized_dark@352.webp $(IMAGE_OUT)/solarized_dark@532.png $(IMAGE_OUT)/solarized_dark@532.webp $(IMAGE_OUT)/gruvbox_light@220.png $(IMAGE_OUT)/gruvbox_light@220.webp $(IMAGE_OUT)/gruvbox_light@266.png $(IMAGE_OUT)/gruvbox_light@266.webp $(IMAGE_OUT)/gruvbox_light@335.png $(IMAGE_OUT)/gruvbox_light@335.webp $(IMAGE_OUT)/gruvbox_light@352.png $(IMAGE_OUT)/gruvbox_light@352.webp $(IMAGE_OUT)/gruvbox_light@532.png $(IMAGE_OUT)/gruvbox_light@532.webp $(IMAGE_OUT)/gruvbox_dark@220.png $(IMAGE_OUT)/gruvbox_dark@220.webp $(IMAGE_OUT)/gruvbox_dark@266.png $(IMAGE_OUT)/gruvbox_dark@266.webp $(IMAGE_OUT)/gruvbox_dark@335.png $(IMAGE_OUT)/gruvbox_dark@335.webp $(IMAGE_OUT)/gruvbox_dark@352.png $(IMAGE_OUT)/gruvbox_dark@352.webp $(IMAGE_OUT)/gruvbox_dark@532.png $(IMAGE_OUT)/gruvbox_dark@532.webp $(IMAGE_OUT)/amoled@220.png $(IMAGE_OUT)/amoled@220.webp $(IMAGE_OUT)/amoled@266.png $(IMAGE_OUT)/amoled@266.webp $(IMAGE_OUT)/amoled@335.png $(IMAGE_OUT)/amoled@335.webp $(IMAGE_OUT)/amoled@352.png $(IMAGE_OUT)/amoled@352.webp $(IMAGE_OUT)/amoled@532.png $(IMAGE_OUT)/amoled@532.webp $(IMAGE_OUT)/dracula@220.png $(IMAGE_OUT)/dracula@220.webp $(IMAGE_OUT)/dracula@266.png $(IMAGE_OUT)/dracula@266.webp $(IMAGE_OUT)/dracula@335.png $(IMAGE_OUT)/dracula@335.webp $(IMAGE_OUT)/dracula@352.png $(IMAGE_OUT)/dracula@352.webp $(IMAGE_OUT)/dracula@532.png $(IMAGE_OUT)/dracula@532.webp $(IMAGE_OUT)/phone@220.png $(IMAGE_OUT)/phone@220.webp $(IMAGE_OUT)/phone@300.png $(IMAGE_OUT)/phone@300.webp $(IMAGE_OUT)/phone@400.png $(IMAGE_OUT)/phone@400.webp $(IMAGE_OUT)/phone@520.png $(IMAGE_OUT)/phone@520.webp $(IMAGE_OUT)/phone@640.png $(IMAGE_OUT)/phone@640.webp $(IMAGE_OUT)/phone@800.png $(IMAGE_OUT)/phone@800.webp $(IMAGE_OUT)/phone@1000.png $(IMAGE_OUT)/phone@1000.webp $(IMAGE_OUT)/phone@1220.png $(IMAGE_OUT)/phone@1220.webp $(IMAGE_OUT)/tablet@545.png $(IMAGE_OUT)/tablet@545.webp $(IMAGE_OUT)/tablet@640.png $(IMAGE_OUT)/tablet@640.webp $(IMAGE_OUT)/tablet@720.png $(IMAGE_OUT)/tablet@720.webp $(IMAGE_OUT)/tablet@800.png $(IMAGE_OUT)/tablet@800.webp $(IMAGE_OUT)/tablet@880.png $(IMAGE_OUT)/tablet@880.webp $(IMAGE_OUT)/tablet@960.png $(IMAGE_OUT)/tablet@960.webp $(IMAGE_OUT)/tablet@1090.png $(IMAGE_OUT)/tablet@1090.webp $(IMAGE_OUT)/tablet@1635.png $(IMAGE_OUT)/tablet@1635.webp $(IMAGE_OUT)/tablet@2180.png $(IMAGE_OUT)/tablet@2180.webp $(IMAGE_OUT)/notifications@363.png $(IMAGE_OUT)/notifications@363.webp $(IMAGE_OUT)/notifications@474.png $(IMAGE_OUT)/notifications@474.webp $(IMAGE_OUT)/notifications@590.png $(IMAGE_OUT)/notifications@590.webp $(IMAGE_OUT)/desktop@363.png $(IMAGE_OUT)/desktop@363.webp $(IMAGE_OUT)/desktop@474.png $(IMAGE_OUT)/desktop@474.webp $(IMAGE_OUT)/desktop@590.png $(IMAGE_OUT)/desktop@590.webp $(IMAGE_OUT)/desktop@726.png $(IMAGE_OUT)/desktop@726.webp $(IMAGE_OUT)/desktop@948.png $(IMAGE_OUT)/desktop@948.webp $(IMAGE_OUT)/desktop@1180.png $(IMAGE_OUT)/desktop@1180.webp +$(IMAGE_OUT)/material_light@220.png: material_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_light $(@D) 220 85 +$(IMAGE_OUT)/material_light@220.webp: $(IMAGE_OUT)/material_light@220.png + $(RESOLUTION_WEBP) material_light $(@D) 220 +$(IMAGE_OUT)/material_light@266.png: material_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_light $(@D) 266 85 +$(IMAGE_OUT)/material_light@266.webp: $(IMAGE_OUT)/material_light@266.png + $(RESOLUTION_WEBP) material_light $(@D) 266 +$(IMAGE_OUT)/material_light@335.png: material_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_light $(@D) 335 85 +$(IMAGE_OUT)/material_light@335.webp: $(IMAGE_OUT)/material_light@335.png + $(RESOLUTION_WEBP) material_light $(@D) 335 +$(IMAGE_OUT)/material_light@352.png: material_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_light $(@D) 352 85 +$(IMAGE_OUT)/material_light@352.webp: $(IMAGE_OUT)/material_light@352.png + $(RESOLUTION_WEBP) material_light $(@D) 352 +$(IMAGE_OUT)/material_light@532.png: material_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_light $(@D) 532 85 +$(IMAGE_OUT)/material_light@532.webp: $(IMAGE_OUT)/material_light@532.png + $(RESOLUTION_WEBP) material_light $(@D) 532 +$(IMAGE_OUT)/material_dark@220.png: material_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_dark $(@D) 220 85 +$(IMAGE_OUT)/material_dark@220.webp: $(IMAGE_OUT)/material_dark@220.png + $(RESOLUTION_WEBP) material_dark $(@D) 220 +$(IMAGE_OUT)/material_dark@266.png: material_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_dark $(@D) 266 85 +$(IMAGE_OUT)/material_dark@266.webp: $(IMAGE_OUT)/material_dark@266.png + $(RESOLUTION_WEBP) material_dark $(@D) 266 +$(IMAGE_OUT)/material_dark@335.png: material_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_dark $(@D) 335 85 +$(IMAGE_OUT)/material_dark@335.webp: $(IMAGE_OUT)/material_dark@335.png + $(RESOLUTION_WEBP) material_dark $(@D) 335 +$(IMAGE_OUT)/material_dark@352.png: material_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_dark $(@D) 352 85 +$(IMAGE_OUT)/material_dark@352.webp: $(IMAGE_OUT)/material_dark@352.png + $(RESOLUTION_WEBP) material_dark $(@D) 352 +$(IMAGE_OUT)/material_dark@532.png: material_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) material_dark $(@D) 532 85 +$(IMAGE_OUT)/material_dark@532.webp: $(IMAGE_OUT)/material_dark@532.png + $(RESOLUTION_WEBP) material_dark $(@D) 532 +$(IMAGE_OUT)/solarized_light@220.png: solarized_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_light $(@D) 220 85 +$(IMAGE_OUT)/solarized_light@220.webp: $(IMAGE_OUT)/solarized_light@220.png + $(RESOLUTION_WEBP) solarized_light $(@D) 220 +$(IMAGE_OUT)/solarized_light@266.png: solarized_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_light $(@D) 266 85 +$(IMAGE_OUT)/solarized_light@266.webp: $(IMAGE_OUT)/solarized_light@266.png + $(RESOLUTION_WEBP) solarized_light $(@D) 266 +$(IMAGE_OUT)/solarized_light@335.png: solarized_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_light $(@D) 335 85 +$(IMAGE_OUT)/solarized_light@335.webp: $(IMAGE_OUT)/solarized_light@335.png + $(RESOLUTION_WEBP) solarized_light $(@D) 335 +$(IMAGE_OUT)/solarized_light@352.png: solarized_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_light $(@D) 352 85 +$(IMAGE_OUT)/solarized_light@352.webp: $(IMAGE_OUT)/solarized_light@352.png + $(RESOLUTION_WEBP) solarized_light $(@D) 352 +$(IMAGE_OUT)/solarized_light@532.png: solarized_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_light $(@D) 532 85 +$(IMAGE_OUT)/solarized_light@532.webp: $(IMAGE_OUT)/solarized_light@532.png + $(RESOLUTION_WEBP) solarized_light $(@D) 532 +$(IMAGE_OUT)/solarized_dark@220.png: solarized_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_dark $(@D) 220 85 +$(IMAGE_OUT)/solarized_dark@220.webp: $(IMAGE_OUT)/solarized_dark@220.png + $(RESOLUTION_WEBP) solarized_dark $(@D) 220 +$(IMAGE_OUT)/solarized_dark@266.png: solarized_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_dark $(@D) 266 85 +$(IMAGE_OUT)/solarized_dark@266.webp: $(IMAGE_OUT)/solarized_dark@266.png + $(RESOLUTION_WEBP) solarized_dark $(@D) 266 +$(IMAGE_OUT)/solarized_dark@335.png: solarized_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_dark $(@D) 335 85 +$(IMAGE_OUT)/solarized_dark@335.webp: $(IMAGE_OUT)/solarized_dark@335.png + $(RESOLUTION_WEBP) solarized_dark $(@D) 335 +$(IMAGE_OUT)/solarized_dark@352.png: solarized_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_dark $(@D) 352 85 +$(IMAGE_OUT)/solarized_dark@352.webp: $(IMAGE_OUT)/solarized_dark@352.png + $(RESOLUTION_WEBP) solarized_dark $(@D) 352 +$(IMAGE_OUT)/solarized_dark@532.png: solarized_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) solarized_dark $(@D) 532 85 +$(IMAGE_OUT)/solarized_dark@532.webp: $(IMAGE_OUT)/solarized_dark@532.png + $(RESOLUTION_WEBP) solarized_dark $(@D) 532 +$(IMAGE_OUT)/gruvbox_light@220.png: gruvbox_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_light $(@D) 220 85 +$(IMAGE_OUT)/gruvbox_light@220.webp: $(IMAGE_OUT)/gruvbox_light@220.png + $(RESOLUTION_WEBP) gruvbox_light $(@D) 220 +$(IMAGE_OUT)/gruvbox_light@266.png: gruvbox_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_light $(@D) 266 85 +$(IMAGE_OUT)/gruvbox_light@266.webp: $(IMAGE_OUT)/gruvbox_light@266.png + $(RESOLUTION_WEBP) gruvbox_light $(@D) 266 +$(IMAGE_OUT)/gruvbox_light@335.png: gruvbox_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_light $(@D) 335 85 +$(IMAGE_OUT)/gruvbox_light@335.webp: $(IMAGE_OUT)/gruvbox_light@335.png + $(RESOLUTION_WEBP) gruvbox_light $(@D) 335 +$(IMAGE_OUT)/gruvbox_light@352.png: gruvbox_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_light $(@D) 352 85 +$(IMAGE_OUT)/gruvbox_light@352.webp: $(IMAGE_OUT)/gruvbox_light@352.png + $(RESOLUTION_WEBP) gruvbox_light $(@D) 352 +$(IMAGE_OUT)/gruvbox_light@532.png: gruvbox_light.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_light $(@D) 532 85 +$(IMAGE_OUT)/gruvbox_light@532.webp: $(IMAGE_OUT)/gruvbox_light@532.png + $(RESOLUTION_WEBP) gruvbox_light $(@D) 532 +$(IMAGE_OUT)/gruvbox_dark@220.png: gruvbox_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_dark $(@D) 220 85 +$(IMAGE_OUT)/gruvbox_dark@220.webp: $(IMAGE_OUT)/gruvbox_dark@220.png + $(RESOLUTION_WEBP) gruvbox_dark $(@D) 220 +$(IMAGE_OUT)/gruvbox_dark@266.png: gruvbox_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_dark $(@D) 266 85 +$(IMAGE_OUT)/gruvbox_dark@266.webp: $(IMAGE_OUT)/gruvbox_dark@266.png + $(RESOLUTION_WEBP) gruvbox_dark $(@D) 266 +$(IMAGE_OUT)/gruvbox_dark@335.png: gruvbox_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_dark $(@D) 335 85 +$(IMAGE_OUT)/gruvbox_dark@335.webp: $(IMAGE_OUT)/gruvbox_dark@335.png + $(RESOLUTION_WEBP) gruvbox_dark $(@D) 335 +$(IMAGE_OUT)/gruvbox_dark@352.png: gruvbox_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_dark $(@D) 352 85 +$(IMAGE_OUT)/gruvbox_dark@352.webp: $(IMAGE_OUT)/gruvbox_dark@352.png + $(RESOLUTION_WEBP) gruvbox_dark $(@D) 352 +$(IMAGE_OUT)/gruvbox_dark@532.png: gruvbox_dark.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) gruvbox_dark $(@D) 532 85 +$(IMAGE_OUT)/gruvbox_dark@532.webp: $(IMAGE_OUT)/gruvbox_dark@532.png + $(RESOLUTION_WEBP) gruvbox_dark $(@D) 532 +$(IMAGE_OUT)/amoled@220.png: amoled.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) amoled $(@D) 220 85 +$(IMAGE_OUT)/amoled@220.webp: $(IMAGE_OUT)/amoled@220.png + $(RESOLUTION_WEBP) amoled $(@D) 220 +$(IMAGE_OUT)/amoled@266.png: amoled.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) amoled $(@D) 266 85 +$(IMAGE_OUT)/amoled@266.webp: $(IMAGE_OUT)/amoled@266.png + $(RESOLUTION_WEBP) amoled $(@D) 266 +$(IMAGE_OUT)/amoled@335.png: amoled.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) amoled $(@D) 335 85 +$(IMAGE_OUT)/amoled@335.webp: $(IMAGE_OUT)/amoled@335.png + $(RESOLUTION_WEBP) amoled $(@D) 335 +$(IMAGE_OUT)/amoled@352.png: amoled.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) amoled $(@D) 352 85 +$(IMAGE_OUT)/amoled@352.webp: $(IMAGE_OUT)/amoled@352.png + $(RESOLUTION_WEBP) amoled $(@D) 352 +$(IMAGE_OUT)/amoled@532.png: amoled.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) amoled $(@D) 532 85 +$(IMAGE_OUT)/amoled@532.webp: $(IMAGE_OUT)/amoled@532.png + $(RESOLUTION_WEBP) amoled $(@D) 532 +$(IMAGE_OUT)/dracula@220.png: dracula.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) dracula $(@D) 220 85 +$(IMAGE_OUT)/dracula@220.webp: $(IMAGE_OUT)/dracula@220.png + $(RESOLUTION_WEBP) dracula $(@D) 220 +$(IMAGE_OUT)/dracula@266.png: dracula.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) dracula $(@D) 266 85 +$(IMAGE_OUT)/dracula@266.webp: $(IMAGE_OUT)/dracula@266.png + $(RESOLUTION_WEBP) dracula $(@D) 266 +$(IMAGE_OUT)/dracula@335.png: dracula.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) dracula $(@D) 335 85 +$(IMAGE_OUT)/dracula@335.webp: $(IMAGE_OUT)/dracula@335.png + $(RESOLUTION_WEBP) dracula $(@D) 335 +$(IMAGE_OUT)/dracula@352.png: dracula.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) dracula $(@D) 352 85 +$(IMAGE_OUT)/dracula@352.webp: $(IMAGE_OUT)/dracula@352.png + $(RESOLUTION_WEBP) dracula $(@D) 352 +$(IMAGE_OUT)/dracula@532.png: dracula.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) dracula $(@D) 532 85 +$(IMAGE_OUT)/dracula@532.webp: $(IMAGE_OUT)/dracula@532.png + $(RESOLUTION_WEBP) dracula $(@D) 532 +$(IMAGE_OUT)/phone@220.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 220 85 +$(IMAGE_OUT)/phone@220.webp: $(IMAGE_OUT)/phone@220.png + $(RESOLUTION_WEBP) phone $(@D) 220 +$(IMAGE_OUT)/phone@300.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 300 85 +$(IMAGE_OUT)/phone@300.webp: $(IMAGE_OUT)/phone@300.png + $(RESOLUTION_WEBP) phone $(@D) 300 +$(IMAGE_OUT)/phone@400.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 400 85 +$(IMAGE_OUT)/phone@400.webp: $(IMAGE_OUT)/phone@400.png + $(RESOLUTION_WEBP) phone $(@D) 400 +$(IMAGE_OUT)/phone@520.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 520 85 +$(IMAGE_OUT)/phone@520.webp: $(IMAGE_OUT)/phone@520.png + $(RESOLUTION_WEBP) phone $(@D) 520 +$(IMAGE_OUT)/phone@640.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 640 85 +$(IMAGE_OUT)/phone@640.webp: $(IMAGE_OUT)/phone@640.png + $(RESOLUTION_WEBP) phone $(@D) 640 +$(IMAGE_OUT)/phone@800.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 800 85 +$(IMAGE_OUT)/phone@800.webp: $(IMAGE_OUT)/phone@800.png + $(RESOLUTION_WEBP) phone $(@D) 800 +$(IMAGE_OUT)/phone@1000.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 1000 85 +$(IMAGE_OUT)/phone@1000.webp: $(IMAGE_OUT)/phone@1000.png + $(RESOLUTION_WEBP) phone $(@D) 1000 +$(IMAGE_OUT)/phone@1220.png: phone.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) phone $(@D) 1220 85 +$(IMAGE_OUT)/phone@1220.webp: $(IMAGE_OUT)/phone@1220.png + $(RESOLUTION_WEBP) phone $(@D) 1220 +$(IMAGE_OUT)/tablet@545.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 545 85 +$(IMAGE_OUT)/tablet@545.webp: $(IMAGE_OUT)/tablet@545.png + $(RESOLUTION_WEBP) tablet $(@D) 545 +$(IMAGE_OUT)/tablet@640.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 640 85 +$(IMAGE_OUT)/tablet@640.webp: $(IMAGE_OUT)/tablet@640.png + $(RESOLUTION_WEBP) tablet $(@D) 640 +$(IMAGE_OUT)/tablet@720.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 720 85 +$(IMAGE_OUT)/tablet@720.webp: $(IMAGE_OUT)/tablet@720.png + $(RESOLUTION_WEBP) tablet $(@D) 720 +$(IMAGE_OUT)/tablet@800.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 800 85 +$(IMAGE_OUT)/tablet@800.webp: $(IMAGE_OUT)/tablet@800.png + $(RESOLUTION_WEBP) tablet $(@D) 800 +$(IMAGE_OUT)/tablet@880.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 880 85 +$(IMAGE_OUT)/tablet@880.webp: $(IMAGE_OUT)/tablet@880.png + $(RESOLUTION_WEBP) tablet $(@D) 880 +$(IMAGE_OUT)/tablet@960.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 960 85 +$(IMAGE_OUT)/tablet@960.webp: $(IMAGE_OUT)/tablet@960.png + $(RESOLUTION_WEBP) tablet $(@D) 960 +$(IMAGE_OUT)/tablet@1090.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 1090 85 +$(IMAGE_OUT)/tablet@1090.webp: $(IMAGE_OUT)/tablet@1090.png + $(RESOLUTION_WEBP) tablet $(@D) 1090 +$(IMAGE_OUT)/tablet@1635.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 1635 85 +$(IMAGE_OUT)/tablet@1635.webp: $(IMAGE_OUT)/tablet@1635.png + $(RESOLUTION_WEBP) tablet $(@D) 1635 +$(IMAGE_OUT)/tablet@2180.png: tablet.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) tablet $(@D) 2180 85 +$(IMAGE_OUT)/tablet@2180.webp: $(IMAGE_OUT)/tablet@2180.png + $(RESOLUTION_WEBP) tablet $(@D) 2180 +$(IMAGE_OUT)/notifications@363.png: notifications.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) notifications $(@D) 363 85 +$(IMAGE_OUT)/notifications@363.webp: $(IMAGE_OUT)/notifications@363.png + $(RESOLUTION_WEBP) notifications $(@D) 363 +$(IMAGE_OUT)/notifications@474.png: notifications.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) notifications $(@D) 474 85 +$(IMAGE_OUT)/notifications@474.webp: $(IMAGE_OUT)/notifications@474.png + $(RESOLUTION_WEBP) notifications $(@D) 474 +$(IMAGE_OUT)/notifications@590.png: notifications.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) notifications $(@D) 590 85 +$(IMAGE_OUT)/notifications@590.webp: $(IMAGE_OUT)/notifications@590.png + $(RESOLUTION_WEBP) notifications $(@D) 590 +$(IMAGE_OUT)/desktop@363.png: desktop.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) desktop $(@D) 363 85 +$(IMAGE_OUT)/desktop@363.webp: $(IMAGE_OUT)/desktop@363.png + $(RESOLUTION_WEBP) desktop $(@D) 363 +$(IMAGE_OUT)/desktop@474.png: desktop.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) desktop $(@D) 474 85 +$(IMAGE_OUT)/desktop@474.webp: $(IMAGE_OUT)/desktop@474.png + $(RESOLUTION_WEBP) desktop $(@D) 474 +$(IMAGE_OUT)/desktop@590.png: desktop.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) desktop $(@D) 590 85 +$(IMAGE_OUT)/desktop@590.webp: $(IMAGE_OUT)/desktop@590.png + $(RESOLUTION_WEBP) desktop $(@D) 590 +$(IMAGE_OUT)/desktop@726.png: desktop.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) desktop $(@D) 726 85 +$(IMAGE_OUT)/desktop@726.webp: $(IMAGE_OUT)/desktop@726.png + $(RESOLUTION_WEBP) desktop $(@D) 726 +$(IMAGE_OUT)/desktop@948.png: desktop.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) desktop $(@D) 948 85 +$(IMAGE_OUT)/desktop@948.webp: $(IMAGE_OUT)/desktop@948.png + $(RESOLUTION_WEBP) desktop $(@D) 948 +$(IMAGE_OUT)/desktop@1180.png: desktop.png + mkdir -p $(IMAGE_OUT) + $(RESOLUTION) desktop $(@D) 1180 85 +$(IMAGE_OUT)/desktop@1180.webp: $(IMAGE_OUT)/desktop@1180.png + $(RESOLUTION_WEBP) desktop $(@D) 1180 diff --git a/assets/images/amoled.png b/src/assets/images/amoled.png similarity index 100% rename from assets/images/amoled.png rename to src/assets/images/amoled.png diff --git a/assets/images/background.svg b/src/assets/images/background.svg similarity index 100% rename from assets/images/background.svg rename to src/assets/images/background.svg diff --git a/assets/images/badge_fdroid.svg b/src/assets/images/badge_fdroid.svg similarity index 100% rename from assets/images/badge_fdroid.svg rename to src/assets/images/badge_fdroid.svg diff --git a/assets/images/badge_play.svg b/src/assets/images/badge_play.svg similarity index 100% rename from assets/images/badge_play.svg rename to src/assets/images/badge_play.svg diff --git a/assets/images/desktop.png b/src/assets/images/desktop.png similarity index 100% rename from assets/images/desktop.png rename to src/assets/images/desktop.png diff --git a/src/assets/images/divider.png b/src/assets/images/divider.png new file mode 100644 index 0000000000000000000000000000000000000000..eb985f7c0bb6d0dd7a4af23a89afb18d0dd2becb Binary files /dev/null and b/src/assets/images/divider.png differ diff --git a/assets/images/dracula.png b/src/assets/images/dracula.png similarity index 100% rename from assets/images/dracula.png rename to src/assets/images/dracula.png diff --git a/assets/images/gruvbox_dark.png b/src/assets/images/gruvbox_dark.png similarity index 100% rename from assets/images/gruvbox_dark.png rename to src/assets/images/gruvbox_dark.png diff --git a/assets/images/gruvbox_light.png b/src/assets/images/gruvbox_light.png similarity index 100% rename from assets/images/gruvbox_light.png rename to src/assets/images/gruvbox_light.png diff --git a/assets/images/icon.svg b/src/assets/images/icon.svg similarity index 100% rename from assets/images/icon.svg rename to src/assets/images/icon.svg diff --git a/assets/images/material_dark.png b/src/assets/images/material_dark.png similarity index 100% rename from assets/images/material_dark.png rename to src/assets/images/material_dark.png diff --git a/assets/images/material_light.png b/src/assets/images/material_light.png similarity index 100% rename from assets/images/material_light.png rename to src/assets/images/material_light.png diff --git a/assets/images/notifications.png b/src/assets/images/notifications.png similarity index 100% rename from assets/images/notifications.png rename to src/assets/images/notifications.png diff --git a/assets/images/phone.png b/src/assets/images/phone.png similarity index 100% rename from assets/images/phone.png rename to src/assets/images/phone.png diff --git a/assets/images/repo.svg b/src/assets/images/repo.svg similarity index 100% rename from assets/images/repo.svg rename to src/assets/images/repo.svg diff --git a/assets/images/solarized_dark.png b/src/assets/images/solarized_dark.png similarity index 100% rename from assets/images/solarized_dark.png rename to src/assets/images/solarized_dark.png diff --git a/assets/images/solarized_light.png b/src/assets/images/solarized_light.png similarity index 100% rename from assets/images/solarized_light.png rename to src/assets/images/solarized_light.png diff --git a/src/assets/images/sprout.svg b/src/assets/images/sprout.svg new file mode 100644 index 0000000000000000000000000000000000000000..494f2e5920ed065368f334becf8a50a273be8188 --- /dev/null +++ b/src/assets/images/sprout.svg @@ -0,0 +1,4 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> + <path d="m21.462 3.8286e-5c-3.3875 0.0062289-10.262 0.77866-11.062 6.8581-1.6-5.1824-9.7333-3.9865-9.7333-3.9865s0.26667 10.365 7.8667 8.7703c-0.53333-3.8536-2.5333-4.9167-2.5333-4.9167 3.7333 0 4 4.518 4 4.518v6.1125h2.6667v-5.581s0-5.1824 4-6.5112c0 0-2.6667 3.9863-2.6667 6.644 9.3333 0.93018 9.3333-11.827 9.3333-11.827s-0.74167-0.083066-1.8708-0.08099zm-9.4625 18.685c-6 0-12 2.6578-12 2.6578v2.6576h24v-2.6576s-6-2.6578-12-2.6578z" fill="#7cb342" stroke-width="1.3311"/> +</svg> diff --git a/assets/images/tablet.png b/src/assets/images/tablet.png similarity index 100% rename from assets/images/tablet.png rename to src/assets/images/tablet.png diff --git a/src/assets/js/header.js b/src/assets/js/header.js new file mode 100644 index 0000000000000000000000000000000000000000..885e33d5568ad3c28c3e17f03d07c9f2aa6af5ec --- /dev/null +++ b/src/assets/js/header.js @@ -0,0 +1,20 @@ +document.addEventListener("DOMContentLoaded", () => { + const following_bar = document.querySelector(".following.bar"); + let callback = -1; + const update_top_bar = function () { + function clearCallback() { + window.cancelAnimationFrame(callback); + callback = -1; + } + if (callback > 0) clearCallback() + callback = window.requestAnimationFrame(() => { + following_bar.classList.toggle("qd", window.scrollY !== 0); + clearCallback() + }) + }; + + if (document.body.classList.contains("index")) { + document.addEventListener("scroll", update_top_bar); + update_top_bar(); + } +}); diff --git a/favicon.ico b/src/favicon.ico similarity index 100% rename from favicon.ico rename to src/favicon.ico diff --git a/favicon.png b/src/favicon.png similarity index 100% rename from favicon.png rename to src/favicon.png diff --git a/favicon.svg b/src/favicon.svg similarity index 100% rename from favicon.svg rename to src/favicon.svg diff --git a/index.pug b/src/index.pug similarity index 82% rename from index.pug rename to src/index.pug index b9d361673aad37faa771e6159a961381a783b7a9..6ce6534fc1978431d3e0249f8f7b140d93d0980c 100644 --- a/index.pug +++ b/src/index.pug @@ -26,10 +26,10 @@ block content source(type="image/webp" sizes="calc(33vw + 1px)" srcset="/assets/images/phone@220.webp 220w, /assets/images/phone@300.webp 300w, /assets/images/phone@400.webp 400w, /assets/images/phone@520.webp 520w, /assets/images/phone@640.webp 640w, /assets/images/phone@800.webp 800w, /assets/images/phone@1000.webp 1000w, /assets/images/phone@1220.webp 1220w") source(media="(max-width: 800px) or (max-height: 800px)" sizes="calc(50vw + 101px)" srcset="/assets/images/phone@220.png 220w, /assets/images/phone@300.png 300w, /assets/images/phone@400.png 400w, /assets/images/phone@520.png 520w, /assets/images/phone@640.png 640w, /assets/images/phone@800.png 800w, /assets/images/phone@1000.png 1000w, /assets/images/phone@1220.png 1220w") source(sizes="calc(33vw + 1px)" srcset="/assets/images/phone@220.png 220w, /assets/images/phone@300.png 300w, /assets/images/phone@400.png 400w, /assets/images/phone@520.png 520w, /assets/images/phone@640.png 640w, /assets/images/phone@800.png 800w, /assets/images/phone@1000.png 1000w, /assets/images/phone@1220.png 1220w") - img(alt="Screenshot of Quasseldroid on a phone" src="/assets/images/phone@400.png") + img(alt="Screenshot of Quasseldroid on a phone" src="/assets/images/phone@400.png" style="aspect-ratio: 1370/2446") picture.tablet source(sizes="calc(33vw + 1px)" srcset="/assets/images/tablet@545.webp 545w, /assets/images/tablet@640.webp 640w, /assets/images/tablet@720.webp 720w, /assets/images/tablet@800.webp 800w, /assets/images/tablet@880.webp 880w, /assets/images/tablet@960.webp 960w, /assets/images/tablet@1090.webp 1090w, /assets/images/tablet@1635.webp 1635w, /assets/images/tablet@2180.webp 2180w") - img(alt="Screenshot of Quasseldroid on a tablet" src="/assets/images/tablet@1090.png" sizes="calc(33vw + 1px)" srcset="/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w") + img(alt="Screenshot of Quasseldroid on a tablet" src="/assets/images/tablet@1090.png" sizes="calc(33vw + 1px)" srcset="/assets/images/tablet@545.png 545w, /assets/images/tablet@640.png 640w, /assets/images/tablet@720.png 720w, /assets/images/tablet@800.png 800w, /assets/images/tablet@880.png 880w, /assets/images/tablet@960.png 960w, /assets/images/tablet@1090.png 1090w, /assets/images/tablet@1635.png 1635w, /assets/images/tablet@2180.png 2180w" style="aspect-ratio: 3096/2215") .ui.vertical.stripe.intro.segment .ui.stackable.very.relaxed.center.aligned.grid.container .row#built_on_quassel @@ -50,7 +50,7 @@ block content .ui.one.doubling.cards .card .image(aria-hidden="true" role="img") - +responsive_image("Screenshot of Quassel on desktop", "/assets/images/desktop@thumb.jpg", "/assets/images/desktop@590.png", "/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "75.5932203389830%", "/assets/images/desktop@363.webp 363w, /assets/images/desktop@474.webp 474w, /assets/images/desktop@590.webp 590w, /assets/images/desktop@726.webp 726w, /assets/images/desktop@948.webp 948w, /assets/images/desktop@1180.webp 1180w") + +responsive_image("Screenshot of Quassel on desktop", 1180, 891, "/assets/images/desktop@590.png", "/assets/images/desktop@363.png 363w, /assets/images/desktop@474.png 474w, /assets/images/desktop@590.png 590w, /assets/images/desktop@726.png 726w, /assets/images/desktop@948.png 948w, /assets/images/desktop@1180.png 1180w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "/assets/images/desktop@363.webp 363w, /assets/images/desktop@474.webp 474w, /assets/images/desktop@590.webp 590w, /assets/images/desktop@726.webp 726w, /assets/images/desktop@948.webp 948w, /assets/images/desktop@1180.webp 1180w") .ui.divider .computer.reversed.row#never_miss_a_thing .seven.wide.column.left.aligned @@ -65,7 +65,7 @@ block content .ui.one.doubling.cards .card .image(aria-hidden="true" role="img") - +responsive_image("Screenshot of Quasseldroid notifications", "/assets/images/notifications@thumb.jpg", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "51.57407407407407%", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w") + +responsive_image("Screenshot of Quasseldroid notifications", 1080, 557, "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w", "(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px", "/assets/images/notifications@590.png", "/assets/images/notifications@363.png 363w, /assets/images/notifications@474.png 474w, /assets/images/notifications@590.png 590w") .ui.divider .row#make_it_yours .seven.wide.column.left.aligned diff --git a/privacy-policy/content.md b/src/privacy-policy.md similarity index 100% rename from privacy-policy/content.md rename to src/privacy-policy.md diff --git a/privacy-policy/index.pug b/src/privacy-policy.pug similarity index 67% rename from privacy-policy/index.pug rename to src/privacy-policy.pug index 8e245898d1e63f3f7bef8821344fc768f37e91d1..00497ccc3f03bdc5f1bbca4d4ca9757bb6b21af3 100644 --- a/privacy-policy/index.pug +++ b/src/privacy-policy.pug @@ -1,4 +1,4 @@ -extends ../_template +extends _template block vars - var page = "privacy-policy"; - var pageTitle = "Privacy Policy"; @@ -7,6 +7,4 @@ block content .ui.stackable.very.relaxed.center.aligned.grid.container .row .column.left.aligned - h2.ui.header. - Privacy Policy - include:markdown-it content.md + include:markdown-it privacy-policy.md diff --git a/releases/index.pug b/src/releases.pug similarity index 98% rename from releases/index.pug rename to src/releases.pug index ebfe018b7657631169cad3fcfc995ec465f3197f..28e512226595c46d40b6174f6401afe7f5838dfc 100644 --- a/releases/index.pug +++ b/src/releases.pug @@ -1,4 +1,4 @@ -extends ../_template +extends _template block vars - var page = "releases"; - var pageTitle = "Downloads"; diff --git a/tools/generate_makefile.sh b/tools/generate_makefile.sh new file mode 100755 index 0000000000000000000000000000000000000000..d140bbe9433f0b67b7ab217da2d9589d1c7f797b --- /dev/null +++ b/tools/generate_makefile.sh @@ -0,0 +1,63 @@ +#!/bin/bash +set -euo pipefail +IFS=$'\n\t' + +QUALITY=85 + +cd "$(dirname "$(realpath -s "${0}")")" + +OUT=../src/assets/images + +RULES=() + +function generate_rule() { + IFS=' ' + + image=${1} + resolutions=${2} + quality=${3} + + for resolution in ${resolutions}; do + RULES+=("\$(IMAGE_OUT)/${image}@${resolution}.png") + { + echo "\$(IMAGE_OUT)/${image}@${resolution}.png: ${image}.png" + echo " mkdir -p \$(IMAGE_OUT)" + echo " \$(RESOLUTION) ${image} \$(@D) ${resolution} ${quality}" + } >> $OUT/Makefile.wip + + RULES+=("\$(IMAGE_OUT)/${image}@${resolution}.webp") + { + echo "\$(IMAGE_OUT)/${image}@${resolution}.webp: \$(IMAGE_OUT)/${image}@${resolution}.png" + echo " \$(RESOLUTION_WEBP) ${image} \$(@D) ${resolution}" + } >> $OUT/Makefile.wip + done +} + +function finalize() { + echo -n "all:" >> $OUT/Makefile + for rule in "${RULES[@]}"; do + echo -n " $rule" >> $OUT/Makefile + done + echo >> $OUT/Makefile + cat $OUT/Makefile.wip >> $OUT/Makefile + rm $OUT/Makefile.wip +} + +cat <<EOF > $OUT/Makefile +ROOT = \$(shell realpath \$(shell pwd)/../../..) +OUT = \$(ROOT)/dist +IMAGE_OUT = \$(OUT)/assets/images +RESOLUTION = \$(ROOT)/tools/generate_resolution.sh +RESOLUTION_WEBP = \$(ROOT)/tools/generate_resolution_webp.sh +EOF +# Generate Images +themes=(material_light material_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled dracula) +for image in "${themes[@]}"; do + generate_rule "${image}" "220 266 335 352 532" "${QUALITY}" +done +generate_rule phone "220 300 400 520 640 800 1000 1220" "${QUALITY}" +generate_rule tablet "545 640 720 800 880 960 1090 1635 2180" "${QUALITY}" +generate_rule notifications "363 474 590" "${QUALITY}" +generate_rule desktop "363 474 590 726 948 1180" "${QUALITY}" + +finalize diff --git a/tools/generate_resolution.sh b/tools/generate_resolution.sh new file mode 100755 index 0000000000000000000000000000000000000000..94f2048918d859106177b3bc0e02e33fda9cb59c --- /dev/null +++ b/tools/generate_resolution.sh @@ -0,0 +1,12 @@ +#!/bin/bash +set -euo pipefail +IFS=$'\n\t' + +image=${1} +output_dir=${2} +resolution=${3} +quality=${4} + +convert "${image}.png" -colorspace RGB -filter Lanczos -distort Resize "${resolution}"x -colorspace sRGB "${output_dir}/${image}@${resolution}.png" +pngquant --quality "${quality}" "${output_dir}/${image}@${resolution}.png" +mv "${output_dir}/${image}@${resolution}-fs8.png" "${output_dir}/${image}@${resolution}.png" diff --git a/tools/generate_resolution_webp.sh b/tools/generate_resolution_webp.sh new file mode 100755 index 0000000000000000000000000000000000000000..4712f97b63398e9d07a59e47c207c6271f7b0e1b --- /dev/null +++ b/tools/generate_resolution_webp.sh @@ -0,0 +1,11 @@ +#!/bin/bash +set -euo pipefail +IFS=$'\n\t' + +cd "$(dirname "$(realpath -s "${0}")")" + +image=${1} +output_dir=${2} +resolution=${3} + +cwebp -lossless "${output_dir}/${image}@${resolution}.png" -o "${output_dir}/${image}@${resolution}.webp"