From 072b8693f2337fe6b1802325f1502868a60f234b Mon Sep 17 00:00:00 2001 From: prcdevgitbot Date: Tue, 5 Mar 2024 19:32:38 +0000 Subject: [PATCH] See https://github.com/pewresearch/pewresearch-org/commit/82c27d57f463ffb0b83ccfa107b826bba1a09e5e from refs/heads/release/5.0 --- .../semantic-ui-css-shim/dist/main.css | 8 + .../semantic-ui-css-shim/src/card.scss | 987 ++++++++++++++++++ .../semantic-ui-css-shim/src/style.scss | 1 + 3 files changed, 996 insertions(+) create mode 100644 includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/card.scss diff --git a/includes/interactives/legacy-containment-system/semantic-ui-css-shim/dist/main.css b/includes/interactives/legacy-containment-system/semantic-ui-css-shim/dist/main.css index c8398918..b41173de 100644 --- a/includes/interactives/legacy-containment-system/semantic-ui-css-shim/dist/main.css +++ b/includes/interactives/legacy-containment-system/semantic-ui-css-shim/dist/main.css @@ -7,6 +7,14 @@ * http://opensource.org/licenses/MIT * */.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:none;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:var(--wp--preset--font-family--sans-serif);margin:0em .25em 0em 0em;padding:.7857142857em 1.5em .7857142857em;text-transform:none;text-shadow:none;font-weight:bold;line-height:1.067em;font-style:normal;text-align:center;text-decoration:none;border-radius:3px;box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset,0px 0em 0px 0px rgba(34,36,38,.15) inset;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:"";-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset,0px 0em 0px 0px rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:"" !important;box-shadow:"" !important}.ui.button:focus .icon{opacity:.85}.ui.button:active,.ui.active.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset,none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none !important;color:rgba(0,0,0,0) !important;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button:before{position:absolute;content:"";top:50%;left:50%;margin:-.6428571429em 0em 0em -.6428571429em;width:1.2857142857em;height:1.2857142857em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button:after{position:absolute;content:"";top:50%;left:50%;margin:-.6428571429em 0em 0em -.6428571429em;width:1.2857142857em;height:1.2857142857em;animation:button-spin .6s linear;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:.2em;box-shadow:0px 0px 0px 1px rgba(0,0,0,0)}.ui.labeled.icon.loading.button .icon{background-color:rgba(0,0,0,0);box-shadow:none}@keyframes button-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.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.buttons .disabled.button,.ui.disabled.button,.ui.button:disabled,.ui.disabled.button:hover,.ui.disabled.active.button{cursor:default;opacity:.45 !important;background-image:none !important;box-shadow:none !important;pointer-events:none !important}.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,.5)}.ui.animated.button{position:relative;overflow:hidden;padding-right:0em !important;vertical-align:middle;z-index:1}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .visible.content,.ui.animated.button .hidden.content{transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0%}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-0.5335em}.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content{left:auto;right:0%}.ui.vertical.animated.button .visible.content,.ui.vertical.animated.button .hidden.content{transition:top .3s ease,transform .3s ease}.ui.vertical.animated.button .visible.content{transform:translateY(0%);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0%;right:auto}.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content{transform:translateY(200%);right:auto}.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .visible.content,.ui.fade.animated.button .hidden.content{transition:opacity .3s ease,transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0%;right:auto;transform:scale(1.5)}.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;transform:scale(0.75)}.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content{left:0%;right:auto;opacity:1;transform:scale(1)}.ui.inverted.button{box-shadow:0px 0px 0px 2px #fff inset !important;background:rgba(0,0,0,0) none;color:#fff;text-shadow:none !important}.ui.inverted.buttons .button{margin:0px 0px -2px}.ui.inverted.buttons .button:first-child{margin-left:0em}.ui.inverted.vertical.buttons .button{margin:0px -2px 0px}.ui.inverted.vertical.buttons .button:first-child{margin-top:0em}.ui.inverted.button:hover{background:#fff;box-shadow:0px 0px 0px 2px #fff inset !important;color:rgba(0,0,0,.8)}.ui.inverted.button:focus,.ui.inverted.button.active{background:#fff;box-shadow:0px 0px 0px 2px #fff inset !important;color:rgba(0,0,0,.8)}.ui.inverted.button.active:focus{background:#dcddde;box-shadow:0px 0px 0px 2px #dcddde inset !important;color:rgba(0,0,0,.8)}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:none !important;padding:0px !important;border:none !important;box-shadow:none !important}.ui.labeled.button>.button{margin:0px}.ui.labeled.button>.label{display:flex;align-items:center;margin:0px 0px 0px -1px !important;font-size:1em;padding:"";font-size:1em;border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label:before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0px;border-bottom-right-radius:0px}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0px;border-bottom-left-radius:0px}.ui[class*="left labeled"].button>.button{border-top-left-radius:0px;border-bottom-left-radius:0px}.ui[class*="left labeled"].button>.label{border-top-right-radius:0px;border-bottom-right-radius:0px}.ui.facebook.button{background-color:#3b5998;color:#fff;text-shadow:none;background-image:none;box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.facebook.button:hover{background-color:#2b4b8f;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#2d4373;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#55acee;color:#fff;text-shadow:none;background-image:none;box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.twitter.button:hover{background-color:#33a2f6;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#2795e9;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#1f88be;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#127bb2;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#186992;color:#fff;text-shadow:none}.ui.youtube.button{background-color:red;color:#fff;text-shadow:none;background-image:none;box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.youtube.button:hover{background-color:#e60000;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#c00;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.instagram.button:hover{background-color:#376a95;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#395c79;color:#fff;text-shadow:none}.ui.button>.icon:not(.button){height:.8571428571em;opacity:.8;margin:0em .4285714286em -.2142857143em;transition:opacity .1s ease;vertical-align:"";color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown){margin:0em .4285714286em -.2142857143em}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:-.2142857143em 0em .4285714286em}.ui[class*="left floated"].buttons,.ui[class*="left floated"].button{float:left;margin-left:0em;margin-right:.25em}.ui[class*="right floated"].buttons,.ui[class*="right floated"].button{float:right;margin-right:0em;margin-left:.25em}.ui.compact.buttons .button,.ui.compact.button{padding:.5892857143em 1.125em .5892857143em}.ui.compact.icon.buttons .button,.ui.compact.icon.button{padding:.5892857143em .5892857143em .5892857143em}.ui.compact.labeled.icon.buttons .button,.ui.compact.labeled.icon.button{padding:.5892857143em 3.6964285714em .5892857143em}.ui.relaxed.buttons .button,.ui.relaxed.button{padding:.9821428571em 1.875em .9821428571em}.ui.relaxed.icon.buttons .button,.ui.relaxed.icon.button{padding:.9821428571em .9821428571em .9821428571em}.ui.relaxed.labeled.icon.buttons .button,.ui.relaxed.labeled.icon.button{padding:.9821428571em 4.4464285714em .9821428571em}.ui.mini.buttons .button,.ui.mini.buttons .or,.ui.mini.button{font-size:.7857142857rem}.ui.tiny.buttons .button,.ui.tiny.buttons .or,.ui.tiny.button{font-size:.8571428571rem}.ui.small.buttons .button,.ui.small.buttons .or,.ui.small.button{font-size:.9285714286rem}.ui.buttons .button,.ui.buttons .or,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.buttons .or,.ui.large.button{font-size:1.1428571429rem}.ui.big.buttons .button,.ui.big.buttons .or,.ui.big.button{font-size:1.2857142857rem}.ui.huge.buttons .button,.ui.huge.buttons .or,.ui.huge.button{font-size:1.4285714286rem}.ui.massive.buttons .button,.ui.massive.buttons .or,.ui.massive.button{font-size:1.7142857143rem}.ui.icon.buttons .button,.ui.icon.button{padding:.7857142857em .7857142857em .7857142857em}.ui.icon.buttons .button>.icon,.ui.icon.button>.icon{opacity:.9;margin:0em !important;vertical-align:top}.ui.flat.button{border-radius:0;font-weight:normal;text-decoration:none;text-align:center;-webkit-box-shadow:#cacbcd 0px 3px 4px -2px inset;-moz-box-shadow:#cacbcd 0px 3px 4px -2px inset;box-shadow:#cacbcd 0px 3px 4px -2px inset}.ui.flat.button.oatmeal{color:#333;background:#f0f0e6;-webkit-box-shadow:#adadad 0px 3px 4px -2px inset;-moz-box-shadow:#adadad 0px 3px 4px -2px inset;box-shadow:#adadad 0px 3px 4px -2px inset}.ui.flat.button.oatmeal:hover{color:#91918e;background:#d7d8d4}.ui.basic.buttons .button,.ui.basic.button{background:rgba(0,0,0,0) none !important;color:rgba(0,0,0,.6) !important;font-weight:normal;border-radius:3px;text-transform:none;text-shadow:none !important;box-shadow:0px 0px 0px 1px rgba(34,36,38,.15) inset}.ui.basic.buttons{box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:3px}.ui.basic.buttons .button{border-radius:0em}.ui.basic.buttons .button:hover,.ui.basic.button:hover{background:#dadbdb !important;box-shadow:none}.ui.basic.buttons .button:focus,.ui.basic.button:focus{background:#dadbdb !important;color:rgba(0,0,0,.8) !important;box-shadow:none}.ui.basic.buttons .button:active,.ui.basic.button:active{background:#ccc !important;color:rgba(0,0,0,.9) !important;box-shadow:none}.ui.basic.buttons .active.button,.ui.basic.active.button{background:rgba(0,0,0,.05) !important;box-shadow:none !important;color:rgba(0,0,0,.95) !important}.ui.basic.buttons .active.button:hover,.ui.basic.active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{box-shadow:none}.ui.basic.buttons .button:active{box-shadow:none}.ui.basic.buttons .active.button{box-shadow:none !important}.ui.basic.inverted.buttons .button,.ui.basic.inverted.button{background-color:rgba(0,0,0,0) !important;color:#f9fafb !important;box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important}.ui.basic.inverted.buttons .button:hover,.ui.basic.inverted.button:hover{color:#fff !important;box-shadow:0px 0px 0px 2px #fff inset !important}.ui.basic.inverted.buttons .button:focus,.ui.basic.inverted.button:focus{color:#fff !important;box-shadow:0px 0px 0px 2px #fff inset !important}.ui.basic.inverted.buttons .button:active,.ui.basic.inverted.button:active{background-color:rgba(255,255,255,.08) !important;color:#fff !important;box-shadow:0px 0px 0px 2px rgba(255,255,255,.9) inset !important}.ui.basic.inverted.buttons .active.button,.ui.basic.inverted.active.button{background-color:rgba(255,255,255,.08);color:#fff;text-shadow:none;box-shadow:0px 0px 0px 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.buttons .active.button:hover,.ui.basic.inverted.active.button:hover{background-color:rgba(255,255,255,.15);box-shadow:0px 0px 0px 2px #fff inset !important}.ui.basic.buttons .button{border-left:1px solid rgba(34,36,38,.15);box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none}.ui.basic.vertical.buttons .button{border-left-width:0px;border-top:1px solid rgba(34,36,38,.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0px}.ui.labeled.icon.buttons .button,.ui.labeled.icon.button{position:relative;padding-left:4.0714285714em !important;padding-right:1.5em !important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{position:absolute;height:100%;line-height:1;border-radius:0px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;margin:0em;width:2.5714285714em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0px 0px 0px rgba(0,0,0,0) inset}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{top:0em;left:0em}.ui[class*="right labeled"].icon.button{padding-right:4.0714285714em !important;padding-left:1.5em !important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0em;border-radius:0px;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0px 0px 0px rgba(0,0,0,0) inset}.ui.labeled.icon.buttons>.button>.icon:before,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.button>.icon:after{display:block;position:absolute;width:100%;top:50%;text-align:center;transform:translateY(-50%)}.ui.labeled.icon.buttons .button>.icon{border-radius:0em}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:3px;border-bottom-left-radius:3px}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:3px;border-bottom-right-radius:3px}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0em;border-top-left-radius:3px}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0em;border-bottom-left-radius:3px}.ui.fluid[class*="left labeled"].icon.button,.ui.fluid[class*="right labeled"].icon.button{padding-left:1.5em !important;padding-right:1.5em !important}.ui.toggle.buttons .active.button,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#21ba45 !important;box-shadow:none !important;text-shadow:none;color:#fff !important}.ui.button.toggle.active:hover{background-color:#13ae38 !important;text-shadow:none;color:#fff !important}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.buttons .or{position:relative;width:.3em;height:2.5714285714em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:"or";top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.8928571429em;margin-left:-.8928571429em;width:1.7857142857em;height:1.7857142857em;line-height:1.7857142857em;color:rgba(0,0,0,.4);font-style:normal;font-weight:bold;box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0em !important}.ui.fluid.buttons .or:after{display:none}.ui.attached.button{position:relative;display:block;margin:0em;border-radius:0em;box-shadow:0px 0px 0px 1px rgba(34,36,38,.15) !important}.ui.attached.top.button{border-radius:3px 3px 0em 0em}.ui.attached.bottom.button{border-radius:0em 0em 3px 3px}.ui.left.attached.button{display:inline-block;border-left:none;text-align:right;padding-right:.75em;border-radius:3px 0em 0em 3px}.ui.right.attached.button{display:inline-block;text-align:left;padding-left:.75em;border-radius:0em 3px 3px 0em}.ui.attached.buttons{position:relative;display:flex;border-radius:0em;width:auto !important;z-index:2;margin-left:-1px;margin-right:-1px}.ui.attached.buttons .button{margin:0em}.ui.attached.buttons .button:first-child{border-radius:0em}.ui.attached.buttons .button:last-child{border-radius:0em}.ui[class*="top attached"].buttons{margin-bottom:-1px;border-radius:3px 3px 0em 0em}.ui[class*="top attached"].buttons .button:first-child{border-radius:3px 0em 0em 0em}.ui[class*="top attached"].buttons .button:last-child{border-radius:0em 3px 0em 0em}.ui[class*="bottom attached"].buttons{margin-top:-1px;border-radius:0em 0em 3px 3px}.ui[class*="bottom attached"].buttons .button:first-child{border-radius:0em 0em 0em 3px}.ui[class*="bottom attached"].buttons .button:last-child{border-radius:0em 0em 3px 0em}.ui[class*="left attached"].buttons{display:inline-flex;margin-right:0em;margin-left:-1px;border-radius:0em 3px 3px 0em}.ui[class*="left attached"].buttons .button:first-child{margin-left:-1px;border-radius:0em 3px 0em 0em}.ui[class*="left attached"].buttons .button:last-child{margin-left:-1px;border-radius:0em 0em 3px 0em}.ui[class*="right attached"].buttons{display:inline-flex;margin-left:0em;margin-right:-1px;border-radius:3px 0em 0em 3px}.ui[class*="right attached"].buttons .button:first-child{margin-left:-1px;border-radius:3px 0em 0em 0em}.ui[class*="right attached"].buttons .button:last-child{margin-left:-1px;border-radius:0em 0em 0em 3px}.ui.fluid.buttons,.ui.fluid.button{width:100%}.ui.fluid.button,.ui.is-style-fluid.button{display:block}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:flex;width:auto}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.black.buttons .button,.ui.black.button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.black.buttons .button:hover,.ui.black.button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.black.buttons .button:focus,.ui.black.button:focus{background-color:#2f3032;color:#fff;text-shadow:none}.ui.black.buttons .button:active,.ui.black.button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.black.buttons .active.button,.ui.black.buttons .active.button:active,.ui.black.active.button,.ui.black.button .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.buttons .button,.ui.basic.black.button{box-shadow:0px 0px 0px 1px #1b1c1d inset !important;color:#1b1c1d !important}.ui.basic.black.buttons .button:hover,.ui.basic.black.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #27292a inset !important;color:#27292a !important}.ui.basic.black.buttons .button:focus,.ui.basic.black.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #2f3032 inset !important;color:#27292a !important}.ui.basic.black.buttons .active.button,.ui.basic.black.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #0f0f10 inset !important;color:#343637 !important}.ui.basic.black.buttons .button:active,.ui.basic.black.button:active{box-shadow:0px 0px 0px 1px #343637 inset !important;color:#343637 !important}.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child){margin-left:-1px}.ui.inverted.black.buttons .button,.ui.inverted.black.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #d4d4d5 inset !important;color:#fff}.ui.inverted.black.buttons .button:hover,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button:focus,.ui.inverted.black.button:focus,.ui.inverted.black.buttons .button.active,.ui.inverted.black.button.active,.ui.inverted.black.buttons .button:active,.ui.inverted.black.button:active{box-shadow:none !important;color:#fff}.ui.inverted.black.buttons .button:hover,.ui.inverted.black.button:hover{background-color:#000}.ui.inverted.black.buttons .button:focus,.ui.inverted.black.button:focus{background-color:#000}.ui.inverted.black.buttons .active.button,.ui.inverted.black.active.button{background-color:#000}.ui.inverted.black.buttons .button:active,.ui.inverted.black.button:active{background-color:#000}.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button,.ui.inverted.black.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.button:hover,.ui.inverted.black.basic.button:hover{box-shadow:0px 0px 0px 2px #000 inset !important;color:#fff !important}.ui.inverted.black.basic.buttons .button:focus,.ui.inverted.black.basic.buttons .button:focus,.ui.inverted.black.basic.button:focus{box-shadow:0px 0px 0px 2px #000 inset !important;color:#545454 !important}.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.buttons .basic.active.button,.ui.inverted.black.basic.active.button{box-shadow:0px 0px 0px 2px #000 inset !important;color:#fff !important}.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active,.ui.inverted.black.basic.button:active{box-shadow:0px 0px 0px 2px #000 inset !important;color:#fff !important}.ui.grey.buttons .button,.ui.grey.button{background-color:#767676;color:#fff;text-shadow:none;background-image:none}.ui.grey.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.grey.buttons .button:hover,.ui.grey.button:hover{background-color:#838383;color:#fff;text-shadow:none}.ui.grey.buttons .button:focus,.ui.grey.button:focus{background-color:#8a8a8a;color:#fff;text-shadow:none}.ui.grey.buttons .button:active,.ui.grey.button:active{background-color:#909090;color:#fff;text-shadow:none}.ui.grey.buttons .active.button,.ui.grey.buttons .active.button:active,.ui.grey.active.button,.ui.grey.button .active.button:active{background-color:dimgray;color:#fff;text-shadow:none}.ui.basic.grey.buttons .button,.ui.basic.grey.button{box-shadow:0px 0px 0px 1px #767676 inset !important;color:#767676 !important}.ui.basic.grey.buttons .button:hover,.ui.basic.grey.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #838383 inset !important;color:#838383 !important}.ui.basic.grey.buttons .button:focus,.ui.basic.grey.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #8a8a8a inset !important;color:#838383 !important}.ui.basic.grey.buttons .active.button,.ui.basic.grey.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px dimgray inset !important;color:#909090 !important}.ui.basic.grey.buttons .button:active,.ui.basic.grey.button:active{box-shadow:0px 0px 0px 1px #909090 inset !important;color:#909090 !important}.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child){margin-left:-1px}.ui.inverted.grey.buttons .button,.ui.inverted.grey.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #d4d4d5 inset !important;color:#fff}.ui.inverted.grey.buttons .button:hover,.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.button:focus,.ui.inverted.grey.buttons .button.active,.ui.inverted.grey.button.active,.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.button:active{box-shadow:none !important;color:rgba(0,0,0,.6)}.ui.inverted.grey.buttons .button:hover,.ui.inverted.grey.button:hover{background-color:#cad0d6}.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.button:focus{background-color:#bcc9d5}.ui.inverted.grey.buttons .active.button,.ui.inverted.grey.active.button{background-color:#c8d0d9}.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.button:active{background-color:#c2c4c5}.ui.inverted.grey.basic.buttons .button,.ui.inverted.grey.buttons .basic.button,.ui.inverted.grey.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.grey.basic.buttons .button:hover,.ui.inverted.grey.buttons .basic.button:hover,.ui.inverted.grey.basic.button:hover{box-shadow:0px 0px 0px 2px #cad0d6 inset !important;color:#fff !important}.ui.inverted.grey.basic.buttons .button:focus,.ui.inverted.grey.basic.buttons .button:focus,.ui.inverted.grey.basic.button:focus{box-shadow:0px 0px 0px 2px #bcc9d5 inset !important;color:#dcddde !important}.ui.inverted.grey.basic.buttons .active.button,.ui.inverted.grey.buttons .basic.active.button,.ui.inverted.grey.basic.active.button{box-shadow:0px 0px 0px 2px #c8d0d9 inset !important;color:#fff !important}.ui.inverted.grey.basic.buttons .button:active,.ui.inverted.grey.buttons .basic.button:active,.ui.inverted.grey.basic.button:active{box-shadow:0px 0px 0px 2px #c2c4c5 inset !important;color:#fff !important}.ui.brown.buttons .button,.ui.brown.button{background-color:#a5673f;color:#fff;text-shadow:none;background-image:none}.ui.brown.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.brown.buttons .button:hover,.ui.brown.button:hover{background-color:#9d592e;color:#fff;text-shadow:none}.ui.brown.buttons .button:focus,.ui.brown.button:focus{background-color:#9a5121;color:#fff;text-shadow:none}.ui.brown.buttons .button:active,.ui.brown.button:active{background-color:#805031;color:#fff;text-shadow:none}.ui.brown.buttons .active.button,.ui.brown.buttons .active.button:active,.ui.brown.active.button,.ui.brown.button .active.button:active{background-color:#a25829;color:#fff;text-shadow:none}.ui.basic.brown.buttons .button,.ui.basic.brown.button{box-shadow:0px 0px 0px 1px #a5673f inset !important;color:#a5673f !important}.ui.basic.brown.buttons .button:hover,.ui.basic.brown.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #9d592e inset !important;color:#9d592e !important}.ui.basic.brown.buttons .button:focus,.ui.basic.brown.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #9a5121 inset !important;color:#9d592e !important}.ui.basic.brown.buttons .active.button,.ui.basic.brown.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #a25829 inset !important;color:#805031 !important}.ui.basic.brown.buttons .button:active,.ui.basic.brown.button:active{box-shadow:0px 0px 0px 1px #805031 inset !important;color:#805031 !important}.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child){margin-left:-1px}.ui.inverted.brown.buttons .button,.ui.inverted.brown.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #d67c1c inset !important;color:#d67c1c}.ui.inverted.brown.buttons .button:hover,.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.button:focus,.ui.inverted.brown.buttons .button.active,.ui.inverted.brown.button.active,.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.button:active{box-shadow:none !important;color:#fff}.ui.inverted.brown.buttons .button:hover,.ui.inverted.brown.button:hover{background-color:#ca6f0e}.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.button:focus{background-color:#c66803}.ui.inverted.brown.buttons .active.button,.ui.inverted.brown.active.button{background-color:#d06f09}.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.button:active{background-color:#a96216}.ui.inverted.brown.basic.buttons .button,.ui.inverted.brown.buttons .basic.button,.ui.inverted.brown.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.brown.basic.buttons .button:hover,.ui.inverted.brown.buttons .basic.button:hover,.ui.inverted.brown.basic.button:hover{box-shadow:0px 0px 0px 2px #ca6f0e inset !important;color:#d67c1c !important}.ui.inverted.brown.basic.buttons .button:focus,.ui.inverted.brown.basic.buttons .button:focus,.ui.inverted.brown.basic.button:focus{box-shadow:0px 0px 0px 2px #c66803 inset !important;color:#d67c1c !important}.ui.inverted.brown.basic.buttons .active.button,.ui.inverted.brown.buttons .basic.active.button,.ui.inverted.brown.basic.active.button{box-shadow:0px 0px 0px 2px #d06f09 inset !important;color:#d67c1c !important}.ui.inverted.brown.basic.buttons .button:active,.ui.inverted.brown.buttons .basic.button:active,.ui.inverted.brown.basic.button:active{box-shadow:0px 0px 0px 2px #a96216 inset !important;color:#d67c1c !important}.ui.blue.buttons .button,.ui.blue.button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.blue.buttons .button:hover,.ui.blue.button:hover{background-color:#1378c5;color:#fff;text-shadow:none}.ui.blue.buttons .button:focus,.ui.blue.button:focus{background-color:#0771c1;color:#fff;text-shadow:none}.ui.blue.buttons .button:active,.ui.blue.button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active,.ui.blue.active.button,.ui.blue.button .active.button:active{background-color:#0d79ca;color:#fff;text-shadow:none}.ui.basic.blue.buttons .button,.ui.basic.blue.button{box-shadow:0px 0px 0px 1px #2185d0 inset !important;color:#2185d0 !important}.ui.basic.blue.buttons .button:hover,.ui.basic.blue.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #1378c5 inset !important;color:#1378c5 !important}.ui.basic.blue.buttons .button:focus,.ui.basic.blue.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #0771c1 inset !important;color:#1378c5 !important}.ui.basic.blue.buttons .active.button,.ui.basic.blue.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #0d79ca inset !important;color:#1a69a4 !important}.ui.basic.blue.buttons .button:active,.ui.basic.blue.button:active{box-shadow:0px 0px 0px 1px #1a69a4 inset !important;color:#1a69a4 !important}.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child){margin-left:-1px}.ui.inverted.blue.buttons .button,.ui.inverted.blue.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #54c8ff inset !important;color:#54c8ff}.ui.inverted.blue.buttons .button:hover,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.button:focus,.ui.inverted.blue.buttons .button.active,.ui.inverted.blue.button.active,.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.button:active{box-shadow:none !important;color:#fff}.ui.inverted.blue.buttons .button:hover,.ui.inverted.blue.button:hover{background-color:#3bc0ff}.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.button:focus{background-color:#2bbbff}.ui.inverted.blue.buttons .active.button,.ui.inverted.blue.active.button{background-color:#3bc0ff}.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.button:active{background-color:#21b8ff}.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button,.ui.inverted.blue.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.button:hover,.ui.inverted.blue.basic.button:hover{box-shadow:0px 0px 0px 2px #3bc0ff inset !important;color:#54c8ff !important}.ui.inverted.blue.basic.buttons .button:focus,.ui.inverted.blue.basic.buttons .button:focus,.ui.inverted.blue.basic.button:focus{box-shadow:0px 0px 0px 2px #2bbbff inset !important;color:#54c8ff !important}.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.buttons .basic.active.button,.ui.inverted.blue.basic.active.button{box-shadow:0px 0px 0px 2px #3bc0ff inset !important;color:#54c8ff !important}.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active,.ui.inverted.blue.basic.button:active{box-shadow:0px 0px 0px 2px #21b8ff inset !important;color:#54c8ff !important}.ui.green.buttons .button,.ui.green.button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.green.buttons .button:hover,.ui.green.button:hover{background-color:#13ae38;color:#fff;text-shadow:none}.ui.green.buttons .button:focus,.ui.green.button:focus{background-color:#09a92f;color:#fff;text-shadow:none}.ui.green.buttons .button:active,.ui.green.button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.green.buttons .active.button,.ui.green.buttons .active.button:active,.ui.green.active.button,.ui.green.button .active.button:active{background-color:#0fb335;color:#fff;text-shadow:none}.ui.basic.green.buttons .button,.ui.basic.green.button{box-shadow:0px 0px 0px 1px #21ba45 inset !important;color:#21ba45 !important}.ui.basic.green.buttons .button:hover,.ui.basic.green.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #13ae38 inset !important;color:#13ae38 !important}.ui.basic.green.buttons .button:focus,.ui.basic.green.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #09a92f inset !important;color:#13ae38 !important}.ui.basic.green.buttons .active.button,.ui.basic.green.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #0fb335 inset !important;color:#198f35 !important}.ui.basic.green.buttons .button:active,.ui.basic.green.button:active{box-shadow:0px 0px 0px 1px #198f35 inset !important;color:#198f35 !important}.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child){margin-left:-1px}.ui.inverted.green.buttons .button,.ui.inverted.green.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #2ecc40 inset !important;color:#2ecc40}.ui.inverted.green.buttons .button:hover,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button:focus,.ui.inverted.green.button:focus,.ui.inverted.green.buttons .button.active,.ui.inverted.green.button.active,.ui.inverted.green.buttons .button:active,.ui.inverted.green.button:active{box-shadow:none !important;color:#fff}.ui.inverted.green.buttons .button:hover,.ui.inverted.green.button:hover{background-color:#1ec231}.ui.inverted.green.buttons .button:focus,.ui.inverted.green.button:focus{background-color:#12c025}.ui.inverted.green.buttons .active.button,.ui.inverted.green.active.button{background-color:#18c82c}.ui.inverted.green.buttons .button:active,.ui.inverted.green.button:active{background-color:#25a233}.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button,.ui.inverted.green.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.button:hover,.ui.inverted.green.basic.button:hover{box-shadow:0px 0px 0px 2px #1ec231 inset !important;color:#2ecc40 !important}.ui.inverted.green.basic.buttons .button:focus,.ui.inverted.green.basic.buttons .button:focus,.ui.inverted.green.basic.button:focus{box-shadow:0px 0px 0px 2px #12c025 inset !important;color:#2ecc40 !important}.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.buttons .basic.active.button,.ui.inverted.green.basic.active.button{box-shadow:0px 0px 0px 2px #18c82c inset !important;color:#2ecc40 !important}.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active,.ui.inverted.green.basic.button:active{box-shadow:0px 0px 0px 2px #25a233 inset !important;color:#2ecc40 !important}.ui.orange.buttons .button,.ui.orange.button{background-color:#f2711c;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.orange.buttons .button:hover,.ui.orange.button:hover{background-color:#f36101;color:#fff;text-shadow:none}.ui.orange.buttons .button:focus,.ui.orange.button:focus{background-color:#e55b00;color:#fff;text-shadow:none}.ui.orange.buttons .button:active,.ui.orange.button:active{background-color:#cf590c;color:#fff;text-shadow:none}.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active,.ui.orange.active.button,.ui.orange.button .active.button:active{background-color:#f56100;color:#fff;text-shadow:none}.ui.basic.orange.buttons .button,.ui.basic.orange.button{box-shadow:0px 0px 0px 1px #f2711c inset !important;color:#f2711c !important}.ui.basic.orange.buttons .button:hover,.ui.basic.orange.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #f36101 inset !important;color:#f36101 !important}.ui.basic.orange.buttons .button:focus,.ui.basic.orange.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #e55b00 inset !important;color:#f36101 !important}.ui.basic.orange.buttons .active.button,.ui.basic.orange.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #f56100 inset !important;color:#cf590c !important}.ui.basic.orange.buttons .button:active,.ui.basic.orange.button:active{box-shadow:0px 0px 0px 1px #cf590c inset !important;color:#cf590c !important}.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child){margin-left:-1px}.ui.inverted.orange.buttons .button,.ui.inverted.orange.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #ff851b inset !important;color:#ff851b}.ui.inverted.orange.buttons .button:hover,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.button:focus,.ui.inverted.orange.buttons .button.active,.ui.inverted.orange.button.active,.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.button:active{box-shadow:none !important;color:#fff}.ui.inverted.orange.buttons .button:hover,.ui.inverted.orange.button:hover{background-color:#ff7702}.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.button:focus{background-color:#f17000}.ui.inverted.orange.buttons .active.button,.ui.inverted.orange.active.button{background-color:#ff7702}.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.button:active{background-color:#e76b00}.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button,.ui.inverted.orange.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.button:hover,.ui.inverted.orange.basic.button:hover{box-shadow:0px 0px 0px 2px #ff7702 inset !important;color:#ff851b !important}.ui.inverted.orange.basic.buttons .button:focus,.ui.inverted.orange.basic.buttons .button:focus,.ui.inverted.orange.basic.button:focus{box-shadow:0px 0px 0px 2px #f17000 inset !important;color:#ff851b !important}.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.buttons .basic.active.button,.ui.inverted.orange.basic.active.button{box-shadow:0px 0px 0px 2px #ff7702 inset !important;color:#ff851b !important}.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active,.ui.inverted.orange.basic.button:active{box-shadow:0px 0px 0px 2px #e76b00 inset !important;color:#ff851b !important}.ui.pink.buttons .button,.ui.pink.button{background-color:#e03997;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.pink.buttons .button:hover,.ui.pink.button:hover{background-color:#e9168d;color:#fff;text-shadow:none}.ui.pink.buttons .button:focus,.ui.pink.button:focus{background-color:#e80886;color:#fff;text-shadow:none}.ui.pink.buttons .button:active,.ui.pink.button:active{background-color:#c71f7e;color:#fff;text-shadow:none}.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active,.ui.pink.active.button,.ui.pink.button .active.button:active{background-color:#f0108e;color:#fff;text-shadow:none}.ui.basic.pink.buttons .button,.ui.basic.pink.button{box-shadow:0px 0px 0px 1px #e03997 inset !important;color:#e03997 !important}.ui.basic.pink.buttons .button:hover,.ui.basic.pink.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #e9168d inset !important;color:#e9168d !important}.ui.basic.pink.buttons .button:focus,.ui.basic.pink.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #e80886 inset !important;color:#e9168d !important}.ui.basic.pink.buttons .active.button,.ui.basic.pink.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #f0108e inset !important;color:#c71f7e !important}.ui.basic.pink.buttons .button:active,.ui.basic.pink.button:active{box-shadow:0px 0px 0px 1px #c71f7e inset !important;color:#c71f7e !important}.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child){margin-left:-1px}.ui.inverted.pink.buttons .button,.ui.inverted.pink.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #ff8edf inset !important;color:#ff8edf}.ui.inverted.pink.buttons .button:hover,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.button:focus,.ui.inverted.pink.buttons .button.active,.ui.inverted.pink.button.active,.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.button:active{box-shadow:none !important;color:#fff}.ui.inverted.pink.buttons .button:hover,.ui.inverted.pink.button:hover{background-color:#ff75d8}.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.button:focus{background-color:#ff65d3}.ui.inverted.pink.buttons .active.button,.ui.inverted.pink.active.button{background-color:#ff75d8}.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.button:active{background-color:#ff5bd1}.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button,.ui.inverted.pink.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.button:hover,.ui.inverted.pink.basic.button:hover{box-shadow:0px 0px 0px 2px #ff75d8 inset !important;color:#ff8edf !important}.ui.inverted.pink.basic.buttons .button:focus,.ui.inverted.pink.basic.buttons .button:focus,.ui.inverted.pink.basic.button:focus{box-shadow:0px 0px 0px 2px #ff65d3 inset !important;color:#ff8edf !important}.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.buttons .basic.active.button,.ui.inverted.pink.basic.active.button{box-shadow:0px 0px 0px 2px #ff75d8 inset !important;color:#ff8edf !important}.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active,.ui.inverted.pink.basic.button:active{box-shadow:0px 0px 0px 2px #ff5bd1 inset !important;color:#ff8edf !important}.ui.violet.buttons .button,.ui.violet.button{background-color:#6435c9;color:#fff;text-shadow:none;background-image:none}.ui.violet.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.violet.buttons .button:hover,.ui.violet.button:hover{background-color:#5624c0;color:#fff;text-shadow:none}.ui.violet.buttons .button:focus,.ui.violet.button:focus{background-color:#4c17be;color:#fff;text-shadow:none}.ui.violet.buttons .button:active,.ui.violet.button:active{background-color:#502aa1;color:#fff;text-shadow:none}.ui.violet.buttons .active.button,.ui.violet.buttons .active.button:active,.ui.violet.active.button,.ui.violet.button .active.button:active{background-color:#541fc6;color:#fff;text-shadow:none}.ui.basic.violet.buttons .button,.ui.basic.violet.button{box-shadow:0px 0px 0px 1px #6435c9 inset !important;color:#6435c9 !important}.ui.basic.violet.buttons .button:hover,.ui.basic.violet.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #5624c0 inset !important;color:#5624c0 !important}.ui.basic.violet.buttons .button:focus,.ui.basic.violet.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #4c17be inset !important;color:#5624c0 !important}.ui.basic.violet.buttons .active.button,.ui.basic.violet.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #541fc6 inset !important;color:#502aa1 !important}.ui.basic.violet.buttons .button:active,.ui.basic.violet.button:active{box-shadow:0px 0px 0px 1px #502aa1 inset !important;color:#502aa1 !important}.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child){margin-left:-1px}.ui.inverted.violet.buttons .button,.ui.inverted.violet.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #a291fb inset !important;color:#a291fb}.ui.inverted.violet.buttons .button:hover,.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.button:focus,.ui.inverted.violet.buttons .button.active,.ui.inverted.violet.button.active,.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.button:active{box-shadow:none !important;color:#fff}.ui.inverted.violet.buttons .button:hover,.ui.inverted.violet.button:hover{background-color:#8a74ff}.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.button:focus{background-color:#7d64ff}.ui.inverted.violet.buttons .active.button,.ui.inverted.violet.active.button{background-color:#8a74ff}.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.button:active{background-color:#7860f9}.ui.inverted.violet.basic.buttons .button,.ui.inverted.violet.buttons .basic.button,.ui.inverted.violet.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.violet.basic.buttons .button:hover,.ui.inverted.violet.buttons .basic.button:hover,.ui.inverted.violet.basic.button:hover{box-shadow:0px 0px 0px 2px #8a74ff inset !important;color:#a291fb !important}.ui.inverted.violet.basic.buttons .button:focus,.ui.inverted.violet.basic.buttons .button:focus,.ui.inverted.violet.basic.button:focus{box-shadow:0px 0px 0px 2px #7d64ff inset !important;color:#a291fb !important}.ui.inverted.violet.basic.buttons .active.button,.ui.inverted.violet.buttons .basic.active.button,.ui.inverted.violet.basic.active.button{box-shadow:0px 0px 0px 2px #8a74ff inset !important;color:#a291fb !important}.ui.inverted.violet.basic.buttons .button:active,.ui.inverted.violet.buttons .basic.button:active,.ui.inverted.violet.basic.button:active{box-shadow:0px 0px 0px 2px #7860f9 inset !important;color:#a291fb !important}.ui.purple.buttons .button,.ui.purple.button{background-color:#a333c8;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.purple.buttons .button:hover,.ui.purple.button:hover{background-color:#9823bf;color:#fff;text-shadow:none}.ui.purple.buttons .button:focus,.ui.purple.button:focus{background-color:#9316bd;color:#fff;text-shadow:none}.ui.purple.buttons .button:active,.ui.purple.button:active{background-color:#82299f;color:#fff;text-shadow:none}.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active,.ui.purple.active.button,.ui.purple.button .active.button:active{background-color:#9b1dc5;color:#fff;text-shadow:none}.ui.basic.purple.buttons .button,.ui.basic.purple.button{box-shadow:0px 0px 0px 1px #a333c8 inset !important;color:#a333c8 !important}.ui.basic.purple.buttons .button:hover,.ui.basic.purple.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #9823bf inset !important;color:#9823bf !important}.ui.basic.purple.buttons .button:focus,.ui.basic.purple.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #9316bd inset !important;color:#9823bf !important}.ui.basic.purple.buttons .active.button,.ui.basic.purple.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #9b1dc5 inset !important;color:#82299f !important}.ui.basic.purple.buttons .button:active,.ui.basic.purple.button:active{box-shadow:0px 0px 0px 1px #82299f inset !important;color:#82299f !important}.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child){margin-left:-1px}.ui.inverted.purple.buttons .button,.ui.inverted.purple.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #dc73ff inset !important;color:#dc73ff}.ui.inverted.purple.buttons .button:hover,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.button:focus,.ui.inverted.purple.buttons .button.active,.ui.inverted.purple.button.active,.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.button:active{box-shadow:none !important;color:#fff}.ui.inverted.purple.buttons .button:hover,.ui.inverted.purple.button:hover{background-color:#d65aff}.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.button:focus{background-color:#d24aff}.ui.inverted.purple.buttons .active.button,.ui.inverted.purple.active.button{background-color:#d65aff}.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.button:active{background-color:#cf40ff}.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button,.ui.inverted.purple.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.button:hover,.ui.inverted.purple.basic.button:hover{box-shadow:0px 0px 0px 2px #d65aff inset !important;color:#dc73ff !important}.ui.inverted.purple.basic.buttons .button:focus,.ui.inverted.purple.basic.buttons .button:focus,.ui.inverted.purple.basic.button:focus{box-shadow:0px 0px 0px 2px #d24aff inset !important;color:#dc73ff !important}.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.buttons .basic.active.button,.ui.inverted.purple.basic.active.button{box-shadow:0px 0px 0px 2px #d65aff inset !important;color:#dc73ff !important}.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active,.ui.inverted.purple.basic.button:active{box-shadow:0px 0px 0px 2px #cf40ff inset !important;color:#dc73ff !important}.ui.red.buttons .button,.ui.red.button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.red.buttons .button:hover,.ui.red.button:hover{background-color:#d41616;color:#fff;text-shadow:none}.ui.red.buttons .button:focus,.ui.red.button:focus{background-color:#d10909;color:#fff;text-shadow:none}.ui.red.buttons .button:active,.ui.red.button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.red.buttons .active.button,.ui.red.buttons .active.button:active,.ui.red.active.button,.ui.red.button .active.button:active{background-color:#da1010;color:#fff;text-shadow:none}.ui.basic.red.buttons .button,.ui.basic.red.button{box-shadow:0px 0px 0px 1px #db2828 inset !important;color:#db2828 !important}.ui.basic.red.buttons .button:hover,.ui.basic.red.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #d41616 inset !important;color:#d41616 !important}.ui.basic.red.buttons .button:focus,.ui.basic.red.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #d10909 inset !important;color:#d41616 !important}.ui.basic.red.buttons .active.button,.ui.basic.red.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #da1010 inset !important;color:#b21e1e !important}.ui.basic.red.buttons .button:active,.ui.basic.red.button:active{box-shadow:0px 0px 0px 1px #b21e1e inset !important;color:#b21e1e !important}.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child){margin-left:-1px}.ui.inverted.red.buttons .button,.ui.inverted.red.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #ff695e inset !important;color:#ff695e}.ui.inverted.red.buttons .button:hover,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button:focus,.ui.inverted.red.button:focus,.ui.inverted.red.buttons .button.active,.ui.inverted.red.button.active,.ui.inverted.red.buttons .button:active,.ui.inverted.red.button:active{box-shadow:none !important;color:#fff}.ui.inverted.red.buttons .button:hover,.ui.inverted.red.button:hover{background-color:#ff5145}.ui.inverted.red.buttons .button:focus,.ui.inverted.red.button:focus{background-color:#ff4335}.ui.inverted.red.buttons .active.button,.ui.inverted.red.active.button{background-color:#ff5145}.ui.inverted.red.buttons .button:active,.ui.inverted.red.button:active{background-color:#ff392b}.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button,.ui.inverted.red.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover,.ui.inverted.red.basic.button:hover{box-shadow:0px 0px 0px 2px #ff5145 inset !important;color:#ff695e !important}.ui.inverted.red.basic.buttons .button:focus,.ui.inverted.red.basic.buttons .button:focus,.ui.inverted.red.basic.button:focus{box-shadow:0px 0px 0px 2px #ff4335 inset !important;color:#ff695e !important}.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.buttons .basic.active.button,.ui.inverted.red.basic.active.button{box-shadow:0px 0px 0px 2px #ff5145 inset !important;color:#ff695e !important}.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active,.ui.inverted.red.basic.button:active{box-shadow:0px 0px 0px 2px #ff392b inset !important;color:#ff695e !important}.ui.teal.buttons .button,.ui.teal.button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.teal.buttons .button:hover,.ui.teal.button:hover{background-color:#009c95;color:#fff;text-shadow:none}.ui.teal.buttons .button:focus,.ui.teal.button:focus{background-color:#008c86;color:#fff;text-shadow:none}.ui.teal.buttons .button:active,.ui.teal.button:active{background-color:#00827c;color:#fff;text-shadow:none}.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active,.ui.teal.active.button,.ui.teal.button .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.buttons .button,.ui.basic.teal.button{box-shadow:0px 0px 0px 1px #00b5ad inset !important;color:#00b5ad !important}.ui.basic.teal.buttons .button:hover,.ui.basic.teal.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #009c95 inset !important;color:#009c95 !important}.ui.basic.teal.buttons .button:focus,.ui.basic.teal.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #008c86 inset !important;color:#009c95 !important}.ui.basic.teal.buttons .active.button,.ui.basic.teal.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #009c95 inset !important;color:#00827c !important}.ui.basic.teal.buttons .button:active,.ui.basic.teal.button:active{box-shadow:0px 0px 0px 1px #00827c inset !important;color:#00827c !important}.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child){margin-left:-1px}.ui.inverted.teal.buttons .button,.ui.inverted.teal.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #6dffff inset !important;color:#6dffff}.ui.inverted.teal.buttons .button:hover,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.button:focus,.ui.inverted.teal.buttons .button.active,.ui.inverted.teal.button.active,.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.button:active{box-shadow:none !important;color:rgba(0,0,0,.6)}.ui.inverted.teal.buttons .button:hover,.ui.inverted.teal.button:hover{background-color:#54ffff}.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.button:focus{background-color:#4ff}.ui.inverted.teal.buttons .active.button,.ui.inverted.teal.active.button{background-color:#54ffff}.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.button:active{background-color:#3affff}.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button,.ui.inverted.teal.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.button:hover,.ui.inverted.teal.basic.button:hover{box-shadow:0px 0px 0px 2px #54ffff inset !important;color:#6dffff !important}.ui.inverted.teal.basic.buttons .button:focus,.ui.inverted.teal.basic.buttons .button:focus,.ui.inverted.teal.basic.button:focus{box-shadow:0px 0px 0px 2px #4ff inset !important;color:#6dffff !important}.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.buttons .basic.active.button,.ui.inverted.teal.basic.active.button{box-shadow:0px 0px 0px 2px #54ffff inset !important;color:#6dffff !important}.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active,.ui.inverted.teal.basic.button:active{box-shadow:0px 0px 0px 2px #3affff inset !important;color:#6dffff !important}.ui.olive.buttons .button,.ui.olive.button{background-color:#b5cc18;color:#fff;text-shadow:none;background-image:none}.ui.olive.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.olive.buttons .button:hover,.ui.olive.button:hover{background-color:#a8bf0b;color:#fff;text-shadow:none}.ui.olive.buttons .button:focus,.ui.olive.button:focus{background-color:#a3ba01;color:#fff;text-shadow:none}.ui.olive.buttons .button:active,.ui.olive.button:active{background-color:#8d9e13;color:#fff;text-shadow:none}.ui.olive.buttons .active.button,.ui.olive.buttons .active.button:active,.ui.olive.active.button,.ui.olive.button .active.button:active{background-color:#acc406;color:#fff;text-shadow:none}.ui.basic.olive.buttons .button,.ui.basic.olive.button{box-shadow:0px 0px 0px 1px #b5cc18 inset !important;color:#b5cc18 !important}.ui.basic.olive.buttons .button:hover,.ui.basic.olive.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #a8bf0b inset !important;color:#a8bf0b !important}.ui.basic.olive.buttons .button:focus,.ui.basic.olive.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #a3ba01 inset !important;color:#a8bf0b !important}.ui.basic.olive.buttons .active.button,.ui.basic.olive.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #acc406 inset !important;color:#8d9e13 !important}.ui.basic.olive.buttons .button:active,.ui.basic.olive.button:active{box-shadow:0px 0px 0px 1px #8d9e13 inset !important;color:#8d9e13 !important}.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child){margin-left:-1px}.ui.inverted.olive.buttons .button,.ui.inverted.olive.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #d9e778 inset !important;color:#d9e778}.ui.inverted.olive.buttons .button:hover,.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.button:focus,.ui.inverted.olive.buttons .button.active,.ui.inverted.olive.button.active,.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.button:active{box-shadow:none !important;color:rgba(0,0,0,.6)}.ui.inverted.olive.buttons .button:hover,.ui.inverted.olive.button:hover{background-color:#daec59}.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.button:focus{background-color:#def541}.ui.inverted.olive.buttons .active.button,.ui.inverted.olive.active.button{background-color:#ddf155}.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.button:active{background-color:#cddf4d}.ui.inverted.olive.basic.buttons .button,.ui.inverted.olive.buttons .basic.button,.ui.inverted.olive.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.olive.basic.buttons .button:hover,.ui.inverted.olive.buttons .basic.button:hover,.ui.inverted.olive.basic.button:hover{box-shadow:0px 0px 0px 2px #daec59 inset !important;color:#d9e778 !important}.ui.inverted.olive.basic.buttons .button:focus,.ui.inverted.olive.basic.buttons .button:focus,.ui.inverted.olive.basic.button:focus{box-shadow:0px 0px 0px 2px #def541 inset !important;color:#d9e778 !important}.ui.inverted.olive.basic.buttons .active.button,.ui.inverted.olive.buttons .basic.active.button,.ui.inverted.olive.basic.active.button{box-shadow:0px 0px 0px 2px #ddf155 inset !important;color:#d9e778 !important}.ui.inverted.olive.basic.buttons .button:active,.ui.inverted.olive.buttons .basic.button:active,.ui.inverted.olive.basic.button:active{box-shadow:0px 0px 0px 2px #cddf4d inset !important;color:#d9e778 !important}.ui.mustard.buttons .button,.ui.mustard.button{background-color:#d7b236;color:#fff;text-shadow:none;background-image:none}.ui.mustard.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.mustard.buttons .button:hover,.ui.mustard.button:hover{background-color:#d7ac1c;color:#fff;text-shadow:none}.ui.mustard.buttons .button:focus,.ui.mustard.button:focus{background-color:#d5a80f;color:#fff;text-shadow:none}.ui.mustard.buttons .button:active,.ui.mustard.button:active{background-color:#b69424;color:#fff;text-shadow:none}.ui.mustard.buttons .active.button,.ui.mustard.buttons .active.button:active,.ui.mustard.active.button,.ui.mustard.button .active.button:active{background-color:#ddb016;color:#fff;text-shadow:none}.ui.basic.mustard.buttons .button,.ui.basic.mustard.button{box-shadow:0px 0px 0px 1px #d7b236 inset !important;color:#d7b236 !important}.ui.basic.mustard.buttons .button:hover,.ui.basic.mustard.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #d7ac1c inset !important;color:#d7ac1c !important}.ui.basic.mustard.buttons .button:focus,.ui.basic.mustard.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #d5a80f inset !important;color:#d7ac1c !important}.ui.basic.mustard.buttons .active.button,.ui.basic.mustard.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #d5a80f inset !important;color:#b69424 !important}.ui.basic.mustard.buttons .button:active,.ui.basic.mustard.button:active{box-shadow:0px 0px 0px 1px #b69424 inset !important;color:#b69424 !important}.ui.buttons:not(.vertical)>.basic.mustard.button:not(:first-child){margin-left:-1px}.ui.inverted.mustard.buttons .button,.ui.inverted.mustard.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #d7b236 inset !important;color:#d7b236}.ui.inverted.mustard.buttons .button:hover,.ui.inverted.mustard.button:hover,.ui.inverted.mustard.buttons .button:focus,.ui.inverted.mustard.button:focus,.ui.inverted.mustard.buttons .button.active,.ui.inverted.mustard.button.active,.ui.inverted.mustard.buttons .button:active,.ui.inverted.mustard.button:active{box-shadow:none !important;color:#fff}.ui.inverted.mustard.buttons .button:hover,.ui.inverted.mustard.button:hover{background-color:#d7ac1c}.ui.inverted.mustard.buttons .button:focus,.ui.inverted.mustard.button:focus{background-color:#d5a80f}.ui.inverted.mustard.buttons .active.button,.ui.inverted.mustard.active.button{background-color:#ddb016}.ui.inverted.mustard.buttons .button:active,.ui.inverted.mustard.button:active{background-color:#b69424}.ui.inverted.mustard.basic.buttons .button,.ui.inverted.mustard.buttons .basic.button,.ui.inverted.mustard.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.mustard.basic.buttons .button:hover,.ui.inverted.mustard.buttons .basic.button:hover,.ui.inverted.mustard.basic.button:hover{box-shadow:0px 0px 0px 2px #d7ac1c inset !important;color:#ffe21f !important}.ui.inverted.mustard.basic.buttons .button:focus,.ui.inverted.mustard.basic.buttons .button:focus,.ui.inverted.mustard.basic.button:focus{box-shadow:0px 0px 0px 2px #d5a80f inset !important;color:#ffe21f !important}.ui.inverted.mustard.basic.buttons .active.button,.ui.inverted.mustard.buttons .basic.active.button,.ui.inverted.mustard.basic.active.button{box-shadow:0px 0px 0px 2px #ddb016 inset !important;color:#ffe21f !important}.ui.inverted.mustard.basic.buttons .button:active,.ui.inverted.mustard.buttons .basic.button:active,.ui.inverted.mustard.basic.button:active{box-shadow:0px 0px 0px 2px #b69424 inset !important;color:#ffe21f !important}.ui.primary.buttons .button,.ui.primary.button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.primary.buttons .button:hover,.ui.primary.button:hover{background-color:#1378c5;color:#fff;text-shadow:none}.ui.primary.buttons .button:focus,.ui.primary.button:focus{background-color:#0771c1;color:#fff;text-shadow:none}.ui.primary.buttons .button:active,.ui.primary.button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active,.ui.primary.active.button,.ui.primary.button .active.button:active{background-color:#0d79ca;color:#fff;text-shadow:none}.ui.basic.primary.buttons .button,.ui.basic.primary.button{box-shadow:0px 0px 0px 1px #2185d0 inset !important;color:#2185d0 !important}.ui.basic.primary.buttons .button:hover,.ui.basic.primary.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #1378c5 inset !important;color:#1378c5 !important}.ui.basic.primary.buttons .button:focus,.ui.basic.primary.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #0771c1 inset !important;color:#1378c5 !important}.ui.basic.primary.buttons .active.button,.ui.basic.primary.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #0d79ca inset !important;color:#1a69a4 !important}.ui.basic.primary.buttons .button:active,.ui.basic.primary.button:active{box-shadow:0px 0px 0px 1px #1a69a4 inset !important;color:#1a69a4 !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.inverted.primary.buttons .button,.ui.inverted.primary.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #54c8ff inset !important;color:#54c8ff}.ui.inverted.primary.buttons .button:hover,.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button:focus,.ui.inverted.primary.button:focus,.ui.inverted.primary.buttons .button.active,.ui.inverted.primary.button.active,.ui.inverted.primary.buttons .button:active,.ui.inverted.primary.button:active{box-shadow:none !important;color:#fff}.ui.inverted.primary.buttons .button:hover,.ui.inverted.primary.button:hover{background-color:#3bc0ff}.ui.inverted.primary.buttons .button:focus,.ui.inverted.primary.button:focus{background-color:#2bbbff}.ui.inverted.primary.buttons .active.button,.ui.inverted.primary.active.button{background-color:#3bc0ff}.ui.inverted.primary.buttons .button:active,.ui.inverted.primary.button:active{background-color:#21b8ff}.ui.inverted.primary.basic.buttons .button,.ui.inverted.primary.buttons .basic.button,.ui.inverted.primary.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.primary.basic.buttons .button:hover,.ui.inverted.primary.buttons .basic.button:hover,.ui.inverted.primary.basic.button:hover{box-shadow:0px 0px 0px 2px #3bc0ff inset !important;color:#54c8ff !important}.ui.inverted.primary.basic.buttons .button:focus,.ui.inverted.primary.basic.buttons .button:focus,.ui.inverted.primary.basic.button:focus{box-shadow:0px 0px 0px 2px #2bbbff inset !important;color:#54c8ff !important}.ui.inverted.primary.basic.buttons .active.button,.ui.inverted.primary.buttons .basic.active.button,.ui.inverted.primary.basic.active.button{box-shadow:0px 0px 0px 2px #3bc0ff inset !important;color:#54c8ff !important}.ui.inverted.primary.basic.buttons .button:active,.ui.inverted.primary.buttons .basic.button:active,.ui.inverted.primary.basic.button:active{box-shadow:0px 0px 0px 2px #21b8ff inset !important;color:#54c8ff !important}.ui.secondary.buttons .button,.ui.secondary.button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.secondary.buttons .button:hover,.ui.secondary.button:hover{background-color:#23292e;color:#fff;text-shadow:none}.ui.secondary.buttons .button:focus,.ui.secondary.button:focus{background-color:#25303c;color:#fff;text-shadow:none}.ui.secondary.buttons .button:active,.ui.secondary.button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active,.ui.secondary.active.button,.ui.secondary.button .active.button:active{background-color:#212930;color:#fff;text-shadow:none}.ui.basic.secondary.buttons .button,.ui.basic.secondary.button{box-shadow:0px 0px 0px 1px #1b1c1d inset !important;color:#1b1c1d !important}.ui.basic.secondary.buttons .button:hover,.ui.basic.secondary.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #23292e inset !important;color:#23292e !important}.ui.basic.secondary.buttons .button:focus,.ui.basic.secondary.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #25303c inset !important;color:#23292e !important}.ui.basic.secondary.buttons .active.button,.ui.basic.secondary.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #212930 inset !important;color:#343637 !important}.ui.basic.secondary.buttons .button:active,.ui.basic.secondary.button:active{box-shadow:0px 0px 0px 1px #343637 inset !important;color:#343637 !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.inverted.secondary.buttons .button,.ui.inverted.secondary.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px #545454 inset !important;color:#545454}.ui.inverted.secondary.buttons .button:hover,.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button:focus,.ui.inverted.secondary.button:focus,.ui.inverted.secondary.buttons .button.active,.ui.inverted.secondary.button.active,.ui.inverted.secondary.buttons .button:active,.ui.inverted.secondary.button:active{box-shadow:none !important;color:#fff}.ui.inverted.secondary.buttons .button:hover,.ui.inverted.secondary.button:hover{background-color:#6a5757}.ui.inverted.secondary.buttons .button:focus,.ui.inverted.secondary.button:focus{background-color:#7d5454}.ui.inverted.secondary.buttons .active.button,.ui.inverted.secondary.active.button{background-color:#6f5252}.ui.inverted.secondary.buttons .button:active,.ui.inverted.secondary.button:active{background-color:#6e6e6e}.ui.inverted.secondary.basic.buttons .button,.ui.inverted.secondary.buttons .basic.button,.ui.inverted.secondary.basic.button{background-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 2px rgba(255,255,255,.5) inset !important;color:#fff !important}.ui.inverted.secondary.basic.buttons .button:hover,.ui.inverted.secondary.buttons .basic.button:hover,.ui.inverted.secondary.basic.button:hover{box-shadow:0px 0px 0px 2px #6a5757 inset !important;color:#545454 !important}.ui.inverted.secondary.basic.buttons .button:focus,.ui.inverted.secondary.basic.buttons .button:focus,.ui.inverted.secondary.basic.button:focus{box-shadow:0px 0px 0px 2px #7d5454 inset !important;color:#545454 !important}.ui.inverted.secondary.basic.buttons .active.button,.ui.inverted.secondary.buttons .basic.active.button,.ui.inverted.secondary.basic.active.button{box-shadow:0px 0px 0px 2px #6f5252 inset !important;color:#545454 !important}.ui.inverted.secondary.basic.buttons .button:active,.ui.inverted.secondary.buttons .basic.button:active,.ui.inverted.secondary.basic.button:active{box-shadow:0px 0px 0px 2px #6e6e6e inset !important;color:#545454 !important}.ui.positive.buttons .button,.ui.positive.button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.positive.buttons .button:hover,.ui.positive.button:hover{background-color:#13ae38;color:#fff;text-shadow:none}.ui.positive.buttons .button:focus,.ui.positive.button:focus{background-color:#09a92f;color:#fff;text-shadow:none}.ui.positive.buttons .button:active,.ui.positive.button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active,.ui.positive.active.button,.ui.positive.button .active.button:active{background-color:#0fb335;color:#fff;text-shadow:none}.ui.basic.positive.buttons .button,.ui.basic.positive.button{box-shadow:0px 0px 0px 1px #21ba45 inset !important;color:#21ba45 !important}.ui.basic.positive.buttons .button:hover,.ui.basic.positive.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #13ae38 inset !important;color:#13ae38 !important}.ui.basic.positive.buttons .button:focus,.ui.basic.positive.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #09a92f inset !important;color:#13ae38 !important}.ui.basic.positive.buttons .active.button,.ui.basic.positive.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #0fb335 inset !important;color:#198f35 !important}.ui.basic.positive.buttons .button:active,.ui.basic.positive.button:active{box-shadow:0px 0px 0px 1px #198f35 inset !important;color:#198f35 !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.negative.buttons .button,.ui.negative.button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.negative.buttons .button:hover,.ui.negative.button:hover{background-color:#d41616;color:#fff;text-shadow:none}.ui.negative.buttons .button:focus,.ui.negative.button:focus{background-color:#d10909;color:#fff;text-shadow:none}.ui.negative.buttons .button:active,.ui.negative.button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active,.ui.negative.active.button,.ui.negative.button .active.button:active{background-color:#da1010;color:#fff;text-shadow:none}.ui.basic.negative.buttons .button,.ui.basic.negative.button{box-shadow:0px 0px 0px 1px #db2828 inset !important;color:#db2828 !important}.ui.basic.negative.buttons .button:hover,.ui.basic.negative.button:hover{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #d41616 inset !important;color:#d41616 !important}.ui.basic.negative.buttons .button:focus,.ui.basic.negative.button:focus{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #d10909 inset !important;color:#d41616 !important}.ui.basic.negative.buttons .active.button,.ui.basic.negative.active.button{background:rgba(0,0,0,0) !important;box-shadow:0px 0px 0px 1px #da1010 inset !important;color:#b21e1e !important}.ui.basic.negative.buttons .button:active,.ui.basic.negative.button:active{box-shadow:0px 0px 0px 1px #b21e1e inset !important;color:#b21e1e !important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.buttons{display:inline-flex;flex-direction:row;font-size:0em;vertical-align:baseline;margin:0em .25em 0em 0em}.ui.buttons:not(.basic):not(.inverted){box-shadow:none}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{flex:1 0 auto;margin:0em;border-radius:0em;margin:0px 0px 0px 0px}.ui.buttons>.ui.button:not(.basic):not(.inverted),.ui.buttons:not(.basic):not(.inverted)>.button{box-shadow:0px 0px 0px 1px rgba(0,0,0,0) inset,0px 0em 0px 0px rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0em;border-top-left-radius:3px;border-bottom-left-radius:3px}.ui.buttons .button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.ui.vertical.buttons{display:inline-flex;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0px 0px 0px 0px;box-shadow:none;border-radius:0em}.ui.vertical.buttons .button:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.ui.vertical.buttons .button:last-child{margin-bottom:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.ui.vertical.buttons .button:only-child{border-radius:3px}/*! + * # Semantic UI - Card + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */.ui.card,.ui.cards>.card{max-width:100%;position:relative;display:flex;flex-direction:column;width:290px;min-height:0px;background:#fff;padding:0em;border:none;box-shadow:0px 1px 3px 0px #d4d4d5,0px 0px 0px 1px #d4d4d5;transition:box-shadow .1s ease,transform .1s ease;z-index:""}.ui.card.basic,.ui.card.is-style-borderless,.ui.cards>.card.basic,.ui.cards>.card.is-style-borderless{border:0px;box-shadow:none}.ui.card a,.ui.cards>.card a{cursor:pointer}.ui.card:first-child,.ui.cards>.card:first-child{margin-top:0em}.ui.card:last-child,.ui.cards>.card:last-child{margin-bottom:0em}.ui.card.fluid,.ui.cards>.card.fluid{width:100%;max-width:9999px}.ui.card>.header,.ui.cards>.card>.header{display:block;font-weight:400;font-size:.9285714286rem;letter-spacing:.1em;font-family:var(--wp--preset--font-family--sans-serif);text-transform:uppercase;color:#fff;line-height:1.2857142857em;padding:.6em 1em;margin:"";margin-bottom:0;margin-top:-.21425em;background-color:#333132}.ui.card>.header>i.external.icon,.ui.cards>.card>.header>i.external.icon{font-size:1rem;float:right}.ui.card .image,.ui.cards>.card .image{position:relative;display:block}.ui.card .image img,.ui.cards>.card .image img{display:block;max-width:100%;height:auto}.ui.card .video-player>.close,.ui.cards>.card .video-player>.close{position:absolute;margin-top:.5rem;margin-left:1rem}.ui.card .video-player+.content,.ui.cards>.card .video-player+.content{margin-top:1.5rem;border-top:0px}.ui.card>.content,.ui.cards>.card>.content{flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,.1);background:none;margin:0em;padding:1em 1em;box-shadow:none;font-size:1em;font-family:var(--wp--preset--font-family--sans-serif)}.ui.card>.content:after,.ui.cards>.card>.content:after{display:block;content:" ";height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.card>.content>.meta+.description,.ui.cards>.card>.content>.meta+.description{margin-top:.5em}.ui.card>.content p,.ui.cards>.card>.content p{margin:0em 0em .5em}.ui.card>.content p:last-child,.ui.cards>.card>.content p:last-child{margin-bottom:0em}.ui.card>.items>.item:first-of-type,.ui.cards>.card>.items>.item:first-of-type{margin-top:0}.ui.card>.content>.story-item.item,.ui.cards>.card>.content>.story-item.item{margin:1.5em 0}.ui.card>.content>.story-item.item:first-child,.ui.cards>.card>.content>.story-item.item:first-child{margin-top:0}.ui.card>.content>.story-item.item:last-of-type,.ui.cards>.card>.content>.story-item.item:last-of-type{margin-bottom:0}.ui.card>.content>.description,.ui.cards>.card>.content>.description{clear:both;color:rgba(0,0,0,.68)}.ui.card>.content>p,.ui.card>.content .editor-rich-text>p,.ui.cards>.card>.content>p,.ui.cards>.card>.content .editor-rich-text>p{font-size:1.142rem;font-family:var(--wp--preset--font-family--sans-serif);line-height:1.43rem}.ui.card>.content>p.relaxed,.ui.card>.content .editor-rich-text>p.relaxed,.ui.cards>.card>.content>p.relaxed,.ui.cards>.card>.content .editor-rich-text>p.relaxed{letter-spacing:.06rem}.ui.card>.content>p:first-of-type,.ui.card>.content .editor-rich-text>p:first-of-type,.ui.cards>.card>.content>p:first-of-type,.ui.cards>.card>.content .editor-rich-text>p:first-of-type{margin-top:1rem;margin-bottom:.5rem}.ui.card .meta,.ui.cards>.card .meta{font-size:.8571428571;color:rgba(0,0,0,.4)}.ui.card .meta *,.ui.cards>.card .meta *{margin-right:.3em}.ui.card .meta :last-child,.ui.cards>.card .meta :last-child{margin-right:0em}.ui.card .meta[class*="right floated"],.ui.cards>.card .meta[class*="right floated"]{margin-right:0em;margin-left:.3em}.ui.card a.read-more,.ui.cards>.card a.read-more{font-size:1.142rem;line-height:1.43rem}.ui.card a:not(.ui),.ui.cards>.card a:not(.ui){color:"";transition:color .1s ease}.ui.card a:not(.ui):hover,.ui.cards>.card a:not(.ui):hover{color:""}.ui.card a.header,.ui.card .header>a,.ui.cards>.card a.header,.ui.cards>.card .header>a{color:#fff;text-decoration:none}.ui.card a.header:hover,.ui.card .header>a:hover,.ui.cards>.card a.header:hover,.ui.cards>.card .header>a:hover{color:#fff;text-decoration:none}.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:#2a2a2a}.ui.card .button,.ui.card .buttons,.ui.cards>.card .button,.ui.cards>.card .buttons{margin:-1px;width:calc(100% + 1px*2)}.ui.card .dimmer,.ui.cards>.card .dimmer{background-color:"";z-index:10}.ui.card.raised,.ui.cards>.card.raised{box-shadow:0px 0px 0px 1px #d4d4d5,0px 2px 4px 0px rgba(34,36,38,.12),0px 2px 10px 0px rgba(34,36,38,.15)}.ui.card.inverted.oatmeal,.ui.card.is-style-oatmeal,.ui.cards>.card.inverted.oatmeal,.ui.cards>.card.is-style-oatmeal{background:#ecece3 !important;border:0px !important;box-shadow:none !important}.ui.card.inverted.beige,.ui.card.is-style-beige,.ui.cards>.card.inverted.beige,.ui.cards>.card.is-style-beige{background:#f7f7f1 !important;border:0px !important;box-shadow:none !important}.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.alignleft,.ui.cards>.card.alignleft{margin-right:1rem !important}.ui.card.alignright,.ui.cards>.card.alignright{margin-left:1rem !important}.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>.extra,.ui.cards>.card>.extra{max-width:100%;min-height:0em !important;flex-grow:0;border-top:1px solid rgba(0,0,0,.05) !important;position:static;background:none;width:auto;margin:0em 0em;padding:.75em 1em;top:0em;left:0em;color:rgba(0,0,0,.4);box-shadow:none;transition:color .1s ease}.ui.card>.extra a:not(.ui),.ui.cards>.card>.extra a:not(.ui){color:rgba(0,0,0,.4)}.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#5f94cf}.ui.card{margin:1em 0em}.ui.cards{display:flex;margin:-0.375em;flex-wrap:wrap}.ui.cards>.card{display:flex;margin:.875em .5em;float:none;font-size:1em}.ui.cards:after,.ui.card:after{display:block;content:" ";height:0px;clear:both;overflow:hidden;visibility:hidden}.ui.cards~.ui.cards{margin-top:.875em}.ui.one.cards{margin-left:0em;margin-right:0em}.ui.one.cards>.card{width:100%}.ui.two.cards{margin-left:-1em;margin-right:-1em}.ui.two.cards>.card{width:calc(50% - 1em*2);margin-left:1em;margin-right:1em}.ui.three.cards{margin-left:-1em;margin-right:-1em}.ui.three.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}.ui.four.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.four.cards>.card{width:calc(25% - 0.75em*2);margin-left:.75em;margin-right:.75em}.ui.five.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.five.cards>.card{width:calc(20% - 0.75em*2);margin-left:.75em;margin-right:.75em}.ui.six.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.six.cards>.card{width:calc(16.6666666667% - 0.75em*2);margin-left:.75em;margin-right:.75em}.ui.seven.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.seven.cards>.card{width:calc(14.2857142857% - 0.5em*2);margin-left:.5em;margin-right:.5em}.ui.eight.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.eight.cards>.card{width:calc(12.5% - 0.5em*2);margin-left:.5em;margin-right:.5em;font-size:11px}.ui.nine.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.nine.cards>.card{width:calc(11.1111111111% - 0.5em*2);margin-left:.5em;margin-right:.5em;font-size:10px}.ui.ten.cards{margin-left:-0.5em;margin-right:-0.5em}.ui.ten.cards>.card{width:calc(10% - 0.5em*2);margin-left:.5em;margin-right:.5em}@media only screen and (max-width: 767px){.ui.two.doubling.cards{margin-left:0em;margin-right:0em}.ui.two.doubling.cards>.card{width:100%;margin-left:0em;margin-right:0em}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc(50% - 1em*2);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 1em*2);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc(50% - 1em*2);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc(50% - 1em*2);margin-left:1em;margin-right:1em}.ui.seven.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.seven.doubling.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}.ui.nine.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.nine.doubling.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}.ui.ten.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.ten.doubling.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}}@media only screen and (min-width: 768px)and (max-width: 991px){.ui.two.doubling.cards{margin-left:0em;margin-right:0em}.ui.two.doubling.cards>.card{width:100%;margin-left:0em;margin-right:0em}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards>.card{width:calc(50% - 1em*2);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards>.card{width:calc(50% - 1em*2);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards>.card{width:calc(33.3333333333% - 1em*2);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.eight.doubling.cards>.card{width:calc(25% - 0.75em*2);margin-left:.75em;margin-right:.75em}.ui.nine.doubling.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.nine.doubling.cards>.card{width:calc(25% - 0.75em*2);margin-left:.75em;margin-right:.75em}.ui.ten.doubling.cards{margin-left:-0.75em;margin-right:-0.75em}.ui.ten.doubling.cards>.card{width:calc(20% - 0.75em*2);margin-left:.75em;margin-right:.75em}}@media only screen and (max-width: 767px){.ui.stackable.cards{display:block !important}.ui.stackable.cards .card:first-child{margin-top:0em !important}.ui.stackable.cards>.card{display:block !important;height:auto !important;margin:1em 1em;padding:0 !important;width:calc(100% - 1em*2) !important}}.ui.raised.cards>.card{box-shadow:0px 0px 0px 1px #d4d4d5,0px 2px 4px 0px rgba(34,36,38,.12),0px 2px 10px 0px rgba(34,36,38,.15)}.ui.centered.cards{justify-content:center}.ui.centered.card{margin-left:auto;margin-right:auto}/*! * # Semantic UI - Checkbox * http://github.com/semantic-org/semantic-ui/ * diff --git a/includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/card.scss b/includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/card.scss new file mode 100644 index 00000000..dcb53730 --- /dev/null +++ b/includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/card.scss @@ -0,0 +1,987 @@ +/*! + * # Semantic UI - Card + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + + @use "master.variables"as variables; + @use 'sass:math'; + @use 'colors'; + @use "mixins"; + + /******************************* + Variables + *******************************/ + + /*------------------- + View + --------------------*/ + + /* Shadow */ + $shadowDistance: 1px; + $shadowBoxShadow: 0px $shadowDistance 3px 0px colors.$solidBorderColor; + + /* Card */ + $fontFamily: variables.$sansSerifFont; + $display: flex; + $background: colors.$white; + $margin: 1em 0em; + $minHeight: 0px; + $padding: 0em; + $width: 290px; + $borderWidth: 1px; + $borderShadow: 0px 0px 0px $borderWidth colors.$solidBorderColor; + $boxShadow: $shadowBoxShadow, + $borderShadow; + $border: none; + $zIndex: ""; + $transition: box-shadow variables.$defaultDuration variables.$defaultEasing, + transform variables.$defaultDuration variables.$defaultEasing; + + /* Card Group */ + $horizontalSpacing: 1em; + $rowSpacing: 1.75em; + + $groupMargin: -(math.div($rowSpacing, 2) - math.div($horizontalSpacing, 2)); + $groupDisplay: flex; + + $groupCardFloat: none; + $groupCardDisplay: flex; + $groupCardMargin: math.div($rowSpacing, 2) math.div($horizontalSpacing, 2); + + /* Consecutive Cards */ + $consecutiveGroupDistance: math.div($rowSpacing, 2); + + /*------------------- + Content + --------------------*/ + + /* Image */ + $imagePadding: 1rem; + $imageBorder: none; + $imageBoxShadow: none; + $imageBorder: none; + + /* Content */ + $contentDivider: $borderWidth solid colors.$internalBorderColor; + $contentMargin: 0em; + $contentBackground: none; + $contentPadding: 1em 1em; + $contentFontSize: 1em; + $contentBoxShadow: none; + $contentBorder: none; + + /* Header */ + $headerMargin: ""; + $headerFontWeight: 400; + $headerLineHeightOffset: -(math.div((variables.$lineHeight - 1em), 2)); + $headerColor: #fff; + + /* Metadata */ + $metaFontSize: variables.$tinySize; + $metaSpacing: 0.3em; + $metaColor: colors.$lightTextColor; + + /* Icons */ + $actionOpacity: 0.75; + $actionHoverOpacity: 1; + $actionTransition: color variables.$defaultDuration variables.$defaultEasing; + + $starColor: #ffb70a; + $starActiveColor: #ffe623; + + $likeColor: #ff2733; + $likeActiveColor: #ff2733; + + /* Links */ + $contentLinkColor: ""; + $contentLinkHoverColor: ""; + $contentLinkTransition: color variables.$defaultDuration variables.$defaultEasing; + + $headerLinkColor: $headerColor; + $headerLinkHoverColor: $headerColor; + + $metaLinkColor: colors.$lightTextColor; + $metaLinkHoverColor: colors.$textColor; + + /* Description */ + $descriptionDistance: 0.5em; + $descriptionColor: rgba(0, 0, 0, 0.68); + + /* Content Image */ + $contentImageWidth: ""; + $contentImageVerticalAlign: middle; + + /* Paragraph */ + $paragraphDistance: 0.5em; + + /* Dimmer */ + $dimmerZIndex: 10; + $dimmerColor: ""; + + /* Additional Content */ + $extraDivider: 1px solid rgba(0, 0, 0, 0.05); + $extraBackground: none; + $extraPosition: static; + $extraWidth: auto; + $extraTop: 0em; + $extraLeft: 0em; + $extraMargin: 0em 0em; + $extraPadding: 0.75em 1em; + $extraBoxShadow: none; + $extraColor: colors.$lightTextColor; + $extraTransition: color variables.$defaultDuration variables.$defaultEasing; + + /* Extra Links */ + $extraLinkColor: colors.$unselectedTextColor; + $extraLinkHoverColor: colors.$linkHoverColor; + + /* Buttons */ + $buttonMargin: 0px -$borderWidth; + $buttonWidth:calc(100% + (#{$borderWidth} * 2)); + + /*------------------- + Variations + --------------------*/ + + /* Link */ + $linkHoverBackground: colors.$white; + $linkHoverBorder: $border; + $linkHoverZIndex: 5; + $linkHoverRaiseDistance: 3px; + $linkHoverTransform: translateY(-$linkHoverRaiseDistance); + + $shadowHoverBoxShadow: 0px $shadowDistance $linkHoverRaiseDistance 0px colors.$solidSelectedBorderColor; + $linkHoverBoxShadow: $shadowHoverBoxShadow, + $borderShadow; + + /* Raised */ + $raisedShadow: $borderShadow, + variables.$floatingShadow; + $raisedShadowHover: $borderShadow, + variables.$floatingShadowHover; + + /* Card Count */ + $wideCardSpacing: 1em; + $cardSpacing: 0.75em; + $smallCardSpacing: 0.5em; + + $oneCardSpacing: 0em; + $twoCardSpacing: $wideCardSpacing; + $threeCardSpacing: $wideCardSpacing; + $fourCardSpacing: $cardSpacing; + $fiveCardSpacing: $cardSpacing; + $sixCardSpacing: $cardSpacing; + $sevenCardSpacing: $smallCardSpacing; + $eightCardSpacing: $smallCardSpacing; + $nineCardSpacing: $smallCardSpacing; + $tenCardSpacing: $smallCardSpacing; + + $oneCard: variables.$oneColumn; + $oneCardOffset: 0em; + $twoCard: calc(#{variables.$twoColumn} - (#{$twoCardSpacing} * 2)); + $twoCardOffset: -$twoCardSpacing; + $threeCard: calc(#{variables.$threeColumn} - (#{$threeCardSpacing} * 2)); + $threeCardOffset: -$threeCardSpacing; + $fourCard: calc(#{variables.$fourColumn} - (#{$fourCardSpacing} * 2)); + $fourCardOffset: -$fourCardSpacing; + $fiveCard: calc(#{variables.$fiveColumn} - (#{$fiveCardSpacing} * 2)); + $fiveCardOffset: -$fiveCardSpacing; + $sixCard: calc(#{variables.$sixColumn} - (#{$sixCardSpacing} * 2)); + $sixCardOffset: -$sixCardSpacing; + $sevenCard: calc(#{variables.$sevenColumn} - (#{$sevenCardSpacing} * 2)); + $sevenCardOffset: -$sevenCardSpacing; + $eightCard: calc(#{variables.$eightColumn} - (#{$sevenCardSpacing} * 2)); + $eightCardOffset: -$sevenCardSpacing; + $nineCard: calc(#{variables.$nineColumn} - (#{$nineCardSpacing} * 2)); + $nineCardOffset: -$nineCardSpacing; + $tenCard: calc(#{variables.$tenColumn} - (#{$tenCardSpacing} * 2)); + $tenCardOffset: -$tenCardSpacing; + + /* Stackable */ + $stackableRowSpacing: 1em; + $stackableCardSpacing: 1em; + $stackableMargin: calc(#{variables.$oneColumn} - (#{$stackableCardSpacing} * 2)); + + /* Sizes */ + $medium: 1em; + + /* Colored */ + $coloredShadowDistance: 2px; + + + /*-------------- + Card + ---------------*/ + + @mixin card() { + max-width: 100%; + position: relative; + display: $display; + flex-direction: column; + + width: $width; + min-height: $minHeight; + background: $background; + padding: $padding; + + border: $border; + box-shadow: $boxShadow; + transition: $transition; + z-index: $zIndex; + + &.basic, + &.is-style-borderless { + border: 0px; + box-shadow: none; + } + + a { + cursor: pointer; + } + + &:first-child { + margin-top: 0em; + } + + &:last-child { + margin-bottom: 0em; + } + + /*------------------- + Fluid + --------------------*/ + &.fluid { + width: 100%; + max-width: 9999px; + } + + /*-------------- + Header + ---------------*/ + &>.header { + display: block; + @include mixins.uppercaseTitle($headerFontWeight, $headerColor); + line-height: variables.$headerLineHeight; + + padding: 0.6em 1em; + margin: $headerMargin; + margin-bottom: 0; + margin-top: $headerLineHeightOffset; + + background-color: #333132; + + &>i.external.icon { + font-size: 1rem; + float: right; + } + } + + /*-------------- + Image + ---------------*/ + + .image { + position: relative; + display: block; + + img { + display: block; + max-width: 100%; + height: auto; + } + } + + /*---------------- + Video Player + -----------------*/ + + .video-player { + &>.close { + position: absolute; + margin-top: 0.5rem; + margin-left: 1rem; + } + + &+.content { + margin-top: 1.5rem; + border-top: 0px; + } + } + + /*-------------- + Content + ---------------*/ + + &>.content { + flex-grow: 1; + border: $contentBorder; + border-top: $contentDivider; + background: $contentBackground; + margin: $contentMargin; + padding: $contentPadding; + box-shadow: $contentBoxShadow; + font-size: $contentFontSize; + font-family: $fontFamily; + + &:after { + display: block; + content: " "; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; + } + + &>.meta+.description { + margin-top: $descriptionDistance; + } + + p { + margin: 0em 0em $paragraphDistance; + + &:last-child { + margin-bottom: 0em; + } + } + } + + /*---------------- + Items + -----------------*/ + &>.items>.item:first-of-type { + margin-top: 0; + } + + // Pseudo items inside Gutenberg block... + &>.content>.story-item.item { + margin: 1.5em 0; + + &:first-child { + margin-top: 0; + } + + &:last-of-type { + margin-bottom: 0; + } + } + + /*-------------- + Description + ---------------*/ + + &>.content>.description { + clear: both; + color: $descriptionColor; + } + + /* Direct Content, No Items */ + &>.content, + &>.content .editor-rich-text { + &>p { + font-size: 1.142rem; + font-family: $fontFamily; // For scopes sake we're adding this here so gutenberg will obey it. + line-height: 1.43rem; + + &.relaxed { + letter-spacing: 0.06rem; + } + } + + &>p:first-of-type { + margin-top: 1rem; + margin-bottom: 0.5rem; + } + } + + /*-------------- + Meta + ---------------*/ + + .meta { + font-size: $metaFontSize; + color: $metaColor; + + * { + margin-right: $metaSpacing; + } + + & :last-child { + margin-right: 0em; + } + + &[class*="right floated"] { + margin-right: 0em; + margin-left: $metaSpacing; + } + } + + /*-------------- + Links + ---------------*/ + + a.read-more { + font-size: 1.142rem; + line-height: 1.43rem; + } + + /* Generic */ + a:not(.ui) { + color: $contentLinkColor; + transition: $contentLinkTransition; + + &:hover { + color: $contentLinkHoverColor; + } + } + + /* Header */ + a.header, + .header>a { + color: $headerLinkColor; + text-decoration: none; + + &:hover { + color: $headerLinkHoverColor; + text-decoration: none; + } + } + + /* Meta */ + .meta>a:not(.ui) { + color: $metaLinkColor; + + &:hover { + color: $metaLinkHoverColor; + } + } + + /*-------------- + Buttons + ---------------*/ + + .button, + .buttons { + margin: $buttonMargin; + width: $buttonWidth; + } + + /*-------------- + Dimmer + ---------------*/ + + .dimmer { + background-color: $dimmerColor; + z-index: $dimmerZIndex; + } + + /*-------------- + Variations + ---------------*/ + + &.raised { + box-shadow: $raisedShadow; + } + + /* Oatmeal */ + &.inverted.oatmeal, + &.is-style-oatmeal { + background: colors.$oatmeal !important; + border: 0px !important; + box-shadow: none !important; + } + + /* Beige */ + &.inverted.beige, + &.is-style-beige { + background: colors.$beige !important; + border: 0px !important; + box-shadow: none !important; + } + + /*---------------- + Floated Content + -----------------*/ + + & [class*="left floated"] { + float: left; + } + + & [class*="right floated"] { + float: right; + } + + /*-------------- + Aligned + ---------------*/ + &.alignleft { + margin-right: 1rem !important; + } + + &.alignright { + margin-left: 1rem !important; + } + + /** Align Content **/ + & [class*="left aligned"] { + text-align: left; + } + + & [class*="center aligned"] { + text-align: center; + } + + & [class*="right aligned"] { + text-align: right; + } + + /*---------------- + Extra Content + -----------------*/ + + &>.extra { + max-width: 100%; + min-height: 0em !important; + flex-grow: 0; + border-top: $extraDivider !important; + position: $extraPosition; + background: $extraBackground; + width: $extraWidth; + margin: $extraMargin; + padding: $extraPadding; + top: $extraTop; + left: $extraLeft; + color: $extraColor; + box-shadow: $extraBoxShadow; + transition: $extraTransition; + + a:not(.ui) { + color: $extraLinkColor; + + &:hover { + color: $extraLinkHoverColor; + } + } + } + } + + .ui.card, + .ui.cards>.card { + @include card(); + } + + .ui.card { + margin: $margin; + } + + /*-------------- + Multiple Cards + ---------------*/ + + .ui.cards { + display: $groupDisplay; + margin: $groupMargin; + flex-wrap: wrap; + } + + .ui.cards>.card { + display: $groupCardDisplay; + margin: $groupCardMargin; + float: $groupCardFloat; + font-size: $medium; + } + + /* Clearing */ + .ui.cards:after, + .ui.card:after { + display: block; + content: " "; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; + } + + /* Consecutive Card Groups Preserve Row Spacing */ + .ui.cards~.ui.cards { + margin-top: $consecutiveGroupDistance; + } + + + /******************************* + Card Grids + *******************************/ + + + /*-------------- + Card Count + ---------------*/ + + .ui.one.cards { + margin-left: $oneCardOffset; + margin-right: $oneCardOffset; + } + + .ui.one.cards>.card { + width: $oneCard; + } + + .ui.two.cards { + margin-left: $twoCardOffset; + margin-right: $twoCardOffset; + } + + .ui.two.cards>.card { + width: $twoCard; + margin-left: $twoCardSpacing; + margin-right: $twoCardSpacing; + } + + .ui.three.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.three.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + + .ui.four.cards { + margin-left: $fourCardOffset; + margin-right: $fourCardOffset; + } + + .ui.four.cards>.card { + width: $fourCard; + margin-left: $fourCardSpacing; + margin-right: $fourCardSpacing; + } + + .ui.five.cards { + margin-left: $fiveCardOffset; + margin-right: $fiveCardOffset; + } + + .ui.five.cards>.card { + width: $fiveCard; + margin-left: $fiveCardSpacing; + margin-right: $fiveCardSpacing; + } + + .ui.six.cards { + margin-left: $sixCardOffset; + margin-right: $sixCardOffset; + } + + .ui.six.cards>.card { + width: $sixCard; + margin-left: $sixCardSpacing; + margin-right: $sixCardSpacing; + } + + .ui.seven.cards { + margin-left: $sevenCardOffset; + margin-right: $sevenCardOffset; + } + + .ui.seven.cards>.card { + width: $sevenCard; + margin-left: $sevenCardSpacing; + margin-right: $sevenCardSpacing; + } + + .ui.eight.cards { + margin-left: $eightCardOffset; + margin-right: $eightCardOffset; + } + + .ui.eight.cards>.card { + width: $eightCard; + margin-left: $eightCardSpacing; + margin-right: $eightCardSpacing; + font-size: 11px; + } + + .ui.nine.cards { + margin-left: $nineCardOffset; + margin-right: $nineCardOffset; + } + + .ui.nine.cards>.card { + width: $nineCard; + margin-left: $nineCardSpacing; + margin-right: $nineCardSpacing; + font-size: 10px; + } + + .ui.ten.cards { + margin-left: $tenCardOffset; + margin-right: $tenCardOffset; + } + + .ui.ten.cards>.card { + width: $tenCard; + margin-left: $tenCardSpacing; + margin-right: $tenCardSpacing; + } + + /*------------------- + Doubling + --------------------*/ + + /* Mobile Only */ + @media only screen and (max-width: variables.$largestMobileScreen) { + .ui.two.doubling.cards { + margin-left: $oneCardOffset; + margin-right: $oneCardOffset; + } + + .ui.two.doubling.cards>.card { + width: $oneCard; + margin-left: $oneCardSpacing; + margin-right: $oneCardSpacing; + } + + .ui.three.doubling.cards { + margin-left: $twoCardOffset; + margin-right: $twoCardOffset; + } + + .ui.three.doubling.cards>.card { + width: $twoCard; + margin-left: $twoCardSpacing; + margin-right: $twoCardSpacing; + } + + .ui.four.doubling.cards { + margin-left: $twoCardOffset; + margin-right: $twoCardOffset; + } + + .ui.four.doubling.cards>.card { + width: $twoCard; + margin-left: $twoCardSpacing; + margin-right: $twoCardSpacing; + } + + .ui.five.doubling.cards { + margin-left: $twoCardOffset; + margin-right: $twoCardOffset; + } + + .ui.five.doubling.cards>.card { + width: $twoCard; + margin-left: $twoCardSpacing; + margin-right: $twoCardSpacing; + } + + .ui.six.doubling.cards { + margin-left: $twoCardOffset; + margin-right: $twoCardOffset; + } + + .ui.six.doubling.cards>.card { + width: $twoCard; + margin-left: $twoCardSpacing; + margin-right: $twoCardSpacing; + } + + .ui.seven.doubling.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.seven.doubling.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + + .ui.eight.doubling.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.eight.doubling.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + + .ui.nine.doubling.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.nine.doubling.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + + .ui.ten.doubling.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.ten.doubling.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + } + + /* Tablet Only */ + @media only screen and (min-width: variables.$tabletBreakpoint) and (max-width: variables.$largestTabletScreen) { + .ui.two.doubling.cards { + margin-left: $oneCardOffset; + margin-right: $oneCardOffset; + } + + .ui.two.doubling.cards>.card { + width: $oneCard; + margin-left: $oneCardSpacing; + margin-right: $oneCardSpacing; + } + + .ui.three.doubling.cards { + margin-left: $twoCardOffset; + margin-right: $twoCardOffset; + } + + .ui.three.doubling.cards>.card { + width: $twoCard; + margin-left: $twoCardSpacing; + margin-right: $twoCardSpacing; + } + + .ui.four.doubling.cards { + margin-left: $twoCardOffset; + margin-right: $twoCardOffset; + } + + .ui.four.doubling.cards>.card { + width: $twoCard; + margin-left: $twoCardSpacing; + margin-right: $twoCardSpacing; + } + + .ui.five.doubling.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.five.doubling.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + + .ui.six.doubling.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.six.doubling.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + + .ui.eight.doubling.cards { + margin-left: $threeCardOffset; + margin-right: $threeCardOffset; + } + + .ui.eight.doubling.cards>.card { + width: $threeCard; + margin-left: $threeCardSpacing; + margin-right: $threeCardSpacing; + } + + .ui.eight.doubling.cards { + margin-left: $fourCardOffset; + margin-right: $fourCardOffset; + } + + .ui.eight.doubling.cards>.card { + width: $fourCard; + margin-left: $fourCardSpacing; + margin-right: $fourCardSpacing; + } + + .ui.nine.doubling.cards { + margin-left: $fourCardOffset; + margin-right: $fourCardOffset; + } + + .ui.nine.doubling.cards>.card { + width: $fourCard; + margin-left: $fourCardSpacing; + margin-right: $fourCardSpacing; + } + + .ui.ten.doubling.cards { + margin-left: $fiveCardOffset; + margin-right: $fiveCardOffset; + } + + .ui.ten.doubling.cards>.card { + width: $fiveCard; + margin-left: $fiveCardSpacing; + margin-right: $fiveCardSpacing; + } + } + + /*------------------- + Stackable + --------------------*/ + + @media only screen and (max-width: variables.$largestMobileScreen) { + .ui.stackable.cards { + display: block !important; + } + + .ui.stackable.cards .card:first-child { + margin-top: 0em !important; + } + + .ui.stackable.cards>.card { + display: block !important; + height: auto !important; + margin: $stackableRowSpacing $stackableCardSpacing; + padding: 0 !important; + width: $stackableMargin !important; + } + } + + /******************************* + Variations + *******************************/ + + /*------------------- + Raised + --------------------*/ + + .ui.raised.cards>.card { + box-shadow: $raisedShadow; + } + + /*------------------- + Centered + --------------------*/ + + .ui.centered.cards { + justify-content: center; + } + + .ui.centered.card { + margin-left: auto; + margin-right: auto; + } diff --git a/includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/style.scss b/includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/style.scss index ac2c75f3..3c9c9ea5 100644 --- a/includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/style.scss +++ b/includes/interactives/legacy-containment-system/semantic-ui-css-shim/src/style.scss @@ -4,6 +4,7 @@ @use "button"; +@use "card"; @use "checkbox"; @use "colors"; @use "container";