@charset "UTF-8";

@font-face {
    font-family: 'interface';
    font-style: normal;
    font-weight: normal;
    src: url(//theme.zdassets.com/theme_assets/643319/8754da9367856972a50ea735356498c63ddcdd8f.woff2) format('woff2'), url(//theme.zdassets.com/theme_assets/643319/459ce48fe8c652faf41fe37017df4a5c0b6043db.woff) format('woff');
}
@font-face {
    font-family: 'interface';
    font-style: italic;
    font-weight: bold;
    src: url(//theme.zdassets.com/theme_assets/643319/b28a403319f3651f00f1dbdc642ecfd831ed0ad4.woff2) format('woff2'), url(//theme.zdassets.com/theme_assets/643319/355789b845ac5d74f485f32eb5e8ab0d96ded4dd.woff) format('woff');
}
@font-face {
    font-family: 'interface';
    font-style: normal;
    font-weight: bold;
    src: url(//theme.zdassets.com/theme_assets/643319/c540209143368297de782a5ec040b7f0b1091486.woff2) format('woff2'), url(//theme.zdassets.com/theme_assets/643319/aff5b446ece2e1f65070af09f59343b01121fdb5.woff) format('woff');
}
@font-face {
    font-family: 'nexa';
    font-style: normal;
    font-weight: normal;
    src: url(//theme.zdassets.com/theme_assets/643319/803d3bd53c48add2beac204394fa78f42936908c.woff2) format('woff2'), url(//theme.zdassets.com/theme_assets/643319/a6beed1f5357a61272b2433a0f89cc550253e103.woff) format('woff');
}
@font-face {
    font-family: 'nexa';
    font-style: normal;
    font-weight: bold;
    src: url(//theme.zdassets.com/theme_assets/643319/0bcda94ef95a569bfc8b8323a3ec3588771ce8e9.woff2) format('woff2'), url(//theme.zdassets.com/theme_assets/643319/65077b14035de2da9881c5107f6f18f62a635fd3.woff) format('woff');
}
@font-face {
    font-family: 'nexa';
    font-style: normal;
    font-weight: 900;
    src: url(//theme.zdassets.com/theme_assets/643319/8304c8fa6330a657ac370079a32e135d99b68026.woff2) format('woff2'), url(//theme.zdassets.com/theme_assets/643319/cbb497c8887391c661020c12cc1cce6aa6636336.woff) format('woff');
}
@font-face {
    font-family: 'SSStandard';
    font-style: normal;
    font-weight: normal;
    src: url(//theme.zdassets.com/theme_assets/643319/4c4daf76a03aba5ebf7e1456983ba3895021721d.woff) format('woff');
}
@font-face {
    font-family: 'SSSocial';
    font-style: normal;
    font-weight: normal;
    src: url(//theme.zdassets.com/theme_assets/643319/1f07c1d7a4f6655d35ba96cff5e49f83d9429078.woff) format('woff');
}

:root {
    --giphyBlue: #00ccff;
    --giphyGreen: #00ff99;
    --giphyPurple: #9933ff;
    --giphyRed: #ff6666;
    --giphyYellow: #fff35c;
    --giphyBlack: #121212;
    --giphyWhite: #ffffff;
    --giphyDarkestGrey: #212121;
    --giphyDarkGrey: #2e2e2e;
    --giphyDarkCharcoal: #3e3e3e;
    --giphyCharcoal: #4a4a4a;
    --giphyLightCharcoal: #5c5c5c;
    --giphyLightGrey: #a6a6a6;
    --giphyLightestGrey: #d8d8d8;
    --giphyAqua: #00e6cc;
    --giphyLightBlue: #3191ff;
    --giphyIndigo: #6157ff;
    --giphyPink: #e646b6;
    --giphyFacebook: #3894fc;
    --giphyTwitter: #00ccff;
    --giphyLinkedIn: #e54cb5;
    --giphyGooglePlus: #fc6669;
}

html {
    height: 100%;
}

body {
    background: var(--giphyBlack);
    color: var(--giphyWhite);
    font-family: 'interface', sans-serif;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    min-height: 100%;
    width: 100%;
}

main {
    display: flex;
    flex: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin: 0 0 1em;
}

h1 {
    font-family: 'nexa', sans-serif;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

a {
    color: #3191ff;
    text-decoration: none;
}

p {
    margin: 0 0 1em;
}

.highlight {
    color: #6157FF;
}

.button,
.button-large,
[role='button'],
.nav-wrapper a,
.article-more-questions a,
input[type='submit'] {
    background: #6157FF;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--giphyWhite);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    margin: 0;
    max-width: 100%;
    min-width: 36px;
    padding: 0 15px;
    text-align: center;
    user-select: none;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}
.article-more-questions a {
    display: block;
    margin-top: 8px;
    max-width: 200px;
}

input[type='text'],
input[type='search'],
textarea {
    background: var(--giphyWhite);
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--giphyBlack);
    font-family: 'interface', sans-serif;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    margin: 0;
    min-width: 200px;
    outline: none;
    padding: 0 10px;
    width: 100%;
    -webkit-appearance: none;
}
textarea {
    border: 1px solid #6157FF;
    height: 200px;
    line-height: 1.3;
    padding: 10px;
    resize: none;
}

.homepage {
    width: 100%;
}

.homepage-container,
.container {
    display: flex;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
}
.homepage-container {
    display: block;
}

.content {
    background: var(--giphyWhite);
    box-sizing: border-box;
    color: var(--giphyBlack);
    padding: 30px 30px 80px;
    position: relative;
    width: 100%;
}

.content-inner {
    max-width: 500px;
}

/* ERROR PAGE */
.error-page {
    align-items: center;
    background: no-repeat url(//theme.zdassets.com/theme_assets/643319/3bf3fbb9883e27fd9972693fc0f6d1d1dbfe90e8.gif) center center;
    background-size: cover;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    justify-content: center;
    top: 0;
    width: 100%;
    z-index: -1;
}
.error-page-content {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 560px;
    padding: 30px;
    text-align: center;
    width: 100%;
}
.error-page .oops {
    background: no-repeat url(//theme.zdassets.com/theme_assets/643319/12b0661400ac9f79f40775c06f44a90915f5ce52.gif) center center;
    background-size: contain;
    height: 0;
    margin: 0 auto;
    padding-bottom: 62%;
    width: 100%;
}

/* PEEKERS */
.content.leggy-peek::after,
.content.nails-peek::after,
.content.bottom-peek::after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 100px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100px;
}
.content.bottom-peek::after {
    background-image: url('https://media.giphy.com/media/l378eTXdq4eUyL92U/200.gif');
    background-position: right bottom;
    bottom: -33px;
    right: 80px;
}
.content.nails-peek::after {
    background-image: url('https://media.giphy.com/media/xTkcEwKWdptAK6M0mc/200.gif');
    background-position: left top;
    right: 50px;
    top: -26px;
}
.content.leggy-peek::after {
    background-image: url('https://media.giphy.com/media/3o6vXLkgWSdWFT0stW/200.gif');
    background-position: right top;
    height: 120px;
    right: 80px;
    top: -43px;
    width: 120px;
}

/* SEARCH */
.search {
    padding-right: 45px;
    position: relative;
}
.search::before {
    background: linear-gradient(45deg, #f66 0%, #93f 100%);
    position: absolute;
    top: 0;
    color: #fff;
    content: '🔎';
    font-size: 24px;
    height: 45px;
    line-height: 50px;
    right: 0;
    text-align: center;
    width: 45px;
}

/* HEADER */
.header {
    background: #000;
    height: 88px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
}
.header-inner {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
}
.header .search {
    margin-left: 10px;
}
.header .logo {
    height: 35px;
}
.header .logo-svg {
    display: block;
    height: 100%;
}
.header .nav-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    margin-left: auto;
}
.header .nav-wrapper a {
    height: 45px;
    line-height: 45px;
    margin-left: 10px;
}
.header .nav-wrapper [role='button'] {
    background: transparent;
    color: var(--giphyWhite);
    display: block;
    font-size: 26px;
    font-weight: bold;
    height: 64px;
    line-height: 68px;
    margin: 0;
    width: 64px;
}
.header .nav-wrapper .icon-menu {
    display: none;
}

/* DROPDOWNS */
.dropdown {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    position: relative;
}
.article-unsubscribe,
.dropdown-toggle {
    background: var(--giphyDarkCharcoal);
    box-sizing: border-box;
    color: var(--giphyWhite);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    line-height: 30px;
    overflow: hidden;
    padding: 0 45px 0 15px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
}
.article-unsubscribe {
    display: inline-block;
    padding: 0 15px;
}
.dropdown-toggle.with-image {
    padding-left: 45px;
}
.dropdown-toggle.with-image img {
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.dropdown-toggle::after {
    box-sizing: border-box;
    color: var(--giphyWhite);
    content: '▾';
    font-family: 'SSStandard';
    font-size: 12px;
    height: 30px;
    line-height: 32px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 2px;
    top: 0;
    width: 30px;
}

.dropdown-menu {
    animation: fadeIn 0.2s ease-out;
    background: var(--giphyWhite);
    border: 0;
    border-radius: 0;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    color: #121212;
    min-width: 100%;
    padding: 0;
}
.dropdown-menu [role='menuitem'] {
    color: #121212;
    font-size: inherit;
    line-height: 1.2;
    padding: 10px 15px;
}
.dropdown-menu [role='menuitem'][aria-selected='true'],
.dropdown-menu [role='menuitem']:hover {
    background-color: #6157FF;
    color: var(--giphyWhite);
}
.dropdown-menu-caret::after {
    border-bottom-color: var(--giphyWhite);
}
.dropdown-menu-end.dropdown-menu-caret::before {
    display: none;
}
.dropdown-menu-end.dropdown-menu-caret::after {
    right: 12px;
}

/* HERO */
.hero {
    background: repeat-x url(//theme.zdassets.com/theme_assets/643319/d6f80de24fd2c700e442c881e1bbd1a877d2bd76.gif) center top;
    background-size: auto 100%;
    box-sizing: border-box;
    height: 300px;
    overflow: hidden;
    padding: 0 60px;
    text-align: center;
    width: 100%;
}
.hero-inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 500px;
    margin: 0 auto;
}
.big-ol-cursor {
    animation: bigOlCursor 0.5s ease-in-out 3.75s 2 alternate;
    height: 129px;
    left: -30px;
    pointer-events: none;
    position: absolute;
    top: -260px;
    transform: rotate(180deg);
    width: 100px;
    will-change: transform;
}
.hero .search {
    animation: searchTilt 3s linear 1s 1, searchTilt 0.5s ease-in-out 4s 1 reverse;
    will-change: transform;
}

/* USER */
#user {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
}
#user .dropdown-toggle {
    font-weight: bold;
    padding: 0 50px;
}
#user .dropdown-menu-caret::after {
    border-bottom-color: var(--giphyDarkGrey);
}
#user .dropdown-toggle::after {
    background: transparent;
    color: var(--giphyWhite);
    height: 40px;
    line-height: 44px;
    width: 40px;
}
#user #user-avatar {
    height: 40px;
    width: 40px;
}
#user #user-dropdown {
    background: var(--giphyDarkGrey);
    min-width: 100%;
}
#user #user-name {
    display: inline;
}

/* BLOCKS LIST */
.blocks {
    padding: 50px 0;
}
.blocks h3 {
    color: var(--giphyLightGrey);
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}
.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}
.blocks-item {
    border: 5px solid #6157FF;
    box-sizing: border-box;
    color: var(--giphyWhite);
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: center;
    margin: 0 10px 20px;
    max-width: 100%;
    text-align: center;
}
.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active {
    background-color: #6157FF;
}
.blocks-item a,
.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
    color: var(--giphyWhite);
    text-decoration: none;
}
.blocks-item-internal .icon-lock::before {
    content: '\1F512';
    font-size: 12px;
    bottom: 5px;
    position: relative;
}
.blocks-item-internal a {
    color: #121212;
}
.blocks-item-link {
    color: #6157FF;
    padding: 10px 20px;
}
.blocks-item-title {
    margin-bottom: 0;
}
.blocks-item-description {
    font-weight: normal;
    margin: 0;
}
.blocks-item-description:not(:empty) {
    margin-top: 10px;
}

/* SIDEBAR */
.sidebar {
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.3;
    padding: 30px;
    width: 33%;
}
.sidebar-category,
.sidebar-section {
    margin-bottom: 25px;
}
.sidebar-section-label {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
a.sidebar-section-label {
    color: var(--giphyWhite);
}
.sidebar-section-label::after {
    display: inline-block;
    font-size: 12px;
    height: 12px;
    margin-left: 8px;
    margin-top: 6px;
    transition: transform 0.3s ease-out;
    vertical-align: top;
}
.sidebar-section-label[data-open='true']::after {
    transform: rotate(180deg);
}
.sidebar-section[data-section='back-to-giphy'] {
    display: none;
}
.sidebar-articles {
    clear: both;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 0 30px;
    position: relative;
    transform: translateY(5px);
}
.sidebar-section-label[data-open='true'] + .sidebar-articles {
    animation: fadeIn 0.5s ease-out;
    display: block;
    will-change: opacity;
}
.sidebar-articles .sidebar-article {
    margin-bottom: 15px;
}
.sidebar-articles .sidebar-article:last-child {
    margin-bottom: 0;
}
.sidebar-articles .sidebar-article-link {
    color: var(--giphyWhite);
    display: block;
}
.sidebar-articles .sidebar-article-link.active {
    color: inherit;
    font-weight: bold;
}

/* NOTIFICATIONS */
.notification-notice {
    background: var(--giphyGreen);
    border: 0;
    color: #121212;
    font: inherit;
    font-weight: bold;
    text-align: center;
}
.notification-notice .notification-icon {
    display: none;
}
.notification-notice .notification-text {
    padding-left: 35px;
}
.notification-notice .notification-dismiss::before {
    color: #121212;
}

/* BREADCRUMBS */
.breadcrumbs {
    font-weight: bold;
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}
.breadcrumbs li {
    display: inline-block;
}
.breadcrumbs li:after {
    content: ' / ';
}
.breadcrumbs li:last-child:after {
    content: '';
}
.breadcrumbs a {
    color: var(--giphyLightGrey);
}

/* SEARCH RESULTS */
.search-results-description {
    color: #6157FF;
    display: block;
    font-weight: bold;
    margin-bottom: 30px;
}
.search-results {
    list-style: none;
    max-width: 500px;
    padding: 0;
}
.search-result {
    margin-bottom: 30px;
}
.search-result-link {
    color: #121212;
    font-weight: bold;
    text-decoration: underline;
}

/* PAGINATION */
.pagination ul {
    list-style: none;
    margin: 0;
    padding: 30px 0;
}
.pagination li {
    display: inline-block;
}
.collapsible-nav-list li[aria-selected='true'],
.collapsible-nav-list li a,
.article-vote,
.pagination a,
.pagination span {
    background: transparent;
    border: 1px solid #6157FF;
    box-sizing: border-box;
    color: #121212;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 28px;
    margin-right: 5px;
    min-width: 30px;
    padding: 0 10px;
    text-align: center;
}
.article-vote {
    margin-right: 10px;
    padding: 0 15px;
}
.collapsible-nav-list li[aria-selected='true'],
.pagination .pagination-current a,
.pagination .pagination-current span {
    background: #6157FF;
    color: var(--giphyWhite);
}

/* ARTICLES */
.page-header {
    margin-bottom: 30px;
}
.page-header h1 {
    line-height: 1.3;
    margin: 0 0 15px;
}
.page-header-description {
    margin: 15px 0;
    width: 100%;
}
.comment-avatar,
.article-avatar {
    margin-right: 10px;
}
.comment-author,
.article-author {
    line-height: 1.2;
    margin-bottom: 10px;
}
.comment-author a,
.article-author a {
    color: inherit;
    font-weight: bold;
}
.comment-info,
.article-info {
    max-width: 100%;
}
.comment-meta,
.article-meta {
    display: inline-block;
    vertical-align: middle;
}
.comment-body img,
.article-body img {
    height: auto;
    max-width: 100%;
}
.comment-body ol,
.article-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}
[dir='rtl'] .comment-body ol,
[dir='rtl'] .article-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol,
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
    margin: 0;
}
.comment-body code,
.article-body code {
    border: 2px solid #6157FF;
    padding: 5px;
}
.comment-body pre,
.article-body pre {
    border-left: 2px solid #6157FF;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}
.comment-body blockquote,
.article-body blockquote {
    border-left: 2px solid #6157FF;
    font-style: italic;
    padding: 0 15px;
}
.comment-body > p:last-child,
.article-body > p:last-child {
    margin-bottom: 0;
}
.comment-content,
.article-content {
    margin: 0 0 30px;
    word-wrap: break-word;
}
.comment-footer,
.article-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.article-comment-count {
    color: #454545;
    font-weight: 300;
}
.article-comment-count:hover {
    text-decoration: none;
}
.article-comment-count .icon-comments {
    color: #6157FF;
    content: '\1F4AC';
    display: inline-block;
    padding: 5px;
}
.article-relatives {
    display: flex;
    padding: 30px 0;
}
.article-relatives > * {
    margin-right: 30px;
    width: 100%;
}
.article-relatives > *:last-child {
    margin: 0;
}
.article-votes {
    margin-bottom: 20px;
}
.article-votes-question {
    display: block;
    margin-bottom: 10px;
}
.article-vote::after {
    content: attr(title);
}
.article-more-questions {
    margin: 10px 0 20px;
}
.attachments .attachment-item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
    margin-bottom: 0;
}
.attachments .attachment-item::before {
    content: '\1F4CE';
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 5px;
}
[dir='rtl'] .attachments .attachment-item {
    padding-left: 0;
    padding-right: 20px;
}
[dir='rtl'] .attachments .attachment-item::before {
    left: auto;
}
.content .share {
    background: transparent;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.content .share li,
.content .share a {
    display: inline-block;
}
.content .share a {
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    overflow: hidden;
    width: 25px;
}
.content .share a::before {
    display: block;
    text-align: center;
    width: 100%;
}
.content .share a:hover {
    opacity: 0.9;
    text-decoration: none;
}

/* METADATA */
.meta-group {
    background: none;
    display: block;
    margin: 0;
    padding: 0;
}
.meta-group * {
    display: inline;
}
.meta-data {
    font-size: 14px;
}

/* USER */
.user-avatar {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
}
.avatar {
    display: inline-block;
    position: relative;
}
.avatar img {
    height: 40px;
    width: 40px;
}
.avatar .icon-agent::before {
    background-color: #6157FF;
    border: 2px solid #fff;
    bottom: -4px;
    color: var(--giphyWhite);
    content: '\1F464';
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -4px;
    text-align: center;
    width: 14px;
}

/* SQUIGGLES */
.article-content ul,
.article-relatives ul,
.squiggly,
.article-list {
    background: repeat-y url(//theme.zdassets.com/theme_assets/643319/348bec71b4c61dfcaec5562d8720670d36e9139d.png) 0 0;
    background-size: 11px auto;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 25px;
    position: relative;
}
.article-content ul a,
.article-relatives ul a,
.article-list a {
    color: #121212;
    text-decoration: underline;
}
.squiggly.aqua,
.article-list.aqua {
    background-image: url(//theme.zdassets.com/theme_assets/643319/73ee0d816daaa60cfba8f8a9ce1c0982fce4dd11.png);
}
.squiggly.green,
.article-list.green {
    background-image: url(//theme.zdassets.com/theme_assets/643319/a659215e1c21949db570da6d04b88a6d206d3bf0.png);
}
.squiggly.pink,
.article-list.pink {
    background-image: url(//theme.zdassets.com/theme_assets/643319/27b1c2f15d62117e131379b78d95f7ba9a249db9.png);
}
.squiggly.purple,
.article-list.purple {
    background-image: url(//theme.zdassets.com/theme_assets/643319/805e123e06de36239baadaa67a6d399d3fcd2045.png);
}
.squiggly.red,
.article-list.red {
    background-image: url(//theme.zdassets.com/theme_assets/643319/c262458f552223d8001a8c66aef260ed5b2b2355.png);
}
.squiggly.yellow,
.article-list.yellow {
    background-image: url(//theme.zdassets.com/theme_assets/643319/7b82bbf873120fdc4f7efca4f4186c9db06fb2d8.png);
}

.section-tree-title {
    margin-bottom: 10px;
}
.section-tree-title a {
    color: #121212;
    text-decoration: underline;
}
.see-all-articles {
    color: #121212;
    display: block;
    padding: 10px 0;
    text-decoration: underline;
}
.section-tree .section {
    margin-bottom: 30px;
}

/* FORM */
.form {
    max-width: 400px;
}
.form-field {
    margin-bottom: 30px;
}
.form-field label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}
.form-field.required label::after,
.form-field .required {
    color: var(--giphyRed);
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    margin-left: 3px;
}
.form-field.required label::after,
.form-field .required::after {
    content: '*';
}
.content input[type='text'],
.content textarea {
    background: var(--giphyWhite);
    border: 1px solid #6157FF;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    resize: none;
    width: 100%;
}
.notification-inline,
.error-message {
    color: var(--giphyRed);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 10px;
    padding: 0;
}
.notification-inline,
.notification-inline.notification-error {
    border-radius: 0;
    background: transparent;
    border: 0;
    color: var(--giphyRed);
    padding: 0;
}
.content .upload-dropzone,
.content .nesty-input {
    background: var(--giphyDarkCharcoal);
    border: 0;
    border-radius: 0;
    color: var(--giphyWhite);
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding: 0 60px 0 15px;
}
.content .upload-dropzone {
    background: #6157FF;
    font-size: inherit;
    padding: 0 15px;
}
.content .upload-dropzone span,
.content .upload-dropzone a {
    color: inherit;
    font-size: inherit;
}

.comment-fields .nesty-input::after,
.form-field .nesty-input::after {
    color: var(--giphyWhite);
    font-size: 20px;
    right: 15px;
}
.form input[type='submit'] {
    height: 88px;
    line-height: 88px;
    margin-top: 30px;
    min-width: 200px;
    padding: 0 30px;
}
.nesty-panel {
    border: 1px solid var(--giphyLightestGrey);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #121212;
    min-height: 300px;
}
.nesty-panel li {
    border-bottom: 1px solid var(--giphyLightestGrey);
    box-sizing: border-box;
    height: 45px;
    line-height: 35px;
}
.nesty-panel li:focus,
.nesty-panel li.nesty-selected {
    background: #6157FF;
    color: var(--giphyWhite);
}
.nesty-panel li.nesty-collapse {
    background: var(--giphyLightestGrey);
    color: #121212;
}
.nesty-panel li.nesty-collapse::after,
.nesty-panel li.nesty-expand::after {
    border-width: 6px;
    right: 10px;
}
.nesty-panel li.nesty-collapse::after {
    border-right-color: #121212;
}
.nesty-panel li.nesty-expand::after {
    border-left-color: #121212;
}
#hc-wysiwyg {
    border: 1px solid #6157FF;
    border-radius: 0;
}
#hc-wysiwyg label {
    font-size: 14px;
}
#hc-wysiwyg [role='toolbar'],
#hc-wysiwyg [role='form'] {
    align-items: center;
    background: #6157FF;
    border: 0;
    box-sizing: border-box;
    color: var(--giphyWhite);
    display: flex;
    font-size: 14px;
    height: 45px;
    padding: 5px 10px;
    width: 100%;
}
#hc-wysiwyg [class^='wysiwyg-icon-'] {
    border: 0;
    border-radius: 0;
    color: var(--giphyWhite);
}
#hc-wysiwyg [class^='wysiwyg-icon-']:hover {
    background: rgba(255, 255, 255, 0.1);
    border: 0;
}
#hc-wysiwyg [class^='wysiwyg-icon-'][aria-selected='true'] {
    background: var(--giphyWhite);
    color: #6157FF;
}
#hc-wysiwyg [role='menu'] {
    color: #121212;
}
#hc-wysiwyg [role='form'] input {
    border: 0;
    box-sizing: border-box;
    color: #121212;
    font-size: 14px;
    margin: 0 10px;
}
#hc-wysiwyg [role='form'] [role='button'] {
    background: var(--giphyWhite);
    border: 0;
    color: #6157FF;
}
#hc-wysiwyg [role='form'] [role='button']:last-child {
    color: var(--giphyWhite);
}

/* DESCRIPTIVE LISTS */
dl {
    margin: 0 0 20px;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 20px;
}

/* TABLES */
.content table {
    border: 1px solid #6157FF;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
}
.content thead {
    background: #6157FF;
    color: var(--giphyWhite);
    font-weight: bold;
    text-align: left;
}
.content thead a {
    color: var(--giphyWhite);
}
.content .requests-sort-symbol {
    color: var(--giphyWhite);
    display: inline-block;
    font-size: 10px;
    margin-left: 5px;
}
.content th,
.content td {
    line-height: 1.2;
    min-height: 36px;
    padding: 10px;
    vertical-align: top;
}
.content td {
    border: 1px solid #6157FF;
}

/* COLLAPSIBLE LIST */
.collapsible-nav {
    margin-bottom: 30px;
}
.collapsible-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.collapsible-nav-list li {
    display: inline-block;
}

/* COMMENTS */
.request-main {
    margin-bottom: 30px;
}
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.comment {
    border-bottom: 1px solid var(--giphyLightGrey);
    padding: 20px 0;
}
.comment-heading {
    margin-bottom: 5px;
    margin-top: 0;
}
.comment-overview {
    padding: 20px 0;
}
.comment-overview p {
    margin-top: 0;
}
.comment-sorter {
    display: inline-block;
    float: right;
}
.comment-wrapper {
    display: flex;
    position: relative;
}
.comment-wrapper.comment-official {
    border: 1px solid #6157FF;
    padding: 40px 20px 20px;
}
.comment-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
}
.comment-labels {
    flex-basis: 100%;
}
.comment .status-label:not(.status-label-official) {
    margin-top: 10px;
}
.comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word;
}
.comment-container {
    width: 100%;
}
.comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: left;
}
.comment-form-controls input[type='submit'] {
    margin-top: 15px;
}
.comment-form-controls input[type='checkbox'] {
    margin-right: 5px;
}
.comment-form-controls input[type='checkbox'] [dir='rtl'] {
    margin-left: 5px;
}
.comment-ccs {
    display: none;
}
.comment-ccs + textarea {
    margin-top: 10px;
}
.comment-attachments {
    margin-top: 10px;
}
.comment-mark-as-solved {
    display: inline-block;
}

/* ICONS */
[class^='icon-']::before,
[class*=' icon-']::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected='true']::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before,
.sidebar-section-label.has-children::after {
    font-family: 'SSStandard';
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap; /*-webkit-font-feature-settings: "liga" Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
    -moz-font-feature-settings: 'liga=1';
    -moz-font-feature-settings: 'liga';
    -ms-font-feature-settings: 'liga' 1;
    -o-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.sidebar-section-label.has-children::after {
    content: '▾';
}

.icon-twitter::before,
.icon-linkedin::before,
.icon-googleplus::before,
.icon-facebook::before,
.share-twitter::before,
.share-facebook::before,
.share-linkedin::before,
.share-googleplus::before,
.share a::before {
    font-family: 'SSSocial';
}

.icon-lock::before {
    content: '🔒';
}

.icon-star::before {
    content: '⋆';
}

.share-linkedin::before,
.icon-linkedin::before {
    content: '';
    color: var(--giphyLinkedIn);
}

.share-twitter::before,
.icon-twitter::before {
    content: '';
    color: var(--giphyTwitter);
}

.share-googleplus::before,
.icon-googleplus::before {
    content: '';
    color: var(--giphyGooglePlus);
}

.share-facebook::before,
.icon-facebook::before {
    content: '';
    color: var(--giphyFacebook);
}

.icon-agent::before {
    content: '👤';
}

.icon-close::before {
    content: '␡';
}

.icon-arrow-up::before {
    content: '';
}

.icon-arrow-down::before {
    content: '';
}

.icon-attachments::before {
    content: '📎';
}

.icon-comments::before {
    content: '💬';
}

.icon-search::before {
    content: '🔎';
}

.icon-vote::before {
    content: '👍';
}

.icon-handle::before {
    content: '';
}

.icon-check::before {
    content: '✓';
}

.icon-gear::before {
    content: '⚙';
}

.icon-menu::before {
    content: '';
}
.icon-menu[aria-expanded='true']::before {
    content: '␡';
}

.icon-article::before {
    content: '📓';
}

.icon-post::before {
    content: '';
}

.icon-notification-alert::before {
    content: '⚠';
}

.icon-notification-error::before {
    content: '⛔';
}

.icon-notification-info::before {
    content: 'ℹ';
}

.icon-notification-success::before {
    content: '✓';
}

/* MOBILE */
@media (max-width: 768px) {
    h1 {
        font-size: 28px;
    }
    .header {
        height: auto;
    }
    .header-inner {
        height: auto;
        display: block;
        padding: 0 10px 10px;
    }
    .header .logo {
        float: left;
        height: 24px;
        margin: 13px 0;
        vertical-align: top;
    }
    .header .nav-wrapper {
        display: block;
    }
    .header .nav-wrapper .back-to-giphy {
        display: none;
    }
    .header .nav-wrapper [role='button'] {
        height: 44px;
        float: right;
        font-size: 16px;
        line-height: 50px;
        margin: 3px 0;
        vertical-align: top;
        width: 44px;
    }
    .header .search {
        box-sizing: border-box;
        clear: both;
        margin: 0;
        width: 100%;
    }
    .header .nav-wrapper .icon-menu {
        display: inline-block;
        margin-right: -5px;
    }
    .container {
        display: block;
    }
    .content {
        min-height: 100%;
        padding: 20px 20px 80px;
    }
    .content.leggy-peek::after {
        right: 20px;
    }
    .hero {
        height: 150px;
    }
    .page-header {
        margin-bottom: 20px;
    }
    .breadcrumbs,
    .search-results-description {
        font-size: 16px;
        margin: 5px 0 15px;
    }
    .blocks {
        padding-top: 20px;
    }
    .blocks-item {
        margin: 0 10px 10px;
    }
    .sidebar {
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: max-height 0.7s ease-in-out;
        width: 100%;
    }
    .sidebar[aria-expanded='true'] {
        max-height: 9000px;
    }
    .sidebar-category:last-child {
        margin-bottom: 0;
    }
    .sidebar-section {
        border-bottom: 1px solid var(--giphyDarkGrey);
        margin: 0;
    }
    .sidebar-section-label {
        box-sizing: border-box;
        display: block;
        font-weight: normal;
        font-size: 16px;
        padding: 14px 50px 16px 10px;
        position: relative;
    }
    .sidebar-section-label::after {
        position: absolute;
        right: 10px;
        top: 14px;
    }
    .sidebar-section[data-section='back-to-giphy'] {
        display: block;
    }
    .sidebar-articles {
        margin: 0 12px;
    }
    .sidebar-section-label[data-open='true'] + .sidebar-articles {
        margin-bottom: 30px;
    }
    .article-relatives {
        display: block;
    }
    .article-relatives > * {
        margin: 0 0 30px;
    }
    .article-body ol {
        margin-left: 0;
    }
}

/* ANIMATIONS */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes bigOlCursor {
    0% {
        transform: translateY(0) rotate(180deg);
    }
    100% {
        transform: translateY(100%) rotate(180deg);
    }
}

@keyframes searchTilt {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(10deg);
    }
}