2024-03-22 14:27:49 +01:00
@ charset "UTF-8" ; . InputPassword_strengthBar__QIcSN { margin : 4 px 0 0 !important ; opacity : .5 } . PopupHeader_backButton__SCqHz { background : transparent !important ; box-shadow : none !important ; left : 0 ; margin : 0 !important ; padding : 10 px 8 px 10 px 12 px !important ; position : absolute ; top : 0 ; width : 40 px ; z-index : 2000 } . PopupHeader_content__lu4hU { border-bottom : 1 px solid #eee ; font-size : 14 px ; font-weight : 400 ; left : 0 ; line-height : 20 px ; margin : 0 12 px ; padding : 12 px 28 px 8 px ; position : absolute ; right : 0 ; top : 0 } . PopupHeader_wrapper__GP2XO { height : 40 px ; margin : 0 -12 px 8 px !important ; position : relative ; text-align : center } . markdown-body { -ms- text-size-adjust : 100 % ; -webkit- text-size-adjust : 100 % ; word-wrap : break-word ; line-height : 1.5 ; margin : 0 } . markdown-body h1 : hover . anchor . octicon-link : before , . markdown-body h2 : hover . anchor . octicon-link : before , . markdown-body h3 : hover . anchor . octicon-link : before , . markdown-body h4 : hover . anchor . octicon-link : before , . markdown-body h5 : hover . anchor . octicon-link : before , . markdown-body h6 : hover . anchor . octicon-link : before { background-color : currentColor ; content : " " ; display : inline-block ; height : 16 px ; -webkit- mask-image : url ( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M7.775 3.275a.75.75 0 0 0 1.06 1.06l1.25-1.25a2 2 0 1 1 2.83 2.83l-2.5 2.5a2 2 0 0 1-2.83 0 .75.75 0 0 0-1.06 1.06 3.5 3.5 0 0 0 4.95 0l2.5-2.5a3.5 3.5 0 0 0-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 0 1 0-2.83l2.5-2.5a2 2 0 0 1 2.83 0 .75.75 0 0 0 1.06-1.06 3.5 3.5 0 0 0-4.95 0l-2.5 2.5a3.5 3.5 0 0 0 4.95 4.95l1.25-1.25a.75.75 0 0 0-1.06-1.06l-1.25 1.25a2 2 0 0 1-2.83 0z'/%3E%3C/svg%3E" ) ; mask-image : url ( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M7.775 3.275a.75.75 0 0 0 1.06 1.06l1.25-1.25a2 2 0 1 1 2.83 2.83l-2.5 2.5a2 2 0 0 1-2.83 0 .75.75 0 0 0-1.06 1.06 3.5 3.5 0 0 0 4.95 0l2.5-2.5a3.5 3.5 0 0 0-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 0 1 0-2.83l2.5-2.5a2 2 0 0 1 2.83 0 .75.75 0 0 0 1.06-1.06 3.5 3.5 0 0 0-4.95 0l-2.5 2.5a3.5 3.5 0 0 0 4.95 4.95l1.25-1.25a.75.75 0 0 0-1.06-1.06l-1.25 1.25a2 2 0 0 1-2.83 0z'/%3E%3C/svg%3E" ) ; width : 16 px } . markdown-body details , . markdown-body figcaption , . markdown-body figure { display : block } . markdown-body summary { display : list-item } . markdown-body [ hidden ] { display : none !important } . markdown-body a { background-color : initial ; color : #0969da ; text-decoration : none } . markdown-body a : active , . markdown-body a : hover { outline-width : 0 } . markdown-body abbr [ title ] { border-bottom : none ; -webkit- text-decoration : underline dotted ; text-decoration : underline dotted } . markdown-body b , . markdown-body strong { font-weight : 600 } . markdown-body dfn { font-style : italic } . markdown-body h1 { border-bottom : 1 px solid #d8dee4 ; font-size : 2 em ; font-weight : 600 ; margin : .67 em 0 ; padding-bottom : .3 em } . markdown-body mark { background-color : #fff8c5 ; color : #24292f } . markdown-body small { font-size : 90 % } . markdown-body sub , . markdown-body sup { font-size : 75 % ; line-height : 0 ; position : relative ; vertical-align : initial } . markdown-body sub { bottom : -.25 em } . markdown-body sup { top : -.5 em } . markdown-body img { background-color : #fff ; border-style : none ; box-sizing : initial ; max-width : 100 % } . markdown-body code , . markdown-body kbd , . markdown-body pre , . markdown-body samp { font-family : monospace , monospace ; font-size : 1 em } . markdown-body figure { margin : 1 em 40 px } . markdown-body hr { background : transparent ; background-color : #d0d7de ; border : 0 ; box-sizing : initial ; height : .25 em ; margin : 24 px 0 ; overflow : hidden ; padding : 0 } . markdown-body input { font : inherit ; font-family : inherit ; font-size : inherit ; line-height : inherit ; margin : 0 ; overflow : visible } . markdown-body [ type = button ] , . markdown-body [ type = reset ] , . markdown-body [ type = submit ] { -webkit- appearance : button } . markdown-body [ type = button ] :: -moz-focus-inner , . markdown-body [ type = reset ] :: -moz-focus-inner , . markdown-body [ type = submit ] :: -moz-focus-inner { border-style : none ; padding : 0 } . markdown-body [ type = button ] : -moz-focusring , . markdown-body [ type = reset ] : -moz-focusring , . markdown-body [ type = submit ] : -moz-focusring { outline : 1 px dotted ButtonText } . markdown-body [ type = chec
2022-07-29 21:23:54 +02:00
2022-11-20 16:03:56 +01:00
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */ . pswp { --pswp-bg : #000 ; --pswp-placeholder-bg : #222 ; --pswp-root-z-index : 100000 ; --pswp-preloader-color : rgba ( 79 , 79 , 79 , .4 ) ; --pswp-preloader-color-secondary : hsla ( 0 , 0 % , 100 % , .9 ) ; --pswp-icon-color : #fff ; --pswp-icon-color-secondary : #4f4f4f ; --pswp-icon-stroke-color : #4f4f4f ; --pswp-icon-stroke-width : 2 px ; --pswp-error-text-color : var ( - - pswp - icon - color ) ; -webkit- tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ; contain : layout style size ; display : none ; height : 100 % ; left : 0 ; opacity : .003 ; position : fixed ; top : 0 ; touch-action : none ; width : 100 % ; z-index : var ( - - pswp - root - z - index ) } . pswp , . pswp : focus { outline : 0 } . pswp * { box-sizing : border-box } . pswp img { max-width : none } . pswp--open { display : block } . pswp , . pswp__bg { -webkit- transform : translateZ ( 0 ) ; transform : translateZ ( 0 ) ; will-change : opacity } . pswp__bg { background : var ( - - pswp - bg ) ; opacity : .005 } . pswp , . pswp__scroll-wrap { overflow : hidden } . pswp__bg , . pswp__container , . pswp__content , . pswp__img , . pswp__item , . pswp__scroll-wrap , . pswp__zoom-wrap { height : 100 % ; left : 0 ; position : absolute ; top : 0 ; width : 100 % } . pswp__img , . pswp__zoom-wrap { height : auto ; width : auto } . pswp--click-to-zoom . pswp--zoom-allowed . pswp__img { cursor : zoom-in } . pswp--click-to-zoom . pswp--zoomed-in . pswp__img { cursor : move ; cursor : grab } . pswp--click-to-zoom . pswp--zoomed-in . pswp__img : active { cursor : grabbing } . pswp--no-mouse-drag . pswp--zoomed-in . pswp__img , . pswp--no-mouse-drag . pswp--zoomed-in . pswp__img : active , . pswp__img { cursor : zoom-out } . pswp__button , . pswp__container , . pswp__counter , . pswp__img { -webkit- user-select : none ; user-select : none } . pswp__item { overflow : hidden ; z-index : 1 } . pswp__hidden { display : none !important } . pswp__content { pointer-events : none } . pswp__content > * { pointer-events : auto } . pswp__error-msg-container { display : grid } . pswp__error-msg { color : var ( - - pswp - error - text - color ) ; font-size : 1 em ; line-height : 1 ; margin : auto } . pswp . pswp__hide-on-close { opacity : .005 ; pointer-events : none ; transition : opacity var ( - - pswp - transition - duration ) cubic-bezier ( .4 , 0 , .22 , 1 ) ; will-change : opacity ; z-index : 10 } . pswp--ui-visible . pswp__hide-on-close { opacity : 1 ; pointer-events : auto } . pswp__button { -webkit- touch-callout : none ; -webkit- appearance : none ; background : none ; border : 0 ; box-shadow : none ; cursor : pointer ; display : block ; height : 60 px ; margin : 0 ; opacity : .85 ; overflow : hidden ; padding : 0 ; position : relative ; width : 50 px } . pswp__button : active , . pswp__button : focus , . pswp__button : hover { background : none ; border : 0 ; box-shadow : none ; opacity : 1 ; padding : 0 ; transition : none } . pswp__button : disabled { cursor : auto ; opacity : .3 } . pswp__icn { fill : var ( - - pswp - icon - color ) ; color : var ( - - pswp - icon - color - secondary ) ; height : 32 px ; left : 9 px ; overflow : hidden ; pointer-events : none ; position : absolute ; top : 14 px ; width : 32 px } . pswp__icn-shadow { stroke : var ( - - pswp - icon - stroke - color ) ; stroke-width : var ( - - pswp - icon - stroke - width ) ; fill : none } . pswp__icn : focus { outline : 0 } . pswp__img--with-bg , div . pswp__img--placeholder { background : var ( - - pswp - placeholder - bg ) } . pswp__top-bar { display : flex ; flex-direction : row ; height : 60 px ; justify-content : flex-end ; left : 0 ; pointer-events : none !important ; position : absolute ; top : 0 ; width : 100 % ; z-index : 10 } . pswp__top-bar > * { pointer-events : auto ; will-change : opacity } . pswp__button--close { margin-right : 6 px } . pswp__button--arrow { height : 100 px ; margin-top : -50 px ; position : absolute ; top : 0 ; top : 50 % ; width : 75 px } . pswp__button--arrow : disabled { cursor : default ; display : none } . pswp__button--arrow . pswp__icn { background : none ; border-radius : 0 ; height : 60 px ; margin-top : -30 px ; top : 50 % ; width : 60 px } . pswp--one-slide . pswp__button--arrow { display : none } . pswp--touch . pswp__button--arrow { visibility : hidden } . pswp--has_mouse . pswp__button--arrow { visibility : visible } . pswp__button--arrow--prev { left : 0 ; right : auto } . pswp__button--arrow--next { right : 0 } . pswp__button--arrow--next . pswp__icn { left : auto ; right : 14 px ; -webkit- transform : scaleX ( -1 ) ; transform : scaleX ( -1 ) } . pswp__button--zoom { display : none } . pswp--zoom-allowed . pswp__button--zoom { display : block } . pswp--zoomed-in . pswp__zoom-icn-bar-v { display : none } . pswp__preloader { height : 60 px ; margin-right : auto ; overflow : hidden ; position : relative ; width : 50 px } . pswp__preloader . pswp__icn { -webkit- animation : pswp-clockwise .6 s linear infinite ; animation : pswp-clockwise .6 s linear infinite ; opacity : 0 ; t r a n s i t i o n
2022-07-29 21:23:54 +02:00
/ * !
* # Semantic UI 2 . 4 . 0 - Reset
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / * , : after , : before { box-sizing : inherit } html { box-sizing : border-box } input [ type = email ] , input [ type = password ] , input [ type = search ] , input [ type = text ] { -webkit- appearance : none ; -moz- appearance : none }
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html { -ms- text-size-adjust : 100 % ; -webkit- text-size-adjust : 100 % ; line-height : 1.15 } article , aside , footer , header , nav , section { display : block } h1 { font-size : 2 em ; margin : .67 em 0 } figcaption , figure , main { display : block } figure { margin : 1 em 40 px } hr { box-sizing : initial ; height : 0 ; overflow : visible } pre { font-family : monospace , monospace ; font-size : 1 em } a { -webkit- text-decoration-skip : objects ; background-color : initial } abbr [ title ] { border-bottom : none ; text-decoration : underline ; -webkit- text-decoration : underline dotted ; text-decoration : underline dotted } b , strong { font-weight : inherit ; font-weight : bolder } code , kbd , samp { font-family : monospace , monospace ; font-size : 1 em } 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 : initial } sub { bottom : -.25 em } sup { top : -.5 em } 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 } [ type = reset ] , [ type = submit ] , button , html [ type = button ] { -webkit- appearance : button } [ type = button ] :: -moz-focus-inner , [ type = reset ] :: -moz-focus-inner , [ type = submit ] :: -moz-focus-inner , button :: -moz-focus-inner { border-style : none ; padding : 0 } [ type = button ] : -moz-focusring , [ type = reset ] : -moz-focusring , [ type = submit ] : -moz-focusring , button : -moz-focusring { outline : 1 px dotted ButtonText } fieldset { padding : .35 em .75 em .625 em } legend { box-sizing : border-box ; color : inherit ; display : table ; max-width : 100 % ; padding : 0 ; white-space : normal } progress { display : inline-block ; vertical-align : initial } textarea { overflow : auto } [ type = checkbox ] , [ type = radio ] { box-sizing : border-box ; padding : 0 } [ type = number ] :: -webkit-inner-spin-button , [ type = number ] :: -webkit-outer-spin-button { height : auto } [ type = search ] { -webkit- appearance : textfield ; outline-offset : -2 px } [ 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 } [ hidden ] , template { display : none }
/ * !
* # Semantic UI 2 . 4 . 0 - Site
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / body , html { height : 100 % } html { font-size : 14 px } body { font-smoothing : antialiased ; background : #fff ; color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 14 px ; line-height : 1.4285 em ; margin : 0 ; min-width : 320 px ; overflow-x : hidden } body , h1 , h2 , h3 , h4 , h5 { font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; padding : 0 } h1 , h2 , h3 , h4 , h5 { font-weight : 700 ; line-height : 1.28571429 em ; margin : calc ( 2 rem - .14286 em ) 0 1 rem } h1 { font-size : 2 rem ; min-height : 1 rem } h2 { font-size : 1.71428571 rem } h3 { font-size : 1.28571429 rem } h4 { font-size : 1.07142857 rem } h5 { font-size : 1 rem } 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 { line-height : 1.4285 em ; margin : 0 0 1 em } p : first-child { margin-top : 0 } p : last-child { margin-bottom : 0 } a { color : #4183c4 } a , a : hover { text-decoration : none } a : hover { color : #1e70bf } :: -webkit-selection { background-color : #cce2ff ; color : rgba ( 0 , 0 , 0 , .87 ) } :: selection { background-color : #cce2ff ; color : rgba ( 0 , 0 , 0 , .87 ) } input :: -webkit-selection , textarea :: -webkit-selection { background-color : hsla ( 0 , 0 % , 39 % , .4 ) ; color : rgba ( 0 , 0 , 0 , .87 ) } input :: selection , textarea :: selection { background-color : hsla ( 0 , 0 % , 39 % , .4 ) ; color : rgba ( 0 , 0 , 0 , .87 ) }
/ * !
* # Semantic UI 2 . 4 . 0 - Button
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . button { -webkit- tap-highlight-color : transparent ; background : #e0e1e2 none ; border : none ; border-radius : .28571429 rem ; color : rgba ( 0 , 0 , 0 , .6 ) ; cursor : pointer ; display : inline-block ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-style : normal ; font-weight : 700 ; line-height : 1 em ; margin : 0 .25 em 0 0 ; min-height : 1 em ; outline : none ; padding : .78571429 em 1.5 em ; text-align : center ; text-decoration : none ; text-shadow : none ; text-transform : none ; transition : opacity .1 s ease , background-color .1 s ease , color .1 s ease , box-shadow .1 s ease , background .1 s ease ; -webkit- user-select : none ; user-select : none ; vertical-align : initial ; will-change : "" } . ui . button , . ui . button : hover { box-shadow : inset 0 0 0 1 px transparent , inset 0 0 0 0 rgba ( 34 , 36 , 38 , .15 ) } . ui . button : hover { background-color : #cacbcd ; background-image : none ; color : rgba ( 0 , 0 , 0 , .8 ) } . ui . button : hover . icon { opacity : .85 } . ui . button : focus { background-color : #cacbcd ; background-image : "" !important ; box-shadow : "" !important ; color : rgba ( 0 , 0 , 0 , .8 ) } . ui . button : focus . icon { opacity : .85 } . ui . active . button : active , . ui . button : active { background-color : #babbbc ; background-image : "" ; box-shadow : inset 0 0 0 1 px transparent , none ; color : rgba ( 0 , 0 , 0 , .9 ) } . ui . active . button { box-shadow : inset 0 0 0 1 px transparent } . ui . active . button , . ui . active . button : hover { color : rgba ( 0 , 0 , 0 , .95 ) } . ui . active . button , . ui . active . button : active , . ui . active . button : hover { background-color : #c0c1c2 ; background-image : none } . ui . loading . loading . loading . loading . loading . loading . button { color : transparent !important ; cursor : default ; opacity : 1 ; pointer-events : auto ; position : relative ; text-shadow : none !important ; transition : all 0 s linear , opacity .1 s ease } . ui . loading . button : before { border : .2 em solid rgba ( 0 , 0 , 0 , .15 ) ; border-radius : 500 rem } . ui . loading . button : after , . ui . loading . button : before { content : "" ; height : 1.28571429 em ; left : 50 % ; margin : -.64285714 em 0 0 -.64285714 em ; position : absolute ; top : 50 % ; width : 1.28571429 em } . ui . loading . button : after { -webkit- animation : button-spin .6 s linear ; animation : button-spin .6 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; border : .2 em solid transparent ; border-radius : 500 rem ; border-top-color : #fff ; box-shadow : 0 0 0 1 px transparent } . ui . labeled . icon . loading . button . icon { background-color : initial ; box-shadow : none } @ -webkit-keyframes button-spin { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 1 turn ) ; transform : rotate ( 1 turn ) } } @ keyframes button-spin { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 1 turn ) ; transform : rotate ( 1 turn ) } } . ui . basic . loading . button : not ( . inverted ) : before { border-color : rgba ( 0 , 0 , 0 , .1 ) } . ui . basic . loading . button : not ( . inverted ) : after { border-top-color : #767676 } . ui . button : disabled , . ui . buttons . disabled . button , . ui . disabled . active . button , . ui . disabled . button , . ui . disabled . button : hover { background-image : none !important ; box-shadow : none !important ; cursor : default ; opacity : .45 !important ; pointer-events : none !important } . ui . basic . buttons . ui . disabled . button { border-color : rgba ( 34 , 36 , 38 , .5 ) } . ui . animated . button { overflow : hidden ; padding-right : 0 !important ; position : relative ; vertical-align : middle ; z-index : 1 } . ui . animated . button . content { will-change : transform , opacity } . ui . animated . button . visible . content { margin-right : 1.5 em ; position : relative } . ui . animated . button . hidden . content { position : absolute ; width : 100 % } . ui . animated . button . hidden . content , . ui . animated . button . visible . content { transition : right .3 s ease 0 s } . ui . animated . button . visible . content { left : auto ; right : 0 } . ui . animated . button . hidden . content { left : auto ; margin-top : -.5 em ; right : -100 % ; top : 50 % } . 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 . hidden . content , . ui . vertical . animated . button . visible . content { transition : top .3 s ease , -webkit- transform .3 s ease ; transition : top .3 s ease , transform .3 s ease ; transition : top .3 s ease , transform .3 s ease , -webkit- transform .3 s ease } . ui . vertical . animated . button . visible . content { right : auto ; -webkit- transform : translateY ( 0 ) ; transform : translateY (
/ * !
* # Semantic UI 2 . 4 . 0 - Container
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . container { display : block ; max-width : 100 % !important } @ media only screen and ( max-width : 767px ) { . ui . container { margin-left : 1 em !important ; margin-right : 1 em !important } . ui . container , . ui . grid . container , . ui . relaxed . grid . container , . ui . very . relaxed . grid . container { width : auto !important } } @ media only screen and ( min-width : 768px ) and ( max-width : 991px ) { . ui . container { margin-left : auto !important ; margin-right : auto !important ; width : 723 px } . ui . grid . container { width : calc ( 723 px + 2 rem ) !important } . ui . relaxed . grid . container { width : calc ( 723 px + 3 rem ) !important } . ui . very . relaxed . grid . container { width : calc ( 723 px + 5 rem ) !important } } @ media only screen and ( min-width : 992px ) and ( max-width : 1199px ) { . ui . container { margin-left : auto !important ; margin-right : auto !important ; width : 933 px } . ui . grid . container { width : calc ( 933 px + 2 rem ) !important } . ui . relaxed . grid . container { width : calc ( 933 px + 3 rem ) !important } . ui . very . relaxed . grid . container { width : calc ( 933 px + 5 rem ) !important } } @ media only screen and ( min-width : 1200px ) { . ui . container { margin-left : auto !important ; margin-right : auto !important ; width : 1127 px } . ui . grid . container { width : calc ( 1127 px + 2 rem ) !important } . ui . relaxed . grid . container { width : calc ( 1127 px + 3 rem ) !important } . ui . very . relaxed . grid . container { width : calc ( 1127 px + 5 rem ) !important } } . ui . text . container { font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1.14285714 rem ; line-height : 1.5 ; max-width : 700 px !important } . 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 { -webkit- hyphens : auto ; hyphens : auto ; text-align : justify }
/ * !
* # Semantic UI 2 . 4 . 0 - Divider
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . divider { -webkit- tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ; color : rgba ( 0 , 0 , 0 , .85 ) ; font-weight : 700 ; height : 0 ; letter-spacing : .05 em ; line-height : 1 ; margin : 1 rem 0 ; text-transform : uppercase ; -webkit- user-select : none ; user-select : none } . ui . divider : not ( . vertical ) : not ( . horizontal ) { border-bottom : 1 px solid hsla ( 0 , 0 % , 100 % , .1 ) ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .15 ) } . ui . grid > . column + . divider , . ui . grid > . row > . column + . divider { left : auto } . ui . horizontal . divider { display : table ; height : auto ; line-height : 1 ; margin : "" ; text-align : center ; white-space : nowrap } . ui . horizontal . divider : after , . ui . horizontal . divider : before { background-repeat : no-repeat ; content : "" ; display : table-cell ; position : relative ; top : 50 % ; width : 50 % } . ui . horizontal . divider : before { background-position : right 1 em top 50 % } . ui . horizontal . divider : after { background-position : left 1 em top 50 % } . ui . vertical . divider { height : 50 % ; left : 50 % ; line-height : 0 em ; margin : 0 ; padding : 0 ; position : absolute ; text-align : center ; top : 50 % ; -webkit- transform : translateX ( -50 % ) ; transform : translateX ( -50 % ) ; width : auto ; z-index : 2 } . ui . vertical . divider : after , . ui . vertical . divider : before { border-left : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-right : 1 px solid hsla ( 0 , 0 % , 100 % , .1 ) ; content : "" ; height : calc ( 100 % - 1 rem ) ; left : 50 % ; position : absolute ; width : 0 ; z-index : 3 } . ui . vertical . divider : before { top : -100 % } . ui . vertical . divider : after { bottom : 0 ; top : auto } @ media only screen and ( max-width : 767px ) { . ui . grid . stackable . row . ui . vertical . divider , . ui . stackable . grid . ui . vertical . divider { display : table ; height : auto ; left : 0 ; line-height : 1 ; margin : "" ; overflow : hidden ; position : static ; text-align : center ; top : 0 ; -webkit- transform : none ; transform : none ; white-space : nowrap } . ui . grid . stackable . row . ui . vertical . divider : after , . ui . grid . stackable . row . ui . vertical . divider : before , . ui . stackable . grid . ui . vertical . divider : after , . ui . stackable . grid . ui . vertical . divider : before { background-repeat : no-repeat ; border-left : none ; border-right : none ; content : "" ; display : table-cell ; left : 0 ; position : static ; position : relative ; top : 50 % ; width : 50 % } . ui . grid . stackable . row . ui . vertical . divider : before , . ui . stackable . grid . ui . vertical . divider : before { background-position : right 1 em top 50 % } . ui . grid . stackable . row . ui . vertical . divider : after , . ui . stackable . grid . ui . vertical . divider : after { background-position : left 1 em top 50 % } } . ui . divider > . icon { font-size : 1 rem ; height : 1 em ; margin : 0 ; vertical-align : middle } . ui . hidden . divider { border-color : transparent !important } . ui . hidden . divider : after , . ui . hidden . divider : before { display : none } . ui . divider . inverted , . ui . horizontal . inverted . divider , . ui . vertical . inverted . divider { color : #fff } . ui . divider . inverted , . ui . divider . inverted : after , . ui . divider . inverted : before { border-color : rgba ( 34 , 36 , 38 , .15 ) hsla ( 0 , 0 % , 100 % , .15 ) hsla ( 0 , 0 % , 100 % , .15 ) rgba ( 34 , 36 , 38 , .15 ) !important } . ui . fitted . divider { margin : 0 } . ui . clearing . divider { clear : both } . ui . section . divider { margin-bottom : 2 rem ; margin-top : 2 rem } . ui . divider { font-size : 1 rem } . ui . horizontal . divider : after , . ui . horizontal . divider : before { background-image : url ( data : image / png ; base64 , iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw / eHBhY2tldCBiZWdpbj0i77u / IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8 + IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI + IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8 + IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY + IDwveDp4bXBtZXRhPiA8P3hwYWNr
/ * !
* # Semantic UI 2 . 4 . 0 - Flag
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / i . flag : not ( . icon ) { speak : none ; font-smoothing : antialiased ; -webkit- backface-visibility : hidden ; backface-visibility : hidden ; line-height : 11 px ; margin : 0 .5 em 0 0 ; text-decoration : inherit ; vertical-align : initial } i . flag : not ( . icon ) , i . flag : not ( . icon ) : before { display : inline-block ; height : 11 px ; width : 16 px } i . flag : not ( . icon ) : before { background : url ( /planka/static/media/flags.99f63ae7a743f21ab308.png ) no-repeat -108 px -1976 px ; content : "" } i . flag . ad : before , i . flag . andorra : before { background-position : 0 0 } i . flag . ae : before , i . flag . uae : before , i . flag . united . arab . emirates : before { background-position : 0 -26 px } i . flag . af : before , i . flag . afghanistan : before { background-position : 0 -52 px } i . flag . ag : before , i . flag . antigua : before { background-position : 0 -78 px } i . flag . ai : before , i . flag . anguilla : before { background-position : 0 -104 px } i . flag . al : before , i . flag . albania : before { background-position : 0 -130 px } i . flag . am : before , i . flag . armenia : before { background-position : 0 -156 px } i . flag . an : before , i . flag . netherlands . antilles : before { background-position : 0 -182 px } i . flag . angola : before , i . flag . ao : before { background-position : 0 -208 px } i . flag . ar : before , i . flag . argentina : before { background-position : 0 -234 px } i . flag . american . samoa : before , i . flag . as : before { background-position : 0 -260 px } i . flag . at : before , i . flag . austria : before { background-position : 0 -286 px } i . flag . au : before , i . flag . australia : before { background-position : 0 -312 px } i . flag . aruba : before , i . flag . aw : before { background-position : 0 -338 px } i . flag . aland . islands : before , i . flag . ax : before { background-position : 0 -364 px } i . flag . az : before , i . flag . azerbaijan : before { background-position : 0 -390 px } i . flag . ba : before , i . flag . bosnia : before { background-position : 0 -416 px } i . flag . barbados : before , i . flag . bb : before { background-position : 0 -442 px } i . flag . bangladesh : before , i . flag . bd : before { background-position : 0 -468 px } i . flag . be : before , i . flag . belgium : before { background-position : 0 -494 px } i . flag . bf : before , i . flag . burkina . faso : before { background-position : 0 -520 px } i . flag . bg : before , i . flag . bulgaria : before { background-position : 0 -546 px } i . flag . bahrain : before , i . flag . bh : before { background-position : 0 -572 px } i . flag . bi : before , i . flag . burundi : before { background-position : 0 -598 px } i . flag . benin : before , i . flag . bj : before { background-position : 0 -624 px } i . flag . bermuda : before , i . flag . bm : before { background-position : 0 -650 px } i . flag . bn : before , i . flag . brunei : before { background-position : 0 -676 px } i . flag . bo : before , i . flag . bolivia : before { background-position : 0 -702 px } i . flag . br : before , i . flag . brazil : before { background-position : 0 -728 px } i . flag . bahamas : before , i . flag . bs : before { background-position : 0 -754 px } i . flag . bhutan : before , i . flag . bt : before { background-position : 0 -780 px } i . flag . bouvet . island : before , i . flag . bv : before { background-position : 0 -806 px } i . flag . botswana : before , i . flag . bw : before { background-position : 0 -832 px } i . flag . belarus : before , i . flag . by : before { background-position : 0 -858 px } i . flag . belize : before , i . flag . bz : before { background-position : 0 -884 px } i . flag . ca : before , i . flag . canada : before { background-position : 0 -910 px } i . flag . cc : before , i . flag . cocos . islands : before { background-position : 0 -962 px } i . flag . cd : before , i . flag . congo : before { background-position : 0 -988 px } i . flag . central . african . republic : before , i . flag . cf : before { background-position : 0 -1014 px } i . flag . cg : before , i . flag . congo . brazzaville : before { background-position : 0 -1040 px } i . flag . ch : before , i . flag . switzerland : before { background-position : 0 -1066 px } i . flag . ci : before , i . flag . cote . divoire : before { background-position : 0 -1092 px } i . flag . ck : before , i . flag . cook . islands : before { background-position : 0 -1118 px } i . flag . chile : before , i . flag . cl : before { background-position : 0 -1144 px } i . flag . cameroon : before , i . flag . cm : before { background-position : 0 -1170 px } i . flag . china : before , i . flag . cn : before { background-position : 0 -1196 px } i . flag . co : before , i . flag . colombia : before { background-position : 0 -1222 px } i . flag . costa . rica : before , i . flag . cr : before { background-position : 0 -1248 px } i . flag . cs : before , i . flag . serbia : before { background-position : 0 -1274 px } i . flag . cu : before , i . flag . cuba : before { background-position : 0 -1300 px } i . flag . cape . verde : before , i . flag . cv : before { background-position : 0 -1326 px } i . flag . christmas . island : before , i . flag . cx : before { background-position : 0 -1352 px } i . flag
/ * !
* # Semantic UI 2 . 4 . 0 - Header
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . header { border : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-weight : 700 ; line-height : 1.28571429 em ; margin : calc ( 2 rem - .14286 em ) 0 1 rem ; padding : 0 ; text-transform : none } . ui . header : first-child { margin-top : -.14285714 em } . ui . header : last-child { margin-bottom : 0 } . ui . header . sub . header { color : rgba ( 0 , 0 , 0 , .6 ) ; display : block ; font-weight : 400 ; line-height : 1.2 em ; margin : 0 ; padding : 0 } . ui . header > . icon { display : table-cell ; font-size : 1.5 em ; opacity : 1 ; padding-top : 0 ; vertical-align : middle } . ui . header . icon : only-child { display : inline-block ; margin-right : .75 rem ; padding : 0 } . ui . header > . image : not ( . icon ) , . ui . header > img { display : inline-block ; height : auto ; margin-top : .14285714 em ; vertical-align : middle ; width : 2.5 em } . ui . header > . image : not ( . icon ) : only-child , . ui . header > img : only-child { margin-right : .75 rem } . ui . header . content { display : inline-block ; vertical-align : top } . ui . header > . icon + . content , . ui . header > . image + . content , . ui . header > img + . content { padding-left : .75 rem ; vertical-align : middle } . ui . header > . icon + . content { display : table-cell } . ui . header . ui . label { font-size : "" ; margin-left : .5 rem ; vertical-align : middle } . ui . header + p { margin-top : 0 } h1 . ui . header { font-size : 2 rem } h2 . ui . header { font-size : 1.71428571 rem } h3 . ui . header { font-size : 1.28571429 rem } h4 . ui . header { font-size : 1.07142857 rem } h5 . ui . header { font-size : 1 rem } h1 . ui . header . sub . header , h2 . ui . header . sub . header { font-size : 1.14285714 rem } h3 . ui . header . sub . header , h4 . ui . header . sub . header { font-size : 1 rem } h5 . ui . header . sub . header { font-size : .92857143 rem } . ui . huge . header { font-size : 2 em ; min-height : 1 em } . ui . large . header { font-size : 1.71428571 em } . ui . medium . header { font-size : 1.28571429 em } . ui . small . header { font-size : 1.07142857 em } . ui . tiny . header { font-size : 1 em } . ui . huge . header . sub . header , . ui . large . header . sub . header { font-size : 1.14285714 rem } . ui . header . sub . header , . ui . small . header . sub . header { font-size : 1 rem } . ui . tiny . header . sub . header { font-size : .92857143 rem } . ui . sub . header { color : "" ; font-weight : 700 ; margin-bottom : .14285714 rem ; padding : 0 ; text-transform : uppercase } . ui . small . sub . header { font-size : .78571429 em } . ui . sub . header { font-size : .85714286 em } . ui . large . sub . header { font-size : .92857143 em } . ui . huge . sub . header { font-size : 1 em } . ui . icon . header { display : inline-block ; margin : 2 rem 0 1 rem ; text-align : center } . ui . icon . header : after { clear : both ; content : "" ; display : block ; height : 0 ; visibility : hidden } . ui . icon . header : first-child { margin-top : 0 } . ui . icon . header . icon { float : none ; font-size : 3 em ; height : auto ; line-height : 1 ; margin : 0 auto .5 rem ; opacity : 1 ; width : auto } . ui . icon . header . content , . ui . icon . header . icon { display : block ; padding : 0 } . ui . icon . header . circular . icon , . ui . icon . header . square . icon { font-size : 2 em } . ui . block . icon . header . icon { margin-bottom : 0 } . ui . icon . header . aligned { display : block ; margin-left : auto ; margin-right : auto } . ui . disabled . header { opacity : .45 } . ui . inverted . header { color : #fff } . ui . inverted . header . sub . header { color : hsla ( 0 , 0 % , 100 % , .8 ) } . ui . inverted . attached . header { border-color : transparent } . ui . inverted . attached . header , . ui . inverted . block . header { background : #545454 linear-gradient ( transparent , rgba ( 0 , 0 , 0 , .05 ) ) ; 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 : 2 px 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 : 2 px 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 : 2 px 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 : 2 px solid #fbbd08 } . ui . inverted . yellow . header { color : #ffe21f !important } a . ui . inverted . yellow . header : hover { color : #ffdf05 !important } . ui . g
/ * !
* # Semantic UI 2 . 4 . 0 - Icon
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / @ font-face { font-family : Icons ; font-style : normal ; font-variant : normal ; font-weight : 400 ; src : url ( / planka / static / media / icons . a01e3f2d6c83dc3aee17 . eot ) ; src : url ( / planka / static / media / icons . a01e3f2d6c83dc3aee17 . eot ? # iefix ) format ( "embedded-opentype" ) , url ( / planka / static / media / icons . 38c6d8bab26db77d8c80 . woff2 ) format ( "woff2" ) , url ( / planka / static / media / icons . 425399f81e4ce7cbd967 . woff ) format ( "woff" ) , url ( / planka / static / media / icons . c656b8caa454ed19b9a2 . ttf ) format ( "truetype" ) , url ( / planka / static / media / icons . 62d9dae4e0040e81c980 . svg # icons ) format ( "svg" ) ; text-decoration : inherit ; text-transform : none } i . icon { speak : none ; font-smoothing : antialiased ; -moz- osx-font-smoothing : grayscale ; -webkit- font-smoothing : antialiased ; -webkit- backface-visibility : hidden ; backface-visibility : hidden ; display : inline-block ; font-family : Icons ; font-style : normal ; font-weight : 400 ; height : 1 em ; margin : 0 .25 rem 0 0 ; opacity : 1 ; text-align : center ; text-decoration : inherit ; width : 1.18 em } i . icon : before { background : none !important } i . icon . loading { -webkit- animation : icon - loading 2 s linear infinite ; animation : icon - loading 2 s linear infinite ; height : 1 em ; line-height : 1 } @ -webkit-keyframes icon-loading { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 1 turn ) ; transform : rotate ( 1 turn ) } } @ keyframes icon-loading { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 1 turn ) ; transform : rotate ( 1 turn ) } } i . emphasized . icon , i . icon . active , i . icon . hover { opacity : 1 !important } i . disabled . icon { opacity : .45 !important } i . fitted . icon { margin : 0 !important ; width : auto } i . link . icon , i . link . icons { cursor : pointer ; opacity : .8 ; transition : opacity .1 s ease } i . link . icon : hover , i . link . icons : hover { opacity : 1 !important } i . circular . icon { border-radius : 500 em !important ; box-shadow : inset 0 0 0 .1 em rgba ( 0 , 0 , 0 , .1 ) ; height : 2 em !important ; line-height : 1 !important ; padding : .5 em 0 !important ; width : 2 em !important } i . circular . inverted . icon { border : none ; box-shadow : none } i . flipped . icon , i . horizontally . flipped . icon { -webkit- transform : scaleX ( -1 ) ; transform : scaleX ( -1 ) } i . vertically . flipped . icon { -webkit- transform : scaleY ( -1 ) ; transform : scaleY ( -1 ) } i . clockwise . rotated . icon , i . right . rotated . icon , i . rotated . icon { -webkit- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) } i . counterclockwise . rotated . icon , i . left . rotated . icon { -webkit- transform : rotate ( -90 deg ) ; transform : rotate ( -90 deg ) } i . bordered . icon { box-shadow : inset 0 0 0 .1 em rgba ( 0 , 0 , 0 , .1 ) ; height : 2 em ; line-height : 1 ; padding : .5 em 0 !important ; vertical-align : initial ; width : 2 em } i . bordered . inverted . icon { border : none ; box-shadow : none } i . inverted . bordered . icon , i . inverted . circular . icon { background-color : #1b1c1d !important ; color : #fff !important } i . inverted . icon { color : #fff } 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 : #fff !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 : #fff !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 : #fff !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 : #fff !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 : #fff !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 : #fff !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 : #fff !important } i . violet . icon { color : #6435c9 !important } i . inverted . violet . icon { c o
/ * !
* # Semantic UI 2 . 4 . 0 - Image
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . image { background-color : initial ; display : inline-block ; max-width : 100 % ; position : relative ; vertical-align : middle } img . ui . image { display : block } . ui . image img , . ui . image svg { display : block ; height : auto ; max-width : 100 % } . ui . hidden . image , . ui . hidden . images { display : none } . ui . hidden . transition . image , . ui . hidden . transition . images { display : block ; visibility : hidden } . ui . images > . hidden . transition { display : inline-block ; visibility : hidden } . ui . disabled . image , . ui . disabled . images { cursor : default ; opacity : .45 } . ui . inline . image , . ui . inline . image img , . ui . inline . image svg { display : inline-block } . ui . top . aligned . image , . ui . top . aligned . image img , . ui . top . aligned . image svg , . ui . top . aligned . images . image { display : inline-block ; vertical-align : top } . ui . middle . aligned . image , . ui . middle . aligned . image img , . ui . middle . aligned . image svg , . ui . middle . aligned . images . image { display : inline-block ; vertical-align : middle } . ui . bottom . aligned . image , . ui . bottom . aligned . image img , . ui . bottom . aligned . image svg , . ui . bottom . aligned . images . image { display : inline-block ; vertical-align : bottom } . ui . rounded . image , . ui . rounded . image > * , . ui . rounded . images . image , . ui . rounded . images . image > * { border-radius : .3125 em } . ui . bordered . image img , . ui . bordered . image svg , . ui . bordered . images . image , . ui . bordered . images img , . ui . bordered . images svg , img . ui . bordered . image { border : 1 px solid rgba ( 0 , 0 , 0 , .1 ) } . ui . circular . image , . ui . circular . images { overflow : hidden } . ui . circular . image , . ui . circular . image > * , . ui . circular . images . image , . ui . circular . images . image > * { border-radius : 500 rem } . ui . fluid . image , . ui . fluid . image img , . ui . fluid . image svg , . ui . fluid . images , . ui . fluid . images img , . ui . fluid . images svg { display : block ; height : auto ; width : 100 % } . ui . avatar . image , . ui . avatar . image img , . ui . avatar . image svg , . ui . avatar . images . image , . ui . avatar . images img , . ui . avatar . images svg { border-radius : 500 rem ; display : inline-block ; height : 2 em ; margin-right : .25 em ; width : 2 em } . ui . spaced . image { display : inline-block !important ; margin-left : .5 em ; margin-right : .5 em } . ui [ class * = "left spaced" ] . image { margin-left : .5 em ; margin-right : 0 } . ui [ class * = "right spaced" ] . image { margin-left : 0 ; margin-right : .5 em } . ui . floated . image , . ui . floated . images { float : left ; margin-bottom : 1 em ; margin-right : 1 em } . ui . right . floated . image , . ui . right . floated . images { float : right ; margin-bottom : 1 em ; margin-left : 1 em ; margin-right : 0 } . ui . floated . image : last-child , . ui . floated . images : last-child { margin-bottom : 0 } . ui . centered . image , . ui . centered . images { margin-left : auto ; margin-right : auto } . ui . mini . image , . ui . mini . images . image , . ui . mini . images img , . ui . mini . images svg { font-size : .78571429 rem ; height : auto ; width : 35 px } . ui . tiny . image , . ui . tiny . images . image , . ui . tiny . images img , . ui . tiny . images svg { font-size : .85714286 rem ; height : auto ; width : 80 px } . ui . small . image , . ui . small . images . image , . ui . small . images img , . ui . small . images svg { font-size : .92857143 rem ; height : auto ; width : 150 px } . ui . medium . image , . ui . medium . images . image , . ui . medium . images img , . ui . medium . images svg { font-size : 1 rem ; height : auto ; width : 300 px } . ui . large . image , . ui . large . images . image , . ui . large . images img , . ui . large . images svg { font-size : 1.14285714 rem ; height : auto ; width : 450 px } . ui . big . image , . ui . big . images . image , . ui . big . images img , . ui . big . images svg { font-size : 1.28571429 rem ; height : auto ; width : 600 px } . ui . huge . image , . ui . huge . images . image , . ui . huge . images img , . ui . huge . images svg { font-size : 1.42857143 rem ; height : auto ; width : 800 px } . ui . massive . image , . ui . massive . images . image , . ui . massive . images img , . ui . massive . images svg { font-size : 1.71428571 rem ; height : auto ; width : 960 px } . ui . images { font-size : 0 ; margin : 0 -.25 rem } . ui . images . image , . ui . images > img , . ui . images > svg { display : inline-block ; margin : 0 .25 rem .5 rem }
/ * !
* # Semantic UI 2 . 4 . 0 - Input
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
2022-09-03 23:00:15 +05:00
* / . ui . input { color : rgba ( 0 , 0 , 0 , .87 ) ; display : inline-flex ; font-style : normal ; font-weight : 400 ; position : relative } . ui . input > input { -webkit- tap-highlight-color : rgba ( 255 , 255 , 255 , 0 ) ; background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : .28571429 rem ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; flex : 1 0 auto ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; line-height : 1.21428571 em ; margin : 0 ; max-width : 100 % ; outline : none ; padding : .67857143 em 1 em ; text-align : left ; transition : box-shadow .1 s ease , border-color .1 s ease } . ui . input > input :: -webkit-input-placeholder { color : hsla ( 0 , 0 % , 75 % , .87 ) } . ui . input > input :: -moz-placeholder { color : hsla ( 0 , 0 % , 75 % , .87 ) } . ui . input > input : -ms-input-placeholder { color : hsla ( 0 , 0 % , 75 % , .87 ) } . ui . disabled . input , . ui . input : not ( . disabled ) input [ disabled ] { opacity : .45 } . ui . disabled . input > input , . ui . input : not ( . disabled ) input [ disabled ] { pointer-events : none } . ui . input . down input , . ui . input > input : active { background : #fafafa ; border-color : rgba ( 0 , 0 , 0 , .3 ) ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . loading . loading . input > i . icon : before { border : .2 em solid rgba ( 0 , 0 , 0 , .1 ) ; border-radius : 500 rem } . ui . loading . loading . input > i . icon : after , . ui . loading . loading . input > i . icon : before { content : "" ; height : 1.28571429 em ; left : 50 % ; margin : -.64285714 em 0 0 -.64285714 em ; position : absolute ; top : 50 % ; width : 1.28571429 em } . ui . loading . loading . input > i . icon : after { -webkit- animation : button-spin .6 s linear ; animation : button-spin .6 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; border : .2 em solid transparent ; border-radius : 500 rem ; border-top-color : #767676 ; box-shadow : 0 0 0 1 px transparent } . ui . input . focus > input , . ui . input > input : focus { background : #fff ; border-color : #85b7d9 ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .8 ) } . ui . input . focus > input :: -webkit-input-placeholder , . ui . input > input : focus :: -webkit-input-placeholder { color : hsla ( 0 , 0 % , 45 % , .87 ) } . ui . input . focus > input :: -moz-placeholder , . ui . input > input : focus :: -moz-placeholder { color : hsla ( 0 , 0 % , 45 % , .87 ) } . ui . input . focus > input : -ms-input-placeholder , . ui . input > input : focus : -ms-input-placeholder { color : hsla ( 0 , 0 % , 45 % , .87 ) } . ui . input . error > input { background-color : #fff6f6 !important ; border-color : #e0b4b4 !important ; box-shadow : none !important ; color : #9f3a38 !important } . 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 { background-color : initial !important ; border-color : transparent !important ; border-radius : 0 !important ; box-shadow : none !important ; padding : 0 !important } . ui . transparent . icon . input > i . icon { width : 1.1 em } . ui . transparent . icon . input > input { padding-left : 0 !important ; padding-right : 2 em !important } . ui . transparent [ class * = "left icon" ] . input > input { padding-left : 2 em !important ; padding-right : 0 !important } . ui . transparent . inverted . input { color : #fff } . ui . transparent . inverted . input > input { color : inherit } . ui . transparent . inverted . input > input :: -webkit-input-placeholder { color : hsla ( 0 , 0 % , 100 % , .5 ) } . ui . transparent . inverted . input > input :: -moz-placeholder { color : hsla ( 0 , 0 % , 100 % , .5 ) } . ui . transparent . inverted . input > input : -ms-input-placeholder { color : hsla ( 0 , 0 % , 100 % , .5 ) } . ui . icon . input > i . icon { border-radius : 0 .28571429 rem .28571429 rem 0 ; cursor : default ; height : 100 % ; line-height : 1 ; margin : 0 ; opacity : .5 ; position : absolute ; right : 0 ; text-align : center ; top : 0 ; transition : opacity .3 s ease ; width : 2.67142857 em } . ui . icon . input > i . icon : not ( . link ) { pointer-events : none } . ui . icon . input > input { padding-right : 2.67142857 em !important } . ui . icon . input > i . icon : after , . ui . icon . input > i . icon : before { left : 0 ; margin-top : -.5 em ; position : absolute ; text-align : center ; top : 50 % ; width : 100 % } . ui . icon . input > i . link . icon { cursor : pointer } . ui . icon . input > i . circular . icon { right : .5 em ; top : .35 em } . ui [ class * = "left icon" ] . input > i . icon { border-radius : .28571429 rem 0 0 .28571429 rem ; left : 1 px ; right : auto } . ui [ class * = "left icon" ] . input > i . circular . icon { left : .5 em ; right : auto } . ui [ class * = "left icon" ] . input > input
2022-07-29 21:23:54 +02:00
/ * !
* # Semantic UI 2 . 4 . 0 - Label
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . label { background-color : #e8e8e8 ; background-image : none ; border : 0 solid transparent ; border-radius : .28571429 rem ; color : rgba ( 0 , 0 , 0 , .6 ) ; display : inline-block ; font-weight : 700 ; line-height : 1 ; margin : 0 .14285714 em ; padding : .5833 em .833 em ; text-transform : none ; transition : background .1 s ease ; vertical-align : initial } . ui . label : first-child { margin-left : 0 } . ui . label : last-child { margin-right : 0 } . ui . label > a , a . ui . label { cursor : pointer } . ui . label > a { color : inherit ; opacity : .5 ; transition : opacity .1 s ease } . ui . label > a : hover { opacity : 1 } . ui . label > img { height : 2.1666 em !important ; vertical-align : middle ; width : auto !important } . ui . label > . icon { margin : 0 .75 em 0 0 ; width : auto } . ui . label > . detail { display : inline-block ; font-weight : 700 ; margin-left : 1 em ; opacity : .8 ; vertical-align : top } . ui . label > . detail . icon { margin : 0 .25 em 0 0 } . ui . label > . close . icon , . ui . label > . delete . icon { cursor : pointer ; font-size : .92857143 em ; margin-left : .5 em ; margin-right : 0 ; opacity : .5 ; transition : background .1 s ease } . ui . label > . delete . icon : hover { opacity : 1 } . ui . labels > . label { margin : 0 .5 em .5 em 0 } . ui . header > . ui . label { margin-top : -.29165 em } . 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 + [ class * = "right floated" ] + * , . ui . top . attached . label : first-child + : not ( . attached ) { margin-top : 2 rem !important } . ui . bottom . attached . label : first-child ~ : last-child : not ( . attached ) { margin-bottom : 2 rem !important ; margin-top : 0 } . ui . image . label { background : #e8e8e8 ; border-radius : .28571429 rem ; box-shadow : none ; margin-bottom : 0 ; margin-top : 0 ; max-width : 9999 px ; padding : .5833 em .833 em .5833 em .5 em ; text-transform : none ; vertical-align : initial ; width : auto !important } . ui . image . label img { border-radius : .28571429 rem 0 0 .28571429 rem ; display : inline-block ; height : 2.1666 em ; margin : -.5833 em .5 em -.5833 em -.5 em ; vertical-align : top } . ui . image . label . detail { background : rgba ( 0 , 0 , 0 , .1 ) ; border-radius : 0 .28571429 rem .28571429 rem 0 ; margin : -.5833 em -.833 em -.5833 em .5 em ; padding : .5833 em .833 em } . ui . tag . label , . ui . tag . labels . label { border-radius : 0 .28571429 rem .28571429 rem 0 ; margin-left : 1 em ; padding-left : 1.5 em ; padding-right : 1.5 em ; position : relative ; transition : none } . ui . tag . label : before , . ui . tag . labels . label : before { background-color : inherit ; background-image : none ; content : "" ; height : 1.56 em ; position : absolute ; right : 100 % ; top : 50 % ; -webkit- transform : translateY ( -50 % ) translateX ( 50 % ) rotate ( -45 deg ) ; transform : translateY ( -50 % ) translateX ( 50 % ) rotate ( -45 deg ) ; transition : none ; width : 1.56 em } . ui . tag . label : after , . ui . tag . labels . label : after { background-color : #fff !important ; border-radius : 500 rem ; box-shadow : 0 -1 px 1 px 0 rgba ( 0 , 0 , 0 , .3 ) ; content : "" ; height : .5 em ; left : -.25 em ; margin-top : -.25 em ; position : absolute ; top : 50 % ; width : .5 em } . ui . corner . label { border-color : #e8e8e8 ; height : 4 em ; margin : 0 ; padding : 0 ; text-align : center ; width : 4 em ; z-index : 1 } . ui . corner . label , . ui . corner . label : after { background-color : initial !important ; position : absolute ; right : 0 ; top : 0 ; transition : border-color .1 s ease } . ui . corner . label : after { border-color : transparent ; border-right-color : inherit ; border-style : solid ; border-width : 0 4 em 4 em 0 ; content : "" ; height : 0 ; width : 0 ; z-index : -1 } . ui . corner . label . icon { cursor : default ; font-size : 1.14285714 em ; left : .78571429 em ; margin : 0 ; position : relative ; top : .64285714 em } . ui . left . corner . label , . ui . left . corner . label : after { left : 0 ; right : auto } . ui . left . corner . label : after { border-color : transparent ; border-style : solid ; border-top-color : inherit ; border-width : 4 em 4 em 0 0 } . ui . left . corner . label . icon { left : -.78571429 em } . ui . segment > . ui . corner . label { right : -1 px ; top : -1 px } . ui . segment > . ui . left . corner . label { left : -1 px ; right : auto } . ui . ribbon . label { border-color : rgba ( 0 , 0 , 0 , .15 ) ; border-radius : 0 .28571429 rem .28571429 rem 0 ; margin : 0 ; min-width : -webkit- max-content ; min-width : max-content ; position : relative } . ui . ribbon . label : after { background-color : initial !important ; border-color : transparent ; b o r d e r - r i g
/ * !
* # Semantic UI 2 . 4 . 0 - List
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . list , ol . ui . list , ul . ui . list { list-style-type : none ; margin : 1 em 0 ; padding : 0 } . ui . list : first-child , ol . ui . list : first-child , ul . ui . list : first-child { margin-top : 0 ; padding-top : 0 } . ui . list : last-child , ol . ui . list : last-child , ul . ui . list : last-child { margin-bottom : 0 ; padding-bottom : 0 } . ui . list . list > . item , . ui . list > . item , ol . ui . list li , ul . ui . list li { display : list-item ; line-height : 1.14285714 em ; list-style-position : outside ; list-style-type : none ; padding : .21428571 em 0 ; table-layout : fixed } . ui . list > . item : after , . ui . list > . list > . item , ol . ui . list > li : first-child : after , ul . ui . list > li : first-child : after { clear : both ; content : "" ; display : block ; height : 0 ; visibility : hidden } . ui . list . list > . item : first-child , . ui . list > . item : first-child , ol . ui . list li : first-child , ul . ui . list li : first-child { padding-top : 0 } . ui . list . list > . item : last-child , . ui . list > . item : last-child , ol . ui . list li : last-child , ul . ui . list li : last-child { padding-bottom : 0 } . ui . list . list , ol . ui . list ol , ul . ui . list ul { clear : both ; margin : 0 ; padding : .75 em 0 .25 em .5 em } . ui . list . list > . item , ol . ui . list ol li , ul . ui . list ul li { line-height : inherit ; padding : .14285714 em 0 } . ui . list . list > . item > i . icon , . ui . list > . item > i . icon { display : table-cell ; margin : 0 ; padding-right : .28571429 em ; padding-top : 0 ; transition : color .1 s ease ; vertical-align : top } . 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 { background-color : initial ; display : table-cell ; 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 : .5 em } . ui . list . list > . item > . image img , . ui . list > . item > . image img { vertical-align : top } . ui . list . list > . item > . image : only-child , . ui . list . list > . item > img . image , . ui . list > . item > . image : only-child , . ui . list > . item > img . image { display : inline-block } . ui . list . list > . item > . content , . ui . list > . item > . content { line-height : 1.14285714 em } . ui . list . list > . item > . icon + . content , . ui . list . list > . item > . image + . content , . ui . list > . item > . icon + . content , . ui . list > . item > . image + . content { display : table-cell ; padding : 0 0 0 .5 em ; vertical-align : top ; width : 100 % } . ui . list . list > . item > img . image + . content , . ui . list > . item > img . image + . content { display : inline-block ; width : auto } . 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 { color : rgba ( 0 , 0 , 0 , .87 ) ; display : block ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-weight : 700 ; margin : 0 } . ui . list . list > . item . description , . ui . list > . item . description { color : rgba ( 0 , 0 , 0 , .7 ) ; display : block } . ui . list . list > . item a , . ui . list > . item a { cursor : pointer } . ui . list . list > a . item , . ui . list > a . item { color : #4183c4 ; cursor : pointer } . 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 , .4 ) } . ui . list . list > . item a . header , . ui . list > . item a . header { color : #4183c4 !important ; cursor : pointer } . 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 1 em 0 0 } . ui . list . list > . item [ class * = "right floated" ] , . ui . list > . item [ class * = "right floated" ] { float : right ; margin : 0 0 0 1 em } . ui . menu . ui . list . list > . item , . ui . menu . ui . list > . item { background-color : initial ; display : list-item ; line-height : 1.14285714 em ; list-style-position : outside ; list-style-type : none ; padding : .21428571 em 0 ; table-layout : fixed } . ui . menu . ui . list . list > . item : before , . ui . menu . ui . list > . item : before { background : none ; border : 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 ; font-size : 1 rem ; margin-left : 1 em } . ui . horizontal . list : not ( . celled ) > . item : first-child { margin-left : 0 !important ; padding-left : 0 !important } . ui . horizontal . list . list { padding-bottom :
/ * !
* # Semantic UI 2 . 4 . 0 - Loader
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . loader { display : none ; left : 50 % ; margin : 0 ; position : absolute ; text-align : center ; top : 50 % ; -webkit- transform : translateX ( -50 % ) translateY ( -50 % ) ; transform : translateX ( -50 % ) translateY ( -50 % ) ; z-index : 1000 } . ui . loader : before { border : .2 em solid rgba ( 0 , 0 , 0 , .1 ) ; border-radius : 500 rem } . ui . loader : after , . ui . loader : before { content : "" ; height : 100 % ; left : 50 % ; position : absolute ; top : 0 ; width : 100 % } . ui . loader : after { -webkit- animation : loader .6 s linear ; animation : loader .6 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; border : .2 em solid transparent ; border-radius : 500 rem ; border-top-color : #767676 ; box-shadow : 0 0 0 1 px transparent } @ -webkit-keyframes loader { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 1 turn ) ; transform : rotate ( 1 turn ) } } @ keyframes loader { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 1 turn ) ; transform : rotate ( 1 turn ) } } . ui . mini . loader : after , . ui . mini . loader : before { height : 1 rem ; margin : 0 0 0 -.5 rem ; width : 1 rem } . ui . tiny . loader : after , . ui . tiny . loader : before { height : 1.14285714 rem ; margin : 0 0 0 -.57142857 rem ; width : 1.14285714 rem } . ui . small . loader : after , . ui . small . loader : before { height : 1.71428571 rem ; margin : 0 0 0 -.85714286 rem ; width : 1.71428571 rem } . ui . loader : after , . ui . loader : before { height : 2.28571429 rem ; margin : 0 0 0 -1.14285714 rem ; width : 2.28571429 rem } . ui . large . loader : after , . ui . large . loader : before { height : 3.42857143 rem ; margin : 0 0 0 -1.71428571 rem ; width : 3.42857143 rem } . ui . big . loader : after , . ui . big . loader : before { height : 3.71428571 rem ; margin : 0 0 0 -1.85714286 rem ; width : 3.71428571 rem } . ui . huge . loader : after , . ui . huge . loader : before { height : 4.14285714 rem ; margin : 0 0 0 -2.07142857 rem ; width : 4.14285714 rem } . ui . massive . loader : after , . ui . massive . loader : before { height : 4.57142857 rem ; margin : 0 0 0 -2.28571429 rem ; width : 4.57142857 rem } . ui . dimmer . loader { display : block } . ui . dimmer . ui . loader { color : hsla ( 0 , 0 % , 100 % , .9 ) } . ui . dimmer . ui . loader : before { border-color : hsla ( 0 , 0 % , 100 % , .15 ) } . ui . dimmer . ui . loader : after { border-color : #fff transparent transparent } . ui . inverted . dimmer . ui . loader { color : rgba ( 0 , 0 , 0 , .87 ) } . ui . inverted . dimmer . ui . loader : before { border-color : rgba ( 0 , 0 , 0 , .1 ) } . ui . inverted . dimmer . ui . loader : after { border-color : #767676 transparent transparent } . ui . text . loader { font-style : normal ; height : auto !important ; text-align : center ; width : auto !important } . ui . indeterminate . loader : after { animation-direction : reverse ; -webkit- animation-duration : 1.2 s ; animation-duration : 1.2 s } . 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 { font-size : .78571429 em ; height : 1 rem ; width : 1 rem } . ui . inverted . dimmer . ui . tiny . loader , . ui . tiny . loader { font-size : .85714286 em ; height : 1.14285714 rem ; width : 1.14285714 rem } . ui . inverted . dimmer . ui . small . loader , . ui . small . loader { font-size : .92857143 em ; height : 1.71428571 rem ; width : 1.71428571 rem } . ui . inverted . dimmer . ui . loader , . ui . loader { font-size : 1 em ; height : 2.28571429 rem ; width : 2.28571429 rem } . ui . inverted . dimmer . ui . large . loader , . ui . large . loader { font-size : 1.14285714 em ; height : 3.42857143 rem ; width : 3.42857143 rem } . ui . big . loader , . ui . inverted . dimmer . ui . big . loader { font-size : 1.28571429 em ; height : 3.71428571 rem ; width : 3.71428571 rem } . ui . huge . loader , . ui . inverted . dimmer . ui . huge . loader { font-size : 1.42857143 em ; height : 4.14285714 rem ; width : 4.14285714 rem } . ui . inverted . dimmer . ui . massive . loader , . ui . massive . loader { font-size : 1.71428571 em ; height : 4.57142857 rem ; width : 4.57142857 rem } . ui . mini . text . loader { min-width : 1 rem ; padding-top : 1.78571429 rem } . ui . tiny . text . loader { min-width : 1.14285714 rem ; padding-top : 1.92857143 rem } . ui . small . text . loader { min-width : 1.71428571 rem ; padding-top : 2.5 rem } . ui . text . loader { min-width : 2.28571429 rem ; padding-top : 3.07142857 rem } . ui . large . text . loader { min-width : 3.42857143 rem ; padding-top : 4.21428571 rem } . ui . big . text . loader { min-width : 3.71428571 rem ; padding-top : 4.5 rem } . ui . huge . text . loader { min-width : 4.14285714 rem ; padding-top : 4.92857143 rem } . ui . massive . text . loader { min-width : 4.57142857 rem ; padding-top : 5.35714286 rem } . ui . inverted . loader { color : hsla ( 0 , 0 % , 100 % , .9 ) } . ui . inverted . loader : before { border-color : hsla ( 0 , 0 % , 100 % , .15 ) } . ui . inverted . loader : after {
/ * !
* # Semantic UI 2 . 4 . 0 - Loader
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . placeholder { -webkit- animation : placeholderShimmer 2 s linear ; animation : placeholderShimmer 2 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; background-color : #fff ; background-image : linear-gradient ( 90 deg , rgba ( 0 , 0 , 0 , .08 ) 0 , rgba ( 0 , 0 , 0 , .15 ) 15 % , rgba ( 0 , 0 , 0 , .08 ) 30 % ) ; background-size : 1200 px 100 % ; max-width : 30 rem ; overflow : hidden ; position : static } @ -webkit-keyframes placeholderShimmer { 0 % { background-position : -1200 px 0 } to { background-position : 1200 px 0 } } @ keyframes placeholderShimmer { 0 % { background-position : -1200 px 0 } to { background-position : 1200 px 0 } } . ui . placeholder + . ui . placeholder { -webkit- animation-delay : .15 s ; animation-delay : .15 s ; margin-top : 2 rem } . ui . placeholder + . ui . placeholder + . ui . placeholder { -webkit- animation-delay : .3 s ; animation-delay : .3 s } . ui . placeholder + . ui . placeholder + . ui . placeholder + . ui . placeholder { -webkit- animation-delay : .45 s ; animation-delay : .45 s } . ui . placeholder + . ui . placeholder + . ui . placeholder + . ui . placeholder + . ui . placeholder { -webkit- animation-delay : .6 s ; animation-delay : .6 s } . ui . placeholder , . ui . placeholder . image . header : after , . ui . placeholder . line , . ui . placeholder . line : after , . ui . placeholder > : before { background-color : #fff } . ui . placeholder . image : not ( . header ) : not ( . ui ) { height : 100 px } . ui . placeholder . square . image : not ( . header ) { height : 0 ; overflow : hidden ; padding-top : 100 % } . ui . placeholder . rectangular . image : not ( . header ) { height : 0 ; overflow : hidden ; padding-top : 75 % } . ui . placeholder . line { height : .85714286 em ; position : relative } . ui . placeholder . line : after , . ui . placeholder . line : before { background-color : inherit ; content : "" ; position : absolute ; top : 100 % } . ui . placeholder . line : before { left : 0 } . ui . placeholder . line : after { right : 0 } . ui . placeholder . line { margin-bottom : .5 em } . ui . placeholder . line : after , . ui . placeholder . line : before { height : .5 em } . ui . placeholder . line : not ( : first-child ) { margin-top : .5 em } . ui . placeholder . header { overflow : hidden ; position : relative } . ui . placeholder . line : first-child : after { width : 0 } . ui . placeholder . line : nth-child ( 2 ) : after { width : 50 % } . ui . placeholder . line : nth-child ( 3 ) : after { width : 10 % } . ui . placeholder . line : nth-child ( 4 ) : after { width : 35 % } . ui . placeholder . line : nth-child ( 5 ) : after { width : 65 % } . ui . placeholder . header . line { margin-bottom : .64285714 em } . ui . placeholder . header . line : after , . ui . placeholder . header . line : before { height : .64285714 em } . ui . placeholder . header . line : not ( : first-child ) { margin-top : .64285714 em } . ui . placeholder . header . line : after { width : 20 % } . ui . placeholder . header . line : nth-child ( 2 ) : after { width : 60 % } . ui . placeholder . image . header . line { margin-left : 3 em } . ui . placeholder . image . header . line : before { width : .71428571 rem } . ui . placeholder . image . header : after { content : "" ; display : block ; height : .85714286 em ; margin-left : 3 em } . ui . placeholder . header . line : first-child , . ui . placeholder . image . line : first-child , . ui . placeholder . paragraph . line : first-child { height : .01 px } . ui . placeholder . header : not ( : first-child ) : before , . ui . placeholder . image : not ( : first-child ) : before , . ui . placeholder . paragraph : not ( : first-child ) : before { content : "" ; display : block ; height : 1.42857143 em } . ui . inverted . placeholder { background-image : linear-gradient ( 90 deg , hsla ( 0 , 0 % , 100 % , .08 ) 0 , hsla ( 0 , 0 % , 100 % , .14 ) 15 % , hsla ( 0 , 0 % , 100 % , .08 ) 30 % ) } . ui . inverted . placeholder , . ui . inverted . placeholder . image . header : after , . ui . inverted . placeholder . line , . ui . inverted . placeholder . line : after , . ui . inverted . placeholder > : before { background-color : #1b1c1d } . ui . placeholder . full . line . line . line : after { width : 0 } . ui . placeholder . very . long . line . line . line : after { width : 10 % } . ui . placeholder . long . line . line . line : after { width : 35 % } . ui . placeholder . medium . line . line . line : after { width : 50 % } . ui . placeholder . short . line . line . line : after { width : 65 % } . ui . placeholder . very . short . line . line . line : after { width : 80 % } . ui . fluid . placeholder { max-width : none }
/ * !
* # Semantic UI 2 . 4 . 0 - Rail
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . rail { height : 100 % ; position : absolute ; top : 0 ; width : 300 px } . ui . left . rail { left : auto ; margin : 0 2 rem 0 0 ; padding : 0 2 rem 0 0 ; right : 100 % } . ui . right . rail { left : 100 % } . ui . left . internal . rail , . ui . right . rail { margin : 0 0 0 2 rem ; padding : 0 0 0 2 rem ; right : auto } . ui . left . internal . rail { left : 0 } . ui . right . internal . rail { left : auto ; margin : 0 2 rem 0 0 ; padding : 0 2 rem 0 0 ; right : 0 } . ui . dividing . rail { width : 302.5 px } . ui . left . dividing . rail { border-right : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; margin : 0 2.5 rem 0 0 ; padding : 0 2.5 rem 0 0 } . ui . right . dividing . rail { border-left : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; margin : 0 0 0 2.5 rem ; padding : 0 0 0 2.5 rem } . ui . close . rail { width : calc ( 300 px + 1 em ) } . ui . close . left . rail { margin : 0 1 em 0 0 ; padding : 0 1 em 0 0 } . ui . close . right . rail { margin : 0 0 0 1 em ; padding : 0 0 0 1 em } . ui . very . close . rail { width : calc ( 300 px + .5 em ) } . ui . very . close . left . rail { margin : 0 .5 em 0 0 ; padding : 0 .5 em 0 0 } . ui . very . close . right . rail { margin : 0 0 0 .5 em ; padding : 0 0 0 .5 em } . ui . attached . left . rail , . ui . attached . right . rail { margin : 0 ; padding : 0 } . ui . mini . rail { font-size : .78571429 rem } . ui . tiny . rail { font-size : .85714286 rem } . ui . small . rail { font-size : .92857143 rem } . ui . rail { font-size : 1 rem } . ui . large . rail { font-size : 1.14285714 rem } . ui . big . rail { font-size : 1.28571429 rem } . ui . huge . rail { font-size : 1.42857143 rem } . ui . massive . rail { font-size : 1.71428571 rem }
/ * !
* # Semantic UI 2 . 4 . 0 - Reveal
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . reveal { display : inherit ; font-size : 0 !important ; position : relative !important } . ui . reveal > . visible . content { left : 0 !important ; position : absolute !important ; top : 0 !important ; transition : all .5 s ease .1 s ; z-index : 3 !important } . 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 { overflow : hidden !important ; position : relative !important ; white-space : nowrap } . ui . slide . reveal > . content { display : block ; float : left ; margin : 0 ; transition : -webkit- transform .5 s ease .1 s ; transition : transform .5 s ease .1 s ; transition : transform .5 s ease .1 s , -webkit- transform .5 s ease .1 s ; white-space : normal ; width : 100 % } . ui . slide . reveal > . visible . content { position : relative !important } . ui . slide . reveal > . hidden . content { left : 0 !important ; position : absolute !important ; -webkit- transform : translateX ( 100 % ) !important ; transform : translateX ( 100 % ) !important ; width : 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 , . 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 { overflow : hidden !important ; position : relative !important ; white-space : nowrap } . ui . move . reveal > . content { display : block ; float : left ; margin : 0 ; transition : -webkit- transform .5 s cubic-bezier ( .175 , .885 , .32 , 1 ) .1 s ; transition : transform .5 s cubic-bezier ( .175 , .885 , .32 , 1 ) .1 s ; transition : transform .5 s cubic-bezier ( .175 , .885 , .32 , 1 ) .1 s , -webkit- transform .5 s cubic-bezier ( .175 , .885 , .32 , 1 ) .1 s ; white-space : normal } . ui . move . reveal > . visible . content { position : relative !important } . ui . move . reveal > . hidden . content { left : 0 !important ; position : absolute !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 { - w e b k i
/ * !
* # Semantic UI 2 . 4 . 0 - Segment
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . segment { background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : .28571429 rem ; box-shadow : 0 1 px 2 px 0 rgba ( 34 , 36 , 38 , .15 ) ; margin : 1 rem 0 ; padding : 1 em ; position : relative } . ui . segment : first-child { margin-top : 0 } . ui . segment : last-child { margin-bottom : 0 } . ui . vertical . segment { background : none transparent ; border : none ; border-bottom : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : 0 ; box-shadow : none ; margin : 0 ; padding-left : 0 ; padding-right : 0 } . ui . vertical . segment : last-child { border-bottom : none } . ui . inverted . segment > . ui . header { color : #fff } . 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 . grid > . row > . ui . segment . column , . ui . grid > . ui . segment . column , . ui . page . grid . segment { padding-bottom : 2 em ; padding-top : 2 em } . ui . grid . segment { border-radius : .28571429 rem ; margin : 1 rem 0 } . ui . basic . table . segment { background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : 0 1 px 2 px 0 rgba ( 34 , 36 , 38 , .15 ) } . ui [ class * = "very basic" ] . table . segment { padding : 1 em } . ui . placeholder . segment { align-items : stretch ; -webkit- animation : none ; animation : none ; background : #f9fafb ; border-color : rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : inset 0 2 px 25 px 0 rgba ( 34 , 36 , 38 , .05 ) ; display : flex ; flex-direction : column ; justify-content : center ; max-width : none ; min-height : 18 rem ; overflow : visible ; padding : 1 em } . ui . placeholder . segment . button , . ui . placeholder . segment textarea { display : block } . ui . placeholder . segment . button , . ui . placeholder . segment . column . button , . ui . placeholder . segment . column . field , . ui . placeholder . segment . column textarea , . ui . placeholder . segment . column > . ui . input , . ui . placeholder . segment . field , . ui . placeholder . segment textarea , . ui . placeholder . segment > . ui . input { margin-left : auto ; margin-right : auto ; max-width : 15 rem } . ui . placeholder . segment > . inline { align-self : center } . ui . placeholder . segment > . inline > . button { display : inline-block ; margin : 0 .35714286 rem 0 0 ; width : auto } . ui . placeholder . segment > . inline > . button : last-child { margin-right : 0 } . ui . piled . segment , . ui . piled . segments { box-shadow : "" ; margin : 3 em 0 ; z-index : auto } . ui . piled . segment : first-child { margin-top : 0 } . ui . piled . segment : last-child { margin-bottom : 0 } . ui . piled . segment : after , . ui . piled . segment : before , . ui . piled . segments : after , . ui . piled . segments : before { background-color : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : "" ; content : "" ; display : block ; height : 100 % ; left : 0 ; position : absolute ; visibility : visible ; width : 100 % } . ui . piled . segment : before , . ui . piled . segments : before { top : 0 ; -webkit- transform : rotate ( -1.2 deg ) ; transform : rotate ( -1.2 deg ) ; z-index : -2 } . ui . piled . segment : after , . ui . piled . segments : after { top : 0 ; -webkit- transform : rotate ( 1.2 deg ) ; transform : rotate ( 1.2 deg ) ; z-index : -1 } . ui [ class * = "top attached" ] . piled . segment { margin-bottom : 0 ; margin-top : 3 em } . ui . piled . segment [ class * = "top attached" ] : first-child { margin-top : 0 } . ui . piled . segment [ class * = "bottom attached" ] { margin-bottom : 3 em ; margin-top : 0 } . ui . piled . segment [ class * = "bottom attached" ] : last-child { margin-bottom : 0 } . ui . stacked . segment { padding-bottom : 1.4 em } . ui . stacked . segment : after , . ui . stacked . segment : before , . ui . stacked . segments : after , . ui . stacked . segments : before { background : rgba ( 0 , 0 , 0 , .03 ) ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; bottom : -3 px ; content : "" ; height : 6 px ; left : 0 ; position : absolute ; visibility : visible ; width : 100 % } . ui . stacked . segment : before , . ui . stacked . segments : before { display : none } . ui . tall . stacked . segment : before , . ui . tall . stacked . segments : before { bottom : 0 ; display : block } . ui . stacked . inverted . segment : after , . ui . stacked . inverted . segment : before , . ui . stacked . inverted . segments : after , . ui . stacked . inverted . segments : before { background-color : rgba ( 0 , 0 , 0 , .03 ) ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .35 ) } . ui . padded . segment { padding : 1.5 em } . ui [ class * = "very padded" ] . segment { padding : 3 em } . ui . padded . segment . vertical . segment , . ui [ class * = "very padded" ] . v
/ * !
* # Semantic UI 2 . 4 . 0 - Step
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . steps { align-items : stretch ; background : "" ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : .28571429 rem ; box-shadow : none ; display : inline-flex ; flex-direction : row ; line-height : 1.14285714 em ; margin : 1 em 0 } . ui . steps : first-child { margin-top : 0 } . ui . steps : last-child { margin-bottom : 0 } . ui . steps . step { align-items : center ; background : #fff ; border : none ; border-radius : 0 ; border-right : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; display : flex ; flex : 1 0 auto ; flex-direction : row ; flex-wrap : wrap ; justify-content : center ; margin : 0 ; padding : 1.14285714 em 2 em ; position : relative ; vertical-align : middle } . ui . steps . step , . ui . steps . step : after { transition : background-color .1 s ease , opacity .1 s ease , color .1 s ease , box-shadow .1 s ease } . ui . steps . step : after { background-color : #fff ; border : solid rgba ( 34 , 36 , 38 , .15 ) ; border-width : 0 1 px 1 px 0 ; content : "" ; display : none ; height : 1.14285714 em ; position : absolute ; right : 0 ; top : 50 % ; -webkit- transform : translateY ( -50 % ) translateX ( 50 % ) rotate ( -45 deg ) ; transform : translateY ( -50 % ) translateX ( 50 % ) rotate ( -45 deg ) ; width : 1.14285714 em ; z-index : 2 } . ui . steps . step : first-child { border-radius : .28571429 rem 0 0 .28571429 rem ; padding-left : 2 em } . ui . steps . step : last-child { border-radius : 0 .28571429 rem .28571429 rem 0 ; border-right : none ; margin-right : 0 } . ui . steps . step : only-child { border-radius : .28571429 rem } . ui . steps . step . title { font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1.14285714 em ; font-weight : 700 } . ui . steps . step > . title { width : 100 % } . ui . steps . step . description { color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : .92857143 em ; font-weight : 400 } . ui . steps . step > . description { width : 100 % } . ui . steps . step . title ~ . description { margin-top : .25 em } . ui . steps . step > . icon { font-size : 2.5 em ; line-height : 1 ; margin : 0 1 rem 0 0 } . ui . steps . step > . icon , . ui . steps . step > . icon ~ . content { align-self : middle ; display : block ; flex : 0 1 auto } . ui . steps . step > . icon ~ . content { 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 { content : counters ( ordered , "." ) ; counter-increment : ordered ; font-family : inherit ; font-size : 2.5 em ; font-weight : 700 ; margin-right : 1 rem ; position : static ; text-align : center } . ui . ordered . steps . step : before , . ui . ordered . steps . step > * { align-self : middle ; display : block } . ui . vertical . steps { display : inline-flex ; flex-direction : column ; overflow : visible } . ui . vertical . steps . step { border-bottom : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : 0 ; border-right : none ; justify-content : flex-start ; padding : 1.14285714 em 2 em } . ui . vertical . steps . step : first-child { border-radius : .28571429 rem .28571429 rem 0 0 ; padding : 1.14285714 em 2 em } . ui . vertical . steps . step : last-child { border-bottom : none ; border-radius : 0 0 .28571429 rem .28571429 rem } . ui . vertical . steps . step : only-child { border-radius : .28571429 rem } . ui . vertical . steps . step : after { border-width : 0 1 px 1 px 0 ; display : none ; right : 0 ; top : 50 % } . 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 : inline-flex ; flex-direction : column ; overflow : visible } . ui . steps : not ( . unstackable ) . step { border-radius : 0 ; flex-direction : column ; padding : 1.14285714 em 2 em ; width : 100 % !important } . ui . steps : not ( . unstackable ) . step : first-child { border-radius : .28571429 rem .28571429 rem 0 0 ; padding : 1.14285714 em 2 em } . ui . steps : not ( . unstackable ) . step : last-child { border-radius : 0 0 .28571429 rem .28571429 rem } . ui . steps : not ( . unstackable ) . step : after { display : none !important } . ui . steps : not ( . unstackable ) . step . content { text-align : center } . ui . ordered . steps : not ( . unstackable ) . step : before , . ui . steps : not ( . unstackable ) . step > . icon { margin : 0 0 1 rem } } . ui . steps . link . step : hover , . ui . steps . link . step : hover : after , . ui . steps a . step : hover , . ui . steps a . step : hover : after { background : #f9fafb ; color : rgba ( 0 , 0 , 0 , .8 ) } . ui . steps . link . step : active , . ui . steps . link . step : active : after , . ui . steps a . step : active , . ui . steps a . step : active : after { background : #f3f4f5 ; color : rgba ( 0 , 0 , 0 , .9 ) } . ui . steps . step . active { background : #f3f4f5 ; cursor : auto } . ui . steps . step . ac
/ * !
* # Semantic UI 2 . 4 . 0 - Breadcrumb
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . breadcrumb { display : inline-block ; line-height : 1 ; margin : 0 ; vertical-align : middle } . ui . breadcrumb : first-child { margin-top : 0 } . ui . breadcrumb : last-child { margin-bottom : 0 } . ui . breadcrumb . divider { color : rgba ( 0 , 0 , 0 , .4 ) ; display : inline-block ; font-size : .92857143 em ; margin : 0 .21428571 rem ; opacity : .7 ; vertical-align : initial } . ui . breadcrumb a { color : #4183c4 } . ui . breadcrumb a : hover { color : #1e70bf } . ui . breadcrumb . icon . divider { font-size : .85714286 em ; vertical-align : initial } . ui . breadcrumb a . section { cursor : pointer } . ui . breadcrumb . section { display : inline-block ; margin : 0 ; padding : 0 } . ui . breadcrumb . segment { display : inline-block ; padding : .78571429 em 1 em } . ui . breadcrumb . active . section { font-weight : 700 } . ui . mini . breadcrumb { font-size : .78571429 rem } . ui . tiny . breadcrumb { font-size : .85714286 rem } . ui . small . breadcrumb { font-size : .92857143 rem } . ui . breadcrumb { font-size : 1 rem } . ui . large . breadcrumb { font-size : 1.14285714 rem } . ui . big . breadcrumb { font-size : 1.28571429 rem } . ui . huge . breadcrumb { font-size : 1.42857143 rem } . ui . massive . breadcrumb { font-size : 1.71428571 rem }
/ * !
* # Semantic UI 2 . 4 . 0 - Form
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . form { max-width : 100 % ; position : relative } . ui . form > p { margin : 1 em 0 } . ui . form . field { clear : both ; margin : 0 0 1 em } . 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 { color : rgba ( 0 , 0 , 0 , .87 ) ; display : block ; font-size : .92857143 em ; font-weight : 700 ; margin : 0 0 .28571429 rem ; text-transform : none } . 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 = file ] , . ui . form input [ type = number ] , . ui . form input [ type = password ] , . ui . form input [ type = search ] , . ui . form input [ type = tel ] , . ui . form input [ type = text ] , . ui . form input [ type = time ] , . ui . form input [ type = url ] , . ui . form textarea { vertical-align : top ; width : 100 % } . ui . form :: -webkit-datetime-edit , . ui . form :: -webkit-inner-spin-button { height : 1.21428571 em } . 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 = file ] , . ui . form input [ type = number ] , . ui . form input [ type = password ] , . ui . form input [ type = search ] , . ui . form input [ type = tel ] , . ui . form input [ type = text ] , . ui . form input [ type = time ] , . ui . form input [ type = url ] { tap-highlight-color : hsla ( 0 , 0 % , 100 % , 0 ) ; -webkit- appearance : none ; background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : .28571429 rem ; box-shadow : inset 0 0 0 0 transparent ; color : rgba ( 0 , 0 , 0 , .87 ) ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1 em ; line-height : 1.21428571 em ; margin : 0 ; outline : none ; padding : .67857143 em 1 em ; transition : color .1 s ease , border-color .1 s ease } . ui . form textarea { tap-highlight-color : hsla ( 0 , 0 % , 100 % , 0 ) ; -webkit- appearance : none ; background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : .28571429 rem ; box-shadow : inset 0 0 0 0 transparent ; color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; line-height : 1.2857 ; margin : 0 ; outline : none ; padding : .78571429 em 1 em ; resize : vertical ; transition : color .1 s ease , border-color .1 s ease } . ui . form textarea : not ( [ rows ] ) { height : 12 em ; max-height : 24 em ; min-height : 8 em } . ui . form input [ type = checkbox ] , . ui . form textarea { vertical-align : top } . ui . form input . attached { width : auto } . ui . form select { background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : .28571429 rem ; box-shadow : inset 0 0 0 0 transparent ; color : rgba ( 0 , 0 , 0 , .87 ) ; display : block ; height : auto ; padding : .62 em 1 em ; transition : color .1 s ease , border-color .1 s ease ; width : 100 % } . ui . form . field > . selection . dropdown { width : 100 % } . ui . form . field > . selection . dropdown > . dropdown . icon { float : right } . ui . form . inline . field > . selection . dropdown , . ui . form . inline . fields . field > . selection . dropdown { width : auto } . ui . form . inline . field > . selection . dropdown > . dropdown . icon , . ui . form . inline . fields . 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 . field : not ( . wide ) . ui . input , . ui . form . inline . fields . field : not ( . wide ) . ui . input { vertical-align : middle ; width : auto } . ui . form . field . ui . input input , . ui . form . fields . field . ui . input input { width : auto } . ui . form . eight . fields . ui . input input , . ui . form . five . fields . ui . input input , . ui . form . four . fields . ui . input input , . ui . form . nine . fields . ui . input input , . ui . form . seven . fields . ui . input input , . ui . form . six . fields . ui . input input , . ui . form . ten . 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 { flex : 1 0 auto ; width : 0 } . ui . form . error . message , . ui . form . success . message , . ui . form . warning . message { display : none } . ui . form . message : first-child { margin-top : 0 } . ui . form . field . prompt . label { background : #fff !important ; border : 1 px solid #e0b4b4 !important ; color : #9f3a38 !important ; white-space : normal } . ui . form . inline . field . prompt , . ui . form . inline . fields . field . prompt { margin : -.25 em 0 -.5 em .5 em ; vertical-align : top } . ui . form . inline . field . prompt : before , . ui . form . inline . fields . field . prompt : before { border-width : 0 0 1 px 1 px ; bottom : auto ; left : 0 ; right : auto ; top : 50 % } . ui . form . field . field input : -webkit-autofill { border-color : #e5dfa1 !important ; box-shadow : inset 0 0 0 100 px ivory !important } . ui . form . field . fie
/ * !
* # Semantic UI 2 . 4 . 0 - Grid
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . grid { align-items : stretch ; display : flex ; flex-direction : row ; flex-wrap : wrap ; margin : -1 rem ; padding : 0 } . ui . relaxed . grid { margin-left : -1.5 rem ; margin-right : -1.5 rem } . ui [ class * = "very relaxed" ] . grid { margin-left : -2.5 rem ; margin-right : -2.5 rem } . ui . grid + . grid { margin-top : 1 rem } . ui . grid > . column : not ( . row ) , . ui . grid > . row > . column { display : inline-block ; padding-left : 1 rem ; padding-right : 1 rem ; position : relative ; vertical-align : top ; width : 6.25 % } . ui . grid > * { padding-left : 1 rem ; padding-right : 1 rem } . ui . grid > . row { align-items : stretch ; display : flex ; flex-direction : row ; flex-wrap : wrap ; justify-content : inherit ; padding : 1 rem 0 ; position : relative ; width : 100 % !important } . ui . grid > . column : not ( . row ) { padding-bottom : 1 rem ; padding-top : 1 rem } . ui . grid > . row > . column { margin-bottom : 0 ; margin-top : 0 } . ui . grid > . row > . column > img , . ui . grid > . row > img { max-width : 100 % } . ui . grid > . ui . grid : first-child { margin-top : 0 } . ui . grid > . ui . grid : last-child { margin-bottom : 0 } . ui . aligned . grid . column > . segment : not ( . compact ) : not ( . attached ) , . ui . grid . aligned . row > . column > . segment : not ( . compact ) : not ( . attached ) { width : 100 % } . ui . grid . row + . ui . divider { flex-grow : 1 ; margin : 1 rem } . ui . grid . column + . ui . vertical . divider { height : calc ( 50 % - 1 rem ) } . ui . grid > . column : last-child > . horizontal . segment , . ui . grid > . row > . column : last-child > . horizontal . segment { box-shadow : none } @ media only screen and ( max-width : 767px ) { . ui . page . grid { margin-left : 0 ; margin-right : 0 ; padding-left : 0 ; padding-right : 0 ; width : auto } } @ media only screen and ( min-width : 768px ) and ( max-width : 991px ) { . ui . page . grid { margin-left : 0 ; margin-right : 0 ; padding-left : 2 em ; padding-right : 2 em ; width : auto } } @ media only screen and ( min-width : 992px ) and ( max-width : 1199px ) { . ui . page . grid { margin-left : 0 ; margin-right : 0 ; padding-left : 3 % ; padding-right : 3 % ; width : auto } } @ media only screen and ( min-width : 1200px ) and ( max-width : 1919px ) { . ui . page . grid { margin-left : 0 ; margin-right : 0 ; padding-left : 15 % ; padding-right : 15 % ; width : auto } } @ media only screen and ( min-width : 1920px ) { . ui . page . grid { margin-left : 0 ; margin-right : 0 ; padding-left : 23 % ; padding-right : 23 % ; width : auto } } . ui . grid > . column : only-child , . ui . grid > . row > . column : only-child , . ui [ class * = "one column" ] . grid > . column : not ( . row ) , . ui [ class * = "one column" ] . grid > . row > . column { width : 100 % } . ui [ class * = "two column" ] . grid > . column : not ( . row ) , . ui [ class * = "two column" ] . grid > . row > . column { width : 50 % } . ui [ class * = "three column" ] . grid > . column : not ( . row ) , . ui [ class * = "three column" ] . grid > . row > . column { width : 33.33333333 % } . ui [ class * = "four column" ] . grid > . column : not ( . row ) , . ui [ class * = "four column" ] . grid > . row > . column { width : 25 % } . ui [ class * = "five column" ] . grid > . column : not ( . row ) , . ui [ class * = "five column" ] . grid > . row > . column { width : 20 % } . ui [ class * = "six column" ] . grid > . column : not ( . row ) , . ui [ class * = "six column" ] . grid > . row > . column { width : 16.66666667 % } . ui [ class * = "seven column" ] . grid > . column : not ( . row ) , . ui [ class * = "seven column" ] . grid > . row > . column { width : 14.28571429 % } . ui [ class * = "eight column" ] . grid > . column : not ( . row ) , . ui [ class * = "eight column" ] . grid > . row > . column { width : 12.5 % } . ui [ class * = "nine column" ] . grid > . column : not ( . row ) , . ui [ class * = "nine column" ] . grid > . row > . column { width : 11.11111111 % } . ui [ class * = "ten column" ] . grid > . column : not ( . row ) , . ui [ class * = "ten column" ] . grid > . row > . column { width : 10 % } . ui [ class * = "eleven column" ] . grid > . column : not ( . row ) , . ui [ class * = "eleven column" ] . grid > . row > . column { width : 9.09090909 % } . ui [ class * = "twelve column" ] . grid > . column : not ( . row ) , . ui [ class * = "twelve column" ] . grid > . row > . column { width : 8.33333333 % } . ui [ class * = "thirteen column" ] . grid > . column : not ( . row ) , . ui [ class * = "thirteen column" ] . grid > . row > . column { width : 7.69230769 % } . ui [ class * = "fourteen column" ] . grid > . column : not ( . row ) , . ui [ class * = "fourteen column" ] . grid > . row > . column { width : 7.14285714 % } . ui [ class * = "fifteen column" ] . grid > . column : not ( . row ) , . ui [ class * = "fifteen column" ] . grid > . row > . column { width : 6.66666667 % } . ui [ class * = "sixteen column" ] . grid > . column : not ( . row ) , . ui [ class * = "sixteen column" ] . grid > . row > . column { 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 colum
/ * !
* # Semantic UI 2 . 4 . 0 - Message
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . message { background : #f8f8f9 ; border-radius : .28571429 rem ; box-shadow : inset 0 0 0 1 px rgba ( 34 , 36 , 38 , .22 ) , 0 0 0 0 transparent ; color : rgba ( 0 , 0 , 0 , .87 ) ; line-height : 1.4285 em ; margin : 1 em 0 ; min-height : 1 em ; padding : 1 em 1.5 em ; position : relative ; transition : opacity .1 s ease , color .1 s ease , background .1 s ease , box-shadow .1 s ease } . ui . message : first-child { margin-top : 0 } . ui . message : last-child { margin-bottom : 0 } . ui . message . header { display : block ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-weight : 700 ; margin : -.14285714 em 0 0 } . ui . message . header : not ( . ui ) { font-size : 1.14285714 em } . ui . message p { margin : .75 em 0 ; opacity : .85 } . ui . message p : first-child { margin-top : 0 } . ui . message p : last-child { margin-bottom : 0 } . ui . message . header + p { margin-top : .25 em } . ui . message . list : not ( . ui ) { list-style-position : inside ; margin : .5 em 0 0 ; opacity : .85 ; padding : 0 ; text-align : left } . 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 { list-style-type : none ; margin : 0 0 .3 em 1 em ; padding : 0 ; position : relative } . ui . message . list : not ( . ui ) li : before { content : "•" ; height : 100 % ; left : -1 em ; position : absolute ; vertical-align : initial } . ui . message . list : not ( . ui ) li : last-child { margin-bottom : 0 } . ui . message > . icon { margin-right : .6 em } . ui . message > . close . icon { cursor : pointer ; margin : 0 ; opacity : .7 ; position : absolute ; right : .5 em ; top : .78575 em ; transition : opacity .1 s 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 -1 px } . ui . visible . visible . visible . visible . message { display : block } . ui . icon . visible . visible . visible . visible . message { display : flex } . ui . hidden . hidden . hidden . hidden . message { display : none } . ui . compact . message { display : inline-block } . ui . compact . icon . message { display : inline-flex } . ui . attached . message { border-radius : .28571429 rem .28571429 rem 0 0 ; box-shadow : inset 0 0 0 1 px rgba ( 34 , 36 , 38 , .15 ) ; margin-bottom : -1 px ; margin-left : -1 px ; margin-right : -1 px } . ui . attached + . ui . attached . message : not ( . top ) : not ( . bottom ) { border-radius : 0 ; margin-top : -1 px } . ui . bottom . attached . message { border-radius : 0 0 .28571429 rem .28571429 rem ; box-shadow : inset 0 0 0 1 px rgba ( 34 , 36 , 38 , .15 ) , 0 1 px 2 px 0 rgba ( 34 , 36 , 38 , .15 ) ; margin-top : -1 px } . ui . bottom . attached . message : not ( : last-child ) { margin-bottom : 1 em } . ui . attached . icon . message { width : auto } . ui . icon . message { align-items : center ; display : flex ; width : 100 % } . ui . icon . message > . icon : not ( . close ) { display : block ; flex : 0 0 auto ; font-size : 3 em ; line-height : 1 ; opacity : .8 ; vertical-align : middle ; width : auto } . ui . icon . message > . content { display : block ; flex : 1 1 auto ; vertical-align : middle } . ui . icon . message . icon : not ( . close ) + . content { padding-left : 0 } . ui . icon . message . circular . icon { width : 1 em } . ui . floating . message { box-shadow : inset 0 0 0 1 px rgba ( 34 , 36 , 38 , .22 ) , 0 2 px 4 px 0 rgba ( 34 , 36 , 38 , .12 ) , 0 2 px 10 px 0 rgba ( 34 , 36 , 38 , .15 ) } . ui . black . message { background-color : #1b1c1d ; color : hsla ( 0 , 0 % , 100 % , .9 ) } . ui . positive . message { background-color : #fcfff5 ; color : #2c662d } . ui . attached . positive . message , . ui . positive . message { box-shadow : inset 0 0 0 1 px #a3c293 , 0 0 0 0 transparent } . ui . positive . message . header { color : #1a531b } . ui . negative . message { background-color : #fff6f6 ; color : #9f3a38 } . ui . attached . negative . message , . ui . negative . message { box-shadow : inset 0 0 0 1 px #e0b4b4 , 0 0 0 0 transparent } . ui . negative . message . header { color : #912d2b } . ui . info . message { background-color : #f8ffff ; color : #276f86 } . ui . attached . info . message , . ui . info . message { box-shadow : inset 0 0 0 1 px #a9d5de , 0 0 0 0 transparent } . ui . info . message . header { color : #0e566c } . ui . warning . message { background-color : #fffaf3 ; color : #573a08 } . ui . attached . warning . message , . ui . warning . message { box-shadow : inset 0 0 0 1 px #c9ba9b , 0 0 0 0 transparent } . ui . warning . message . header { color : #794b02 } . ui . error . message { background-color : #fff6f6 ; color : #9f3a38 } . ui . attached . error . message , . ui . error . message { box-shadow : inset 0 0 0 1 px #e0b4b4 , 0 0 0 0 transparent } . ui . error . message . header { color : #912d2b } . ui . success . message { background-color : #fcfff5 ; color : #2c662d } . ui . attached . success . message , . ui . success . message { box-shadow : inset 0 0 0 1 px #a3c293 , 0 0 0 0 transparent } . ui . success . message
/ * !
* # Semantic UI 2 . 4 . 0 - Table
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . table { background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-collapse : initial ; border-radius : .28571429 rem ; border-spacing : 0 ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; margin : 1 em 0 ; text-align : left ; width : 100 % } . ui . table : first-child { margin-top : 0 } . ui . table : last-child { margin-bottom : 0 } . ui . table td , . ui . table th { transition : background .1 s ease , color .1 s ease } . ui . table thead { box-shadow : none } . ui . table thead th { background : #f9fafb ; border-bottom : 1 px solid rgba ( 34 , 36 , 38 , .1 ) ; border-left : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; cursor : auto ; font-style : none ; font-weight : 700 ; padding : .92857143 em .78571429 em ; text-align : inherit ; text-transform : none ; vertical-align : inherit } . ui . table thead tr > th : first-child { border-left : none } . ui . table thead tr : first-child > th : first-child { border-radius : .28571429 rem 0 0 0 } . ui . table thead tr : first-child > th : last-child { border-radius : 0 .28571429 rem 0 0 } . ui . table thead tr : first-child > th : only-child { border-radius : .28571429 rem .28571429 rem 0 0 } . ui . table tfoot { box-shadow : none } . ui . table tfoot th { background : #f9fafb ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; color : rgba ( 0 , 0 , 0 , .87 ) ; cursor : auto ; font-style : normal ; font-weight : 400 ; padding : .78571429 em ; text-align : inherit ; text-transform : none ; vertical-align : middle } . ui . table tfoot tr > th : first-child { border-left : none } . ui . table tfoot tr : first-child > th : first-child { border-radius : 0 0 0 .28571429 rem } . ui . table tfoot tr : first-child > th : last-child { border-radius : 0 0 .28571429 rem 0 } . ui . table tfoot tr : first-child > th : only-child { border-radius : 0 0 .28571429 rem .28571429 rem } . ui . table tr td { border-top : 1 px solid rgba ( 34 , 36 , 38 , .1 ) } . ui . table tr : first-child td { border-top : none } . ui . table tbody + tbody tr : first-child td { border-top : 1 px solid rgba ( 34 , 36 , 38 , .1 ) } . ui . table td { padding : .78571429 em ; text-align : inherit } . ui . table > . icon { vertical-align : initial } . 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 > td , . ui . table : not ( . unstackable ) tr > th { display : block !important ; width : auto !important } . ui . table : not ( . unstackable ) { padding : 0 } . ui . table : not ( . unstackable ) tfoot , . ui . table : not ( . unstackable ) thead { display : block } . ui . table : not ( . unstackable ) tr { box-shadow : inset 0 -1 px 0 0 rgba ( 0 , 0 , 0 , .1 ) !important ; padding-bottom : 1 em ; padding-top : 1 em } . ui . table : not ( . unstackable ) tr > td , . ui . table : not ( . unstackable ) tr > th { background : none ; border : none !important ; box-shadow : none !important ; padding : .25 em .75 em !important } . ui . table : not ( . unstackable ) td : first-child , . ui . table : not ( . unstackable ) th : first-child { font-weight : 700 } . ui . definition . table : not ( . unstackable ) thead th : first-child { box-shadow : none !important } } . ui . table td . image , . ui . table td . image img , . ui . table th . image , . ui . table th . 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 : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-right : 1 px solid rgba ( 34 , 36 , 38 , .15 ) } . ui . structured . basic . table th { border-left : none ; border-right : none } . ui . structured . celled . table tr td , . ui . structured . celled . table tr th { border-left : 1 px solid rgba ( 34 , 36 , 38 , .1 ) ; border-right : 1 px solid rgba ( 34 , 36 , 38 , .1 ) } . ui . definition . table thead : not ( . full-width ) th : first-child { background : transparent ; box-shadow : -1 px -1 px 0 1 px #fff ; color : rgba ( 0 , 0 , 0 , .4 ) ; font-weight : 400 ; pointer-events : none } . ui . definition . table tfoot : not ( . full-width ) th : first-child { background : transparent ; box-shadow : 1 px 1 px 0 1 px #fff ; color : normal ; font-weight : rgba ( 0 , 0 , 0 , .4 ) ; pointer-events : none } . ui . celled . definition . table thead : not ( . full-width ) th : first-child { box-shadow : 0 -1 px 0 1 px #fff } . ui . celled . definition . table tfoot : not ( . full-width ) th : first-child { box-shadow : 0 1 px 0 1 px #fff } . ui . definition . table tr td . definition , . ui . definition . table tr td : first-child : not ( . ignored ) { background : rgba ( 0 , 0 , 0 , .03 ) ; box-shadow : "" ; color : rgba ( 0 , 0 , 0 , .95 ) ; font-size : 1 em ; font-weight : 700 ; padding-left : "" ; padding-right : "" ; text-align : "" ; text-transform : "" } . ui .
/ * !
* # Semantic UI 2 . 4 . 0 - Ad
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Copyright 2013 Contributors
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . ad { display : block ; margin : 1 em 0 ; overflow : hidden } . ui . ad : first-child , . ui . ad : last-child { margin : 0 } . ui . ad iframe { border : none ; margin : 0 ; overflow : hidden ; padding : 0 } . ui . leaderboard . ad { height : 90 px ; width : 728 px } . ui [ class * = "medium rectangle" ] . ad { height : 250 px ; width : 300 px } . ui [ class * = "large rectangle" ] . ad { height : 280 px ; width : 336 px } . ui [ class * = "half page" ] . ad { height : 600 px ; width : 300 px } . ui . square . ad { height : 250 px ; width : 250 px } . ui [ class * = "small square" ] . ad { height : 200 px ; width : 200 px } . ui [ class * = "small rectangle" ] . ad { height : 150 px ; width : 180 px } . ui [ class * = "vertical rectangle" ] . ad { height : 400 px ; width : 240 px } . ui . button . ad { height : 90 px ; width : 120 px } . ui [ class * = "square button" ] . ad { height : 125 px ; width : 125 px } . ui [ class * = "small button" ] . ad { height : 60 px ; width : 120 px } . ui . skyscraper . ad { height : 600 px ; width : 120 px } . ui [ class * = "wide skyscraper" ] . ad { width : 160 px } . ui . banner . ad { height : 60 px ; width : 468 px } . ui [ class * = "vertical banner" ] . ad { height : 240 px ; width : 120 px } . ui [ class * = "top banner" ] . ad { height : 180 px ; width : 930 px } . ui [ class * = "half banner" ] . ad { height : 60 px ; width : 234 px } . ui [ class * = "large leaderboard" ] . ad { height : 90 px ; width : 970 px } . ui . billboard . ad { height : 250 px ; width : 970 px } . ui . panorama . ad { height : 120 px ; width : 980 px } . ui . netboard . ad { height : 400 px ; width : 580 px } . ui [ class * = "large mobile banner" ] . ad { height : 100 px ; width : 320 px } . ui [ class * = "mobile leaderboard" ] . ad { height : 50 px ; width : 320 px } . 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 { background : #545454 ; position : relative } . ui . test . ad : after { color : #fff ; content : "Ad" ; font-size : 1 em ; font-weight : 700 ; left : 50 % ; position : absolute ; text-align : center ; top : 50 % ; -webkit- transform : translateX ( -50 % ) translateY ( -50 % ) ; transform : translateX ( -50 % ) translateY ( -50 % ) ; width : 100 % } . ui . mobile . test . ad : after { font-size : .85714286 em } . ui . test . ad [ data-text ] : after { content : attr ( data - text ) }
/ * !
* # Semantic UI 2 . 4 . 0 - Item
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . card , . ui . cards > . card { background : #fff ; border : none ; border-radius : .28571429 rem ; box-shadow : 0 1 px 3 px 0 #d4d4d5 , 0 0 0 1 px #d4d4d5 ; display : flex ; flex-direction : column ; max-width : 100 % ; min-height : 0 ; padding : 0 ; position : relative ; transition : box-shadow .1 s ease , -webkit- transform .1 s ease ; transition : box-shadow .1 s ease , transform .1 s ease ; transition : box-shadow .1 s ease , transform .1 s ease , -webkit- transform .1 s ease ; width : 290 px ; z-index : "" } . ui . card { margin : 1 em 0 } . ui . card a , . ui . cards > . card a { cursor : pointer } . ui . card : first-child { margin-top : 0 } . ui . card : last-child { margin-bottom : 0 } . ui . cards { display : flex ; flex-wrap : wrap ; margin : -.875 em -.5 em } . ui . cards > . card { display : flex ; float : none ; margin : .875 em .5 em } . ui . card : after , . ui . cards : after { clear : both ; content : " " ; display : block ; height : 0 ; overflow : hidden ; visibility : hidden } . ui . cards ~ . ui . cards { margin-top : .875 em } . ui . card > : first-child , . ui . cards > . card > : first-child { border-radius : .28571429 rem .28571429 rem 0 0 !important ; border-top : none !important } . ui . card > : last-child , . ui . cards > . card > : last-child { border-radius : 0 0 .28571429 rem .28571429 rem !important } . ui . card > : only-child , . ui . cards > . card > : only-child { border-radius : .28571429 rem !important } . ui . card > . image , . ui . cards > . card > . image { background : rgba ( 0 , 0 , 0 , .05 ) ; display : block ; flex : 0 0 auto ; padding : 0 ; position : relative } . ui . card > . image > img , . ui . cards > . card > . image > img { border-radius : inherit ; display : block ; height : auto ; width : 100 % } . ui . card > . image : not ( . ui ) > img , . ui . cards > . card > . image : not ( . ui ) > img { border : none } . ui . card > . content , . ui . cards > . card > . content { background : none ; border : none ; border-radius : 0 ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .1 ) ; box-shadow : none ; flex-grow : 1 ; font-size : 1 em ; margin : 0 ; padding : 1 em } . ui . card > . content : after , . ui . cards > . card > . content : after { clear : both ; content : " " ; display : block ; height : 0 ; overflow : hidden ; visibility : hidden } . ui . card > . content > . header , . ui . cards > . card > . content > . header { color : rgba ( 0 , 0 , 0 , .85 ) ; display : block ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; margin : "" } . ui . card > . content > . header : not ( . ui ) , . ui . cards > . card > . content > . header : not ( . ui ) { font-size : 1.28571429 em ; font-weight : 700 ; line-height : 1.28571429 em ; margin-top : -.21425 em } . ui . card > . content > . header + . description , . ui . card > . content > . meta + . description , . ui . cards > . card > . content > . header + . description , . ui . cards > . card > . content > . meta + . description { margin-top : .5 em } . ui . card [ class * = "left floated" ] , . ui . cards > . card [ class * = "left floated" ] { float : left } . ui . card [ class * = "right floated" ] , . ui . cards > . card [ class * = "right floated" ] { float : right } . ui . card [ class * = "left aligned" ] , . ui . cards > . card [ class * = "left aligned" ] { text-align : left } . ui . card [ class * = "center aligned" ] , . ui . cards > . card [ class * = "center aligned" ] { text-align : center } . ui . card [ class * = "right aligned" ] , . ui . cards > . card [ class * = "right aligned" ] { text-align : right } . ui . card . content img , . ui . cards > . card . content img { display : inline-block ; vertical-align : middle ; width : "" } . ui . card . avatar img , . ui . card img . avatar , . ui . cards > . card . avatar img , . ui . cards > . card img . avatar { border-radius : 500 rem ; height : 2 em ; width : 2 em } . ui . card > . content > . description , . ui . cards > . card > . content > . description { clear : both ; color : rgba ( 0 , 0 , 0 , .68 ) } . ui . card > . content p , . ui . cards > . card > . content p { margin : 0 0 .5 em } . ui . card > . content p : last-child , . ui . cards > . card > . content p : last-child { margin-bottom : 0 } . ui . card . meta , . ui . cards > . card . meta { color : rgba ( 0 , 0 , 0 , .4 ) ; font-size : 1 em } . ui . card . meta * , . ui . cards > . card . meta * { margin-right : .3 em } . ui . card . meta : last-child , . ui . cards > . card . meta : last-child { margin-right : 0 } . ui . card . meta [ class * = "right floated" ] , . ui . cards > . card . meta [ class * = "right floated" ] { margin-left : .3 em ; margin-right : 0 } . ui . card > . content a : not ( . ui ) , . ui . cards > . card > . content a : not ( . ui ) { color : "" ; transition : color .1 s ease } . ui . card > . content a : not ( . ui ) : hover , . ui . cards > . card > . content a : not ( . ui ) : hover { color : "" } . ui . card > . content > a . header , . ui . cards > . card > . content > a . header { color : rgba ( 0 , 0 , 0 , .85 ) } . ui . card > . content > a . header : hover , . ui . cards > . card > . content > a . header : hover { color : #1e70bf } . ui . card . meta > a : not ( . ui ) , . ui . cards > . card . meta > a : not ( . ui ) { color : rgba ( 0 , 0 , 0 , .4 ) } . ui . card . meta > a : not ( . ui ) : hover , . ui . cards > . card . meta > a : not ( . ui ) : hover { color : rgba ( 0 , 0 , 0 , .87 ) } . ui . ca
/ * !
* # Semantic UI 2 . 4 . 0 - Comment
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . comments { margin : 1.5 em 0 ; max-width : 650 px } . ui . comments : first-child { margin-top : 0 } . ui . comments : last-child { margin-bottom : 0 } . ui . comments . comment { background : none ; border : none ; line-height : 1.2 ; margin : .5 em 0 0 ; padding : .5 em 0 0 ; position : relative } . ui . comments . comment : first-child { margin-top : 0 ; padding-top : 0 } . ui . comments . comment . comments { margin : 0 0 .5 em .5 em ; padding : 1 em 0 1 em 1 em } . ui . comments . comment . comments : before { left : 0 ; position : absolute ; top : 0 } . ui . comments . comment . comments . comment { background : none ; border : none } . ui . comments . comment . avatar { display : block ; float : left ; height : auto ; margin : .2 em 0 0 ; width : 2.5 em } . ui . comments . comment . avatar img , . ui . comments . comment img . avatar { border-radius : .25 rem ; display : block ; height : 100 % ; margin : 0 auto ; width : 100 % } . ui . comments . comment > . content { display : block } . ui . comments . comment > . avatar ~ . content { margin-left : 3.5 em } . ui . comments . comment . author { color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; font-weight : 700 } . ui . comments . comment a . author { cursor : pointer } . ui . comments . comment a . author : hover { color : #1e70bf } . ui . comments . comment . metadata { color : rgba ( 0 , 0 , 0 , .4 ) ; display : inline-block ; font-size : .875 em ; margin-left : .5 em } . ui . comments . comment . metadata > * { display : inline-block ; margin : 0 .5 em 0 0 } . ui . comments . comment . metadata > : last-child { margin-right : 0 } . ui . comments . comment . text { word-wrap : break-word ; color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; line-height : 1.3 ; margin : .25 em 0 .5 em } . ui . comments . comment . actions { font-size : .875 em } . ui . comments . comment . actions a { color : rgba ( 0 , 0 , 0 , .4 ) ; cursor : pointer ; display : inline-block ; margin : 0 .75 em 0 0 } . 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 , .8 ) } . ui . comments > . reply . form { margin-top : 1 em } . ui . comments . comment . reply . form { margin-top : 1 em ; width : 100 % } . ui . comments . reply . form textarea { font-size : 1 em ; height : 12 em } . ui . collapsed . comments , . ui . comments . collapsed . comment , . ui . comments . collapsed . comments { display : none } . ui . threaded . comments . comment . comments { box-shadow : -1 px 0 0 rgba ( 34 , 36 , 38 , .15 ) ; margin : -1.5 em 0 -1 em 1.25 em ; padding : 3 em 0 2 em 2.25 em } . ui . minimal . comments . comment . actions { left : auto ; opacity : 0 ; position : absolute ; right : 0 ; top : 0 ; transition : opacity .2 s ease ; transition-delay : .1 s } . ui . minimal . comments . comment > . content : hover > . actions { opacity : 1 } . ui . mini . comments { font-size : .78571429 rem } . ui . tiny . comments { font-size : .85714286 rem } . ui . small . comments { font-size : .92857143 rem } . ui . comments { font-size : 1 rem } . ui . large . comments { font-size : 1.14285714 rem } . ui . big . comments { font-size : 1.28571429 rem } . ui . huge . comments { font-size : 1.42857143 rem } . ui . massive . comments { font-size : 1.71428571 rem }
/ * !
* # Semantic UI 2 . 4 . 0 - Feed
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . feed { margin : 1 em 0 } . ui . feed : first-child { margin-top : 0 } . ui . feed : last-child { margin-bottom : 0 } . ui . feed > . event { background : none ; border-top : none ; display : flex ; flex-direction : row ; margin : 0 ; padding : .21428571 rem 0 ; width : 100 % } . ui . feed > . event : first-child { border-top : 0 ; padding-top : 0 } . ui . feed > . event : last-child { padding-bottom : 0 } . ui . feed > . event > . label { align-self : stretch ; display : block ; flex : 0 0 auto ; height : auto ; text-align : left ; width : 2.5 em } . ui . feed > . event > . label . icon { background : none ; border : none ; border-radius : none ; color : rgba ( 0 , 0 , 0 , .6 ) ; font-size : 1.5 em ; opacity : 1 ; padding : .25 em ; width : 100 % } . ui . feed > . event > . label img { border-radius : 500 rem ; height : auto ; width : 100 % } . ui . feed > . event > . label + . content { margin : .5 em 0 .35714286 em 1.14285714 em } . ui . feed > . event > . content { word-wrap : break-word ; align-self : stretch ; display : block ; flex : 1 1 auto ; text-align : left } . ui . feed > . event : last-child > . content { padding-bottom : 0 } . ui . feed > . event > . content a { cursor : pointer } . ui . feed > . event > . content . date { color : rgba ( 0 , 0 , 0 , .4 ) ; font-size : 1 em ; font-style : normal ; font-weight : 400 ; margin : -.5 rem 0 0 ; padding : 0 } . ui . feed > . event > . content . summary { color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; font-weight : 700 ; margin : 0 } . ui . feed > . event > . content . summary img { border-radius : .25 em ; display : inline-block ; height : 10 em ; margin : -.25 em .25 em 0 0 ; vertical-align : middle ; width : auto } . ui . feed > . event > . content . user { display : inline-block ; font-weight : 700 ; margin-right : 0 ; vertical-align : initial } . ui . feed > . event > . content . user img { height : 10 em ; margin : -.25 em .25 em 0 0 ; vertical-align : middle ; width : auto } . ui . feed > . event > . content . summary > . date { color : rgba ( 0 , 0 , 0 , .4 ) ; display : inline-block ; float : none ; font-size : .85714286 em ; font-style : normal ; font-weight : 400 ; margin : 0 0 0 .5 em ; padding : 0 } . ui . feed > . event > . content . extra { background : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; margin : .5 em 0 0 ; padding : 0 } . ui . feed > . event > . content . extra . images img { display : inline-block ; margin : 0 .25 em 0 0 ; width : 6 em } . ui . feed > . event > . content . extra . text { border-left : none ; font-size : 1 em ; line-height : 1.4285 em ; max-width : 500 px ; padding : 0 } . ui . feed > . event > . content . meta { background : none ; border : none ; border-radius : 0 ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .6 ) ; display : inline-block ; font-size : .85714286 em ; margin : .5 em 0 0 ; padding : 0 } . ui . feed > . event > . content . meta > * { margin-left : .75 em ; position : relative } . ui . feed > . event > . content . meta > : after { color : rgba ( 0 , 0 , 0 , .2 ) ; content : "" ; left : -1 em ; opacity : 1 ; position : absolute ; top : 0 ; vertical-align : top } . ui . feed > . event > . content . meta . like { color : "" ; transition : color .2 s 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 { color : rgba ( 0 , 0 , 0 , .5 ) ; cursor : pointer ; opacity : 1 ; transition : color .1 s 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 , .95 ) } . ui . small . feed { font-size : .92857143 rem } . ui . feed { font-size : 1 rem } . ui . large . feed { font-size : 1.14285714 rem }
/ * !
* # Semantic UI 2 . 4 . 0 - Item
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . items > . item { background : transparent ; border : none ; border-radius : 0 ; box-shadow : none ; display : flex ; margin : 1 em 0 ; min-height : 0 ; padding : 0 ; transition : box-shadow .1 s ease ; width : 100 % ; z-index : "" } . ui . items > . item a { cursor : pointer } . ui . items { margin : 1.5 em 0 } . ui . items : first-child { margin-top : 0 !important } . ui . items : last-child { margin-bottom : 0 !important } . ui . items > . item : after { clear : both ; content : " " ; display : block ; height : 0 ; overflow : hidden ; visibility : hidden } . ui . items > . item : first-child { margin-top : 0 } . ui . items > . item : last-child { margin-bottom : 0 } . ui . items > . item > . image { align-self : top ; display : block ; flex : 0 0 auto ; float : none ; margin : 0 ; max-height : "" ; padding : 0 ; position : relative } . ui . items > . item > . image > img { border : none ; border-radius : .125 rem ; display : block ; height : auto ; width : 100 % } . ui . items > . item > . image : only-child > img { border-radius : 0 } . ui . items > . item > . content { background : none ; border : none ; border-radius : 0 ; box-shadow : none ; display : block ; flex : 1 1 auto ; font-size : 1 em ; margin : 0 ; padding : 0 } . ui . items > . item > . content : after { clear : both ; content : " " ; display : block ; height : 0 ; overflow : hidden ; visibility : hidden } . ui . items > . item > . image + . content { align-self : top ; display : block ; margin-left : 0 ; min-width : 0 ; padding-left : 1.5 em ; width : auto } . ui . items > . item > . content > . header { color : rgba ( 0 , 0 , 0 , .85 ) ; display : inline-block ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-weight : 700 ; margin : -.21425 em 0 0 } . ui . items > . item > . content > . header : not ( . ui ) { font-size : 1.28571429 em } . ui . items > . item [ class * = "left floated" ] { float : left } . ui . items > . item [ class * = "right floated" ] { float : right } . ui . items > . item . content img { align-self : middle ; width : "" } . ui . items > . item . avatar img , . ui . items > . item img . avatar { border-radius : 500 rem ; height : "" ; width : "" } . ui . items > . item > . content > . description { color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; line-height : 1.4285 em ; margin-top : .6 em ; max-width : auto } . ui . items > . item > . content p { margin : 0 0 .5 em } . ui . items > . item > . content p : last-child { margin-bottom : 0 } . ui . items > . item . meta { color : rgba ( 0 , 0 , 0 , .6 ) ; font-size : 1 em ; line-height : 1 em ; margin : .5 em 0 } . ui . items > . item . meta * { margin-right : .3 em } . ui . items > . item . meta : last-child { margin-right : 0 } . ui . items > . item . meta [ class * = "right floated" ] { margin-left : .3 em ; margin-right : 0 } . ui . items > . item > . content a : not ( . ui ) { color : "" ; transition : color .1 s ease } . ui . items > . item > . content a : not ( . ui ) : hover { color : "" } . ui . items > . item > . content > a . header { color : rgba ( 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 , .4 ) } . ui . items > . item . meta > a : not ( . ui ) : hover { color : rgba ( 0 , 0 , 0 , .87 ) } . ui . items > . item > . content . favorite . icon { cursor : pointer ; opacity : .75 ; transition : color .1 s ease } . ui . items > . item > . content . favorite . icon : hover { color : #ffb70a ; opacity : 1 } . ui . items > . item > . content . active . favorite . icon { color : #ffe623 } . ui . items > . item > . content . like . icon { cursor : pointer ; opacity : .75 ; transition : color .1 s ease } . ui . items > . item > . content . like . icon : hover { color : #ff2733 ; opacity : 1 } . ui . items > . item > . content . active . like . icon { color : #ff2733 } . ui . items > . item . extra { background : none ; border-top : none ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .4 ) ; display : block ; left : 0 ; margin : .5 rem 0 0 ; padding : 0 ; position : relative ; top : 0 ; transition : color .1 s ease ; width : 100 % } . ui . items > . item . extra > * { margin : .25 rem .5 rem .25 rem 0 } . ui . items > . item . extra > [ class * = "right floated" ] { margin : .25 rem 0 .25 rem .5 rem } . ui . items > . item . extra : after { clear : both ; content : " " ; display : block ; height : 0 ; overflow : hidden ; visibility : hidden } . ui . items > . item > . image : not ( . ui ) { width : 175 px } @ media only screen and ( min-width : 768px ) and ( max-width : 991px ) { . ui . items > . item { margin : 1 em 0 } . ui . items > . item > . image : not ( . ui ) { width : 150 px } . ui . items > . item > . image + . content { display : block ; padding : 0 0 0 1 em } } @ media only screen and ( max-width : 767px ) { . ui . items : not ( . unstackable ) > . item { flex-direction : column ; margin : 2 em 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-height : 250 px !important ; max-width : 100 % !important ; width : auto !important } . ui . items : not ( . unstackable ) > . item > . image + . content { display : block ; padding : 1.5 em 0 0 } } . ui . items > . item > . image + [ class
/ * !
* # Semantic UI 2 . 4 . 0 - Statistic
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . statistic { display : inline-flex ; flex-direction : column ; margin : 1 em 0 ; max-width : auto } . ui . statistic + . ui . statistic { margin : 0 0 0 1.5 em } . ui . statistic : first-child { margin-top : 0 } . ui . statistic : last-child { margin-bottom : 0 } . ui . statistics { align-items : flex-start ; flex-wrap : wrap } . ui . statistics > . statistic { display : inline-flex ; flex : 0 1 auto ; flex-direction : column ; margin : 0 1.5 em 1 em ; max-width : auto } . ui . statistics { display : flex ; margin : 1 em -1.5 em -1 em } . ui . statistics : after { clear : both ; content : " " ; display : block ; height : 0 ; overflow : hidden ; visibility : hidden } . ui . statistics : first-child { margin-top : 0 } . ui . statistic > . value , . ui . statistics . statistic > . value { color : #1b1c1d ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 4 rem ; font-weight : 400 ; line-height : 1 em ; text-align : center ; text-transform : uppercase } . ui . statistic > . label , . ui . statistics . statistic > . label { color : rgba ( 0 , 0 , 0 , .87 ) ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1 em ; font-weight : 700 ; text-align : center ; text-transform : uppercase } . ui . statistic > . label ~ . value , . ui . statistic > . value ~ . label , . ui . statistics . statistic > . label ~ . value , . ui . statistics . statistic > . value ~ . label { margin-top : 0 } . ui . statistic > . value . icon , . ui . statistics . statistic > . value . icon { margin : 0 ; opacity : 1 ; width : auto } . ui . statistic > . text . value , . ui . statistics . statistic > . text . value { font-weight : 700 ; line-height : 1 em ; min-height : 2 em ; text-align : center } . ui . statistic > . text . value + . label , . ui . statistics . statistic > . text . value + . label { text-align : center } . ui . statistic > . value img , . ui . statistics . statistic > . value img { max-height : 3 rem ; vertical-align : initial } . ui . ten . statistics { margin : 0 0 -1 em } . ui . ten . statistics . statistic { margin : 0 0 1 em ; min-width : 10 % } . ui . nine . statistics { margin : 0 0 -1 em } . ui . nine . statistics . statistic { margin : 0 0 1 em ; min-width : 11.11111111 % } . ui . eight . statistics { margin : 0 0 -1 em } . ui . eight . statistics . statistic { margin : 0 0 1 em ; min-width : 12.5 % } . ui . seven . statistics { margin : 0 0 -1 em } . ui . seven . statistics . statistic { margin : 0 0 1 em ; min-width : 14.28571429 % } . ui . six . statistics { margin : 0 0 -1 em } . ui . six . statistics . statistic { margin : 0 0 1 em ; min-width : 16.66666667 % } . ui . five . statistics { margin : 0 0 -1 em } . ui . five . statistics . statistic { margin : 0 0 1 em ; min-width : 20 % } . ui . four . statistics { margin : 0 0 -1 em } . ui . four . statistics . statistic { margin : 0 0 1 em ; min-width : 25 % } . ui . three . statistics { margin : 0 0 -1 em } . ui . three . statistics . statistic { margin : 0 0 1 em ; min-width : 33.33333333 % } . ui . two . statistics { margin : 0 0 -1 em } . ui . two . statistics . statistic { margin : 0 0 1 em ; min-width : 50 % } . ui . one . statistics { margin : 0 0 -1 em } . ui . one . statistics . statistic { margin : 0 0 1 em ; min-width : 100 % } . ui . horizontal . statistic { align-items : center ; flex-direction : row } . ui . horizontal . statistics { flex-direction : column ; margin : 0 ; max-width : none } . ui . horizontal . statistics . statistic { align-items : center ; flex-direction : row ; margin : 1 em 0 ; max-width : none } . ui . horizontal . statistic > . text . value , . ui . horizontal . statistics > . statistic > . text . value { min-height : 0 !important } . ui . horizontal . statistic > . value . icon , . ui . horizontal . statistics . statistic > . value . icon { width : 1.18 em } . ui . horizontal . statistic > . value , . ui . horizontal . statistics . statistic > . value { display : inline-block ; vertical-align : middle } . ui . horizontal . statistic > . label , . ui . horizontal . statistics . statistic > . label { display : inline-block ; margin : 0 0 0 .75 em ; vertical-align : middle } . ui . red . statistic > . value , . ui . red . statistics . statistic > . value , . ui . statistics . red . statistic > . value { color : #db2828 } . ui . orange . statistic > . value , . ui . orange . statistics . statistic > . value , . ui . statistics . orange . statistic > . value { color : #f2711c } . ui . statistics . yellow . statistic > . value , . ui . yellow . statistic > . value , . ui . yellow . statistics . statistic > . value { color : #fbbd08 } . ui . olive . statistic > . value , . ui . olive . statistics . statistic > . value , . ui . statistics . olive . statistic > . value { color : #b5cc18 } . ui . green . statistic > . value , . ui . green . statistics . statistic > . value , . ui . statistics . green . statistic > . value { color : #21ba45 } . ui . statistics . teal . statistic > . value , . ui . teal . statistic > . value , . ui . teal . statistics . statistic > . value { color : #00b5ad } . ui . blue . statistic > . value , . ui . blue . statistics . statistic > . value , . ui . statistics . blue . statistic > . valu
/ * !
* # Semantic UI 2 . 4 . 0 - Accordion
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . accordion , . ui . accordion . accordion { max-width : 100 % } . ui . accordion . accordion { margin : 1 em 0 0 ; padding : 0 } . ui . accordion . accordion . title , . ui . accordion . title { cursor : pointer } . ui . accordion . title : not ( . ui ) { color : rgba ( 0 , 0 , 0 , .87 ) ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1 em ; padding : .5 em 0 } . ui . accordion . accordion . title ~ . content , . ui . accordion . title ~ . content { display : none } . ui . accordion : not ( . styled ) . accordion . title ~ . content : not ( . ui ) , . ui . accordion : not ( . styled ) . title ~ . content : not ( . ui ) { margin : "" ; padding : .5 em 0 1 em } . ui . accordion : not ( . styled ) . title ~ . content : not ( . ui ) : last-child { padding-bottom : 0 } . ui . accordion . accordion . title . dropdown . icon , . ui . accordion . title . dropdown . icon { display : inline-block ; float : none ; font-size : 1 em ; height : 1 em ; margin : 0 .25 rem 0 0 ; opacity : 1 ; padding : 0 ; -webkit- transform : none ; transform : none ; transition : opacity .1 s ease , -webkit- transform .1 s ease ; transition : transform .1 s ease , opacity .1 s ease ; transition : transform .1 s ease , opacity .1 s ease , -webkit- transform .1 s ease ; vertical-align : initial ; width : 1.25 em } . ui . accordion . menu . item . title { display : block ; padding : 0 } . ui . accordion . menu . item . title > . dropdown . icon { float : right ; margin : .21425 em 0 0 1 em ; -webkit- transform : rotate ( 180 deg ) ; transform : rotate ( 180 deg ) } . ui . accordion . ui . header . dropdown . icon { font-size : 1 em ; margin : 0 .25 rem 0 0 } . ui . accordion . accordion . active . title . dropdown . icon , . ui . accordion . active . title . dropdown . icon , . ui . accordion . menu . item . active . title > . dropdown . icon { -webkit- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) } . ui . styled . accordion { width : 600 px } . ui . styled . accordion , . ui . styled . accordion . accordion { background : #fff ; border-radius : .28571429 rem ; box-shadow : 0 1 px 2 px 0 rgba ( 34 , 36 , 38 , .15 ) , 0 0 0 1 px rgba ( 34 , 36 , 38 , .15 ) } . ui . styled . accordion . accordion . title , . ui . styled . accordion . title { border-top : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; color : rgba ( 0 , 0 , 0 , .4 ) ; font-weight : 700 ; margin : 0 ; padding : .75 em 1 em ; transition : background .1 s ease , color .1 s ease } . ui . styled . accordion . accordion . title : first-child , . ui . styled . accordion > . title : first-child { border-top : none } . ui . styled . accordion . accordion . content , . ui . styled . accordion . content { margin : 0 ; padding : .5 em 1 em 1.5 em } . ui . styled . accordion . accordion . content { padding : .5 em 1 em 1.5 em } . ui . styled . accordion . accordion . active . title , . ui . styled . accordion . accordion . title : hover , . ui . styled . accordion . active . title , . ui . styled . accordion . title : hover { background : transparent ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . styled . accordion . accordion . active . title , . ui . styled . accordion . active . title { background : transparent ; color : rgba ( 0 , 0 , 0 , .95 ) } . ui . accordion . accordion . active . content , . ui . accordion . active . content { display : block } . ui . fluid . accordion , . ui . fluid . accordion . accordion { width : 100 % } . ui . inverted . accordion . title : not ( . ui ) { color : hsla ( 0 , 0 % , 100 % , .9 ) } @ font-face { font-family : Accordion ; font-style : normal ; font-weight : 400 ; 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 / + AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAA
/ * !
* # Semantic UI 2 . 4 . 0 - Checkbox
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . checkbox { -webkit- backface-visibility : hidden ; backface-visibility : hidden ; display : inline-block ; font-size : 1 rem ; font-style : normal ; line-height : 17 px ; min-height : 17 px ; min-width : 17 px ; outline : none ; position : relative ; vertical-align : initial } . ui . checkbox input [ type = checkbox ] , . ui . checkbox input [ type = radio ] { cursor : pointer ; height : 17 px ; left : 0 ; opacity : 0 !important ; outline : none ; position : absolute ; top : 0 ; width : 17 px ; z-index : 3 } . ui . checkbox . box , . ui . checkbox label { cursor : auto ; display : block ; font-size : 1 em ; outline : none ; padding-left : 1.85714 em ; position : relative } . ui . checkbox . box : before , . ui . checkbox label : before { background : #fff ; border : 1 px solid #d4d4d5 ; border-radius : .21428571 rem ; content : "" } . ui . checkbox . box : after , . ui . checkbox . box : before , . ui . checkbox label : after , . ui . checkbox label : before { height : 17 px ; left : 0 ; position : absolute ; top : 0 ; transition : border .1 s ease , opacity .1 s ease , box-shadow .1 s ease , -webkit- transform .1 s ease ; transition : border .1 s ease , opacity .1 s ease , transform .1 s ease , box-shadow .1 s ease ; transition : border .1 s ease , opacity .1 s ease , transform .1 s ease , box-shadow .1 s ease , -webkit- transform .1 s ease ; width : 17 px } . ui . checkbox . box : after , . ui . checkbox label : after { color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 14 px ; opacity : 0 ; text-align : center } . ui . checkbox label , . ui . checkbox + label { color : rgba ( 0 , 0 , 0 , .87 ) ; transition : color .1 s ease } . ui . checkbox + label { vertical-align : middle } . ui . checkbox . box : hover : before , . ui . checkbox label : hover : before { background : #fff ; border-color : rgba ( 34 , 36 , 38 , .35 ) } . ui . checkbox label : hover , . ui . checkbox + label : hover { color : rgba ( 0 , 0 , 0 , .8 ) } . ui . checkbox . box : active : before , . ui . checkbox label : active : before { background : #f9fafb ; border-color : rgba ( 34 , 36 , 38 , .35 ) } . ui . checkbox . box : active : after , . ui . checkbox input : active ~ label , . ui . checkbox label : active : after { color : rgba ( 0 , 0 , 0 , .95 ) } . ui . checkbox input : focus ~ . box : before , . ui . checkbox input : focus ~ label : before { background : #fff ; border-color : #96c8da } . ui . checkbox input : focus ~ . box : after , . ui . checkbox input : focus ~ label , . ui . checkbox input : focus ~ label : after { color : rgba ( 0 , 0 , 0 , .95 ) } . ui . checkbox input : checked ~ . box : before , . ui . checkbox input : checked ~ label : before { background : #fff ; border-color : rgba ( 34 , 36 , 38 , .35 ) } . ui . checkbox input : checked ~ . box : after , . ui . checkbox input : checked ~ label : after { color : rgba ( 0 , 0 , 0 , .95 ) ; opacity : 1 } . ui . checkbox input : not ( [ type = radio ] ) : indeterminate ~ . box : before , . ui . checkbox input : not ( [ type = radio ] ) : indeterminate ~ label : before { background : #fff ; border-color : rgba ( 34 , 36 , 38 , .35 ) } . ui . checkbox input : not ( [ type = radio ] ) : indeterminate ~ . box : after , . ui . checkbox input : not ( [ type = radio ] ) : indeterminate ~ label : after { color : rgba ( 0 , 0 , 0 , .95 ) ; opacity : 1 } . ui . checkbox input : checked : focus ~ . box : before , . ui . checkbox input : checked : focus ~ label : before , . ui . checkbox input : not ( [ type = radio ] ) : indeterminate : focus ~ . box : before , . ui . checkbox input : not ( [ type = radio ] ) : indeterminate : focus ~ label : before { background : #fff ; border-color : #96c8da } . ui . checkbox input : checked : focus ~ . box : after , . ui . checkbox input : checked : focus ~ label : after , . ui . checkbox input : not ( [ type = radio ] ) : indeterminate : focus ~ . box : after , . ui . checkbox input : not ( [ type = radio ] ) : indeterminate : focus ~ label : after { color : rgba ( 0 , 0 , 0 , .95 ) } . ui . read-only . checkbox , . ui . read-only . checkbox label { cursor : default } . ui . checkbox input [ disabled ] ~ . box : after , . ui . checkbox input [ disabled ] ~ label , . ui . disabled . checkbox . box : after , . ui . disabled . checkbox label { color : #000 ; cursor : default !important ; opacity : .5 } . ui . checkbox input . hidden { z-index : -1 } . ui . checkbox input . hidden + label { cursor : pointer ; -webkit- user-select : none ; user-select : none } . ui . radio . checkbox { min-height : 15 px } . ui . radio . checkbox . box , . ui . radio . checkbox label { padding-left : 1.85714 em } . ui . radio . checkbox . box : before , . ui . radio . checkbox label : before { border-radius : 500 rem ; content : "" ; height : 15 px ; left : 0 ; top : 1 px ; -webkit- transform : none ; transform : none ; width : 15 px } . ui . radio . checkbox . box : after , . ui . radio . checkbox label : after { background-color : rgba ( 0 , 0 , 0 , .87 ) ; border : none ; border-radius : 500 rem ; content : "" !important ; height : 15 px ; left : 0 ; line-height : 15 px ; top : 1 px ; -webkit- transform : scale ( .46666667 ) ; transform : scale ( .46666667 ) ; width : 15 px } . ui . radio . checkbox input : focus ~ . box : before , . ui . radio . checkbox input : focus ~ label : before { b a c
/ * !
* # Semantic UI 2 . 4 . 0 - Dimmer
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . dimmable : not ( body ) { position : relative } . ui . dimmer { align-items : center ; -webkit- animation-duration : .5 s ; animation-duration : .5 s ; -webkit- animation-fill-mode : both ; animation-fill-mode : both ; background-color : rgba ( 0 , 0 , 0 , .85 ) ; display : none ; flex-direction : column ; height : 100 % ; justify-content : center ; left : 0 !important ; line-height : 1 ; opacity : 0 ; padding : 1 em ; position : absolute ; text-align : center ; top : 0 !important ; transition : background-color .5 s linear ; -webkit- user-select : none ; user-select : none ; vertical-align : middle ; width : 100 % ; will-change : opacity ; z-index : 1000 } . ui . dimmer > . content { color : #fff ; -webkit- user-select : text ; user-select : text } . ui . segment > . ui . dimmer { border-radius : inherit !important } . ui . dimmer : not ( . inverted ) :: -webkit-scrollbar-track { background : hsla ( 0 , 0 % , 100 % , .1 ) } . ui . dimmer : not ( . inverted ) :: -webkit-scrollbar-thumb { background : hsla ( 0 , 0 % , 100 % , .25 ) } . ui . dimmer : not ( . inverted ) :: -webkit-scrollbar-thumb : window-inactive { background : hsla ( 0 , 0 % , 100 % , .15 ) } . ui . dimmer : not ( . inverted ) :: -webkit-scrollbar-thumb : hover { background : hsla ( 0 , 0 % , 100 % , .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 : flex ; opacity : 1 } . ui . disabled . dimmer { height : 0 !important ; width : 0 !important } . dimmed . dimmable > . ui . animating . legacy . dimmer , . dimmed . dimmable > . ui . visible . legacy . dimmer , . ui . active . legacy . dimmer { display : block } . ui [ class * = "top aligned" ] . dimmer { justify-content : flex-start } . ui [ class * = "bottom aligned" ] . dimmer { justify-content : flex-end } . ui . page . dimmer { -webkit- perspective : 2000 px ; perspective : 2000 px ; position : fixed ; -webkit- transform-origin : center center ; transform-origin : center center ; -webkit- transform-style : "" ; transform-style : "" } body . animating . in . dimmable , body . dimmed . dimmable { overflow : hidden } body . dimmable > . dimmer { position : fixed } . blurring . dimmable > : not ( . dimmer ) { -webkit- filter : blur ( 0 ) grayscale ( 0 ) ; filter : blur ( 0 ) grayscale ( 0 ) ; transition : -webkit- filter .8 s ease ; transition : filter .8 s ease ; transition : filter .8 s ease , -webkit- filter .8 s ease } . blurring . dimmed . dimmable > : not ( . dimmer ) { -webkit- filter : blur ( 5 px ) grayscale ( .7 ) ; filter : blur ( 5 px ) grayscale ( .7 ) } . blurring . dimmable > . dimmer { background-color : rgba ( 0 , 0 , 0 , .6 ) } . blurring . dimmable > . inverted . dimmer { background-color : hsla ( 0 , 0 % , 100 % , .6 ) } . ui . dimmer > . top . aligned . content > * { vertical-align : top } . ui . dimmer > . bottom . aligned . content > * { vertical-align : bottom } . ui . inverted . dimmer { background-color : hsla ( 0 , 0 % , 100 % , .85 ) } . ui . inverted . dimmer > . content > * { color : #fff } . ui . simple . dimmer { background-color : transparent ; display : block ; height : 0 ; opacity : 1 ; overflow : hidden ; width : 0 ; z-index : -100 } . dimmed . dimmable > . ui . simple . dimmer { background-color : rgba ( 0 , 0 , 0 , .85 ) ; height : 100 % ; opacity : 1 ; overflow : visible ; width : 100 % ; z-index : 1 } . ui . simple . inverted . dimmer { background-color : hsla ( 0 , 0 % , 100 % , 0 ) } . dimmed . dimmable > . ui . simple . inverted . dimmer { background-color : hsla ( 0 , 0 % , 100 % , .85 ) }
/ * !
* # Semantic UI 2 . 4 . 0 - Dropdown
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . dropdown { -webkit- tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ; cursor : pointer ; display : inline-block ; outline : none ; position : relative ; text-align : left ; transition : box-shadow .1 s ease , width .1 s ease } . ui . dropdown . menu { background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; border-radius : .28571429 rem ; box-shadow : 0 2 px 3 px 0 rgba ( 34 , 36 , 38 , .15 ) ; cursor : auto ; display : none ; font-size : 1 em ; margin : 0 ; min-width : -webkit- max-content ; min-width : max-content ; outline : none ; padding : 0 ; position : absolute ; text-align : left ; text-shadow : none ; top : 100 % ; transition : opacity .1 s ease ; will-change : transform , opacity ; z-index : 11 } . ui . dropdown . menu > * { white-space : nowrap } . ui . dropdown > input : not ( . search ) : first-child , . ui . dropdown > select { display : none !important } . ui . dropdown > . dropdown . icon { font-size : .85714286 em ; margin : 0 0 0 1 em ; position : relative } . ui . dropdown . menu > . item . dropdown . icon { float : right ; margin : 0 0 0 1 em ; width : auto } . ui . dropdown . menu > . item . dropdown . icon + . text { margin-right : 1 em } . ui . dropdown > . text { display : inline-block ; transition : none } . ui . dropdown . menu > . item { -webkit- touch-callout : none ; border : none ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; cursor : pointer ; display : block ; font-size : 1 rem ; font-weight : 400 ; height : auto ; line-height : 1 em ; padding : .78571429 rem 1.14285714 rem !important ; position : relative ; text-align : left ; text-transform : none } . ui . dropdown . menu > . item : first-child { border-top-width : 0 } . ui . dropdown . menu . item > [ class * = "right floated" ] , . ui . dropdown > . text > [ class * = "right floated" ] { float : right !important ; margin-left : 1 em !important ; margin-right : 0 !important } . ui . dropdown . menu . item > [ class * = "left floated" ] , . ui . dropdown > . text > [ class * = "left floated" ] { float : left !important ; margin-left : 0 !important ; margin-right : 1 em !important } . ui . dropdown . menu . item > . flag . floated , . ui . dropdown . menu . item > . icon . floated , . ui . dropdown . menu . item > . image . floated , . ui . dropdown . menu . item > img . floated { margin-top : 0 } . ui . dropdown . menu > . header { color : rgba ( 0 , 0 , 0 , .85 ) ; font-size : .78571429 em ; font-weight : 700 ; margin : 1 rem 0 .75 rem ; padding : 0 1.14285714 rem ; text-transform : uppercase } . ui . dropdown . menu > . divider { border-top : 1 px solid rgba ( 34 , 36 , 38 , .1 ) ; height : 0 ; margin : .5 em 0 } . ui . dropdown . dropdown . menu > . input { display : flex ; margin : 1.14285714 rem .78571429 rem ; min-width : 10 rem ; width : auto } . ui . dropdown . menu > . header + . input { margin-top : 0 } . ui . dropdown . menu > . input : not ( . transparent ) input { padding : .5 em 1 em } . ui . dropdown . menu > . input : not ( . transparent ) . button , . ui . dropdown . menu > . input : not ( . transparent ) . icon , . ui . dropdown . menu > . input : not ( . transparent ) . label { padding-bottom : .5 em ; padding-top : .5 em } . ui . dropdown . menu > . item > . description , . ui . dropdown > . text > . description { color : rgba ( 0 , 0 , 0 , .4 ) ; float : right ; margin : 0 0 0 1 em } . ui . dropdown . menu > . message { font-weight : 400 ; padding : .78571429 rem 1.14285714 rem } . ui . dropdown . menu > . message : not ( . ui ) { color : rgba ( 0 , 0 , 0 , .4 ) } . ui . dropdown . menu . menu { border-radius : .28571429 rem !important ; left : 100 % ; margin : 0 0 0 -.5 em !important ; right : auto ; top : 0 !important ; z-index : 21 !important } . ui . dropdown . menu . menu : after { display : none } . ui . dropdown . menu > . item > . flag , . ui . dropdown . menu > . item > . icon , . ui . dropdown . menu > . item > . image , . ui . dropdown . menu > . item > . label , . ui . dropdown . menu > . item > img , . ui . dropdown > . text > . flag , . ui . dropdown > . text > . icon , . ui . dropdown > . text > . image , . ui . dropdown > . text > . label , . ui . dropdown > . text > img { margin-top : 0 } . ui . dropdown . menu > . item > . flag , . ui . dropdown . menu > . item > . icon , . ui . dropdown . menu > . item > . image , . ui . dropdown . menu > . item > . label , . ui . dropdown . menu > . item > img , . ui . dropdown > . text > . flag , . ui . dropdown > . text > . icon , . ui . dropdown > . text > . image , . ui . dropdown > . text > . label , . ui . dropdown > . text > img { float : none ; margin-left : 0 ; margin-right : .78571429 rem } . ui . dropdown . menu > . item > . image , . ui . dropdown . menu > . item > img , . ui . dropdown > . text > . image , . ui . dropdown > . text > img { display : inline-block ; margin-bottom : -.5 em ; margin-top : -.5 em ; max-height : 2 em ; vertical-align : top ; width : auto } . 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 . buttons > . ui . dropdown : last-child . menu , . ui . menu . right . dropdown . item . menu , . ui . menu . right . menu . dropdown : last-child . menu { left : auto ; right : 0 } . ui . label . dropdown . menu
/ * !
* # Semantic UI 2 . 4 . 0 - Video
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . embed { background : #dcddde ; height : 0 ; max-width : 100 % ; overflow : hidden ; padding-bottom : 56.25 % ; position : relative } . ui . embed embed , . ui . embed iframe , . ui . embed object { border : none ; height : 100 % ; left : 0 ; margin : 0 ; padding : 0 ; position : absolute ; top : 0 ; width : 100 % } . ui . embed > . embed { display : none } . ui . embed > . placeholder { background-color : radial-gradient ( transparent 45 % , rgba ( 0 , 0 , 0 , .3 ) ) ; display : block } . ui . embed > . icon , . ui . embed > . placeholder { cursor : pointer ; height : 100 % ; left : 0 ; position : absolute ; top : 0 ; width : 100 % } . ui . embed > . icon { z-index : 2 } . ui . embed > . icon : after { background : radial-gradient ( transparent 45 % , rgba ( 0 , 0 , 0 , .3 ) ) ; content : "" ; height : 100 % ; left : 0 ; opacity : .5 ; position : absolute ; top : 0 ; transition : opacity .5 s ease ; width : 100 % ; z-index : 3 } . ui . embed > . icon : before { color : #fff ; font-size : 6 rem ; left : 50 % ; position : absolute ; text-shadow : 0 2 px 10 px rgba ( 34 , 36 , 38 , .2 ) ; top : 50 % ; -webkit- transform : translateX ( -50 % ) translateY ( -50 % ) ; transform : translateX ( -50 % ) translateY ( -50 % ) ; transition : opacity .5 s ease , color .5 s ease ; z-index : 4 ; z-index : 10 } . ui . embed . icon : hover : after { background : radial-gradient ( transparent 45 % , rgba ( 0 , 0 , 0 , .3 ) ) ; opacity : 1 } . ui . embed . icon : hover : before { color : #fff } . 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 % }
/ * !
* # Semantic UI 2 . 4 . 0 - Modal
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . modal { background : #fff ; border : none ; border-radius : .28571429 rem ; box-shadow : 1 px 3 px 3 px 0 rgba ( 0 , 0 , 0 , .2 ) , 1 px 3 px 15 px 2 px rgba ( 0 , 0 , 0 , .2 ) ; display : none ; flex : 0 0 auto ; position : absolute ; text-align : left ; -webkit- transform-origin : 50 % 25 % ; transform-origin : 50 % 25 % ; -webkit- user-select : text ; user-select : text ; will-change : top , left , margin , transform , opacity ; z-index : 1001 } . ui . modal > . icon : first-child + * , . ui . modal > : first-child : not ( . icon ) { border-top-left-radius : .28571429 rem ; border-top-right-radius : .28571429 rem } . ui . modal > : last-child { border-bottom-left-radius : .28571429 rem ; border-bottom-right-radius : .28571429 rem } . ui . modal > . close { color : #fff ; font-size : 1.25 em ; height : 2.25 rem ; padding : .625 rem 0 0 ; right : -2.5 rem ; top : -2.5 rem ; width : 2.25 rem } . ui . modal > . header { background : #fff ; border-bottom : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : none ; color : rgba ( 0 , 0 , 0 , .85 ) ; display : block ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; margin : 0 ; padding : 1.25 rem 1.5 rem } . ui . modal > . header : not ( . ui ) { font-size : 1.42857143 rem ; font-weight : 700 ; line-height : 1.28571429 em } . ui . modal > . content { background : #fff ; display : block ; font-size : 1 em ; line-height : 1.4 ; padding : 1.5 rem ; width : 100 % } . ui . modal > . image . content { display : flex ; flex-direction : row } . ui . modal > . content > . image { align-self : top ; display : block ; flex : 0 1 auto ; width : "" } . ui . modal > [ class * = "top aligned" ] { align-self : top } . ui . modal > [ class * = "middle aligned" ] { align-self : middle } . ui . modal > [ class * = stretched ] { align-self : stretch } . ui . modal > . content > . description { align-self : top ; display : block ; flex : 1 0 auto ; min-width : 0 } . ui . modal > . content > . icon + . description , . ui . modal > . content > . image + . description { flex : 0 1 auto ; min-width : "" ; padding-left : 2 em ; width : auto } . ui . modal > . content > . image > i . icon { font-size : 8 rem ; line-height : 1 ; margin : 0 ; opacity : 1 ; width : auto } . ui . modal > . actions { background : #f9fafb ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; padding : 1 rem ; text-align : right } . ui . modal . actions > . button { margin-left : .75 em } @ media only screen and ( max-width : 767px ) { . ui . modal { margin : 0 ; width : 95 % } } @ media only screen and ( min-width : 768px ) { . ui . modal { margin : 0 ; width : 88 % } } @ media only screen and ( min-width : 992px ) { . ui . modal { margin : 0 ; width : 850 px } } @ media only screen and ( min-width : 1200px ) { . ui . modal { margin : 0 ; width : 900 px } } @ media only screen and ( min-width : 1920px ) { . ui . modal { margin : 0 ; width : 950 px } } @ media only screen and ( max-width : 991px ) { . ui . modal > . header { padding-right : 2.25 rem } . ui . modal > . close { color : rgba ( 0 , 0 , 0 , .87 ) ; right : 1 rem ; top : 1.0535 rem } } @ media only screen and ( max-width : 767px ) { . ui . modal > . header { padding : .75 rem 2.25 rem .75 rem 1 rem !important } . ui . modal > . content { display : block ; padding : 1 rem !important } . ui . modal > . close { right : .5 rem !important ; top : .5 rem !important } . ui . modal . image . content { flex-direction : column } . ui . modal . content > . image { display : block ; margin : 0 auto !important ; max-width : 100 % ; padding : 0 0 1 rem !important ; text-align : center } . ui . modal > . content > . image > i . icon { font-size : 5 rem ; text-align : center } . ui . modal . content > . description { box-shadow : none ; display : block ; margin : 0 !important ; padding : 1 rem 0 !important ; width : 100 % !important } . ui . modal > . actions { padding : 1 rem 1 rem 0 !important } . ui . modal . actions > . button , . ui . modal . actions > . buttons { margin-bottom : 1 rem } } . ui . inverted . dimmer > . ui . modal { box-shadow : 1 px 3 px 10 px 2 px rgba ( 0 , 0 , 0 , .2 ) } . ui . basic . modal { border : none ; border-radius : 0 ; box-shadow : none !important ; color : #fff } . ui . basic . modal , . ui . basic . modal > . actions , . ui . basic . modal > . content , . ui . basic . modal > . header { background-color : initial } . ui . basic . modal > . header { color : #fff } . ui . basic . modal > . close { right : 1.5 rem ; top : 1 rem } . ui . inverted . dimmer > . basic . modal { color : rgba ( 0 , 0 , 0 , .87 ) } . ui . inverted . dimmer > . ui . basic . modal > . header { color : rgba ( 0 , 0 , 0 , .85 ) } . ui . legacy . modal , . ui . legacy . page . dimmer > . ui . modal { left : 50 % ; top : 50 % } . ui . legacy . page . dimmer > . ui . scrolling . modal , . ui . page . dimmer > . ui . scrolling . legacy . modal , . ui . top . aligned . dimmer > . ui . legacy . modal , . ui . top . aligned . legacy . page . dimmer > . ui . modal { top : auto } @ media only screen and ( max-width : 991px ) { . ui . basic . modal > . close { color : #fff } } . ui . loading . modal { display : block ; visibility : hidden ; z-index : -1 } . ui . active . modal { display : block } . modals . dimmer [ class * = "top aligned" ] . modal { margin : 5 vh auto } @ media only screen and ( max-width : 767px ) { . mod
/ * !
* # Semantic UI 2 . 4 . 0 - Nag
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . nag { background : #555 ; border-radius : 0 0 .28571429 rem .28571429 rem ; box-shadow : 0 1 px 2 px 0 rgba ( 0 , 0 , 0 , .2 ) ; color : rgba ( 0 , 0 , 0 , .87 ) ; display : none ; font-size : 1 rem ; left : 0 ; margin : 0 ; min-height : 0 ; opacity : .95 ; padding : .75 em 1 em ; position : relative ; text-align : center ; top : 0 ; transition : background .2 s ease ; width : 100 % ; z-index : 999 } a . ui . nag { cursor : pointer } . ui . nag > . title { color : #fff ; display : inline-block ; margin : 0 .5 em } . ui . nag > . close . icon { color : #fff ; cursor : pointer ; font-size : 1 em ; margin : -.5 em 0 0 ; opacity : .4 ; position : absolute ; right : 1 em ; top : 50 % ; transition : opacity .2 s ease } . ui . nag : hover { background : #555 ; opacity : 1 } . ui . nag . close : hover { opacity : 1 } . ui . overlay . nag { display : block ; position : absolute } . ui . fixed . nag { position : fixed } . ui . bottom . nag , . ui . bottom . nags { border-radius : .28571429 rem .28571429 rem 0 0 ; bottom : 0 ; top : auto } . ui . inverted . nag , . ui . inverted . nags . nag { background-color : #f3f4f5 ; color : rgba ( 0 , 0 , 0 , .85 ) } . ui . inverted . nag . close , . ui . inverted . nag . title , . ui . inverted . nags . nag . close , . ui . inverted . nags . nag . title { color : rgba ( 0 , 0 , 0 , .4 ) } . ui . nags . nag { border-radius : 0 !important } . ui . nags . nag : last-child { border-radius : 0 0 .28571429 rem .28571429 rem } . ui . bottom . nags . nag : last-child { border-radius : .28571429 rem .28571429 rem 0 0 }
/ * !
* # Semantic UI 2 . 4 . 0 - Popup
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . popup { background : #fff ; border : 1 px solid #d4d4d5 ; border-radius : .28571429 rem ; box-shadow : 0 2 px 4 px 0 rgba ( 34 , 36 , 38 , .12 ) , 0 2 px 10 px 0 rgba ( 34 , 36 , 38 , .15 ) ; color : rgba ( 0 , 0 , 0 , .87 ) ; display : none ; font-style : normal ; font-weight : 400 ; line-height : 1.4285 em ; max-width : 250 px ; min-width : -webkit- min-content ; min-width : min-content ; padding : .833 em 1 em ; position : absolute ; right : 0 ; top : 0 ; z-index : 1900 } . ui . popup > . header { font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1.14285714 em ; font-weight : 700 ; line-height : 1.2 ; padding : 0 } . ui . popup > . header + . content { padding-top : .5 em } . ui . popup : before { background : #fff ; box-shadow : 1 px 1 px 0 0 #bababc ; content : "" ; height : .71428571 em ; position : absolute ; -webkit- transform : rotate ( 45 deg ) ; transform : rotate ( 45 deg ) ; width : .71428571 em ; z-index : 2 } [ data-tooltip ] { position : relative } [ data-tooltip ] : before { box-shadow : 1 px 1 px 0 0 #bababc ; content : "" ; height : .71428571 em ; -webkit- transform : rotate ( 45 deg ) ; transform : rotate ( 45 deg ) ; width : .71428571 em ; z-index : 2 } [ data-tooltip ] : after , [ data-tooltip ] : before { background : #fff ; font-size : 1 rem ; pointer-events : none ; position : absolute } [ data-tooltip ] : after { border : 1 px solid #d4d4d5 ; border-radius : .28571429 rem ; box-shadow : 0 2 px 4 px 0 rgba ( 34 , 36 , 38 , .12 ) , 0 2 px 10 px 0 rgba ( 34 , 36 , 38 , .15 ) ; color : rgba ( 0 , 0 , 0 , .87 ) ; content : attr ( data - tooltip ) ; font-style : normal ; font-weight : 400 ; line-height : 1.4285 em ; max-width : none ; padding : .833 em 1 em ; text-align : left ; text-transform : none ; white-space : nowrap ; z-index : 1 } [ data-tooltip ] : not ( [ data-position ] ) : before { background : #fff ; bottom : 100 % ; left : 50 % ; margin-bottom : .14285714 rem ; margin-left : -.07142857 rem ; right : auto ; top : auto } [ data-tooltip ] : not ( [ data-position ] ) : after { bottom : 100 % ; left : 50 % ; margin-bottom : .5 em ; -webkit- transform : translateX ( -50 % ) ; transform : translateX ( -50 % ) } [ data-tooltip ] : after , [ data-tooltip ] : before { pointer-events : none ; visibility : hidden } [ data-tooltip ] : before { opacity : 0 ; -webkit- transform : rotate ( 45 deg ) scale ( 0 ) !important ; transform : rotate ( 45 deg ) scale ( 0 ) !important ; -webkit- transform-origin : center top ; transform-origin : center top ; transition : all .1 s ease } [ data-tooltip ] : after { opacity : 1 ; -webkit- transform-origin : center bottom ; transform-origin : center bottom ; transition : all .1 s ease } [ data-tooltip ] : hover : after , [ data-tooltip ] : hover : before { pointer-events : auto ; visibility : visible } [ data-tooltip ] : hover : before { opacity : 1 ; -webkit- transform : rotate ( 45 deg ) scale ( 1 ) !important ; transform : rotate ( 45 deg ) scale ( 1 ) !important } [ data-tooltip ] : after , [ data-tooltip ] [ data-position = "bottom center" ] : after , [ data-tooltip ] [ data-position = "top 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 = "bottom left" ] : after , [ data-tooltip ] [ data-position = "bottom right" ] : after , [ data-tooltip ] [ data-position = "top left" ] : after , [ data-tooltip ] [ data-position = "top right" ] : after { -webkit- transform : scale ( 0 ) !important ; transform : scale ( 0 ) !important } [ data-tooltip ] [ data-position = "bottom left" ] : hover : after , [ data-tooltip ] [ data-position = "bottom right" ] : hover : after , [ data-tooltip ] [ data-position = "top left" ] : hover : after , [ data-tooltip ] [ data-position = "top right" ] : hover : after { -webkit- transform : scale ( 1 ) !important ; transform : scale ( 1 ) !important } [ data-tooltip ] [ data-inverted ] : before { background : #1b1c1d ; box-shadow : none !important } [ data-tooltip ] [ data-inverted ] : after { background : #1b1c1d ; border : none ; box-shadow : none ; color : #fff } [ data-tooltip ] [ data-inverted ] : after . header { background-color : none ; color : #fff } [ data-position = "top center" ] [ data-tooltip ] : after { bottom : 100 % ; left : 50 % ; margin-bottom : .5 em ; right : auto ; top :
/ * !
* # Semantic UI 2 . 4 . 0 - Progress Bar
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . progress { background : rgba ( 0 , 0 , 0 , .1 ) ; border : none ; border-radius : .28571429 rem ; box-shadow : none ; display : block ; margin : 1 em 0 2.5 em ; max-width : 100 % ; padding : 0 ; position : relative } . ui . progress : first-child { margin : 0 0 2.5 em } . ui . progress : last-child { margin : 0 0 1.5 em } . ui . progress . bar { background : #888 ; border-radius : .28571429 rem ; display : block ; line-height : 1 ; min-width : 2 em ; position : relative ; transition : width .1 s ease , background-color .1 s ease ; width : 0 } . ui . progress . bar > . progress { color : hsla ( 0 , 0 % , 100 % , .7 ) ; font-size : .92857143 em ; left : auto ; margin-top : -.5 em ; right : .5 em ; text-align : left ; top : 50 % ; white-space : nowrap ; width : auto } . ui . progress . bar > . progress , . ui . progress > . label { bottom : auto ; font-weight : 700 ; position : absolute ; text-shadow : none } . ui . progress > . label { color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; left : 0 ; margin-top : .2 em ; right : auto ; text-align : center ; top : 100 % ; transition : color .4 s ease ; width : 100 % } . 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 ^ = "100" ] . bar , . ui . indicating . progress [ data-percent ^ = "9" ] . bar { background-color : #66da81 } . ui . indicating . progress [ data-percent ^ = "1" ] . label , . ui . indicating . progress [ data-percent ^ = "100" ] . 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 , .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 , .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 { min-width : 2 em ; position : relative } . ui . active . progress . bar : after { -webkit- animation : progress - active 2 s ease infinite ; animation : progress - active 2 s ease infinite ; background : #fff ; border-radius : .28571429 rem ; bottom : 0 ; content : "" ; left : 0 ; opacity : 0 ; position : absolute ; right : 0 ; top : 0 } @ -webkit-keyframes progress-active { 0 % { opacity : .3 ; width : 0 } to { opacity : 0 ; width : 100 % } } @ keyframes progress-active { 0 % { opacity : .3 ; width : 0 } to { opacity : 0 ; width : 100 % } } . ui . disa
/ * !
* # Semantic UI 2 . 4 . 0 - Rating
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . rating { display : inline-flex ; vertical-align : initial ; white-space : nowrap } . ui . rating : last-child { margin-right : 0 } . ui . rating . icon { background : transparent ; color : rgba ( 0 , 0 , 0 , .15 ) ; cursor : pointer ; flex : 1 0 auto ; height : auto ; margin : 0 ; padding : 0 ; transition : opacity .1 s ease , background .1 s ease , text - shadow .1 s ease , color .1 s ease ; width : 1.25 em } . ui . rating . active . icon { background : transparent ; color : rgba ( 0 , 0 , 0 , .85 ) } . ui . rating . icon . selected , . ui . rating . icon . selected . active { background : transparent ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . star . rating . icon { background : transparent ; color : rgba ( 0 , 0 , 0 , .15 ) ; height : auto ; text-shadow : none ; width : 1.25 em } . ui . star . rating . active . icon { background : transparent !important ; color : #ffe623 !important ; text-shadow : 0 -1 px 0 #ddc507 , -1 px 0 0 #ddc507 , 0 1 px 0 #ddc507 , 1 px 0 0 #ddc507 !important } . ui . star . rating . icon . selected , . ui . star . rating . icon . selected . active { background : transparent !important ; color : #fc0 !important ; text-shadow : 0 -1 px 0 #e6a200 , -1 px 0 0 #e6a200 , 0 1 px 0 #e6a200 , 1 px 0 0 #e6a200 !important } . ui . heart . rating . icon { background : transparent ; color : rgba ( 0 , 0 , 0 , .15 ) ; height : auto ; text-shadow : none !important ; width : 1.4 em } . ui . heart . rating . active . icon { background : transparent !important ; color : #ff6d75 !important ; text-shadow : 0 -1 px 0 #cd0707 , -1 px 0 0 #cd0707 , 0 1 px 0 #cd0707 , 1 px 0 0 #cd0707 !important } . ui . heart . rating . icon . selected , . ui . heart . rating . icon . selected . active { background : transparent !important ; color : #ff3000 !important ; text-shadow : 0 -1 px 0 #aa0101 , -1 px 0 0 #aa0101 , 0 1 px 0 #aa0101 , 1 px 0 0 #aa0101 !important } . ui . disabled . rating . icon { cursor : default } . ui . rating . icon . selected , . ui . rating . selected . active . icon , . ui . rating . selected . icon . selected { opacity : 1 } . ui . mini . rating { font-size : .78571429 rem } . ui . tiny . rating { font-size : .85714286 rem } . ui . small . rating { font-size : .92857143 rem } . ui . rating { font-size : 1 rem } . ui . large . rating { font-size : 1.14285714 rem } . ui . huge . rating { font-size : 1.42857143 rem } . ui . massive . rating { font-size : 2 rem } @ font-face { font-family : Rating ; font-style : normal ; font-weight : 400 ; 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 / QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND
/ * !
* # Semantic UI 2 . 4 . 0 - Search
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . search { position : relative } . ui . search > . prompt { -webkit- tap-highlight-color : rgba ( 255 , 255 , 255 , 0 ) ; -webkit- appearance : none ; background : #fff ; border : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : inset 0 0 0 0 transparent ; color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; font-style : normal ; font-weight : 400 ; line-height : 1.21428571 em ; margin : 0 ; outline : none ; padding : .67857143 em 1 em ; text-shadow : none ; transition : background-color .1 s ease , color .1 s ease , box-shadow .1 s ease , border-color .1 s ease } . ui . search . prompt { border-radius : 500 rem } . ui . search . prompt ~ . search . icon { cursor : pointer } . ui . search > . results { background : #fff ; border : 1 px solid #d4d4d5 ; border-radius : .28571429 rem ; box-shadow : 0 2 px 4 px 0 rgba ( 34 , 36 , 38 , .12 ) , 0 2 px 10 px 0 rgba ( 34 , 36 , 38 , .15 ) ; display : none ; left : 0 ; margin-top : .5 em ; position : absolute ; text-align : left ; text-transform : none ; top : 100 % ; -webkit- transform-origin : center top ; transform-origin : center top ; white-space : normal ; width : 18 em ; z-index : 998 } . ui . search > . results > : first-child { border-radius : .28571429 rem .28571429 rem 0 0 } . ui . search > . results > : last-child { border-radius : 0 0 .28571429 rem .28571429 rem } . ui . search > . results . result { border-bottom : 1 px solid rgba ( 34 , 36 , 38 , .1 ) ; color : rgba ( 0 , 0 , 0 , .87 ) ; cursor : pointer ; display : block ; font-size : 1 em ; line-height : 1.33 ; overflow : hidden ; padding : .85714286 em 1.14285714 em } . ui . search > . results . result : last-child { border-bottom : none !important } . ui . search > . results . result . image { background : none ; border-radius : .25 em ; float : right ; height : 3 em ; overflow : hidden ; width : 5 em } . ui . search > . results . result . image img { display : block ; height : 100 % ; width : auto } . ui . search > . results . result . image + . content { margin : 0 6 em 0 0 } . ui . search > . results . result . title { color : rgba ( 0 , 0 , 0 , .85 ) ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1 em ; font-weight : 700 ; margin : -.14285714 em 0 0 } . ui . search > . results . result . description { color : rgba ( 0 , 0 , 0 , .4 ) ; font-size : .92857143 em ; margin-top : 0 } . ui . search > . results . result . price { color : #21ba45 ; float : right } . ui . search > . results > . message { padding : 1 em } . ui . search > . results > . message . header { color : rgba ( 0 , 0 , 0 , .87 ) ; font-family : Museo Sans , Helvetica Neue , Arial , Helvetica , sans-serif ; font-size : 1 rem ; font-weight : 700 } . ui . search > . results > . message . description { color : rgba ( 0 , 0 , 0 , .87 ) ; font-size : 1 em ; margin-top : .25 rem } . ui . search > . results > . action { background : #f3f4f5 ; border-top : none ; color : rgba ( 0 , 0 , 0 , .87 ) ; display : block ; font-weight : 700 ; padding : .92857143 em 1 em ; text-align : center } . ui . search > . prompt : focus { background : #fff ; border-color : rgba ( 34 , 36 , 38 , .35 ) ; color : rgba ( 0 , 0 , 0 , .95 ) } . ui . loading . search . input > i . icon : before { border : .2 em solid rgba ( 0 , 0 , 0 , .1 ) ; border-radius : 500 rem } . ui . loading . search . input > i . icon : after , . ui . loading . search . input > i . icon : before { content : "" ; height : 1.28571429 em ; left : 50 % ; margin : -.64285714 em 0 0 -.64285714 em ; position : absolute ; top : 50 % ; width : 1.28571429 em } . ui . loading . search . input > i . icon : after { -webkit- animation : button-spin .6 s linear ; animation : button-spin .6 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; border : .2 em solid transparent ; border-radius : 500 rem ; border-top-color : #767676 ; box-shadow : 0 0 0 1 px transparent } . ui . category . search > . results . category . result : hover , . ui . search > . results . 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 , .87 ) } . ui . category . search > . results . category . result . active , . ui . search > . results . result . active { background : #f3f4f5 ; border-left-color : rgba ( 34 , 36 , 38 , .1 ) ; box-shadow : none ; position : relative } . ui . search > . results . result . active . description , . ui . search > . results . result . active . title { color : rgba ( 0 , 0 , 0 , .85 ) } . ui . disabled . search { cursor : default ; opacity : .45 ; pointer-events : none } . ui . search . selection . prompt { border-radius : .28571429 rem } . ui . search . selection > . icon . input > . remove . icon { color : "" ; left : auto ; opacity : 0 ; pointer-events : none ; position : absolute ; right : 0 ; top : 0 ; transition : color .1 s ease , opacity .1 s ease } . ui . search . selection > . icon . input > . active . remove . icon { cursor : pointer ; opacity : .8 ; pointer-events : auto } . ui . search . selection > . icon . input : not ( [ class * = " left icon
/ * !
* # Semantic UI 2 . 4 . 0 - Shape
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . shape { display : inline-block ; -webkit- perspective : 2000 px ; perspective : 2000 px ; position : relative ; transition : left .6 s ease-in-out , width .6 s ease-in-out , height .6 s ease-in-out , -webkit- transform .6 s ease-in-out ; transition : transform .6 s ease-in-out , left .6 s ease-in-out , width .6 s ease-in-out , height .6 s ease-in-out ; transition : transform .6 s ease-in-out , left .6 s ease-in-out , width .6 s ease-in-out , height .6 s ease-in-out , -webkit- transform .6 s ease-in-out ; vertical-align : top } . ui . shape . sides { -webkit- transform-style : preserve-3d ; transform-style : preserve-3d } . ui . shape . side { -webkit- backface-visibility : hidden ; backface-visibility : hidden ; display : none ; margin : 0 !important ; opacity : 1 ; width : 100 % } . ui . shape . side * { -webkit- backface-visibility : visible !important ; backface-visibility : visible !important } . ui . cube . shape . side { background-color : #e6e6e6 ; box-shadow : 0 0 2 px rgba ( 0 , 0 , 0 , .3 ) ; color : rgba ( 0 , 0 , 0 , .87 ) ; height : 15 em ; min-width : 15 em ; padding : 2 em } . ui . cube . shape . side > . content { display : table ; height : 100 % ; text-align : center ; -webkit- user-select : text ; user-select : text ; width : 100 % } . ui . cube . shape . side > . content > div { display : table-cell ; font-size : 2 em ; vertical-align : middle } . ui . text . shape . animating . sides { position : static } . ui . text . shape . side { white-space : nowrap } . ui . text . shape . side > * { white-space : normal } . ui . loading . shape { left : -9999 px ; position : absolute ; top : -9999 px } . ui . shape . animating . side { display : block ; left : 0 ; position : absolute ; top : 0 ; z-index : 100 } . ui . shape . hidden . side { opacity : .6 } . ui . shape . animating . sides { position : absolute ; transition : left .6 s ease-in-out , width .6 s ease-in-out , height .6 s ease-in-out , -webkit- transform .6 s ease-in-out ; transition : transform .6 s ease-in-out , left .6 s ease-in-out , width .6 s ease-in-out , height .6 s ease-in-out ; transition : transform .6 s ease-in-out , left .6 s ease-in-out , width .6 s ease-in-out , height .6 s ease-in-out , -webkit- transform .6 s ease-in-out } . ui . shape . animating . side { transition : opacity .6 s ease-in-out } . ui . shape . active . side { display : block }
/ * !
* # Semantic UI 2 . 4 . 0 - Sidebar
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . sidebar { -webkit- overflow-scrolling : touch ; border-radius : 0 !important ; height : 100 % !important ; left : 0 ; margin : 0 !important ; max-height : 100 % ; overflow-y : auto !important ; position : fixed ; top : 0 ; -webkit- transform : translateZ ( 0 ) ; transform : translateZ ( 0 ) ; transition : none ; visibility : hidden ; will-change : transform ; z-index : 102 } . ui . sidebar , . ui . sidebar > * { -webkit- backface-visibility : hidden ; backface-visibility : hidden } . ui . left . sidebar { left : 0 ; right : auto ; -webkit- transform : translate3d ( -100 % , 0 , 0 ) ; transform : translate3d ( -100 % , 0 , 0 ) } . ui . right . sidebar { left : auto !important ; right : 0 !important ; -webkit- transform : translate3d ( 100 % , 0 , 0 ) ; transform : translate3d ( 100 % , 0 , 0 ) } . ui . bottom . sidebar , . ui . top . sidebar { height : auto !important ; width : 100 % !important } . ui . top . sidebar { bottom : auto !important ; top : 0 !important ; -webkit- transform : translate3d ( 0 , -100 % , 0 ) ; transform : translate3d ( 0 , -100 % , 0 ) } . ui . bottom . sidebar { bottom : 0 !important ; top : auto !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 : translateZ ( 0 ) ; transform : translateZ ( 0 ) } . pushable : not ( body ) > . fixed , . pushable : not ( body ) > . pusher : after , . pushable : not ( body ) > . ui . sidebar { position : absolute } . pushable > . fixed { position : fixed ; will-change : transform ; z-index : 101 } . pushable > . fixed , . pushable > . pusher { -webkit- backface-visibility : hidden ; backface-visibility : hidden ; transition : -webkit- transform .5 s ease ; transition : transform .5 s ease ; transition : transform .5 s ease , -webkit- transform .5 s ease } . pushable > . pusher { min-height : 100 % ; overflow : hidden ; position : relative ; z-index : 2 } body . pushable > . pusher { background : #fff } . pushable > . pusher { background : inherit } . pushable > . pusher : after { background-color : rgba ( 0 , 0 , 0 , .4 ) ; content : "" ; opacity : 0 ; overflow : hidden ; position : fixed ; right : 0 ; top : 0 ; transition : opacity .5 s ; will-change : opacity ; z-index : 1000 } . ui . sidebar . menu . item { border-radius : 0 !important } . pushable > . pusher . dimmed : after { height : 100 % !important ; opacity : 1 !important ; width : 100 % !important } . ui . animating . sidebar { visibility : visible } . ui . visible . sidebar { -webkit- transform : translateZ ( 0 ) ; transform : translateZ ( 0 ) ; visibility : visible } . ui . bottom . visible . sidebar , . ui . left . visible . sidebar , . ui . right . visible . sidebar , . ui . top . visible . sidebar { box-shadow : 0 0 20 px rgba ( 34 , 36 , 38 , .15 ) } . ui . visible . left . sidebar ~ . fixed , . ui . visible . left . sidebar ~ . pusher { -webkit- transform : translate3d ( 260 px , 0 , 0 ) ; transform : translate3d ( 260 px , 0 , 0 ) } . ui . visible . right . sidebar ~ . fixed , . ui . visible . right . sidebar ~ . pusher { -webkit- transform : translate3d ( -260 px , 0 , 0 ) ; transform : translate3d ( -260 px , 0 , 0 ) } . ui . visible . top . sidebar ~ . fixed , . ui . visible . top . sidebar ~ . pusher { -webkit- transform : translate3d ( 0 , 36 px , 0 ) ; transform : translate3d ( 0 , 36 px , 0 ) } . ui . visible . bottom . sidebar ~ . fixed , . ui . visible . bottom . sidebar ~ . pusher { -webkit- transform : translate3d ( 0 , -36 px , 0 ) ; transform : translate3d ( 0 , -36 px , 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 : translateZ ( 0 ) ; transform : translateZ ( 0 ) } . ui . thin . left . sidebar , . ui . thin . right . sidebar { width : 150 px } . ui [ class * = "very thin" ] . left . sidebar , . ui [ class * = "very thin" ] . right . sidebar { width : 60 px } . ui . left . sidebar , . ui . right . sidebar { width : 260 px } . ui . wide . left . sidebar , . ui . wide . right . sidebar { width : 350 px } . ui [ class * = "very wide" ] . left . sidebar , . ui [ class * = "very wide" ] . right . sidebar { width : 475 px } . ui . visible . thin . left . sidebar ~ . fixed , . ui . visible . thin . left . sidebar ~ . pusher { -webkit- transform : translate3d ( 150 px , 0 , 0 ) ; transform : translate3d ( 150 px , 0 , 0 ) } . ui . visible [ class * = "very thin" ] . left . sidebar ~ . fixed , . ui . visible [ class * = "very thin" ] . left . sidebar ~ . pusher { -webkit- transform : translate3d ( 60 px , 0 , 0 ) ; transform : translate3d ( 60 px , 0 , 0 ) } . ui . visible . wide . left . sidebar ~ . fixed , . ui . visible . wide . left . sidebar ~ . pusher { -webkit- transform : translate3d ( 350 px , 0 , 0 ) ; transform : translate3d ( 350 px , 0 , 0 ) } . ui . visible [ class * = "very wide" ] . left . sidebar ~ . fixed , . ui . visible [ class * = "very wide" ] . left . sidebar ~ . pusher { -webkit- transform : translate3d ( 475 p
/ * !
* # Semantic UI 2 . 4 . 0 - Sticky
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . sticky { position : static ; transition : none ; z-index : 800 } . ui . sticky . bound { left : auto ; position : absolute ; right : auto } . ui . sticky . fixed { left : auto ; position : fixed ; right : auto } . ui . sticky . bound . top , . ui . sticky . fixed . top { bottom : auto ; top : 0 } . ui . sticky . bound . bottom , . ui . sticky . fixed . bottom { bottom : 0 ; top : auto } . ui . native . sticky { position : -webkit- sticky ; position : -moz- sticky ; position : -ms- sticky ; position : -o- sticky ; position : sticky }
/ * !
* # Semantic UI 2 . 4 . 0 - Tab
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . ui . tab { display : none } . ui . tab . active , . ui . tab . open { display : block } . ui . tab . loading { display : block ; min-height : 250 px ; overflow : hidden ; position : relative } . ui . tab . loading * { left : -10000 px !important ; position : relative !important } . ui . tab . loading . segment : before , . ui . tab . loading : before { border : .2 em solid rgba ( 0 , 0 , 0 , .1 ) ; border-radius : 500 rem ; content : "" ; height : 2.5 em ; left : 50 % ; margin : -1.25 em 0 0 -1.25 em ; position : absolute ; top : 100 px ; width : 2.5 em } . ui . tab . loading . segment : after , . ui . tab . loading : after { -webkit- animation : button-spin .6 s linear ; animation : button-spin .6 s linear ; -webkit- animation-iteration-count : infinite ; animation-iteration-count : infinite ; border : .2 em solid transparent ; border-radius : 500 rem ; border-top-color : #767676 ; box-shadow : 0 0 0 1 px transparent ; content : "" ; height : 2.5 em ; left : 50 % ; margin : -1.25 em 0 0 -1.25 em ; position : absolute ; top : 100 px ; width : 2.5 em }
/ * !
* # Semantic UI 2 . 4 . 0 - Transition
* http : / / github . com / semantic-org / semantic-ui /
*
*
* Released under the MIT license
* http : / / opensource . org / licenses / MIT
*
* / . transition { -webkit- animation-duration : .3 s ; animation-duration : .3 s ; -webkit- animation-fill-mode : both ; animation-fill-mode : both ; -webkit- animation-iteration-count : 1 ; animation-iteration-count : 1 ; -webkit- animation-timing-function : ease ; animation-timing-function : ease } . animating . transition { -webkit- backface-visibility : hidden ; backface-visibility : hidden ; visibility : visible !important } . loading . transition { left : -99999 px ; position : absolute ; top : -99999 px } . 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 : .5 s ; animation-duration : .5 s } . transition . browse . in { -webkit- animation-name : browseIn ; animation-name : browseIn } . transition . browse . left . out , . transition . browse . 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 ( .8 ) translateZ ( 0 ) ; transform : scale ( .8 ) translateZ ( 0 ) ; z-index : -1 } 10 % { opacity : .7 ; -webkit- transform : scale ( .8 ) translateZ ( 0 ) ; transform : scale ( .8 ) translateZ ( 0 ) ; z-index : -1 } 80 % { opacity : 1 ; -webkit- transform : scale ( 1.05 ) translateZ ( 0 ) ; transform : scale ( 1.05 ) translateZ ( 0 ) ; z-index : 999 } to { -webkit- transform : scale ( 1 ) translateZ ( 0 ) ; transform : scale ( 1 ) translateZ ( 0 ) ; z-index : 999 } } @ keyframes browseIn { 0 % { -webkit- transform : scale ( .8 ) translateZ ( 0 ) ; transform : scale ( .8 ) translateZ ( 0 ) ; z-index : -1 } 10 % { opacity : .7 ; -webkit- transform : scale ( .8 ) translateZ ( 0 ) ; transform : scale ( .8 ) translateZ ( 0 ) ; z-index : -1 } 80 % { opacity : 1 ; -webkit- transform : scale ( 1.05 ) translateZ ( 0 ) ; transform : scale ( 1.05 ) translateZ ( 0 ) ; z-index : 999 } to { -webkit- transform : scale ( 1 ) translateZ ( 0 ) ; transform : scale ( 1 ) translateZ ( 0 ) ; z-index : 999 } } @ -webkit-keyframes browseOutLeft { 0 % { -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; z-index : 999 } 50 % { -webkit- transform : translateX ( -105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; transform : translateX ( -105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; z-index : -1 } 80 % { opacity : 1 } to { opacity : 0 ; -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; z-index : -1 } } @ keyframes browseOutLeft { 0 % { -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; z-index : 999 } 50 % { -webkit- transform : translateX ( -105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; transform : translateX ( -105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; z-index : -1 } 80 % { opacity : 1 } to { opacity : 0 ; -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; z-index : -1 } } @ -webkit-keyframes browseOutRight { 0 % { -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; z-index : 999 } 50 % { -webkit- transform : translateX ( 105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; transform : translateX ( 105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; z-index : 1 } 80 % { opacity : 1 } to { opacity : 0 ; -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; z-index : 1 } } @ keyframes browseOutRight { 0 % { -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) ; z-index : 999 } 50 % { -webkit- transform : translateX ( 105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; transform : translateX ( 105 % ) rotateY ( 35 deg ) rotateX ( 10 deg ) translateZ ( -10 px ) ; z-index : 1 } 80 % { opacity : 1 } to { opacity : 0 ; -webkit- transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; transform : translateX ( 0 ) rotateY ( 0 deg ) rotateX ( 0 deg ) translateZ ( -10 px ) ; z-index : 1 } } . drop . transition { -webkit- animation-duration : .4 s ; animation-duration : .4 s ; -webkit- a n i m a t i o n - t i m i n g -
2024-05-16 21:13:16 +02:00
/ * !
* Font Awesome 4 . 7 . 0 by @ davegandy - http : / / fontawesome . io - @ fontawesome
* License - http : / / fontawesome . io / license ( Font : SIL OFL 1 . 1 , CSS : MIT License )
* / @ font-face { font-family : FontAwesome ; font-style : normal ; font-weight : 400 ; src : url ( / planka / static / media / fontawesome-webfont . 8b43027f47b20503057d . eot ) ; src : url ( / planka / static / media / fontawesome-webfont . 8b43027f47b20503057d . eot ? # iefix & v = 4 . 7 . 0 ) format ( "embedded-opentype" ) , url ( / planka / static / media / fontawesome-webfont . 20fd1704ea223900efa9 . woff2 ) format ( "woff2" ) , url ( / planka / static / media / fontawesome-webfont . f691f37e57f04c152e23 . woff ) format ( "woff" ) , url ( / planka / static / media / fontawesome-webfont . 1e59d2330b4c6deb84b3 . ttf ) format ( "truetype" ) , url ( / planka / static / media / fontawesome-webfont . c1e38fd9e0e74ba58f7a . svg # fontawesomeregular ) format ( "svg" ) } . fa { text-rendering : auto ; -webkit- font-smoothing : antialiased ; -moz- osx-font-smoothing : grayscale ; display : inline-block ; font : normal normal normal 14 px / 1 FontAwesome ; font-size : inherit } . fa-lg { font-size : 1.33333333 em ; line-height : .75 em ; vertical-align : -15 % } . fa-2x { font-size : 2 em } . fa-3x { font-size : 3 em } . fa-4x { font-size : 4 em } . fa-5x { font-size : 5 em } . fa-fw { text-align : center ; width : 1.28571429 em } . fa-ul { list-style-type : none ; margin-left : 2.14285714 em ; padding-left : 0 } . fa-ul > li { position : relative } . fa-li { left : -2.14285714 em ; position : absolute ; text-align : center ; top : .14285714 em ; width : 2.14285714 em } . fa-li . fa-lg { left : -1.85714286 em } . fa-border { border : .08 em solid #eee ; border-radius : .1 em ; padding : .2 em .25 em .15 em } . fa-pull-left { float : left } . fa-pull-right { float : right } . fa . fa-pull-left { margin-right : .3 em } . fa . fa-pull-right { margin-left : .3 em } . pull-right { float : right } . pull-left { float : left } . fa . pull-left { margin-right : .3 em } . fa . pull-right { margin-left : .3 em } . fa-spin { -webkit- animation : fa-spin 2 s linear infinite ; animation : fa-spin 2 s linear infinite } . fa-pulse { -webkit- animation : fa-spin 1 s steps ( 8 ) infinite ; animation : fa-spin 1 s steps ( 8 ) infinite } @ -webkit-keyframes fa-spin { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 359 deg ) ; transform : rotate ( 359 deg ) } } @ keyframes fa-spin { 0 % { -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) } to { -webkit- transform : rotate ( 359 deg ) ; transform : rotate ( 359 deg ) } } . fa-rotate-90 { -ms- filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" ; -webkit- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) } . fa-rotate-180 { -ms- filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)" ; -webkit- transform : rotate ( 180 deg ) ; transform : rotate ( 180 deg ) } . fa-rotate-270 { -ms- filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" ; -webkit- transform : rotate ( 270 deg ) ; transform : rotate ( 270 deg ) } . fa-flip-horizontal { -ms- filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)" ; -webkit- transform : scaleX ( -1 ) ; transform : scaleX ( -1 ) } . fa-flip-vertical { -ms- filter : "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" ; -webkit- transform : scaleY ( -1 ) ; transform : scaleY ( -1 ) } : root . fa-flip-horizontal , : root . fa-flip-vertical , : root . fa-rotate-180 , : root . fa-rotate-270 , : root . fa-rotate-90 { -webkit- filter : none ; filter : none } . fa-stack { display : inline-block ; height : 2 em ; line-height : 2 em ; position : relative ; vertical-align : middle ; width : 2 em } . fa-stack-1x , . fa-stack-2x { left : 0 ; position : absolute ; text-align : center ; width : 100 % } . fa-stack-1x { line-height : inherit } . fa-stack-2x { font-size : 2 em } . fa-inverse { color : #fff } . fa-glass : before { content : "\f000" } . fa-music : before { content : "\f001" } . fa-search : before { content : "\f002" } . fa-envelope-o : before { content : "\f003" } . fa-heart : before { content : "\f004" } . fa-star : before { content : "\f005" } . fa-star-o : before { content : "\f006" } . fa-user : before { content : "\f007" } . fa-film : before { content : "\f008" } . fa-th-large : before { content : "\f009" } . fa-th : before { content : "\f00a" } . fa-th-list : before { content : "\f00b" } . fa-check : before { content : "\f00c" } . fa-close : before , . fa-remove : before , . fa-times : before { content : "\f00d" } . fa-search-plus : before { content : "\f00e" } . fa-search-minus : before { content : "\f010" } . fa-power-off : before { content : "\f011" } . fa-signal : before { content : "\f012" } . fa-cog : before , . fa-gear : before { content : "\f013" } . fa-trash-o : before { content : "\f014" } . fa-home : before { content : "\f015" } . fa-file-o : before { content : "\f016" } . fa-clock-o : before { content : "\f017" } . fa-road : before { content : "\f018" } . fa-download : before { content : "\f019" } . fa-arrow-circle-o-down : before { c o n t e n
/*# sourceMappingURL=main.1fca3956.css.map*/
