body.views_keywords_index main{background-color:#fff}body.views_keywords_index main h2{font-family:AvenirMedium;font-size:18px;text-align:left}body.views_keywords_index article{align-items:stretch;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;padding:24px}body.views_keywords_index article:before,body.views_keywords_index article:after{flex-grow:unset}body.views_keywords_index article section[name="search"]{display:flex;width:100%;background-color:#fff;height:50px;align-items:center;border-bottom:1px solid #333f48}body.views_keywords_index article section[name="search"] img.icon{align-self:center;margin-left:8px;height:16px;opacity:.3}body.views_keywords_index article section[name="search"] input[type="search"]{border-radius:unset;padding:0 8px 0 8px;width:50%}body.views_keywords_index article section[name="search"] select{border-radius:unset;font-size:14px;font-family:AvenirMedium;border-left:1px solid rgba(128,128,128,.3);background:#fff;padding:0 8px 0 8px;width:50%}body.views_keywords_index article section[name="search"] select.minimal{background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}body.views_keywords_index article section[name="search"] select.minimal:focus{background-image:linear-gradient(45deg,gray 50%,transparent 50%),linear-gradient(135deg,transparent 50%,gray 50%);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em;background-size:5px 5px,5px 5px;background-repeat:no-repeat;border-color:#808080;outline:0}body.views_keywords_index article section[name="items"]{margin-top:8px}body.views_keywords_index article section[name="items"] span.create{color:#000;display:flex;flex-direction:column;margin-top:16px;min-height:50vh;justify-content:center;width:100%;margin:0 auto}body.views_keywords_index article section[name="items"] span.create span.term{font-size:28px;line-height:30px}body.views_keywords_index article section[name="items"] span.create label{text-align:center;margin-bottom:16px}body.views_keywords_index article section[name="items"] span.create button{width:100%;border:1px solid #333f48;border-radius:20px;line-height:32px;padding:16px;text-align:center}.tag_compact{display:grid;grid-template-columns:24px auto 44px 24px;grid-template-areas:". tagname controls ." ". groupname . ." ". assetcount . .";border:1px solid #333f48;border-radius:20px;padding-top:1em;padding-bottom:16px}body.views_keywords_index article section[name="items"] ul#items li.item{margin-top:16px}body.views_keywords_index article section[name="items"] ul li.tag_compact span.actions{grid-area:controls;display:flex;justify-content:space-between}body.views_keywords_index article section[name="items"] ul li.tag_compact h2{grid-area:tagname;text-align:left;margin-bottom:4px}body.views_keywords_index article section[name="items"] ul li.tag_compact p:first-of-type{grid-area:groupname;font-family:AvenirBook;opacity:.5}body.views_keywords_index article section[name="items"] ul li.tag_compact p:last-of-type{grid-area:assetcount;font-family:AvenirBook;opacity:.5}body.views_keywords_index article section[name="items"] ul li.tag_compact form{display:none}body.views_keywords_index article section[name="items"] ul li.tag_expanded form>*{padding:0}body.views_keywords_index article section[name="items"] ul li.tag_expanded form{display:grid;grid-template-columns:24px auto auto 24px;grid-template-areas:". input input ." ". groups groups ." "buttons buttons buttons buttons";border:1px solid #333f48;border-radius:20px;padding-top:1.5em;justify-content:unset;height:unset;width:unset;align-items:unset}body.views_keywords_index article section[name="items"] ul li.tag_expanded form p{grid-area:input;display:flex;flex-direction:column}body.views_keywords_index article section[name="items"] ul li.tag_expanded form p>label:not(.error){padding:0;color:rgba(0,0,0,.6);font-size:14px;margin-bottom:4px;line-height:18px}body.views_keywords_index article section[name="items"] ul li.tag_expanded form p input[name="KeywordName"]{border-bottom:1px solid #000;margin-bottom:8px;font-size:16px;margin-left:2px;margin-right:2px}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div{grid-area:groups;color:#000}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div{margin-bottom:24px;margin-top:8px}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div label{opacity:.6;font-size:14px}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div ul{display:flex;flex-wrap:wrap;justify-content:space-between}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div ul li{border-radius:20px;background-color:#fff;border:1px solid #e2731f;text-align:center;width:48%;margin-bottom:16px;display:flex;justify-content:center}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div ul li input[type="radio"]{display:none}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div ul li input[type="radio"]:checked+label{background-color:#e2731f;color:#fff}body.views_keywords_index article section[name="items"] ul li.tag_expanded form div ul li label{border-radius:20px;width:100%;line-height:32px;opacity:1}body.views_keywords_index article section[name="items"] ul li.tag_expanded form span.buttons{grid-area:buttons;color:#000;width:100%;background-color:#ffc0cb;height:100%;border-radius:0 0 20px 20px;display:flex;justify-content:space-between}body.views_keywords_index article section[name="items"] ul li.tag_expanded form span.buttons button{margin:unset}body.views_keywords_index article section[name="items"] ul li.tag_expanded form span.buttons button[name="cancel"]{height:52px;text-align:center;width:100%;background-color:#999;border-radius:0 0 0 20px;color:#fff}body.views_keywords_index article section[name="items"] ul li.tag_expanded form span.buttons button[name="save"]{height:52px;text-align:center;width:100%;background-color:#c0d600;border-radius:0 0 20px 0;color:#fff}body.views_keywords_index article section[name="items"] ul li.tag_expanded span.actions{display:none}body.views_keywords_index article section[name="items"] ul li.tag_expanded h2{display:none}body.views_keywords_index article section[name="items"] ul li.tag_expanded p.groupname{display:none}body.views_keywords_index article section[name="items"] ul li.tag_expanded p.assetcount{display:none}@media all and (min-width:500px){body.views_keywords_index main h2{font-size:18px;line-height:20px}body.views_keywords_index article section[name="items"] ul li.tag_compact p{font-size:16px;line-height:26px}body.views_keywords_index article section[name="items"] ul li.tag_expanded form{grid-template-columns:48px auto auto 48px}body.views_keywords_index article section[name="items"] ul li.tag_expanded form p label{margin-bottom:0}body.views_keywords_index article section[name="items"] ul li.tag_expanded form p input[name="KeywordName"]{font-size:22px}}@media all and (min-width:660px){body.views_keywords_index article section[name="search"]{max-width:500px;margin:0 auto}body.views_keywords_index article section[name="items"] ul{max-width:500px;margin:0 auto}body.views_keywords_index article section[name="items"] span.create{width:70%;margin:0 auto}}@media all and (min-width:767px){body.views_keywords_index article section[name="search"]{max-width:633px}body.views_keywords_index article section[name="items"] ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:633px}body.views_keywords_index article section[name="items"] ul li.tag_compact{width:48%}body.views_keywords_index article section[name="items"] ul li.tag_expanded{width:61%;margin:auto;margin-top:16px}body.views_keywords_index article section[name="items"] span.create{width:50%;margin:0 auto}}@media all and (min-width:1024px){body.views_keywords_index article section[name="items"] ul{max-width:933px}}@media all and (min-width:1366px){body.views_keywords_index article section[name="items"] span.create{width:30%;margin:0 auto}body.views_keywords_index article section[name="items"] ul li.tag_expanded form{padding-top:1em}body.views_keywords_index article section[name="items"] ul li.tag_expanded form span.buttons button[name="cancel"]{font-size:18px}body.views_keywords_index article section[name="items"] ul li.tag_expanded form span.buttons button[name="save"]{font-size:18px}}